@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(//fonts.googleapis.com/css?family=Just+Me+Again+Down+Here);
@import url(../../groovy/directive/emojiDeclara/assets/emoji.min.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

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

a img {
  border: none; }

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

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.3333333333%; }

.col-xs-2 {
  width: 16.6666666667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.3333333333%; }

.col-xs-5 {
  width: 41.6666666667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.3333333333%; }

.col-xs-8 {
  width: 66.6666666667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.3333333333%; }

.col-xs-11 {
  width: 91.6666666667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.3333333333%; }

.col-xs-pull-2 {
  right: 16.6666666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.3333333333%; }

.col-xs-pull-5 {
  right: 41.6666666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.3333333333%; }

.col-xs-pull-8 {
  right: 66.6666666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.3333333333%; }

.col-xs-pull-11 {
  right: 91.6666666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.3333333333%; }

.col-xs-push-2 {
  left: 16.6666666667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.3333333333%; }

.col-xs-push-5 {
  left: 41.6666666667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.3333333333%; }

.col-xs-push-8 {
  left: 66.6666666667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.3333333333%; }

.col-xs-push-11 {
  left: 91.6666666667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.col-xs-offset-2 {
  margin-left: 16.6666666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.col-xs-offset-5 {
  margin-left: 41.6666666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.col-xs-offset-8 {
  margin-left: 66.6666666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.3333333333%; }
  .col-sm-2 {
    width: 16.6666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.3333333333%; }
  .col-sm-5 {
    width: 41.6666666667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.3333333333%; }
  .col-sm-8 {
    width: 66.6666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.3333333333%; }
  .col-sm-11 {
    width: 91.6666666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.3333333333%; }
  .col-sm-pull-2 {
    right: 16.6666666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.3333333333%; }
  .col-sm-pull-5 {
    right: 41.6666666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.3333333333%; }
  .col-sm-pull-8 {
    right: 66.6666666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.3333333333%; }
  .col-sm-pull-11 {
    right: 91.6666666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.3333333333%; }
  .col-sm-push-2 {
    left: 16.6666666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.3333333333%; }
  .col-sm-push-5 {
    left: 41.6666666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.3333333333%; }
  .col-sm-push-8 {
    left: 66.6666666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.3333333333%; }
  .col-sm-push-11 {
    left: 91.6666666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.3333333333%; }
  .col-md-2 {
    width: 16.6666666667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.3333333333%; }
  .col-md-5 {
    width: 41.6666666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.3333333333%; }
  .col-md-8 {
    width: 66.6666666667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.3333333333%; }
  .col-md-11 {
    width: 91.6666666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.3333333333%; }
  .col-md-pull-2 {
    right: 16.6666666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.3333333333%; }
  .col-md-pull-5 {
    right: 41.6666666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.3333333333%; }
  .col-md-pull-8 {
    right: 66.6666666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.3333333333%; }
  .col-md-pull-11 {
    right: 91.6666666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.3333333333%; }
  .col-md-push-2 {
    left: 16.6666666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.3333333333%; }
  .col-md-push-5 {
    left: 41.6666666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.3333333333%; }
  .col-md-push-8 {
    left: 66.6666666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.3333333333%; }
  .col-md-push-11 {
    left: 91.6666666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.3333333333%; }
  .col-lg-2 {
    width: 16.6666666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.3333333333%; }
  .col-lg-5 {
    width: 41.6666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.3333333333%; }
  .col-lg-8 {
    width: 66.6666666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.3333333333%; }
  .col-lg-11 {
    width: 91.6666666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.3333333333%; }
  .col-lg-pull-2 {
    right: 16.6666666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.3333333333%; }
  .col-lg-pull-5 {
    right: 41.6666666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.3333333333%; }
  .col-lg-pull-8 {
    right: 66.6666666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.3333333333%; }
  .col-lg-pull-11 {
    right: 91.6666666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.3333333333%; }
  .col-lg-push-2 {
    left: 16.6666666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.3333333333%; }
  .col-lg-push-5 {
    left: 41.6666666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.3333333333%; }
  .col-lg-push-8 {
    left: 66.6666666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.3333333333%; }
  .col-lg-push-11 {
    left: 91.6666666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -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); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

@-ms-viewport {
  width: device-width; }

.visible-xs, .mobile .sideNavColumnContainer .close {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs, .mobile .sideNavColumnContainer .close {
    display: block !important; }
  table.visible-xs, .mobile .sideNavColumnContainer table.close {
    display: table !important; }
  tr.visible-xs, .mobile .sideNavColumnContainer tr.close {
    display: table-row !important; }
  th.visible-xs, .mobile .sideNavColumnContainer th.close,
  td.visible-xs,
  .mobile .sideNavColumnContainer td.close {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.428571429;
      text-decoration: none;
      color: #337ab7;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

/* Museo Sans Rounded */
@font-face {
  font-family: 'MuseoSansRounded100';
  src: url("../fonts/MuseoSansRounded-100-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-100-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded300';
  src: url("../fonts/MuseoSansRounded-300-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-300-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded500';
  src: url("../fonts/MuseoSansRounded-500-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-500-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded700';
  src: url("../fonts/MuseoSansRounded-700-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-700-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded900';
  src: url("../fonts/MuseoSansRounded-900-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-900-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* Rooney */
@font-face {
  font-family: 'RooneyBoldItalic';
  src: url("../fonts/Rooney Bold Italic-webfont.woff2") format("woff2"), url("../fonts/Rooney Bold Italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyBold';
  src: url("../fonts/Rooney Bold-webfont.woff2") format("woff2"), url("../fonts/Rooney Bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyLightItalic';
  src: url("../fonts/Rooney Light Italic-webfont.woff2") format("woff2"), url("../fonts/Rooney Light Italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyLight';
  src: url("../fonts/Rooney Light-webfont.woff2") format("woff2"), url("../fonts/Rooney Light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

body, html {
  font-size: 10px;
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  color: #3b3d40;
  letter-spacing: .02em; }

strong {
  font-family: "MuseoSansRounded700", "Arial", sans-serif; }

em {
  font-style: italic; }

sup {
  font-size: 50%;
  vertical-align: top; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 .2em;
  line-height: 1.2;
  color: #3b3d40; }

h1 {
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 3.9rem;
  line-height: 1.2; }

h2 {
  font-family: "MuseoSansRounded100", "Arial", sans-serif;
  font-size: 3rem;
  color: #a5b5b5;
  letter-spacing: 0; }
  h2.pageTitle {
    text-align: center;
    margin: 4rem 0 3rem;
    padding-bottom: 3.5rem;
    border-bottom: solid 1px rgba(149, 166, 166, 0.3); }

h3 {
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 2rem; }

h4 {
  margin-bottom: .4em;
  font-family: "MuseoSansRounded100", "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 1.4; }

h5 {
  margin-bottom: .3em;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 1.5rem; }

h6 {
  font-family: "MuseoSansRounded500", "Arial", sans-serif;
  font-size: 1.1rem;
  color: #6f7d7d;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

a {
  text-decoration: none;
  color: #26b099;
  cursor: pointer; }
  a:hover {
    text-decoration: underline; }
  a:visited {
    color: #745084; }
  a:focus {
    outline: none; }

*:focus {
  outline: none; }

p, article {
  font-size: 1.8rem;
  max-width: 60rem;
  line-height: 1.6;
  font-weight: 400; }

figcaption {
  font-size: 1.4rem;
  font-style: italic; }

small {
  display: inline-block;
  font-size: 1.1rem;
  color: #95a6a6; }

ul, ol {
  font-size: 1.8rem;
  font-weight: 400; }
  ul li, ol li {
    margin-bottom: 0; }
  article ul, ul.list, article ol, ol.list {
    font-family: "RooneyLight", Times, "Times New Roman", serif;
    padding-left: 2rem; }
    article ul li, ul.list li, article ol li, ol.list li {
      line-height: 1.7; }
      article ul li p, ul.list li p, article ol li p, ol.list li p {
        font-size: 1.8rem; }

ul {
  list-style-type: none; }
  article ul li:before, ul.list li:before {
    content: '\2022';
    font-family: arial;
    width: 1rem;
    margin-left: -2rem;
    margin-right: 1rem;
    display: inline-block;
    text-align: left;
    font-size: 1.8rem;
    line-height: 2.3rem;
    height: 1rem;
    vertical-align: text-top; }
  article ul ul li:before, ul.list ul li:before {
    content: '\25E6'; }
  article ul ul ul li:before, ul.list ul ul li:before {
    content: '\25a0';
    font-size: 1.1rem;
    line-height: 2.1rem; }

ol {
  list-style-type: none; }
  article ol, ol.list {
    counter-reset: list; }
    article ol li, ol.list li {
      vertical-align: baseline; }
      article ol li:before, ol.list li:before {
        content: counters(list, "") ".";
        counter-increment: list;
        width: 2rem;
        margin-left: -2rem;
        margin-right: 1rem;
        text-align: right;
        font-size: 1.4rem;
        display: inline-block;
        vertical-align: baseline; }
    article ol ol li:before, ol.list ol li:before {
      content: counter(list, lower-latin) "."; }
    article ol ol ol li:before, ol.list ol ol li:before {
      content: counter(list, lower-roman) "."; }

blockquote {
  blockquote: 2.5rem;
  font-style: italic;
  padding-left: 1.5rem;
  border-left: solid 2px #F6B821; }

p.caption {
  color: #95a6a6;
  font-size: 1.5rem;
  font-family: "MuseoSansRounded300", "Arial", sans-serif; }

.textTag {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 5px;
  background-color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: solid 1px #95a6a6;
  font-family: "MuseoSansRounded500", "Arial", sans-serif;
  font-size: 1rem;
  color: #95a6a6;
  text-transform: uppercase;
  vertical-align: middle; }
  .textTag.red {
    background-color: #f65950;
    border-color: #f65950;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    color: #ffffff; }

.icon-d3-insight {
  position: relative;
  height: 15px;
  width: 18px;
  display: inline-block;
  font-family: 'icomoon'; }
  .icon-d3-insight:before, .icon-d3-insight:after {
    content: "\e63c";
    /* Outline */
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    color: #fad72f;
    z-index: 1; }
  .icon-d3-insight:after {
    content: "\e63b";
    /* Inside */
    color: #fef1b3;
    z-index: 1; }

.icon-d3-heart {
  position: relative;
  height: 15px;
  width: 18px;
  display: inline-block;
  font-family: 'icomoon'; }
  .icon-d3-heart:before, .icon-d3-heart:after {
    content: "\e65c";
    /* Outline */
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    color: #ffffff;
    z-index: 1; }
  .icon-d3-heart:after {
    content: "\e65b";
    /* Inside */
    color: #f65950;
    z-index: 1; }

.icon-d3-video {
  position: relative;
  display: inline-block; }
  .icon-d3-video:after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.62);
    font-family: 'icomoon';
    content: "\e65f";
    /* Inside */
    color: #ffffff;
    z-index: 1; }

.prettyprint-container {
  padding: 10px !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #f2f4f4;
  border: 1px solid #eceeee; }
  .prettyprint-container span {
    font-size: 1.3rem; }

/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.prettyprint {
  background-color: #f2f4f4;
  font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  border: 0 !important; }

.pln {
  color: #333; }

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #cccccc; }

li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
  padding-left: 1em;
  background-color: #f2f4f4;
  list-style-type: decimal; }

@media screen {
  /* string content */
  .str {
    color: #183691; }
  /* keyword */
  .kwd {
    color: #a71d5d; }
  /* comment */
  .com {
    color: #969896; }
  /* type name */
  .typ {
    color: #0086b3; }
  /* literal value */
  .lit {
    color: #0086b3; }
  /* punctuation */
  .pun {
    color: #333; }
  /* lisp open bracket */
  .opn {
    color: #333; }
  /* lisp close bracket */
  .clo {
    color: #333; }
  /* markup tag name */
  .tag {
    color: #000080; }
  /* markup attribute name */
  .atn {
    color: #795da3; }
  /* markup attribute value */
  .atv {
    color: #183691; }
  /* declaration */
  .dec {
    color: #333; }
  /* variable name */
  .var {
    color: #008080; }
  /* function name */
  .fun {
    color: #900; } }

label {
  display: inline-block;
  margin-bottom: .9rem;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 1.3rem; }

input[type="text"], textarea,
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 4.2rem;
  margin-bottom: 2rem;
  padding: .6rem 1.2rem;
  background: #ffffff;
  border: solid 1px #dde4e4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box;
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  font-size: 1.3rem; }
  input[type="text"].large, textarea.large,
  input[type="email"].large,
  input[type="url"].large,
  input[type="password"].large,
  input[type="search"].large {
    font-size: 1.7em; }
  input[type="text"].canBePublic, textarea.canBePublic,
  input[type="email"].canBePublic,
  input[type="url"].canBePublic,
  input[type="password"].canBePublic,
  input[type="search"].canBePublic {
    width: 80%; }
  input[type="text"].error, textarea.error, input[type="text"].invalid, textarea.invalid, input[type="text"].ng-dirty.ng-invalid, textarea.ng-dirty.ng-invalid,
  input[type="email"].error,
  input[type="email"].invalid,
  input[type="email"].ng-dirty.ng-invalid,
  input[type="url"].error,
  input[type="url"].invalid,
  input[type="url"].ng-dirty.ng-invalid,
  input[type="password"].error,
  input[type="password"].invalid,
  input[type="password"].ng-dirty.ng-invalid,
  input[type="search"].error,
  input[type="search"].invalid,
  input[type="search"].ng-dirty.ng-invalid {
    border-color: #f65950; }
  input[type="text"]:focus, textarea:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus {
    border-color: #29c896;
    outline: none; }
  input[type="text"][readonly], textarea[readonly],
  input[type="email"][readonly],
  input[type="url"][readonly],
  input[type="password"][readonly],
  input[type="search"][readonly] {
    opacity: 0.75; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #95a6a6;
  opacity: 1;
  font-size: 1.2rem;
  letter-spacing: .02em;
  font-style: italic; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #95a6a6;
  opacity: 1;
  font-size: 1.2rem;
  letter-spacing: .02em;
  font-style: italic; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #95a6a6;
  opacity: 1;
  font-size: 1.2rem;
  letter-spacing: .02em;
  font-style: italic; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #95a6a6;
  opacity: 1;
  font-size: 1.2rem;
  letter-spacing: .02em;
  font-style: italic; }

input[type="text"].tagger, textarea.tagger {
  width: 80%;
  margin-right: 5%; }

textarea {
  height: 5.74em;
  padding: 1.2rem;
  line-height: 1.3; }

.buttons {
  text-align: right; }

.taggerList li {
  display: inline-block;
  margin: 0 10px 10px 0;
  background-color: #f2f4f4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
  .taggerList li:before {
    content: ''; }

.checkbox,
.radio {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  border: solid 2px #dde4e4;
  vertical-align: middle;
  overflow: hidden; }
  .checkbox input,
  .radio input {
    visibility: hidden; }
    .checkbox input:checked,
    .radio input:checked {
      background: #26b099; }
      .checkbox input:checked label,
      .radio input:checked label {
        color: #ffffff; }
    .checkbox input:checked + label:after,
    .radio input:checked + label:after {
      opacity: 1; }
  .checkbox label,
  .radio label {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    background-color: #ffffff;
    text-transform: none; }
    .checkbox label:after,
    .radio label:after {
      position: absolute;
      opacity: 0;
      content: "\e609";
      width: 16px;
      height: 16px;
      top: 0;
      left: 0;
      padding: 3px 2px 2px;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      -ms-border-radius: 1px;
      -o-border-radius: 1px;
      border-radius: 1px;
      background: #26b099;
      font-family: 'icomoon';
      font-size: 1em;
      color: #ffffff; }
    .checkbox label:hover:after,
    .radio label:hover:after {
      opacity: 0.3; }

.checkbox + label {
  width: calc(100% - 30px);
  margin-top: 3px;
  vertical-align: top;
  line-height: 1.3; }

.radioInput {
  display: inline-block;
  margin-right: 20px; }
  .radioInput .radio {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .radioInput label {
    margin-bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 20px;
    vertical-align: bottom; }
    .radioInput label:after {
      content: '';
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      border: solid 2px #ffffff; }

.select {
  background: #ffffff;
  border: solid 1px #dde4e4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  height: 4rem;
  margin-right: 10px;
  overflow: hidden;
  position: relative; }
  .select:after {
    content: "\e612";
    font-family: 'icomoon';
    color: #dde4e4;
    font-size: 1em;
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    height: 1em;
    width: 1em;
    z-index: 1; }
  .select select {
    display: block;
    width: calc(100% + 17px);
    height: 4rem;
    padding: 0.5rem 0 0.5rem 1.2rem;
    background: none transparent;
    border: none;
    position: relative;
    z-index: 2;
    -webkit-appearance: none;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-size: 1.3rem; }
    .select select:focus {
      outline: 0 none; }

.button,
button,
input[type="button"] {
  height: 32px;
  margin: 0 auto;
  padding: 0 2.5rem;
  background-color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: solid 1px #29c896;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 1rem;
  color: #29c896;
  text-transform: uppercase;
  line-height: 32px;
  letter-spacing: .12em;
  cursor: pointer; }
  .button[disabled], .button.disabled,
  button[disabled],
  button.disabled,
  input[type="button"][disabled],
  input[type="button"].disabled {
    opacity: 0.3;
    background: #ffffff;
    border: solid 1px #95a6a6;
    color: #95a6a6; }
  .button:hover,
  button:hover,
  input[type="button"]:hover {
    background-color: #eaf2f2; }
    .button:hover[disabled], .button:hover.disabled,
    button:hover[disabled],
    button:hover.disabled,
    input[type="button"]:hover[disabled],
    input[type="button"]:hover.disabled {
      opacity: 0.3;
      background: #ffffff;
      border: solid 1px #95a6a6;
      color: #95a6a6;
      background-color: #eceeee; }
  .button:active,
  button:active,
  input[type="button"]:active {
    background-color: #def6ef; }
  .button:focus,
  button:focus,
  input[type="button"]:focus {
    outline: none; }
  .button.action,
  button.action,
  input[type="button"].action {
    background: #2bc5ab;
    border: solid 1px #2bc5ab;
    color: #ffffff; }
    .button.action[disabled], .button.action.disabled,
    button.action[disabled],
    button.action.disabled,
    input[type="button"].action[disabled],
    input[type="button"].action.disabled {
      opacity: 0.3;
      background: #ffffff;
      border: solid 1px #95a6a6;
      color: #95a6a6;
      background-color: #95a6a6;
      color: #ffffff; }
    .button.action:hover,
    button.action:hover,
    input[type="button"].action:hover {
      background-color: #26b099;
      border: solid 1px #26b099; }
      .button.action:hover[disabled], .button.action:hover.disabled,
      button.action:hover[disabled],
      button.action:hover.disabled,
      input[type="button"].action:hover[disabled],
      input[type="button"].action:hover.disabled {
        opacity: 0.3;
        background: #ffffff;
        border: solid 1px #95a6a6;
        color: #95a6a6;
        background-color: #95a6a6;
        color: #ffffff; }
    .button.action:active,
    button.action:active,
    input[type="button"].action:active {
      background-color: #219b87;
      border: solid 1px #219b87; }
  .button.negative,
  button.negative,
  input[type="button"].negative {
    background: #f65950;
    border: solid 1px #f65950;
    color: #ffffff; }
    .button.negative[disabled], .button.negative.disabled,
    button.negative[disabled],
    button.negative.disabled,
    input[type="button"].negative[disabled],
    input[type="button"].negative.disabled {
      opacity: 0.3;
      background: #ffffff;
      border: solid 1px #95a6a6;
      color: #95a6a6;
      opacity: 0.2;
      background-color: #f65950;
      border: solid 1px #f65950;
      color: #ffffff; }
    .button.negative:hover,
    button.negative:hover,
    input[type="button"].negative:hover {
      background-color: #ed180c;
      border: solid 1px #ed180c; }
      .button.negative:hover[disabled], .button.negative:hover.disabled,
      button.negative:hover[disabled],
      button.negative:hover.disabled,
      input[type="button"].negative:hover[disabled],
      input[type="button"].negative:hover.disabled {
        opacity: 0.3;
        background: #ffffff;
        border: solid 1px #95a6a6;
        color: #95a6a6;
        opacity: 0.2;
        background-color: #f65950;
        border: solid 1px #f65950;
        color: #ffffff; }
    .button.negative:active,
    button.negative:active,
    input[type="button"].negative:active {
      background-color: #d54c44;
      border: solid 1px #d54c44; }
  .button.transparent,
  button.transparent,
  input[type="button"].transparent {
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px rgba(255, 255, 255, 0.3);
    color: #ffffff; }
    .button.transparent[disabled], .button.transparent.disabled,
    button.transparent[disabled],
    button.transparent.disabled,
    input[type="button"].transparent[disabled],
    input[type="button"].transparent.disabled {
      opacity: 0.3;
      background: #ffffff;
      border: solid 1px #95a6a6;
      color: #95a6a6;
      opacity: 0.2;
      background-color: rgba(255, 255, 255, 0.3);
      border: solid 1px rgba(255, 255, 255, 0.3);
      color: #ffffff; }
    .button.transparent:hover,
    button.transparent:hover,
    input[type="button"].transparent:hover {
      background-color: rgba(255, 255, 255, 0.4);
      border: solid 1px rgba(255, 255, 255, 0.4);
      border: solid 1px #ffffff; }
      .button.transparent:hover[disabled], .button.transparent:hover.disabled,
      button.transparent:hover[disabled],
      button.transparent:hover.disabled,
      input[type="button"].transparent:hover[disabled],
      input[type="button"].transparent:hover.disabled {
        opacity: 0.3;
        background: #ffffff;
        border: solid 1px #95a6a6;
        color: #95a6a6;
        opacity: 0.2;
        background-color: rgba(255, 255, 255, 0.3);
        border: solid 1px rgba(255, 255, 255, 0.3);
        color: #ffffff; }
    .button.transparent:active,
    button.transparent:active,
    input[type="button"].transparent:active {
      background-color: rgba(255, 255, 255, 0.5);
      border: solid 1px rgba(255, 255, 255, 0.5);
      border: solid 1px #ffffff; }
  .button.clear, .button.clear[disabled]:hover,
  button.clear,
  button.clear[disabled]:hover,
  input[type="button"].clear,
  input[type="button"].clear[disabled]:hover {
    background: transparent none;
    border: solid 1px #ffffff;
    color: #ffffff; }
    .button.clear:hover, .button.clear[disabled]:hover:hover,
    button.clear:hover,
    button.clear[disabled]:hover:hover,
    input[type="button"].clear:hover,
    input[type="button"].clear[disabled]:hover:hover {
      background-color: transparent; }
    .button.clear:active, .button.clear[disabled]:active, .button.clear[disabled]:hover:active, .button.clear[disabled]:hover[disabled]:active,
    button.clear:active,
    button.clear[disabled]:active,
    button.clear[disabled]:hover:active,
    button.clear[disabled]:hover[disabled]:active,
    input[type="button"].clear:active,
    input[type="button"].clear[disabled]:active,
    input[type="button"].clear[disabled]:hover:active,
    input[type="button"].clear[disabled]:hover[disabled]:active {
      background-color: transparent; }
    .button.clear.action, .button.clear[disabled]:hover.action,
    button.clear.action,
    button.clear[disabled]:hover.action,
    input[type="button"].clear.action,
    input[type="button"].clear[disabled]:hover.action {
      font-size: 2em;
      color: #26b099; }
      .button.clear.action:hover, .button.clear[disabled]:hover.action:hover,
      button.clear.action:hover,
      button.clear[disabled]:hover.action:hover,
      input[type="button"].clear.action:hover,
      input[type="button"].clear[disabled]:hover.action:hover {
        color: #29c896; }
      .button.clear.action:active, .button.clear[disabled]:hover.action:active,
      button.clear.action:active,
      button.clear[disabled]:hover.action:active,
      input[type="button"].clear.action:active,
      input[type="button"].clear[disabled]:hover.action:active {
        color: #26b099; }
  .button.clearIcon,
  button.clearIcon,
  input[type="button"].clearIcon {
    height: auto;
    padding: 0;
    background: transparent none;
    border: none; }
    .button.clearIcon:hover,
    button.clearIcon:hover,
    input[type="button"].clearIcon:hover {
      background-color: transparent; }
    .button.clearIcon:active, .button.clearIcon[disabled]:active,
    button.clearIcon:active,
    button.clearIcon[disabled]:active,
    input[type="button"].clearIcon:active,
    input[type="button"].clearIcon[disabled]:active {
      background-color: transparent; }
  .button.large,
  button.large,
  input[type="button"].large {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 4rem;
    font-size: 1.5rem;
    line-height: 4rem;
    letter-spacing: 0.1em; }
  .button.small,
  button.small,
  input[type="button"].small {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    padding: 0 1.2rem;
    font-size: .8rem;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 0.12em; }
    .button.small i,
    .button.small [class^="icon-"],
    .button.small [class*=" icon-"],
    button.small i,
    button.small [class^="icon-"],
    button.small [class*=" icon-"],
    input[type="button"].small i,
    input[type="button"].small [class^="icon-"],
    input[type="button"].small [class*=" icon-"] {
      padding-right: .5em;
      color: #29c896;
      font-size: inherit;
      line-height: inherit;
      vertical-align: middle; }
  .button i,
  .button [class^="icon-"],
  .button [class*=" icon-"],
  button i,
  button [class^="icon-"],
  button [class*=" icon-"],
  input[type="button"] i,
  input[type="button"] [class^="icon-"],
  input[type="button"] [class*=" icon-"] {
    padding-right: .5em;
    color: #29c896;
    font-size: 1.3rem;
    line-height: 32px;
    vertical-align: middle;
    letter-spacing: 0; }
  .button[class^="icon-"], .button[class*=" icon-"], .button.action[class^="icon-"], .button.action[class*=" icon-"],
  button[class^="icon-"],
  button[class*=" icon-"],
  button.action[class^="icon-"],
  button.action[class*=" icon-"],
  input[type="button"][class^="icon-"],
  input[type="button"][class*=" icon-"],
  input[type="button"].action[class^="icon-"],
  input[type="button"].action[class*=" icon-"] {
    border: none;
    font-size: 2rem;
    color: #c9d7d7;
    letter-spacing: 0; }
    .button[class^="icon-"]:hover, .button[class*=" icon-"]:hover, .button.action[class^="icon-"]:hover, .button.action[class*=" icon-"]:hover,
    button[class^="icon-"]:hover,
    button[class*=" icon-"]:hover,
    button.action[class^="icon-"]:hover,
    button.action[class*=" icon-"]:hover,
    input[type="button"][class^="icon-"]:hover,
    input[type="button"][class*=" icon-"]:hover,
    input[type="button"].action[class^="icon-"]:hover,
    input[type="button"].action[class*=" icon-"]:hover {
      color: #acc1c1; }
    .button[class^="icon-"]:active, .button[class^="icon-"][disabled]:active, .button[class*=" icon-"]:active, .button[class*=" icon-"][disabled]:active, .button.action[class^="icon-"]:active, .button.action[class^="icon-"][disabled]:active, .button.action[class*=" icon-"]:active, .button.action[class*=" icon-"][disabled]:active,
    button[class^="icon-"]:active,
    button[class^="icon-"][disabled]:active,
    button[class*=" icon-"]:active,
    button[class*=" icon-"][disabled]:active,
    button.action[class^="icon-"]:active,
    button.action[class^="icon-"][disabled]:active,
    button.action[class*=" icon-"]:active,
    button.action[class*=" icon-"][disabled]:active,
    input[type="button"][class^="icon-"]:active,
    input[type="button"][class^="icon-"][disabled]:active,
    input[type="button"][class*=" icon-"]:active,
    input[type="button"][class*=" icon-"][disabled]:active,
    input[type="button"].action[class^="icon-"]:active,
    input[type="button"].action[class^="icon-"][disabled]:active,
    input[type="button"].action[class*=" icon-"]:active,
    input[type="button"].action[class*=" icon-"][disabled]:active {
      color: #95a6a6; }
  .button.action [class^="icon-"],
  .button.action [class*=" icon-"],
  button.action [class^="icon-"],
  button.action [class*=" icon-"],
  input[type="button"].action [class^="icon-"],
  input[type="button"].action [class*=" icon-"] {
    color: #ffffff; }
  .button.icon-x,
  button.icon-x,
  input[type="button"].icon-x {
    font-size: 1.3rem;
    color: #c9d7d7; }

a.button {
  display: inline-block; }
  a.button:hover {
    text-decoration: none; }
  a.button:visited {
    color: #29c896; }
  a.button.action:visited {
    color: #ffffff; }

.circleButton {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  border: solid 1px #95a6a6;
  border-radius: 50%;
  cursor: pointer; }
  .circleButton:hover {
    background: #ffffff; }
  .circleButton i {
    font-size: 1.9rem;
    color: #95a6a6; }

.declaraModal button,
.declaraModal .button,
.declaraModal input[type="button"] {
  float: right;
  margin: 0 0 0 .8rem; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.triangle-up {
  width: 0;
  height: 0;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-bottom: 1em solid; }

.triangle-down {
  width: 0;
  height: 0;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-top: 1em solid; }

.u-ellipsis, .shrink .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

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

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

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

.u-selectable {
  cursor: pointer; }

footer {
  z-index: 0; }

/* Use @extend to append these to an existing class */
.clearfix:after, .declaraModal .declaraModal-wrapper:after, .declaraModal .declaraModal-wrapper .declaraModal-content:after, .declaraModal .declaraModal-wrapper .buttonBar:after, .siteContainer .content:after, .interests:after, nav.topNav .nav-right:after, nav.topNav .nav-left:after, .loginView .header:after, .loginView .buttons:after, .welcomeView .banner:after, .welcomeView .machine .info .contain:after, .welcomeView footer:after, .feedContainer:after, .feedContainer .columnMain .feedBlock:after, .profileHeader .profileInfoContainer:after, .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails:after, .profileHeader .profileSubNav ul:after, #imageModal .buttonBar:after, .profileView .profileSections .profileSection .profileInsightView:after,
.profileView .profileSections .profileSection .profileFollowersView:after,
.profileView .profileSections .profileSection .profileFollowingView:after, .profileView .profileSections .profileSection .profileInsightView .userInsightCard:after, .broadcastView .profileTop:after, .broadcastView .collectionsContainer:after, .partnerView .profileTop:after, .partnerView .collectionsContainer:after, .chromeExtLink.tile .buttonBlock:after, .tileContent:after, .postDetail-source .contentQualityBar:after, .teamTile .tileContent:after, .contentTile:after, .contentTile .tileContent:after, .contentTile .tileContent .contentDetails:after, .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer:after, .contentTile .tileContent .contentDetails .snippet:after, .contentTile .tileContent .contentDetails .contentBottom:after, .masonryContentTile:after, .masonryContentTile .tileContent:after, .insightTile:after, .insightTile .tileContent:after, .insightTile .tileContent .contentDetails:after, .discussionTile:after, .discussionTile .tileContent:after, .discussionTile .tileContent .contentTop:after, .discussionTile .tileContent .contentTop .contentDetails:after, .discussionTile .tileContent .discussionContainer .lastComment:after, .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .insightContainer:after, .discussionTile .tileContent .discussionContainer .userCommentContainer:after, .privateConversationContainer .conversationBubble:after, .slackify .discussionTile .discussionContainer .lastComment:after, .slackify .discussionTile .discussionContainer .lastComment .lastCommentText .insightContainer:after, .relatedCollectionsContainer:after, .collectionDetailPage:after, .mobile .collectionFollowerContainer .userTileContainer .userTile:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both; }

.img-responsive, .postItemPage .postItem .postDetail-body img {
  display: block;
  height: auto;
  max-width: 100%; }

.object-centered, .circleButton i, .declaraModal .declaraModal-wrapper, nav.topNav .nav-right .navItemContainer a.navItemLink i,
nav.topNav .nav-right .navItemContainer button.importButton i, .mobile nav.topNav .mobileBucket a.groups i, .postItemPage .postItemBanner .actionButtonsContainer .importButton i,
.postItemPage .postItemBanner .actionButtonsContainer .discussButton i,
.postItemPage .postItemBanner .actionButtonsContainer .otherCollectionsButton i, .postItemPage .postItemBanner .actionButtonsContainer .postDiscussWrapper .actionEmailShare i, .groupView .groupContent .emptyMessage .messageBox .messageText {
  /* This will center any object horizontally and vertically.
Parent must be position:relative. */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* Bootstrap Stuffs */
.container,
.container-fluid {
  padding: 0; }

.row {
  margin: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

.pull-right, .mobile .sideNavColumnContainer .close {
  float: right; }

/* Tooltips */
.tooltip {
  font-family: "MuseoSansRounded300", "Arial", sans-serif; }

.declaraModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000; }
  .declaraModal.deleteModal .declaraModal-button {
    border: none;
    color: #f65950; }
    .declaraModal.deleteModal .declaraModal-button.action {
      background-color: #3b3d40;
      color: #ffffff; }
  .declaraModal.verticalScroll .declaraModal-wrapper .declaraModal-content {
    overflow-x: hidden;
    overflow-y: auto; }
  .declaraModal.editModal .declaraModal-button {
    border: none;
    color: #f65950; }
    .declaraModal.editModal .declaraModal-button.action {
      background-color: #3b3d40;
      color: #ffffff; }
  .declaraModal p {
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
  .declaraModal .declaraModal-wrapper {
    width: 580px; }
    .declaraModal .declaraModal-wrapper .declaraModal-content {
      padding: 25px 35px 20px;
      background: #ffffff;
      border: solid 1px #eceeee;
      max-height: 98vh;
      overflow: visible;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
      .declaraModal .declaraModal-wrapper .declaraModal-content h3 {
        margin: 0 -36px 20px;
        padding: 0 36px 20px;
        border-bottom: solid 1px #D3DBDB;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        font-size: 2rem;
        text-transform: capitalize; }
    .declaraModal .declaraModal-wrapper .declaraModal-close {
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: .8rem;
      cursor: pointer; }
    .declaraModal .declaraModal-wrapper .buttonBar {
      margin-top: 15px; }

.declaraModal-formItem {
  width: 100%;
  margin: 50px 0;
  position: relative; }

.declaraModal-label {
  font-size: 3.2rem;
  font-weight: 100;
  color: white;
  text-transform: none;
  margin-bottom: 15px;
  letter-spacing: 2px; }

input.declaraModal-input {
  width: 100%;
  height: initial;
  border: none;
  font-size: 2em;
  line-height: 2em;
  padding-left: 1em; }

.declaraModal-textarea {
  width: 100%;
  height: 150px;
  border: none;
  padding-left: 1em;
  font-size: 2em; }

.declaraModal-successText {
  width: 100%;
  color: white;
  font-weight: 100;
  text-align: center;
  font-size: 5.6rem; }

.errorFlag {
  background-color: #f65950;
  color: #ffffff;
  position: absolute;
  top: calc(100% + 8px);
  padding: 15px;
  font-size: 1.8rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 1; }
  .errorFlag:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 14px solid #f65950; }

@media screen and (max-width: 767px) {
  .declaraModal .declaraModal-wrapper {
    width: 100%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 10px; }
    .declaraModal .declaraModal-wrapper .declaraModal-content {
      width: 100%;
      padding: 1.5rem; }
      .declaraModal .declaraModal-wrapper .declaraModal-content h3 {
        margin: 0 -16px 10px;
        padding: 0 16px 10px; }
      .declaraModal .declaraModal-wrapper .declaraModal-content button {
        margin-bottom: 0;
        padding: 0 15px; }
    .declaraModal .declaraModal-wrapper .declaraModal-close {
      top: 20px;
      right: 20px;
      height: 30px;
      width: 30px;
      font-size: 15px;
      line-height: 30px;
      text-align: center; }
    .declaraModal .declaraModal-wrapper #zenbox_tab {
      top: 75% !important; }
  .mobile .declaraModal {
    height: 100vh;
    width: 100vw; } }

body.modal-open {
  overflow: hidden; }

.alertBar {
  display: block;
  padding: 1rem 0;
  background-color: #f65950;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.5rem;
  text-align: center;
  color: #ffffff;
  line-height: 1.3em; }
  .alertBar span {
    display: inline-block;
    margin: 1rem 0 1rem 1rem;
    vertical-align: middle; }
  .alertBar strong {
    font-family: "MuseoSansRounded900", "Arial", sans-serif;
    letter-spacing: 0.05em;
    cursor: pointer; }
  .alertBar .buttonBlock {
    display: inline-block;
    margin: 0 2rem; }
  .alertBar button {
    width: 100px;
    margin: 0 .25rem;
    vertical-align: middle; }
    .alertBar button.transparent {
      background: rgba(255, 255, 255, 0.3);
      border: solid 1px rgba(255, 255, 255, 0.3);
      color: #ffffff;
      border: solid 1px #ffffff; }

.confirmBar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.5rem 0;
  background: #fef1b3;
  font-size: 1.4rem;
  color: #95a6a6;
  text-align: center; }
  .confirmBar .confirmBar-content {
    position: relative;
    width: auto;
    max-width: 800px;
    margin: 0 auto;
    line-height: 2.1rem; }
  .confirmBar i {
    display: inline-block;
    padding-right: 1.5rem;
    font-size: 2.4rem;
    color: #fad72f;
    vertical-align: middle; }
  .confirmBar div {
    padding: .5rem 0; }
  .confirmBar a {
    color: #3b3d40; }

tags-input.declaraTags {
  margin-bottom: 2rem;
  text-align: left; }
  tags-input.declaraTags .tags {
    max-height: 40vh;
    overflow-y: scroll;
    min-height: 4rem;
    padding: .5rem 1.2rem;
    border: solid 1px #dde4e4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: initial;
    /*.tag-item {
                height: auto;
                margin: 0 .8rem .8rem 0;
                padding: .4rem .5rem;
            }*/ }
    tags-input.declaraTags .tags.focused {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    tags-input.declaraTags .tags .input {
      width: 100% !important;
      /* I had to */
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 1.3rem;
      color: #95a6a6; }
      tags-input.declaraTags .tags .input.invalid-tag {
        color: #f65950; }
    tags-input.declaraTags .tags .tag-item {
      float: none;
      height: 2.8rem;
      margin: .3rem .6rem .3rem 0;
      padding: .1rem .5rem;
      background-image: none;
      background: #eceeee;
      border: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 1.3rem;
      color: #95a6a6;
      line-height: 2.8rem;
      letter-spacing: 0; }
      tags-input.declaraTags .tags .tag-item .curatorAvatar {
        margin: 3px .5rem 0 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
        tags-input.declaraTags .tags .tag-item .curatorAvatar:before {
          vertical-align: middle; }
      tags-input.declaraTags .tags .tag-item .remove-button {
        margin: 0 .5rem 0 1rem;
        color: #95a6a6; }
  tags-input.declaraTags.tagsList .tags {
    border: none; }
  tags-input.declaraTags .autocomplete .rightMark {
    position: absolute;
    right: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #26b099; }
  tags-input.declaraTags .autocomplete .suggestion-item {
    padding: .5rem 1.2rem;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-size: 1.3rem;
    color: #95a6a6; }
    tags-input.declaraTags .autocomplete .suggestion-item.selected {
      background-color: #fef1b3;
      color: #95a6a6; }
      tags-input.declaraTags .autocomplete .suggestion-item.selected .rightMark {
        color: #ffffff; }
    tags-input.declaraTags .autocomplete .suggestion-item .tag-autocomplete-template {
      float: none; }
      tags-input.declaraTags .autocomplete .suggestion-item .tag-autocomplete-template .curatorAvatar {
        float: none;
        margin: 0 1rem 0 0;
        vertical-align: middle; }
      tags-input.declaraTags .autocomplete .suggestion-item .tag-autocomplete-template span {
        float: none;
        vertical-align: middle; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  tags-input.declaraTags .tags .tag-item .tag-template {
    width: 250px !important; } }

.icon-facebook-square {
  color: #3b5998; }

.icon-twitter-square {
  color: #00aced; }

.icon-linkedin-square {
  color: #007bb6; }

.icon-email-square {
  color: #29c896; }

/* Mixin for font color + transparent bg */
/* Insight quote mixins */
/* Global tile styles */
/* Teams icon styles */
p {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto; }

/** filters **/
.grayscale, .slackify .discussionTile .userCommentContainer ul.onlineAvatars li.onlineAvatar div.idle {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%); }

.sepia {
  -webkit-filter: sepia(100%);
  -moz-filter: sepia(100%);
  filter: sepia(100%); }

/* Museo Sans Rounded */
@font-face {
  font-family: 'MuseoSansRounded100';
  src: url("../fonts/MuseoSansRounded-100-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-100-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded300';
  src: url("../fonts/MuseoSansRounded-300-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-300-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded500';
  src: url("../fonts/MuseoSansRounded-500-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-500-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded700';
  src: url("../fonts/MuseoSansRounded-700-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-700-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSansRounded900';
  src: url("../fonts/MuseoSansRounded-900-webfont.woff2") format("woff2"), url("../fonts/MuseoSansRounded-900-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* Rooney */
@font-face {
  font-family: 'RooneyBoldItalic';
  src: url("../fonts/Rooney Bold Italic-webfont.woff2") format("woff2"), url("../fonts/Rooney Bold Italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyBold';
  src: url("../fonts/Rooney Bold-webfont.woff2") format("woff2"), url("../fonts/Rooney Bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyLightItalic';
  src: url("../fonts/Rooney Light Italic-webfont.woff2") format("woff2"), url("../fonts/Rooney Light Italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RooneyLight';
  src: url("../fonts/Rooney Light-webfont.woff2") format("woff2"), url("../fonts/Rooney Light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

html, body {
  height: 100%; }

body {
  background-color: #eceeee;
  overflow-y: hidden; }
  body.mobile {
    background-color: #c9d7d7; }
  body.whitePage {
    background-color: #ffffff; }

.siteContainer {
  width: 100vw;
  min-height: 100%;
  padding-top: 56px; }
  .siteContainer.flexLayout {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: row;
    flex-direction: -webkit-row;
    align-items: -webkit-stretch;
    align-items: stretch; }
    .siteContainer.flexLayout .content {
      flex: 1 1;
      -webkit-flex: 1 1;
      -ms-flex: 1 1;
      -moz-flex: 1 1;
      -o-flex: 1 1;
      flex: 1 1; }
  .siteContainer.noTopPadding {
    padding-top: 0; }
  .mobile .siteContainer {
    min-width: 320px;
    padding-top: calc(40px + 58px); }
    .mobile .siteContainer.noTopPadding {
      padding-top: 40px; }
    .mobile .siteContainer .content {
      top: 0;
      position: absolute;
      width: 100vw;
      height: 100vh;
      -webkit-overflow-scrolling: touch; }
      .mobile .siteContainer .content .postItemPage {
        margin-top: 60px; }
  .mobile .siteContainer.flexLayout {
    /* No flex layout @ mobile */
    display: block; }
  .siteContainer .content {
    height: calc(100vh - 56px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-width: calc(100vw - 350px); }
  .siteContainer .fullScreen, .siteContainer .loggedOut {
    max-width: 100vw; }
  .siteContainer .content.loggedOut.fullScreen {
    height: 100vh;
    overflow: hidden; }
  .siteContainer .content.loggedOut.showVisitorSubNav {
    margin-top: 56px; }
  @media screen and (max-width: 1088px) {
    .siteContainer .content {
      max-width: calc(100vw - 280px); }
    .siteContainer .fullScreen, .siteContainer .loggedOut {
      max-width: 100vw; } }
  @media screen and (max-width: 767px) {
    .siteContainer .content {
      max-width: 100vw; }
    .siteContainer .fullScreen, .siteContainer .loggedOut {
      max-width: 100vw; } }

.divider {
  display: block;
  width: 80%;
  color: #ffffff;
  text-align: center;
  margin: 2rem auto;
  text-transform: uppercase;
  line-height: 2rem;
  letter-spacing: 1px;
  font-size: 1.5rem;
  font-weight: 300; }
  .divider:before, .divider:after {
    content: '';
    display: inline-block;
    height: 1px;
    margin-right: 1rem;
    background-color: #ffffff;
    width: 40%;
    vertical-align: middle; }
  .divider:after {
    margin-right: 0;
    margin-left: 1rem; }

.appleDownload {
  background: transparent url(/common/imgs/home/app_download.png) 0 0 no-repeat;
  background-size: contain;
  height: 53px;
  width: 177px;
  display: inline-block;
  text-indent: -999rem;
  overflow: hidden;
  letter-spacing: -0.1rem;
  margin-bottom: 20px; }
  .appleDownload.androidDownload {
    background: transparent url(/common/imgs/home/android_download.png) 0 0 no-repeat; }

textarea {
  resize: none; }

@media screen and (max-width: 767px) {
  /* LOGGED OUT */
  header + .content {
    padding-top: 58px; }
    header + .content.loggedOut {
      padding-top: 58px; } }

nav.topNav .notificationsMenu,
nav.topNav .profileOptions {
  position: absolute;
  font-size: 1.8em;
  z-index: 20;
  border: solid 1px #dde4e4;
  border-bottom: 0 none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
  nav.topNav .notificationsMenu .emptyMessage,
  nav.topNav .profileOptions .emptyMessage {
    text-align: left;
    font-size: 1.1rem;
    font-weight: 400;
    padding: 20px;
    width: 420px; }

nav.topNav .profileOptions {
  top: calc(100% + 10px);
  right: -68px;
  background-color: #f2f4f4;
  font-size: 1em;
  width: 190px; }
  nav.topNav .profileOptions:before {
    margin-right: 1em; }
  nav.topNav .profileOptions a {
    color: #3b3d40;
    display: block;
    float: none;
    text-align: center;
    float: none;
    height: 45px;
    line-height: 45px;
    padding: 0;
    border-bottom: solid 1px #eceeee; }
    nav.topNav .profileOptions a:last-child {
      border-bottom: 0 none; }
    nav.topNav .profileOptions a:hover, nav.topNav .profileOptions a:visited:hover {
      color: #29c896; }
    nav.topNav .profileOptions a:visited {
      color: #3b3d40; }
  nav.topNav .profileOptions .menuArrow {
    left: 93px;
    right: auto; }

nav.topNav .menuClear {
  z-index: 1;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2); }

nav.topNav .notificationsMenu {
  top: calc(100% + 13px);
  right: -39px;
  background: #ffffff;
  text-align: left;
  width: 450px; }
  nav.topNav .notificationsMenu .notificationScrollParent {
    overflow: auto;
    max-height: 500px; }
    nav.topNav .notificationsMenu .notificationScrollParent .notificationScrollContent {
      overflow: hidden; }
  nav.topNav .notificationsMenu h6.notificationsMenuTitle {
    height: 60px;
    border-bottom: solid 1px #dde4e4;
    font-size: 1.2rem;
    text-align: center;
    line-height: 60px;
    letter-spacing: 0.15em; }
  nav.topNav .notificationsMenu .conversationsMenuTitle {
    width: 100%; }
    nav.topNav .notificationsMenu .conversationsMenuTitle .title {
      margin-left: 25%; }
    nav.topNav .notificationsMenu .conversationsMenuTitle a {
      font-size: 1.1rem;
      margin: 3px 5px 0px 0px;
      color: #26b099;
      text-transform: none;
      letter-spacing: 1.2px; }
    nav.topNav .notificationsMenu .conversationsMenuTitle .markAllAnchor {
      right: 15px; }
  nav.topNav .notificationsMenu .notificationsMenuFooter {
    height: 60px;
    border-bottom: 0 none;
    font-size: 1rem;
    line-height: 60px;
    text-align: center; }
  nav.topNav .notificationsMenu .notificationTotalBubble {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-color: #f65950;
    color: white;
    height: 20px;
    margin-left: 0.5em;
    line-height: 20px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

nav.topNav .menuAvatarOverlay {
  height: 50px !important;
  width: 40px;
  position: absolute;
  top: -50px;
  left: 84px;
  border: none !important; }

nav.topNav .menuArrow {
  position: absolute;
  top: -8px;
  right: 41px;
  overflow: hidden;
  width: 25px;
  height: 8px; }
  nav.topNav .menuArrow:after {
    position: absolute;
    top: 4px;
    left: 6px;
    display: block;
    width: 15px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #f2f4f4;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    content: "\00a0"; }

@media screen and (max-height: 700px) {
  nav.topNav .notificationsMenu .notificationScrollParent {
    max-height: 100vh; } }

@media screen and (max-width: 768px) {
  nav.topNav .notificationsMenu {
    top: 100%; }
    nav.topNav .notificationsMenu .notificationScrollParent {
      width: 100%;
      right: 0;
      left: 0; }
    nav.topNav .notificationsMenu .menuArrow {
      display: none; }
    nav.topNav .notificationsMenu .emptyMessage {
      font-size: 1.5rem;
      width: 100%;
      text-align: center; } }

.interests {
  width: 100%;
  text-align: center; }
  .interests.final .interest {
    cursor: default; }
  .interests .interest {
    width: 160px;
    height: 160px;
    display: inline-block;
    margin: 8px;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer; }
    .interests .interest:after {
      content: '\e609';
      font-family: 'icomoon';
      font-size: 0rem;
      text-align: center;
      line-height: 160px;
      display: block;
      height: 0;
      width: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      opacity: 0;
      background-color: rgba(59, 61, 64, 0.8);
      color: #ffffff;
      z-index: 2;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      overflow: hidden;
      -webkit-transition: height 0.2s, width 0.2s, opacity 0.2s, font-size 0.2s;
      -ms-transition: height 0.2s, width 0.2s, opacity 0.2s, font-size 0.2s;
      -moz-transition: height 0.2s, width 0.2s, opacity 0.2s, font-size 0.2s;
      -o-transition: height 0.2s, width 0.2s, opacity 0.2s, font-size 0.2s;
      transition: height 0.2s, width 0.2s, opacity 0.2s, font-size 0.2s; }
    .interests .interest.active:after {
      opacity: 1;
      height: 100%;
      width: 100%;
      font-size: 3.2rem; }
    .interests .interest img {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 1;
      height: 100%;
      width: 100%;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px; }
    .interests .interest h4 {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 19px;
      font-size: 1.5rem;
      line-height: 1.3;
      z-index: 3;
      color: #ffffff;
      text-align: center;
      text-shadow: 0 0 3px #3b3d40; }

#google_translate_element {
  display: none; }

.skiptranslate {
  display: none; }

body {
  top: 0 !important; }

.goog-tooltip {
  display: none !important; }

.goog-tooltip:hover {
  display: none !important; }

.goog-text-highlight {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important; }

/* LOGGED IN */
nav.topNav {
  position: fixed;
  top: 0;
  z-index: 100;
  display: block;
  min-width: 500px;
  width: 100%;
  height: 56px;
  background-color: #3b3d40; }
  nav.topNav .navContain {
    background-color: #3b3d40;
    width: 100%;
    height: 56px;
    position: relative;
    z-index: 2; }
  nav.topNav .mobileBucket {
    display: none;
    z-index: 1; }
  nav.topNav a {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-transform: uppercase;
    height: 56px;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    font-size: 1.3rem;
    letter-spacing: 0.25em;
    line-height: 54px; }
    nav.topNav a span {
      border-bottom: solid 1px transparent;
      padding-bottom: 1px; }
    nav.topNav a, nav.topNav a:visited {
      color: #dde4e4;
      text-decoration: none; }
    nav.topNav a:hover {
      color: #ffffff;
      text-decoration: none; }
    nav.topNav a.active {
      color: #ffffff; }
      nav.topNav a.active span {
        border-color: #29c896; }
      nav.topNav a.active:hover {
        color: #ffffff; }
    nav.topNav a.active.groups {
      background-color: #dde4e4; }
      nav.topNav a.active.groups i {
        color: #29c896; }
    nav.topNav a.feed, nav.topNav a.discover {
      padding-left: 1.4rem;
      padding-right: 1.4rem; }
    nav.topNav a.discover .icon-search {
      display: none; }
    nav.topNav a i {
      overflow: hidden;
      display: inline-block;
      vertical-align: text-bottom; }
  nav.topNav .login {
    height: 56px;
    line-height: 56px;
    display: inline-block;
    float: left; }
    nav.topNav .login .navLogin {
      margin-right: 2em;
      display: inline-block; }
    nav.topNav .login a, nav.topNav .login a:hover {
      border-left: solid 1px #95a6a6;
      float: none; }
  nav.topNav a.button.action.feedback {
    display: block;
    position: fixed;
    top: 50%;
    right: -52px;
    color: white;
    background-color: #d4aa55;
    border-color: #d4aa55;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    text-decoration: none; }
  nav.topNav .nav-right {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    float: right; }
    nav.topNav .nav-right .navItemContainer {
      position: relative;
      display: inline-block;
      margin: 11px 10px 0;
      vertical-align: top;
      /* Search */
      /* Conversations & Notifications */
      /* Profile */
      /* Import Content */
      /* LOGGED OUT */ }
      nav.topNav .nav-right .navItemContainer a.navItemLink.active {
        box-shadow: 0 0 0 2px #29c896; }
      nav.topNav .nav-right .navItemContainer a.navItemLink,
      nav.topNav .nav-right .navItemContainer button.importButton {
        width: 32px;
        height: 32px;
        background: rgba(149, 166, 166, 0.25);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
        nav.topNav .nav-right .navItemContainer a.navItemLink i,
        nav.topNav .nav-right .navItemContainer button.importButton i {
          margin-left: 2px;
          padding: 0;
          font-size: 1.6rem;
          color: #eceeee; }
          nav.topNav .nav-right .navItemContainer a.navItemLink i:hover,
          nav.topNav .nav-right .navItemContainer button.importButton i:hover {
            color: #ffffff; }
      nav.topNav .nav-right .navItemContainer.search .searchLabel {
        display: none; }
      nav.topNav .nav-right .navItemContainer.conversations a.navItemLink.groupLink i, nav.topNav .nav-right .navItemContainer.group a.navItemLink.groupLink i, nav.topNav .nav-right .navItemContainer.notifications a.navItemLink.groupLink i {
        margin-left: 1px;
        font-size: 1.9rem; }
      nav.topNav .nav-right .navItemContainer.conversations a.navItemLink.notificationsLink, nav.topNav .nav-right .navItemContainer.group a.navItemLink.notificationsLink, nav.topNav .nav-right .navItemContainer.notifications a.navItemLink.notificationsLink {
        line-height: 3.5rem; }
      nav.topNav .nav-right .navItemContainer.conversations .notificationCountBubble, nav.topNav .nav-right .navItemContainer.group .notificationCountBubble, nav.topNav .nav-right .navItemContainer.notifications .notificationCountBubble {
        position: absolute;
        top: -3px;
        left: 19px;
        height: 20px;
        padding: 0 7px;
        line-height: 21px;
        background-color: #f65950;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        -ms-border-radius: 11px;
        -o-border-radius: 11px;
        border-radius: 11px;
        color: #f2f4f4;
        font-size: 1.1rem;
        text-align: center;
        z-index: 2;
        letter-spacing: 0; }
      nav.topNav .nav-right .navItemContainer.profile {
        margin: 11px 4px 0; }
        nav.topNav .nav-right .navItemContainer.profile.showHideProfileOptions {
          padding-left: .7rem;
          padding-right: .7rem; }
          nav.topNav .nav-right .navItemContainer.profile.showHideProfileOptions i {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            margin: 0;
            font-size: 1.2rem; }
        nav.topNav .nav-right .navItemContainer.profile a {
          float: none; }
      nav.topNav .nav-right .navItemContainer.import {
        margin-right: 30px; }
        nav.topNav .nav-right .navItemContainer.import button.importButton {
          position: relative;
          padding: 0;
          background: #29c896; }
          nav.topNav .nav-right .navItemContainer.import button.importButton i {
            margin: 1px 0 0;
            font-size: 1.3rem;
            color: #ffffff; }
      nav.topNav .nav-right .navItemContainer.loggedOutHeading {
        margin: 0 18px 0 19px; }
        nav.topNav .nav-right .navItemContainer.loggedOutHeading button {
          display: inline-block;
          vertical-align: middle;
          letter-spacing: .24em; }
        nav.topNav .nav-right .navItemContainer.loggedOutHeading span {
          color: #dde4e4; }
        nav.topNav .nav-right .navItemContainer.loggedOutHeading .returningLogin {
          display: inline-block;
          height: 5.6rem;
          padding-left: 27px;
          vertical-align: middle;
          font-size: 1.3rem; }
          nav.topNav .nav-right .navItemContainer.loggedOutHeading .returningLogin a,
          nav.topNav .nav-right .navItemContainer.loggedOutHeading .returningLogin span {
            display: inline-block;
            vertical-align: middle;
            padding-left: 0; }
            nav.topNav .nav-right .navItemContainer.loggedOutHeading .returningLogin a span,
            nav.topNav .nav-right .navItemContainer.loggedOutHeading .returningLogin span span {
              color: #29c896;
              letter-spacing: normal;
              text-transform: none; }
  nav.topNav .nav-left {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    float: left;
    padding-left: 1.6rem; }
    nav.topNav .nav-left a {
      float: left; }
    nav.topNav .nav-left .declaraLogo {
      -webkit-transition: right 0.5s ease;
      -ms-transition: right 0.5s ease;
      -moz-transition: right 0.5s ease;
      -o-transition: right 0.5s ease;
      transition: right 0.5s ease;
      display: block;
      height: 3.3rem;
      width: 118px;
      padding-top: 12px;
      font-size: 3.3rem; }
      .mobile nav.topNav .nav-left .declaraLogo {
        padding-top: 3px; }
      nav.topNav .nav-left .declaraLogo i.icon-home {
        vertical-align: top; }
        nav.topNav .nav-left .declaraLogo i.icon-home:before {
          content: '\e665'; }
      nav.topNav .nav-left .declaraLogo span {
        display: none; }
  .mobile nav.topNav {
    min-width: 320px;
    height: 40px; }
    .mobile nav.topNav div.navController {
      -webkit-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      height: 40px; }
      .mobile nav.topNav div.navController.inScroll {
        margin-top: -50px; }
    .mobile nav.topNav .navContain {
      min-width: 320px;
      height: 40px; }
      .mobile nav.topNav .navContain a, .mobile nav.topNav .navContain a:visited {
        font-family: "MuseoSansRounded500", "Arial", sans-serif;
        color: #ffffff;
        letter-spacing: 0;
        font-size: 14px;
        text-transform: none;
        height: 40px;
        line-height: 40px; }
      .mobile nav.topNav .navContain a.feed {
        padding-left: 1rem;
        padding-right: 1rem; }
      .mobile nav.topNav .navContain .nav-left .conversations .notificationsLink,
      .mobile nav.topNav .navContain .nav-left .search,
      .mobile nav.topNav .navContain .nav-right .conversations .notificationsLink,
      .mobile nav.topNav .navContain .nav-right .search {
        display: none; }
      .mobile nav.topNav .navContain .nav-right .navItemContainer {
        margin: 6px 0 0;
        position: static; }
        .mobile nav.topNav .navContain .nav-right .navItemContainer.notifications {
          margin-right: 15px; }
        .mobile nav.topNav .navContain .nav-right .navItemContainer.loggedOutHeading {
          margin: 0; }
          .mobile nav.topNav .navContain .nav-right .navItemContainer.loggedOutHeading .returningLogin a, .mobile nav.topNav .navContain .nav-right .navItemContainer.loggedOutHeading .returningLogin {
            height: auto;
            line-height: 1;
            font-family: "MuseoSansRounded500", "Arial", sans-serif;
            font-size: 14px;
            letter-spacing: 0; }
        .mobile nav.topNav .navContain .nav-right .navItemContainer.import {
          margin-right: 2rem; }
          .mobile nav.topNav .navContain .nav-right .navItemContainer.import button.importButton i {
            font-size: 1.1rem;
            padding-right: 1px;
            padding-bottom: 1px; }
        .mobile nav.topNav .navContain .nav-right .navItemContainer a.navItemLink, .mobile nav.topNav .navContain .nav-right .navItemContainer button.importButton {
          height: 27px;
          width: 27px; }
          .mobile nav.topNav .navContain .nav-right .navItemContainer a.navItemLink i, .mobile nav.topNav .navContain .nav-right .navItemContainer button.importButton i {
            font-size: 1.4rem;
            margin-left: 0; }
        .mobile nav.topNav .navContain .nav-right .navItemContainer.search .searchBar.active {
          width: 200px; }
      .mobile nav.topNav .navContain .nav-left {
        padding-left: 0;
        width: auto; }
        .mobile nav.topNav .navContain .nav-left .declaraLogo {
          position: static;
          left: auto;
          right: auto;
          top: auto;
          bottom: auto;
          float: left;
          width: auto;
          padding: 0 0 0 12px;
          color: #eceeee;
          font-size: 27px;
          vertical-align: middle; }
          .mobile nav.topNav .navContain .nav-left .declaraLogo i.icon-home {
            margin-right: 5px;
            vertical-align: text-top;
            overflow: visible;
            padding-top: 2px; }
            .mobile nav.topNav .navContain .nav-left .declaraLogo i.icon-home:before {
              content: '\e611'; }
          .mobile nav.topNav .navContain .nav-left .declaraLogo.member {
            height: auto;
            width: auto; }
          .mobile nav.topNav .navContain .nav-left .declaraLogo span {
            vertical-align: middle;
            display: inline-block;
            font-size: 14px;
            color: #ffffff;
            font-family: "MuseoSansRounded500", "Arial", sans-serif;
            text-transform: none;
            letter-spacing: 0;
            border-bottom-width: 3px;
            line-height: 1; }
        .mobile nav.topNav .navContain .nav-left .navItemContainer.search {
          display: none; }
      .mobile nav.topNav .navContain.searchOpen .nav-left .declaraLogo.member {
        right: 204px; }
      .mobile nav.topNav .navContain.searchOpen .nav-left .declaraLogo.guest {
        right: 280px; }
    .mobile nav.topNav .notificationsMenu {
      width: 100vw;
      right: 0;
      left: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .mobile nav.topNav .notificationsMenu a, .mobile nav.topNav .notificationsMenu a:visited {
        height: auto;
        font-size: 1.2rem;
        color: #26b099;
        line-height: 1.2; }
      .mobile nav.topNav .notificationsMenu .markAllAnchor {
        right: 5px;
        margin: 0;
        font-size: 1rem; }
      .mobile nav.topNav .notificationsMenu h6.notificationsMenuTitle {
        height: 40px;
        line-height: 40px; }
    .mobile nav.topNav .conversations {
      position: static; }
      .mobile nav.topNav .conversations .notificationsMenu {
        right: 0;
        top: 98px; }
    .mobile nav.topNav div.notificationBaseCard {
      width: 100%;
      padding: 10px 40px 10px 10px;
      font-size: 1.2rem; }
      .mobile nav.topNav div.notificationBaseCard .notification-time {
        top: 4px; }
      .mobile nav.topNav div.notificationBaseCard .profileAvatar {
        margin-left: 0; }
      .mobile nav.topNav div.notificationBaseCard .notificationText {
        width: calc(100% - 47px); }
        .mobile nav.topNav div.notificationBaseCard .notificationText a.userName {
          display: block;
          color: #3b3d40; }
        .mobile nav.topNav div.notificationBaseCard .notificationText .notificationMainText {
          width: 100%; }
      .mobile nav.topNav div.notificationBaseCard .indicators {
        right: -20px; }
    .mobile nav.topNav.loggedOut .navContain .nav-right .navItemContainer .returningLogin {
      height: 40px;
      padding-left: 1rem;
      line-height: 40px; }
      .mobile nav.topNav.loggedOut .navContain .nav-right .navItemContainer .returningLogin .alreadyMember {
        display: none; }
    .mobile nav.topNav.loggedOut .navContain .nav-left .declaraLogo span {
      padding-right: 12px;
      border-right: solid 1px #f2f4f4; }
    .mobile nav.topNav .mobileBucket {
      clear: both;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      overflow: hidden;
      height: 58px;
      -webkit-transform: translate(0, -116px);
      -moz-transform: translate(0, -116px);
      -ms-transform: translate(0, -116px);
      -o-transform: translate(0, -116px);
      transform: translate(0, -116px);
      -webkit-transition: transform 0.7s;
      -ms-transition: transform 0.7s;
      -moz-transition: transform 0.7s;
      -o-transition: transform 0.7s;
      transition: transform 0.7s;
      background-color: #eceeee;
      text-align: center; }
      .mobile nav.topNav .mobileBucket .search {
        background: #c9d7d7; }
      .mobile nav.topNav .mobileBucket.vis {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0); }
      .mobile nav.topNav .mobileBucket.noShow {
        display: none; }
      .mobile nav.topNav .mobileBucket a {
        color: #95a6a6;
        flex-grow: 1;
        -webkit-flex-grow: 1;
        line-height: 20px;
        height: auto;
        letter-spacing: 0;
        font-size: 11px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        padding: 8px 0 0; }
        .mobile nav.topNav .mobileBucket a span {
          display: inline-block;
          margin: 0 auto;
          border-bottom: solid 3px transparent; }
        .mobile nav.topNav .mobileBucket a.groups i {
          position: absolute;
          top: 22px;
          width: 27px;
          height: 27px; }
          .mobile nav.topNav .mobileBucket a.groups i:before, .mobile nav.topNav .mobileBucket a.groups i:after {
            width: 25px;
            height: 25px;
            font-size: 2.2rem; }
        .mobile nav.topNav .mobileBucket a.groups span {
          padding-top: 26px; }
        .mobile nav.topNav .mobileBucket a i {
          display: block;
          height: 26px;
          padding-top: 2px; }
          .mobile nav.topNav .mobileBucket a i:before, .mobile nav.topNav .mobileBucket a i:after {
            font-size: 2.2rem; }
        .mobile nav.topNav .mobileBucket a.active:hover {
          color: #95a6a6; }
        .mobile nav.topNav .mobileBucket a.active span {
          border-color: #29c896; }
        .mobile nav.topNav .mobileBucket a:hover {
          color: #95a6a6; }
  nav.topNav .mobile .declaraModal.appModal .declaraModal-wrapper .declaraModal-content {
    background: #009F8D url(/common/imgs/home/section6.png) 50% 100% no-repeat;
    background-size: 80%;
    padding-bottom: 220px;
    padding-left: 45px;
    padding-right: 45px;
    border-color: #009F8D; }
    nav.topNav .mobile .declaraModal.appModal .declaraModal-wrapper .declaraModal-content h4 {
      text-align: center;
      color: #3B3D40;
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
    nav.topNav .mobile .declaraModal.appModal .declaraModal-wrapper .declaraModal-content p {
      color: #ffffff;
      font-size: 31px;
      line-height: 1.2; }
    nav.topNav .mobile .declaraModal.appModal .declaraModal-wrapper .declaraModal-content a {
      margin: 0 auto 20px;
      display: block; }

@media screen and (max-width: 991px) {
  nav.topNav .navContain {
    min-width: 775px; } }

body > #zenbox_tab {
  display: none !important; }

.facets {
  width: 100%;
  height: 35px;
  background-color: #ffffff; }
  .facets ul {
    display: inline-block;
    -webkit-transition: padding 0.3s;
    -ms-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    transition: padding 0.3s; }
    .facets ul li {
      position: relative;
      display: inline-block;
      margin: 0 10px; }
      .facets ul li:first-child {
        margin-left: 0; }
      .facets ul li:last-child {
        margin-right: 0; }
      .facets ul li a {
        display: block; }
        .facets ul li a:hover h6 {
          border-bottom: solid 3px #29c896; }
        .facets ul li a h6 {
          display: inline-block;
          margin-bottom: 0;
          border-bottom: solid 3px transparent;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1rem;
          line-height: 32px;
          text-transform: uppercase;
          letter-spacing: -.01em; }
          .facets ul li a h6.selected {
            border-bottom: solid 3px #29c896;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            color: #3b3d40; }

.mobileBucket .search, .discoverDetailView .search, .searchContainer .search {
  text-align: center;
  width: 100%; }
  .mobileBucket .search .navItemLink, .mobileBucket .search .searchLabel, .discoverDetailView .search .navItemLink, .discoverDetailView .search .searchLabel, .searchContainer .search .navItemLink, .searchContainer .search .searchLabel {
    display: none; }

.search .searchBar {
  -webkit-transition: width 0.5s ease;
  -ms-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
  width: 0;
  overflow: hidden;
  text-align: left; }
  nav .search .searchBar {
    position: absolute;
    top: -11px;
    right: 0; }
  .mobileBucket .search .searchBar,
  .discoverDetailView .search .searchBar,
  .searchContainer .search .searchBar {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    width: 90%;
    position: static; }
  .search .searchBar.active {
    width: 250px; }
  .search .searchBar form {
    padding-top: 1rem; }
    .search .searchBar form div.input {
      display: block;
      margin: 0;
      position: relative;
      vertical-align: top; }
      .search .searchBar form div.input button.icon-search {
        position: absolute;
        top: 9px;
        left: 12px;
        font-size: 1.6em; }
      .search .searchBar form div.input input {
        font-family: MuseoSansRounded100, Arial, sans-serif;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 3.4rem;
        padding-left: 3rem; }
      .search .searchBar form div.input .icon-x {
        display: none; }

.subNavContainer {
  width: 100%;
  height: 12.6rem;
  background: #ffffff;
  text-align: center;
  position: fixed;
  top: 5.6rem;
  z-index: 1;
  padding-top: 34px;
  -webkit-box-shadow: 1px 0 2px #95a6a6;
  -moz-box-shadow: 1px 0 2px #95a6a6;
  box-shadow: 1px 0 2px #95a6a6; }
  .subNavContainer .subNav {
    max-width: 630px;
    margin: 0 auto;
    font-size: 0; }
  .subNavContainer a {
    display: inline-block;
    font-size: 1rem;
    color: #dde4e4;
    text-transform: uppercase;
    vertical-align: top;
    height: 9.2rem;
    text-align: center;
    border-bottom: solid 2px transparent;
    width: 20%; }
    .subNavContainer a strong, .subNavContainer a span {
      display: block;
      border-right: solid 1px #eceeee; }
    .subNavContainer a:last-child strong, .subNavContainer a:last-child span {
      border-right: 0 none; }
    .subNavContainer a strong {
      font-size: 2rem; }
    .subNavContainer a span {
      height: 33px;
      width: 100%; }
    .subNavContainer a:visited {
      color: #dde4e4; }
    .subNavContainer a:hover, .subNavContainer a:visited:hover {
      text-decoration: none;
      color: #29c896; }
    .subNavContainer a.active, .subNavContainer a.active:visited {
      color: #3b3d40;
      border-bottom: solid 2px #29c896; }

@media screen and (max-width: 840px) {
  .subNavContainer {
    top: 11.2rem; } }

.socialLogin button {
  font-family: "MuseoSansRounded500", "Arial", sans-serif;
  padding: 0 0 0 16px;
  height: 41px;
  line-height: 41px;
  text-align: left;
  border-radius: 2px;
  margin-bottom: 2rem;
  border: 0 none;
  font-size: 1.4rem; }
  .socialLogin button *[class*='icon'] {
    width: 24px;
    font-size: 23px; }
  .socialLogin button:hover {
    border: 0 none; }
  .socialLogin button.linkedin {
    background-color: #007bb6;
    border-color: #007bb6; }
    .socialLogin button.linkedin:hover {
      background-color: #0071a7; }
    .socialLogin button.linkedin:active {
      background-color: #006a9d; }
  .socialLogin button.twitter {
    background-color: #00aced;
    border-color: #00aced; }
    .socialLogin button.twitter:hover {
      background-color: #00a1de; }
    .socialLogin button.twitter:active {
      background-color: #0099d4; }
  .socialLogin button.facebook {
    background-color: #3b5998;
    border-color: #3b5998; }
    .socialLogin button.facebook:hover {
      background-color: #37538d; }
    .socialLogin button.facebook:active {
      background-color: #344e86; }

.createAccountDirective p.disclaimer {
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  max-width: none; }
  .createAccountDirective p.disclaimer a:link, .createAccountDirective p.disclaimer a:hover, .createAccountDirective p.disclaimer a:visited, .createAccountDirective p.disclaimer a:active {
    color: #ffffff;
    text-decoration: underline; }

.createAccountDirective form {
  clear: both;
  position: relative; }
  .createAccountDirective form label {
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    letter-spacing: -0.03em; }

.createAccountDirective button.join.welcome {
  display: none; }

.createAccountDirective .box {
  height: 380px;
  background: rgba(242, 244, 244, 0.5);
  padding: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 1px rgba(149, 166, 166, 0.5);
  -moz-box-shadow: 0 0 1px rgba(149, 166, 166, 0.5);
  box-shadow: 0 0 1px rgba(149, 166, 166, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 1px 1px rgba(149, 166, 166, 0.5) inset;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 1px 1px rgba(149, 166, 166, 0.5) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 1px 1px rgba(149, 166, 166, 0.5) inset;
  margin-bottom: 2rem; }
  .createAccountDirective .box h3 {
    max-width: 635px;
    margin: 0 auto 14px;
    letter-spacing: 1px;
    word-spacing: 5px; }
  .createAccountDirective .box p {
    color: #ffffff;
    font-size: 1.6rem;
    text-align: center;
    max-width: none;
    line-height: 1.25;
    margin: 0 auto 2rem; }
  .createAccountDirective .box .socialLogin button {
    padding: 0 0 0 17px; }
  .createAccountDirective .box button, .createAccountDirective .box .button {
    font-size: 1.5rem;
    text-align: center;
    max-width: 265px;
    width: 100%;
    display: block;
    margin: 0 auto;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    height: 48px;
    line-height: 48px; }
    .createAccountDirective .box button.close, .createAccountDirective .box .button.close {
      color: #ffffff;
      margin: 0;
      cursor: pointer;
      position: absolute;
      top: -10px;
      left: -65px;
      width: auto;
      font-size: 12px;
      padding: 0;
      border: 0 none;
      height: auto;
      line-height: 1em; }
      .createAccountDirective .box button.close i, .createAccountDirective .box .button.close i {
        color: #ffffff; }

.createAccountDirective .createAccountView, .createAccountDirective .join, .createAccountDirective .socialLogin, .createAccountDirective .divider, .createAccountDirective p, .createAccountDirective h3 {
  -webkit-transition: height 0.5s, opacity 0.5s, margin 0.5s;
  -ms-transition: height 0.5s, opacity 0.5s, margin 0.5s;
  -moz-transition: height 0.5s, opacity 0.5s, margin 0.5s;
  -o-transition: height 0.5s, opacity 0.5s, margin 0.5s;
  transition: height 0.5s, opacity 0.5s, margin 0.5s; }

.createAccountDirective .animate {
  overflow: hidden; }
  .createAccountDirective .animate .createAccountView, .createAccountDirective .animate .socialLogin {
    overflow: hidden; }

.createAccountDirective .box.showCreate .createAccountView {
  height: 340px;
  opacity: 1;
  overflow: visible; }

.createAccountDirective .box.showCreate .join, .createAccountDirective .box.showCreate .socialLogin, .createAccountDirective .box.showCreate .divider, .createAccountDirective .box.showCreate p, .createAccountDirective .box.showCreate h3 {
  height: 0;
  opacity: 0;
  overflow: hidden; }

.createAccountDirective .box.showCreate .divider, .createAccountDirective .box.showCreate p, .createAccountDirective .box.showCreate h3 {
  margin-top: 0;
  margin-bottom: 0; }

.createAccountDirective .box.showCreate .emailVerificationDialog {
  display: none; }

.createAccountDirective .hideCreate p {
  height: 50px; }

.createAccountDirective .hideCreate h3 {
  height: 72px; }

.createAccountDirective .hideCreate .emailVerificationDialog {
  display: none; }

.createAccountDirective .hideCreate .createAccountView {
  height: 0;
  opacity: 0;
  overflow: hidden; }

.createAccountDirective .hideCreate .join, .createAccountDirective .hideCreate .socialLogin, .createAccountDirective .hideCreate .divider, .createAccountDirective .hideCreate p {
  opacity: 1; }

.createAccountDirective .hideCreate .join {
  height: 48px; }

.createAccountDirective .hideCreate .socialLogin {
  height: 100px;
  overflow: hidden; }
  .createAccountDirective .hideCreate .socialLogin button:first-child {
    margin-bottom: 10px; }

.createAccountDirective .hideCreate .divider {
  height: 12px;
  line-height: 15px; }

.createAccountDirective .showEmailVerificationDialog {
  text-align: center; }
  .createAccountDirective .showEmailVerificationDialog .createAccountView {
    height: 0;
    opacity: 0;
    overflow: hidden; }
  .createAccountDirective .showEmailVerificationDialog .join, .createAccountDirective .showEmailVerificationDialog .socialLogin, .createAccountDirective .showEmailVerificationDialog .divider, .createAccountDirective .showEmailVerificationDialog p, .createAccountDirective .showEmailVerificationDialog h3 {
    height: 0;
    opacity: 0;
    overflow: hidden; }
  .createAccountDirective .showEmailVerificationDialog .divider, .createAccountDirective .showEmailVerificationDialog p, .createAccountDirective .showEmailVerificationDialog h3 {
    margin-top: 0;
    margin-bottom: 0; }
  .createAccountDirective .showEmailVerificationDialog .emailVerificationText {
    font-size: 1.8rem;
    padding: 20px;
    color: black;
    line-height: 2.4rem;
    margin-bottom: 15px; }
    .createAccountDirective .showEmailVerificationDialog .emailVerificationText .cta {
      font-size: 1.5rem;
      color: black; }
      .createAccountDirective .showEmailVerificationDialog .emailVerificationText .cta a {
        color: black;
        text-decoration: underline; }

.createAccountDirective .checkbox {
  margin-top: -9px; }
  .createAccountDirective .checkbox + label {
    color: #ffffff; }

@media screen and (max-width: 500px) {
  .createAccountDirective .box button {
    font-size: 1.3rem; }
  .createAccountDirective .validateField .checkbox {
    display: none; }
    .createAccountDirective .validateField .checkbox + label {
      display: none; } }

.loginView {
  background: transparent url(/common/imgs/login.jpg) 50% 50% no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  overflow: auto; }
  .loginView h1, .loginView h5 {
    color: #ffffff;
    font-weight: 400;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    margin-bottom: 4rem;
    text-align: center; }
  .loginView .forgotLink {
    color: #29c896;
    text-transform: none;
    letter-spacing: 0;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 4rem;
    height: 4rem; }
  .loginView .header {
    background-color: #3b3d40;
    position: relative;
    z-index: 5;
    margin-bottom: 40px;
    height: 56px; }
    .loginView .header .right {
      float: right;
      color: #ffffff;
      line-height: 56px;
      margin: 0 36px 0 0; }
      .loginView .header .right span {
        margin-right: 10px;
        font-size: 1.1rem; }
      .loginView .header .right .button {
        background: rgba(255, 255, 255, 0.3);
        border: 0 none;
        font-weight: 400;
        font-size: 1rem;
        color: #ffffff; }
    .loginView .header .declaraLogo {
      height: 32px;
      width: 116px;
      background: transparent url(/common/imgs/Declara_Logo_White.png) 50% 100% no-repeat;
      background-size: contain;
      display: block;
      vertical-align: bottom;
      float: left;
      opacity: 0.6;
      margin: 12px 0 12px 36px; }
  .loginView form {
    margin: 0 auto;
    width: 37rem;
    font-size: 1rem; }
    .loginView form .passwordFields {
      width: 100%; }
    .loginView form .checkbox + label {
      margin-top: -5px; }
    .loginView form .validateField {
      position: relative; }
      .loginView form .validateField .aside.msg {
        bottom: 100%;
        top: auto;
        right: 0;
        left: auto;
        color: #3b3d40;
        background-color: #fef1f0;
        border: solid 1px #f65950;
        min-height: 10px;
        padding: 5px; }
        .loginView form .validateField .aside.msg:after {
          content: '';
          display: block;
          height: 10px;
          background-color: #fef1f0;
          width: 10px;
          position: absolute;
          top: auto;
          bottom: -6px;
          right: 14px;
          border: solid 1px #f65950;
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
    .loginView form.createForm .input input {
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
  .loginView button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    width: 100%; }
  .loginView .input {
    margin: 0;
    position: relative; }
    .loginView .input i {
      position: absolute;
      right: 1rem;
      top: 1.5rem;
      height: 1rem;
      width: 2rem; }
      .loginView .input i.icon-check {
        color: #29c896; }
      .loginView .input i.icon-alert {
        color: #f65950;
        font-size: 1.7rem;
        height: 1.7rem; }
  .loginView .buttons button, .loginView .buttons .button {
    display: inline-block;
    width: 32%;
    float: left;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0; }
    .loginView .buttons button.action, .loginView .buttons .button.action {
      float: right;
      width: 66%; }
  .loginView .loginContent h1 {
    text-align: center;
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
  .loginView .loginContent .loginBox {
    width: 70rem;
    padding: 42px 46px;
    margin: 0 auto;
    background-color: #f2f4f4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
  .loginView .loginForm {
    width: 28rem;
    display: inline-block;
    border-left: solid 1px #95a6a6;
    margin-left: 5rem;
    padding-left: 5rem; }
    .loginView .loginForm .action {
      width: 100%;
      margin-top: 2rem; }
  .loginView .socialOption {
    display: inline-block;
    width: 27rem;
    vertical-align: top; }
    .loginView .socialOption button {
      width: 100%;
      margin-bottom: 1.2rem; }
    .loginView .socialOption + .divider {
      display: none;
      color: #95a6a6; }
      .loginView .socialOption + .divider:before, .loginView .socialOption + .divider:after {
        background-color: #95a6a6; }
  .loginView.verifyView .header {
    margin-bottom: 2rem; }
  .loginView.verifyView .loginContent.alertMsg {
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    border-radius: 0.5rem;
    padding: 1.5rem;
    width: 70rem;
    margin: auto; }
    .loginView.verifyView .loginContent.alertMsg i {
      color: #fef1b3;
      margin-right: 1rem;
      font-size: 1.5rem; }
    .loginView.verifyView .loginContent.alertMsg p {
      background-color: transparent;
      max-width: none;
      padding: 0;
      text-align: center;
      margin: 0 0 2rem;
      color: #ffffff; }
    .loginView.verifyView .loginContent.alertMsg button {
      width: 60%;
      display: block;
      margin: 0 auto; }
  .loginView .missing p, .loginView .existing p {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.3rem; }
  .loginView .missing .loginContent .loginBox, .loginView .existing .loginContent .loginBox {
    width: 50rem;
    text-align: center; }
  .loginView .missing button, .loginView .existing button {
    display: inline-block;
    width: auto; }

.loginView.resetPasswordView .loginBox, .loginView.resetView .loginBox {
  text-align: center; }
  .loginView.resetPasswordView .loginBox .checkbox + label, .loginView.resetView .loginBox .checkbox + label {
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
  .loginView.resetPasswordView .loginBox form, .loginView.resetView .loginBox form {
    text-align: left;
    width: 25rem;
    margin: 0 auto; }
  .loginView.resetPasswordView .loginBox p, .loginView.resetView .loginBox p {
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.4rem; }

.loginView.resetPasswordView {
  padding-top: 50px; }
  .loginView.resetPasswordView .loginBox {
    width: 68rem; }
    .loginView.resetPasswordView .loginBox h1 {
      color: #3b3d40;
      font-size: 32px;
      font-family: "MuseoSansRounded100", "Arial", sans-serif; }
    .loginView.resetPasswordView .loginBox form {
      width: 44rem;
      margin-bottom: 2rem; }
      .loginView.resetPasswordView .loginBox form .buttons.prereg {
        text-align: center;
        margin-bottom: 82px; }
        .loginView.resetPasswordView .loginBox form .buttons.prereg button {
          float: none;
          height: 40px;
          line-height: 40px;
          font-size: 15px; }
      .loginView.resetPasswordView .loginBox form .passwordFields {
        margin-bottom: 48px; }
    .loginView.resetPasswordView .loginBox p {
      margin-bottom: 0; }
    .loginView.resetPasswordView .loginBox .disclaimer {
      font-size: 1.1rem;
      color: #95a6a6;
      margin-bottom: 2rem;
      border-bottom: solid 2px #dde4e4;
      padding-bottom: 1.5rem; }

.loginView.resetView .loginBox {
  width: 39rem; }
  .loginView.resetView .loginBox p {
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.4rem; }
  .loginView.resetView .loginBox form input {
    margin-bottom: 50px; }

@media screen and (max-width: 736px) {
  .mobile .loginView:not(.resetView) {
    position: static;
    padding-bottom: 50px; }
  .loginView .header .declaraLogo {
    margin-left: 10px;
    width: 73px;
    height: 27px; }
  .loginView .header .right {
    margin-right: 10px; }
    .loginView .header .right .button {
      padding: 0 7px; }
  .loginView .loginContent h1 {
    font-size: 2.6rem; }
  .loginView .loginContent .loginBox {
    width: 99% !important; }
    .loginView .loginContent .loginBox .socialOption button {
      font-size: 1.1rem; } }

@media screen and (max-width: 699px) {
  .loginView {
    padding-bottom: 25px; }
    .loginView.resetPasswordView .loginBox {
      width: 100%; }
      .loginView.resetPasswordView .loginBox form {
        width: 100%; }
    .loginView:not(.resetView) {
      position: static;
      left: auto;
      right: auto;
      top: auto;
      bottom: auto; }
    .loginView .loginContent h5 {
      font-size: 1.5rem;
      text-align: center; }
    .loginView .socialOption {
      width: 100%;
      margin-bottom: 15px; }
      .loginView .socialOption + .divider {
        display: block;
        width: 100%; }
    .loginView .loginForm, .loginView form {
      padding-left: 0;
      margin-left: 0;
      border-left: 0 none;
      width: 100%; }
      .loginView .loginForm .forgotLink, .loginView form .forgotLink {
        height: 1rem;
        line-height: 1rem; } }

.joinView .loginContent {
  width: 510px;
  margin: 0 auto; }
  .joinView .loginContent .createAccountDirective h1 {
    font-size: 2.5rem; }
  .joinView .loginContent .createAccountDirective .box button.close {
    position: relative;
    margin-bottom: -12px;
    top: -15px; }
  .joinView .loginContent .createAccountDirective .profileAvatar {
    height: 25rem; }
  .joinView .loginContent .createAccountDirective .imgInfo {
    width: 100%; }
  .joinView .loginContent .createAccountDirective .imageUpload span {
    font-size: 1.7rem;
    color: #ffffff; }
  .joinView .loginContent .createAccountDirective .imageUpload img {
    font-size: 12rem;
    height: 15rem;
    width: 15rem; }
  .joinView .loginContent .createAccountDirective .icon-user {
    font-size: 12rem;
    padding-top: 3rem;
    height: 15rem;
    width: 15rem; }
  .joinView .loginContent .createAccountDirective .pagination {
    position: relative;
    margin: .8rem 0 20.6rem 20.6rem; }
    .joinView .loginContent .createAccountDirective .pagination ul {
      position: absolute;
      height: 8px;
      width: 56px;
      display: block;
      margin: 0 auto; }
      .joinView .loginContent .createAccountDirective .pagination ul li {
        float: left;
        margin-right: 16px;
        text-indent: -999em;
        height: 8px;
        width: 8px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: #f2f4f4; }
        .joinView .loginContent .createAccountDirective .pagination ul li.active {
          background-color: #29c896; }
        .joinView .loginContent .createAccountDirective .pagination ul li:last-child {
          margin-right: 0; }
  .joinView .loginContent .createAccountDirective .creating {
    text-align: center;
    width: 100%; }
    .joinView .loginContent .createAccountDirective .creating h2 {
      color: #ffffff; }

.joinView .lang-sel {
  position: absolute;
  bottom: 0;
  color: white;
  background-color: transparent;
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  font-size: 1.5rem;
  margin: 20px;
  cursor: pointer;
  border: none; }

@media screen and (max-width: 700px) {
  .joinView .loginContent .createAccountDirective .box button.close {
    left: 0; } }

@media screen and (max-width: 400px) {
  .joinView .loginContent {
    width: 90%; }
    .joinView .loginContent .hideCreate p {
      height: 80px; }
    .joinView .loginContent .divider {
      width: 90%; }
      .joinView .loginContent .divider:before, .joinView .loginContent .divider:after {
        width: 35%; }
    .joinView .loginContent .createAccountDirective .box button.close span {
      display: none; } }

.domainSignupView {
  padding-top: 40px; }
  .domainSignupView h1 {
    font-size: 2.5rem; }
  .domainSignupView form {
    width: 500px;
    margin: 0 auto;
    padding: 20px;
    background-color: rgba(242, 244, 244, 0.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 5px rgba(59, 61, 64, 0.5), 0 0 1px 1px rgba(221, 228, 228, 0.5) inset;
    -moz-box-shadow: 0 0 5px rgba(59, 61, 64, 0.5), 0 0 1px 1px rgba(221, 228, 228, 0.5) inset;
    box-shadow: 0 0 5px rgba(59, 61, 64, 0.5), 0 0 1px 1px rgba(221, 228, 228, 0.5) inset; }
    .domainSignupView form button.close {
      position: relative;
      margin-bottom: -12px;
      top: -15px;
      margin-left: 0;
      width: 13rem;
      padding-left: 0;
      left: -28px;
      color: #ffffff;
      border: 0; }
      .domainSignupView form button.close .icon-arrow-left3 {
        color: #ffffff; }
    .domainSignupView form .uploadArea {
      position: relative; }
      .domainSignupView form .uploadArea .profileAvatar {
        height: 25rem; }
      .domainSignupView form .uploadArea .imgInfo {
        width: 100%; }
      .domainSignupView form .uploadArea .imageUpload span {
        font-size: 1.7rem;
        color: #ffffff; }
      .domainSignupView form .uploadArea .imageUpload img {
        height: 15rem;
        width: 15rem;
        font-size: 12rem; }
      .domainSignupView form .uploadArea .icon-user {
        font-size: 12rem;
        padding-top: 3rem;
        height: 15rem;
        width: 15rem; }
    .domainSignupView form .pagination {
      position: relative;
      margin: .8rem 0 0 20.6rem; }
      .domainSignupView form .pagination ul {
        position: absolute;
        height: 8px;
        width: 56px;
        display: block;
        margin: 0 auto; }
        .domainSignupView form .pagination ul li {
          float: left;
          margin-right: 16px;
          text-indent: -999em;
          height: 8px;
          width: 8px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          background-color: #f2f4f4; }
          .domainSignupView form .pagination ul li.active {
            background-color: #29c896; }
          .domainSignupView form .pagination ul li:last-child {
            margin-right: 0; }
    .domainSignupView form .checkbox label {
      margin-top: 0px !important; }
    .domainSignupView form .creating {
      text-align: center;
      width: 100%; }
      .domainSignupView form .creating h2 {
        color: #ffffff; }
    .domainSignupView form label {
      color: #ffffff;
      margin-top: 3px !important; }
    .domainSignupView form button {
      display: block;
      margin: 0 auto;
      height: 48px;
      line-height: 48px;
      font-size: 1.5rem;
      max-width: 265px;
      width: 100%; }
    .domainSignupView form input[type=text][disabled], .domainSignupView form input[type=email][disabled] {
      background-color: rgba(255, 255, 255, 0.6); }
  .domainSignupView.isMobile {
    padding-top: 25px; }
    .domainSignupView.isMobile .loginContent {
      width: 90vw; }
    .domainSignupView.isMobile h1 {
      font-size: 2rem !important; }
    .domainSignupView.isMobile form {
      width: 100%; }
      .domainSignupView.isMobile form .pagination {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto; }
        .domainSignupView.isMobile form .pagination ul {
          position: relative;
          margin-left: auto;
          margin-right: auto; }

.welcomeView {
  /*
    @include keyframes(scrolly) {
        0% {
            right: -66.66669%;
        }
        100% {
            right: 0;
        }
    }*/ }
  .welcomeView .downloads {
    white-space: nowrap;
    padding-bottom: 26px; }
  .welcomeView button.link {
    background: transparent none;
    border: 0 none;
    padding: 0;
    height: auto;
    line-height: 1; }
  .welcomeView a.arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 26px;
    width: 30px;
    margin: auto;
    background: rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 26px;
    text-indent: -5px;
    color: #3b3d40; }
    .welcomeView a.arrow:hover {
      text-decoration: none; }
    .welcomeView a.arrow.left {
      left: 50px; }
    .welcomeView a.arrow.right {
      right: 50px;
      text-align: right; }
  .welcomeView .apple, .welcomeView .extension, .welcomeView .play {
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    display: inline-block;
    margin-right: 8px;
    height: 67px;
    line-height: 75px; }
    .welcomeView .apple:last-child, .welcomeView .extension:last-child, .welcomeView .play:last-child {
      margin-right: 0; }
    .welcomeView .apple img, .welcomeView .extension img, .welcomeView .play img {
      height: 39px;
      width: auto; }
    .welcomeView .apple.apple img, .welcomeView .extension.apple img, .welcomeView .play.apple img {
      height: 35px; }
    .welcomeView .apple.extension img, .welcomeView .extension.extension img, .welcomeView .play.extension img {
      height: 36px; }
    .welcomeView .apple.play img, .welcomeView .extension.play img, .welcomeView .play.play img {
      height: 35px; }
  .welcomeView .button.large {
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    padding: 0 64px;
    margin-bottom: 90px;
    text-transform: none;
    letter-spacing: 0;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px; }
  .welcomeView .banner {
    height: 65px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px 30px 0;
    z-index: 4;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .welcomeView .banner .icon-declara-logo {
      float: left;
      color: #ffffff;
      font-size: 36px; }
    .welcomeView .banner .button {
      padding: 0 36px;
      text-transform: uppercase;
      float: right;
      font-size: 16px;
      height: 37px;
      line-height: 38px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      letter-spacing: 0.1em;
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      margin-right: 18px; }
      .welcomeView .banner .button.login {
        background-color: rgba(236, 238, 238, 0.2);
        color: #ffffff;
        border: 0 none; }
        .welcomeView .banner .button.login:hover {
          background-color: rgba(236, 238, 238, 0.4); }
      .welcomeView .banner .button:first-child {
        margin-right: 0; }
    .welcomeView .banner.bg {
      background-color: rgba(0, 0, 0, 0.5); }
      .welcomeView .banner.bg .button.action {
        opacity: 1;
        cursor: pointer; }
  .welcomeView p {
    max-width: 100%;
    font-size: 20px; }
  .welcomeView h2 {
    font-size: 36px;
    color: #ffffff;
    max-width: 890px;
    width: 85%;
    margin: 0 auto 20px;
    text-align: center;
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
  .welcomeView h3 {
    margin-bottom: 15px;
    font-size: 34px;
    font-family: "MuseoSansRounded500", "Arial", sans-serif; }
  .welcomeView h4 {
    font-size: 22px; }
  .welcomeView .contentBlock {
    text-align: center;
    background-color: #ffffff; }
  .welcomeView .features {
    padding-top: 90px;
    padding-bottom: 84px;
    background-color: #f2f4f4; }
    .welcomeView .features p {
      font-size: 16px; }
    .welcomeView .features h4 {
      font-family: "MuseoSansRounded300", "Arial", sans-serif; }
    .welcomeView .features h3 {
      height: 90px; }
      .welcomeView .features h3.line {
        margin-bottom: 84px; }
        .welcomeView .features h3.line:after {
          content: '';
          height: 2px;
          width: 150px;
          display: block;
          margin: 57px auto 0;
          background-color: #95a6a6; }
  .welcomeView .userQuotes {
    background-color: rgba(0, 0, 0, 0.5);
    background: -owg-linear-gradient(to bottom right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/common/imgs/home/userQuotes.jpg");
    background: -webkit-linear-gradient(to bottom right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/common/imgs/home/userQuotes.jpg");
    background: -moz-linear-gradient(to bottom right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/common/imgs/home/userQuotes.jpg");
    background: -o-linear-gradient(to bottom right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/common/imgs/home/userQuotes.jpg");
    -pie-background: -pie-linear-gradient(to bottom right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/common/imgs/home/userQuotes.jpg");
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/common/imgs/home/userQuotes.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 128px 0 60px;
    color: #ffffff; }
    .welcomeView .userQuotes .button.large {
      margin-bottom: 0; }
    .welcomeView .userQuotes .inner {
      position: relative; }
      .welcomeView .userQuotes .inner:after {
        content: '';
        width: 150px;
        height: 2px;
        background-color: #F6B821;
        margin: -20px auto 60px;
        display: block; }
    .welcomeView .userQuotes blockquote {
      max-width: 936px;
      width: 70%;
      margin: 0 auto;
      display: none;
      padding: 0;
      border: 0 none;
      height: 260px; }
      .welcomeView .userQuotes blockquote.active {
        display: block; }
    .welcomeView .userQuotes img, .welcomeView .userQuotes .icon-user {
      height: 45px;
      width: 45px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      display: inline-block;
      margin-right: 15px;
      background-color: #eceeee;
      color: #95a6a6;
      font-size: 38px;
      line-height: 52px;
      overflow: hidden;
      text-align: center;
      vertical-align: middle; }
    .welcomeView .userQuotes h4 {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 0; }
    .welcomeView .userQuotes h6 {
      font-size: 16px;
      line-height: 19px;
      text-transform: none;
      font-style: italic;
      font-family: "MuseoSansRounded100", "Arial", sans-serif; }
    .welcomeView .userQuotes p {
      font-size: 28px;
      line-height: 39px;
      text-align: center;
      margin-bottom: 22px; }
    .welcomeView .userQuotes h4, .welcomeView .userQuotes h6, .welcomeView .userQuotes p {
      color: #ffffff; }
    .welcomeView .userQuotes cite div {
      display: inline-block;
      text-align: left;
      vertical-align: middle; }
    .welcomeView .userQuotes .arrow {
      color: #ffffff;
      top: -120px; }
  .welcomeView .machine {
    background-color: #ffffff;
    padding: 80px 0 0;
    /*ul {
            padding-left: 10px;
            list-style-type: disc;
            text-align: left;
            font-size: 12px;
            clear: right;
            color: $white;
            li {
                margin: 0 0 10px 20px;
            }
            ul {
                list-style-type: circle;
                margin-top: 10px;
            }
        }*/
    /*button.link {
            color: $white;
            text-decoration: underline;
        }*/
    /*.watchMe {
            max-height: 754px;
            position: relative;
            width: 57%;
            display: inline-block;
            vertical-align: top;
        }*/
    /*img {
            max-width: 1353px;
            width: 150%;
            position: relative;
            z-index: 3;
            left: -200px;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            &.gif {
                z-index: 1;
                margin-top: -100%;
                margin-bottom: 0.8%;
            }
        }*/ }
    .welcomeView .machine .button.large {
      margin-bottom: 0; }
    .welcomeView .machine p {
      font-size: 16px;
      color: #95a6a6;
      line-height: 1.3;
      text-align: left; }
    .welcomeView .machine h3 {
      font-family: "MuseoSansRounded100", "Arial", sans-serif;
      margin-bottom: 50px;
      color: #95a6a6; }
    .welcomeView .machine h4 {
      color: #95a6a6; }
    .welcomeView .machine .info {
      margin: 0 auto;
      clear: both; }
      .welcomeView .machine .info .img {
        width: 120px;
        height: 120px;
        float: left;
        margin-left: -160px;
        padding: 0; }
      .welcomeView .machine .info h3 {
        margin-bottom: 10px;
        text-align: left;
        font-size: 36px;
        font-family: "MuseoSansRounded100", "Arial", sans-serif;
        color: #3b3d40; }
      .welcomeView .machine .info p {
        font-size: 20px;
        line-height: 40px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif; }
      .welcomeView .machine .info hr {
        clear: both;
        height: 1px;
        background-color: #eceeee;
        border: 0 none;
        margin-bottom: 30px; }
        .welcomeView .machine .info hr:last-child {
          background-color: transparent; }
      .welcomeView .machine .info .contain {
        clear: both;
        padding-bottom: 50px;
        max-width: 1280px;
        float: right;
        /*&.pop {
                    position: fixed;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    width: 100vw;
                    height: 100vh;
                    display: none;
                    z-index: 5;
                    padding: 0;
                    .inner {
                        position: fixed;
                        top: 0;
                        bottom: 0;
                        right: 0;
                        left: 0;
                        margin: auto;
                        height: 290px;
                        width: 500px;
                        padding: 20px;
                        z-index: 5;
                        background-color: $green-01;
                        color: $white;
                        @include border-radius(6px);
                        @include box-shadow(0 0 6px 0 rgba(0,0,0,0.3));
                    }
                    ul {
                        color: $white;
                    }
                    &.show {
                        display: block;
                    }
                    &:after {
                        position: fixed;
                        content: '';
                        display: block;
                        top: 0;
                        bottom: 0;
                        right: 0;
                        left: 0;
                        height: 100vh;
                        width: 100vw;
                        background-color: rgba($white, 0.5);
                        z-index: 1;
                    }
                    button {
                        height: 20px;
                        width: 20px;
                        font-size: 20px;
                        position: absolute;
                        right: 20px;
                        top: 20px;
                        background: none transparent;
                        padding: 0;
                        color: $white;
                    }
                }*/ }
        .welcomeView .machine .info .contain:last-child {
          padding-bottom: 30px;
          margin-bottom: 0; }
        .welcomeView .machine .info .contain:nth-child(3) {
          float: left; }
          .welcomeView .machine .info .contain:nth-child(3) .text {
            float: right;
            margin-right: 50px;
            width: 40%; }
        .welcomeView .machine .info .contain:nth-child(1), .welcomeView .machine .info .contain:nth-child(5) {
          padding-right: 0;
          padding-left: 50px; }
          .welcomeView .machine .info .contain:nth-child(1) img, .welcomeView .machine .info .contain:nth-child(5) img {
            float: right;
            margin-left: 20px;
            margin-right: 0; }
        .welcomeView .machine .info .contain .text {
          width: 43%;
          float: left; }
          .welcomeView .machine .info .contain .text [class^="icon-"] {
            color: #29c896; }
          .welcomeView .machine .info .contain .text .icon-plus2 {
            height: 32px;
            width: 32px;
            line-height: 32px;
            border: solid 1px #29c896;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            font-size: 15px;
            display: inline-block;
            text-align: center; }
        .welcomeView .machine .info .contain img {
          float: left;
          margin-right: 20px;
          width: 50%; }
  .welcomeView .hero {
    padding: 225px 0 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
    .welcomeView .hero.tec {
      background: -owg-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -owg-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/tec_img.jpg);
      background: -webkit-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/tec_img.jpg);
      background: -moz-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -moz-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/tec_img.jpg);
      background: -o-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -o-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/tec_img.jpg);
      -pie-background: -pie-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -pie-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/tec_img.jpg);
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/tec_img.jpg);
      background-size: cover; }
    .welcomeView .hero.edu {
      background: -owg-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -owg-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/edu_img.jpg);
      background: -webkit-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/edu_img.jpg);
      background: -moz-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -moz-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/edu_img.jpg);
      background: -o-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -o-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/edu_img.jpg);
      -pie-background: -pie-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -pie-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/edu_img.jpg);
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/edu_img.jpg);
      background-size: cover; }
    .welcomeView .hero.mfg {
      background: -owg-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -owg-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/mfg_img.jpg);
      background: -webkit-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/mfg_img.jpg);
      background: -moz-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -moz-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/mfg_img.jpg);
      background: -o-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -o-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/mfg_img.jpg);
      -pie-background: -pie-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -pie-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/mfg_img.jpg);
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/mfg_img.jpg);
      background-size: cover; }
    .welcomeView .hero.pha {
      background: -owg-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -owg-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/pha_img.jpg);
      background: -webkit-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/pha_img.jpg);
      background: -moz-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -moz-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/pha_img.jpg);
      background: -o-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -o-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/pha_img.jpg);
      -pie-background: -pie-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -pie-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/pha_img.jpg);
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/pha_img.jpg);
      background-size: cover; }
    .welcomeView .hero.fin {
      background: -owg-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -owg-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/fin_img.jpg);
      background: -webkit-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/fin_img.jpg);
      background: -moz-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -moz-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/fin_img.jpg);
      background: -o-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -o-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/fin_img.jpg);
      -pie-background: -pie-linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -pie-linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/fin_img.jpg);
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(to bottom right, rgba(110, 116, 184, 0.4), rgba(110, 116, 184, 0.4)), url(/common/imgs/home/fin_img.jpg);
      background-size: cover; }
    .welcomeView .hero .thumbnails {
      white-space: nowrap;
      padding-bottom: 20px; }
      .welcomeView .hero .thumbnails .thumbnail {
        max-height: 160px;
        max-width: 160px;
        min-height: 100px;
        min-width: 100px;
        width: 18%;
        height: auto;
        display: inline-block;
        cursor: pointer;
        margin-right: 10px;
        background-color: #607890;
        background-position: 50% 20px;
        background-repeat: no-repeat;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        position: relative;
        padding: 20px 0; }
        .welcomeView .hero .thumbnails .thumbnail img {
          height: 90px;
          width: auto;
          max-width: 100%;
          display: block;
          margin: 0 auto 20px; }
        .welcomeView .hero .thumbnails .thumbnail:last-child {
          margin-right: 0; }
        .welcomeView .hero .thumbnails .thumbnail.active {
          border-color: #ffffff; }
        .welcomeView .hero .thumbnails .thumbnail h3 {
          font-size: 18px;
          color: #ffffff;
          line-height: 20px; }
    .welcomeView .hero .button, .welcomeView .hero button {
      margin-bottom: 140px; }
    .welcomeView .hero h2 {
      font-size: 36px;
      line-height: 42px;
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      letter-spacing: 0.01em;
      max-width: 805px;
      margin: 0 auto 50px; }
    .welcomeView .hero p.disclaimer {
      font-size: 12px;
      color: #ffffff;
      max-width: 100%;
      text-align: center;
      padding-bottom: 16px; }
      .welcomeView .hero p.disclaimer a {
        text-decoration: underline;
        color: #ffffff; }
  .welcomeView .triBlock {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto; }
    .welcomeView .triBlock .block {
      -webkit-flex-grow: 1;
      flex-grow: 1;
      padding: 0 25px;
      width: 31%;
      max-width: 31%; }
  .welcomeView .bottom {
    background-color: #f2f4f4;
    padding-top: 50px; }
    .welcomeView .bottom .downloads a {
      background-color: #ffffff; }
  .welcomeView .img {
    height: 200px;
    width: 200px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3), 0 0 1px 7px rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3), 0 0 1px 7px rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3), 0 0 1px 7px rgba(255, 255, 255, 0.8) inset;
    margin: 0 auto 50px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent; }
    .welcomeView .img.collections {
      background: -owg-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/collections.png);
      background: -webkit-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/collections.png);
      background: -moz-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/collections.png);
      background: -o-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/collections.png);
      -pie-background: -pie-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/collections.png);
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/collections.png);
      background-size: cover; }
    .welcomeView .img.insights {
      background: -owg-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/insights.png);
      background: -webkit-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/insights.png);
      background: -moz-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/insights.png);
      background: -o-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/insights.png);
      -pie-background: -pie-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/insights.png);
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/insights.png);
      background-size: cover; }
    .welcomeView .img.discussion {
      background: -owg-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/discussions.png);
      background: -webkit-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/discussions.png);
      background: -moz-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/discussions.png);
      background: -o-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/discussions.png);
      -pie-background: -pie-linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/discussions.png);
      background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/common/imgs/home/discussions.png);
      background-size: cover; }
  .welcomeView .mediaQuotes {
    background-color: #ffffff; }
    .welcomeView .mediaQuotes .arrow {
      color: #ffffff; }
    .welcomeView .mediaQuotes a.button {
      position: absolute;
      bottom: 0px;
      left: 0;
      right: 0;
      width: 270px;
      padding: 0; }
    .welcomeView .mediaQuotes .quotes {
      position: relative;
      background: transparent none 50% 0 no-repeat;
      background-size: cover;
      color: #ffffff; }
      .welcomeView .mediaQuotes .quotes.bbbw {
        background-image: url(/common/imgs/home/bloomberg.png); }
      .welcomeView .mediaQuotes .quotes.potus {
        background-image: url(/common/imgs/home/obama.png); }
      .welcomeView .mediaQuotes .quotes.ent {
        background-image: url(/common/imgs/home/entrepreneur.png); }
      .welcomeView .mediaQuotes .quotes.jcb {
        background-image: url(/common/imgs/home/john.png); }
      .welcomeView .mediaQuotes .quotes.wtn {
        background-image: url(/common/imgs/home/wtn.png); }
      .welcomeView .mediaQuotes .quotes.esa {
        background-image: url(/common/imgs/home/esa.png); }
    .welcomeView .mediaQuotes .quoteImages {
      max-width: 1030px;
      width: 100%;
      overflow: auto;
      margin: -40px auto 0;
      position: relative;
      z-index: 2;
      height: 162px; }
      .welcomeView .mediaQuotes .quoteImages .drawer {
        width: 1000px; }
      .welcomeView .mediaQuotes .quoteImages .image {
        width: 250px;
        margin: 0 -50px;
        cursor: pointer;
        vertical-align: top;
        display: inline-block; }
        .welcomeView .mediaQuotes .quoteImages .image img {
          height: 81px;
          width: 81px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          display: inline-block;
          margin: 0 auto 15px;
          position: relative;
          z-index: 3; }
        .welcomeView .mediaQuotes .quoteImages .image h3 {
          font-size: 20px; }
        .welcomeView .mediaQuotes .quoteImages .image p {
          font-size: 16px; }
        .welcomeView .mediaQuotes .quoteImages .image h3, .welcomeView .mediaQuotes .quoteImages .image p {
          display: none;
          margin: 0 auto;
          text-align: center; }
        .welcomeView .mediaQuotes .quoteImages .image.active h3, .welcomeView .mediaQuotes .quoteImages .image.active p {
          display: block; }
    .welcomeView .mediaQuotes blockquote {
      display: none;
      border: 0 none;
      padding: 180px 0 0;
      height: 500px;
      color: #3b3d40; }
      .welcomeView .mediaQuotes blockquote.active {
        display: block; }
      .welcomeView .mediaQuotes blockquote img {
        display: block;
        margin: -100px auto 10px; }
      .welcomeView .mediaQuotes blockquote q, .welcomeView .mediaQuotes blockquote cite {
        font-size: 26px;
        line-height: 1.3;
        text-align: center;
        display: block;
        width: 715px;
        margin: 0 auto;
        font-style: normal;
        font-family: "MuseoSansRounded100", "Arial", sans-serif;
        color: #ffffff; }
      .welcomeView .mediaQuotes blockquote q {
        margin-bottom: 10px; }
  .welcomeView .pricing {
    padding: 90px 0;
    background-color: #f2f4f4; }
    .welcomeView .pricing .triBlock .block {
      background-color: #ffffff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      overflow: hidden;
      padding: 0 0 60px;
      position: relative;
      -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3); }
      .welcomeView .pricing .triBlock .block .top h3 span {
        display: block;
        margin-top: -10px; }
      .welcomeView .pricing .triBlock .block:first-child .top {
        background-color: #95a6a6;
        padding-bottom: 28px; }
      .welcomeView .pricing .triBlock .block:last-child .top {
        background-color: #95a6a6; }
      .welcomeView .pricing .triBlock .block:first-child h4:after, .welcomeView .pricing .triBlock .block:last-child h4:after {
        background-color: #F6B821; }
    .welcomeView .pricing .top {
      background-color: #3d2e59;
      padding-bottom: 20px;
      padding-top: 30px;
      margin-bottom: 30px;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      -o-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      position: relative; }
      .welcomeView .pricing .top p {
        position: absolute;
        left: 0;
        right: 0;
        top: 10px;
        font-size: 10px;
        color: #fef1b3;
        text-align: center;
        padding: 0; }
      .welcomeView .pricing .top i {
        position: absolute;
        left: 10px;
        top: 10px;
        color: #fef1b3;
        font-size: 15px; }
        .welcomeView .pricing .top i:last-child {
          left: auto;
          right: 10px; }
    .welcomeView .pricing h4, .welcomeView .pricing h3 {
      margin: 0;
      font-family: "MuseoSansRounded100", "Arial", sans-serif; }
    .welcomeView .pricing p {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: 0.01em;
      text-align: left;
      margin-bottom: 16px;
      padding-left: 20px; }
      .welcomeView .pricing p:last-child {
        padding: 0;
        font-size: 16px;
        color: #95a6a6;
        text-align: center;
        max-width: 80%;
        margin: 0 auto; }
    .welcomeView .pricing ul {
      padding: 0 40px;
      list-style-type: disc;
      font-size: 16px;
      text-align: left;
      margin-bottom: 20px; }
      .welcomeView .pricing ul li {
        margin: 0 0 5px 20px; }
    .welcomeView .pricing button, .welcomeView .pricing .button {
      height: 44px;
      line-height: 44px;
      padding: 0 30px;
      font-size: 16px;
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      position: absolute;
      bottom: 16px;
      left: 40px;
      right: 40px;
      margin: auto;
      width: auto;
      display: inline-block; }
    .welcomeView .pricing h4 {
      font-size: 20px;
      text-transform: uppercase;
      color: #ffffff;
      letter-spacing: 0.1em; }
      .welcomeView .pricing h4:after {
        content: '';
        display: block;
        margin: 5px auto 0;
        height: 3px;
        background-color: #29c896;
        width: 32px; }
    .welcomeView .pricing h3 {
      color: #ffffff;
      font-size: 75px; }
      .welcomeView .pricing h3 span {
        font-size: 15px; }
      .welcomeView .pricing h3 sup {
        font-size: 25px;
        vertical-align: super;
        display: inline-block; }
  .welcomeView .featureFocus {
    padding: 50px;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    min-height: 560px;
    z-index: 1;
    background-color: #f2f4f4; }
    .welcomeView .featureFocus h3 {
      font-size: 26px;
      height: 60px; }
    .welcomeView .featureFocus p {
      font-size: 14px;
      margin-bottom: 35px; }
    .welcomeView .featureFocus .text {
      max-width: 290px;
      text-align: left;
      float: left;
      display: inline-block;
      position: relative;
      z-index: 2; }
    .welcomeView .featureFocus img {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 1; }
  .welcomeView .signUp {
    background-color: #ffffff;
    padding: 85px 0; }
    .welcomeView .signUp .button {
      height: 43px;
      line-height: 43px;
      font-size: 20px;
      position: relative; }
      .welcomeView .signUp .button:after {
        content: '';
        display: block;
        width: 90%;
        height: 10px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        -webkit-box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.08); }
  .welcomeView footer {
    background-color: #f2f4f4;
    line-height: 65px;
    padding: 0 53px; }
    .welcomeView footer .nav {
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      max-width: 660px;
      font-size: 14px; }
      .welcomeView footer .nav a {
        flex-grow: 1;
        -webkit-flex-grow: 1;
        text-align: center;
        color: #95a6a6; }
        .welcomeView footer .nav a:hover {
          text-decoration: none;
          color: #3b3d40; }
    .welcomeView footer .social {
      color: #95a6a6;
      float: right;
      display: inline-block;
      max-width: 250px;
      text-align: right;
      font-size: 14px; }
      .welcomeView footer .social a {
        border: solid 1px #95a6a6;
        color: #95a6a6;
        height: 26px;
        width: 26px;
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        font-size: 12px;
        text-align: center;
        line-height: 26px; }
        .welcomeView footer .social a:hover {
          color: #3b3d40;
          border-color: #3b3d40;
          text-decoration: none; }

@-moz-keyframes arrowpulse {
  0% {
    font-size: 26px; }
  50% {
    font-size: 36px; }
  100% {
    font-size: 26px; } }

@-webkit-keyframes arrowpulse {
  0% {
    font-size: 26px; }
  50% {
    font-size: 36px; }
  100% {
    font-size: 26px; } }

@-o-keyframes arrowpulse {
  0% {
    font-size: 26px; }
  50% {
    font-size: 36px; }
  100% {
    font-size: 26px; } }

@-ms-keyframes arrowpulse {
  .welcomeView 0% {
    font-size: 26px; }
  .welcomeView 50% {
    font-size: 36px; }
  .welcomeView 100% {
    font-size: 26px; } }

@keyframes arrowpulse {
  0% {
    font-size: 26px; }
  50% {
    font-size: 36px; }
  100% {
    font-size: 26px; } }
  .welcomeView .scrolly {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #745084; }
    .welcomeView .scrolly .arrow {
      z-index: 4;
      height: 35px;
      line-height: 35px;
      color: #ffffff; }
    .welcomeView .scrolly .first .arrow.right {
      -webkit-animation: arrowpulse 3s infinite ease-in-out;
      -moz-animation: arrowpulse 3s infinite ease-in-out;
      -ms-animation: arrowpulse 3s infinite ease-in-out;
      -o-animation: arrowpulse 3s infinite ease-in-out;
      animation: arrowpulse 3s infinite ease-in-out; }
    .welcomeView .scrolly h3 {
      position: absolute;
      left: 0;
      right: 0;
      top: 60px;
      margin-bottom: 15px;
      padding: 10px 0;
      background: rgba(0, 0, 0, 0.15);
      color: #ffffff;
      text-align: center;
      z-index: 4; }
    .welcomeView .scrolly .inner {
      position: absolute;
      top: 0;
      bottom: 0;
      white-space: nowrap;
      /*
            @include animation(scrolly 15s infinite ease-in-out);
            &:hover {
                @include animation-play-state(paused);
            }*/
      -webkit-transition: left 0.3s;
      -ms-transition: left 0.3s;
      -moz-transition: left 0.3s;
      -o-transition: left 0.3s;
      transition: left 0.3s; }
    .welcomeView .scrolly.first a.arrow.left {
      display: none; }
    .welcomeView .scrolly.first .inner {
      left: 0; }
    .welcomeView .scrolly.third a.arrow.right {
      display: none; }
    .welcomeView .scrolly .block {
      float: left;
      display: inline-block;
      position: relative;
      padding-top: 120px;
      background-color: #378d8e; }
      .welcomeView .scrolly .block:nth-child(2) {
        background-color: #e5c65d; }
      .welcomeView .scrolly .block:nth-child(3) {
        background-color: #745084; }
      .welcomeView .scrolly .block img {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0; }
      .welcomeView .scrolly .block p {
        font-size: 20px;
        line-height: 35px;
        color: #ffffff;
        position: absolute;
        white-space: normal;
        text-align: left; }

@media screen and (max-width: 1344px) {
  .welcomeView {
    background-size: auto 950px; } }

@media screen and (max-width: 1080px) {
  .welcomeView .mediaQuotes .quoteImages .image h3 {
    font-size: 1.8rem; }
  .welcomeView .featureFocus {
    min-height: 0; }
    .welcomeView .featureFocus img {
      max-width: 60%; }
  .welcomeView .banner .button {
    padding: 0 20px; } }

@media screen and (max-width: 995px) {
  .welcomeView h2 {
    font-size: 30px; }
  .welcomeView h3 {
    font-size: 25px; }
  .welcomeView .hero .button.large {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    padding: 0 37px;
    margin-bottom: 45px; }
  .welcomeView .triBlock {
    display: block;
    max-width: 300px;
    margin: 0 auto; }
    .welcomeView .triBlock .block {
      display: block;
      max-width: 300px;
      padding: 0 20px;
      width: 100%;
      margin-bottom: 84px;
      position: static; }
      .welcomeView .triBlock .block .button {
        position: static;
        margin-bottom: 10px; }
      .welcomeView .triBlock .block:last-child {
        margin-bottom: 0; }
  .welcomeView .pricing {
    padding: 50px 0; }
    .welcomeView .pricing .triBlock .block {
      padding: 0; }
      .welcomeView .pricing .triBlock .block h3 {
        font-size: 50px; }
  .welcomeView .featureFocus img {
    position: static;
    max-width: 100%;
    margin-bottom: -52px;
    margin-top: 50px; } }

@media screen and (max-width: 970px) {
  .welcomeView footer {
    padding: 0 20px; }
    .welcomeView footer .nav {
      white-space: nowrap;
      width: 50%;
      display: inline-block;
      line-height: 3; }
      .welcomeView footer .nav a {
        width: 50%;
        display: inline-block;
        float: left;
        text-align: left;
        font-size: 12px; }
    .welcomeView footer .social span {
      font-size: 15px;
      display: block;
      text-align: left;
      padding-left: 10px; }
    .welcomeView footer .social a {
      height: 30px;
      width: 30px;
      line-height: 30px;
      font-size: 15px;
      margin-left: 10px; } }

@media screen and (max-width: 890px) {
  .welcomeView .featureFocus {
    min-height: 0; }
  .welcomeView .banner {
    padding: 15px 20px 0; }
    .welcomeView .banner .button {
      padding: 0 15px;
      font-size: 13px;
      height: 30px;
      line-height: 30px; }
  .welcomeView .hero {
    padding-top: 100px; }
    .welcomeView .hero .thumbnails .thumbnail h3 {
      font-size: 14px; }
  .welcomeView h2 {
    font-size: 20px; } }

@media screen and (min-width: 801px) {
  .welcomeView a.arrow.left {
    left: 20px; }
  .welcomeView a.arrow.right {
    right: 20px; }
  .welcomeView .scrolly {
    height: 50vw;
    max-height: 585px; }
    .welcomeView .scrolly .inner {
      width: 300vw; }
    .welcomeView .scrolly.second .inner {
      left: -100vw; }
    .welcomeView .scrolly.third .inner {
      left: -200vw; }
    .welcomeView .scrolly .block {
      width: 100vw;
      max-width: 1400px;
      height: 50vw;
      max-height: 585px; }
      .welcomeView .scrolly .block p {
        top: 20vw;
        right: 60px;
        width: 35vw; } }

@media screen and (max-width: 800px) {
  .welcomeView .scrolly {
    display: none; }
  .welcomeView .machine .info .contain:nth-child(n) {
    padding: 0; }
    .welcomeView .machine .info .contain:nth-child(n) img {
      width: auto;
      max-width: 100%; }
    .welcomeView .machine .info .contain:nth-child(n) .text {
      padding: 50px;
      width: auto;
      float: none;
      margin-bottom: 20px; } }

@media screen and (max-width: 700px) {
  .welcomeView .triBlock .block {
    width: 100%; }
  .welcomeView .hero h2 {
    font-size: 20px;
    line-height: 30px; }
  .welcomeView .hero .thumbnails {
    display: none; }
  .welcomeView .mediaQuotes {
    max-width: 100%;
    overflow: hidden; }
    .welcomeView .mediaQuotes .arrow {
      top: 30px;
      bottom: auto; }
    .welcomeView .mediaQuotes .quoteImages {
      width: 100%;
      height: auto;
      overflow: auto;
      margin-top: -40px; }
      .welcomeView .mediaQuotes .quoteImages .drawer {
        height: 140px;
        width: calc(200px * 6); }
      .welcomeView .mediaQuotes .quoteImages .image {
        height: 140px;
        width: 200px;
        margin: 0;
        float: left; }
        .welcomeView .mediaQuotes .quoteImages .image h3 {
          font-size: 13px; }
        .welcomeView .mediaQuotes .quoteImages .image p {
          font-size: 9px; }
        .welcomeView .mediaQuotes .quoteImages .image img {
          margin-top: 0; }
    .welcomeView .mediaQuotes blockquote {
      padding-top: 60px;
      height: 420px; }
      .welcomeView .mediaQuotes blockquote img {
        margin-top: 0;
        height: 80px; }
      .welcomeView .mediaQuotes blockquote q {
        font-size: 20px;
        width: auto;
        padding: 0 20px; }
  .welcomeView .machine {
    padding-bottom: 30px; }
    .welcomeView .machine .info .contain {
      padding: 0 20px; }
      .welcomeView .machine .info .contain:nth-child(even) {
        padding: 0; }
        .welcomeView .machine .info .contain:nth-child(even) .text {
          float: none;
          margin-right: 0; }
      .welcomeView .machine .info .contain:nth-child(odd) {
        padding: 0; }
      .welcomeView .machine .info .contain img {
        max-width: 98%; }
      .welcomeView .machine .info .contain .text {
        float: none;
        display: block;
        width: auto;
        padding: 0 20px;
        margin-bottom: 20px; }
        .welcomeView .machine .info .contain .text h3 {
          font-size: 26px; }
        .welcomeView .machine .info .contain .text p {
          font-size: 16px;
          line-height: 30px;
          margin-bottom: 10px; }
  .welcomeView .downloads {
    max-width: 100%; }
    .welcomeView .downloads a {
      display: block;
      width: 90%;
      margin: 0 auto 10px; }
      .welcomeView .downloads a:last-child {
        margin-right: auto; }
  .welcomeView .banner {
    height: auto;
    padding: 10px 15px; }
    .welcomeView .banner .button {
      font-size: 10px;
      padding: 0 5px;
      margin-right: 5px;
      float: none; }
    .welcomeView .banner .icon-declara-logo {
      font-size: 26px;
      float: none;
      display: block;
      margin-bottom: 10px; }
  .welcomeView .pricing .button {
    position: static;
    margin-bottom: 16px; }
  .welcomeView .pricing .triBlock .block {
    position: static; }
  .welcomeView footer .social {
    display: block;
    float: none;
    text-align: left;
    max-width: 100%; }
    .welcomeView footer .social span {
      padding: 0;
      display: inline; } }

@media screen and (max-width: 320px) {
  .welcomeView .banner .button {
    margin-right: 4px;
    font-size: 8px; }
    .welcomeView .banner .button:last-child {
      margin-right: 0; }
  .welcomeView .mediaQuotes blockquote {
    height: 370px; }
    .welcomeView .mediaQuotes blockquote q {
      font-size: 14px; }
  .welcomeView .mediaQuotes .quoteImages {
    margin-top: -25px; }
    .welcomeView .mediaQuotes .quoteImages .image {
      width: 100px; }
      .welcomeView .mediaQuotes .quoteImages .image img {
        height: 50px;
        width: 50px; } }

@media screen and (min-width: 1400px) {
  .welcomeView .scrolly.second .inner {
    left: -1400px; }
  .welcomeView .scrolly.third .inner {
    left: -2800px; }
  .welcomeView .scrolly .block p {
    top: 200px;
    right: 100px;
    width: 480px; } }

.internalBanner {
  font-size: 2rem; }
  .internalBanner button {
    float: right; }

.iframe {
  width: 100vw;
  height: 100vh; }

.loginCreate .apple, .loginCreate .extension, .loginCreate .play {
  display: none; }

.loginCreate .inner {
  width: 630px;
  height: 700px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff; }

.loginCreate .noClick {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none; }

.loginCreate.modal {
  display: none; }
  .loginCreate.modal.show {
    display: block; }
  .loginCreate.modal .noClick {
    display: block;
    background-color: rgba(0, 0, 0, 0.5); }
  .loginCreate.modal .inner {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10000; }

.loginCreate h3 {
  color: #3b3d40;
  font-family: "MuseoSansRounded100", "Arial", sans-serif;
  font-size: 30px;
  text-align: center; }

.loginCreate p {
  font-size: 18px;
  text-align: center; }
  .loginCreate p a:link, .loginCreate p a:visited, .loginCreate p a:hover, .loginCreate p a:active {
    color: #29c896; }

.loginCreate hr {
  height: 2px;
  margin: 15px 20px 18px;
  border: 0;
  background-color: #f2f4f4; }
  .loginCreate hr + p {
    font-size: 16px;
    margin: 0 auto; }

.loginCreate .divider {
  margin: 1.6rem auto; }
  .loginCreate .divider:before, .loginCreate .divider:after {
    display: none; }

.loginCreate .close {
  position: absolute;
  right: 16px;
  top: 18px;
  font-size: 17px;
  color: rgba(149, 166, 166, 0.75);
  cursor: pointer; }

.loginCreate .createAccountDirective p.disclaimer {
  color: #3b3d40;
  font-size: 1.3rem; }
  .loginCreate .createAccountDirective p.disclaimer a:link, .loginCreate .createAccountDirective p.disclaimer a:hover, .loginCreate .createAccountDirective p.disclaimer a:active, .loginCreate .createAccountDirective p.disclaimer a:visited {
    color: #29c896; }

.loginCreate .createAccountDirective .box {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  padding: 52px 50px 50px;
  width: 100%;
  height: 606px;
  margin-bottom: 0; }
  .loginCreate .createAccountDirective .box h3 {
    max-width: 525px;
    letter-spacing: 1.2px;
    word-spacing: 1px;
    margin-bottom: 21px; }
  .loginCreate .createAccountDirective .box button.close {
    top: -60px;
    left: -45px;
    color: #95a6a6;
    font-size: 15px;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    height: auto;
    line-height: 1; }
    .loginCreate .createAccountDirective .box button.close i {
      color: #95a6a6; }
  .loginCreate .createAccountDirective .box button {
    height: 40px;
    line-height: 40px; }
  .loginCreate .createAccountDirective .box.hideCreate .socialLogin {
    height: 100px; }
  .loginCreate .createAccountDirective .box form {
    width: 48rem;
    padding: 0 5rem; }
    .loginCreate .createAccountDirective .box form .validateField {
      position: relative; }
      .loginCreate .createAccountDirective .box form .validateField .aside {
        left: auto;
        right: 0;
        max-width: 27rem;
        min-height: 0;
        padding: 5px;
        top: auto;
        bottom: 100%;
        background-color: #fef1f0;
        border: solid 1px #f65950;
        color: #3b3d40; }
        .loginCreate .createAccountDirective .box form .validateField .aside:after {
          content: '';
          height: 10px;
          width: 10px;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          background-color: #fef1f0;
          border: solid 1px #f65950;
          border-width: 0 0 1px 1px;
          position: absolute;
          bottom: -6px;
          right: 14px; }
    .loginCreate .createAccountDirective .box form h4 {
      font-size: 32px;
      margin: 0 -5rem 4rem;
      line-height: 1.1;
      text-align: center; }
    .loginCreate .createAccountDirective .box form input {
      border-width: 2px;
      margin-bottom: 28px; }
    .loginCreate .createAccountDirective .box form .last {
      margin-bottom: 46px; }
    .loginCreate .createAccountDirective .box form .checkbox + label {
      color: #95a6a6;
      margin-top: -7px; }
  .loginCreate .createAccountDirective .box p {
    max-width: 300px;
    font-size: 1.8rem;
    font-family: "MuseoSansRounded100", "Arial", sans-serif;
    color: #3b3d40; }
  .loginCreate .createAccountDirective .box img {
    margin: 0 auto 2.2rem;
    display: block;
    padding: 1px 0 0 5px;
    -webkit-transition: height 0.3s, padding 0.3s, margin 0.3s;
    -ms-transition: height 0.3s, padding 0.3s, margin 0.3s;
    -moz-transition: height 0.3s, padding 0.3s, margin 0.3s;
    -o-transition: height 0.3s, padding 0.3s, margin 0.3s;
    transition: height 0.3s, padding 0.3s, margin 0.3s;
    height: 170px; }
  .loginCreate .createAccountDirective .box.showCreate img {
    height: 0;
    padding: 0;
    margin: 0; }

@media screen and (max-height: 700px) {
  .loginCreate .inner {
    height: 100%;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding-bottom: 20px; }
    .loginCreate .inner .createAccountDirective .box form {
      margin: 0 auto;
      max-width: 100%; } }

@media screen and (max-width: 736px) {
  .loginCreate .inner {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding-bottom: 20px; }
  .loginCreate .createAccountDirective .box h3 {
    font-size: 20px;
    letter-spacing: 0;
    margin-bottom: 0; }
  .loginCreate .createAccountDirective .box.hideCreate h3 {
    height: 47px;
    margin-bottom: 10px; }
  .loginCreate .createAccountDirective .box p {
    font-size: 1.5rem; }
  .loginCreate .createAccountDirective .box button.close {
    left: 0;
    top: -40px; }
  .loginCreate .createAccountDirective .box form {
    padding: 0;
    max-width: 100%; }
    .loginCreate .createAccountDirective .box form h4 {
      max-width: 90%;
      margin: 0 auto; }
    .loginCreate .createAccountDirective .box form .checkbox + label {
      width: 90%; } }

@media screen and (max-width: 500px) {
  .loginCreate .close {
    top: 15px;
    right: 14px;
    font-size: 12px; }
  .loginCreate .createAccountDirective p.disclaimer {
    font-size: 10px;
    max-width: 240px;
    margin: 0 auto; }
  .loginCreate .createAccountDirective .box {
    padding: 34px 20px 20px;
    height: 370px; }
    .loginCreate .createAccountDirective .box.hideCreate .socialLogin {
      height: 80px; }
    .loginCreate .createAccountDirective .box button.close {
      top: -54px;
      width: 19px; }
      .loginCreate .createAccountDirective .box button.close span {
        display: none; }
    .loginCreate .createAccountDirective .box button {
      height: 35px;
      line-height: 35px;
      font-size: 1.2rem;
      margin-bottom: 5px; }
      .loginCreate .createAccountDirective .box button:first-child {
        margin-bottom: 5px; }
    .loginCreate .createAccountDirective .box form {
      max-width: 100%; }
      .loginCreate .createAccountDirective .box form h4 {
        font-size: 20px;
        margin-bottom: 10px; }
      .loginCreate .createAccountDirective .box form input {
        margin-bottom: 10px; }
      .loginCreate .createAccountDirective .box form .last {
        margin-bottom: 15px; }
    .loginCreate .createAccountDirective .box p {
      font-size: 1.2rem;
      max-width: 200px;
      height: 28px; }
    .loginCreate .createAccountDirective .box img {
      max-width: 100px;
      margin-bottom: 15px;
      height: auto; } }

.validationView {
  background: transparent url(/common/imgs/login.jpg) 50% 50% no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100; }
  .validationView .validationContent {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #fff;
    text-align: center;
    width: 500px;
    margin: 200px auto 0; }
    .validationView .validationContent h1, .validationView .validationContent h4 {
      color: #fff;
      font-weight: 400; }
    .validationView .validationContent p {
      margin-bottom: 10px;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 1.1rem; }
      .validationView .validationContent p a {
        color: #fff;
        font-weight: 700; }
    .validationView .validationContent button {
      margin: 0 auto 30px;
      display: block; }

.legalView {
  padding-top: 2rem;
  max-width: 700px;
  margin: 0 auto; }
  .legalView .declaraLogo {
    background: transparent url(/common/imgs/Declara_Logo_Gray.png) 0 0 no-repeat;
    height: 45px;
    width: 200px;
    background-size: contain;
    margin: 0 auto 2rem; }
  .legalView p, .legalView .list li {
    font-size: 1.2rem; }
  .legalView .list {
    max-width: 60rem;
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
    .legalView .list.alpha li:before {
      content: counter(list, lower-latin) ".";
      width: 2.2rem;
      margin-left: -2.2rem;
      text-align: left;
      margin-right: 0; }
  .legalView .list li p {
    font-size: 1.2rem; }
  .legalView p, .legalView .list {
    margin-bottom: 2rem; }
  .legalView em {
    background-color: transparent;
    font-style: italic; }
  .legalView h3 span {
    font-size: 1.1rem;
    font-weight: 400; }
  .legalView address {
    text-align: center;
    font-size: 1.2rem;
    font-family: "RooneyLight", Times, "Times New Roman", serif; }
  .legalView .left {
    width: 30%; }
  .legalView .right {
    width: 69%; }
  .legalView .left, .legalView .right {
    display: inline-block;
    vertical-align: top; }

.declaraModal.welcomeModal {
  overflow: auto;
  background-color: rgba(59, 61, 64, 0.8); }
  .declaraModal.welcomeModal .declaraModal-wrapper {
    width: 530px; }
  .declaraModal.welcomeModal .declaraModal-content {
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    border: 0 none; }
  .declaraModal.welcomeModal .declaraModal-close {
    display: none; }
  .declaraModal.welcomeModal .welcomeModalContent {
    text-align: center;
    position: relative;
    height: 613px;
    width: 530px;
    overflow: hidden;
    background-color: #5DB0A1;
    -webkit-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .declaraModal.welcomeModal .welcomeModalContent.messaging {
      background-color: #E5C75D; }
    .declaraModal.welcomeModal .welcomeModalContent.insights {
      background-color: #61D5D8; }
    .declaraModal.welcomeModal .welcomeModalContent.fadeOut {
      opacity: 0; }
    .declaraModal.welcomeModal .welcomeModalContent h1, .declaraModal.welcomeModal .welcomeModalContent p {
      color: #ffffff;
      font-family: "MuseoSansRounded300", "Arial", sans-serif; }
    .declaraModal.welcomeModal .welcomeModalContent h1 {
      font-size: 3.2rem; }
      .mobile .declaraModal.welcomeModal .welcomeModalContent h1 {
        font-size: 1.5rem; }
    .declaraModal.welcomeModal .welcomeModalContent p {
      font-size: 1.5rem;
      margin-bottom: 3.5rem;
      font-family: "MuseoSansRounded100", "Arial", sans-serif;
      letter-spacing: 0.03em; }
      .mobile .declaraModal.welcomeModal .welcomeModalContent p {
        font-size: 1.3rem; }
    .declaraModal.welcomeModal .welcomeModalContent img {
      display: block;
      margin: 0 auto;
      width: 470px; }
    .declaraModal.welcomeModal .welcomeModalContent button {
      float: none;
      display: block;
      margin: 0 auto;
      position: relative;
      z-index: 10;
      top: 496px; }
    .declaraModal.welcomeModal .welcomeModalContent .view {
      position: absolute;
      left: 100%;
      top: 0;
      height: 415px;
      width: 400px;
      margin: 55px 65px;
      -webkit-transition: left 0.3s;
      -ms-transition: left 0.3s;
      -moz-transition: left 0.3s;
      -o-transition: left 0.3s;
      transition: left 0.3s; }
      .declaraModal.welcomeModal .welcomeModalContent .view.active {
        left: 0; }
      .declaraModal.welcomeModal .welcomeModalContent .view.animateLeft {
        left: -100%; }
    .declaraModal.welcomeModal .welcomeModalContent .pagination {
      position: relative;
      top: 496px; }
      .declaraModal.welcomeModal .welcomeModalContent .pagination ul {
        height: 8px;
        width: 56px;
        display: block;
        margin: 0 auto; }
        .declaraModal.welcomeModal .welcomeModalContent .pagination ul li {
          float: left;
          margin-right: 16px;
          text-indent: -999em;
          height: 8px;
          width: 8px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          background-color: #f2f4f4; }
          .declaraModal.welcomeModal .welcomeModalContent .pagination ul li.active {
            background-color: #d4aa55; }
          .declaraModal.welcomeModal .welcomeModalContent .pagination ul li:last-child {
            margin-right: 0; }

@media screen and (max-width: 729px) {
  .declaraModal.welcomeModal .declaraModal-wrapper {
    width: 100%; }
    .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent {
      height: 573px;
      width: 100%; }
      .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent img {
        width: 91%;
        margin: 0 0 0 30px; }
      .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent .view {
        margin: 25px 0 0;
        width: 100%; }
      .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent .pagination, .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent button {
        top: 440px; } }

@media screen and (max-height: 568px) {
  .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent {
    height: 435px; }
    .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent .view {
      height: 406px; }
    .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent .pagination, .declaraModal.welcomeModal .declaraModal-wrapper .welcomeModalContent button {
      top: 310px; } }

.declaraModal.interestModal {
  max-height: 100vh;
  overflow: auto;
  background-color: rgba(59, 61, 64, 0.8); }
  .declaraModal.interestModal .declaraModal-wrapper {
    width: 944px; }
  .declaraModal.interestModal.finish .declaraModal-wrapper {
    width: 520px; }
  .declaraModal.interestModal.finish .declaraModal-content {
    width: 520px; }
  .declaraModal.interestModal.finish .interestModalContent {
    padding-bottom: 55px; }
  .declaraModal.interestModal.finish p {
    margin-bottom: 2rem; }
  .declaraModal.interestModal.finish .interests {
    max-width: 100%;
    padding-bottom: 0; }
    .declaraModal.interestModal.finish .interests .interest {
      height: 98px;
      width: 98px; }
      .declaraModal.interestModal.finish .interests .interest h4 {
        font-size: 1.2rem;
        bottom: 7px; }
      .declaraModal.interestModal.finish .interests .interest.active:after {
        height: 98px;
        width: 98px;
        line-height: 50px;
        font-size: 1rem; }
  .declaraModal.interestModal.enableClose .declaraModal-close {
    display: block; }
  .declaraModal.interestModal .declaraModal-close {
    display: none; }
  .declaraModal.interestModal .declaraModal-content {
    border: none;
    padding: 0; }
  .declaraModal.interestModal .interestModalContent {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    padding: 55px 32px 28px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .declaraModal.interestModal .interestModalContent.fadeOut {
      opacity: 0; }
  .declaraModal.interestModal h1, .declaraModal.interestModal p {
    text-align: center;
    max-width: 80%;
    margin: 0 auto 0.2em; }
  .declaraModal.interestModal p {
    font-size: 1.5rem;
    margin-bottom: 3.5rem; }
  .declaraModal.interestModal button {
    margin: 0 auto;
    float: none;
    display: block; }
  .declaraModal.interestModal img {
    display: block;
    margin: 0 auto; }
  .declaraModal.interestModal .progressBar {
    background-color: #eceeee;
    height: 8px;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    margin-bottom: 20px; }
    .declaraModal.interestModal .progressBar .progress {
      background-color: #d4aa55;
      height: 8px;
      width: 0;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      -webkit-transition: all 0.7s;
      -ms-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s; }
      .declaraModal.interestModal .progressBar .progress.one {
        width: 33.3333%; }
      .declaraModal.interestModal .progressBar .progress.two {
        width: 66.6666%; }
      .declaraModal.interestModal .progressBar .progress.three {
        width: 100%; }
  .declaraModal.interestModal .pickButton {
    padding: 0 8.5rem; }

@media screen and (max-height: 780px) {
  .declaraModal.interestModal .interestModalContent {
    padding-top: 100px; }
  .declaraModal.interestModal .interests {
    padding-bottom: 88px; }
  .declaraModal.interestModal .bottomArea {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    background-color: white;
    z-index: 10;
    padding-top: 15px;
    height: 80px; }
    .declaraModal.interestModal .bottomArea .progressBar {
      bottom: 0;
      top: auto;
      position: absolute;
      margin: 0; }
    .declaraModal.interestModal .bottomArea button[disabled] {
      opacity: 1; }
  .declaraModal.interestModal .bottomArea {
    width: 98.4%; } }

@media screen and (max-width: 940px) {
  .declaraModal.interestModal .interestModalContent {
    padding-top: 100px; }
  .declaraModal.interestModal .interests {
    padding-bottom: 88px; }
  .declaraModal.interestModal .bottomArea {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    background-color: white;
    z-index: 10;
    padding-top: 15px;
    height: 80px; }
    .declaraModal.interestModal .bottomArea .progressBar {
      bottom: 0;
      top: auto;
      position: absolute;
      margin: 0; }
    .declaraModal.interestModal .bottomArea button[disabled] {
      opacity: 1; }
  .declaraModal.interestModal .declaraModal-wrapper {
    width: 100%;
    padding: 0; }
  .declaraModal.interestModal .declaraModal-content {
    width: 100%; }
  .declaraModal.interestModal .interestModalContent {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .declaraModal.interestModal .progressBar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .declaraModal.interestModal .progressBar .progress {
      -webkit-border-radius: 0 6px 6px 0;
      -moz-border-radius: 0 6px 6px 0;
      -ms-border-radius: 0 6px 6px 0;
      -o-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0; }
      .declaraModal.interestModal .progressBar .progress.three {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
  .declaraModal.interestModal .interests {
    margin: 0 auto; }
    .declaraModal.interestModal .interests .interest {
      width: 150px;
      height: 150px; }
      .declaraModal.interestModal .interests .interest img {
        width: 100%;
        height: 100%; } }

@media screen and (max-width: 844px) {
  .declaraModal.interestModal .interests {
    width: 664px; } }

@media screen and (max-width: 789px) {
  .declaraModal.interestModal h1 {
    font-size: 2.2rem;
    margin-bottom: 1em; } }

@media screen and (max-width: 679px) {
  .declaraModal.interestModal .interests {
    width: 498px; } }

@media screen and (max-width: 509px) {
  .declaraModal.interestModal .interests {
    width: 332px; } }

@media screen and (max-width: 379px) {
  .declaraModal.interestModal p {
    margin-bottom: 1.5rem; }
  .declaraModal.interestModal .declaraModal-wrapper {
    width: 100%; }
  .declaraModal.interestModal .final {
    width: 90vw; }
  .declaraModal.interestModal .interestModalContent {
    width: 90vw;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto; }
  .declaraModal.interestModal .interests {
    width: 90vw; }
    .declaraModal.interestModal .interests .interest {
      width: 120px;
      height: 120px; }
      .declaraModal.interestModal .interests .interest h4 {
        font-size: 1.1rem;
        left: 7px;
        right: 7px;
        text-shadow: 0 0 3px #000000;
        font-family: "MuseoSansRounded300", "Arial", sans-serif; }
      .declaraModal.interestModal .interests .interest.active:after {
        height: 120px;
        width: 120px;
        line-height: 50px;
        font-size: 1.4rem; }
  .declaraModal.interestModal.finish p {
    margin-bottom: 1rem;
    line-height: 1.3; }
  .declaraModal.interestModal.finish .interestModalContent {
    padding-bottom: 15px; }
  .declaraModal.interestModal.finish .interests .interest.active:after {
    height: 98px;
    width: 98px;
    line-height: 50px;
    font-size: 1rem; } }

.interestHeader {
  width: 100%;
  margin-bottom: 25px; }
  .interestHeader .inner {
    text-align: center; }
  .interestHeader .interests .interest {
    cursor: default;
    height: 98px;
    width: 98px; }
    .interestHeader .interests .interest h4 {
      font-size: 1.2rem;
      bottom: 7px;
      z-index: 1; }
  .interestHeader h3 {
    font-size: 3rem;
    font-family: "MuseoSansRounded100", "Arial", sans-serif;
    color: #95a6a6;
    margin-bottom: 20px; }
  .interestHeader p {
    font-size: 1.2rem; }

.tile-text,
.tile-text.alert-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 180px !important; }

.orgNotification {
  z-index: 2;
  clear: both; }
  .orgNotification .alertBar-content span {
    margin: 2rem 0 1rem 1rem;
    display: inline; }
  .orgNotification .alertBar-content small, .orgNotification .alertBar-content a {
    color: #ffffff; }
  .orgNotification .alertBar-content i {
    font-size: 2rem;
    display: inline-block;
    vertical-align: top; }
  .orgNotification .alertBar-content a {
    text-decoration: underline; }

.feedContainer {
  margin: 20px auto 40px;
  position: relative;
  width: 900px; }
  .feedContainer .loader {
    width: 100%;
    padding: 0 200px; }
  .feedContainer .tileBlock {
    float: right;
    width: 240px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
    .feedContainer .tileBlock .alertBarContainer {
      max-width: 240px;
      position: static;
      margin-bottom: 10px; }
      .feedContainer .tileBlock .alertBarContainer.isCollection .alertBar {
        background-image: url(/common/imgs/CollectionImg.png); }
      .feedContainer .tileBlock .alertBarContainer .alertBar {
        top: auto;
        padding: 32px 20px 20px;
        background: transparent url(/group/groupPage/asset/image/HD-landscape-Photographs.png) 50% 50% no-repeat;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-animation: boxShadowAnim 1s linear;
        -moz-animation: boxShadowAnim 1s linear;
        -ms-animation: boxShadowAnim 1s linear;
        -o-animation: boxShadowAnim 1s linear;
        animation: boxShadowAnim 1s linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite; }
        .feedContainer .tileBlock .alertBarContainer .alertBar strong {
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          word-break: break-word; }
        .feedContainer .tileBlock .alertBarContainer .alertBar h4 {
          color: #ffffff;
          font-family: "MuseoSansRounded500", "Arial", sans-serif; }
        .feedContainer .tileBlock .alertBarContainer .alertBar .buttonBlock {
          margin: 0; }
          .feedContainer .tileBlock .alertBarContainer .alertBar .buttonBlock button {
            width: 83px;
            padding: 0;
            text-align: center; }
            .feedContainer .tileBlock .alertBarContainer .alertBar .buttonBlock button.clear {
              background-color: #ffffff;
              border: solid 1px #29c896;
              color: #29c896; }
            .feedContainer .tileBlock .alertBarContainer .alertBar .buttonBlock button.transparent {
              background-color: #29c896;
              border: solid 1px #29c896; }
        .feedContainer .tileBlock .alertBarContainer .alertBar i.icon-group-invite {
          display: block;
          margin: 0 auto 13px; }
    .feedContainer .tileBlock .tile {
      white-space: normal;
      margin-bottom: 10px;
      max-width: 240px;
      padding: 22px 15px;
      vertical-align: top;
      background-color: #f2f4f4;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 2px #95a6a6;
      box-shadow: 0 0 2px #95a6a6;
      -webkit-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      text-align: center; }
      .feedContainer .tileBlock .tile:hover {
        background-color: #ffffff;
        -webkit-box-shadow: 0 2px 6px #95a6a6;
        -moz-box-shadow: 0 2px 6px #95a6a6;
        box-shadow: 0 2px 6px #95a6a6; }
      .feedContainer .tileBlock .tile a:link, .feedContainer .tileBlock .tile a:visited, .feedContainer .tileBlock .tile a:active {
        color: #3b3d40; }
      .feedContainer .tileBlock .tile a:hover {
        text-decoration: none; }
      .feedContainer .tileBlock .tile > a {
        padding: 22px 15px;
        margin: -22px -15px;
        display: block; }
      .feedContainer .tileBlock .tile.newGroup {
        background: transparent url(/group/groupPage/asset/image/HD-landscape-Photographs.png) 50% 50% no-repeat; }
        .feedContainer .tileBlock .tile.newGroup p {
          font-size: 15px;
          margin-bottom: 44px; }
        .feedContainer .tileBlock .tile.newGroup h3, .feedContainer .tileBlock .tile.newGroup p {
          text-align: left;
          color: #ffffff; }
        .feedContainer .tileBlock .tile.newGroup button {
          margin: 0 auto; }
      .feedContainer .tileBlock .tile.chromeExtLink {
        padding: 37px 18px 20px 26px;
        text-align: left;
        animation: boxShadowAnim 1s linear infinite;
        white-space: normal; }
      .feedContainer .tileBlock .tile h6 {
        margin-bottom: 14px;
        color: #95a6a6; }
      .feedContainer .tileBlock .tile h3 {
        font-size: 2.4rem;
        font-family: "MuseoSansRounded100", "Arial", sans-serif; }
      .feedContainer .tileBlock .tile.suggestedUser h3 {
        font-size: 2rem;
        font-family: "MuseoSansRounded700", "Arial", sans-serif; }
      .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .tileContent {
        height: 269px; }
      .feedContainer .tileBlock .tile.yourActivity p {
        font-size: 1.3rem; }
      .feedContainer .tileBlock .tile.yourActivity a:visited {
        color: #29c896; }
      .feedContainer .tileBlock .tile.trendingArticle {
        position: relative;
        text-align: left; }
        .feedContainer .tileBlock .tile.trendingArticle a:hover {
          text-decoration: none; }
        .feedContainer .tileBlock .tile.trendingArticle .fitImage {
          margin: -22px -15px 9px;
          height: 132px;
          width: calc(100% + 30px);
          -webkit-border-radius: 6px 6px 0 0;
          -moz-border-radius: 6px 6px 0 0;
          -ms-border-radius: 6px 6px 0 0;
          -o-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0; }
        .feedContainer .tileBlock .tile.trendingArticle .flag {
          position: absolute;
          top: 12px;
          left: 12px;
          background-color: #f65950;
          padding: 4px 8px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
          border-radius: 2px;
          color: #ffffff;
          font-size: 11px;
          text-transform: uppercase;
          letter-spacing: 1px; }
        .feedContainer .tileBlock .tile.trendingArticle .provider {
          font-size: 12px;
          color: #95a6a6;
          line-height: 20px;
          text-decoration: none; }
        .feedContainer .tileBlock .tile.trendingArticle h3 {
          max-height: 45px;
          overflow: hidden;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: #3b3d40;
          font-size: 13px;
          text-decoration: none;
          margin-bottom: 15px; }
        .feedContainer .tileBlock .tile.trendingArticle a.more {
          position: absolute;
          bottom: 0;
          font-size: 13px;
          color: #29c896; }
          .feedContainer .tileBlock .tile.trendingArticle a.more:hover {
            text-decoration: underline; }
      .feedContainer .tileBlock .tile.getTheApp {
        position: relative;
        height: 248px;
        background-image: url(/common/imgs/home/get-the-app.png);
        background-repeat: no-repeat;
        background-size: contain; }
        .feedContainer .tileBlock .tile.getTheApp a {
          position: absolute;
          padding: 0;
          margin: 0;
          width: 67px;
          height: 24px; }
          .feedContainer .tileBlock .tile.getTheApp a.appLink-ios {
            top: 151px;
            left: 27px; }
          .feedContainer .tileBlock .tile.getTheApp a.appLink-android {
            top: 178px;
            left: 27px; }
    .feedContainer .tileBlock .suggestedUser {
      max-width: 240px;
      padding: 0; }
      .feedContainer .tileBlock .suggestedUser .userTitle {
        display: none; }
    .feedContainer .tileBlock .userTile.dismissible {
      height: auto;
      margin-bottom: 10px;
      width: 100%;
      max-width: 240px; }
      .feedContainer .tileBlock .userTile.dismissible .tileContent {
        background-color: #f2f4f4; }
    .feedContainer .tileBlock .profileImagePrompt p {
      font-size: 1.3rem; }
    .feedContainer .tileBlock .profileImagePrompt .img {
      position: relative;
      height: 131px;
      margin-bottom: 10px; }
      .feedContainer .tileBlock .profileImagePrompt .img .profileAvatar {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: auto; }
      .feedContainer .tileBlock .profileImagePrompt .img i, .feedContainer .tileBlock .profileImagePrompt .img img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        margin: auto;
        z-index: 1;
        height: 100px;
        width: 100px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
      .feedContainer .tileBlock .profileImagePrompt .img i {
        font-size: 79px;
        line-height: 123px;
        color: #ffffff;
        overflow: hidden;
        z-index: 2; }
      .feedContainer .tileBlock .profileImagePrompt .img .profileAvatar.imgInfo {
        padding-top: 0; }
        .feedContainer .tileBlock .profileImagePrompt .img .profileAvatar.imgInfo label.imageUpload {
          font-size: 1.8rem;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          color: #3b3d40;
          padding-top: 110px; }
    .feedContainer .tileBlock .alert p {
      font-size: 13px; }
    .feedContainer .tileBlock .alert h4 {
      font-size: 18px;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      line-height: 1.2; }
      .feedContainer .tileBlock .alert h4 i {
        height: 0;
        width: 10px;
        border-left-color: transparent;
        border-right-color: transparent;
        border-style: solid;
        font-size: 0;
        display: inline-block;
        vertical-align: middle; }
        .feedContainer .tileBlock .alert h4 i.icon-up {
          border-width: 0 6px 10px;
          border-bottom-color: #29c896; }
        .feedContainer .tileBlock .alert h4 i.icon-down {
          border-top-color: #f65950;
          border-width: 10px 6px 0; }
        .feedContainer .tileBlock .alert h4 i.icon-same {
          border-width: 0;
          height: 4px;
          background-color: #95a6a6;
          width: 15px; }
    .feedContainer .tileBlock .circle {
      position: relative;
      text-align: center;
      height: 100px;
      width: 100px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      margin: auto auto 16px;
      border: solid 6px transparent; }
      .feedContainer .tileBlock .circle i {
        color: #ffffff;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 100px;
        width: 100px;
        font-size: 20px; }
      .feedContainer .tileBlock .circle .insight {
        height: 56px;
        width: 36px;
        position: relative;
        margin: 18px auto 0; }
        .feedContainer .tileBlock .circle .insight i {
          position: absolute;
          top: auto;
          left: 0;
          right: 0;
          bottom: auto;
          height: 56px;
          width: 36px; }
        .feedContainer .tileBlock .circle .insight .icon-lightbulb {
          color: #F6B821;
          font-size: 56px; }
        .feedContainer .tileBlock .circle .insight .icon-lightbulb-fill {
          color: #fef1b3;
          font-size: 41px; }
      .feedContainer .tileBlock .circle .icon-user, .feedContainer .tileBlock .circle img.userAvatar {
        height: 88px;
        width: 88px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: #dde4e4;
        color: #ffffff;
        font-size: 80px;
        line-height: 100px;
        overflow: hidden; }
    .feedContainer .tileBlock .userAvatars {
      text-align: center; }
      .feedContainer .tileBlock .userAvatars a {
        display: inline-block;
        height: 35px;
        width: 35px;
        margin-right: 8px; }
        .feedContainer .tileBlock .userAvatars a:hover {
          text-decoration: none; }
      .feedContainer .tileBlock .userAvatars .icon-user, .feedContainer .tileBlock .userAvatars img, .feedContainer .tileBlock .userAvatars .moreUsers {
        height: 35px;
        width: 35px;
        font-size: 29px;
        line-height: 41px;
        display: block;
        color: #ffffff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: #dde4e4;
        overflow: hidden; }
      .feedContainer .tileBlock .userAvatars a, .feedContainer .tileBlock .userAvatars .moreUsers {
        vertical-align: middle; }
      .feedContainer .tileBlock .userAvatars .moreUsers {
        background-color: #29c896;
        font-size: 13px;
        line-height: 35px;
        text-align: center;
        display: inline-block;
        cursor: pointer; }
    .feedContainer .tileBlock .topArticles {
      white-space: normal; }
      .feedContainer .tileBlock .topArticles .circle {
        background-color: #61D6D9;
        border-color: #dde4e4;
        position: relative; }
        .feedContainer .tileBlock .topArticles .circle svg {
          margin: -10px 0 0 -10px; }
          .feedContainer .tileBlock .topArticles .circle svg path {
            fill: #F6B821; }
      .feedContainer .tileBlock .topArticles i {
        font-size: 42px;
        height: 24px;
        width: 47px; }
        .feedContainer .tileBlock .topArticles i.icon-sparkle {
          font-size: 27px;
          color: #f65950;
          height: 27px;
          top: 6px;
          bottom: auto; }
    .feedContainer .tileBlock .topArticlesRead .circle {
      background-color: #61D6D9;
      border-color: #F6B821;
      overflow: hidden; }
      .feedContainer .tileBlock .topArticlesRead .circle i {
        font-size: 80px;
        height: 72px;
        width: 57px; }
    .feedContainer .tileBlock .topArticlesRead a p {
      color: #95a6a6;
      margin-bottom: 10px; }
    .feedContainer .tileBlock .insightLikes .circle {
      background-color: #F6B821;
      border-color: #61D6D9; }
      .feedContainer .tileBlock .insightLikes .circle i {
        color: #f65950;
        font-size: 48px;
        height: 42px;
        width: 49px; }
    .feedContainer .tileBlock .newViews .circle {
      background-color: #61D6D9;
      border-color: #29c896; }
      .feedContainer .tileBlock .newViews .circle i {
        font-size: 50px;
        height: 50px;
        width: 49px; }
    .feedContainer .tileBlock .newFollowerColl .circle, .feedContainer .tileBlock .N_new_collection_follower .circle, .feedContainer .tileBlock .N_new_authored_content .circle, .feedContainer .tileBlock .N_new_collection .circle {
      background-color: #2B4255;
      border-color: #C19FCF; }
      .feedContainer .tileBlock .newFollowerColl .circle i, .feedContainer .tileBlock .N_new_collection_follower .circle i, .feedContainer .tileBlock .N_new_authored_content .circle i, .feedContainer .tileBlock .N_new_collection .circle i {
        color: #61D6D9;
        font-size: 45px;
        height: 45px;
        width: 34px; }
    .feedContainer .tileBlock .N_new_collection .circle i {
      width: 56px; }
    .feedContainer .tileBlock .articleShared .circle, .feedContainer .tileBlock .N_share_content .circle, .feedContainer .tileBlock .N_share_collection .circle {
      background-color: #29c896;
      border-color: #F6B821; }
      .feedContainer .tileBlock .articleShared .circle i, .feedContainer .tileBlock .N_share_content .circle i, .feedContainer .tileBlock .N_share_collection .circle i {
        font-size: 43px;
        height: 43px;
        width: 35px; }
    .feedContainer .tileBlock .N_share_collection .circle i {
      font-size: 35px;
      height: 35px;
      width: 43px; }
    .feedContainer .tileBlock .insightShared .circle, .feedContainer .tileBlock .N_share_insight .circle {
      background-color: #ffffff;
      border-color: #29c896; }
    .feedContainer .tileBlock .articleCollected .circle, .feedContainer .tileBlock .N_collect_post .circle, .feedContainer .tileBlock .N_new_content_in_collection .circle {
      background-color: #29c896;
      border-color: #61D6D9; }
      .feedContainer .tileBlock .articleCollected .circle i, .feedContainer .tileBlock .N_collect_post .circle i, .feedContainer .tileBlock .N_new_content_in_collection .circle i {
        font-size: 35px;
        height: 35px;
        width: 43px; }
    .feedContainer .tileBlock .insightAdded .circle, .feedContainer .tileBlock .N_new_insight .circle {
      background-color: #ffffff;
      border-color: #F6B821; }
    .feedContainer .tileBlock .newFollower .circle, .feedContainer .tileBlock .N_new_follower .circle, .feedContainer .tileBlock .N_new_linkedin_connection_joined .circle, .feedContainer .tileBlock .N_group_access_requested .circle {
      background-color: transparent;
      border-color: #29c896; }
      .feedContainer .tileBlock .newFollower .circle a, .feedContainer .tileBlock .N_new_follower .circle a, .feedContainer .tileBlock .N_new_linkedin_connection_joined .circle a, .feedContainer .tileBlock .N_group_access_requested .circle a {
        height: 100px;
        width: 100px;
        margin: 0; }
      .feedContainer .tileBlock .newFollower .circle img, .feedContainer .tileBlock .newFollower .circle i, .feedContainer .tileBlock .N_new_follower .circle img, .feedContainer .tileBlock .N_new_follower .circle i, .feedContainer .tileBlock .N_new_linkedin_connection_joined .circle img, .feedContainer .tileBlock .N_new_linkedin_connection_joined .circle i, .feedContainer .tileBlock .N_group_access_requested .circle img, .feedContainer .tileBlock .N_group_access_requested .circle i {
        height: 88px;
        width: 88px; }
    .feedContainer .tileBlock .N_collection_updated_to_public, .feedContainer .tileBlock .N_collection_updated_to_closed {
      display: none; }
    .feedContainer .tileBlock .articleView .viewedArticleLink {
      display: inline-block;
      cursor: pointer; }
    .feedContainer .tileBlock .articleView .circle {
      background-color: #61D6D9;
      border-color: #29c896; }
    .feedContainer .tileBlock .articleView .circle .profileAvatar, .feedContainer .tileBlock .insightAdded .circle .profileAvatar, .feedContainer .tileBlock .N_new_insight .circle .profileAvatar {
      position: absolute;
      right: -10px;
      bottom: -10px; }
      .feedContainer .tileBlock .articleView .circle .profileAvatar .icon-user, .feedContainer .tileBlock .articleView .circle .profileAvatar img, .feedContainer .tileBlock .insightAdded .circle .profileAvatar .icon-user, .feedContainer .tileBlock .insightAdded .circle .profileAvatar img, .feedContainer .tileBlock .N_new_insight .circle .profileAvatar .icon-user, .feedContainer .tileBlock .N_new_insight .circle .profileAvatar img {
        height: 36px;
        width: 36px;
        font-size: 31px;
        line-height: 45px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .feedContainer .tileBlock blockquote {
      font-size: 13px;
      line-height: 20px;
      font-family: "RooneyLight", Times, "Times New Roman", serif;
      color: #95a6a6;
      border-left-width: 2px;
      text-align: left;
      margin-left: 23px;
      padding-left: 8px;
      position: relative;
      font-style: normal; }
      .feedContainer .tileBlock blockquote:before {
        content: '\201c';
        color: #F6B821;
        font-size: 42px;
        line-height: 42px;
        position: absolute;
        left: -30px;
        font-family: "PT Serif", Times, "Times New Roman", serif; }
    .feedContainer .tileBlock.overrideLeft {
      float: left;
      left: 0; }
  .feedContainer .columnMain {
    width: 608px; }
    .feedContainer .columnMain .feedBlock.cardStack {
      display: inline-block;
      margin-right: 8px; }
      .feedContainer .columnMain .feedBlock.cardStack .declaraCard {
        float: left;
        margin: 0;
        width: 258px; }
      .feedContainer .columnMain .feedBlock.cardStack:last-child:after {
        display: none; }
      .feedContainer .columnMain .feedBlock.cardStack .recDetails {
        float: left;
        left: 20px;
        padding-top: 25px;
        position: relative;
        top: 12px; }
        .feedContainer .columnMain .feedBlock.cardStack .recDetails .recHeading {
          letter-spacing: 0.1em;
          color: #dde4e4; }
          .feedContainer .columnMain .feedBlock.cardStack .recDetails .recHeading i {
            margin-right: 1rem; }
        .feedContainer .columnMain .feedBlock.cardStack .recDetails .recReason {
          color: #3b3d40; }
    .feedContainer .columnMain .emptyMsg {
      text-align: center; }
      .feedContainer .columnMain .emptyMsg h2 {
        margin-bottom: 35px; }
      .feedContainer .columnMain .emptyMsg a.button {
        margin-top: 20px; }
    .feedContainer .columnMain .feedEnd {
      margin: 12px;
      padding: 10px;
      text-align: center; }
      .feedContainer .columnMain .feedEnd h2 {
        margin-bottom: 30px; }
    .feedContainer .columnMain.overrideRight {
      float: right; }
  .feedContainer .notificationBaseCard {
    position: relative; }
    .feedContainer .notificationBaseCard .indicators {
      position: absolute;
      right: 10px;
      top: 10px;
      bottom: auto;
      left: auto;
      height: 15px;
      width: 15px; }
      .feedContainer .notificationBaseCard .indicators i.dot {
        background: none transparent;
        color: #95a6a6;
        font-size: 10px;
        height: 15px;
        width: 15px;
        font-family: 'icomoon';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        .feedContainer .notificationBaseCard .indicators i.dot:before {
          content: '\e601'; }

.viewsModal .usersWhoViewed {
  height: 500px;
  overflow: auto; }

.viewsModal .userTile.searchTile a.tileAnchor {
  display: block; }

.viewsModal .userTile.searchTile .tileContent .userImage {
  height: 50px;
  width: 50px; }
  .viewsModal .userTile.searchTile .tileContent .userImage.icon-user:before {
    font-size: 50px;
    line-height: 70px; }
  .viewsModal .userTile.searchTile .tileContent .userImage.offset {
    margin-top: 12px; }

.viewsModal .userTile.searchTile h3.userName {
  border-bottom: 0 none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "MuseoSansRounded100", "Arial", sans-serif; }

@-moz-keyframes boxShadowAnim {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); }
  50% {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7); }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } }

@-webkit-keyframes boxShadowAnim {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); }
  50% {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7); }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } }

@-o-keyframes boxShadowAnim {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); }
  50% {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7); }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } }

@-ms-keyframes boxShadowAnim {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); }
  50% {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7); }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } }

@keyframes boxShadowAnim {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); }
  50% {
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7); }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.4); } }

@media screen and (max-width: 1199px) {
  .feedContainer {
    margin: 0 0 40px;
    position: relative;
    width: 100%; }
    .feedContainer .loader {
      width: 100%;
      padding: 0 200px; }
    .feedContainer .tileBlock {
      float: none;
      position: relative;
      display: block;
      width: 100%;
      margin: 20px auto 20px;
      padding: 10px 5px;
      max-height: 280px;
      max-width: 740px;
      overflow: auto;
      text-align: center;
      white-space: nowrap;
      /*div {
                white-space: normal;
            }*/ }
      .feedContainer .tileBlock .tile {
        display: inline-block;
        width: 240px;
        height: 248px;
        margin: 0 6px 10px 0;
        vertical-align: top;
        background-color: #f2f4f4; }
        .feedContainer .tileBlock .tile .tileContent {
          height: 248px; }
        .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .tileContent {
          height: 248px; }
    .feedContainer .columnMain {
      margin: 0 auto; } }

@media screen and (max-width: 991px) {
  .mobile .feedContainer {
    padding: 10px; }
    .mobile .feedContainer .columnMain {
      min-width: 280px;
      width: auto; } }

@media screen and (max-width: 890px) {
  .mobile .feedContainer {
    margin-top: 100px;
    /*      .columnMain {
                padding: 0 10px;
                float: none;
                width: 100%;
                margin: 0 auto;
                .contentTile.feedContent .pdf .tileContent .imageContainer .groovyFitImage {
                    background-position: 0 100%;
                }
                .emptyMsg {
                    text-align: center;
                    h2 {
                        font-size: 2.5rem;
                    }
                    h4 {
                        font-size: 1.5rem;
                    }
                }
            }
            */ }
    .mobile .feedContainer .tileBlock {
      position: static;
      float: none;
      width: 100%;
      margin: 0;
      bottom: auto;
      margin-bottom: 20px;
      max-height: 268px;
      overflow: auto;
      text-align: center;
      white-space: nowrap;
      background-color: #c9d7d7; }
      .mobile .feedContainer .tileBlock div.notificationBaseCard.tile .notificationText .notificationMainText, .mobile .feedContainer .tileBlock div.notificationBaseCard.tile.conversationText .notificationMainText {
        font-size: 11px;
        line-height: 1.6; }
        .mobile .feedContainer .tileBlock div.notificationBaseCard.tile .notificationText .notificationMainText a, .mobile .feedContainer .tileBlock div.notificationBaseCard.tile.conversationText .notificationMainText a {
          line-height: 1.6; }
      .mobile .feedContainer .tileBlock .alertBarContainer {
        display: inline-block;
        max-width: 203px;
        max-height: 180px;
        overflow: hidden;
        margin-right: 8px; }
        .mobile .feedContainer .tileBlock .alertBarContainer .alertBar {
          padding: 12px;
          height: 180px;
          max-height: 180px; }
          .mobile .feedContainer .tileBlock .alertBarContainer .alertBar > span {
            height: 60px;
            max-height: 60px;
            width: 100%;
            overflow: auto;
            white-space: normal;
            display: block;
            height: 60px; }
          .mobile .feedContainer .tileBlock .alertBarContainer .alertBar i.icon-group-invite {
            font-size: 30px;
            height: 8px; }
      .mobile .feedContainer .tileBlock .alert p {
        font-size: 11px; }
      .mobile .feedContainer .tileBlock .tile {
        width: 169px;
        height: 180px;
        margin-right: 8px;
        margin-bottom: 0;
        white-space: normal;
        background-color: #ffffff;
        padding: 16px;
        -webkit-box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2); }
        .mobile .feedContainer .tileBlock .tile > a {
          padding: 16px;
          margin: -16px; }
        .mobile .feedContainer .tileBlock .tile .icon-x {
          height: 23px;
          width: 23px;
          font-size: 15px;
          color: #dde4e4;
          line-height: 23px; }
        .mobile .feedContainer .tileBlock .tile.getTheApp {
          height: 180px;
          background-image: url(/common/imgs/home/get-the-app-mini.png); }
          .mobile .feedContainer .tileBlock .tile.getTheApp a.appLink-ios {
            top: 127px;
            left: 16px; }
          .mobile .feedContainer .tileBlock .tile.getTheApp a.appLink-android {
            top: 127px;
            left: 87px; }
        .mobile .feedContainer .tileBlock .tile.chromeExtLink {
          padding: 17px; }
          .mobile .feedContainer .tileBlock .tile.chromeExtLink p {
            font-size: 11px; }
          .mobile .feedContainer .tileBlock .tile.chromeExtLink img {
            height: 38px;
            width: 38px;
            margin-top: -5px; }
        .mobile .feedContainer .tileBlock .tile.topArticlesRead .circle.king {
          height: 63px;
          width: 63px; }
          .mobile .feedContainer .tileBlock .tile.topArticlesRead .circle.king i {
            font-size: 50px;
            height: 57px;
            width: 57px;
            line-height: 68px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            overflow: hidden; }
        .mobile .feedContainer .tileBlock .tile.topArticlesRead p {
          line-height: 1.3; }
        .mobile .feedContainer .tileBlock .tile.yourActivity a {
          padding: 16px 7px 0; }
        .mobile .feedContainer .tileBlock .tile.yourActivity p {
          font-size: 11px; }
        .mobile .feedContainer .tileBlock .tile.newGroup p {
          font-size: 12px;
          margin-bottom: 18px; }
        .mobile .feedContainer .tileBlock .tile.newGroup h3 {
          font-size: 18px; }
        .mobile .feedContainer .tileBlock .tile.newGroup button {
          padding: 0 13px; }
        .mobile .feedContainer .tileBlock .tile.suggestedUser {
          padding: 0; }
          .mobile .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .whiteOverlay {
            width: 100%;
            height: 100%; }
          .mobile .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .tileContent {
            width: 100%;
            height: 180px; }
            .mobile .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .tileContent .userImage {
              height: 70px;
              width: 70px;
              left: 0;
              right: 0; }
              .mobile .feedContainer .tileBlock .tile.suggestedUser .userTile.dismissible .tileContent .userImage.default {
                margin-left: auto;
                margin-right: auto; }
        .mobile .feedContainer .tileBlock .tile.newViews .circle i {
          font-size: 40px;
          height: 40px;
          width: 39px; }
        .mobile .feedContainer .tileBlock .tile.articleView .circle .profileAvatar {
          height: 36px;
          width: 36px; }
        .mobile .feedContainer .tileBlock .tile.topArticles i.icon-sparkle {
          font-size: 17px; }
        .mobile .feedContainer .tileBlock .tile.topArticles i.icon-goblet {
          font-size: 32px;
          height: 14px;
          width: 37px; }
        .mobile .feedContainer .tileBlock .tile.topArticles .circle svg {
          margin: -6px 0 0 -6px; }
        .mobile .feedContainer .tileBlock .tile.topArticles .index {
          display: none; }
        .mobile .feedContainer .tileBlock .tile.trendingArticle .fitImage {
          height: 72px;
          margin: -16px -16px 5px;
          width: calc(100% + 32px); }
        .mobile .feedContainer .tileBlock .tile.trendingArticle h3 {
          margin-bottom: 5px;
          font-size: 11px; }
        .mobile .feedContainer .tileBlock .tile.trendingArticle a:last-child {
          padding-top: 0;
          padding-bottom: 0;
          bottom: 2rem; }
        .mobile .feedContainer .tileBlock .tile.notificationBaseCard .indicators {
          height: 18px;
          width: 18px; }
          .mobile .feedContainer .tileBlock .tile.notificationBaseCard .indicators i.dot {
            font-size: 15px;
            height: 23px;
            width: 23px;
            line-height: 23px; }
        .mobile .feedContainer .tileBlock .tile.newFollower .circle img,
        .mobile .feedContainer .tileBlock .tile.newFollower .circle i,
        .mobile .feedContainer .tileBlock .tile.N_new_follower .circle img,
        .mobile .feedContainer .tileBlock .tile.N_new_follower .circle i,
        .mobile .feedContainer .tileBlock .tile.N_new_linkedin_connection_joined .circle img,
        .mobile .feedContainer .tileBlock .tile.N_new_linkedin_connection_joined .circle i,
        .mobile .feedContainer .tileBlock .tile.N_group_access_requested .circle img,
        .mobile .feedContainer .tileBlock .tile.N_group_access_requested .circle i {
          height: 67px;
          width: 67px; }
        .mobile .feedContainer .tileBlock .tile.N_collect_post .circle i, .mobile .feedContainer .tileBlock .tile.N_new_content_in_collection .circle i, .mobile .feedContainer .tileBlock .tile.articleCollected .circle i {
          font-size: 28px;
          height: 28px;
          width: 36px; }
        .mobile .feedContainer .tileBlock .tile .userAvatars a {
          height: 25px;
          width: 25px;
          margin-right: 6px; }
          .mobile .feedContainer .tileBlock .tile .userAvatars a i.icon-user, .mobile .feedContainer .tileBlock .tile .userAvatars a img {
            height: 25px;
            width: 25px;
            line-height: 28px;
            font-size: 22px; }
        .mobile .feedContainer .tileBlock .tile .userAvatars .moreUsers {
          height: 25px;
          width: 25px;
          line-height: 25px;
          font-size: 9px; }
        .mobile .feedContainer .tileBlock .tile .circle {
          height: 73px;
          width: 73px;
          border-width: 3px;
          margin-bottom: 7px; }
          .mobile .feedContainer .tileBlock .tile .circle .icon-user {
            font-size: 60px;
            line-height: 80px; }
          .mobile .feedContainer .tileBlock .tile .circle .insight {
            margin-top: 14px; }
            .mobile .feedContainer .tileBlock .tile .circle .insight .icon-lightbulb {
              font-size: 42px; }
            .mobile .feedContainer .tileBlock .tile .circle .insight .icon-lightbulb-fill {
              font-size: 31px; }
        .mobile .feedContainer .tileBlock .tile h6 {
          font-size: 8px;
          margin-bottom: 10px; }
        .mobile .feedContainer .tileBlock .tile h4 {
          font-size: 13px; }
        .mobile .feedContainer .tileBlock .tile h3 {
          font-size: 1.6rem; }
        .mobile .feedContainer .tileBlock .tile blockquote {
          font-size: 11px;
          line-height: 15px;
          margin-left: 5px;
          padding-left: 5px; }
          .mobile .feedContainer .tileBlock .tile blockquote:before {
            font-size: 30px;
            line-height: 33px;
            left: -18px; } }

.extensionView {
  background: transparent url(/common/imgs/login.jpg) 50% 50% no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  overflow: hidden; }
  .extensionView .declaraLogo {
    width: 13.8rem;
    height: 3.9rem;
    background: transparent url(/common/imgs/Declara_Logo_White.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: 45px;
    left: 120px; }
  .extensionView .extensionMessage {
    margin: 180px auto 0 auto;
    padding: 0 80px;
    text-align: center; }
  .extensionView h1 {
    font-weight: 400;
    color: #ffffff; }
  .extensionView span {
    color: #ffffff;
    font-size: 1.3rem; }
  .extensionView button {
    margin-top: 40px;
    display: block;
    height: 4rem;
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 4rem; }

.profileHeader {
  position: relative;
  z-index: 1;
  /* Edit mode */ }
  .profileHeader svg {
    width: 100%; }
  .profileHeader .profileInfoContainer {
    position: relative;
    max-width: 850px;
    min-height: 187px;
    margin: 0 auto -43px;
    padding-top: 35px;
    padding-bottom: 43px;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .profileHeader .profileInfoContainer .profilePicCol {
      float: left;
      padding-right: 25px;
      margin-bottom: -43px; }
      .profileHeader .profileInfoContainer .profilePicCol .profilePic {
        position: relative;
        width: 180px;
        height: 180px;
        z-index: 3;
        background-color: #dde4e4;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid #ffffff;
        -webkit-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        z-index: 2; }
        .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileImg {
          z-index: 2;
          width: 100%;
          height: 100%;
          position: static;
          text-align: right;
          display: inline-block; }
          .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileImg.default.icon-user {
            font-size: 180px;
            -webkit-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
        .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar {
          position: absolute;
          z-index: 2;
          bottom: 0;
          width: 100%;
          -webkit-border-radius: 4px 0;
          -moz-border-radius: 4px 0;
          -ms-border-radius: 4px 0;
          -o-border-radius: 4px 0;
          border-radius: 4px 0;
          overflow: hidden; }
          .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label {
            opacity: 1;
            -webkit-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s; }
          .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload {
            height: 36px;
            margin: 0;
            padding: 0 10px;
            background-color: rgba(0, 0, 0, 0.1);
            color: #ffffff;
            text-align: right;
            line-height: 36px; }
            .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload img {
              display: none; }
            .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload span {
              color: #ffffff;
              letter-spacing: 1px;
              font-family: "MuseoSansRounded300", "Arial", sans-serif;
              font-size: 1.1rem;
              font-weight: bold;
              text-align: left;
              float: left; }
            .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload i.icon-camera {
              display: inline;
              width: auto;
              height: auto;
              background-color: transparent;
              -webkit-border-radius: 0;
              -moz-border-radius: 0;
              -ms-border-radius: 0;
              -o-border-radius: 0;
              border-radius: 0;
              font-size: 1.8rem;
              line-height: 36px; }
          .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar .fileLabel {
            display: block;
            opacity: 0;
            height: 174px;
            cursor: pointer;
            width: 100%;
            position: absolute;
            top: -238%;
            font-size: 100px; }
    .profileHeader .profileInfoContainer .profileDetailsCol {
      position: relative;
      float: left;
      width: calc(100% - 180px - 180px);
      -webkit-transition: none;
      -ms-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none;
      min-height: 125px; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileName {
        -webkit-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileName md-input-container {
          margin-right: 5px; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileName h1 {
          color: #ffffff;
          margin-bottom: 0;
          word-break: break-word;
          white-space: normal;
          -webkit-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          line-height: 1.3; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px 8px 0;
        z-index: 1; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container input {
          background-color: rgba(0, 0, 0, 0.1);
          border: 1px solid transparent;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          color: #ffffff;
          text-align: left;
          margin-bottom: 0;
          white-space: nowrap;
          word-wrap: inherit;
          height: 30px !important;
          padding: 0 5px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: 1.2rem; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container input.ng-invalid.ng-invalid-required, .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container input.ng-invalid.ng-invalid-maxlength {
            border: solid 1px #f65950; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container input:focus {
            border: solid 1px #017064; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container i[class*='icon'] {
          position: absolute;
          right: 10px;
          top: 10px; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container i.icon-check {
          color: #26b099; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container i.icon-alert {
          color: #f65950;
          right: auto;
          left: 180px;
          font-size: 1.2rem; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container .md-placeholder {
          position: absolute;
          z-index: -1;
          width: 100%;
          font-size: 1.1rem;
          font-weight: 700;
          margin: -20px 0 0 10px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: #ffffff; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container .md-char-counter {
          margin-top: 5px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: 1rem;
          color: #ffffff;
          text-align: right; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails md-input-container.md-input-has-value .md-placeholder {
          display: none; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow {
        line-height: 1.9;
        margin-bottom: 1rem; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .separator {
          display: inline-block;
          margin-right: 8px;
          border-right: solid 1px #ffffff;
          color: #ffffff;
          line-height: 1.5; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .itemEdit {
          padding: 0 0 0 5px; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .itemEdit.first-child {
            padding-left: 0; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .itemEdit.lastItem {
            top: 0 !important; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow.editRow {
          line-height: 1; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .profileItem {
          position: relative;
          padding-right: 5px;
          color: #ffffff;
          font-size: 1.4rem;
          line-height: 1.5; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .profileItem .alert {
            color: solid 1px #f65950;
            border-color: #f65950; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .profileItem .separator {
            padding-left: 5px; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .profileItem span {
            margin-bottom: 0;
            font-family: "MuseoSansRounded100", "Arial", sans-serif; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .detailsRow .profileItem:last-of-type {
            border: none; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileEntry {
        border-bottom: 1px dashed #ffffff; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input {
        display: inline-block;
        border-bottom: 1px dashed #ffffff;
        margin-bottom: 0;
        position: relative;
        z-index: 2; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input label, .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input .msg {
          color: #ffffff; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input .msg {
          min-height: 10px;
          height: 30px;
          padding-top: 10px;
          background: none; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input {
          background-color: rgba(0, 0, 0, 0.1);
          border: 1px solid transparent;
          color: #ffffff;
          height: auto;
          font-size: 1.2rem;
          margin-bottom: 0;
          padding-left: 0;
          padding-right: 0;
          padding-bottom: 0;
          width: auto; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input:focus {
            border: solid 1px #017064; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input::-webkit-input-placeholder {
            color: #ffffff;
            font-style: normal; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input:-moz-placeholder {
            color: #ffffff;
            font-style: normal; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input::-moz-placeholder {
            color: #ffffff;
            font-style: normal; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input input:-ms-input-placeholder {
            color: #ffffff;
            font-style: normal; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .input .profileJobInput:after {
          position: relative;
          content: 'at'; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileMoreInfo.emailEdit .profileItem {
        padding-left: 0; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileMoreInfo .profileItem {
        padding-left: 0;
        color: #ffffff;
        font-size: 1.4rem; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileMoreInfo .profileItem:after {
          display: none; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileMoreInfo .profileItem:showBoth:after {
          display: block; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileMoreInfo .profileItem .emails {
          padding-bottom: 10px; }
      .profileHeader .profileInfoContainer .profileDetailsCol .profileButtons {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -118px;
        width: 100px;
        margin-left: 25px;
        text-align: center; }
        .profileHeader .profileInfoContainer .profileDetailsCol .profileButtons button {
          width: 118px; }
          .profileHeader .profileInfoContainer .profileDetailsCol .profileButtons button.edit {
            width: auto; }
  .profileHeader .alertBar {
    position: relative;
    padding: 20px 0;
    z-index: 2;
    clear: both; }
    .profileHeader .alertBar .alertBar-content {
      max-width: 850px;
      margin: 0 auto; }
      .profileHeader .alertBar .alertBar-content span {
        display: inline; }
      .profileHeader .alertBar .alertBar-content i {
        font-size: 2rem;
        vertical-align: middle;
        display: inline-block; }
      .profileHeader .alertBar .alertBar-content a {
        color: #ffffff;
        font-family: "MuseoSansRounded900", "Arial", sans-serif; }
  .profileHeader .profileSubNav {
    position: relative;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    z-index: 1;
    width: 100%;
    height: 58px;
    background: #ffffff;
    border-bottom: solid 1px #dde4e4;
    text-align: center;
    line-height: 58px; }
    .mobile .profileHeader .profileSubNav {
      border-bottom: 0 none; }
    .profileHeader .profileSubNav ul {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      justify-content: space-between;
      flex-direction: row;
      max-width: 850px;
      width: 100%;
      margin: 0 auto;
      white-space: nowrap;
      -webkit-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .profileHeader .profileSubNav ul li {
        -webkit-box-grow: 1;
        -moz-box-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        border-bottom: solid 2px transparent;
        font-size: 1.2rem;
        color: #29c896;
        text-transform: uppercase;
        letter-spacing: 1px; }
        .profileHeader .profileSubNav ul li.selected h6 {
          border-bottom: solid 1px #29c896;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          color: #3b3d40; }
        .profileHeader .profileSubNav ul li a {
          display: block; }
          .profileHeader .profileSubNav ul li a:hover h6 {
            border-bottom: solid 1px #29c896; }
        .profileHeader .profileSubNav ul li h6 {
          display: inline-block;
          margin-bottom: 0;
          padding: 22px 0 21px;
          border-bottom: solid 1px transparent;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1.2rem;
          color: #29c896; }
  .profileHeader.editProfile .profileInfoContainer {
    margin-bottom: 0; }
    .profileHeader.editProfile .profileInfoContainer .infographic {
      bottom: 0; }
    .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail input[aria-invalid=true] {
      border: 1px solid #f65950; }
    .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail.emailCheckbox {
      display: block; }
    .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .validateField {
      display: inline-block; }
      .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .validateField i {
        left: 100%;
        padding: 0 8px; }
      .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .validateField .msg {
        margin-left: 10px; }
    .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input {
      border-bottom: none; }
      .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input input[type="text"], .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input textarea {
        height: 30px !important;
        width: 200px;
        padding: 0 5px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        font-size: 1.2rem; }
    .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileButtons .editButtons button {
      width: 100px;
      margin: 5px 0; }
  .profileHeader.editProfile .profileSubNav ul {
    padding-left: 0; }

.profileToggleContainer {
  background: white; }

.profileFollowToggle {
  display: table;
  margin: 30px auto;
  background: #ffffff;
  margin: auto;
  -webkit-transition: padding 0.3s;
  -ms-transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s; }
  .profileFollowToggle a {
    display: table-cell;
    padding: 10px 30px;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-size: 1.3rem;
    color: #95a6a6;
    letter-spacing: 1px;
    line-height: 1.5; }
    .profileFollowToggle a.activeToggle {
      color: #3b3d40;
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
      .profileFollowToggle a.activeToggle .followCount {
        background: #29c896;
        color: #ffffff; }
    .profileFollowToggle a.collectionsFollowed {
      border-right: 2px solid #dde4e4; }
    .profileFollowToggle a:hover {
      text-decoration: none; }
    .profileFollowToggle a .followCount {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      background: #eceeee;
      color: #29c896;
      display: inline-block;
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      font-size: 1rem;
      line-height: 1.5;
      padding: 2px 8px;
      margin-left: 10px; }

/* When scrolling down */
.shrink + .profileSection, .slackify.mobile + .profileSection {
  padding-top: 260px; }

.shrink .profileHeader, .slackify.mobile .profileHeader {
  z-index: 2;
  position: fixed;
  width: 100%;
  top: 56px; }
  .shrink .profileHeader .cgContainer, .slackify.mobile .profileHeader .cgContainer {
    width: 50%; }
  .shrink .profileHeader .profileInfoContainer, .slackify.mobile .profileHeader .profileInfoContainer {
    min-height: initial;
    margin-bottom: 0;
    padding: 10px 0; }
    .shrink .profileHeader .profileInfoContainer .infographic, .slackify.mobile .profileHeader .profileInfoContainer .infographic {
      bottom: 0; }
    .shrink .profileHeader .profileInfoContainer .profilePicCol, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol {
      height: 70px;
      padding-left: 0;
      padding-top: 0;
      position: static;
      text-align: right; }
      .shrink .profileHeader .profileInfoContainer .profilePicCol .profilePic, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic {
        height: 70px;
        width: 70px;
        position: static;
        display: inline-block; }
        .shrink .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label,
        .shrink .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar .profileImageCropArea, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar .profileImageCropArea {
          height: 0;
          opacity: 0;
          width: 0;
          padding: 0;
          overflow: hidden; }
        .shrink .profileHeader .profileInfoContainer .profilePicCol .profilePic img, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic img {
          position: static; }
      .shrink .profileHeader .profileInfoContainer .profilePicCol .profileImg.default.icon-user, .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol .profileImg.default.icon-user {
        font-size: 66px; }
    .shrink .profileHeader .profileInfoContainer .profileDetailsCol, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol {
      width: calc(100% - 70px - 180px);
      min-height: initial; }
      .shrink .profileHeader .profileInfoContainer .profileDetailsCol .profileName, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileName {
        padding-bottom: 0; }
        .shrink .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1 {
          font-size: 2.9rem;
          line-height: 70px;
          white-space: nowrap; }
      .shrink .profileHeader .profileInfoContainer .profileDetailsCol .detailsRow, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .detailsRow, .shrink .profileHeader .profileInfoContainer .profileDetailsCol .profileMoreInfo, .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileMoreInfo {
        display: none; }
  .shrink .profileHeader .profileSubNav ul, .slackify.mobile .profileHeader .profileSubNav ul {
    padding-left: 0; }
    .shrink .profileHeader .profileSubNav ul li, .slackify.mobile .profileHeader .profileSubNav ul li {
      border-bottom: solid 2px transparent;
      font-size: 1.1rem;
      text-align: center; }
      .shrink .profileHeader .profileSubNav ul li.active .subNavItem, .slackify.mobile .profileHeader .profileSubNav ul li.active .subNavItem {
        padding-bottom: 3px;
        border-bottom: solid 2px #29c896;
        color: #3b3d40; }
  .shrink .profileHeader h1, .slackify.mobile .profileHeader h1 {
    font-size: 2.9rem; }
  .shrink .profileHeader .detailsRow, .slackify.mobile .profileHeader .detailsRow {
    display: none; }
  .shrink .profileHeader .profileName, .slackify.mobile .profileHeader .profileName {
    padding-bottom: 0; }

@media screen and (max-width: 991px) {
  .mobile {
    /* When scrolling down */ }
    .mobile .profileHeader .profileInfoContainer .infographic {
      left: -22px; }
    .mobile .profileHeader .profileInfoContainer .profilePicCol {
      padding-left: 45px; }
      .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic {
        top: 0;
        height: 110px;
        width: 110px; }
        .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileImg.default.icon-user {
          font-size: 110px; }
        .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload {
          height: 30px;
          padding: 0 5px;
          line-height: 30px; }
          .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload i.icon-camera {
            font-size: 1.2rem;
            line-height: 30px; }
          .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload span {
            font-size: 1rem; }
    .mobile .profileHeader .profileInfoContainer .profileDetailsCol {
      width: calc(100% - 110px - 225px);
      min-height: 60px;
      padding-left: 0;
      padding-right: 2rem; }
      .mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileButtons {
        margin-right: 15px; }
    .mobile .profileHeader .alertBar .alertBar-content {
      padding: 0 15px; }
    .mobile .profileHeader .profileSubNav ul {
      padding: 0 15px; }
      .mobile .profileHeader .profileSubNav ul li {
        text-align: center; }
    .mobile .shrink .profileHeader .profileInfoContainer .profilePicCol, .mobile .slackify.mobile .profileHeader .profileInfoContainer .profilePicCol {
      padding-left: 15px; } }

@media screen and (max-width: 767px) {
  .mobile .profileHeader {
    padding-top: 8px;
    /* Edit mode */
    /* When scrolling down */ }
    .mobile .profileHeader .cgContainer {
      margin: 0 8px;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      -webkit-border-radius: 6px 6px 0 0;
      -moz-border-radius: 6px 6px 0 0;
      -ms-border-radius: 6px 6px 0 0;
      -o-border-radius: 6px 6px 0 0;
      border-radius: 6px 6px 0 0;
      overflow: hidden; }
    .mobile .profileHeader .profileInfoContainer {
      min-height: initial;
      margin: 0 auto;
      padding-top: 15px; }
      .mobile .profileHeader .profileInfoContainer .infographic {
        bottom: 0; }
      .mobile .profileHeader .profileInfoContainer .profilePicCol {
        padding-left: 15px; }
        .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic {
          width: 50px;
          height: 50px; }
          .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar {
            bottom: -2px; }
            .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload {
              height: 50px;
              padding: 17px 3px 0;
              line-height: initial; }
              .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload span {
                text-align: center; }
              .mobile .profileHeader .profileInfoContainer .profilePicCol .profilePic .profileAvatar label.imageUpload i.icon-camera {
                display: none; }
      .mobile .profileHeader .profileInfoContainer .profileDetailsCol {
        width: calc(100% - 50px - 40px); }
        .mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails {
          padding-bottom: 15px; }
          .mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails h1 {
            font-size: 2rem; }
          .mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileDetails .profileItem span {
            line-height: 1.5; }
        .mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileButtons {
          position: static;
          margin-left: 0;
          text-align: left; }
    .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails md-input-container {
      width: 100%; }
      .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails md-input-container input {
        width: 100%; }
    .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input {
      width: 100%; }
      .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input input[type="text"], .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileDetails .profileShowEmail .input textarea {
        width: 100%; }
    .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileButtons {
      width: 100%;
      padding-top: 15px; }
      .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileButtons button {
        display: inline-block;
        width: auto; }
        .mobile .profileHeader.editProfile .profileInfoContainer .profileDetailsCol .profileButtons button.cancel {
          margin-right: 8px; }
    .mobile .profileHeader .shrink .profileHeader .profileInfoContainer .profileDetailsCol, .mobile .profileHeader .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol {
      width: calc(100% - 70px - 40px); }
      .mobile .profileHeader .shrink .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1, .mobile .profileHeader .slackify.mobile .profileHeader .profileInfoContainer .profileDetailsCol .profileName h1 {
        padding-bottom: 15px;
        font-size: 2rem;
        line-height: inherit; }
    .mobile .profileHeader .shrink .profileSubNav ul li, .mobile .profileHeader .slackify.mobile .profileSubNav ul li {
      letter-spacing: 0; }
    .mobile .profileHeader .profileSubNav {
      margin-top: 40px;
      display: block;
      height: auto; }
      .mobile .profileHeader .profileSubNav.isAbout {
        padding: 0 8px; }
        .mobile .profileHeader .profileSubNav.isAbout ul {
          background-color: #ffffff;
          padding: 10px 10px 0;
          -webkit-border-radius: 0 0 6px 6px;
          -moz-border-radius: 0 0 6px 6px;
          -ms-border-radius: 0 0 6px 6px;
          -o-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
          -webkit-box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2); }
      .mobile .profileHeader .profileSubNav ul {
        display: block; }
        .mobile .profileHeader .profileSubNav ul li a:active, .mobile .profileHeader .profileSubNav ul li a:hover {
          text-decoration: none; }
          .mobile .profileHeader .profileSubNav ul li a:active h6, .mobile .profileHeader .profileSubNav ul li a:hover h6 {
            border-bottom: none; }
        .mobile .profileHeader .profileSubNav ul .backButton.noShow {
          display: none; }
        .mobile .profileHeader .profileSubNav ul .backButton a {
          display: inline-block;
          float: left;
          color: #3b3d40;
          width: 100%;
          text-align: center; }
          .mobile .profileHeader .profileSubNav ul .backButton a i {
            float: left;
            line-height: 60px; }
        .mobile .profileHeader .profileSubNav ul .backButton h6 {
          color: #3b3d40;
          text-transform: none;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          letter-spacing: 0;
          text-align: center;
          font-size: 14px; }
          .mobile .profileHeader .profileSubNav ul .backButton h6 u {
            text-decoration: none; }
        .mobile .profileHeader .profileSubNav ul .navItem {
          display: block;
          text-align: left;
          position: relative;
          border-bottom: solid 1px #dde4e4; }
          .mobile .profileHeader .profileSubNav ul .navItem.selected h6 {
            border-bottom-color: transparent; }
          .mobile .profileHeader .profileSubNav ul .navItem.profileCollectionsFollowedSubNav, .mobile .profileHeader .profileSubNav ul .navItem.profileFollowersSubNav, .mobile .profileHeader .profileSubNav ul .navItem.profileAboutSubNav {
            display: none; }
          .mobile .profileHeader .profileSubNav ul .navItem.profileAuthoredSubNav {
            border-bottom: none 0; }
          .mobile .profileHeader .profileSubNav ul .navItem h6 {
            font-size: 1.4rem; }
          .mobile .profileHeader .profileSubNav ul .navItem a, .mobile .profileHeader .profileSubNav ul .navItem a h6 {
            color: #3b3d40;
            display: block; }
          .mobile .profileHeader .profileSubNav ul .navItem h6 {
            padding-right: 45px;
            text-transform: none; }
          .mobile .profileHeader .profileSubNav ul .navItem span {
            float: right;
            display: inline-block; }
          .mobile .profileHeader .profileSubNav ul .navItem:after {
            content: '\e653';
            position: absolute;
            font-family: 'icomoon';
            color: #3b3d40;
            right: 5px;
            top: 9px;
            bottom: 0;
            margin: auto;
            height: 19px;
            line-height: 1;
            font-size: 10px; }
  .mobile .noTopPadding .profileHeader {
    padding-top: 0; }
  .mobile .profileFollowToggle a.collectionsFollowed, .mobile .profileFollowToggle a.peopleFollowed {
    padding: 5px 15px; }
  .mobile .profileFollowToggle a .followCount {
    margin-left: 5px; }
  .mobile .contentView {
    padding: 0 15px; }
  .mobile .profileInsightView {
    padding: 0 15px; } }

@media screen and (max-width: 600px) {
  .mobile .profileView .profileSections .shrink .profileHeader, .mobile .profileView .profileSections .slackify.mobile .profileHeader {
    position: static; }
  .mobile .profileView .profileSections .shrink + .profileSection, .mobile .profileView .profileSections .slackify.mobile + .profileSection {
    padding-top: 0; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .profileHeader .profileSubNav ul li {
    width: 15%; } }

.profileAboutView {
  max-width: 850px;
  margin: 0 auto 0;
  padding: 45px 20px 0;
  position: relative; }
  .profileAboutView h6 {
    font-size: 1.5rem;
    color: #3b3d40;
    text-align: center;
    margin-bottom: 20px; }
  .profileAboutView h3 {
    font-size: 2.4rem;
    margin-bottom: 2.2rem; }
  .profileAboutView .emptyMsg {
    text-align: center;
    padding: 20px; }
    .profileAboutView .emptyMsg p {
      max-width: none;
      margin-bottom: 20px; }
  .profileAboutView .icon-up, .profileAboutView .icon-down {
    height: 0;
    display: inline-block;
    width: 10px;
    border: solid 1px transparent;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #29c896 transparent; }
  .profileAboutView .icon-down {
    border-width: 10px 5px 0 5px;
    border-top-color: #f65950; }
  .profileAboutView .icon-same {
    height: 4px;
    width: 13px;
    background-color: #eceeee;
    display: inline-block; }
  .profileAboutView .new {
    background-color: rgba(210, 111, 201, 0.9);
    height: 23px;
    line-height: 23px;
    width: 44px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    text-align: center; }
  .profileAboutView .rank {
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
    border: solid 1px #29c896;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #29c896;
    display: inline-block;
    text-align: center;
    background-color: #ffffff; }
  .profileAboutView .controls {
    font-size: 14px;
    color: #95a6a6;
    margin-bottom: -1px; }
    .profileAboutView .controls a {
      cursor: pointer;
      border-bottom: solid 1px transparent;
      height: 38px;
      display: inline-block;
      margin: 0 10px; }
      .profileAboutView .controls a:first-child {
        margin-left: 0; }
      .profileAboutView .controls a.active {
        font-family: "MuseoSansRounded500", "Arial", sans-serif;
        color: #3b3d40;
        border-bottom-color: #29c896; }
  .profileAboutView .nakedBrain {
    float: right;
    font-size: 1.5rem; }
  .profileAboutView .unlockJournal {
    max-width: 495px;
    background-color: #ffffff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    margin: auto;
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    z-index: 1; }
    .profileAboutView .unlockJournal h3 {
      margin-bottom: 10px; }
      .profileAboutView .unlockJournal h3:last-child {
        margin-bottom: 0; }
    .profileAboutView .unlockJournal p {
      margin-bottom: 15px;
      font-size: 1.5rem;
      line-height: 1.2; }
      .profileAboutView .unlockJournal p:last-child {
        margin-bottom: 0; }
    .profileAboutView .unlockJournal ~ .profileActivityView .graph {
      z-index: -1;
      -webkit-filter: blur(2px); }
      .profileAboutView .unlockJournal ~ .profileActivityView .graph svg {
        filter: blur(2px); }
    .profileAboutView .unlockJournal.noGraph ~ .profileActivityView .toutBlock, .profileAboutView .unlockJournal.noGraph ~ .profileActivityView .graphTout {
      -webkit-filter: blur(2px);
      -moz-filter: blur(2px);
      filter: blur(2px);
      filter: blur(2px); }
    .profileAboutView .unlockJournal.noData {
      top: auto; }
      .profileAboutView .unlockJournal.noData ~ .leaderBoard, .profileAboutView .unlockJournal.noData ~ .profileActivityView .toutBlock, .profileAboutView .unlockJournal.noData ~ .profileActivityView .graphTout {
        -webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        filter: blur(2px);
        filter: blur(2px); }
        .profileAboutView .unlockJournal.noData ~ .leaderBoard .controls a, .profileAboutView .unlockJournal.noData ~ .profileActivityView .toutBlock .controls a, .profileAboutView .unlockJournal.noData ~ .profileActivityView .graphTout .controls a {
          cursor: default;
          color: #3b3d40; }
          .profileAboutView .unlockJournal.noData ~ .leaderBoard .controls a:hover, .profileAboutView .unlockJournal.noData ~ .profileActivityView .toutBlock .controls a:hover, .profileAboutView .unlockJournal.noData ~ .profileActivityView .graphTout .controls a:hover {
            color: #3b3d40;
            text-decoration: none; }
      .profileAboutView .unlockJournal.noData ~ .profileActivityView .controls a {
        cursor: default;
        color: #3b3d40; }
        .profileAboutView .unlockJournal.noData ~ .profileActivityView .controls a:hover {
          color: #3b3d40;
          text-decoration: none; }
    .profileAboutView .unlockJournal.otherUser {
      top: 145px; }
  .profileAboutView .inView {
    height: 1px; }
  .profileAboutView .table {
    width: 100%;
    -webkit-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .profileAboutView .table.fade {
      opacity: 0; }
    .profileAboutView .table .head {
      padding-left: 10px;
      padding-right: 10px; }
    .profileAboutView .table .head .th {
      font-size: 14px;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      color: #95a6a6;
      text-transform: uppercase;
      display: inline-block;
      cursor: default;
      margin-bottom: -1px;
      height: 38px; }
      .profileAboutView .table .head .th:last-child {
        text-align: right;
        float: right; }
    .profileAboutView .table .tr {
      border-bottom: solid 2px #eceeee;
      max-height: 70px;
      overflow: hidden;
      -webkit-transition: max-height 0.3s;
      -ms-transition: max-height 0.3s;
      -moz-transition: max-height 0.3s;
      -o-transition: max-height 0.3s;
      transition: max-height 0.3s; }
    .profileAboutView .table .topic {
      background: #ffffff; }
      .profileAboutView .table .topic .rank {
        -webkit-transition: background-color 0.3s, color 0.3s;
        -ms-transition: background-color 0.3s, color 0.3s;
        -moz-transition: background-color 0.3s, color 0.3s;
        -o-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s; }
      .profileAboutView .table .topic.expanded {
        max-height: 700px; }
        .profileAboutView .table .topic.expanded .rank {
          background-color: #29c896;
          color: #ffffff; }
      .profileAboutView .table .topic .tr {
        padding-left: 10px;
        padding-right: 10px; }
        .profileAboutView .table .topic .tr:hover {
          background-color: #eceeee;
          cursor: pointer; }
    .profileAboutView .table .cell {
      height: 68px;
      line-height: 68px;
      font-size: 20px;
      display: inline-block;
      vertical-align: top; }
      .profileAboutView .table .cell.topicName {
        width: 74%; }
        .profileAboutView .table .cell.topicName span {
          display: inline-block;
          vertical-align: top;
          max-width: 80%; }
      .profileAboutView .table .cell:first-child {
        width: 39px; }
      .profileAboutView .table .cell.read {
        text-align: right;
        float: right;
        color: #29c896;
        cursor: pointer; }
    .profileAboutView .table.mine .cell:nth-child(3n), .profileAboutView .table.mine .th:nth-child(2n) {
      text-align: right;
      width: 75px;
      float: right; }
    .profileAboutView .table.mine .cell:last-child, .profileAboutView .table.mine .th:last-child {
      width: 46px;
      float: right; }
  .profileAboutView .checkbox {
    line-height: 12px;
    text-align: left; }
  .profileAboutView .articles {
    padding: 0 0 0 39px; }

.profileView .profileSections .profileSection .profileAboutView .tileContent {
  border: 1px solid #dde4e4;
  border-width: 0 0 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content {
  overflow: hidden;
  padding: 1.5rem 0; }
  .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content h3 {
    margin: 0 0 20px; }
  .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .othersList {
    max-height: calc(100vh - 100px);
    overflow: auto;
    padding: 20px; }
    .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .othersList .noArticles {
      margin: 0 15px 10px;
      padding: 0 0 10px;
      font-size: 1.3rem; }
  .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile a.tileAnchor {
    display: block; }
  .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent {
    padding: 0;
    min-height: 156px; }
    .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent h3 {
      margin: 0 0 10px;
      padding: 0 0 10px;
      font-size: 1.3rem; }
    .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .imageContainer {
      width: 100%;
      height: 70px;
      margin-bottom: 15px; }
      .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .imageContainer .groovyFitImage {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0; }
    .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .contentDetails {
      padding: 10px;
      width: 100%; }
      .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .contentDetails .contentBottom .contentShareAndLikes .showIcons {
        width: 80px; }

@media screen and (max-width: 900px) {
  .mobile .profileAboutView {
    padding: 45px 50px 0 50px; } }

@media screen and (max-width: 768px) {
  .mobile .profileAboutView {
    background-color: #dde4e4;
    padding: 0 8px;
    margin-top: 21px; }
    .mobile .profileAboutView .unlockJournal {
      max-width: 85%; }
    .mobile .profileAboutView .table {
      background-color: #ffffff;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
      .mobile .profileAboutView .table .topic {
        padding: 0 10px; }
      .mobile .profileAboutView .table .tr {
        border-bottom-width: 1px; }
      .mobile .profileAboutView .table .cell {
        font-size: 14px;
        height: 50px;
        line-height: 50px; }
        .mobile .profileAboutView .table .cell.read {
          width: 36px; }
        .mobile .profileAboutView .table .cell:first-child {
          display: none; }
        .mobile .profileAboutView .table .cell.topicName {
          width: 70%; }
        .mobile .profileAboutView .table .cell:nth-child(3n) {
          width: 45px; }
      .mobile .profileAboutView .table .th {
        font-size: 11px;
        height: 40px;
        line-height: 40px; }
      .mobile .profileAboutView .table .head {
        border-bottom: solid 1px #f2f4f4;
        padding: 0 17px; }
      .mobile .profileAboutView .table.mine .cell:nth-child(3n) {
        width: 45px; }
        .mobile .mobile .profileAboutView .table.mine .cell:nth-child(3n) {
          display: none; }
      .mobile .profileAboutView .table.mine .th:last-child {
        width: 106px; }
  .mobile .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content h3 {
    font-size: 1.3rem; }
  .mobile .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .contentDetails .contentBottom {
    bottom: 0; }
    .mobile .articlesReadListView.declaraModal .declaraModal-wrapper .declaraModal-content .contentTile .tileContent .contentDetails .contentBottom .contentShareAndLikes .showIcons {
      width: 130px; } }

#imageModal {
  text-align: center; }
  #imageModal img-crop {
    height: 275px;
    width: 100%;
    margin-bottom: 2rem; }
  #imageModal canvas {
    border-radius: 0.5rem; }
  #imageModal p {
    font-size: 1.1rem; }

.profileView {
  padding-bottom: 8rem;
  width: 100%; }
  .profileView h5 {
    margin-bottom: 1em;
    font-weight: bold; }
  .profileView .tooltip {
    background-color: #eceeee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 3px 6px;
    cursor: help; }
  .profileView .profileSections .profileSection {
    z-index: 2;
    position: relative;
    background: #eceeee; }
    .profileView .profileSections .profileSection .profileInsightView,
    .profileView .profileSections .profileSection .profileFollowersView,
    .profileView .profileSections .profileSection .profileFollowingView {
      max-width: 757px;
      margin-top: 30px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    .profileView .profileSections .profileSection .profileInsightView {
      margin-top: 0;
      max-width: 630px;
      padding-top: 25px; }
      .profileView .profileSections .profileSection .profileInsightView .userInsightCard {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 35px;
        padding: 25px 35px;
        background: #ffffff;
        cursor: pointer;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 0 2px #95a6a6;
        -moz-box-shadow: 0 0 2px #95a6a6;
        box-shadow: 0 0 2px #95a6a6; }
        .profileView .profileSections .profileSection .profileInsightView .userInsightCard:hover {
          -webkit-box-shadow: 0 2px 6px #95a6a6;
          -moz-box-shadow: 0 2px 6px #95a6a6;
          box-shadow: 0 2px 6px #95a6a6; }
        .profileView .profileSections .profileSection .profileInsightView .userInsightCard.active {
          -webkit-box-shadow: 0 0 0 2px #95a6a6;
          -moz-box-shadow: 0 0 0 2px #95a6a6;
          box-shadow: 0 0 0 2px #95a6a6; }
        .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails {
          float: left;
          position: relative; }
          .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails h3 {
            overflow: visible;
            margin-bottom: 2rem; }
          .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails a {
            color: #3b3d40; }
            .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails a:hover {
              text-decoration: none; }
          .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer {
            margin-top: 15px;
            margin-bottom: 1rem;
            overflow: visible; }
            .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer:last-child {
              margin-bottom: 0; }
            .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer .insightTextContainer {
              position: relative;
              display: inline-block;
              padding: 3px 10px;
              vertical-align: top;
              background-color: #fcf9eb;
              border-left: 1px solid #f4b737;
              font-size: 1.5rem;
              font-family: "RooneyLight", Times, "Times New Roman", serif;
              color: #3b3d40;
              line-height: 1.6;
              cursor: pointer;
              word-break: break-word; }
              .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer .insightTextContainer .icon-quote {
                position: absolute;
                top: -6px;
                left: -25px;
                height: 30px;
                color: #f4b737;
                font-size: 2.4rem; }
              .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer .insightTextContainer a {
                color: #3b3d40; }
                .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer .insightTextContainer a:hover {
                  text-decoration: none; }
                .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer .insightTextContainer a .annotator-hl {
                  padding: 0;
                  background: none;
                  word-break: break-word; }
    .profileView .profileSections .profileSection .profileFollowersView .userTileContainer,
    .profileView .profileSections .profileSection .profileFollowingView .userTileContainer {
      display: inline-block; }
    .profileView .profileSections .profileSection .profileFollowersView {
      margin-top: 0;
      padding-top: 45px; }
    .profileView .profileSections .profileSection .collectionsContainer {
      padding-top: 45px;
      margin: 0 auto; }
    .profileView .profileSections .profileSection .userTile,
    .profileView .profileSections .profileSection .collectionTile,
    .profileView .profileSections .profileSection .ghostCard {
      display: inline-block;
      margin: 0 1rem 2.5rem; }
    .profileView .profileSections .profileSection .tileContent,
    .profileView .profileSections .profileSection .userInsightCard {
      border: solid 1px #dde4e4; }
    .profileView .profileSections .profileSection .emptyMsg {
      color: #3b3d40;
      text-align: center; }
      .profileView .profileSections .profileSection .emptyMsg p {
        margin: 0 auto;
        text-align: center; }
      .profileView .profileSections .profileSection .emptyMsg .icon-d3-insight {
        font-size: 10rem;
        height: 10rem;
        width: 10rem;
        line-height: 1.5;
        text-align: center; }
        .profileView .profileSections .profileSection .emptyMsg .icon-d3-insight:before, .profileView .profileSections .profileSection .emptyMsg .icon-d3-insight:after {
          height: 10rem;
          width: 10rem; }
      .profileView .profileSections .profileSection .emptyMsg + .ghostCard {
        float: none; }
    .profileView .profileSections .profileSection .contentView {
      max-width: 630px;
      margin: 0 auto;
      padding-top: 45px; }
      .profileView .profileSections .profileSection .contentView .emptyMsgArticle {
        color: #3b3d40;
        text-align: center;
        max-width: 75rem;
        margin: 0 auto 45px; }
        .profileView .profileSections .profileSection .contentView .emptyMsgArticle p {
          padding-bottom: 10px;
          padding-top: 10px;
          margin: 0 auto;
          max-width: 75rem;
          text-align: center; }

@media screen and (max-width: 767px) {
  .mobile .profileView {
    background-color: #dde4e4; }
    .mobile .profileView .profileSections {
      background-color: #dde4e4; }
      .mobile .profileView .profileSections .contentView {
        padding: 0 15px; }
      .mobile .profileView .profileSections .profileSection .profileInsightView {
        padding: 10px; }
        .mobile .profileView .profileSections .profileSection .profileInsightView .userInsightCard {
          margin-bottom: 10px;
          padding: 10px; }
          .mobile .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails h3 {
            overflow: hidden;
            max-height: 42px;
            margin-bottom: initial;
            font-size: 1.8rem;
            line-height: 1.2; }
          .mobile .profileView .profileSections .profileSection .profileInsightView .userInsightCard .userInsightDetails .insightContainer {
            margin-left: 25px; } }

/* For centering tiles */
@media screen and (max-width: 1020px) {
  .profileView .profileSections .profileSection .profileFollowersView,
  .profileView .profileSections .profileSection .profileFollowingView {
    max-width: 505px; } }

/* For centering tiles */
@media screen and (max-width: 504px) {
  .profileView .profileSections .profileSection .profileFollowersView,
  .profileView .profileSections .profileSection .profileFollowingView {
    max-width: 253px; } }

.searchContainer {
  margin: 50px auto 40px;
  max-width: 998px;
  padding: 0 20px; }
  .searchContainer h2 {
    margin-bottom: 3.4rem; }
  .searchContainer .emptySearchResults {
    text-align: center; }
    .searchContainer .emptySearchResults h1 {
      padding-bottom: 1em; }
    .searchContainer .emptySearchResults h4.last {
      padding-bottom: 3em; }
  .searchContainer h3.searchMessage {
    margin: 8rem 0; }
  .searchContainer .searchResultsTotal {
    display: inline-block;
    width: 100%;
    height: 75px; }
    .searchContainer .searchResultsTotal h2.searchTermDisplay {
      float: left; }
    .searchContainer .searchResultsTotal h2.blinky {
      height: 50px;
      padding-left: 10px;
      vertical-align: middle;
      color: #0081d0; }
  .searchContainer .searchBox {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    border: 1px solid #eceeee;
    margin-bottom: 2rem;
    font-family: MuseoSansRounded100, Arial, sans-serif; }
    .searchContainer .searchBox input.searchTerm {
      padding: 0 10px 0 0;
      font-size: 2.5rem;
      border: 0;
      display: inline-block;
      width: 90%;
      margin-bottom: 0; }
      .searchContainer .searchBox input.searchTerm::-webkit-input-placeholder {
        font-family: MuseoSansRounded100, Arial, sans-serif;
        color: #95a6a6;
        font-size: 2.5rem;
        font-style: normal; }
      .searchContainer .searchBox input.searchTerm:-ms-input-placeholder {
        font-family: MuseoSansRounded100, Arial, sans-serif;
        color: #95a6a6;
        font-size: 2.5rem;
        font-style: normal; }
      .searchContainer .searchBox input.searchTerm:-moz-placeholder {
        font-family: MuseoSansRounded100, Arial, sans-serif;
        color: #95a6a6;
        font-size: 2.5rem;
        font-style: normal; }
      .searchContainer .searchBox input.searchTerm::-moz-placeholder {
        font-family: MuseoSansRounded100, Arial, sans-serif;
        color: #95a6a6;
        font-size: 2.5rem;
        font-style: normal; }
    .searchContainer .searchBox .searchButton {
      width: 3.2rem;
      height: 3.2rem;
      background-color: #29c896;
      border-radius: 1.7rem;
      margin-top: .5rem;
      margin-right: .5rem;
      padding-left: .8rem;
      padding-top: .8rem;
      cursor: pointer;
      float: right; }
      .searchContainer .searchBox .searchButton .icon-search {
        font-size: 1.6rem;
        color: #eceeee;
        vertical-align: top; }
    .searchContainer .searchBox .searchRemove {
      display: inline-block;
      width: 15px;
      height: 15px;
      background-color: #eceeee;
      border-radius: 15px;
      vertical-align: top;
      margin-top: 14px;
      margin-left: 5px;
      padding-left: 4px;
      padding-top: 3px;
      cursor: pointer; }
      .searchContainer .searchBox .searchRemove .icon-x {
        font-size: 0.7rem;
        color: #3b3d40;
        vertical-align: top; }
    .searchContainer .searchBox .hideSearchRemove {
      margin-left: 20px; }
      .searchContainer .searchBox .hideSearchRemove .icon-x {
        display: none; }
  .searchContainer .categorySection {
    margin-bottom: 20px;
    /*border-bottom: solid 1px $grey-03;*/ }
    .searchContainer .categorySection .categoryResults .contentTile .pdf .tileContent .imageContainer .fitImage {
      background-size: auto 100%;
      background-position: 0 0; }
    .searchContainer .categorySection .categoryResults .userTile {
      border-bottom: solid 1px #dde4e4; }
    .searchContainer .categorySection .categoryResults .userResults:last-child .userTile {
      border: none; }
    .searchContainer .categorySection .categoryAddButton, .searchContainer .categorySection .groupAddButton, .searchContainer .categorySection .groupFullAddButton, .searchContainer .categorySection .userInviteButton, .searchContainer .categorySection .userFullInviteButton {
      clear: both;
      text-align: right;
      font-size: 1.4rem;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      cursor: pointer;
      color: #29c896;
      vertical-align: middle; }
    .searchContainer .categorySection .groupAddButton {
      margin-right: .8rem; }
    .searchContainer .categorySection .groupFullAddButton {
      margin-right: 3.2rem;
      margin-bottom: 1.5rem; }
    .searchContainer .categorySection .userInviteButton {
      margin-right: -0.5rem; }
    .searchContainer .categorySection .userFullInviteButton {
      margin-right: -0.5rem; }
  .searchContainer em {
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    font-style: normal;
    color: #3b3d40;
    font-size: 1.4rem; }
  .searchContainer p {
    margin-bottom: 1em;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    font-size: 1.3rem;
    max-width: 100%; }
  .searchContainer .snippet {
    font-size: 1.4em;
    line-height: 1.5; }
  .searchContainer h5.moreLink {
    clear: both;
    margin-bottom: 14px;
    margin-left: 1rem;
    padding-top: 17px;
    font-family: MuseoSansRounded100, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    color: #29c896;
    position: relative; }
    .searchContainer h5.moreLink.articles {
      margin-bottom: -14px; }
    .searchContainer h5.moreLink a {
      display: block;
      padding-bottom: 20px; }
      .searchContainer h5.moreLink a:visited {
        color: #29c896; }
      .searchContainer h5.moreLink a i {
        padding-left: 4px;
        font-size: 1.2rem; }
      .searchContainer h5.moreLink a:hover {
        text-decoration: none; }
    .searchContainer h5.moreLink .moreCount {
      color: #95a6a6;
      position: absolute;
      top: 0;
      right: 0;
      margin-top: 1.8rem;
      margin-right: 2.5rem; }
      .searchContainer h5.moreLink .moreCount:visited {
        color: #95a6a6; }
  .searchContainer .paginationContainer {
    text-align: center; }
    .searchContainer .paginationContainer ul.pagination {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      font-size: 1.1rem; }
      .searchContainer .paginationContainer ul.pagination > li {
        display: inline-block;
        margin: 0 4px; }
        .searchContainer .paginationContainer ul.pagination > li > a {
          margin: 0;
          padding: 3px 9px;
          border-color: #29c896;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          color: #29c896; }
      .searchContainer .paginationContainer ul.pagination > .active > a {
        background-color: #ffffff;
        border-color: #dde4e4;
        color: #3b3d40; }
      .searchContainer .paginationContainer ul.pagination > .disabled > a {
        border-color: #dde4e4;
        color: #dde4e4; }
  .searchContainer .searchFacets ul {
    border-bottom: solid 1px #eceeee; }
    .searchContainer .searchFacets ul li {
      display: inline-block;
      margin-right: 30px;
      margin-bottom: -1px; }
      .searchContainer .searchFacets ul li a {
        display: block; }
        .searchContainer .searchFacets ul li a:hover h6 {
          border-bottom: solid 1px #29c896; }
      .searchContainer .searchFacets ul li h6 {
        display: inline-block;
        margin-bottom: 0;
        padding-bottom: 20px;
        border-bottom: solid 1px transparent;
        font-family: "MuseoSansRounded500", "Arial", sans-serif;
        font-size: 1.2rem;
        color: #29c896; }
        .searchContainer .searchFacets ul li h6 .facetCount {
          color: #95a6a6;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          text-transform: none; }
        .searchContainer .searchFacets ul li h6.selected {
          border-bottom: solid 1px #29c896;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          color: #3b3d40; }
  .searchContainer .searchFacets .directoryFacet {
    float: right; }
    .searchContainer .searchFacets .directoryFacet a {
      cursor: pointer; }
  .searchContainer .columnMain {
    float: left;
    width: calc(100% - 350px);
    max-width: 560px;
    margin-top: 40px; }
    .searchContainer .columnMain.columnFull {
      width: 100%; }
    .searchContainer .columnMain .categorySection .categoryResults > div {
      border-bottom: solid 1px #eceeee; }
      .searchContainer .columnMain .categorySection .categoryResults > div:last-of-type {
        border-bottom: none; }
    .searchContainer .columnMain .categorySection .moreCount {
      margin-right: -0.5rem; }
  .searchContainer .columnSidebar {
    float: left;
    width: 350px;
    margin: 40px 0 0 48px; }
    .searchContainer .columnSidebar.columnFull {
      width: 100%;
      max-width: 576px;
      margin: 40px 0; }
      .searchContainer .columnSidebar.columnFull.teamResults {
        max-width: 800px; }
      .searchContainer .columnSidebar.columnFull .teamTileContainer {
        display: inline-block; }
        .searchContainer .columnSidebar.columnFull .teamTileContainer .teamTile {
          display: inline-block;
          margin: 0 1rem 2.5rem; }
    .searchContainer .columnSidebar.directoryView.allSelected .groupSection {
      float: right;
      width: 260px; }
      .searchContainer .columnSidebar.directoryView.allSelected .groupSection.groupFull {
        float: none;
        width: 100%; }
      .searchContainer .columnSidebar.directoryView.allSelected .groupSection .moreCount {
        margin-right: .8rem; }
      .searchContainer .columnSidebar.directoryView.allSelected .groupSection .groupAddButton {
        margin-right: .8rem; }
    .searchContainer .columnSidebar.directoryView.allSelected .userSection {
      float: left;
      width: 480px; }
      .searchContainer .columnSidebar.directoryView.allSelected .userSection .moreCount {
        margin-right: -0.5rem; }
  .searchContainer .tagContainer {
    width: 98%;
    margin-top: 10px;
    overflow: hidden; }
    .searchContainer .tagContainer .tag {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      margin-right: 5px;
      font-size: 1.1rem;
      padding: 3px;
      background-color: #eceeee;
      border-radius: 2px;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      cursor: pointer;
      color: #3b3d40;
      font-weight: bold; }

@media screen and (max-width: 1023px) {
  .searchContainer {
    max-width: none;
    width: 100%;
    margin-top: 100px; }
    .searchContainer .searchResultsTotal,
    .searchContainer .searchBox,
    .searchContainer h3.searchMessage {
      display: block;
      max-width: 576px;
      width: auto;
      height: 44px;
      margin: 0 auto; }
    .searchContainer .searchBox {
      min-width: 320px; }
      .searchContainer .searchBox input.searchTerm {
        padding-left: 0;
        width: 80%; }
    .searchContainer .columnCategories {
      position: fixed;
      top: 56px;
      right: 0;
      z-index: 1;
      width: 100%;
      height: 58px;
      margin: 0;
      background: #eceeee;
      border-bottom: solid 1px #dde4e4;
      text-align: center; }
      .tablet .searchContainer .columnCategories {
        top: 98px; }
      .searchContainer .columnCategories ul {
        margin-left: 190px; }
        .searchContainer .columnCategories ul li {
          float: left;
          width: auto;
          margin: 0 20px;
          border: none; }
          .searchContainer .columnCategories ul li h6 {
            margin-bottom: 0;
            padding: 22px 0 21px; }
    .searchContainer .columnMain {
      float: none;
      width: 100%;
      margin: 0 auto; }
      .tablet .searchContainer .columnMain {
        padding-top: 20px; }
    .searchContainer .columnSidebar.directoryView.allSelected .groupSection {
      width: 100%; }
      .searchContainer .columnSidebar.directoryView.allSelected .groupSection .moreCount {
        margin-right: 1.8rem; }
      .searchContainer .columnSidebar.directoryView.allSelected .groupSection .groupAddButton {
        margin-right: 1.8rem; } }

@media screen and (max-width: 991px) {
  .mobile .searchContainer h2,
  .mobile .searchContainer h6.categoryHeader {
    display: none; } }

@media screen and (max-width: 768px) {
  .mobile {
    /* LOGGED IN */ }
    .mobile .searchContainer {
      margin-top: 60px; }
      .mobile .searchContainer .columnCategories {
        position: fixed;
        height: 49px;
        top: 98px;
        -webkit-transform: translate(0, -107px);
        -moz-transform: translate(0, -107px);
        -ms-transform: translate(0, -107px);
        -o-transform: translate(0, -107px);
        transform: translate(0, -107px);
        -webkit-transition: transform 0.7s;
        -ms-transition: transform 0.7s;
        -moz-transition: transform 0.7s;
        -o-transition: transform 0.7s;
        transition: transform 0.7s; }
        .mobile .searchContainer .columnCategories.vis {
          -webkit-transform: translate(0, 0);
          -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          transform: translate(0, 0); }
        .mobile .searchContainer .columnCategories ul li {
          margin: 0 9px; }
          .mobile .searchContainer .columnCategories ul li h6 {
            padding: 11px 0 11px;
            font-size: 1.1rem;
            letter-spacing: 0em; }
            .mobile .searchContainer .columnCategories ul li h6 .facetCount {
              display: block;
              line-height: 1.2; }
      .mobile .searchContainer .columnMain.columnFull {
        width: 100%; }
      .mobile .searchContainer .columnSidebar.columnFull {
        width: 100%; }
      .mobile .searchContainer .columnSidebar .groupBlock, .mobile .searchContainer .columnSidebar.directoryView.allSelected .groupSection, .mobile .searchContainer .columnSidebar .groupSection {
        float: left;
        text-align: center;
        width: auto; }
        .mobile .searchContainer .columnSidebar .groupBlock .moreLink, .mobile .searchContainer .columnSidebar.directoryView.allSelected .groupSection .moreLink, .mobile .searchContainer .columnSidebar .groupSection .moreLink {
          text-align: left; }
          .mobile .searchContainer .columnSidebar .groupBlock .moreLink .moreCount, .mobile .searchContainer .columnSidebar .groupSection .moreLink .moreCount {
            margin-right: auto; }
        .mobile .searchContainer .columnSidebar .groupBlock .groupAddButton, .mobile .searchContainer .columnSidebar.directoryView.allSelected .groupSection .groupAddButton, .mobile .searchContainer .columnSidebar .groupSection .groupAddButton {
          width: calc(100% - 25px);
          max-width: 100%;
          margin: 0 0 0 25px;
          padding: 10px;
          background: #29c896;
          border-radius: 4px;
          font-size: 1.4rem;
          text-align: center;
          color: #ffffff; }
          .mobile .searchContainer .columnSidebar .groupBlock .groupAddButton i, .mobile .searchContainer .columnSidebar.directoryView.allSelected .groupSection .groupAddButton i, .mobile .searchContainer .columnSidebar .groupSection .groupAddButton i,
          .mobile .searchContainer .columnSidebar .groupBlock .groupAddButton span, .mobile .searchContainer .columnSidebar.directoryView.allSelected .groupSection .groupAddButton span, .mobile .searchContainer .columnSidebar .groupSection .groupAddButton span {
            display: inline-block;
            vertical-align: middle; }
          .mobile .searchContainer .columnSidebar .groupBlock .groupAddButton i, .mobile .searchContainer .columnSidebar.directoryView.allSelected .groupSection .groupAddButton i, .mobile .searchContainer .columnSidebar .groupSection .groupAddButton i {
            position: relative;
            margin-right: 2px; }
      .mobile .searchContainer .columnSidebar .userFullInviteButton {
        display: none; }
      .mobile .searchContainer .columnSidebar.directoryView.allSelected .userInviteButton {
        width: 230px;
        max-width: auto;
        margin: 0 0 0 25px;
        padding: 10px;
        background: #29c896;
        border-radius: 4px;
        font-size: 1.4rem;
        text-align: center;
        color: #ffffff; }
        .mobile .searchContainer .columnSidebar.directoryView.allSelected .userInviteButton i,
        .mobile .searchContainer .columnSidebar.directoryView.allSelected .userInviteButton span {
          display: inline-block;
          vertical-align: middle; }
        .mobile .searchContainer .columnSidebar.directoryView.allSelected .userInviteButton i {
          position: relative;
          margin-right: 2px; }
      .mobile .searchContainer .columnSidebar .groupSection .groupFullAddButton {
        display: none; }
      .mobile .searchContainer .searchFacets ul li {
        margin-right: 20px; }
      .mobile .searchContainer .paginationContainer ul.pagination {
        width: 100%; }
        .mobile .searchContainer .paginationContainer ul.pagination > li {
          display: none; }
          .mobile .searchContainer .paginationContainer ul.pagination > li:first-child, .mobile .searchContainer .paginationContainer ul.pagination > li:last-child, .mobile .searchContainer .paginationContainer ul.pagination > li.active {
            display: inline-block; }
          .mobile .searchContainer .paginationContainer ul.pagination > li:first-child {
            float: left; }
          .mobile .searchContainer .paginationContainer ul.pagination > li:last-child {
            float: right; }
      .mobile .searchContainer .emptySearchResults {
        margin: 2em; }
        .mobile .searchContainer .emptySearchResults h1 {
          font-size: 2rem; }
        .mobile .searchContainer .emptySearchResults h3, .mobile .searchContainer .emptySearchResults h4 {
          font-size: 1.6rem; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .searchContainer .searchBox input.searchTerm::-ms-clear {
    display: none; } }

.discoverDetailView {
  max-width: 1000px;
  margin: 4rem auto 8rem; }
  .discoverDetailView h2, .discoverDetailView h6 {
    text-align: center; }
  .discoverDetailView h6 {
    margin-bottom: 20px; }
  .discoverDetailView .subTitle {
    margin-bottom: 5rem;
    font-family: "RooneyLightItalic", Times, "Times New Roman", serif;
    font-size: 1.4rem;
    text-align: center; }
  .discoverDetailView .masonry-content {
    margin: 0 auto; }
    .discoverDetailView .masonry-content .masonry-brick {
      display: none;
      width: 300px;
      margin: 0 0 20px 0;
      overflow: hidden; }
    .discoverDetailView .masonry-content .masonry-brick.loaded {
      display: block; }

@media screen and (min-width: 992px) {
  .container {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .mobile .discoverDetailView {
    margin: 0 auto 8rem; }
    .mobile .discoverDetailView .subTitle {
      padding: 0 15px; }
    .mobile .discoverDetailView .search .searchBar form {
      padding-top: 20px; }
  .tablet .discoverNavContainer,
  .mobile .discoverNavContainer {
    display: none; } }

@media screen and (max-width: 479px) {
  .mobile .discoverDetailView .subTitle {
    padding: 0 15px; } }

.discoverNavContainer {
  top: 56px;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  margin: 0;
  background: #f2f4f4;
  border-bottom: solid 1px #dde4e4;
  text-align: center; }
  .discoverNavContainer .discoverSubNav {
    max-width: 300px;
    margin: 0 auto; }
    .discoverNavContainer .discoverSubNav ul {
      display: inline-block; }
      .discoverNavContainer .discoverSubNav ul li {
        float: left;
        width: auto;
        height: 56px;
        margin: 0 2rem;
        border: none; }
        .discoverNavContainer .discoverSubNav ul li a {
          text-decoration: none; }
          .discoverNavContainer .discoverSubNav ul li a h6 {
            padding: 24px 0 19px;
            border-bottom: solid 1px transparent;
            font-family: "MuseoSansRounded500", "Arial", sans-serif;
            font-size: 1.2rem;
            color: #29c896; }
            .discoverNavContainer .discoverSubNav ul li a h6 span {
              color: #95a6a6;
              font-family: "MuseoSansRounded300", "Arial", sans-serif;
              text-transform: none; }
            .discoverNavContainer .discoverSubNav ul li a h6.selected {
              border-bottom: solid 1px #29c896;
              font-family: "MuseoSansRounded700", "Arial", sans-serif;
              color: #3b3d40; }

.discoverAllUsersView {
  position: relative;
  margin: 0 auto;
  max-width: 736px; }
  .discoverAllUsersView h6 {
    margin-bottom: 2em; }
  .discoverAllUsersView h6.backLink {
    position: absolute;
    left: 0;
    top: 70px;
    font-size: 1.2rem; }
    .discoverAllUsersView h6.backLink a,
    .discoverAllUsersView h6.backLink a:visited {
      color: #26b099;
      text-decoration: none; }
  .discoverAllUsersView .userTile:nth-child(3n) {
    margin-right: 0; }
  .discoverAllUsersView .inviteCard {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 240px;
    height: 300px;
    margin: 0 2rem 2.5rem 0;
    padding: 2rem;
    background: #dde4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    text-align: center; }
    .discoverAllUsersView .inviteCard h3 {
      color: #ffffff;
      line-height: 1.3em; }
    .discoverAllUsersView .inviteCard tags-input.declaraTags {
      float: left;
      width: 145px; }
      .discoverAllUsersView .inviteCard tags-input.declaraTags .host {
        margin: 0; }
        .discoverAllUsersView .inviteCard tags-input.declaraTags .host .tags {
          min-height: 2.8rem;
          height: 2.8rem;
          padding: 0;
          border: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .discoverAllUsersView .inviteCard tags-input.declaraTags .host .tags .input {
            box-sizing: border-box;
            height: 2.8rem;
            margin: 0;
            line-height: 2.8rem;
            text-transform: none;
            letter-spacing: 0; }
    .discoverAllUsersView .inviteCard .user {
      clear: both;
      margin-bottom: 1rem;
      text-align: left; }
      .discoverAllUsersView .inviteCard .user .userImage {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        background-image: url(https://media.licdn.com/mpr/mprx/0_R2NuP6eL11V0eP-xMuvPP5JHPP77or-xJe81P5dzuzUxzNL0Bok8jLgRgYfKWc1PVfntyGcI-VQw);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        vertical-align: middle; }
      .discoverAllUsersView .inviteCard .user .userName {
        display: inline-block;
        width: 100px;
        height: 24px;
        vertical-align: middle;
        line-height: 1.3em; }
      .discoverAllUsersView .inviteCard .user button {
        float: right; }
    .discoverAllUsersView .inviteCard button.square {
      float: left;
      vertical-align: top;
      height: 2.8rem;
      padding: 0 4px 0 8px;
      background: #dde4e4;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      line-height: 2.8rem;
      text-transform: none; }
    .discoverAllUsersView .inviteCard .cardBottom {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding-top: 1.5rem;
      border-top: solid 1px #ffffff; }
      .discoverAllUsersView .inviteCard .cardBottom a {
        color: #ffffff; }
    .discoverAllUsersView .inviteCard.linkedIn .orDivider {
      position: relative;
      clear: both;
      margin-bottom: 2rem;
      font-size: 1.5rem; }
      .discoverAllUsersView .inviteCard.linkedIn .orDivider:before, .discoverAllUsersView .inviteCard.linkedIn .orDivider:after {
        position: absolute;
        top: 7px;
        content: "";
        width: 40%;
        height: 1px;
        background: #ffffff; }
      .discoverAllUsersView .inviteCard.linkedIn .orDivider:before {
        left: 0; }
      .discoverAllUsersView .inviteCard.linkedIn .orDivider:after {
        right: 0; }
    .discoverAllUsersView .inviteCard.linkedIn p {
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 1.4rem;
      line-height: 1.4em; }
    .discoverAllUsersView .inviteCard.linkedIn .cardBottom {
      padding: 0 0 1.5rem;
      border: none; }

.broadcastView .profileTop {
  background: url(/broadcast/asset/imgs/background.png) no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 168px; }
  .broadcastView .profileTop .profileDetail {
    position: relative;
    min-width: 540px;
    max-width: 970px;
    min-height: 65px;
    z-index: 0;
    margin: 0 auto;
    padding-top: 60px; }
    .broadcastView .profileTop .profileDetail .title {
      float: left;
      width: calc(100% - 160px);
      padding-left: 50px; }
      .broadcastView .profileTop .profileDetail .title h1 {
        color: #ffffff; }

.broadcastView .descriptionSection {
  padding-top: 40px;
  margin-bottom: 40px;
  background: #ffffff;
  float: left;
  width: 100%; }
  .broadcastView .descriptionSection .descriptionContent {
    margin: auto;
    min-width: 540px;
    max-width: 970px; }

.broadcastView .profileImg {
  float: left; }

.broadcastView .descriptionLeftColumn {
  float: left;
  width: 200px;
  padding-top: 20px;
  padding-left: 1px; }

.broadcastView .descriptionRightColumn {
  max-width: 760px;
  margin: 0 40px 0 200px; }

.broadcastView .collectionsContainer .tileContainer {
  display: inline-block;
  margin: 0 1rem 2.5rem; }

.broadcastView .mobileDescriptionSection {
  display: none; }

.broadcastView .socialShareWrapper {
  padding: 20px 0 40px; }
  .broadcastView .socialShareWrapper .shareBlock {
    margin-right: 14px;
    font-size: 36px; }

@media screen and (max-width: 767px) {
  .broadcastView .profileTop {
    height: auto;
    min-height: 75px; }
    .broadcastView .profileTop .profileDetail {
      top: 0;
      min-width: initial;
      padding-top: 0; }
      .broadcastView .profileTop .profileDetail .profilePic {
        padding-top: 12px; }
        .broadcastView .profileTop .profileDetail .profilePic .profileImg {
          width: 50px; }
        .broadcastView .profileTop .profileDetail .profilePic .title {
          width: calc(100% - 60px);
          padding-left: 10px;
          padding-top: 10px; }
  .broadcastView h1 {
    font-size: 25px; }
  .broadcastView h4 {
    font-size: 15px; }
  .broadcastView .descriptionSection {
    display: none; }
  .broadcastView .mobileDescriptionSection {
    display: block;
    background: white;
    padding: 15px; }
    .broadcastView .mobileDescriptionSection p {
      font-size: 1.4rem; }
  .broadcastView .descriptionLeftColumn {
    width: 110px;
    padding: 0px; }
    .broadcastView .descriptionLeftColumn img {
      width: 100px; }
  .broadcastView .broadcastView.container {
    padding: 20px 0 0 40px; } }

@media screen and (max-width: 1020px) {
  /* For centering tiles */
  .broadcastView .collectionsContainer {
    max-width: 520px; } }

@media screen and (max-width: 519px) {
  /* For centering tiles */
  .broadcastView .collectionsContainer {
    max-width: 260px; } }

.partnerView .profileTop {
  background: url(/broadcast/asset/imgs/background.png) no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 168px; }
  .partnerView .profileTop.snte {
    background: url(/partner/asset/imgs/sntebanner.png) no-repeat;
    background-size: cover; }
  .partnerView .profileTop .profileDetail {
    position: relative;
    min-width: 540px;
    max-width: 970px;
    min-height: 65px;
    z-index: 0;
    margin: 0 auto;
    padding-top: 60px; }
    .partnerView .profileTop .profileDetail .title {
      float: left;
      width: calc(100% - 160px);
      padding-left: 50px; }
      .partnerView .profileTop .profileDetail .title h1 {
        color: #ffffff; }
      .partnerView .profileTop .profileDetail .title.sydney {
        width: auto; }
      .partnerView .profileTop .profileDetail .title.wisekangaroo {
        width: auto; }
      .partnerView .profileTop .profileDetail .title.unwomen {
        width: auto; }
      .partnerView .profileTop .profileDetail .title.ntuc {
        width: auto; }
      .partnerView .profileTop .profileDetail .title.snte {
        width: auto; }

.partnerView .descriptionSection {
  padding-top: 40px;
  margin-bottom: 40px;
  background: #ffffff;
  float: left;
  width: 100%; }
  .partnerView .descriptionSection .descriptionContent {
    margin: auto;
    min-width: 540px;
    max-width: 970px; }

.partnerView .profileImg {
  float: left; }
  .partnerView .profileImg.sydney {
    width: 280px; }
  .partnerView .profileImg.wisekangaroo {
    width: 180px; }
  .partnerView .profileImg.unwomen {
    width: 408px; }
  .partnerView .profileImg.ntuc {
    background-color: #ffffff;
    width: 391px; }
  .partnerView .profileImg.snte {
    background-color: #ffffff;
    width: 251px;
    padding: 20px; }

.partnerView .descriptionLeftColumn {
  float: left;
  width: 200px;
  padding-top: 20px;
  padding-left: 1px; }
  .partnerView .descriptionLeftColumn .actionLink {
    font-size: 2.6rem;
    color: #95a6a6; }
    .partnerView .descriptionLeftColumn .actionLink:hover {
      color: #26b099;
      text-decoration: none; }
    .partnerView .descriptionLeftColumn .actionLink div {
      padding: 0 20px 20px;
      line-height: 1.2; }
    .partnerView .descriptionLeftColumn .actionLink img {
      display: block; }

.partnerView .descriptionRightColumn {
  max-width: 760px;
  margin: 0 40px 0 200px; }

.partnerView .collectionsContainer .tileContainer {
  display: inline-block;
  margin: 0 1rem 2.5rem; }

.partnerView .mobileDescriptionSection {
  display: none; }

.partnerView .socialShareWrapper {
  padding: 20px 0 40px; }
  .partnerView .socialShareWrapper .shareBlock {
    margin-right: 14px;
    font-size: 36px; }

@media screen and (max-width: 767px) {
  .partnerView .profileTop {
    height: auto;
    min-height: 75px; }
    .partnerView .profileTop .profileDetail {
      top: 0;
      min-width: initial;
      padding-top: 0; }
      .partnerView .profileTop .profileDetail .profilePic {
        padding-top: 12px; }
        .partnerView .profileTop .profileDetail .profilePic .profileImg {
          width: 50px; }
          .partnerView .profileTop .profileDetail .profilePic .profileImg.sydney {
            width: 118px; }
          .partnerView .profileTop .profileDetail .profilePic .profileImg.wisekangaroo {
            width: 75px; }
          .partnerView .profileTop .profileDetail .profilePic .profileImg.unwomen {
            width: 263px; }
          .partnerView .profileTop .profileDetail .profilePic .profileImg.ntuc {
            background-color: #ffffff;
            width: 177px; }
          .partnerView .profileTop .profileDetail .profilePic .profileImg.snte {
            background-color: #ffffff;
            width: 127px;
            padding: 6px; }
        .partnerView .profileTop .profileDetail .profilePic .title {
          width: calc(100% - 60px);
          padding-left: 10px;
          padding-top: 10px; }
          .partnerView .profileTop .profileDetail .profilePic .title.sydney {
            width: calc(100% - 118px); }
          .partnerView .profileTop .profileDetail .profilePic .title.wisekangaroo {
            width: auto; }
          .partnerView .profileTop .profileDetail .profilePic .title.unwomen {
            width: auto; }
          .partnerView .profileTop .profileDetail .profilePic .title.snte {
            width: auto; }
  .partnerView h1 {
    font-size: 25px; }
  .partnerView h4 {
    font-size: 15px; }
  .partnerView .descriptionSection {
    display: none; }
  .partnerView .mobileDescriptionSection {
    display: block;
    background: white;
    margin-bottom: 15px;
    padding: 15px; }
    .partnerView .mobileDescriptionSection .descriptionLeftColumn .actionLink {
      font-size: 2rem; }
      .partnerView .mobileDescriptionSection .descriptionLeftColumn .actionLink div {
        padding: 0 10px 10px 0; }
    .partnerView .mobileDescriptionSection p {
      font-size: 1.4rem; }
  .partnerView .descriptionLeftColumn {
    width: 110px;
    padding: 0px; }
    .partnerView .descriptionLeftColumn img {
      width: 100px; }
  .partnerView .broadcastView.container {
    padding: 20px 0 0 40px; } }

@media screen and (max-width: 1020px) {
  /* For centering tiles */
  .partnerView .collectionsContainer {
    max-width: 520px; } }

@media screen and (max-width: 519px) {
  /* For centering tiles */
  .partnerView .collectionsContainer {
    max-width: 260px; } }

.myChannelView {
  max-width: 1000px;
  margin: 4rem auto 8rem;
  border-bottom: solid 1px #dde4e4; }
  .myChannelView h2 {
    text-align: center; }
  .myChannelView .subTitle {
    margin-bottom: 5rem;
    font-family: "RooneyLightItalic", Times, "Times New Roman", serif;
    font-size: 1.4rem;
    text-align: center; }
  .myChannelView .channelsContainer {
    max-width: 950px;
    margin: 0  auto; }
    .myChannelView .channelsContainer .adminView, .myChannelView .channelsContainer .nonAdminView {
      margin: 12px 0px; }
      .myChannelView .channelsContainer .adminView .heading, .myChannelView .channelsContainer .nonAdminView .heading {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 30px; }
        .myChannelView .channelsContainer .adminView .heading span, .myChannelView .channelsContainer .nonAdminView .heading span {
          text-tranform: upper-case;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          font-size: 2rem;
          letter-spacing: 1px; }
    .myChannelView .channelsContainer .channelTileContainer {
      display: inline-block;
      width: 435px;
      margin: 18px; }
    .myChannelView .channelsContainer .channelViewItem {
      width: 310px;
      display: inline-block;
      width: 435px;
      margin: 18px; }
      .myChannelView .channelsContainer .channelViewItem .icon-locked {
        position: absolute;
        top: 80px;
        left: 11px;
        font-size: 1.6rem;
        color: #dde4e4; }
      .myChannelView .channelsContainer .channelViewItem.ghostChannelCard {
        display: inline-block;
        padding-top: 120px;
        height: 290px;
        cursor: pointer;
        float: left;
        background-color: #eceeee;
        border: 2px #ffffff dashed;
        color: #3b3d40;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        font-size: 1.1rem;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: background-color 0.1s linear, border-color 0.1s linear;
        -ms-transition: background-color 0.1s linear, border-color 0.1s linear;
        -moz-transition: background-color 0.1s linear, border-color 0.1s linear;
        -o-transition: background-color 0.1s linear, border-color 0.1s linear;
        transition: background-color 0.1s linear, border-color 0.1s linear;
        color: #3b3d40; }
        .myChannelView .channelsContainer .channelViewItem.ghostChannelCard:hover {
          background-color: #ffffff;
          border-color: #eceeee; }
        .myChannelView .channelsContainer .channelViewItem.ghostChannelCard i {
          color: #29c896;
          font-size: 2.2rem;
          display: block;
          margin-bottom: 20px; }

.channelView {
  max-width: 1000px;
  margin: 4rem auto 8rem; }
  .channelView .channelsContainer {
    max-width: 950px;
    margin: 0  auto; }
    .channelView .channelsContainer .nonAdminView {
      margin: 12px 0px; }
      .channelView .channelsContainer .nonAdminView .heading {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 30px; }
        .channelView .channelsContainer .nonAdminView .heading span {
          text-tranform: upper-case;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          font-size: 2rem;
          letter-spacing: 1px; }
        .channelView .channelsContainer .nonAdminView .heading .subTitle {
          margin-top: 1rem;
          font-family: "RooneyLightItalic", Times, "Times New Roman", serif;
          font-size: 1.4rem;
          text-align: center;
          text-transform: none; }
      .channelView .channelsContainer .nonAdminView .noChannels {
        text-align: center; }
    .channelView .channelsContainer .channelTileContainer {
      display: inline-block;
      width: 435px;
      margin: 18px; }

@media screen and (max-width: 950px) {
  .myChannelView .channelsContainer {
    max-width: 470px; }
  .channelView .channelsContainer {
    max-width: 470px; } }

@media screen and (max-width: 767px) {
  .myChannelView .subTitle {
    padding: 0 15px; }
  .discoverNavContainer {
    padding: 0 15px; }
    .discoverNavContainer .discoverSubNav {
      width: 100%; }
  .channelView {
    max-width: 470px; }
    .channelView .subTitle {
      padding: 0 15px; }
  .discoverNavContainer {
    padding: 0 15px; }
    .discoverNavContainer .discoverSubNav {
      width: 100%; } }

@media screen and (max-width: 479px) {
  .myChannelView .subTitle {
    padding: 0 15px; }
  .myChannelView .channelsContainer .channelViewItem {
    width: 300px;
    height: 275px; }
    .myChannelView .channelsContainer .channelViewItem.ghostChannelCard {
      width: calc(100% - 36px);
      height: 216px;
      padding-top: 75px; }
  .myChannelView .channelsContainer .channelTileContainer {
    width: calc(100% - 36px); }
  .discoverNavContainer {
    padding: 0 15px; }
    .discoverNavContainer .discoverSubNav {
      width: 100%; }
  .channelView .subTitle {
    padding: 0 15px; }
  .channelView .channelsContainer {
    max-width: 332px; }
    .channelView .channelsContainer .channelViewItem {
      width: 300px;
      height: 275px; }
      .channelView .channelsContainer .channelViewItem.ghostChannelCard {
        height: 216px;
        padding-top: 75px; }
    .channelView .channelsContainer .channelTileContainer {
      width: 300px; }
  .discoverNavContainer {
    padding: 0 15px; }
    .discoverNavContainer .discoverSubNav {
      width: 100%; } }

.CreateChannelModal .CreateChannelForm {
  overflow: visible; }
  .CreateChannelModal .CreateChannelForm .logoInfo {
    padding-bottom: 20px; }

.CreateChannelModal .error, .CreateChannelModal .success {
  font-size: 1.7rem;
  padding-bottom: 40px; }
  .CreateChannelModal .error button, .CreateChannelModal .success button {
    margin-top: 20px; }

.CreateChannelModal .CreateChannelForm {
  overflow: visible; }
  .CreateChannelModal .CreateChannelForm .logoInfo {
    padding-bottom: 20px; }

.CreateChannelModal .error, .CreateChannelModal .success {
  font-size: 1.7rem;
  padding-bottom: 40px; }
  .CreateChannelModal .error button, .CreateChannelModal .success button {
    margin-top: 20px; }

.channelBanner.row {
  margin: 0;
  overflow: hidden;
  background: #7F7F7F; }
  .channelBanner.row .channelBannerImg {
    width: 100%;
    height: 1px;
    text-align: center; }
    .channelBanner.row .channelBannerImg img {
      display: inline-block;
      width: 102%;
      min-width: 800px;
      height: auto;
      margin: -5px -10px;
      -webkit-filter: blur(7px) brightness(69%);
      -moz-filter: blur(7px) brightness(69%);
      filter: blur(7px) brightness(69%); }
  .channelBanner.row .channelBannerContent {
    position: relative;
    width: 100%;
    display: inline-block;
    color: #ffffff; }
    .channelBanner.row .channelBannerContent .leftPanel {
      position: absolute;
      left: 20px;
      top: 20px; }
      .channelBanner.row .channelBannerContent .leftPanel button.transparent {
        padding: 0 10px; }
      .channelBanner.row .channelBannerContent .leftPanel .editAvatar {
        float: left; }
        .channelBanner.row .channelBannerContent .leftPanel .editAvatar .profileAvatar {
          z-index: 2;
          bottom: -9px;
          padding-top: 0;
          width: auto; }
          .channelBanner.row .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload {
            font-size: 1rem; }
            .channelBanner.row .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload span {
              color: #ffffff;
              letter-spacing: 1px;
              font-family: "MuseoSansRounded300", "Arial", sans-serif;
              font-weight: bold;
              text-align: left;
              float: left; }
            .channelBanner.row .channelBannerContent .leftPanel .editAvatar .profileAvatar label.imageUpload i.icon-camera {
              height: 1rem;
              width: 1rem;
              margin: 0 0 0 5px;
              color: #eceeee;
              font-size: 1.7rem;
              text-align: center;
              line-height: 3.2rem;
              float: right;
              background: none;
              padding-right: 17px; }
      .channelBanner.row .channelBannerContent .leftPanel .deleteChannel {
        float: left;
        margin-left: 12px; }
  .channelBanner.row .editPanel {
    position: absolute;
    right: 20px;
    top: 20px; }
    .channelBanner.row .editPanel .editActionItem {
      vertical-align: middle;
      text-align: center; }
      .channelBanner.row .editPanel .editActionItem .cancelEditChannel {
        margin: 0px 10px 15px;
        float: none; }
    .channelBanner.row .editPanel button {
      width: 100px;
      padding: 0; }
  .channelBanner.row .mainContent {
    max-width: 600px;
    margin: 0 auto;
    text-align: center; }
    .channelBanner.row .mainContent .title {
      font-size: 2.5rem;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      padding: 50px 5px 5px 5px; }
    .channelBanner.row .mainContent .collectionCountShare {
      margin: 10px;
      text-transform: uppercase;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      font-size: 1.2rem; }
      .channelBanner.row .mainContent .collectionCountShare .collectionCount {
        display: inline-block;
        padding: 8px;
        border-right: solid 1px #ffffff;
        vertical-align: middle;
        min-height: 23px; }
      .channelBanner.row .mainContent .collectionCountShare .channelShareWrapper {
        display: inline-block;
        padding-left: 8px; }
    .channelBanner.row .mainContent .channelLogo {
      display: inline-block;
      position: relative;
      top: 22px;
      height: 114px;
      width: 114px;
      z-index: 3;
      overflow: hidden;
      text-align: right;
      margin: 0 auto;
      background-color: #7F7F7F;
      border-radius: 5px;
      border: solid 2px white; }
      .channelBanner.row .mainContent .channelLogo .channelImg {
        z-index: 2;
        background-color: #7F7F7F;
        width: 100%;
        height: 100%;
        position: static;
        text-align: right;
        display: inline-block; }
      .channelBanner.row .mainContent .channelLogo .profileAvatar {
        position: absolute;
        z-index: 2;
        bottom: -13px;
        width: 100%; }
        .channelBanner.row .mainContent .channelLogo .profileAvatar label.imageUpload {
          color: #ffffff;
          background-color: rgba(0, 0, 0, 0.5);
          text-align: right;
          width: 100%;
          padding: 7px 10px 0px 7px;
          margin: 0; }
          .channelBanner.row .mainContent .channelLogo .profileAvatar label.imageUpload span {
            color: #ffffff;
            letter-spacing: 1px;
            font-family: "MuseoSansRounded300", "Arial", sans-serif;
            font-weight: bold;
            text-align: left;
            float: left; }
          .channelBanner.row .mainContent .channelLogo .profileAvatar label.imageUpload i.icon-camera {
            height: 1rem;
            width: 1rem;
            border-radius: 50%;
            display: block;
            margin: 0 auto 1rem;
            color: #eceeee;
            font-size: 1.3rem;
            text-align: center;
            line-height: 1.1rem;
            float: right;
            background: none; }
    .channelBanner.row .mainContent .titleSection {
      max-width: 1000px;
      width: 100%;
      display: inline-block;
      text-align: center;
      padding: 32px 0 15px 0px; }
      .channelBanner.row .mainContent .titleSection .title {
        bottom: -89px;
        font-size: 2.5rem;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        padding: 5px;
        opacity: 0; }
      .channelBanner.row .mainContent .titleSection .channelTitle {
        text-align: center;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: steps(6, end);
        -moz-transition-timing-function: steps(6, end);
        -o-transition-timing-function: steps(6, end);
        transition-timing-function: steps(6, end);
        padding-bottom: 15px; }
        .channelBanner.row .mainContent .titleSection .channelTitle .channelTitleSegment {
          vertical-align: middle; }
          .channelBanner.row .mainContent .titleSection .channelTitle .channelTitleSegment md-input-container {
            z-index: 1;
            position: relative;
            margin-left: -10px;
            padding: 0; }
        .channelBanner.row .mainContent .titleSection .channelTitle .md-char-counter {
          display: none;
          position: absolute;
          right: 0; }
        .channelBanner.row .mainContent .titleSection .channelTitle.editFocus textarea {
          background-color: rgba(255, 255, 255, 0.5);
          resize: none;
          text-align: left; }
          .channelBanner.row .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-required, .channelBanner.row .mainContent .titleSection .channelTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength {
            border: solid 1px #f65950; }
          .channelBanner.row .mainContent .titleSection .channelTitle.editFocus textarea:focus {
            border: solid 1px #f2f4f4; }
        .channelBanner.row .mainContent .titleSection .channelTitle.editFocus .md-input-focused .md-char-counter {
          display: block; }
        .channelBanner.row .mainContent .titleSection .channelTitle textarea {
          opacity: 1;
          resize: none;
          overflow: hidden;
          -webkit-border-radius: 0%;
          -moz-border-radius: 0%;
          -ms-border-radius: 0%;
          -o-border-radius: 0%;
          border-radius: 0%;
          background: transparent;
          margin-bottom: 0px;
          margin-left: 0px;
          padding-left: 10px;
          padding-right: 10px;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          color: #ffffff;
          font-size: 3.9rem;
          line-height: 1.2em;
          letter-spacing: .05em;
          min-height: 37px;
          height: auto;
          overflow: hidden;
          border-color: transparent;
          text-align: center; }
        .channelBanner.row .mainContent .titleSection .channelTitle .md-placeholder {
          position: absolute;
          z-index: -1;
          width: 100%;
          font-size: 3.3rem;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          margin: -52px 0 0 15px;
          color: #dde4e4;
          text-align: left; }
        .channelBanner.row .mainContent .titleSection .channelTitle .md-input-has-value .md-placeholder {
          display: none; }
        .channelBanner.row .mainContent .titleSection .channelTitle .md-char-counter {
          margin-top: 5px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: 10px;
          color: #ffffff;
          text-align: right; }
        .channelBanner.row .mainContent .titleSection .channelTitle:focus {
          border: solid 1px #eceeee; }
    .channelBanner.row .mainContent .descSection {
      max-width: 1000px;
      width: 100%;
      display: inline-block;
      text-align: center; }
      .channelBanner.row .mainContent .descSection .desc {
        opacity: 0; }
      .channelBanner.row .mainContent .descSection .channelDesc {
        text-align: center;
        opacity: 1;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: steps(6, end);
        -moz-transition-timing-function: steps(6, end);
        -o-transition-timing-function: steps(6, end);
        transition-timing-function: steps(6, end);
        margin-top: -46px; }
        .channelBanner.row .mainContent .descSection .channelDesc .channelDescSegment {
          vertical-align: middle; }
          .channelBanner.row .mainContent .descSection .channelDesc .channelDescSegment md-input-container {
            z-index: 1;
            position: relative;
            margin-left: -10px;
            padding: 0; }
        .channelBanner.row .mainContent .descSection .channelDesc .md-char-counter {
          display: none;
          position: absolute;
          right: 0; }
        .channelBanner.row .mainContent .descSection .channelDesc.editFocus {
          margin-top: -10px; }
          .channelBanner.row .mainContent .descSection .channelDesc.editFocus textarea {
            background-color: rgba(255, 255, 255, 0.5);
            resize: none;
            text-align: left; }
            .channelBanner.row .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-required, .channelBanner.row .mainContent .descSection .channelDesc.editFocus textarea.ng-invalid.ng-invalid-maxlength {
              border: solid 1px #f65950; }
            .channelBanner.row .mainContent .descSection .channelDesc.editFocus textarea:focus {
              border: solid 1px #f2f4f4; }
          .channelBanner.row .mainContent .descSection .channelDesc.editFocus .md-input-focused .md-char-counter {
            display: block; }
        .channelBanner.row .mainContent .descSection .channelDesc textarea {
          opacity: 1;
          resize: none;
          overflow: hidden;
          -webkit-border-radius: 0%;
          -moz-border-radius: 0%;
          -ms-border-radius: 0%;
          -o-border-radius: 0%;
          border-radius: 0%;
          background: transparent;
          margin-bottom: 0px;
          margin-left: 0px;
          padding: 10px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: #ffffff;
          font-size: 1.5rem;
          line-height: 1.2em;
          letter-spacing: .05em;
          min-height: 37px;
          height: auto;
          overflow: hidden;
          border-color: transparent;
          text-align: center; }
        .channelBanner.row .mainContent .descSection .channelDesc .md-placeholder {
          position: absolute;
          z-index: -1;
          width: 100%;
          font-size: 1.5rem;
          font-weight: 300;
          margin: -15px 0 0 15px;
          color: #dde4e4;
          text-align: left; }
        .channelBanner.row .mainContent .descSection .channelDesc .md-input-has-value .md-placeholder {
          display: none; }
        .channelBanner.row .mainContent .descSection .channelDesc .md-char-counter {
          margin-top: 5px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: 10px;
          color: #ffffff;
          text-align: right; }
        .channelBanner.row .mainContent .descSection .channelDesc:focus {
          border: solid 1px #eceeee; }

@media screen and (max-width: 340px) {
  .leftPanel {
    display: none; }
  .editPanel {
    display: none; } }

/* Small grid */
@media screen and (max-width: 767px) {
  .leftPanel {
    display: none; }
  .editPanel {
    display: none; }
  .text-sm-center {
    text-align: center; }
  .text-sm-right {
    text-align: right; }
  .text-sm-left {
    text-align: left; }
  .channelBanner.row .collectionBannerContent .editPanel {
    display: none;
    min-height: initial; }
    .channelBanner.row .collectionBannerContent .editPanel .editActionItem {
      padding: 0 0 20px;
      text-align: center;
      vertical-align: top;
      background-color: rgba(0, 0, 0, 0.5); }
  .channelBanner.row .collectionBannerContent .collectionTitle {
    min-height: initial;
    padding: 0; }
    .channelBanner.row .collectionBannerContent .collectionTitle textarea {
      min-height: initial;
      padding: 5px 15px 15px 20px;
      font-size: 20px; }
    .channelBanner.row .collectionBannerContent .collectionTitle .channelTitleSegment .followersCountContainer {
      padding: 0 15px 10px 15px;
      font-size: 11px; } }

/* Medium grid */
@media screen and (max-width: 991px) {
  .text-md-center {
    text-align: center; }
  .text-md-right {
    text-align: right; }
  .text-md-left {
    text-align: left; }
  .channelBanner.row {
    padding: 0; } }

/* Large grid */
@media (max-width: 1199px) {
  .text-lg-center {
    text-align: center; }
  .text-lg-right {
    text-align: right; }
  .text-lg-left {
    text-align: left; }
  .channelBanner.row.lockBanner .title {
    max-width: 80%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .channelBanner {
    height: 300px !important; } }

.channelDetailContainer .channelsContainer {
  max-width: 950px;
  margin: 0  auto;
  margin-top: 50px; }
  .channelDetailContainer .channelsContainer .noCollections {
    text-align: center; }
  .channelDetailContainer .channelsContainer .channelTileContainer {
    display: inline-block;
    width: 435px;
    margin: 18px;
    position: relative; }
  .channelDetailContainer .channelsContainer .channelViewItem {
    width: 310px;
    display: inline-block;
    width: 435px;
    margin: 18px; }
    .channelDetailContainer .channelsContainer .channelViewItem .icon-locked {
      position: absolute;
      top: 80px;
      left: 11px;
      font-size: 1.6rem;
      color: #dde4e4; }
    .channelDetailContainer .channelsContainer .channelViewItem.ghostChannelCollectionCard {
      display: inline-block;
      padding-top: 98px;
      height: 246px;
      cursor: pointer;
      float: left;
      background-color: #eceeee;
      border: 2px #ffffff dashed;
      color: #3b3d40;
      letter-spacing: 0.1em;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.1rem;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: background-color 0.1s linear, border-color 0.1s linear;
      -ms-transition: background-color 0.1s linear, border-color 0.1s linear;
      -moz-transition: background-color 0.1s linear, border-color 0.1s linear;
      -o-transition: background-color 0.1s linear, border-color 0.1s linear;
      transition: background-color 0.1s linear, border-color 0.1s linear;
      color: #3b3d40; }
      .channelDetailContainer .channelsContainer .channelViewItem.ghostChannelCollectionCard:hover {
        background-color: #ffffff;
        border-color: #eceeee; }
      .channelDetailContainer .channelsContainer .channelViewItem.ghostChannelCollectionCard i {
        color: #29c896;
        font-size: 2.2rem;
        display: block;
        margin-bottom: 20px; }

@media screen and (max-width: 950px) {
  .channelDetailContainer .channelsContainer {
    max-width: 520px; } }

@media screen and (max-width: 767px) {
  .channelDetailContainer .channelsContainer {
    margin: 0 auto;
    max-width: 472px; } }

@media screen and (max-width: 479px) {
  .channelDetailContainer .channelsContainer {
    margin: 0 auto;
    max-width: 330px; }
    .channelDetailContainer .channelsContainer .channelViewItem {
      height: 275px; }
      .channelDetailContainer .channelsContainer .channelViewItem.ghostChannelCollectionCard {
        width: calc(100% - 36px);
        height: 200px;
        padding-top: 66px; }
    .channelDetailContainer .channelsContainer .channelTileContainer {
      width: calc(100% - 36px); } }

.addCollectionModal {
  max-height: 550px;
  margin-bottom: 15px; }
  .addCollectionModal .collectionsListContainer {
    margin: 8px 0px;
    max-height: 450px;
    overflow-y: scroll; }
    .addCollectionModal .collectionsListContainer .collectionsListItem {
      margin: 10px; }
      .addCollectionModal .collectionsListContainer .collectionsListItem .checkBox {
        margin-right: 1.5rem; }
        .addCollectionModal .collectionsListContainer .collectionsListItem .checkBox .addedCollection {
          background-color: #95a6a6; }
      .addCollectionModal .collectionsListContainer .collectionsListItem .collectionAdded {
        width: 18px;
        height: 18px;
        margin: .6rem 0 0.6rem 0.6rem;
        color: #29c896;
        display: inline-block; }
      .addCollectionModal .collectionsListContainer .collectionsListItem h6 {
        text-transform: none;
        font-size: 1.3rem; }

.channelTileWrapper .channelActionsContainer i {
  line-height: 45px; }

.channelTileWrapper .channelActionsContainer .channelActions {
  margin-right: -18px;
  position: absolute;
  z-index: 1;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  margin-top: -250px;
  background: #ffffff;
  height: 45px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  width: 45px;
  right: -5px;
  font-size: 16px; }

.channelTileWrapper .channelActionsContainer .removeAction {
  display: block; }
  .channelTileWrapper .channelActionsContainer .removeAction:hover {
    color: #f65950; }

.channelTileWrapper .channelActionsContainer .recoverAction {
  display: none; }

.channelTileWrapper .channelActionsContainer.toBeRemoved {
  opacity: 0.3;
  -webkit-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear; }
  .channelTileWrapper .channelActionsContainer.toBeRemoved .removeAction {
    display: none; }
  .channelTileWrapper .channelActionsContainer.toBeRemoved .recoverAction {
    display: block; }

.channelSocialShare .socialShareWrapper .facebookShareBlock {
  background-color: white;
  border-radius: 2px; }

.channelSocialShare .socialShareWrapper .linkedInShareBlock {
  background-color: white;
  border-radius: 2px; }

.channelSocialShare .socialShareWrapper .twitterShareBlock {
  background-color: white;
  border-radius: 2px; }

.channelSocialShare .socialShareWrapper .emailShareBlock {
  background-color: white;
  border-radius: 2px; }

div.notificationBaseCard {
  width: 450px;
  min-height: 50px;
  border-bottom: 1px solid #dde4e4;
  position: relative;
  background: #ffffff;
  font-size: 1.5rem;
  line-height: 1.4em;
  padding: 1.5rem 4rem 1.5rem 1.5rem;
  cursor: pointer; }
  div.notificationBaseCard.unread {
    background-color: #eceeee; }
  div.notificationBaseCard .indicators {
    top: 0;
    bottom: 0;
    right: -10px;
    margin: auto;
    position: absolute;
    width: 42px;
    height: 0px; }
  div.notificationBaseCard i.dot {
    height: 10px;
    width: 10px;
    background-color: #f65950;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    cursor: pointer; }
  div.notificationBaseCard a {
    float: none;
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: 1.7;
    font-size: 1.3rem;
    text-transform: none;
    letter-spacing: 0;
    text-align: left;
    color: #26b099; }
  div.notificationBaseCard .notification-time {
    font-size: 1.1rem;
    color: #95a6a6;
    margin-right: -25px;
    position: relative;
    top: -15px; }
  div.notificationBaseCard .profileAvatar {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.25rem 0 .5rem;
    height: 4rem;
    width: 4rem; }
    div.notificationBaseCard .profileAvatar img {
      height: 100%;
      width: 100%;
      display: block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
    div.notificationBaseCard .profileAvatar .icon-user {
      color: #ffffff;
      background-color: #dde4e4;
      height: 3.5rem;
      width: 3.5rem;
      font-size: 2.5em;
      line-height: 1.4;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;
      text-align: center; }
    div.notificationBaseCard .profileAvatar .userImage {
      height: 3.5rem;
      width: 3.5rem;
      overflow: hidden;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      div.notificationBaseCard .profileAvatar .userImage.offset {
        position: absolute;
        top: 0px;
        left: 0px; }
  div.notificationBaseCard.tile a {
    text-align: center; }
  div.notificationBaseCard.tile .notificationText {
    width: 100%; }
    div.notificationBaseCard.tile .notificationText .notificationMainText {
      width: 100%;
      font-size: 1.3rem; }
      div.notificationBaseCard.tile .notificationText .notificationMainText a {
        font-size: 1em;
        vertical-align: middle;
        display: inline; }
      div.notificationBaseCard.tile .notificationText .notificationMainText .conversationText {
        font-size: 1em;
        width: 100%; }
      div.notificationBaseCard.tile .notificationText .notificationMainText a.conversationText, div.notificationBaseCard.tile .notificationText .notificationMainText strong {
        font-family: "MuseoSansRounded500", "Arial", sans-serif; }
  div.notificationBaseCard .fix-link {
    color: #000000; }
    div.notificationBaseCard .fix-link a:hover {
      color: #26b099 !important; }
    div.notificationBaseCard .fix-link a:visited {
      color: #3b3d40; }
  div.notificationBaseCard .notificationText {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 6rem); }
    div.notificationBaseCard .notificationText .notificationMainText {
      width: calc(100% - 60px); }
    div.notificationBaseCard .notificationText a {
      display: inline-block;
      max-width: 100%; }
      div.notificationBaseCard .notificationText a.userName {
        color: #3b3d40;
        font-size: 1.5rem;
        line-height: 1.5; }
    div.notificationBaseCard .notificationText a:hover {
      color: #26b099 !important; }
    div.notificationBaseCard .notificationText a:visited {
      color: #3b3d40; }
    div.notificationBaseCard .notificationText .conversationText {
      display: block;
      color: #3b3d40;
      font-size: 1.3rem;
      line-height: 1.7;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      width: 180px; }
    div.notificationBaseCard .notificationText .conversationContentTitle {
      font-size: 1.2rem;
      color: #95a6a6; }

.feedbackModal .declaraModal-content ul.ss-choices {
  /* Google form class */
  margin-bottom: 2rem; }

.feedbackModal .declaraModal-content .required-message,
.feedbackModal .declaraModal-content .ss-password-warning {
  /* Google form classes */
  display: none; }

.feedbackModal .declaraModal-content .button {
  margin-left: 0; }

.ftux {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }
  .ftux .tip {
    position: absolute;
    min-height: 100px;
    width: 200px;
    background-color: #29c896;
    margin-left: -100px;
    margin-top: -10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 6px 8px -3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 6px 8px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 6px 8px -3px rgba(0, 0, 0, 0.4);
    padding: 2.5rem;
    text-align: center;
    color: #ffffff; }
    .ftux .tip p {
      font-size: 1.6rem;
      line-height: 1.2em;
      margin-bottom: 2rem; }
      .ftux .tip p.small {
        margin-bottom: 0;
        font-size: 1.1rem;
        letter-spacing: 0.1em; }
    .ftux .tip button, .ftux .tip .button {
      margin-bottom: 2rem;
      font-size: 1.1rem;
      padding: 0 2rem; }
    .ftux .tip:before {
      content: "\e61f";
      font-family: 'icomoon';
      position: absolute;
      top: -4px;
      left: 50%;
      margin-left: -10px;
      display: block;
      width: 20px;
      height: 10px;
      font-size: 2rem;
      color: #29c896;
      z-index: -1; }
    .ftux .tip.altArrowRight {
      margin-top: 10px; }
      .ftux .tip.altArrowRight:before {
        left: 77%; }
    .ftux .tip.altArrowLeft {
      margin-left: 0; }
      .ftux .tip.altArrowLeft:before {
        left: 80px; }

.addDrawerContainer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100; }
  .addDrawerContainer .alert {
    position: absolute;
    bottom: 20px;
    color: #f65950; }
  .addDrawerContainer .button.action:hover, .addDrawerContainer button.action:hover {
    background-color: #26b099; }
  .addDrawerContainer .backFill {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1; }
  .addDrawerContainer .success {
    text-align: center; }
    .addDrawerContainer .success .folder {
      position: relative;
      height: 135px;
      margin: 0 auto;
      width: 180px; }
      .addDrawerContainer .success .folder i {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        font-size: 100px;
        color: #29c896;
        width: 82px; }
        .addDrawerContainer .success .folder i.icon-article-share {
          padding-top: 24px; }
        .addDrawerContainer .success .folder i.icon-sparks {
          color: #986daa;
          width: 173px;
          font-size: 135px; }
  .addDrawerContainer .groupPicker h4 {
    padding: 0 20px;
    margin-bottom: 16px; }
  .addDrawerContainer .uploadFile {
    color: #95a6a6;
    text-align: center;
    cursor: pointer;
    padding: 20px;
    margin-bottom: 20px; }
    .addDrawerContainer .uploadFile i {
      font-size: 40px;
      padding: 16px;
      display: block;
      color: #29c896; }
    .addDrawerContainer .uploadFile span {
      display: block;
      font-size: 15px; }
    .addDrawerContainer .uploadFile .groupUploadInProgress {
      text-align: center; }
      .addDrawerContainer .uploadFile .groupUploadInProgress md-progress-circular {
        display: inline-block; }
  .addDrawerContainer .addDrawer {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    max-width: 100%;
    width: 610px;
    min-height: 100px;
    height: 300px;
    max-height: calc(89vh - 100px);
    height: auto;
    margin: auto;
    background-color: #ffffff;
    padding: 20px;
    overflow: auto;
    z-index: 3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); }
    .addDrawerContainer .addDrawer.imported, .addDrawerContainer .addDrawer.pickGroup {
      padding: 0; }
      .addDrawerContainer .addDrawer.imported .options, .addDrawerContainer .addDrawer.pickGroup .options {
        margin: 0 0 20px; }
    .addDrawerContainer .addDrawer .addDrawerSection form .inputContainer {
      text-align: center; }
      .addDrawerContainer .addDrawer .addDrawerSection form .inputContainer .input {
        width: 410px;
        max-width: 100%;
        display: inline-block; }
    .addDrawerContainer .addDrawer .fireUp, .addDrawerContainer .addDrawer .uploadDocumentSequenceContainer, .addDrawerContainer .addDrawer .uploadDocumentSequenceContainer form {
      display: inline; }
    .addDrawerContainer .addDrawer .extensionMessage {
      height: 88px;
      background-color: #eceeee;
      margin: -20px -20px 20px;
      padding: 15px;
      position: relative; }
      .addDrawerContainer .addDrawer .extensionMessage button {
        border: 0 none;
        padding: 0;
        line-height: 1;
        background-color: transparent;
        text-transform: none;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        display: inline;
        vertical-align: middle;
        font-size: 13px;
        letter-spacing: normal; }
      .addDrawerContainer .addDrawer .extensionMessage img {
        display: inline;
        vertical-align: middle; }
    .addDrawerContainer .addDrawer .options {
      margin: -20px -20px 20px;
      padding: 20px 20px 0;
      border-bottom: solid 1px #eceeee; }
      .addDrawerContainer .addDrawer .options a {
        display: inline-block;
        font-size: 14px;
        line-height: 1.3;
        color: #3b3d40;
        margin-right: 20px;
        border-bottom: solid 1px transparent;
        padding-bottom: 20px; }
        .addDrawerContainer .addDrawer .options a.active {
          border-bottom-color: #29c896; }
          .addDrawerContainer .addDrawer .options a.active:hover {
            text-decoration: none; }
      .addDrawerContainer .addDrawer .options i {
        color: #3b3d40;
        height: 17px;
        line-height: 17px;
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle; }
        .addDrawerContainer .addDrawer .options i.icon-link2 {
          font-size: 22px; }
        .addDrawerContainer .addDrawer .options i.icon-file-upload {
          font-size: 29px; }
        .addDrawerContainer .addDrawer .options i.icon-pencil {
          font-size: 22px; }
    .addDrawerContainer .addDrawer p {
      margin: 0 0 10px;
      font-size: 1.3rem;
      line-height: 1.2; }
    .addDrawerContainer .addDrawer button.close {
      position: absolute;
      right: 10px;
      top: 12px; }
      .addDrawerContainer .addDrawer button.close.icon-x {
        color: #95a6a6; }
    .addDrawerContainer .addDrawer h3 {
      line-height: 1.2;
      color: #3b3d40; }
  .addDrawerContainer .tabs {
    margin: 0 -20px 20px;
    padding: 20px 20px 0; }
    .addDrawerContainer .tabs button.tab {
      display: inline-block;
      height: auto;
      margin-bottom: -1px;
      background: transparent;
      padding: 0 15px 20px;
      border: 0 none;
      border-bottom: solid 1px transparent;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      color: #3b3d40;
      font-size: 14px;
      line-height: 1.3;
      text-transform: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      letter-spacing: normal; }
      .addDrawerContainer .tabs button.tab:first-child {
        margin-left: 20px; }
      .addDrawerContainer .tabs button.tab:hover {
        text-decoration: underline; }
      .addDrawerContainer .tabs button.tab.active {
        border-bottom-color: #29c896;
        color: #3b3d40; }
        .addDrawerContainer .tabs button.tab.active:hover {
          text-decoration: none; }
    .addDrawerContainer .tabs .tabBody {
      display: none;
      border-top: solid 1px #dde4e4;
      padding-top: 16px; }
      .addDrawerContainer .tabs .tabBody.active {
        display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .addDrawerContainer .addDrawer .addDrawerSection form .inputContainer button {
    float: right;
    margin-top: 10px; } }

.collectionSidebarContainer {
  margin-bottom: 10px; }
  .collectionSidebarContainer .inView-marker {
    height: 1px; }
  .collectionSidebarContainer .list .orgNameLabel {
    display: block;
    margin: 20px 20px 10px;
    padding: 20px 0 0 0;
    border-top: solid 1px #dde4e4;
    font-size: 1.4rem;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    text-transform: uppercase; }
  .collectionSidebarContainer .list h6 {
    margin: 20px 0;
    padding: 0 20px; }
  .collectionSidebarContainer .ghostCard {
    float: none;
    margin-left: 0;
    margin-right: 0; }
  .collectionSidebarContainer .createCollectionInline.button {
    height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    text-align: left;
    text-transform: none;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    padding: 0 16px; }
    .collectionSidebarContainer .createCollectionInline.button:hover {
      background-color: transparent; }
      .collectionSidebarContainer .createCollectionInline.button:hover .init i {
        background-color: #29c896;
        color: #ffffff; }
    .collectionSidebarContainer .createCollectionInline.button > * {
      padding: 0; }
    .collectionSidebarContainer .createCollectionInline.button .init {
      font-size: 1.3rem; }
      .collectionSidebarContainer .createCollectionInline.button .init i {
        display: inline-block;
        height: 45px;
        width: 45px;
        line-height: 45px;
        text-align: center;
        border: solid 2px #29c896;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding-right: 0;
        margin-right: 10px; }
  .collectionSidebarContainer .collectionSearchInput {
    background-color: #eceeee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    position: relative;
    margin: 0 16px 16px; }
    .collectionSidebarContainer .collectionSearchInput .icon-search {
      position: absolute;
      left: 10px;
      top: 20px;
      font-size: 1.5rem;
      color: #3b3d40; }
    .collectionSidebarContainer .collectionSearchInput .input {
      display: block;
      padding-left: 16px; }
      .collectionSidebarContainer .collectionSearchInput .input input {
        background: none transparent;
        border: 0 none;
        width: 100%;
        margin: 0; }
  .collectionSidebarContainer .collectionListItem {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 15px 20px; }
    .collectionSidebarContainer .collectionListItem .stateIndicator {
      position: absolute;
      left: 0;
      top: 0;
      width: 90%;
      height: 100%;
      z-index: 1; }
    .collectionSidebarContainer .collectionListItem .collectionImage {
      height: 50px;
      width: 50px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      position: relative;
      z-index: 2; }
    .collectionSidebarContainer .collectionListItem .completeState {
      position: absolute;
      background-color: #29c896;
      z-index: 3;
      width: 100%;
      height: 100%;
      padding: 0 15px;
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      font-size: 1.3rem;
      line-height: 1.2;
      top: 0;
      left: 0; }
    .collectionSidebarContainer .collectionListItem.error .completeState {
      background-color: #f65950; }
    .collectionSidebarContainer .collectionListItem i {
      position: relative;
      height: 18px;
      width: 25px;
      display: inline-block;
      vertical-align: middle; }
      .collectionSidebarContainer .collectionListItem i:before, .collectionSidebarContainer .collectionListItem i:after {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 3px;
        margin: auto;
        font-family: 'icomoon';
        font-size: 1.3rem;
        line-height: 1; }
      .collectionSidebarContainer .collectionListItem i:after {
        top: 3px;
        left: 0;
        content: "\e909";
        /* Bottom icon */
        z-index: 1;
        background: #f2f4f4; }
    .collectionSidebarContainer .collectionListItem .collectionTitle {
      word-break: break-word;
      color: #3b3d40;
      letter-spacing: 0;
      text-transform: none;
      text-align: left;
      font-size: 1.3rem;
      line-height: 1.2;
      display: inline;
      position: relative;
      z-index: 2;
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
    .collectionSidebarContainer .collectionListItem:hover {
      background-color: #dde4e4; }
      .collectionSidebarContainer .collectionListItem:hover .collectionButton {
        display: inline-block; }
      .collectionSidebarContainer .collectionListItem:hover i:after {
        background: #dde4e4; }
    .collectionSidebarContainer .collectionListItem .collectionButton {
      display: none;
      position: absolute;
      right: 16px;
      top: 0;
      bottom: 0;
      z-index: 2;
      margin: auto;
      vertical-align: middle; }
      .collectionSidebarContainer .collectionListItem .collectionButton[disabled] {
        background: inherit;
        border: inherit;
        color: inherit;
        cursor: default; }
      .collectionSidebarContainer .collectionListItem .collectionButton:not([disabled]):hover {
        background-color: #26b099; }
    .collectionSidebarContainer .collectionListItem .saved {
      position: absolute;
      right: 10px;
      top: 0;
      bottom: 0;
      margin: auto 0;
      font-size: 12px;
      height: 20px;
      line-height: 20px;
      color: #95a6a6; }
      .collectionSidebarContainer .collectionListItem .saved .icon-check {
        color: #29c896; }
    .collectionSidebarContainer .collectionListItem .icon-locked {
      font-size: 1.5rem;
      color: #95a6a6; }
    .collectionSidebarContainer .collectionListItem .completeState {
      display: none;
      color: #ffffff; }
      .collectionSidebarContainer .collectionListItem .completeState.withButton .message {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0; }
      .collectionSidebarContainer .collectionListItem .completeState .message {
        line-height: 2.1rem;
        margin-top: 6px; }
      .collectionSidebarContainer .collectionListItem .completeState button {
        display: none;
        border: none;
        background-color: rgba(0, 0, 0, 0.2);
        font-size: 0.8rem;
        color: white;
        padding: 10px;
        height: 28px;
        line-height: normal;
        margin-top: 14px; }
    .collectionSidebarContainer .collectionListItem.loading .stateIndicator {
      background-color: #26b099;
      width: 95%;
      -webkit-animation: stateLoader 60s cubic-bezier(0.075, 0.82, 0.165, 1);
      -moz-animation: stateLoader 60s cubic-bezier(0.075, 0.82, 0.165, 1);
      -ms-animation: stateLoader 60s cubic-bezier(0.075, 0.82, 0.165, 1);
      -o-animation: stateLoader 60s cubic-bezier(0.075, 0.82, 0.165, 1);
      animation: stateLoader 60s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .collectionSidebarContainer .collectionListItem.error .collectionButton, .collectionSidebarContainer .collectionListItem.success .collectionButton {
      display: none; }
    .collectionSidebarContainer .collectionListItem.error .completeState, .collectionSidebarContainer .collectionListItem.success .completeState {
      display: block; }
    .collectionSidebarContainer .collectionListItem.error .stateIndicator, .collectionSidebarContainer .collectionListItem.success .stateIndicator {
      width: 100%; }
    .collectionSidebarContainer .collectionListItem.error .stateIndicator {
      background-color: #f65950; }
    .collectionSidebarContainer .collectionListItem.error .withButton .message {
      width: calc(100% - 53px); }
    .collectionSidebarContainer .collectionListItem.error .errorButton {
      display: inline-block; }
    .collectionSidebarContainer .collectionListItem.success .stateIndicator {
      background-color: #29c896; }
    .collectionSidebarContainer .collectionListItem.success .withButton .message {
      width: calc(100% - 80px); }
    .collectionSidebarContainer .collectionListItem.success .successButton {
      display: inline-block; }

@-moz-keyframes stateLoader {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

@-webkit-keyframes stateLoader {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

@-o-keyframes stateLoader {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

@-ms-keyframes stateLoader {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

@keyframes stateLoader {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

.fitImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.loader {
  width: 550px;
  margin: 0 auto;
  text-align: center;
  opacity: 1;
  max-height: 350px;
  height: 350px;
  overflow: hidden;
  display: block;
  clear: both;
  -webkit-animation: showLoader 0.5s linear;
  -moz-animation: showLoader 0.5s linear;
  -ms-animation: showLoader 0.5s linear;
  -o-animation: showLoader 0.5s linear;
  animation: showLoader 0.5s linear; }
  .loader.short {
    max-height: 90px;
    height: 90px; }
    .loader.short h5 {
      margin-top: 10px; }
  .loader.abs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background-color: rgba(221, 228, 228, 0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-top: -20px;
    width: 440px; }
    .loader.abs h5 {
      margin-top: 30px; }
    .loader.abs .loadMe {
      background-color: #3b3d40;
      width: 380px; }

@-moz-keyframes showLoader {
  from {
    height: 0;
    opacity: 0; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 350px;
    opacity: 1; } }

@-webkit-keyframes showLoader {
  from {
    height: 0;
    opacity: 0; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 350px;
    opacity: 1; } }

@-o-keyframes showLoader {
  from {
    height: 0;
    opacity: 0; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 350px;
    opacity: 1; } }

@-ms-keyframes showLoader {
  .loader from {
    height: 0;
    opacity: 0; }
  .loader 50% {
    height: 350px;
    opacity: 0.5; }
  .loader to {
    height: 350px;
    opacity: 1; } }

@keyframes showLoader {
  from {
    height: 0;
    opacity: 0; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 350px;
    opacity: 1; } }
  .loader.hideLoader {
    height: 0;
    opacity: 0;
    padding: 0;
    -webkit-animation: hideLoader 0.5s linear;
    -moz-animation: hideLoader 0.5s linear;
    -ms-animation: hideLoader 0.5s linear;
    -o-animation: hideLoader 0.5s linear;
    animation: hideLoader 0.5s linear; }

@-moz-keyframes hideLoader {
  from {
    height: 350px;
    opacity: 1; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 0;
    opacity: 0; } }

@-webkit-keyframes hideLoader {
  from {
    height: 350px;
    opacity: 1; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 0;
    opacity: 0; } }

@-o-keyframes hideLoader {
  from {
    height: 350px;
    opacity: 1; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 0;
    opacity: 0; } }

@-ms-keyframes hideLoader {
  .loader.hideLoader from {
    height: 350px;
    opacity: 1; }
  .loader.hideLoader 50% {
    height: 350px;
    opacity: 0.5; }
  .loader.hideLoader to {
    height: 0;
    opacity: 0; } }

@keyframes hideLoader {
  from {
    height: 350px;
    opacity: 1; }
  50% {
    height: 350px;
    opacity: 0.5; }
  to {
    height: 0;
    opacity: 0; } }
  .loader h2 {
    font-family: "RooneyLight", Times, "Times New Roman", serif;
    font-size: 2.7rem;
    font-weight: 400; }
  .loader h5 {
    margin-top: 50px; }
  .loader .quoteImg {
    height: 48px;
    width: 48px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px; }
    .loader .quoteImg img {
      display: block;
      width: 100%;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
  .loader .loadMe {
    height: 2px;
    width: 400px;
    margin: 0 auto;
    background-color: #eceeee;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px; }

@-moz-keyframes growWidth {
  0% {
    width: 0%; }
  30% {
    width: 40%; }
  75% {
    width: 55%; }
  80% {
    width: 60%; }
  100% {
    width: 98%; } }

@-webkit-keyframes growWidth {
  0% {
    width: 0%; }
  30% {
    width: 40%; }
  75% {
    width: 55%; }
  80% {
    width: 60%; }
  100% {
    width: 98%; } }

@-o-keyframes growWidth {
  0% {
    width: 0%; }
  30% {
    width: 40%; }
  75% {
    width: 55%; }
  80% {
    width: 60%; }
  100% {
    width: 98%; } }

@-ms-keyframes growWidth {
  .loader .loadMe 0% {
    width: 0%; }
  .loader .loadMe 30% {
    width: 40%; }
  .loader .loadMe 75% {
    width: 55%; }
  .loader .loadMe 80% {
    width: 60%; }
  .loader .loadMe 100% {
    width: 98%; } }

@keyframes growWidth {
  0% {
    width: 0%; }
  30% {
    width: 40%; }
  75% {
    width: 55%; }
  80% {
    width: 60%; }
  100% {
    width: 98%; } }
    .loader .loadMe:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      height: 2px;
      width: 98%;
      background-color: #29c896;
      -webkit-animation: growWidth 3s linear;
      -moz-animation: growWidth 3s linear;
      -ms-animation: growWidth 3s linear;
      -o-animation: growWidth 3s linear;
      animation: growWidth 3s linear; }

.imgInfo {
  width: 13rem;
  padding-top: 2rem; }
  .imgInfo label.imageUpload {
    cursor: pointer;
    font-size: 1.1rem;
    color: #26b099;
    width: 100%;
    text-align: center; }
    .imgInfo label.imageUpload i, .imgInfo label.imageUpload img {
      height: 7.1rem;
      width: 7.1rem;
      border-radius: 50%;
      display: block;
      margin: 0 auto 1.2rem;
      background-color: #dde4e4;
      color: #eceeee;
      font-size: 2.6rem;
      text-align: center;
      line-height: 7.1rem; }
  .imgInfo input[type="file"] {
    display: none; }

.pictureType {
  text-transform: lowercase; }

.chromeExtLink.tile p {
  margin-bottom: 10px;
  font-size: 1.2rem; }

.chromeExtLink.tile .buttonBlock {
  text-align: center; }

.chromeExtLink.tile img {
  height: 58px;
  width: 58px;
  float: right;
  margin-top: -15px; }

.editorView {
  min-height: calc(100vh - 126px); }
  .editorView .buttonBar {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    height: 70px;
    background-color: #ffffff;
    border-bottom: 1px solid #dde4e4;
    padding: 18px 30px;
    text-align: center;
    z-index: 1; }
    .editorView .buttonBar .publishButton {
      float: right;
      margin-left: 10px; }
    .editorView .buttonBar .delete-btn {
      float: left;
      margin-right: 10px;
      color: red;
      border: 1px solid #f65950; }
    .editorView .buttonBar .delete-btn:hover {
      background-color: #FFE6E6; }
    .editorView .buttonBar [disabled] {
      pointer-events: none; }
    .editorView .buttonBar .btn-wrapper {
      float: right; }
    .editorView .buttonBar .btn-wrapper-left {
      float: left; }
  .editorView .messageBar {
    position: fixed;
    top: 56px;
    left: 0%;
    width: 100%;
    color: #ffffff;
    border-bottom: 1px solid #dde4e4;
    text-align: center;
    font-size: 1.5rem;
    box-sizing: border-box;
    z-index: 2; }
    .editorView .messageBar .errorBlock {
      background-color: #f65950;
      max-height: 70px;
      min-height: 70px;
      padding: 20px 30px; }
    .editorView .messageBar .noAction {
      padding: 25px 30px; }
    .editorView .messageBar .successBlock {
      background-color: #29c896;
      max-height: 70px;
      min-height: 70px;
      padding: 27px 30px; }
    .editorView .messageBar .delete-btn {
      color: #FFFFFF;
      border: 1px solid #FFFFFF;
      background-color: #f65950;
      margin-left: 20px; }
    .editorView .messageBar .delete-btn:hover {
      background-color: #FFE6E6;
      color: #f65950; }
    .editorView .messageBar .delete-btn:focus {
      background-color: #F58787;
      color: #FFFFFF; }
  .editorView .editorDirective {
    width: 672px;
    max-width: 90%;
    margin: 70px auto 0;
    padding-top: 40px; }
    .editorView .editorDirective .editorTitle {
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      font-size: 3.9rem;
      border: 1px solid #f2f4f4;
      border-radius: 3px;
      padding: 3px 10px;
      width: 100%; }
      .editorView .editorDirective .editorTitle::-webkit-input-placeholder {
        font-size: 3.9rem;
        font-style: normal;
        color: #dde4e4; }
      .editorView .editorDirective .editorTitle:-moz-placeholder {
        font-size: 3.9rem;
        font-style: normal;
        color: #dde4e4;
        opacity: 1; }
      .editorView .editorDirective .editorTitle::-moz-placeholder {
        font-size: 3.9rem;
        font-style: normal;
        color: #dde4e4;
        opacity: 1; }
      .editorView .editorDirective .editorTitle:-ms-input-placeholder {
        font-size: 3.9rem;
        font-style: normal;
        color: #dde4e4; }
    .editorView .editorDirective input[type="file"] {
      display: none; }
    .editorView .editorDirective .authorInfo {
      text-align: left;
      margin-top: 40px;
      margin-left: 11px; }
      .editorView .editorDirective .authorInfo .userTile {
        padding: 10px 0px; }
    .editorView .editorDirective .postItem {
      margin-top: 45px;
      padding: 15px;
      border: 1px solid #f2f4f4;
      border-radius: 5px;
      position: relative;
      min-height: 400px; }
      .editorView .editorDirective .postItem .insertToolbar {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        position: absolute;
        right: calc(100% + 35px); }
        .editorView .editorDirective .postItem .insertToolbar .insertButton {
          margin-top: 10px;
          min-width: 100px;
          cursor: pointer; }
          .editorView .editorDirective .postItem .insertToolbar .insertButton label {
            margin-top: 5px;
            cursor: pointer; }
          .editorView .editorDirective .postItem .insertToolbar .insertButton .circleButton {
            float: left; }
          .editorView .editorDirective .postItem .insertToolbar .insertButton .active {
            border-color: #26b099;
            color: #26b099; }
            .editorView .editorDirective .postItem .insertToolbar .insertButton .active i {
              color: #26b099; }
          .editorView .editorDirective .postItem .insertToolbar .insertButton h6 {
            float: left;
            padding: 10px 0 0 10px;
            color: #95a6a6; }
      .editorView .editorDirective .postItem .postDetail-body {
        position: relative;
        z-index: 1;
        padding: 0; }
        .editorView .editorDirective .postItem .postDetail-body .insightTile {
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none; }
          .editorView .editorDirective .postItem .postDetail-body .insightTile .tileContent {
            border: 1px solid #dde4e4; }
            .editorView .editorDirective .postItem .postDetail-body .insightTile .tileContent .contentDetails {
              padding-top: 30px; }
          .editorView .editorDirective .postItem .postDetail-body .insightTile a {
            text-decoration: none; }
        .editorView .editorDirective .postItem .postDetail-body .editorEmbeddedImage {
          max-width: 100%;
          align: center; }
        .editorView .editorDirective .postItem .postDetail-body .imagePlaceholder {
          margin-left: 35%;
          width: 30%;
          height: 100px;
          background-color: #dde4e4; }
      .editorView .editorDirective .postItem .placeholder {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        font-family: "RooneyLight", Times, "Times New Roman", serif;
        font-size: 16px;
        color: #95a6a6;
        position: absolute;
        top: 20px; }

#confirmDeleteModal h3 {
  text-transform: none; }

@media screen and (max-width: 768px) {
  .editorView .buttonBar {
    top: 98px;
    -webkit-transform: translate(0, -128px);
    -moz-transform: translate(0, -128px);
    -ms-transform: translate(0, -128px);
    -o-transform: translate(0, -128px);
    transform: translate(0, -128px);
    -webkit-transition: transform 0.7s;
    -ms-transition: transform 0.7s;
    -moz-transition: transform 0.7s;
    -o-transition: transform 0.7s;
    transition: transform 0.7s; }
    .editorView .buttonBar.vis {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .editorView .buttonBar button {
      padding: 0 5px; } }

#editor-collection-list-modal, #editor-insight-modal {
  min-height: 550px;
  max-height: 550px;
  overflow-x: hidden;
  margin-bottom: 15px; }
  #editor-collection-list-modal .emptyMsg, #editor-insight-modal .emptyMsg {
    text-align: center; }
  #editor-collection-list-modal .post-to-collection-success-message, #editor-insight-modal .post-to-collection-success-message {
    margin: 20px 0px;
    font-size: 1.3rem; }
  #editor-collection-list-modal .icon-d3-insight, #editor-insight-modal .icon-d3-insight {
    height: 5rem;
    font-size: 4rem;
    width: 5rem; }
  #editor-collection-list-modal label.inline-checkbox-label, #editor-insight-modal label.inline-checkbox-label {
    font-family: "RooneyLight", Times, "Times New Roman", serif;
    line-height: 2rem;
    margin-top: -4px;
    padding: 3px 0px; }
  #editor-collection-list-modal .editor-insights-article-title, #editor-insight-modal .editor-insights-article-title {
    margin: 12px 0px; }
  #editor-collection-list-modal .editor-insights-list, #editor-insight-modal .editor-insights-list {
    margin: 8px 0px;
    height: 450px;
    overflow-y: scroll; }
  #editor-collection-list-modal .editor-insights-list-item, #editor-insight-modal .editor-insights-list-item {
    margin: 8px 0px; }
  #editor-collection-list-modal .annotator-hl, #editor-insight-modal .annotator-hl {
    line-height: 2rem; }
  #editor-collection-list-modal td, #editor-insight-modal td {
    vertical-align: top; }
  #editor-collection-list-modal td.create-collection-row, #editor-insight-modal td.create-collection-row {
    padding: 10px 0px; }
    #editor-collection-list-modal td.create-collection-row a, #editor-insight-modal td.create-collection-row a {
      text-decoration: none; }
  #editor-collection-list-modal .error, #editor-insight-modal .error {
    padding: 10px;
    background-color: #f65950;
    color: #FFFFFF;
    margin-bottom: 15px; }

.bottom-button-bar [disabled] {
  pointer-events: none; }

.bottom-button-bar .btn-wrapper {
  float: right; }

.profileActivityView .graph {
  margin-bottom: 32px;
  border-top: solid 2px #eceeee; }
  .mobile .profileActivityView .graph {
    border-top: 0 none;
    margin-bottom: 0; }
  .profileActivityView .graph svg {
    width: 100%; }
    .profileActivityView .graph svg .x.axis .tick line {
      display: none; }
    .profileActivityView .graph svg .y.axis .tick line {
      display: none; }
    .profileActivityView .graph svg .y.axis .tick line.tickLine {
      stroke: #95a6a6;
      display: block; }
      .mobile .profileActivityView .graph svg .y.axis .tick line.tickLine {
        stroke: #ffffff; }
    .profileActivityView .graph svg .datapoint.hide {
      display: none; }
    .profileActivityView .graph svg .domain {
      stroke-width: 0;
      fill: transparent; }
    .profileActivityView .graph svg text {
      fill: #95a6a6; }

.profileActivityView.small {
  text-align: center;
  background-color: #ffffff; }
  .profileActivityView.small .graph {
    border-top: 0 none;
    margin-bottom: 10px;
    height: 61px; }
  .profileActivityView.small .graphTout {
    display: none; }
  .profileActivityView.small .tout {
    font-size: 50px;
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    color: #29c896;
    width: auto; }
    .profileActivityView.small .tout span {
      color: #95a6a6;
      font-size: 31px;
      font-family: "MuseoSansRounded100", "Arial", sans-serif; }
      .profileActivityView.small .tout span.timeframe {
        font-size: 13px;
        display: block; }

.profileActivityView .toutBlock {
  white-space: nowrap;
  margin-bottom: 64px; }
  .mobile .profileActivityView .toutBlock {
    margin-bottom: 10px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; }

.profileActivityView .tout {
  font-size: 30px;
  font-family: "MuseoSansRounded100", "Arial", sans-serif;
  width: 50%;
  display: inline-block;
  color: #95a6a6; }
  .profileActivityView .tout:last-child {
    text-align: right; }

@media screen and (max-width: 890px) {
  .profileActivityView {
    background-color: #e5c75d;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
    .profileActivityView .graphTout {
      white-space: nowrap;
      padding: 15px 13px; }
    .profileActivityView h3 {
      font-size: 2rem;
      color: #ffffff;
      width: 50%;
      display: inline-block; }
      .profileActivityView h3:last-child {
        text-align: right; }
    .profileActivityView .graph svg text {
      fill: #ffffff;
      font-size: 17px; }
    .profileActivityView .graph svg .y.axis .tick line.tickLine {
      stroke: #ffffff; }
    .profileActivityView .tout {
      margin-bottom: 0;
      text-align: center;
      color: #95a6a6;
      font-size: 13px;
      padding: 15px 0; }
      .profileActivityView .tout:first-child {
        border-right: solid 1px #eceeee; }
        .profileActivityView .tout:first-child.single {
          width: 100%;
          border-right: 0 none; }
      .profileActivityView .tout:last-child {
        text-align: center; }
      .profileActivityView .tout span.number {
        font-size: 30px;
        color: #3b3d40;
        display: block;
        margin-bottom: 5px; }
    .profileActivityView.small {
      background-color: #ffffff;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .profileActivityView.small svg text {
        fill: #3b3d40; }
      .profileActivityView.small svg g path {
        stroke: #d4aa55; }
      .profileActivityView.small svg .y.axis .tick line.tickLine {
        stroke: #3b3d40; }
      .profileActivityView.small .graph {
        height: 45px;
        margin-bottom: 5px; }
      .profileActivityView.small .tout {
        font-size: 30px;
        padding: 0; }
        .profileActivityView.small .tout span {
          font-size: 23px; }
        .profileActivityView.small .tout:first-child {
          border: 0 none; } }

.insightSnapshotContainer {
  padding: 10px 5px;
  width: 506px; }
  .insightSnapshotContainer .headerRow {
    border-bottom: 1px solid #eceeee;
    height: 35px; }
  .insightSnapshotContainer .profilePicContainer {
    padding: 0 2px; }
  .insightSnapshotContainer .profilePic {
    height: 25px;
    border-radius: 50%;
    vertical-align: top;
    float: left; }
  .insightSnapshotContainer .userNameContainer {
    padding: 4px 4px;
    font-size: 1.3rem;
    float: left;
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
    .insightSnapshotContainer .userNameContainer b {
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
  .insightSnapshotContainer .date {
    font-size: 1rem;
    color: #95a6a6; }
  .insightSnapshotContainer .logo {
    font-size: 30px; }
  .insightSnapshotContainer p.insightText, .insightSnapshotContainer p.insightText span {
    font-size: 1.8rem;
    font-weight: 300;
    font-family: serif;
    margin-bottom: 1.2rem; }
  .insightSnapshotContainer .userPic {
    border-radius: 50%;
    height: 30px;
    float: left;
    display: inline-block;
    vertical-align: middle; }
  .insightSnapshotContainer .imageRow {
    height: 35px; }
  .insightSnapshotContainer .insightIcon {
    float: left;
    font-size: 2.25rem;
    padding: 2px;
    margin: 0 2px 0 0;
    color: #f65950; }
  .insightSnapshotContainer .moreLikes {
    font-size: 1.25rem;
    padding: 8px;
    color: #dde4e4; }

.socialShareWrapper .shareBlock {
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  margin-right: 4px;
  cursor: pointer;
  letter-spacing: 0; }
  .socialShareWrapper .shareBlock.facebookShareBlock {
    color: #3b5998; }
  .socialShareWrapper .shareBlock.twitterShareBlock {
    color: #00aced; }
  .socialShareWrapper .shareBlock.linkedInShareBlock {
    color: #007bb6; }
  .socialShareWrapper .shareBlock.emailShareBlock {
    color: #29c896; }

.socialShareWrapper .insightShareBlock {
  margin: -17px 22px; }

.socialShareWrapper .facebookShareBlock {
  margin-left: 0px; }

.socialShareWrapper a {
  text-decoration: none; }

.othersModal .othersList {
  max-height: 300px;
  overflow: auto;
  font-size: 1.5em;
  line-height: 2em; }
  .othersModal .othersList a {
    text-decoration: none !important;
    color: #29c896; }
  .othersModal .othersList .likerAvatar {
    background-position: 50% 50%;
    background-size: contain;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 0 2px 0;
    vertical-align: middle; }
    .othersModal .othersList .likerAvatar.noBgUrl {
      background-color: #dde4e4;
      color: #eceeee;
      line-height: 60px;
      font-size: 45px;
      text-align: center;
      overflow: hidden; }
    .othersModal .othersList .likerAvatar:first-child {
      margin-left: 2px; }
  .othersModal .othersList .others {
    margin-bottom: 10px; }
  .othersModal .othersList .default {
    display: inline-block;
    margin-right: 10px;
    margin-left: 5px;
    font-size: 20px; }

.qualityIndicators--inline {
  display: inline-block; }

.qualityIndicator {
  display: inline-block;
  margin-right: 1rem;
  padding-right: 1.2rem;
  border-right: solid 1px #95a6a6;
  font-size: 1rem;
  color: #808E8E;
  line-height: 1.5em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .12em; }
  .qualityIndicator:last-of-type {
    margin: 0;
    padding: 0;
    border: 0; }
  .qualityIndicator .qualitySignal {
    letter-spacing: .05em; }

.validateField {
  max-width: 50rem; }
  .validateField input[type="text"], .validateField textarea, .validateField input[type="password"] {
    border: solid 1px #dde4e4; }
  .validateField .aside {
    position: absolute;
    left: calc(100% + 1rem);
    top: 0;
    padding: 0.8rem 1rem;
    min-height: 4.2rem;
    min-width: 14rem;
    max-width: 20rem;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.1rem; }
    .validateField .aside.msg {
      background-color: rgba(221, 228, 228, 0.5);
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      -o-border-radius: 0.5rem;
      border-radius: 0.5rem; }
    .validateField .aside .checkbox + label {
      text-transform: none;
      letter-spacing: 0;
      font-weight: 400;
      margin-left: 5px; }
  .validateField i {
    position: absolute;
    right: 1rem;
    top: 1rem;
    height: 1rem;
    width: 2rem; }
    .validateField i.icon-check {
      color: #29c896; }
    .validateField i.icon-alert {
      color: #f65950;
      font-size: 1.7rem;
      height: 1.7rem; }

.sideNavColumnContainer {
  flex: 0 0 240px;
  -webkit-flex: 0 0 240px;
  -ms-flex: 0 0 240px;
  -moz-flex: 0 0 240px;
  -o-flex: 0 0 240px;
  flex: 0 0 240px;
  height: calc(100vh - 56px);
  background: #f2f4f4;
  border-right: solid 1px #dde4e4;
  overflow: hidden;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */ }
  .sideNavColumnContainer ::-webkit-scrollbar {
    width: 0; }
  .sideNavColumnContainer .active {
    background-color: #95a6a6;
    color: white; }
    .sideNavColumnContainer .active span.title {
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
    .sideNavColumnContainer .active i, .sideNavColumnContainer .active span, .sideNavColumnContainer .active i.teamsIcon, .sideNavColumnContainer .active i.collectionsIcon, .sideNavColumnContainer .active i.newsFeedIcon, .sideNavColumnContainer .active i.discoverIcon {
      color: white; }
    .sideNavColumnContainer .active:hover {
      background-color: #95a6a6; }
  .sideNavColumnContainer a:hover {
    background-color: #dde4e4; }
  .sideNavColumnContainer .sideNavMenuSection {
    border-bottom: 1px solid #dde4e4; }
  .sideNavColumnContainer .orgSection {
    padding: 7px 0; }
  .sideNavColumnContainer .sideNavMenuSection:last-child {
    margin-bottom: 20px; }
  .sideNavColumnContainer .sideNavMenuItem, .sideNavColumnContainer .profileNavMenuItem {
    text-indent: 3px;
    font-family: "MuseoSansRounded700", "Arial", sans-serif; }
    .sideNavColumnContainer .sideNavMenuItem .label, .sideNavColumnContainer .profileNavMenuItem .label, .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .username {
      padding: 7px 8px;
      max-width: 220px;
      font-size: 1.4rem;
      color: #3b3d40;
      letter-spacing: .02em;
      line-height: 1.2;
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      text-overflow: ellipsis; }
      .sideNavColumnContainer .sideNavMenuItem .label i, .sideNavColumnContainer .profileNavMenuItem .label i, .sideNavColumnContainer .sideNavMenuItem .username i, .sideNavColumnContainer .profileNavMenuItem .username i {
        width: 10px;
        display: inline-block;
        padding-right: 15px; }
      .sideNavColumnContainer .sideNavMenuItem .label .title, .sideNavColumnContainer .profileNavMenuItem .label .title, .sideNavColumnContainer .sideNavMenuItem .username .title, .sideNavColumnContainer .profileNavMenuItem .username .title {
        cursor: pointer;
        max-width: 100%; }
    .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .username {
      padding: 20px 1px;
      max-width: 200px;
      text-decoration: none; }
    .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu {
      text-indent: 15px;
      line-height: 1.3;
      font-size: 1.2rem; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .loadingContainer, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .loadingContainer, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .loadingContainer, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .loadingContainer {
        padding-left: 20px; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu a, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu a, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu a, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu a {
        text-decoration: none;
        color: #3b3d40;
        display: block; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu a i, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu a i, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu a i, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu a i {
          vertical-align: middle;
          display: inline-block; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .directoryLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .directoryLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .directoryLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .directoryLink {
        text-transform: uppercase;
        font-size: 1.3rem;
        line-height: 3rem;
        vertical-align: middle;
        margin: 5px 0 10px 0; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .teamsLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .teamsLabel, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .teamsLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .teamsLabel, .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .collectionsLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .collectionsLabel, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .collectionsLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .collectionsLabel {
        text-indent: 8px;
        text-transform: uppercase;
        cursor: pointer;
        font-size: 1.2rem;
        padding-top: 2px;
        margin-bottom: 0.5rem; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .teamsLabel i, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .teamsLabel i, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .teamsLabel i, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .teamsLabel i, .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .collectionsLabel i, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .collectionsLabel i, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .collectionsLabel i, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .collectionsLabel i {
          display: inline-block;
          padding-right: 5px;
          width: 25px; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .privacyLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .privacyLabel, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .privacyLabel, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .privacyLabel {
        margin-right: 10px;
        text-indent: 0;
        font-size: 0.9rem;
        padding: 0.15rem 0.25rem;
        color: #f65950;
        border: 1px solid #f65950;
        border-radius: 0.2rem;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        text-transform: uppercase;
        height: 1.5rem; }
      .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu {
        display: block;
        text-indent: 20px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        margin-bottom: 5px; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .loadingContainer, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .loadingContainer, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .loadingContainer, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .loadingContainer {
          padding-left: 22px; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink {
          font-size: 1.3rem;
          line-height: 3rem; }
          .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink span, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink span, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink span, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink span {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: calc(100% - 82px);
            text-indent: 0;
            display: inline-block;
            vertical-align: middle; }
          .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink .actionItemsIndicator, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .thirdLevelLink .actionItemsIndicator, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink .actionItemsIndicator, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .thirdLevelLink .actionItemsIndicator {
            width: 8px;
            height: 8px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            background-color: #f65950;
            display: inline-block;
            margin-left: 2px;
            -webkit-box-shadow: 0 0 2px #95a6a6;
            -ms-box-shadow: 0 0 2px #95a6a6;
            -moz-box-shadow: 0 0 2px #95a6a6;
            -o-box-shadow: 0 0 2px #95a6a6;
            box-shadow: 0 0 2px #95a6a6; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .showLessLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .showLessLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .showLessLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .showLessLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .showMoreLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .showMoreLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .showMoreLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .showMoreLink {
          padding-left: 20px;
          color: #95a6a6; }
        .sideNavColumnContainer .sideNavMenuItem .secondLevelMenu .thirdLevelMenu .createLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelMenu .thirdLevelMenu .createLink, .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .createLink, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu .thirdLevelMenu .createLink {
          color: #26b099; }
    .sideNavColumnContainer .sideNavMenuItem .secondLevelCollapsibleMenu, .sideNavColumnContainer .profileNavMenuItem .secondLevelCollapsibleMenu {
      cursor: pointer; }
  .sideNavColumnContainer .profileNavMenuItem:hover {
    background-color: #dde4e4; }
  .sideNavColumnContainer .profileNavMenuItemActive {
    background-color: #95a6a6;
    color: white; }
    .sideNavColumnContainer .profileNavMenuItemActive .username, .sideNavColumnContainer .profileNavMenuItemActive .profileLink {
      color: white; }
      .sideNavColumnContainer .profileNavMenuItemActive .username:hover, .sideNavColumnContainer .profileNavMenuItemActive .profileLink:hover {
        background-color: #95a6a6; }
    .sideNavColumnContainer .profileNavMenuItemActive:hover {
      background-color: #95a6a6; }
  .sideNavColumnContainer .profileLink {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-left: 7px; }
    .sideNavColumnContainer .profileLink .profile {
      display: block;
      vertical-align: middle;
      height: 100%;
      width: 100%;
      background-color: #dde4e4;
      line-height: 4rem; }
    .sideNavColumnContainer .profileLink .userImage {
      overflow: hidden;
      height: 20px;
      width: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .sideNavColumnContainer .profileLink .userImage.icon-user:before {
        font-size: 2rem;
        color: #eceeee; }
      .sideNavColumnContainer .profileLink .userImage.default {
        line-height: 23px;
        text-align: center;
        overflow: hidden;
        background: #95a6a6; }
      .sideNavColumnContainer .profileLink .userImage.offset {
        position: absolute;
        top: 0; }
  .sideNavColumnContainer a.firstLevelLink {
    font-family: "MuseoSansRounded700", "Arial", sans-serif;
    text-decoration: none;
    font-size: 1.3rem;
    color: #3b3d40;
    display: block;
    text-transform: uppercase;
    text-indent: 14px;
    padding: 0;
    line-height: 4.5rem; }
    .sideNavColumnContainer a.firstLevelLink i {
      vertical-align: middle;
      font-size: 1.5rem; }
    .sideNavColumnContainer a.firstLevelLink .title {
      padding-left: 5px;
      vertical-align: middle; }
  .sideNavColumnContainer .newsPaperLink {
    text-indent: 5px;
    padding: 5px 0; }
    .sideNavColumnContainer .newsPaperLink i {
      display: inline-block;
      vertical-align: middle;
      padding-left: 6px; }
  .sideNavColumnContainer .close {
    display: none; }
  .mobile .sideNavColumnContainer {
    height: calc(100vh - 40px - 58px);
    width: 0;
    position: absolute;
    z-index: 3;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: width 0.5s;
    transition: width 0.5s; }
    .mobile .sideNavColumnContainer .close {
      display: inline-block;
      font-size: 2rem;
      color: #95a6a6;
      margin: 5px; }
  .sideNavColumnContainer i {
    font-size: 1.4rem;
    vertical-align: middle; }
  .sideNavColumnContainer i.createIcon {
    font-size: 1.5rem; }
  .sideNavColumnContainer i.teamsIcon {
    color: #986daa; }
  .sideNavColumnContainer i.collectionsIcon {
    color: #ff9000; }
  .sideNavColumnContainer i.newsFeedIcon {
    color: #0081d0; }
  .sideNavColumnContainer i.discoverIcon {
    color: #d4aa55; }
  .sideNavColumnContainer .discoverLink {
    padding: 5px; }

.sideNavColumnContainer.mobileOpen {
  width: 100%; }

.sideNavColumnContainerInFocus, .sideNavColumnContainer:hover {
  overflow-y: auto; }
  .sideNavColumnContainerInFocus::-webkit-scrollbar, .sideNavColumnContainer:hover::-webkit-scrollbar {
    width: 4px;
    background: transparent;
    position: fixed;
    z-index: 3; }
  .sideNavColumnContainerInFocus::-webkit-scrollbar:horizontal, .sideNavColumnContainer::-webkit-scrollbar:horizontal:hover {
    height: 6px; }
  .sideNavColumnContainerInFocus::-webkit-scrollbar-thumb, .sideNavColumnContainer:hover::-webkit-scrollbar-thumb {
    height: 60px;
    border-radius: 4px;
    border: 0px solid white;
    /* should match background, can't be transparent */
    background-color: #dde4e4; }
  .sideNavColumnContainerInFocus::-webkit-scrollbar-track, .sideNavColumnContainer:hover::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .sideNavColumnContainer {
    /*flex: 0 0 $left-nav-width;*/
    -webkit-flex: 0 0 250px;
    -ms-flex: 0 0 250px;
    -moz-flex: 0 0 250px;
    -o-flex: 0 0 250px;
    flex: 0 0 250px; } }

.siteMapColumnContainer {
  flex: 0 0 240px;
  min-height: 100%;
  background: #f2f4f4;
  border-right: solid 1px #dde4e4; }
  .siteMapColumnContainer nav.siteMapColumn {
    position: relative;
    transition: 1s;
    min-height: 900px;
    margin-bottom: 50px;
    padding: 15px 0 10px;
    background: transparent;
    color: #3b3d40; }
  .siteMapColumnContainer .backFill {
    display: none; }

.mobile .siteMapColumnContainer nav.siteMapColumn {
  position: fixed;
  top: 98px;
  background: #ffffff;
  left: -100%;
  width: 100%;
  z-index: 21;
  padding: 0 15px 45px; }
  .mobile .siteMapColumnContainer nav.siteMapColumn.open {
    left: 0; }
  .mobile .siteMapColumnContainer nav.siteMapColumn ._rootParentContainer {
    height: calc(100vh - 150px);
    /* Be sure it's enough to clear the bottom menu in iOS Safari */
    overflow: auto; }

.mobile .siteMapColumnContainer .backFill {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100vh;
  opacity: 0;
  background-color: #ffffff;
  z-index: 20;
  transition: opacity 0.3s ease-in-out; }
  .mobile .siteMapColumnContainer .backFill.visible {
    display: block;
    opacity: 0.8; }

.defaultMenuItemContainer {
  position: relative; }
  .defaultMenuItemContainer .actionItemsIndicator {
    position: absolute;
    right: 20px;
    top: 10px;
    background: #f65950;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .defaultMenuItemContainer i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 1.5rem;
    color: #3b3d40; }
  .defaultMenuItemContainer .label, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 60px);
    overflow: hidden;
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "MuseoSansRounded300", "Arial", sans-serif; }
    .level2 .defaultMenuItemContainer .label, .level2 .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level2 .defaultMenuItemContainer .username, .level2 .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level2 .defaultMenuItemContainer .username {
      max-width: none;
      margin-left: 18px; }
    .level3 .defaultMenuItemContainer .label, .level3 .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level3 .defaultMenuItemContainer .username, .level3 .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level3 .defaultMenuItemContainer .username {
      max-width: 130px;
      padding: 3px 0; }
    .defaultMenuItemContainer .label .loadingContainer, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .loadingContainer, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .loadingContainer, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .loadingContainer, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .loadingContainer {
      display: inline-block;
      width: 34px;
      height: 14px;
      overflow: hidden; }
      .defaultMenuItemContainer .label .loadingContainer md-progress-circular, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .loadingContainer md-progress-circular, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .loadingContainer md-progress-circular, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .loadingContainer md-progress-circular, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .loadingContainer md-progress-circular {
        margin-left: -10px;
        margin-top: -18px; }
    .defaultMenuItemContainer .label .collapsableActions, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions {
      display: none; }
      .defaultMenuItemContainer .label .collapsableActions.collapsable, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions.collapsable, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions.collapsable, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable {
        display: inline-block;
        width: 12px;
        text-align: center;
        cursor: pointer; }
        .defaultMenuItemContainer .label .collapsableActions.collapsable.collapsed .performCollapse, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions.collapsable.collapsed .performCollapse, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.collapsed .performCollapse, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions.collapsable.collapsed .performCollapse, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.collapsed .performCollapse {
          display: none; }
        .defaultMenuItemContainer .label .collapsableActions.collapsable.collapsed .performExpand, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions.collapsable.collapsed .performExpand, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.collapsed .performExpand, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions.collapsable.collapsed .performExpand, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.collapsed .performExpand {
          display: inline; }
        .defaultMenuItemContainer .label .collapsableActions.collapsable.expanded .performCollapse, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions.collapsable.expanded .performCollapse, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.expanded .performCollapse, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions.collapsable.expanded .performCollapse, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.expanded .performCollapse {
          display: inline; }
        .defaultMenuItemContainer .label .collapsableActions.collapsable.expanded .performExpand, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions.collapsable.expanded .performExpand, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.expanded .performExpand, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions.collapsable.expanded .performExpand, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .collapsableActions.collapsable.expanded .performExpand {
          display: none; }
    .defaultMenuItemContainer .label .privateBar, .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .privateBar, .sideNavColumnContainer .sideNavMenuItem .defaultMenuItemContainer .username .privateBar, .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .privateBar, .sideNavColumnContainer .profileNavMenuItem .defaultMenuItemContainer .username .privateBar {
      border: 1px solid #f65950;
      color: #f65950;
      float: right;
      margin-right: 1.4rem;
      font-size: 0.9rem;
      padding: .350rem;
      padding-top: 0.3rem;
      height: 1.5rem;
      border-radius: .2rem; }
  .defaultMenuItemContainer .privateWidth {
    width: 100%; }
  .groupSegment .level2 .defaultMenuItemContainer,
  .collectionSegment .level2 .defaultMenuItemContainer {
    padding: 6px 15px 0; }
  .groupSegment .level3 .defaultMenuItemContainer i {
    position: relative;
    height: 18px;
    color: #986daa; }
    .groupSegment .level3 .defaultMenuItemContainer i:before, .groupSegment .level3 .defaultMenuItemContainer i:after {
      display: block;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 3px;
      margin: auto;
      font-family: 'icomoon';
      font-size: 1.3rem;
      line-height: 1; }
    .groupSegment .level3 .defaultMenuItemContainer i:after {
      top: 3px;
      left: 0;
      content: "\e909";
      /* Bottom icon */
      z-index: 1;
      background: #f2f4f4; }
  .groupSegment .level3 .defaultMenuItemContainer.controlItem i:before, .groupSegment .level3 .defaultMenuItemContainer.controlItem i:after {
    display: none; }
  .collectionSegment .level3 .defaultMenuItemContainer i:before {
    font-family: 'icomoon';
    content: '\f114';
    color: #ff9000; }
  .collectionSegment .level3 .defaultMenuItemContainer.controlItem i:before {
    display: none; }
  .level1 .defaultMenuItemContainer,
  .level2 .defaultMenuItemContainer {
    padding: 8px 15px; }
    .level1 .defaultMenuItemContainer .label, .level1 .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level1 .defaultMenuItemContainer .username, .level1 .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level1 .defaultMenuItemContainer .username,
    .level2 .defaultMenuItemContainer .label,
    .level2 .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem
    .level2 .defaultMenuItemContainer .username,
    .level2 .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem
    .level2 .defaultMenuItemContainer .username {
      padding: 2px 0 0;
      font-family: "MuseoSansRounded700", "Arial", sans-serif; }
  .level1 .defaultMenuItemContainer.globalNav-publicSpace, .level1 .defaultMenuItemContainer.globalNav-tenantSpace, .level1 .defaultMenuItemContainer.globalNav-discover {
    border-top: solid 1px #dde4e4; }
  .level1 .defaultMenuItemContainer.globalNav-publicSpace, .level1 .defaultMenuItemContainer.globalNav-tenantSpace {
    margin-top: 10px;
    padding: 15px 15px 0; }
    .level1 .defaultMenuItemContainer.globalNav-publicSpace i, .level1 .defaultMenuItemContainer.globalNav-tenantSpace i {
      display: none; }
    .level1 .defaultMenuItemContainer.globalNav-publicSpace .label, .level1 .defaultMenuItemContainer.globalNav-publicSpace .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level1 .defaultMenuItemContainer.globalNav-publicSpace .username, .level1 .defaultMenuItemContainer.globalNav-publicSpace .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level1 .defaultMenuItemContainer.globalNav-publicSpace .username, .level1 .defaultMenuItemContainer.globalNav-tenantSpace .label, .level1 .defaultMenuItemContainer.globalNav-tenantSpace .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .level1 .defaultMenuItemContainer.globalNav-tenantSpace .username, .level1 .defaultMenuItemContainer.globalNav-tenantSpace .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .level1 .defaultMenuItemContainer.globalNav-tenantSpace .username {
      margin-left: 0; }
  .level1 .defaultMenuItemContainer.globalNav-feed i {
    color: #0081d0; }
  .level1 .defaultMenuItemContainer.globalNav-inbox i {
    color: #03bfd7; }
  .level1 .defaultMenuItemContainer.globalNav-discover {
    margin-top: 10px;
    padding-top: 25px; }
    .level1 .defaultMenuItemContainer.globalNav-discover i {
      color: #d4aa55; }
  .level1 .defaultMenuItemContainer i {
    margin-right: 2px; }
  .level2 .defaultMenuItemContainer i {
    display: none; }
    .level2 .defaultMenuItemContainer i.icon-lock {
      display: inline-block;
      margin: -4px 0 0 3px;
      font-size: 1.3rem; }
  .leve1 .defaultMenuItemContainer .collapsable {
    padding-bottom: 0; }
  .level2 .defaultMenuItemContainer .collapsable {
    padding: 0; }
  .level3 .defaultMenuItemContainer {
    padding: 5px 0 0 50px; }
    .level3 .defaultMenuItemContainer i {
      width: 15px;
      /* So spacing is consistent even when there is no <i> */
      margin-right: 2px; }

.mapMenuItemChildren .mapMenuItem.noSelectable.level3 .defaultMenuItemContainer.controlItem {
  cursor: pointer; }

.mobile .level1 .defaultMenuItemContainer.globalNav-publicSpace, .mobile .level1 .defaultMenuItemContainer.globalNav-tenantSpace {
  margin-top: 0;
  padding: 5px 0;
  border-top: none; }

.mobile .level2 .defaultMenuItemContainer {
  padding-left: 25px;
  border-bottom: none; }

.mobile .defaultMenuItemContainer {
  border-bottom: 1px solid #dde4e4; }
  .mobile .defaultMenuItemContainer .label, .mobile .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .mobile .defaultMenuItemContainer .username, .mobile .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .mobile .defaultMenuItemContainer .username {
    color: #4a4a4a;
    max-width: calc(100% - 60px);
    margin-left: 0;
    padding: 10px 0;
    border-bottom: none;
    font-size: 1.4rem; }
    .mobile .defaultMenuItemContainer .label .collapsableActions, .mobile .defaultMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .collapsableActions, .sideNavColumnContainer .sideNavMenuItem .mobile .defaultMenuItemContainer .username .collapsableActions, .mobile .defaultMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .collapsableActions, .sideNavColumnContainer .profileNavMenuItem .mobile .defaultMenuItemContainer .username .collapsableActions {
      display: none; }

.mobile .groupSegment .level3 .defaultMenuItemContainer {
  padding-left: 25px; }

nav.siteMapColumn .level1 {
  /* For specificity */ }
  nav.siteMapColumn .level1 .profileMenuItemContainer {
    margin-left: 25px;
    padding: 5px 15px; }
    nav.siteMapColumn .level1 .profileMenuItemContainer .label, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username {
      max-width: 182px;
      overflow: visible; }
      nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        vertical-align: middle;
        margin-left: -25px;
        background: transparent; }
        nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink .profile, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink .profile, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .profile, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink .profile, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .profile {
          display: block;
          vertical-align: middle;
          height: 100%;
          width: 100%;
          background-color: #dde4e4;
          line-height: 4rem; }
        nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink i, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink i, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink i, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink i, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink i {
          font-size: 3.4rem; }
        nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink .userImage, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink .userImage, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink .userImage, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage {
          overflow: hidden;
          height: 20px;
          width: 20px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
          nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink .userImage.icon-user:before, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink .userImage.icon-user:before, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.icon-user:before, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink .userImage.icon-user:before, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.icon-user:before {
            font-size: 2rem;
            color: #eceeee; }
          nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink .userImage.default, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink .userImage.default, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.default, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink .userImage.default, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.default {
            line-height: 23px;
            text-align: center;
            overflow: hidden;
            background: #95a6a6; }
          nav.siteMapColumn .level1 .profileMenuItemContainer .label .navItemLink.profileLink .userImage.offset, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .navItemLink.profileLink .userImage.offset, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.offset, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .navItemLink.profileLink .userImage.offset, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .navItemLink.profileLink .userImage.offset {
            position: absolute;
            top: 0; }
      nav.siteMapColumn .level1 .profileMenuItemContainer .label .myName, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .myName, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .myName, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .myName, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .myName {
        display: inline-block;
        max-width: 182px;
        vertical-align: middle;
        text-transform: none;
        font-size: 1.4rem;
        color: #3b3d40;
        letter-spacing: .02em;
        line-height: 1.3; }
        nav.siteMapColumn .level1 .profileMenuItemContainer .label .myName:hover, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .sideNavMenuItem .username .myName:hover, .sideNavColumnContainer .sideNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .myName:hover, nav.siteMapColumn .level1 .profileMenuItemContainer .sideNavColumnContainer .profileNavMenuItem .username .myName:hover, .sideNavColumnContainer .profileNavMenuItem nav.siteMapColumn .level1 .profileMenuItemContainer .username .myName:hover {
          color: #3b3d40;
          text-decoration: none; }

.mapMenuItem {
  max-width: 240px;
  font-size: 1.2rem;
  color: #3b3d40;
  cursor: pointer; }
  .mapMenuItem.noSelectable {
    cursor: default; }
  .mapMenuItem.level1 {
    letter-spacing: .12em;
    text-transform: uppercase; }
  .mapMenuItem.level2, .mapMenuItem.level3 {
    margin: 0; }
  .mapMenuItem.selected .label, .mapMenuItem.selected .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .mapMenuItem.selected .username, .mapMenuItem.selected .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .mapMenuItem.selected .username {
    border-bottom: 2px solid #29c896;
    font-family: "MuseoSansRounded900", "Arial", sans-serif;
    color: #3b3d40; }

.collapsable .mapMenuItem {
  cursor: pointer; }

.mapMenuItemChildren {
  overflow: hidden;
  margin-bottom: 10px; }

.expanded .mapMenuItemChildren {
  height: auto; }

.collapsed .mapMenuItemChildren {
  height: 1px; }

.mobile .mapMenuItem {
  max-width: 100%; }
  .mobile .mapMenuItem.level2 {
    margin-bottom: 0; }
  .mobile .mapMenuItem.selected .label, .mobile .mapMenuItem.selected .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .mobile .mapMenuItem.selected .username, .mobile .mapMenuItem.selected .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .mobile .mapMenuItem.selected .username {
    border-bottom: none; }
  .mobile .mapMenuItem .actionItemsIndicator {
    margin-top: 5px; }

.globalNav-directory {
  padding-bottom: 0 !important; }
  .globalNav-directory .label, .globalNav-directory .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .globalNav-directory .username, .globalNav-directory .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .globalNav-directory .username {
    margin-left: 0 !important; }
  .globalNav-directory i {
    display: inline-block !important;
    margin-left: 18px; }

@media screen and (max-width: 767px) {
  ._rootChildItem .mapMenuItem.level1 {
    opacity: 0; }
  .groupSegmentChildItem .mapMenuItem.selected .label, .groupSegmentChildItem .mapMenuItem.selected .sideNavColumnContainer .sideNavMenuItem .username, .sideNavColumnContainer .sideNavMenuItem .groupSegmentChildItem .mapMenuItem.selected .username, .groupSegmentChildItem .mapMenuItem.selected .sideNavColumnContainer .profileNavMenuItem .username, .sideNavColumnContainer .profileNavMenuItem .groupSegmentChildItem .mapMenuItem.selected .username {
    border-bottom: none;
    color: #29c896; } }

.defaultMenuItemContainer.visitMenuItemContainer {
  cursor: pointer; }

body .alertBarContainer {
  position: relative;
  z-index: 2; }
  body .alertBarContainer .alertBar {
    top: 5.6rem; }
    body .alertBarContainer .alertBar .icon-group-invite {
      font-size: 54px;
      height: 54px;
      width: 63px;
      display: none; }
    body .alertBarContainer .alertBar strong {
      word-break: break-all;
      color: #ffffff; }
    body .alertBarContainer .alertBar a,
    body .alertBarContainer .alertBar a:hover,
    body .alertBarContainer .alertBar a:visited {
      text-decoration: none;
      color: #ffffff; }
    .postPage body .alertBarContainer .alertBar {
      left: 30rem; }
    .profilePage body .alertBarContainer .alertBar {
      left: 28rem; }
    body .alertBarContainer .alertBar .alert-text {
      max-width: 40vw; }

@media screen and (max-width: 1200px) {
  .alertBarContainer {
    display: inline-block; }
    .alertBarContainer.inGroupPage, .alertBarContainer.inCollectionDetailsPage {
      display: block; }
    .alertBarContainer .alertBar {
      position: relative;
      margin: 0 6px 10px 0;
      height: 248px; }
      .alertBarContainer .alertBar.inGroupPage, .alertBarContainer .alertBar.inCollectionDetailsPage {
        position: initial;
        margin: 0;
        height: auto; }
      .alertBarContainer .alertBar span {
        margin: 1rem 0;
        font-size: 1.4rem; }
      .alertBarContainer .alertBar .buttonBlock {
        margin: 0 0.8rem; }
      .alertBarContainer .alertBar button {
        width: none;
        margin: none; } }

@media screen and (max-width: 767px) {
  .alertBarContainer {
    display: inline-block; }
    .alertBarContainer.inGroupPage {
      display: block;
      width: 100vw;
      position: absolute; }
    .alertBarContainer.inCollectionDetailsPage {
      display: block; }
    .alertBarContainer .alertBar {
      margin: 0 6px 10px 0;
      position: relative; }
      .alertBarContainer .alertBar.inGroupPage, .alertBarContainer .alertBar.inCollectionDetailsPage {
        margin: 0;
        position: initial; }
      .alertBarContainer .alertBar span {
        margin: 1rem 0;
        font-size: 1.4rem; }
      .alertBarContainer .alertBar .buttonBlock {
        margin: 0 0.8rem; }
      .alertBarContainer .alertBar button {
        width: 75px !important; }
      .alertBarContainer .alertBar.inGroupPage button, .alertBarContainer .alertBar.inCollectionDetailsPage button {
        width: 100px !important; } }

.tileContent .inputSelectorWrapper {
  font-size: 14px;
  padding: 0 15px;
  border-bottom: solid 1px #eceeee; }
  .tileContent .inputSelectorWrapper .add-menu-item, .tileContent .inputSelectorWrapper .importFrom {
    cursor: pointer;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-right: 40px; }
    .tileContent .inputSelectorWrapper .add-menu-item i, .tileContent .inputSelectorWrapper .importFrom i {
      display: inline-block;
      vertical-align: middle; }
      .tileContent .inputSelectorWrapper .add-menu-item i.icon-link2, .tileContent .inputSelectorWrapper .importFrom i.icon-link2 {
        font-size: 22px; }
      .tileContent .inputSelectorWrapper .add-menu-item i.icon-file-upload, .tileContent .inputSelectorWrapper .importFrom i.icon-file-upload {
        font-size: 29px; }
    .tileContent .inputSelectorWrapper .add-menu-item .uploadActionLink, .tileContent .inputSelectorWrapper .importFrom .uploadActionLink {
      cursor: pointer; }
    .tileContent .inputSelectorWrapper .add-menu-item.active, .tileContent .inputSelectorWrapper .importFrom.active {
      border-bottom: solid 1px #29c896; }
    .tileContent .inputSelectorWrapper .add-menu-item :hover, .tileContent .inputSelectorWrapper .importFrom :hover {
      font-weight: 700; }
  .tileContent .inputSelectorWrapper .add-menu-item:last-child {
    margin-right: 0px; }

.tileContent .inputWrapper {
  padding: 15px 25px;
  position: relative; }
  .tileContent .inputWrapper .profileImageOnInputContainer {
    position: absolute; }
    .tileContent .inputWrapper .profileImageOnInputContainer .userImage {
      position: absolute;
      font-size: 40px;
      border-radius: 50%;
      z-index: 1; }
      .tileContent .inputWrapper .profileImageOnInputContainer .userImage.default {
        z-index: 0;
        overflow: hidden; }
      .tileContent .inputWrapper .profileImageOnInputContainer .userImage.lastLikerAvatar {
        width: 40px;
        height: 40px; }
  .tileContent .inputWrapper .importFromComputerOption {
    text-align: right; }
  .tileContent .inputWrapper .inputImportWrapper {
    position: relative;
    padding-left: 50px;
    min-height: 40px; }
    .tileContent .inputWrapper .inputImportWrapper .addArticle form {
      margin-bottom: 0; }
    .tileContent .inputWrapper .inputImportWrapper .copyPasteMessage {
      position: absolute;
      width: 71px;
      height: 96px;
      background-image: url("/group/groupPage/asset/image/copy-paste.png");
      background-size: cover;
      z-index: 2;
      top: -30px;
      left: -60px; }
  .tileContent .inputWrapper .post-question-container {
    padding-left: 50px; }

.uploadDocumentContainer {
  position: relative; }
  .uploadDocumentContainer .inProgress {
    text-align: center;
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    height: 100%;
    min-height: 260px;
    position: absolute; }
    .uploadDocumentContainer .inProgress md-progress-circular {
      display: inline-block;
      margin-top: 100px; }
  .uploadDocumentContainer .uploadFooterRow {
    text-align: right; }

.uploadFromComputerModal .duringUploadDocumentContainer form p {
  font-size: 14px;
  padding-bottom: 30px; }

.uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer {
  max-width: 60%;
  overflow: hidden;
  float: left; }
  .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .fileLoaded {
    font-size: 14px;
    font-weight: bold;
    color: #007bb6;
    float: left;
    padding-top: 10px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden; }
  .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .tryAgain {
    float: left;
    max-height: 1px;
    max-width: 1px;
    opacity: 0; }
    .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .tryAgain.tryAgainActive {
      max-height: 200px;
      max-width: 200px;
      opacity: 1; }
    .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .tryAgain .action {
      color: #F65950;
      font-size: 14px;
      padding-top: 10px;
      cursor: pointer; }
  .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .inProgress {
    max-height: 1px;
    max-width: 1px;
    opacity: 0;
    float: left; }
    .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .inProgress.activeInProgress {
      max-height: 200px;
      max-width: 200px;
      opacity: 1; }
    .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .inProgress md-progress-circular {
      float: left; }
    .uploadFromComputerModal .duringUploadDocumentContainer .uploadFooterRow .fileUploadStatusContainer .inProgress .message {
      margin-top: 15px;
      float: left; }

.groupCreateModal {
  padding: 0 15px;
  /* Portrait and Landscape */ }
  .groupCreateModal .small-spinner {
    width: 20px;
    height: 20px;
    margin-top: 4px; }
  .groupCreateModal h3.empty {
    text-align: center; }
    .groupCreateModal h3.empty span {
      display: inline-block;
      padding: 30px 0 10px 0; }
    .groupCreateModal h3.empty p {
      font-size: 16px;
      padding-bottom: 10px; }
    .groupCreateModal h3.empty img {
      padding-bottom: 10px;
      max-width: 100%; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 699px) and (orientation: landscape) {
    .groupCreateModal h3.empty {
      padding-bottom: 0; }
      .groupCreateModal h3.empty span {
        padding: 10px 0 2px 0; }
      .groupCreateModal h3.empty p {
        font-size: 10px;
        padding-bottom: 0; }
      .groupCreateModal h3.empty img {
        width: 40%;
        padding-bottom: 0; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 699px) and (orientation: portrait) {
    .groupCreateModal h3.empty {
      padding-bottom: 10px; }
      .groupCreateModal h3.empty p {
        font-size: 14px; }
      .groupCreateModal h3.empty img {
        padding-bottom: 0; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  #groupDescription {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important; }
  .declaraModal {
    overflow: hidden; } }

.postDetail {
  position: relative; }
  .postDetail .editActionsContainer {
    min-height: 35px;
    margin: 6rem 4rem 4rem 34rem; }
    .postDetail .editActionsContainer .onEditContainer .editActions {
      float: right; }
      .postDetail .editActionsContainer .onEditContainer .editActions.cancelEditCollection {
        margin-right: 1rem; }
    .postDetail .editActionsContainer .onEditContainer .deleteCollection {
      float: left; }
    .postDetail .editActionsContainer .editCollection {
      float: right; }
      .postDetail .editActionsContainer .editCollection i {
        color: #dde4e4; }
  .postDetail .postContent {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 0 8rem 39rem; }

md-input-container {
  position: relative;
  display: block; }

.postDetail-close {
  background-color: #dde4e4;
  color: #ffffff;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 1.8em;
  padding: 0 0 0 1px;
  position: absolute;
  right: 20px;
  top: 15px; }

.postDetail-counter:not(:first-of-type) {
  padding-left: 20px;
  border-left: 1px solid #dde4e4;
  margin-left: 20px;
  margin-top: 10px; }

.postDetail-source {
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  color: #95a6a6;
  text-transform: uppercase; }
  .postDetail-source a, .postDetail-source a:hover, .postDetail-source a:visited {
    text-decoration: none;
    color: #95a6a6;
    cursor: pointer;
    font-family: "MuseoSansRounded700", "Arial", sans-serif; }
  .postDetail-source .contentQualityBar {
    width: 100%;
    border-top: 1px solid #dde4e4;
    border-bottom: 1px solid #dde4e4;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px 0 15px 0;
    font-size: 1rem; }
    .postDetail-source .contentQualityBar .middleStuff {
      display: inline-block;
      margin-right: 15px;
      padding-top: 2px; }
      .postDetail-source .contentQualityBar .middleStuff .authorInfo {
        display: inline-block;
        vertical-align: middle; }
      .postDetail-source .contentQualityBar .middleStuff .icon-trash {
        font-size: 1.4rem;
        vertical-align: middle; }
    .postDetail-source .contentQualityBar .insightContainer {
      display: inline-block;
      padding-top: 2px; }
      .postDetail-source .contentQualityBar .insightContainer a {
        color: #26b099; }
      .postDetail-source .contentQualityBar .insightContainer .contentLikes {
        display: inline-block;
        margin: 0 0 0 0;
        letter-spacing: .1em; }
        .postDetail-source .contentQualityBar .insightContainer .contentLikes i {
          margin-top: -6px;
          padding-right: 2px;
          font-size: 1.6rem; }
        .postDetail-source .contentQualityBar .insightContainer .contentLikes .insightLabel {
          margin-left: 3px; }
        .postDetail-source .contentQualityBar .insightContainer .contentLikes span {
          display: inline-block; }
      .postDetail-source .contentQualityBar .insightContainer .socialCollection {
        display: inline-block; }
      .postDetail-source .contentQualityBar .insightContainer .noBorder {
        border: none;
        padding: 0; }
    .postDetail-source .contentQualityBar .actionButtonsContainer {
      float: right; }
      .postDetail-source .contentQualityBar .actionButtonsContainer .shareBlock {
        vertical-align: top; }
  .postDetail-source .userTile {
    padding: 10px 0px; }

.postItemPage {
  text-align: center; }
  .postItemPage .postContainer.isMobile {
    margin-top: -60px; }
  .postItemPage .postItemBannerBooked {
    height: 60px;
    width: 100%; }
  .postItemPage .postItemBanner {
    height: 68px;
    position: fixed;
    top: 56px;
    width: 100%;
    background-color: #ffffff;
    z-index: 3;
    background-color: #ffffff; }
    .postItemPage .postItemBanner.bringLine {
      border-bottom: 1px solid #eceeee;
      -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); }
      .postItemPage .postItemBanner.bringLine .centerBanner {
        margin-top: 10px; }
    .postItemPage .postItemBanner.isMobile {
      height: 13rem;
      background-size: cover; }
      .postItemPage .postItemBanner.isMobile h1 {
        font-family: "MuseoSansRounded700";
        font-size: 2rem;
        color: #ffffff;
        padding: 0 2rem;
        text-align: left;
        height: 5rem; }
      .postItemPage .postItemBanner.isMobile .sourceInfo {
        color: #dde4e4;
        text-align: left;
        position: absolute;
        bottom: 2rem;
        font-size: 1.2rem;
        padding: 0 2rem; }
        .postItemPage .postItemBanner.isMobile .sourceInfo a {
          color: #dde4e4; }
      .postItemPage .postItemBanner.isMobile .insightCount {
        color: orange;
        position: absolute;
        bottom: 2rem;
        right: 2rem;
        padding: 0.5rem 1rem;
        border-radius: 0.3rem;
        background-color: #3b3d40; }
        .postItemPage .postItemBanner.isMobile .insightCount i {
          font-size: 1.5rem; }
        .postItemPage .postItemBanner.isMobile .insightCount span {
          font-size: 1.2rem;
          color: #ffffff; }
      .postItemPage .postItemBanner.isMobile .mobileActionButtons {
        width: 100%;
        position: fixed;
        bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        border-top: 1px solid #95a6a6; }
        .postItemPage .postItemBanner.isMobile .mobileActionButtons.adjustForRewards {
          bottom: 4rem; }
        .postItemPage .postItemBanner.isMobile .mobileActionButtons .actionButtonsContainer {
          width: 100%;
          padding: 0;
          margin: 0; }
          .postItemPage .postItemBanner.isMobile .mobileActionButtons .actionButtonsContainer div {
            display: inline-block;
            height: 4rem; }
            .postItemPage .postItemBanner.isMobile .mobileActionButtons .actionButtonsContainer div i {
              display: block;
              font-size: 2rem;
              padding: 0.4rem 0; }
    .postItemPage .postItemBanner .imageOverlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background: rgba(0, 0, 0, 0.5); }
    .postItemPage .postItemBanner a {
      text-decoration: none;
      cursor: pointer; }
    .postItemPage .postItemBanner .leftBanner {
      text-align: left;
      line-height: 7.2rem; }
      .postItemPage .postItemBanner .leftBanner .articleBackButton {
        margin-left: 3rem;
        font-size: 12px;
        display: inline-block;
        border: none;
        background: transparent;
        color: #3b3d40;
        cursor: pointer; }
        .postItemPage .postItemBanner .leftBanner .articleBackButton:hover {
          border: none;
          background: transparent; }
        .postItemPage .postItemBanner .leftBanner .articleBackButton.isMobile {
          margin: 0;
          padding: 10px 0 10px 20px;
          width: 5rem;
          color: #f2f4f4; }
      .postItemPage .postItemBanner .leftBanner.isMobile {
        line-height: 1rem;
        min-height: 3.5rem; }
    .postItemPage .postItemBanner .centerBanner {
      margin-top: 10px; }
      .postItemPage .postItemBanner .centerBanner a, .postItemPage .postItemBanner .centerBanner a:hover, .postItemPage .postItemBanner .centerBanner a:visited {
        text-decoration: none; }
      .postItemPage .postItemBanner .centerBanner .collectionTitleSmall,
      .postItemPage .postItemBanner .centerBanner .collectionTitleLabel {
        font-size: 12px;
        color: #95a6a6;
        padding-left: 5px;
        vertical-align: middle; }
      .postItemPage .postItemBanner .centerBanner .postTitle,
      .postItemPage .postItemBanner .centerBanner .collectionTitle {
        overflow: hidden;
        font-size: 1.2rem;
        vertical-align: middle; }
      .postItemPage .postItemBanner .centerBanner .postTitle {
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all; }
        .postItemPage .postItemBanner .centerBanner .postTitle a {
          display: block; }
        .postItemPage .postItemBanner .centerBanner .postTitle .postTitleText {
          padding-bottom: 3px; }
        .postItemPage .postItemBanner .centerBanner .postTitle .titleMargin {
          margin-top: 15px;
          padding-top: 8px; }
        .postItemPage .postItemBanner .centerBanner .postTitle .postCollection span {
          color: #95a6a6; }
      .postItemPage .postItemBanner .centerBanner a:visited {
        color: #26b099; }
      .postItemPage .postItemBanner .centerBanner a.collectionTitle {
        height: 27px; }
      .postItemPage .postItemBanner .centerBanner .collectionTitleSmall,
      .postItemPage .postItemBanner .centerBanner .collectionTitle {
        padding-top: 3px; }
      .postItemPage .postItemBanner .centerBanner .creator {
        height: 48px;
        width: 48px; }
        .postItemPage .postItemBanner .centerBanner .creator .userImageContainer {
          display: inline-block;
          vertical-align: middle; }
          .postItemPage .postItemBanner .centerBanner .creator .userImageContainer .userImage {
            width: 30px;
            height: 30px;
            overflow: hidden;
            margin-right: .5em;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .postItemPage .postItemBanner .centerBanner .creator .userImageContainer .userImage.icon-user:before {
              font-size: 3rem;
              color: #f2f4f4; }
            .postItemPage .postItemBanner .centerBanner .creator .userImageContainer .userImage.default {
              line-height: 32px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .postItemPage .postItemBanner .centerBanner .creator .userImageContainer .userImage.offset {
              position: absolute;
              top: 8px; }
      .postItemPage .postItemBanner .centerBanner .collection {
        padding-top: 8px; }
    .postItemPage .postItemBanner .actionButtonsContainer {
      padding-top: 19px;
      float: right;
      margin-right: 30px; }
      .postItemPage .postItemBanner .actionButtonsContainer .actionShare {
        margin-left: 5px;
        display: inline-block;
        width: 145px;
        vertical-align: bottom; }
      .postItemPage .postItemBanner .actionButtonsContainer .importButton,
      .postItemPage .postItemBanner .actionButtonsContainer .discussButton,
      .postItemPage .postItemBanner .actionButtonsContainer .otherCollectionsButton {
        color: #ffffff;
        position: relative;
        vertical-align: middle;
        width: 80px;
        height: 32px;
        background: #29c896;
        float: left;
        text-align: right;
        line-height: 34px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        cursor: pointer; }
        .postItemPage .postItemBanner .actionButtonsContainer .importButton i,
        .postItemPage .postItemBanner .actionButtonsContainer .discussButton i,
        .postItemPage .postItemBanner .actionButtonsContainer .otherCollectionsButton i {
          margin: 1px 0 0 4px;
          font-size: 1.3rem;
          color: #eceeee;
          left: 12%;
          top: 48%; }
          .postItemPage .postItemBanner .actionButtonsContainer .importButton i:hover,
          .postItemPage .postItemBanner .actionButtonsContainer .discussButton i:hover,
          .postItemPage .postItemBanner .actionButtonsContainer .otherCollectionsButton i:hover {
            color: #ffffff; }
        .postItemPage .postItemBanner .actionButtonsContainer .importButton .icon-home,
        .postItemPage .postItemBanner .actionButtonsContainer .discussButton .icon-home,
        .postItemPage .postItemBanner .actionButtonsContainer .otherCollectionsButton .icon-home {
          margin-top: 2px; }
        .postItemPage .postItemBanner .actionButtonsContainer .importButton span,
        .postItemPage .postItemBanner .actionButtonsContainer .discussButton span,
        .postItemPage .postItemBanner .actionButtonsContainer .otherCollectionsButton span {
          padding-right: 7px; }
      .postItemPage .postItemBanner .actionButtonsContainer .importButton {
        -webkit-border-radius: 2px 0 0 2px;
        -moz-border-radius: 2px 0 0 2px;
        -ms-border-radius: 2px 0 0 2px;
        -o-border-radius: 2px 0 0 2px;
        border-radius: 2px 0 0 2px; }
      .postItemPage .postItemBanner .actionButtonsContainer .discussButton {
        margin: 0;
        padding: 0; }
        .postItemPage .postItemBanner .actionButtonsContainer .discussButton span {
          display: block;
          margin-top: -1px; }
      .postItemPage .postItemBanner .actionButtonsContainer .discussButton.withChatOpen {
        width: 32px; }
        .postItemPage .postItemBanner .actionButtonsContainer .discussButton.withChatOpen i {
          left: 14px; }
        .postItemPage .postItemBanner .actionButtonsContainer .discussButton.withChatOpen span {
          display: none; }
      .postItemPage .postItemBanner .actionButtonsContainer .importButton.withChatOpen {
        width: 32px; }
        .postItemPage .postItemBanner .actionButtonsContainer .importButton.withChatOpen i {
          left: 12px; }
        .postItemPage .postItemBanner .actionButtonsContainer .importButton.withChatOpen span {
          display: none; }
      .postItemPage .postItemBanner .actionButtonsContainer .otherCollectionsButton {
        width: 21px;
        margin-left: 2px;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        -ms-border-radius: 0 2px 2px 0;
        -o-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0; }
      .postItemPage .postItemBanner .actionButtonsContainer .postDiscussWrapper {
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle; }
        .postItemPage .postItemBanner .actionButtonsContainer .postDiscussWrapper .actionEmailShare {
          position: relative;
          width: 32px;
          height: 32px;
          background: #29c896;
          -webkit-border-radius: 20%;
          -moz-border-radius: 20%;
          -ms-border-radius: 20%;
          -o-border-radius: 20%;
          border-radius: 20%;
          padding: 0; }
          .postItemPage .postItemBanner .actionButtonsContainer .postDiscussWrapper .actionEmailShare i {
            margin: 0;
            font-size: 1.3rem;
            color: #eceeee; }
            .postItemPage .postItemBanner .actionButtonsContainer .postDiscussWrapper .actionEmailShare i:hover {
              color: #ffffff; }
          .postItemPage .postItemBanner .actionButtonsContainer .postDiscussWrapper .actionEmailShare .emailShareAnchor {
            display: inline-block;
            width: 32px;
            height: 32px; }
      .postItemPage .postItemBanner .actionButtonsContainer .socialCollection {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle; }
    .postItemPage .postItemBanner .titleHideOnTop {
      display: none; }
    .postItemPage .postItemBanner .titleAlwaysPresent .titleHideOnTop {
      display: block;
      margin-top: -8px; }
    .postItemPage .postItemBanner .titleAlwaysPresent .titleShowOnTop {
      display: none; }
  .postItemPage .postItemBanner.withChatOpen {
    width: calc(100% - 350px); }
  .postItemPage .postItem {
    max-width: 670px;
    width: 100%;
    padding: 50px 15px;
    display: inline-block;
    color: #3b3d40;
    text-align: left; }
    .postItemPage .postItem h1 {
      margin-bottom: 15px;
      font-size: 3.2rem; }
    .postItemPage .postItem .pdfSection .viewOriginalPDF {
      text-align: right; }
      .postItemPage .postItem .pdfSection .viewOriginalPDF a {
        text-decoration: none;
        font-size: 1.2rem; }
        .postItemPage .postItem .pdfSection .viewOriginalPDF a:visited {
          color: #26b099; }
    .postItemPage .postItem .pdfSection .pdfEditSection {
      height: 800px;
      margin: 20px;
      box-shadow: 0px 0px 7px 6px rgba(0, 0, 0, 0.25);
      position: relative; }
      .postItemPage .postItem .pdfSection .pdfEditSection .editPanel {
        position: absolute;
        top: 20px;
        left: 20px; }
        .postItemPage .postItem .pdfSection .pdfEditSection .editPanel .editOther {
          display: inline-block; }
      .postItemPage .postItem .pdfSection .pdfEditSection .titleSection {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-top: 70px;
        padding: 0 22px; }
        .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle {
          text-align: center;
          -webkit-transition-property: opacity;
          -moz-transition-property: opacity;
          -o-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-duration: 0.5s;
          -moz-transition-duration: 0.5s;
          -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
          -webkit-transition-timing-function: steps(6, end);
          -moz-transition-timing-function: steps(6, end);
          -o-transition-timing-function: steps(6, end);
          transition-timing-function: steps(6, end);
          padding-bottom: 15px; }
          .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle .pdfTitleSegment {
            vertical-align: middle; }
            .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle .pdfTitleSegment md-input-container {
              z-index: 1;
              position: relative;
              padding: 0; }
          .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle .md-char-counter {
            display: none;
            position: absolute;
            right: 0; }
          .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle.editFocus textarea {
            background-color: rgba(255, 255, 255, 0.5);
            resize: none;
            text-align: left;
            border: solid 1px #dde4e4; }
            .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle.editFocus textarea.ng-invalid.ng-invalid-required, .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength {
              border: solid 1px #f65950; }
            .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle.editFocus textarea:focus {
              border: solid 1px #dde4e4; }
          .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle.editFocus .md-input-focused .md-char-counter {
            display: block; }
          .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle textarea {
            opacity: 1;
            resize: none;
            overflow: hidden;
            -webkit-border-radius: 0%;
            -moz-border-radius: 0%;
            -ms-border-radius: 0%;
            -o-border-radius: 0%;
            border-radius: 0%;
            background: transparent;
            margin-bottom: 0px;
            margin-left: 0px;
            padding-left: 10px;
            padding-right: 10px;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            font-size: 3.2rem;
            line-height: 1.2em;
            letter-spacing: .05em;
            min-height: 37px;
            height: auto;
            overflow: hidden;
            border-color: transparent;
            text-align: center; }
          .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle .md-placeholder {
            position: absolute;
            width: 100%;
            font-size: 1.8rem;
            font-family: "MuseoSansRounded300", "Arial", sans-serif;
            margin: -15px 0 0 15px;
            color: #95a6a6;
            text-align: left; }
          .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle .md-input-has-value .md-placeholder {
            display: none; }
          .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle .md-char-counter {
            margin-top: 5px;
            font-family: "MuseoSansRounded300", "Arial", sans-serif;
            font-size: 10px;
            color: #95a6a6;
            text-align: right; }
          .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle:focus {
            border: solid 1px #eceeee; }
      .postItemPage .postItem .pdfSection .pdfEditSection .descSection {
        width: 100%;
        display: inline-block;
        text-align: center;
        padding: 0 22px 0 22px; }
        .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc {
          text-align: center;
          -webkit-transition-property: opacity;
          -moz-transition-property: opacity;
          -o-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-duration: 0.5s;
          -moz-transition-duration: 0.5s;
          -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
          -webkit-transition-timing-function: steps(6, end);
          -moz-transition-timing-function: steps(6, end);
          -o-transition-timing-function: steps(6, end);
          transition-timing-function: steps(6, end);
          padding-bottom: 15px; }
          .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc .pdfDescSegment {
            vertical-align: middle; }
            .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc .pdfDescSegment md-input-container {
              z-index: 1;
              position: relative;
              padding: 0; }
          .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc .md-char-counter {
            display: none;
            position: absolute;
            right: 0; }
          .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc.editFocus textarea {
            background-color: rgba(255, 255, 255, 0.5);
            resize: none;
            text-align: left;
            border: solid 1px #dde4e4; }
            .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc.editFocus textarea:focus {
              border: solid 1px #dde4e4; }
          .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc.editFocus .md-input-focused .md-char-counter {
            display: block; }
          .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc textarea {
            opacity: 1;
            resize: none;
            overflow: hidden;
            -webkit-border-radius: 0%;
            -moz-border-radius: 0%;
            -ms-border-radius: 0%;
            -o-border-radius: 0%;
            border-radius: 0%;
            background: transparent;
            margin-bottom: 0px;
            margin-left: 0px;
            padding: 0;
            font-family: "RooneyLight", Times, "Times New Roman", serif;
            font-size: 1.7rem;
            line-height: 1.2em;
            letter-spacing: .05em;
            min-height: 37px;
            overflow: hidden;
            border-color: transparent;
            text-align: center;
            word-wrap: break-word; }
          .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc .md-placeholder {
            position: absolute;
            width: 100%;
            font-size: 1.8rem;
            font-family: "MuseoSansRounded300", "Arial", sans-serif;
            margin: -13px 0 0 15px;
            color: #95a6a6;
            text-align: left; }
          .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc .md-input-has-value .md-placeholder {
            display: none; }
          .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc .md-char-counter {
            margin-top: 5px;
            font-family: "MuseoSansRounded300", "Arial", sans-serif;
            font-size: 10px;
            color: #95a6a6;
            text-align: right; }
          .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc:focus {
            border: solid 1px #eceeee; }
      .postItemPage .postItem .pdfSection .pdfEditSection .imageSection {
        max-height: 420px;
        max-width: 600px;
        height: 348px;
        border: 1px solid #dde4e4;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        margin: 25px 64px 0 60px; }
        .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .pdfImage {
          height: 100%;
          width: 100%; }
          .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .pdfImage .pdfImg {
            width: 100%;
            height: 100%;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain; }
        .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .editAvatar {
          position: absolute;
          top: 10px;
          left: 10px; }
          .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .editAvatar button {
            border: solid 1px #29c896;
            background-color: #f2f4f4; }
          .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .editAvatar .profileAvatar {
            z-index: 2;
            bottom: -9px;
            padding-top: 0;
            width: auto; }
            .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .editAvatar .profileAvatar label.imageUpload {
              font-size: 1rem; }
              .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .editAvatar .profileAvatar label.imageUpload span {
                letter-spacing: 1px;
                font-family: "MuseoSansRounded300", "Arial", sans-serif;
                font-weight: bold;
                text-align: left;
                float: left;
                color: #29c896; }
              .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .editAvatar .profileAvatar label.imageUpload i.icon-camera {
                height: 1rem;
                width: 1rem;
                margin: 0 0 0 5px;
                font-size: 1.7rem;
                text-align: center;
                line-height: 3.2rem;
                float: right;
                background: none;
                padding-right: 17px;
                color: #29c896; }
    .postItemPage .postItem article {
      padding: 30px 0 24px;
      width: 100%;
      max-width: 100%; }
      .postItemPage .postItem article.postDetailVideo-body {
        padding: 0px 0 24px; }
      .postItemPage .postItem article p {
        width: 100%;
        max-width: 100%; }
      .postItemPage .postItem article iframe,
      .postItemPage .postItem article video,
      .postItemPage .postItem article embed {
        display: block;
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
        min-height: 355px; }
      .postItemPage .postItem article pre, .postItemPage .postItem article code {
        font-size: 14px;
        font-family: "Courier New";
        display: inline; }
    .postItemPage .postItem .emdeddedRich iframe.embedly-embed {
      display: block;
      width: 100%;
      max-width: 100%;
      margin-bottom: 30px;
      min-height: 355px; }
    .postItemPage .postItem .relatedItemsTitle {
      border-top: 1px solid #95a6a6;
      padding: 20px 0 9px 0; }
    .postItemPage .postItem .postDetail-body {
      font-family: "RooneyLight", Times, "Times New Roman", serif;
      font-size: 1.8rem; }
      .postItemPage .postItem .postDetail-body h2 {
        font-size: 1em; }
      .postItemPage .postItem .postDetail-body p {
        margin-bottom: 3rem; }
      .postItemPage .postItem .postDetail-body a {
        text-decoration: underline;
        color: #3b3d40;
        cursor: pointer;
        word-wrap: break-word; }
      .postItemPage .postItem .postDetail-body figure {
        margin: 1em 0; }
      .postItemPage .postItem .postDetail-body img {
        max-width: 100%;
        margin: 0 auto 3rem; }
      .postItemPage .postItem .postDetail-body footer {
        height: auto;
        /* Overrides Declara footer height */ }
      .postItemPage .postItem .postDetail-body .insightTile .tileContent {
        border: 1px solid #dde4e4; }
      .postItemPage .postItem .postDetail-body .insightTile a {
        text-decoration: none; }
    .postItemPage .postItem .collectionItem {
      border-bottom: solid 1px #dde4e4; }
      .postItemPage .postItem .collectionItem .collectionItemBox {
        margin: 8px 0;
        padding: 15px 0;
        border: none; }
        .postItemPage .postItem .collectionItem .collectionItemBox .contentBottom {
          left: 172px;
          width: calc(100% - 174px); }
        .postItemPage .postItem .collectionItem .collectionItemBox .noImage .contentBottom {
          left: 0;
          width: 100%; }
  .mobile .postItemPage .postItemBanner {
    top: 40px; }

.bottomBarContainer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: -54px;
  height: 54px;
  border-top: 1px solid #dde4e4;
  border-left: solid 1px #eceeee;
  background: white;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out false;
  -ms-transition: all 0.4s ease-in-out false;
  -moz-transition: all 0.4s ease-in-out false;
  -o-transition: all 0.4s ease-in-out false;
  transition: all 0.4s ease-in-out false; }
  .bottomBarContainer.bottomBar-open {
    opacity: 1;
    -webkit-transform: translate3d(0, -54px, 0);
    -moz-transform: translate3d(0, -54px, 0);
    -ms-transform: translate3d(0, -54px, 0);
    -o-transform: translate3d(0, -54px, 0);
    transform: translate3d(0, -54px, 0); }
    .bottomBarContainer.bottomBar-open .bottomBarAction:nth-child(n+2) {
      padding-left: 20px; }
  .bottomBarContainer .u-pull-right .bottomBarAction {
    padding-right: 40px; }

.postItemPageLeft {
  width: auto; }

@media screen and (max-width: 1094px) {
  .postItemPageLeft {
    width: auto; }
  .postItemPage .postItem {
    margin-left: 7rem; }
  .postItemPage:first-child {
    width: 80%;
    text-align: left; }
  .postItemPage .postItemBanner.withChatOpen {
    width: 100%; }
  .postItemPage .postItemBanner.isMobile .mobileActionButtons .actionButtonsContainer div {
    text-align: center; }
  .postItemPage.focusOnConversation {
    display: none; }
  .postItemPage .isMobile .postItem {
    margin-left: 0;
    width: 100%; } }

@media screen and (max-width: 992px) {
  .postItemPage .postItemBanner .actionButtonsContainer {
    margin-right: 20px;
    padding-top: 10px;
    width: 193px; }
    .postItemPage .postItemBanner .actionButtonsContainer .button.actionCollect {
      margin-bottom: 8px; }
    .postItemPage .postItemBanner .actionButtonsContainer .actionShare {
      display: block;
      margin: 0 auto;
      padding-left: 5px; }
    .postItemPage .postItemBanner .actionButtonsContainer .socialCollection {
      display: block;
      margin-bottom: 5px;
      margin-right: 0px; }
    .postItemPage .postItemBanner .actionButtonsContainer .actionEmailShare {
      margin-right: -55px; }
  .postItemPage .postItemBanner.noCollection .centerBanner .postTitle {
    line-height: 2.4; }
  .postItemPage .postItemBanner .actionButtonsContainer.withChatOpen {
    width: auto; }
  .postItemPage .postItem h1 {
    font-size: 30px; }
  .postItemPage .postItem .postDetail-body p {
    margin-bottom: 1em;
    font-size: 16px; }
  .postItemPageLeft {
    width: auto; }
  .chatSpace {
    height: 300px;
    width: 100%; } }

@media screen and (max-width: 767px) {
  .postItemPage:first-child {
    width: 100%; }
  .postItemPage .postItemBannerBooked {
    display: none; }
  .postItemPage .postItemBanner {
    position: relative;
    top: inherit;
    margin-bottom: 25px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); }
    .postItemPage .postItemBanner .centerBanner {
      display: none; }
      .postItemPage .postItemBanner .centerBanner .collectionTitleSmall a,
      .postItemPage .postItemBanner .centerBanner .collectionTitleSmall span {
        vertical-align: middle; }
      .postItemPage .postItemBanner .centerBanner .collectionTitleSmall a {
        width: 90%; }
    .postItemPage .postItemBanner .actionButtonsContainer {
      width: 104px; }
      .postItemPage .postItemBanner .actionButtonsContainer .postDiscussWrapper {
        display: none; }
    .postItemPage .postItemBanner.bringLine {
      height: 63px;
      top: -10px;
      background: #ffffff url(/common/imgs/header_logo_sm.png) no-repeat left 15px center;
      background-size: 3.3rem; }
      .postItemPage .postItemBanner.bringLine .centerBanner {
        display: block;
        padding: 0 15px 0 60px;
        text-align: left; }
      .postItemPage .postItemBanner.bringLine .actionButtonsContainer .actionShare {
        margin: 0 0 0 60px; }
    .postItemPage .postItemBanner.isMobile .sourceInfo {
      max-width: 270px; }
  .postItemPage .postItem {
    color: #3b3d40;
    padding: 0 15px 50px 28px;
    width: 80%; }
    .postItemPage .postItem h1 {
      font-size: 20px; }
    .postItemPage .postItem .postDetail-source {
      line-height: 1.4; }
    .postItemPage .postItem .postDetail-body {
      font-size: 14px; }
      .postItemPage .postItem .postDetail-body p {
        margin-bottom: 1em;
        font-size: 17px; }
    .postItemPage .postItem .actionShare {
      margin: 0 0 30px;
      width: 200px; }
      .postItemPage .postItem .actionShare .shareBlock {
        margin-right: 8px;
        font-size: 24px; }
    .postItemPage .postItem .toolbarsContainer .toolbarPower .annotator-toolbar-like {
      width: 28px;
      padding: 0; }
    .postItemPage .postItem .toolbarsContainer .toolbarPower .annotator-toolbar-like-count {
      position: absolute;
      bottom: 4px;
      right: 0;
      width: 27px;
      padding: 5px 0 0 0;
      font-size: 1.2rem;
      text-align: center; }
    .postItemPage .postItem .pdfSection .pdfEditSection {
      height: 849px; } }

@media screen and (max-width: 482px) {
  .postItemPage .postItem .pdfSection .pdfEditSection {
    height: 564px; }
    .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle textarea {
      font-size: 1.2rem;
      height: none; }
    .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc textarea {
      font-size: 0.8rem;
      height: none; }
    .postItemPage .postItem .pdfSection .pdfEditSection .imageSection {
      max-height: 250px;
      height: 173px; }
      .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .editAvatar {
        display: none; }
      .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .pdfImage {
        height: 170px; } }

@media screen and (max-width: 340px) {
  .postItemPage .postItem .pdfSection .pdfEditSection {
    height: 306px; }
    .postItemPage .postItem .pdfSection .pdfEditSection .titleSection {
      margin-top: 20px; }
      .postItemPage .postItem .pdfSection .pdfEditSection .titleSection .pdfTitle textarea {
        font-size: 1.2rem;
        height: none; }
    .postItemPage .postItem .pdfSection .pdfEditSection .descSection .pdfDesc textarea {
      font-size: 0.8rem;
      height: none; }
    .postItemPage .postItem .pdfSection .pdfEditSection .imageSection {
      margin-top: 0px;
      margin-left: 45px;
      height: 110px; }
      .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .editAvatar {
        display: none; }
      .postItemPage .postItem .pdfSection .pdfEditSection .imageSection .pdfImage {
        height: 108px; } }

.settingsModal h3 {
  text-align: center; }

.settingsModal .settingsHeading {
  text-align: center; }

.settingsModal .EditProfileForm input {
  margin-bottom: 1rem;
  height: 3rem; }

.settingsModal .settingsList ul li {
  height: 50px;
  padding: 10px 18px;
  line-height: 50px; }
  .settingsModal .settingsList ul li i {
    width: 27px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    text-align: center; }
  .settingsModal .settingsList ul li a {
    display: inline-block;
    vertical-align: middle;
    color: #3b3d40; }

.addArticle form button {
  float: right; }

.addArticle form div {
  overflow: hidden;
  padding-right: 1rem; }
  .addArticle form div > input {
    width: 100%;
    margin-bottom: 0px; }

.post-question button {
  float: right; }

.post-question > div {
  overflow: hidden;
  padding-right: 1rem; }
  .post-question > div > input {
    width: 100%;
    margin-bottom: 0px; }

.declaraCard.dismissed {
  opacity: 0.5; }

.declaraCard .recommendationReason {
  height: 45px;
  color: #dde4e4;
  border-top: 1px solid #dde4e4;
  padding-top: 10px; }
  .declaraCard .recommendationReason span {
    font-size: 1.3em;
    line-height: 1.7em; }
  .declaraCard .recommendationReason button {
    width: 24px;
    height: 24px;
    float: right;
    font-size: 0.9em;
    line-height: 2.4em;
    border: 1px solid #dde4e4; }
    .declaraCard .recommendationReason button:before {
      color: #dde4e4; }

.declaraCard .avatar {
  width: 60px;
  height: 60px;
  border: 2px solid #ffffff; }

.declaraCard .cardBottom {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%; }

.declaraCard .cardActionButton {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0; }
  .declaraCard .cardActionButton.icon-plus {
    color: #29c896;
    font-size: 2em; }

.userTile {
  box-sizing: border-box;
  position: relative;
  width: 232px;
  height: 304px;
  text-align: center; }
  .userTile a.tileAnchor {
    text-decoration: none; }
  .userTile .whiteOverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    top: 0;
    left: 0; }
  .userTile .tagContainer {
    height: 30px;
    overflow: hidden; }
    .userTile .tagContainer .tag {
      -webkit-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      transition: background-color 200ms linear;
      display: inline-block;
      background-color: #ffffff;
      color: #95a6a6;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      max-width: 100px;
      text-overflow: ellipsis;
      padding: 5px;
      font-size: 1.1rem;
      margin-right: 5px;
      margin-top: 5px;
      background-color: transparent;
      border: 1px solid #eceeee;
      max-width: inherit; }
      .userTile .tagContainer .tag:hover {
        background-color: #c9d7d7;
        color: #3b3d40; }
        .userTile .tagContainer .tag:hover em {
          color: #ffffff; }
    .userTile .tagContainer em {
      font-size: 1.1rem; }
  .userTile .tileContent {
    position: relative;
    overflow: hidden;
    height: 304px;
    padding: 2rem;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .userTile .tileContent a {
      text-decoration: none !important; }
    .userTile .tileContent .dismissTile {
      position: absolute;
      top: 0;
      right: 0;
      padding: 10px;
      cursor: pointer; }
      .userTile .tileContent .dismissTile .icon-x {
        color: #dde4e4; }
    .userTile .tileContent .userImage {
      width: 84px;
      height: 84px;
      overflow: hidden;
      margin: 0 auto 1.6rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .userTile .tileContent .userImage.icon-user:before {
        font-size: 7rem;
        color: #eceeee; }
      .userTile .tileContent .userImage.default {
        overflow: hidden;
        margin-top: 10px;
        background-color: #dde4e4;
        line-height: 100px;
        text-align: center; }
      .userTile .tileContent .userImage.offset {
        position: absolute;
        top: 0;
        left: 74px;
        margin-top: 30px; }
    .userTile .tileContent h3.userName {
      height: 23px;
      margin: 0;
      line-height: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .userTile .tileContent h6.userTitle {
      margin-bottom: 1.8rem;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 1.1rem;
      color: #95a6a6;
      text-transform: none;
      letter-spacing: 0;
      line-height: 1.5; }
      .userTile .tileContent h6.userTitle .jobDescription {
        padding-bottom: 2px; }
    .userTile .tileContent .tileTop {
      height: 60px; }
    .userTile .tileContent .tileBottom {
      position: absolute;
      bottom: 1.8rem;
      left: 0;
      width: 100%; }
      .userTile .tileContent .tileBottom button,
      .userTile .tileContent .tileBottom .buttonSuccessText {
        margin-bottom: 2.2rem; }
      .userTile .tileContent .tileBottom .qualityIndicators--inline {
        display: inline-block; }
        .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator {
          border: 0; }
          .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator .qualitySignal {
            display: block;
            margin-bottom: 2px; }
          .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator.followers {
            margin: 0 13px 0 10px; }
            .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator.followers .qualitySignal {
              position: relative; }
              .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator.followers .qualitySignal:after {
                position: absolute;
                right: -14px;
                content: '|'; }
          .userTile .tileContent .tileBottom .qualityIndicators--inline .qualityIndicator .qualityCounter {
            display: block;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            font-size: 1.4rem;
            color: #3b3d40; }
  .userTile.dismissible .tileContent {
    height: 248px;
    width: 240px;
    background-image: -webkit-linear-gradient(left, #19B6BA 0%, #30CC9D 100%);
    background-image: -o-linear-gradient(left, #19B6BA 0%, #30CC9D 100%);
    background-image: linear-gradient(to right, #19B6BA 0%, #30CC9D 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF19B6BA', endColorstr='#FF30CC9D', GradientType=1);
    background-size: 100% 80px;
    background-repeat: no-repeat;
    background-color: #eceeee; }
    .userTile.dismissible .tileContent .userImage {
      width: 90px;
      height: 90px;
      margin-bottom: 12px; }
      .userTile.dismissible .tileContent .userImage.offset {
        left: 77px;
        margin-top: 19px; }
      .userTile.dismissible .tileContent .userImage.default {
        margin-top: -1px;
        margin-left: 57px; }
    .userTile.dismissible .tileContent h6.userTitle {
      font-weight: bold;
      font-size: 1.3rem;
      margin-top: 2px; }
    .userTile.dismissible .tileContent .tileBottom {
      bottom: -3px; }
      .userTile.dismissible .tileContent .tileBottom button {
        background-color: #ffffff;
        color: #29c896;
        width: 108px; }
  .userTile.dismissible .whiteOverlay {
    width: 240px;
    height: 248px; }
  .userTile.searchTile {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    background-color: #ffffff;
    text-align: left; }
    .userTile.searchTile .tileContent {
      height: auto;
      padding: 20px 0 5px 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .userTile.searchTile .tileContent .userImage {
        float: left;
        width: 72px;
        height: 72px;
        margin: -8px 20px 0 0; }
      .userTile.searchTile .tileContent .userImage.offset {
        left: 0px;
        margin-top: 20px; }
      .userTile.searchTile .tileContent h3.userName {
        margin: 8px 75px 0 0; }
      .userTile.searchTile .tileContent h6.userTitle {
        margin-bottom: 0;
        font-size: 1.2rem;
        letter-spacing: 0.1em; }
        .userTile.searchTile .tileContent h6.userTitle .jobDescription {
          padding: 0; }
      .userTile.searchTile .tileContent .tileBottom {
        position: static;
        bottom: initial;
        left: 94px;
        width: calc(100% - 94px); }
        .userTile.searchTile .tileContent .tileBottom button,
        .userTile.searchTile .tileContent .tileBottom .buttonSuccessText,
        .userTile.searchTile .tileContent .tileBottom .email {
          position: absolute;
          top: 32px;
          right: 0; }
        .userTile.searchTile .tileContent .tileBottom .email {
          top: 63px;
          width: 64px; }
  .userTile .fakeName, .userTile .fakeJobDescription,
  .userTile .fakeQualityCounter, .userTile .fakeQualitySignal {
    background: #eceeee;
    width: 140px;
    height: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto; }
  .userTile .fakeButton {
    width: 114px; }
  .userTile .fakeQualityCounter {
    width: 20px; }
  .userTile .fakeQualitySignal {
    width: 85px; }
  .userTile .cssFade.ng-show {
    transition: 0.25s linear all;
    opacity: 1;
    z-index: 1; }
  .userTile .cssFade {
    opacity: 0; }

.sidebarTile .userTile.searchTile {
  float: none;
  width: 350px;
  border: none; }
  .sidebarTile .userTile.searchTile .tileContent {
    overflow: auto; }
    .sidebarTile .userTile.searchTile .tileContent .userImage {
      margin: 0 16px 0 0; }
    .sidebarTile .userTile.searchTile .tileContent .userImage.offset {
      margin-top: 20px; }
    .sidebarTile .userTile.searchTile .tileContent .userText {
      float: left;
      width: auto;
      padding-bottom: 36px; }
      .sidebarTile .userTile.searchTile .tileContent .userText h3 {
        margin: 1px 0 1px;
        font-size: 1.6rem;
        line-height: 1.9rem; }
      .sidebarTile .userTile.searchTile .tileContent .userText h6 {
        font-size: 1.1rem;
        line-height: 1.6rem; }
    .sidebarTile .userTile.searchTile .tileContent .tagContainer {
      display: none; }
    .sidebarTile .userTile.searchTile .tileContent .tileBottom {
      position: absolute;
      bottom: 1px;
      left: 88px;
      width: auto; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom button,
      .sidebarTile .userTile.searchTile .tileContent .tileBottom .buttonSuccessText {
        position: relative;
        top: initial;
        margin-bottom: 5px; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom .qualityIndicator--inline {
        display: none; }

@media screen and (max-width: 1023px) {
  .sidebarTile .userTile.searchTile {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 0;
    text-align: left; }
    .sidebarTile .userTile.searchTile .tileContent {
      height: auto;
      padding: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .sidebarTile .userTile.searchTile .tileContent .userImage {
        float: left;
        width: 72px;
        height: 72px;
        margin: 0 20px 0 0; }
      .sidebarTile .userTile.searchTile .tileContent .userImage.offset {
        left: 0;
        margin-top: 0; }
      .sidebarTile .userTile.searchTile .tileContent h3.userName {
        margin: 8px 75px 0 0; }
      .sidebarTile .userTile.searchTile .tileContent h6.userTitle {
        margin-bottom: 0;
        font-size: 1.2rem;
        letter-spacing: 0.1em; }
        .sidebarTile .userTile.searchTile .tileContent h6.userTitle .jobDescription {
          padding: 0; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom {
        position: static;
        bottom: initial;
        left: 0;
        float: left;
        width: calc(100% - 94px);
        margin: 10px 0 0 94px; }
        .sidebarTile .userTile.searchTile .tileContent .tileBottom button,
        .sidebarTile .userTile.searchTile .tileContent .tileBottom .buttonSuccessText {
          position: absolute;
          top: 12px;
          right: 0; } }

@media screen and (max-width: 767px) {
  .sidebarTile .userTile.searchTile,
  .userTile.searchTile {
    padding: 10px 0; }
    .sidebarTile .userTile.searchTile .tileContent,
    .userTile.searchTile .tileContent {
      padding: 0; }
      .sidebarTile .userTile.searchTile .tileContent .userImage,
      .userTile.searchTile .tileContent .userImage {
        margin: 0 20px 0 0; }
        .sidebarTile .userTile.searchTile .tileContent .userImage.offset,
        .userTile.searchTile .tileContent .userImage.offset {
          margin-top: 0; }
      .sidebarTile .userTile.searchTile .tileContent .userText,
      .userTile.searchTile .tileContent .userText {
        width: 100%;
        padding-bottom: 10px; }
        .sidebarTile .userTile.searchTile .tileContent .userText h3.userName,
        .userTile.searchTile .tileContent .userText h3.userName {
          margin: 0;
          font-size: 1.5rem;
          line-height: 1.4em; }
      .sidebarTile .userTile.searchTile .tileContent .tagContainer,
      .userTile.searchTile .tileContent .tagContainer {
        display: none; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom,
      .userTile.searchTile .tileContent .tileBottom {
        margin: 4px 0 0 92px; }
        .sidebarTile .userTile.searchTile .tileContent .tileBottom button,
        .sidebarTile .userTile.searchTile .tileContent .tileBottom .buttonSuccessText,
        .userTile.searchTile .tileContent .tileBottom button,
        .userTile.searchTile .tileContent .tileBottom .buttonSuccessText {
          position: static;
          margin-bottom: 0; }
  .sidebarTile .userTile.searchTile .tileContent .userText {
    width: calc(100% - 92px); } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .sidebarTile .userTile.searchTile .tileContent {
    overflow: hidden; }
    .sidebarTile .userTile.searchTile .tileContent .userText {
      padding-bottom: 0px; }
    .sidebarTile .userTile.searchTile .tileContent .tileBottom {
      position: relative;
      display: block; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom div:first-child {
        float: left; }
        .sidebarTile .userTile.searchTile .tileContent .tileBottom div:first-child button {
          top: 0px; }
      .sidebarTile .userTile.searchTile .tileContent .tileBottom .buttonSuccessText {
        top: 0px; } }

.teamTile {
  box-sizing: border-box;
  position: relative;
  width: 300px;
  height: 300px;
  text-align: center; }
  .teamTile .tileAnchor {
    display: inline;
    text-decoration: none; }
    .teamTile .tileAnchor.memberOfTeam {
      cursor: pointer; }
  .teamTile .tagRepeater {
    display: inline-block; }
  .teamTile .tagContainer {
    height: calc(100% - 100px);
    max-height: inherit;
    margin: 0;
    width: auto;
    text-align: justify; }
    .teamTile .tagContainer ul {
      height: auto; }
    .teamTile .tagContainer .tag {
      -webkit-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      -moz-transition: background-color 200ms linear;
      -o-transition: background-color 200ms linear;
      transition: background-color 200ms linear;
      display: inline-block;
      background-color: #ffffff;
      color: #95a6a6;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      max-width: 100px;
      text-overflow: ellipsis;
      padding: 5px;
      font-size: 1.1rem;
      margin-right: 5px;
      margin-top: 5px; }
      .teamTile .tagContainer .tag:hover {
        background-color: #c9d7d7;
        color: #3b3d40; }
        .teamTile .tagContainer .tag:hover em {
          color: #ffffff; }
    .teamTile .tagContainer em {
      font-size: 1.1rem; }
  .teamTile .tileContent {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: box-shadow 200ms linear;
    -ms-transition: box-shadow 200ms linear;
    -moz-transition: box-shadow 200ms linear;
    -o-transition: box-shadow 200ms linear;
    transition: box-shadow 200ms linear;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f2f4f4; }
    .teamTile .tileContent:hover {
      -webkit-box-shadow: 0 2px 6px #95a6a6;
      -moz-box-shadow: 0 2px 6px #95a6a6;
      box-shadow: 0 2px 6px #95a6a6; }
    .teamTile .tileContent.active {
      -webkit-box-shadow: 0 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 0 2px #95a6a6;
      box-shadow: 0 0 0 2px #95a6a6; }
    .teamTile .tileContent .tileTop {
      border-top-right-radius: 6px;
      border-top-left-radius: 6px; }
      .teamTile .tileContent .tileTop .teamNameWrapper {
        height: 65px;
        width: 280px;
        margin: 0 auto;
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px; }
        .teamTile .tileContent .tileTop .teamNameWrapper h3.teamName {
          margin: 0;
          padding: 0;
          margin-bottom: 5px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #ffffff; }
        .teamTile .tileContent .tileTop .teamNameWrapper span {
          color: #ffffff;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: 1.3rem; }
    .teamTile .tileContent .tileBottom {
      padding: 10px;
      height: calc(100% - 65px);
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      text-align: center; }
      .teamTile .tileContent .tileBottom .teamDescription {
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        font-size: 1.2rem;
        color: #95a6a6;
        text-transform: none;
        text-align: left;
        display: block;
        height: 4.5rem;
        line-height: 1.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        padding: 0;
        margin-bottom: 8px; }
      .teamTile .tileContent .tileBottom .action-container {
        text-align: center;
        height: 50px;
        line-height: 50px; }
        .teamTile .tileContent .tileBottom .action-container button {
          margin: 0; }
        .teamTile .tileContent .tileBottom .action-container .buttonSuccessText {
          display: inline-block;
          margin: 0;
          line-height: 50px; }
  .teamTile .teamNameWrapper,
  .teamTile .desc-tooltip + .tooltip {
    -webkit-transition: display 200ms linear;
    -ms-transition: display 200ms linear;
    -moz-transition: display 200ms linear;
    -o-transition: display 200ms linear;
    transition: display 200ms linear; }
    .teamTile .teamNameWrapper .tooltip-inner,
    .teamTile .desc-tooltip + .tooltip .tooltip-inner {
      width: 280px;
      max-width: 280px;
      font-size: 1.2rem;
      background-color: #3b3d40;
      color: #ffffff;
      z-index: 10000 !important; }
    .teamTile .teamNameWrapper.bottom .tooltip-arrow,
    .teamTile .desc-tooltip + .tooltip.bottom .tooltip-arrow {
      border-bottom-color: #3b3d40; }

.teamAvatarContainer {
  height: 55px;
  margin-bottom: 50px; }
  .teamAvatarContainer .teamAvatar {
    position: relative;
    bottom: -18px;
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto;
    border-radius: 50%;
    font-family: "MuseoSansRounded500", "Arial", sans-serif;
    font-size: 4rem;
    color: #ffffff;
    line-height: 72px;
    text-align: center; }

.collectionTile {
  width: 240px;
  height: 320px;
  text-align: center;
  z-index: 0; }
  .collectionTile a.tileAnchor {
    text-decoration: none; }
  .collectionTile .collectionStack {
    position: relative;
    height: 4px;
    width: 90%;
    margin: 0 auto 4px;
    background-color: #ffffff;
    border-radius: 2px;
    cursor: pointer; }
    .collectionTile .collectionStack.short {
      width: 75%; }
  .collectionTile .collectionStack:before {
    box-sizing: border-box;
    content: "";
    border-radius: 10px; }
  .collectionTile .tileContent {
    position: relative;
    overflow: hidden;
    height: 304px;
    padding: 2.9rem 2rem 2rem;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .collectionTile .tileContent .smallCollectionTiles .smallTile {
      box-sizing: border-box;
      display: inline-block;
      width: 50px;
      height: 60px;
      margin: 0 3px;
      padding: 4px;
      border: solid 1px #dde4e4;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
      .collectionTile .tileContent .smallCollectionTiles .smallTile .collectionImage {
        height: 20px;
        overflow: hidden;
        margin-bottom: 6px;
        background: #eceeee;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
        .collectionTile .tileContent .smallCollectionTiles .smallTile .collectionImage .fitImage {
          width: 100%;
          height: 100%; }
        .collectionTile .tileContent .smallCollectionTiles .smallTile .collectionImage .placeholder {
          width: 100%;
          height: 100%;
          background: #eceeee; }
      .collectionTile .tileContent .smallCollectionTiles .smallTile .fakeText {
        position: relative;
        height: 3px;
        margin-bottom: 3px;
        background-color: #dde4e4;
        border-radius: 2px; }
        .collectionTile .tileContent .smallCollectionTiles .smallTile .fakeText.short {
          width: 50%; }
        .collectionTile .tileContent .smallCollectionTiles .smallTile .fakeText.paragraphEnd {
          margin-bottom: 6px; }
      .collectionTile .tileContent .smallCollectionTiles .smallTile .fakeText:before {
        box-sizing: border-box;
        content: "";
        border-radius: 10px; }
    .collectionTile .tileContent h3.collectionTitle {
      height: 53px;
      overflow: hidden;
      margin: 1.6rem 0 .3rem;
      line-height: 2.7rem;
      word-break: break-word; }
    .collectionTile .tileContent h6.owner {
      vertical-align: middle;
      width: 100%;
      height: 25px;
      margin-bottom: 2.5rem;
      color: #95a6a6;
      text-transform: none;
      letter-spacing: 0;
      line-height: 1.6rem; }
      .collectionTile .tileContent h6.owner span {
        display: inline-block;
        vertical-align: middle; }
        .collectionTile .tileContent h6.owner span.multipleCurators, .collectionTile .tileContent h6.owner span.others {
          color: #3b3d40; }
      .collectionTile .tileContent h6.owner .multipleCurators {
        max-width: 125px; }
    .collectionTile .tileContent .tileBottom {
      position: absolute;
      bottom: 2rem;
      left: 0;
      width: 100%; }
      .collectionTile .tileContent .tileBottom button,
      .collectionTile .tileContent .tileBottom .buttonSuccessText {
        margin-bottom: 1.7rem; }
  .collectionTile.searchTile {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 20px;
    text-align: left; }
    .collectionTile.searchTile .tileContent {
      height: auto;
      padding: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .collectionTile.searchTile .tileContent .tileTop {
        margin-bottom: 9px; }
        .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer {
          float: left;
          width: 72px;
          margin-right: 20px; }
          .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionStack {
            position: relative;
            height: 5px;
            width: 90%;
            margin: 0 auto 2px;
            border: solid 1px #dde4e4;
            border-radius: 2px;
            cursor: pointer; }
          .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionStack:before {
            box-sizing: border-box;
            content: "";
            border-radius: 10px; }
          .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 8px 0 4px 8px;
            border: solid 1px #dde4e4;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px; }
            .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile {
              width: 24px;
              height: 30px;
              margin: 0 5px 5px 0;
              padding: 2px; }
              .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .collectionImage {
                height: 10px;
                margin-bottom: 2px; }
              .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText {
                position: relative;
                height: 2px;
                margin-bottom: 1px; }
                .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.short {
                  width: 50%; }
                .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.paragraphEnd {
                  margin-bottom: 3px; }
              .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText:before {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                content: "";
                border-radius: 10px; }
        .collectionTile.searchTile .tileContent .tileTop .collectionText h3.collectionTitle {
          height: auto;
          margin: 7px 130px 5px 0;
          padding: 0;
          border-bottom: none;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          line-height: 2.9rem;
          text-transform: none; }
        .collectionTile.searchTile .tileContent .tileTop .collectionText h6 {
          height: auto;
          margin: 0 0 0 92px;
          font-size: 1.2rem;
          letter-spacing: 0.1em; }
          .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner {
            margin-bottom: 0; }
            .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner span.multipleCurators, .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner span.others {
              color: #95a6a6; }
          .collectionTile.searchTile .tileContent .tileTop .collectionText h6 .jobDescription {
            padding: 0; }
    .collectionTile.searchTile .tileBottom {
      position: static; }
      .collectionTile.searchTile .tileBottom button,
      .collectionTile.searchTile .tileBottom .buttonSuccessText {
        position: absolute;
        top: 10px;
        right: 0; }
      .collectionTile.searchTile .tileBottom .qualityIndicator--inline {
        margin-left: 92px; }
  .collectionTile .fakeName, .collectionTile .fakeOwner,
  .collectionTile .fakeQualityCounter, .collectionTile .fakeQualitySignal {
    background: #eceeee;
    width: 200px;
    height: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto; }
  .collectionTile .fakeOwner {
    vertical-align: middle;
    width: 100%;
    margin-bottom: 2.5rem;
    color: #b4b7b7;
    text-transform: none;
    letter-spacing: 0; }
  .collectionTile .fakeButton {
    width: 114px; }
  .collectionTile .fakeQualityCounter {
    width: 20px; }
  .collectionTile .fakeQualitySignal {
    width: 85px; }

.sidebarTile .collectionTile {
  float: none;
  width: 350px;
  border: none; }
  .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer {
    width: 88px;
    margin-right: 28px; }
    .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles {
      padding: 10px 0 4px 10px; }
      .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile {
        width: 30px;
        height: 36px;
        margin: 0 5px 6px 0; }
        .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile .collectionImage {
          height: 12px;
          margin-bottom: 2px; }
        .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText {
          position: relative;
          height: 2px;
          margin-bottom: 1px; }
          .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.short {
            width: 50%; }
          .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.paragraphEnd {
            margin-bottom: 3px; }
        .sidebarTile .collectionTile.searchTile .tileContent .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText:before {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          content: "";
          border-radius: 10px; }
  .sidebarTile .collectionTile.searchTile .tileContent .collectionText {
    float: left;
    width: 230px;
    padding-bottom: 40px; }
    .sidebarTile .collectionTile.searchTile .tileContent .collectionText h3.collectionTitle {
      margin: 4px 0 5px;
      font-size: 1.6rem;
      line-height: 1.9rem; }
    .sidebarTile .collectionTile.searchTile .tileContent .collectionText h6.owner {
      margin: 0; }
  .sidebarTile .collectionTile.searchTile .tileContent .tileBottom {
    position: absolute;
    bottom: 11px;
    left: 117px;
    width: auto; }
    .sidebarTile .collectionTile.searchTile .tileContent .tileBottom button,
    .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .buttonSuccessText {
      position: relative;
      height: 24px;
      margin-bottom: 0;
      padding: 0 1.2rem;
      font-size: .8rem;
      text-transform: uppercase;
      line-height: 24px;
      letter-spacing: 0.12em; }
    .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .buttonSuccessText {
      padding: 0; }
    .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .qualityIndicator--inline {
      display: none; }

@media screen and (max-width: 1023px) {
  .sidebarTile .collectionTile.searchTile {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 0;
    text-align: left; }
    .sidebarTile .collectionTile.searchTile .tileContent {
      height: auto;
      padding: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer {
        float: left;
        width: 72px;
        margin-right: 20px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionStack {
          position: relative;
          height: 5px;
          width: 90%;
          margin: 0 auto 2px;
          border: solid 1px #dde4e4;
          border-radius: 2px;
          cursor: pointer; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionStack:before {
          box-sizing: border-box;
          content: "";
          border-radius: 10px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 8px 0 4px 8px;
          border: solid 1px #dde4e4;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          -o-border-radius: 4px;
          border-radius: 4px; }
          .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile {
            width: 24px;
            height: 30px;
            margin: 0 5px 5px 0;
            padding: 2px; }
            .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .collectionImage {
              height: 10px;
              margin-bottom: 2px; }
            .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText {
              position: relative;
              height: 2px;
              margin-bottom: 1px; }
              .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.short {
                width: 50%; }
              .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText.paragraphEnd {
                margin-bottom: 3px; }
            .sidebarTile .collectionTile.searchTile .tileContent .tileTop .smallCollectionTilesContainer .smallCollectionTiles .smallTile .fakeText:before {
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              content: "";
              border-radius: 10px; }
      .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText {
        width: calc(100% - 94px);
        padding-bottom: 15px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h3 {
          height: auto;
          margin: 7px 75px 5px 0;
          font-size: 2rem;
          line-height: 2.9rem; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h6 {
          height: auto;
          margin-bottom: 0;
          font-size: 1.2rem;
          letter-spacing: 0.1em; }
          .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner {
            margin-bottom: 0; }
            .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner span.multipleCurators, .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h6.owner span.others {
              color: #95a6a6; }
          .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h6 .jobDescription {
            padding: 0; }
      .sidebarTile .collectionTile.searchTile .tileContent .tileBottom {
        position: static;
        bottom: initial;
        left: 0;
        width: calc(100% - 94px);
        margin: 10px 0 0 94px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom button,
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .buttonSuccessText {
          position: absolute;
          top: 12px;
          right: 0; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .qualityIndicator--inline {
          display: block;
          margin-left: 0; } }

@media screen and (max-width: 767px) {
  .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText {
    float: none;
    width: 100%; }
  .sidebarTile .collectionTile.searchTile,
  .collectionTile.searchTile {
    padding: 10px 0; }
    .sidebarTile .collectionTile.searchTile .tileContent,
    .collectionTile.searchTile .tileContent {
      overflow: visible; }
      .sidebarTile .collectionTile.searchTile .tileContent .tileTop,
      .collectionTile.searchTile .tileContent .tileTop {
        margin-top: 0; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText,
        .collectionTile.searchTile .tileContent .tileTop .collectionText {
          padding-bottom: 0; }
          .sidebarTile .collectionTile.searchTile .tileContent .tileTop .collectionText h3.collectionTitle,
          .collectionTile.searchTile .tileContent .tileTop .collectionText h3.collectionTitle {
            margin-right: 0;
            font-size: 1.5rem;
            line-height: 1.4em; }
      .sidebarTile .collectionTile.searchTile .tileContent .tileBottom,
      .collectionTile.searchTile .tileContent .tileBottom {
        margin: 0 0 0 92px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom button,
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .buttonSuccessText,
        .collectionTile.searchTile .tileContent .tileBottom button,
        .collectionTile.searchTile .tileContent .tileBottom .buttonSuccessText {
          position: static;
          margin-bottom: 10px; }
        .sidebarTile .collectionTile.searchTile .tileContent .tileBottom .qualityIndicator--inline,
        .collectionTile.searchTile .tileContent .tileBottom .qualityIndicator--inline {
          width: 100%;
          margin: 0; } }

.fitImage {
  background-size: cover;
  background-position: center; }

.curatorAvatar {
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 20px; }

.curatorAvatar.icon-user {
  margin-right: 10px; }

.curatorAvatar.icon-user:before {
  display: inline-block;
  vertical-align: middle;
  padding: 4px; }

.curatorAvatar.icon-users:before {
  display: inline-block;
  vertical-align: middle;
  padding: 4px; }

.contentTile {
  position: relative;
  width: 100%;
  height: auto;
  cursor: pointer;
  margin: 15px 0 30px; }
  .contentTile .emptyTile .shimmer {
    opacity: 0.4;
    width: calc(100% - 20px);
    height: 168px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 10px;
    z-index: 1;
    background-repeat: no-repeat;
    animation: shimmer 2s linear infinite;
    background: -owg-linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%);
    background: -webkit-linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%);
    background: -moz-linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%);
    background: -o-linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%);
    -pie-background: -pie-linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%);
    background: linear-gradient(135deg, transparent 0%, transparent 30%, #ffffff 32%, #ffffff 68%, transparent 70%, transparent 100%); }

@keyframes shimmer {
  0% {
    background-position-x: -500px; }
  50% {
    background-position-x: 500px; }
  100% {
    background-position-x: 500px; } }
  .contentTile .emptyTile .fakeContextLine,
  .contentTile .emptyTile .fakeImage,
  .contentTile .emptyTile .fakeTitle,
  .contentTile .emptyTile .fakeLine,
  .contentTile .emptyTile .userImage {
    background: #f2f4f4;
    display: inline-block; }
  .contentTile .emptyTile .fakeContextLine {
    width: 230px;
    height: 20px;
    margin: 0 0 5px 5px; }
  .contentTile .emptyTile .fakeTitle {
    margin: 6px 0 15px 0;
    height: 40px;
    width: calc(100% - 190px); }
  .contentTile .emptyTile .fakeLine {
    margin-bottom: 6px;
    height: 20px;
    width: calc(100% - 190px); }
  .contentTile .emptyTile .errorTile {
    width: 100%;
    padding: 20px;
    color: #ffffff;
    background-color: #f65950;
    border-radius: 6px;
    position: relative; }
    .contentTile .emptyTile .errorTile .icon-alert {
      display: inline-block;
      font-size: 4rem;
      margin-right: 20px;
      vertical-align: middle; }
    .contentTile .emptyTile .errorTile .alertMessage {
      width: calc(100% - 100px);
      display: inline-block;
      font-size: 1.6rem;
      line-height: 2rem;
      vertical-align: middle; }
    .contentTile .emptyTile .errorTile .icon-x {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
      cursor: pointer;
      font-size: 1.4rem;
      padding: 10px; }
  .contentTile .emptyTile .pdf .tileContent .imageContainer .fitImage {
    background-repeat: no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.05); }
  .contentTile .tileMetadata {
    width: 100%;
    margin-bottom: 18px;
    color: #95a6a6;
    font-size: 1.5rem; }
    .contentTile .tileMetadata .userImageWrapper {
      position: relative;
      display: inline-block;
      vertical-align: middle; }
      .contentTile .tileMetadata .userImageWrapper .userImage {
        width: 40px;
        height: 40px;
        margin-right: 0.5em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
        .contentTile .tileMetadata .userImageWrapper .userImage.icon-user:before {
          font-size: 3rem;
          color: #f2f4f4; }
        .contentTile .tileMetadata .userImageWrapper .userImage.default {
          line-height: 32px;
          text-align: center;
          overflow: hidden;
          background: #dde4e4; }
        .contentTile .tileMetadata .userImageWrapper .userImage.offset {
          position: absolute;
          top: 0;
          left: 0; }
    .contentTile .tileMetadata .tileMetadata-text {
      display: inline-block;
      width: calc(100% - 52px);
      vertical-align: middle;
      padding-top: 4px; }
      .contentTile .tileMetadata .tileMetadata-text a {
        line-height: 1.6rem;
        vertical-align: top; }
      .contentTile .tileMetadata .tileMetadata-text a,
      .contentTile .tileMetadata .tileMetadata-text span {
        line-height: 1.5rem;
        vertical-align: middle; }
      .contentTile .tileMetadata .tileMetadata-text a:hover {
        text-decoration: none; }
      .contentTile .tileMetadata .tileMetadata-text a:visited {
        color: #26b099; }
      .contentTile .tileMetadata .tileMetadata-text .lastFollowedLiker {
        display: inline-block;
        max-width: 45%; }
      .contentTile .tileMetadata .tileMetadata-text .timeAgo {
        width: 150px;
        float: right;
        text-align: right; }
      .contentTile .tileMetadata .tileMetadata-text .removeWrapper {
        float: right;
        padding-top: 2px;
        font-size: 1.2rem;
        color: #95a6a6;
        cursor: pointer; }
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper:hover,
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper .confirmRemove {
          color: #d54c44; }
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper .removeError {
          color: #d54c44;
          cursor: initial; }
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper .removeLabel {
          font-style: italic; }
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper .confirmRemoveLabel {
          cursor: initial; }
        .contentTile .tileMetadata .tileMetadata-text .removeWrapper .removeOption:hover {
          text-decoration: underline; }
  .contentTile .pdf .tileContent .imageContainer .fitImage {
    border: 0 none; }
  .contentTile a.tileAnchor {
    text-decoration: none; }
  .contentTile .tileContent {
    position: relative;
    overflow: visible;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px #95a6a6;
    -moz-box-shadow: 0 0 2px #95a6a6;
    box-shadow: 0 0 2px #95a6a6; }
    .contentTile .tileContent:hover {
      -webkit-box-shadow: 0 2px 6px #95a6a6;
      -moz-box-shadow: 0 2px 6px #95a6a6;
      box-shadow: 0 2px 6px #95a6a6; }
    .contentTile .tileContent.active {
      -webkit-box-shadow: 0 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 0 2px #95a6a6;
      box-shadow: 0 0 0 2px #95a6a6; }
    .contentTile .tileContent .alertMessage {
      color: #f65950;
      font-size: 1.6rem;
      line-height: 2rem;
      text-align: center;
      margin: 60px 80px; }
    .contentTile .tileContent .insightCount {
      position: relative;
      z-index: 2;
      float: right;
      margin: 17px 20px -44px 0;
      padding: 5px 13px;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      font-size: 1.4rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #ffffff; }
      .contentTile .tileContent .insightCount i {
        display: inline-block;
        vertical-align: bottom;
        font-size: 1.5rem; }
      .contentTile .tileContent .insightCount span {
        display: inline-block; }
    .contentTile .tileContent .imageContainer {
      position: relative;
      float: none;
      overflow: hidden;
      width: 100%;
      height: 172px;
      margin: 0 0 10px;
      border-bottom: solid 1px #dde4e4; }
      .contentTile .tileContent .imageContainer .icon-d3-video {
        font-size: 500%; }
      .contentTile .tileContent .imageContainer .groovyFitImage {
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
        -o-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0; }
    .contentTile .tileContent .contentDetails {
      width: 100%;
      float: none;
      margin-top: 0;
      padding: 0 35px 20px; }
      .contentTile .tileContent .contentDetails .source,
      .contentTile .tileContent .contentDetails .timeAgo {
        font-size: 1.2rem;
        color: #95a6a6;
        white-space: nowrap; }
      .contentTile .tileContent .contentDetails .source {
        float: left;
        max-width: 70%;
        margin-bottom: 5px; }
      .contentTile .tileContent .contentDetails .timeAgo {
        color: #95a6a6;
        font-size: 1.2rem;
        float: right;
        display: inline-block; }
        .contentTile .tileContent .contentDetails .timeAgo:before {
          display: none;
          content: '\2022';
          margin: 0 6px 0 4px; }
      .contentTile .tileContent .contentDetails h3.contentTitle {
        overflow: hidden;
        max-height: 55px;
        margin-top: 10px;
        line-height: 1.4em; }
      .contentTile .tileContent .contentDetails .contentInsightWrapper {
        position: relative; }
        .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer {
          width: 100%;
          margin-top: 15px;
          padding-bottom: 15px; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer:last-child {
            padding-bottom: 10px; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer .insightTextContainer {
            position: relative;
            display: inline-block;
            padding: 3px 10px;
            vertical-align: top;
            background-color: #fcf9eb;
            border-left: 1px solid #f4b737;
            font-size: 1.5rem;
            font-family: "RooneyLight", Times, "Times New Roman", serif;
            color: #3b3d40;
            line-height: 1.6;
            cursor: pointer;
            word-break: break-word; }
            .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer .insightTextContainer .icon-quote {
              position: absolute;
              top: -6px;
              left: -25px;
              height: 30px;
              color: #f4b737;
              font-size: 2.4rem; }
        .contentTile .tileContent .contentDetails .contentInsightWrapper .info {
          clear: both;
          padding-top: 15px; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .info .insightLikes {
            float: left;
            color: #95a6a6;
            font-size: 1.3rem;
            letter-spacing: 0.2rem; }
            .contentTile .tileContent .contentDetails .contentInsightWrapper .info .insightLikes .icon-heart2 {
              display: inline-block;
              font-size: 1.6rem;
              color: #95a6a6; }
              .contentTile .tileContent .contentDetails .contentInsightWrapper .info .insightLikes .icon-heart2.liked {
                color: #f65950; }
                .contentTile .tileContent .contentDetails .contentInsightWrapper .info .insightLikes .icon-heart2.liked:before {
                  content: "\e65b"; }
            .contentTile .tileContent .contentDetails .contentInsightWrapper .info .insightLikes span {
              display: inline-block; }
        .contentTile .tileContent .contentDetails .contentInsightWrapper .insightOwner {
          float: right; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .insightOwner .insightOwnerName {
            display: inline-block;
            vertical-align: middle;
            color: #95a6a6;
            margin-right: 5px;
            font-size: 1.2rem; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .insightOwner .fitImage {
            position: relative; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .insightOwner .userImage.default {
            float: right;
            line-height: 32px;
            text-align: center;
            overflow: hidden;
            background: #dde4e4;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            position: relative; }
            .contentTile .tileContent .contentDetails .contentInsightWrapper .insightOwner .userImage.default:before {
              font-size: 3rem;
              color: #ffffff; }
        .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare {
          float: left;
          margin-left: 10px; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .icon-share {
            font-size: 1.8rem;
            color: #95a6a6;
            vertical-align: sub; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .shareLabel {
            font-size: 1.1rem;
            color: #95a6a6;
            text-transform: uppercase;
            letter-spacing: 0.2rem;
            display: inline-block; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare:hover .shareLabel {
            display: none; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare:hover .hideIcons {
            display: inline-block; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .hideIcons {
            display: none;
            vertical-align: top; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .loadingTwitterSharableUrl {
            margin: -18px 20px; }
          .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare .showIcons {
            position: relative;
            float: right;
            margin-left: 5px; }
      .contentTile .tileContent .contentDetails .snippet {
        max-height: 40px;
        overflow: hidden;
        margin-top: .8rem;
        margin-bottom: 25px;
        line-height: 1.4em;
        color: #3b3d40;
        font-size: 1.5rem;
        font-family: "MuseoSansRounded100", "Arial", sans-serif; }
      .contentTile .tileContent .contentDetails .contentBottom {
        width: 100%;
        color: #95a6a6; }
        .contentTile .tileContent .contentDetails .contentBottom .draftIndicator {
          float: left;
          margin-top: 0.3rem;
          font-size: 1rem;
          letter-spacing: 0.1rem;
          color: #f65950;
          text-transform: uppercase; }
          .contentTile .tileContent .contentDetails .contentBottom .draftIndicator span {
            display: inline-block; }
          .contentTile .tileContent .contentDetails .contentBottom .draftIndicator .draftLabel {
            margin-right: 1rem;
            padding-right: 1rem;
            border-right: solid 1px #95a6a6; }
        .contentTile .tileContent .contentDetails .contentBottom .collectionAnchor {
          float: right;
          padding: 0 8px;
          height: 2.4rem;
          max-width: 225px;
          background-color: #eceeee;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
          border-radius: 2px;
          font-size: 1.2rem;
          color: #3b3d40;
          line-height: 2.4rem;
          cursor: pointer; }
  .contentTile.compactTile {
    margin: 28px 0 0;
    background-color: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    .contentTile.compactTile .tileMetadata {
      display: none; }
    .contentTile.compactTile .insightCount {
      display: none; }
    .contentTile.compactTile .tileContent {
      height: auto;
      padding: 0;
      box-shadow: none; }
      .contentTile.compactTile .tileContent .imageContainer {
        width: 84px;
        height: 84px;
        float: left;
        border-bottom: 0; }
        .contentTile.compactTile .tileContent .imageContainer .groovyFitImage {
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          -o-border-radius: 4px;
          border-radius: 4px; }
      .contentTile.compactTile .tileContent .imageSpace {
        padding-left: 10px; }
      .contentTile.compactTile .tileContent .contentDetails {
        padding: 0; }
        .contentTile.compactTile .tileContent .contentDetails h3.contentTitle {
          max-height: none;
          margin-top: 0; }
        .contentTile.compactTile .tileContent .contentDetails .source {
          float: none;
          max-width: none; }
        .contentTile.compactTile .tileContent .contentDetails .snippet {
          padding-left: 10px;
          color: #95a6a6; }

.mobile .contentTile .tileMetadata {
  color: #3b3d40; }

.collectionItem .contentTile .tileMetadata .tileMetadata-text {
  width: 100%; }

.allActivityTile .contentTile .tileContent:hover {
  -webkit-box-shadow: 0 0 2px #95a6a6;
  -moz-box-shadow: 0 0 2px #95a6a6;
  box-shadow: 0 0 2px #95a6a6; }

.allActivityTile .contentTile .tileContent.active {
  -webkit-box-shadow: 0 0 2px #95a6a6;
  -moz-box-shadow: 0 0 2px #95a6a6;
  box-shadow: 0 0 2px #95a6a6; }

/** adding common styel for activity tile**/
/** change color if the tile is a question tile **/
.allActivityTile.question {
  background-color: #95a6a6 !important; }
  .allActivityTile.question .tileMetadata-text {
    color: white; }
  .allActivityTile.question h2 {
    font-size: 2.3rem;
    color: white; }

@media screen and (max-width: 767px) {
  .contentTile {
    margin: 0 0 10px; }
    .contentTile .tileMetadata {
      margin-bottom: 5px;
      font-size: 1.2rem;
      color: #3b3d40; }
      .contentTile .tileMetadata .tileMetadata-text a, .contentTile .tileMetadata .tileMetadata-text span {
        line-height: 1.1; }
      .contentTile .tileMetadata .tileMetadata-text .lastFollowedLiker {
        max-width: 55%; }
      .contentTile .tileMetadata .tileMetadata-text .timeAgo {
        float: none;
        display: block;
        width: auto;
        padding-top: 5px;
        text-align: left; }
      .contentTile .tileMetadata .tileMetadata-text .removeWrapper {
        float: none;
        display: block; }
      .contentTile .tileMetadata .userImage.default {
        float: left; }
    .contentTile .tileContent {
      height: auto;
      -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
      .contentTile .tileContent .imageContainer {
        margin: 0; }
        .contentTile .tileContent .imageContainer .icon-d3-video {
          font-size: 300%; }
      .contentTile .tileContent .contentDetails {
        padding: 10px 10px 1px; }
        .contentTile .tileContent .contentDetails .source {
          margin: 0; }
        .contentTile .tileContent .contentDetails h3.contentTitle {
          max-height: 42px;
          font-size: 1.8rem;
          line-height: 1.2; }
        .contentTile .tileContent .contentDetails .contentInsightWrapper .insightContainer {
          margin-left: 25px;
          width: auto; }
        .contentTile .tileContent .contentDetails .snippet {
          margin-bottom: 15px; }
        .contentTile .tileContent .contentDetails .contentBottom .insightCount {
          display: none; }
        .contentTile .tileContent .contentDetails .contentBottom .collectionAnchor {
          max-width: calc(100% - 140px);
          margin-bottom: 10px; }
    .contentTile.compactTile .tileContent {
      padding: 15px 0 10px; }
    .contentTile .pdf .tileContent .imageContainer .fitImage {
      background-position: 0 100%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .contentTile .tileContent .contentDetails .contentInsightWrapper .contentShare {
    width: 120px; } }

.contentTile.question.fullView {
  width: calc(100% - 50px);
  margin-left: 50px !important; }

.contentTile.question .title {
  clear: both; }
  .contentTile.question .title .tileMetadata-text {
    float: right; }

.contentTile.question .tileMetadata {
  margin-top: 18px;
  margin-bottom: 0; }

.contentTile.question .userImage {
  height: 24px !important;
  width: 24px !important; }

.contentTile.question .timeAgo {
  float: right !important;
  margin-left: 20px;
  color: #dde4e4;
  width: auto !important; }

.masonryContentTile {
  position: relative;
  width: 100%;
  height: auto; }
  .masonryContentTile a.articleAnchor {
    text-decoration: none; }
  .masonryContentTile .tileContent {
    position: relative;
    overflow: visible;
    width: 100%;
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .masonryContentTile .tileContent .imageContainer {
      position: relative;
      width: 100%;
      border-bottom: solid 1px #eceeee; }
      .masonryContentTile .tileContent .imageContainer .icon-d3-video {
        font-size: 500%; }
      .masonryContentTile .tileContent .imageContainer img.contentImage {
        display: block;
        width: 100%;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        -o-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0; }
    .masonryContentTile .tileContent span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.2rem; }
    .masonryContentTile .tileContent .contentDetails {
      padding: 10px 15px 25px; }
      .masonryContentTile .tileContent .contentDetails i {
        padding-right: 4px;
        font-size: 1.2rem; }
      .masonryContentTile .tileContent .contentDetails .tileMetadata {
        width: 100%;
        margin-bottom: 14px;
        font-size: 1.2rem;
        letter-spacing: .04em; }
        .masonryContentTile .tileContent .contentDetails .tileMetadata i,
        .masonryContentTile .tileContent .contentDetails .tileMetadata span {
          display: inline-block;
          line-height: 1rem;
          vertical-align: bottom;
          color: #95a6a6; }
        .masonryContentTile .tileContent .contentDetails .tileMetadata .icon-eye {
          font-size: 1.6rem; }
        .masonryContentTile .tileContent .contentDetails .tileMetadata .count {
          padding-right: 1.7rem; }
        .masonryContentTile .tileContent .contentDetails .tileMetadata .timeAgo {
          float: right;
          text-align: right; }
      .masonryContentTile .tileContent .contentDetails h3.contentTitle {
        display: inline-block;
        margin-bottom: 11px;
        margin-top: 1rem;
        line-height: 1.4em;
        word-break: break-word; }
      .masonryContentTile .tileContent .contentDetails .userContainer {
        position: relative;
        font-family: "RooneyLight", Times, "Times New Roman", serif;
        white-space: nowrap; }
        .masonryContentTile .tileContent .contentDetails .userContainer .userImage {
          width: 24px;
          height: 24px;
          overflow: hidden;
          display: inline-block;
          margin-right: .5em;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
          .masonryContentTile .tileContent .contentDetails .userContainer .userImage.icon-user:before {
            font-size: 2.3rem;
            color: #f2f4f4; }
          .masonryContentTile .tileContent .contentDetails .userContainer .userImage.default {
            line-height: 32px;
            text-align: center;
            overflow: hidden;
            background: #dde4e4; }
          .masonryContentTile .tileContent .contentDetails .userContainer .userImage.offset {
            position: absolute;
            top: 0;
            left: 0; }
        .masonryContentTile .tileContent .contentDetails .userContainer .plainText {
          color: #95a6a6;
          font-style: italic; }
        .masonryContentTile .tileContent .contentDetails .userContainer .lastFollowedLiker {
          display: inline-block;
          max-width: 205px;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: #29c896; }
          .masonryContentTile .tileContent .contentDetails .userContainer .lastFollowedLiker:visted {
            color: #29c896; }
      .masonryContentTile .tileContent .contentDetails.noImage {
        width: 100%;
        padding-top: 15px; }
    .masonryContentTile .tileContent .insightsContainer {
      padding: 0 15px 20px;
      border-top: solid 1px #eceeee; }
      .masonryContentTile .tileContent .insightsContainer span {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.2rem; }
        .masonryContentTile .tileContent .insightsContainer span.plainText {
          color: #95a6a6;
          font-style: italic; }
      .masonryContentTile .tileContent .insightsContainer .insightBlock {
        padding-top: 21px;
        cursor: pointer; }
      .masonryContentTile .tileContent .insightsContainer .insightMetadata {
        padding-bottom: 10px;
        font-family: "RooneyLight", Times, "Times New Roman", serif; }
        .masonryContentTile .tileContent .insightsContainer .insightMetadata i {
          vertical-align: middle;
          font-size: 1.3rem;
          color: #95a6a6; }
      .masonryContentTile .tileContent .insightsContainer .insightText {
        display: inline;
        padding: 3px 0;
        background: rgba(250, 215, 47, 0.2);
        font-size: 1.5rem;
        color: #3b3d40;
        line-height: 1.6; }
    .masonryContentTile .tileContent .empty {
      height: 173px;
      width: 100%; }
      .masonryContentTile .tileContent .empty .feedContentDetails {
        padding-top: 24px; }

.insightTile {
  position: relative;
  height: auto;
  color: #95a6a6;
  /* Group Tile */ }
  .insightTile a.tileAnchor {
    text-decoration: none; }
  .insightTile .tileMetadata {
    width: 100%;
    margin-bottom: 6px;
    font-size: 1.3rem;
    color: #95a6a6; }
    .insightTile .tileMetadata .userImage {
      width: 30px;
      height: 30px;
      overflow: hidden;
      display: inline-block;
      margin-right: .5em;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .insightTile .tileMetadata .userImage.icon-user:before {
        font-size: 30px;
        color: #f2f4f4; }
      .insightTile .tileMetadata .userImage.default {
        line-height: 38px;
        text-align: center;
        overflow: hidden;
        background: #dde4e4; }
      .insightTile .tileMetadata .userImage.offset {
        position: absolute;
        top: -1px;
        left: -1px; }
    .insightTile .tileMetadata .tileMetadata-text {
      display: inline-block;
      width: calc(100% - 40px); }
      .insightTile .tileMetadata .tileMetadata-text a,
      .insightTile .tileMetadata .tileMetadata-text span {
        display: inline-block;
        line-height: 3rem;
        vertical-align: bottom; }
      .insightTile .tileMetadata .tileMetadata-text a:hover {
        text-decoration: none; }
      .insightTile .tileMetadata .tileMetadata-text a:visited {
        color: #26b099; }
      .insightTile .tileMetadata .tileMetadata-text .lastFollowedLiker {
        max-width: 50%; }
      .insightTile .tileMetadata .tileMetadata-text .timeAgo {
        width: 150px;
        float: right;
        text-align: right; }
        .insightTile .tileMetadata .tileMetadata-text .timeAgo span {
          width: 105px; }
  .insightTile .tileContent {
    background-color: #ffffff;
    margin-bottom: 3rem;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px #95a6a6;
    -moz-box-shadow: 0 0 2px #95a6a6;
    box-shadow: 0 0 2px #95a6a6; }
    .insightTile .tileContent:hover {
      -webkit-box-shadow: 0 2px 6px #95a6a6;
      -moz-box-shadow: 0 2px 6px #95a6a6;
      box-shadow: 0 2px 6px #95a6a6; }
    .insightTile .tileContent.active {
      -webkit-box-shadow: 0 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 0 2px #95a6a6;
      box-shadow: 0 0 0 2px #95a6a6; }
    .insightTile .tileContent .groupInsightTabTileTitle {
      cursor: pointer; }
    .insightTile .tileContent a {
      color: #3b3d40;
      text-decoration: none !important; }
      .insightTile .tileContent a:visited {
        color: #3b3d40; }
    .insightTile .tileContent span {
      color: #95a6a6; }
      .insightTile .tileContent span.textTag.red {
        color: #ffffff; }
    .insightTile .tileContent .contentDetails {
      width: 100%;
      float: none;
      margin-top: 0;
      padding: 20px 35px; }
      .insightTile .tileContent .contentDetails h3 {
        margin-top: 20px; }
        .insightTile .tileContent .contentDetails h3 .textTag {
          line-height: 1.7rem; }
      .insightTile .tileContent .contentDetails a {
        color: #3b3d40; }
      .insightTile .tileContent .contentDetails .insightContainer .icon-quote {
        position: absolute;
        top: -6px;
        left: -25px;
        height: 30px;
        color: #f4b737;
        font-size: 2.4rem; }
      .insightTile .tileContent .contentDetails .insightContainer .insightTextContainer {
        position: relative;
        display: inline-block;
        padding: 3px 10px;
        vertical-align: top;
        background-color: #fcf9eb;
        border-left: 1px solid #f4b737;
        font-size: 1.5rem;
        font-family: "RooneyLight", Times, "Times New Roman", serif;
        color: #3b3d40;
        line-height: 1.6;
        cursor: pointer;
        word-break: break-word; }
        .insightTile .tileContent .contentDetails .insightContainer .insightTextContainer .annotator-hl {
          padding: 0;
          background: none; }
      .insightTile .tileContent .contentDetails .contentBottom {
        margin-top: 20px; }
        .insightTile .tileContent .contentDetails .contentBottom .icon-user:hover {
          text-decoration: none; }
        .insightTile .tileContent .contentDetails .contentBottom .postOwnerDetails {
          float: right;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1.1rem;
          line-height: 26px;
          letter-spacing: 0.1em; }
          .insightTile .tileContent .contentDetails .contentBottom .postOwnerDetails .postTitle {
            display: inline-block;
            color: #3b3d40; }
        .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes {
          float: left;
          width: auto;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1rem; }
          .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes {
            float: left;
            margin-right: 20px;
            padding-right: 20px;
            border-right: solid 1px #dde4e4;
            letter-spacing: 0.1em;
            text-transform: uppercase; }
            .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes i,
            .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes span {
              line-height: 26px; }
            .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes i {
              float: left;
              margin-top: 0;
              padding-right: 8px;
              font-size: 1.5rem;
              color: #95a6a6;
              cursor: pointer; }
              .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes i.icon-heart.liked {
                color: #f65950; }
              a:visited .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes i {
                color: #95a6a6; }
          .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightShare {
            float: left;
            line-height: 26px; }
        .insightTile .tileContent .contentDetails .contentBottom .icon-user:before {
          display: inline-block;
          vertical-align: sub; }
        .insightTile .tileContent .contentDetails .contentBottom .insightLiker {
          float: left;
          max-width: 40%; }
    .insightTile .tileContent .likerAvatar {
      background-position: 50% 50%;
      background-size: contain;
      border-radius: 100%;
      height: 21px;
      width: 21px;
      display: inline-block;
      margin: 0 2px 0;
      vertical-align: middle; }
      .insightTile .tileContent .likerAvatar.noBgUrl {
        background-color: #dde4e4;
        color: #eceeee;
        line-height: 30px;
        font-size: 23px;
        text-align: center;
        overflow: hidden; }
      .insightTile .tileContent .likerAvatar:first-child {
        margin-left: 2px; }
    .insightTile .tileContent .noBgUrl {
      background-color: #b4b7b7;
      color: #eaeaea; }
    .insightTile .tileContent .others {
      margin: 10px; }
    .insightTile .tileContent .otherName {
      margin-left: 5px;
      font-size: 1.3rem; }
  .insightTile.groupTile .tileContent h3 {
    padding: 20px 35px 0; }
  .insightTile.groupTile .tileContent .contentDetails .insightText {
    font-size: 1.6rem; }
  .insightTile.groupTile .tileContent .groupTileMetadata {
    position: relative;
    float: left;
    width: 60%;
    white-space: nowrap;
    margin-top: 2px; }
    .insightTile.groupTile .tileContent .groupTileMetadata a {
      display: inline-block; }
    .insightTile.groupTile .tileContent .groupTileMetadata .userImage {
      width: 20px;
      height: 20px;
      overflow: hidden;
      margin-right: 0.5em;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .insightTile.groupTile .tileContent .groupTileMetadata .userImage.icon-user:before {
        font-size: 20px;
        color: #f2f4f4; }
      .insightTile.groupTile .tileContent .groupTileMetadata .userImage.default {
        line-height: 24px;
        text-align: center;
        overflow: hidden;
        background: #dde4e4; }
      .insightTile.groupTile .tileContent .groupTileMetadata .userImage.offset {
        position: absolute;
        top: 0;
        left: 0; }
    .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text {
      display: inline-block;
      width: calc(100% - 25px);
      font-size: 1.3rem;
      vertical-align: bottom; }
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text a,
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text span {
        display: inline-block;
        line-height: 20px;
        vertical-align: middle; }
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text a:hover {
        text-decoration: none; }
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text a:visited {
        color: #26b099; }
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text .likersContainer,
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text .timestamp {
        display: inline-block;
        vertical-align: middle;
        max-width: 50%; }
      .insightTile.groupTile .tileContent .groupTileMetadata .tileMetadata-text .likersContainer .lastFollowedLiker {
        width: 100%;
        color: #26b099; }

.lastLikerAvatar {
  background-position: 50% 50%;
  background-size: contain;
  border-radius: 100%;
  height: 22px;
  width: 22px;
  display: inline-block;
  vertical-align: middle; }
  .lastLikerAvatar.noBgUrl {
    background-color: #dde4e4;
    color: #eceeee;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
    font-size: 45px; }

.likerAvatarWrapper {
  display: inline-block; }

@media screen and (max-width: 767px) {
  .insightTile {
    /* Group Tile */ }
    .insightTile .tileMetadata {
      font-size: 1.1rem; }
      .insightTile .tileMetadata .tileMetadata-text a, .insightTile .tileMetadata .tileMetadata-text span {
        line-height: 1.1; }
      .insightTile .tileMetadata .tileMetadata-text .timeAgo {
        float: none;
        display: block;
        width: auto;
        padding-top: 5px;
        text-align: left; }
      .insightTile .tileMetadata .userImage.default {
        float: left; }
    .insightTile .tileContent {
      margin-bottom: 10px;
      padding: 10px; }
      .insightTile .tileContent .contentDetails .insightText {
        margin-left: 4px;
        padding: 4px 0;
        font-size: 1.5rem; }
      .insightTile .tileContent .contentDetails:before, .insightTile .tileContent .contentDetails:after {
        top: 26px;
        font-size: 4.5rem; }
      .insightTile .tileContent .contentDetails:before {
        margin-left: -26px; }
      .insightTile .tileContent .contentDetails:after {
        top: 21px;
        margin-left: 3px; }
      .insightTile .tileContent .contentDetails .contentBottom {
        clear: both;
        position: static;
        margin-left: -23px;
        padding-top: 10px; }
        .insightTile .tileContent .contentDetails .contentBottom .postOwnerDetails {
          float: none;
          padding: 0 0 12px; }
        .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes {
          float: none;
          width: 100%; }
          .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes {
            padding: 4px 25px 0 0; }
          .insightTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .socialShareWrapper .shareBlock {
            margin-right: 8px;
            font-size: 24px; }
    .insightTile.groupTile .tileContent h3 {
      padding: 0; }
    .insightTile.groupTile .tileContent .contentDetails {
      padding: 10px 0 0 25px; }
      .insightTile.groupTile .tileContent .contentDetails .contentBottom {
        width: calc(100% + 23px);
        padding-top: 0; }
        .insightTile.groupTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes {
          margin-right: 10px;
          padding-right: 10px; }
          .insightTile.groupTile .tileContent .contentDetails .contentBottom .insightShareAndLikes .insightLikes .likeLabel {
            display: none; }
        .insightTile.groupTile .tileContent .contentDetails .contentBottom .groupTileMetadata {
          width: calc(100% - 70px);
          white-space: nowrap;
          margin-top: 6px; }
          .insightTile.groupTile .tileContent .contentDetails .contentBottom .groupTileMetadata .tileMetadata-text .othersLabel,
          .insightTile.groupTile .tileContent .contentDetails .contentBottom .groupTileMetadata .tileMetadata-text .markedInsight {
            display: none; } }

/* Mobile Devices */
/* iOS renders the first quote differently; this corrects it */
.mobile .insightTile .tileContent .contentDetails:before,
.tablet .insightTile .tileContent .contentDetails:before {
  top: 19px; }

.discussionTile {
  position: relative;
  width: 100%;
  height: auto;
  cursor: pointer;
  /* Unread state 
    &.unread {
        .tileContent {
            background: $white;
            .contentDetails {
                .contentDetailsTitle {
                    float:left;
                    width:100%;
                }
                .contentDetailsTime {
                    float:right;
                    white-space:nowrap;
                    vertical-align:top;
                    width:25%;
                }
                h3.discussionMembers {
                    font-family: $font-sans-serif-700;
                }
            }
        }
    }
    */ }
  .discussionTile .tileContent {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px #95a6a6;
    -moz-box-shadow: 0 0 2px #95a6a6;
    box-shadow: 0 0 2px #95a6a6;
    /*@include border-radius(0 0 $tile-border-radius $tile-border-radius);
        border-top: solid 1px $grey-03;*/ }
    .discussionTile .tileContent:hover {
      -webkit-box-shadow: 0 2px 6px #95a6a6;
      -moz-box-shadow: 0 2px 6px #95a6a6;
      box-shadow: 0 2px 6px #95a6a6; }
    .discussionTile .tileContent.active {
      -webkit-box-shadow: 0 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 0 2px #95a6a6;
      box-shadow: 0 0 0 2px #95a6a6; }
    .discussionTile .tileContent .moreCommentsLink {
      margin-bottom: 15px;
      font-size: 1.4rem; }
    .discussionTile .tileContent .contentTop {
      cursor: pointer; }
      .discussionTile .tileContent .contentTop .imageContainer {
        position: relative;
        float: none;
        overflow: hidden;
        width: 100%;
        height: 172px;
        margin: 0 0 10px; }
        .discussionTile .tileContent .contentTop .imageContainer .icon-d3-video {
          font-size: 500%; }
        .discussionTile .tileContent .contentTop .imageContainer .groovyFitImage {
          width: 100%;
          height: 100%;
          background-position: 50% 50%;
          border-bottom: solid 1px #eceeee;
          -webkit-border-radius: 6px 6px 0 0;
          -moz-border-radius: 6px 6px 0 0;
          -ms-border-radius: 6px 6px 0 0;
          -o-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0; }
      .discussionTile .tileContent .contentTop .contentDetails {
        width: 100%;
        float: none;
        margin-top: 0;
        padding: 0 35px 20px; }
        .discussionTile .tileContent .contentTop .contentDetails .source,
        .discussionTile .tileContent .contentTop .contentDetails .timeAgo {
          font-size: 1.2rem;
          color: #95a6a6;
          white-space: nowrap; }
        .discussionTile .tileContent .contentTop .contentDetails .source {
          float: left;
          margin-bottom: 5px; }
        .discussionTile .tileContent .contentTop .contentDetails .timeAgo {
          color: #95a6a6;
          font-size: 1.2rem;
          float: right;
          display: inline-block; }
          .discussionTile .tileContent .contentTop .contentDetails .timeAgo:before {
            display: none;
            content: '\2022';
            margin: 0 6px 0 4px; }
        .discussionTile .tileContent .contentTop .contentDetails h3.contentTitle {
          overflow: hidden;
          max-height: 55px;
          margin-top: 10px;
          line-height: 1.4em; }
    .discussionTile .tileContent .discussionContainer {
      padding: 25px;
      background: #f2f4f4;
      border-top: solid 1px #dde4e4; }
      .discussionTile .tileContent .discussionContainer .lastComment {
        position: relative;
        margin-bottom: 15px; }
        .discussionTile .tileContent .discussionContainer .lastComment i {
          vertical-align: middle; }
        .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar {
          float: left;
          width: 24px;
          height: 24px;
          margin-right: 5px; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage {
            display: inline-block;
            width: 24px;
            height: 24px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.icon-user:before {
              font-size: 2.5rem;
              color: #f2f4f4; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.default {
              line-height: 36px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.offset {
              position: absolute;
              top: 3px;
              left: -1px; }
        .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText {
          float: left;
          width: calc(100% - 30px);
          font-size: 1.3rem;
          line-height: 1.5; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText a.lastCommenter {
            display: inline-block;
            max-width: 100%;
            padding-bottom: 5px;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            color: #3b3d40; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .insightContainer .insightTextContainer {
            position: relative;
            display: inline-block;
            padding: 3px 10px;
            vertical-align: top;
            background-color: #fcf9eb;
            border-left: 1px solid #f4b737;
            font-size: 1.5rem;
            font-family: "RooneyLight", Times, "Times New Roman", serif;
            color: #3b3d40;
            line-height: 1.6;
            cursor: pointer;
            word-break: break-word; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .insightContainer .insightTextContainer .icon-quote {
              position: absolute;
              top: -6px;
              left: -25px;
              height: 30px;
              color: #f4b737;
              font-size: 2.4rem; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata {
            padding-top: 5px; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span {
              display: inline-block;
              padding: 0 4px 0 0; }
              .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span:after {
                content: ' -'; }
              .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span:last-child:after {
                content: ''; }
              .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span.timestamp {
                font-size: 1.1rem;
                color: #95a6a6; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata .timeAgo {
              color: #3b3d40;
              font-size: 1rem;
              float: right;
              display: inline-block; }
              .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata .timeAgo:before {
                display: none;
                content: '\2022';
                margin: 0 6px 0 4px; }
      .discussionTile .tileContent .discussionContainer .others {
        margin: 0 0 15px 30px;
        font-size: 1.3rem;
        color: #95a6a6; }
        .discussionTile .tileContent .discussionContainer .others span {
          display: inline-block;
          vertical-align: middle; }
        .discussionTile .tileContent .discussionContainer .others .othersAvatar {
          position: relative;
          display: inline-block;
          width: 20px;
          height: 20px;
          margin-left: 5px; }
          .discussionTile .tileContent .discussionContainer .others .othersAvatar .tooltip {
            white-space: nowrap; }
          .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage {
            display: inline-block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            opacity: .3; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage:hover {
              opacity: 1; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.icon-user:before {
              font-size: 20px;
              color: #f2f4f4; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.default {
              line-height: 20px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.offset {
              position: absolute;
              top: -1px;
              left: -1px; }
      .discussionTile .tileContent .discussionContainer .userCommentContainer {
        margin: 0 -15px;
        padding: 0 15px;
        background-color: #f2f4f4;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -ms-border-radius: 0 0 5px 5px;
        -o-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar {
          position: relative;
          float: left;
          width: 24px;
          height: 24px;
          margin-right: 4px;
          top: 9px; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage {
            display: inline-block;
            width: 24px;
            height: 24px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage.icon-user:before {
              font-size: 24px;
              color: #f2f4f4; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage.default {
              line-height: 24px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage.offset {
              position: absolute;
              top: -1px;
              left: -1px; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment {
          position: relative;
          float: left;
          width: calc(100% - 46px); }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-default-theme {
            padding-bottom: 0; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-default-theme textarea {
              position: relative;
              z-index: 5;
              width: 100%;
              height: 32px;
              margin: 0;
              padding: 4px;
              background-color: #ffffff;
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              -ms-border-radius: 2px;
              -o-border-radius: 2px;
              border-radius: 2px;
              border: solid 1px #dde4e4;
              font-size: 1.5rem;
              -webkit-transition: ease, all, 0.2s;
              -ms-transition: ease, all, 0.2s;
              -moz-transition: ease, all, 0.2s;
              -o-transition: ease, all, 0.2s;
              transition: ease, all, 0.2s;
              resize: none;
              overflow: hidden; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-default-theme .md-placeholder {
              opacity: .3;
              top: 29px;
              left: -10px;
              position: absolute;
              z-index: 5;
              width: 100%;
              font-size: 1.3rem;
              font-weight: 700;
              margin: -45px 0 0 15px;
              color: black; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-container {
            padding-bottom: 0;
            margin-bottom: -5px; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-container .md-placeholder {
              opacity: .3;
              top: 27px;
              left: -10px;
              position: absolute;
              z-index: 5;
              width: 100%;
              font-size: 1.5rem;
              font-weight: 700;
              margin: -45px 0 0 15px;
              color: black;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              padding-right: 20px; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-has-value .md-placeholder {
            transition: none;
            opacity: 0; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-focused .md-placeholder {
            transition: none;
            opacity: 0; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-focused {
            width: calc(100% - 63px); }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-focused + button {
              opacity: 1; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment button {
            position: absolute;
            right: 0;
            top: 3px;
            padding: 0 10px;
            z-index: 10;
            opacity: 0;
            -webkit-transition: ease, all, 0.4s;
            -ms-transition: ease, all, 0.4s;
            -moz-transition: ease, all, 0.4s;
            -o-transition: ease, all, 0.4s;
            transition: ease, all, 0.4s; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .mentio-menu {
            z-index: 5 !important; }

.allActivityTile .discussionTile .tileContent {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .allActivityTile .discussionTile .tileContent:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .allActivityTile .discussionTile .tileContent.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

@media screen and (max-width: 767px) {
  .discussionTile .tileContent .contentTop .contentDetails {
    padding: 0 10px 10px; }
    .discussionTile .tileContent .contentTop .contentDetails h3.contentTitle {
      max-height: 42px;
      font-size: 1.8rem;
      line-height: 1.2; }
  .discussionTile .tileContent .discussionContainer {
    padding: 10px; } }

.discussionTile {
  position: relative;
  width: 100%;
  height: auto;
  cursor: pointer;
  /* Unread state 
    &.unread {
        .tileContent {
            background: $white;
            .contentDetails {
                .contentDetailsTitle {
                    float:left;
                    width:100%;
                }
                .contentDetailsTime {
                    float:right;
                    white-space:nowrap;
                    vertical-align:top;
                    width:25%;
                }
                h3.discussionMembers {
                    font-family: $font-sans-serif-700;
                }
            }
        }
    }
    */ }
  .discussionTile .tileContent {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 2px #95a6a6;
    -moz-box-shadow: 0 0 2px #95a6a6;
    box-shadow: 0 0 2px #95a6a6;
    /*@include border-radius(0 0 $tile-border-radius $tile-border-radius);
        border-top: solid 1px $grey-03;*/ }
    .discussionTile .tileContent:hover {
      -webkit-box-shadow: 0 2px 6px #95a6a6;
      -moz-box-shadow: 0 2px 6px #95a6a6;
      box-shadow: 0 2px 6px #95a6a6; }
    .discussionTile .tileContent.active {
      -webkit-box-shadow: 0 0 0 2px #95a6a6;
      -moz-box-shadow: 0 0 0 2px #95a6a6;
      box-shadow: 0 0 0 2px #95a6a6; }
    .discussionTile .tileContent .moreCommentsLink {
      margin-bottom: 15px;
      font-size: 1.4rem; }
    .discussionTile .tileContent .contentTop {
      cursor: pointer; }
      .discussionTile .tileContent .contentTop .imageContainer {
        position: relative;
        float: none;
        overflow: hidden;
        width: 100%;
        height: 172px;
        margin: 0 0 10px; }
        .discussionTile .tileContent .contentTop .imageContainer .icon-d3-video {
          font-size: 500%; }
        .discussionTile .tileContent .contentTop .imageContainer .groovyFitImage {
          width: 100%;
          height: 100%;
          background-position: 50% 50%;
          border-bottom: solid 1px #eceeee;
          -webkit-border-radius: 6px 6px 0 0;
          -moz-border-radius: 6px 6px 0 0;
          -ms-border-radius: 6px 6px 0 0;
          -o-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0; }
      .discussionTile .tileContent .contentTop .contentDetails {
        width: 100%;
        float: none;
        margin-top: 0;
        padding: 0 35px 20px; }
        .discussionTile .tileContent .contentTop .contentDetails .source,
        .discussionTile .tileContent .contentTop .contentDetails .timeAgo {
          font-size: 1.2rem;
          color: #95a6a6;
          white-space: nowrap; }
        .discussionTile .tileContent .contentTop .contentDetails .source {
          float: left;
          margin-bottom: 5px; }
        .discussionTile .tileContent .contentTop .contentDetails .timeAgo {
          color: #95a6a6;
          font-size: 1.2rem;
          float: right;
          display: inline-block; }
          .discussionTile .tileContent .contentTop .contentDetails .timeAgo:before {
            display: none;
            content: '\2022';
            margin: 0 6px 0 4px; }
        .discussionTile .tileContent .contentTop .contentDetails h3.contentTitle {
          overflow: hidden;
          max-height: 55px;
          margin-top: 10px;
          line-height: 1.4em; }
    .discussionTile .tileContent .discussionContainer {
      padding: 25px;
      background: #f2f4f4;
      border-top: solid 1px #dde4e4; }
      .discussionTile .tileContent .discussionContainer i {
        vertical-align: middle; }
      .discussionTile .tileContent .discussionContainer .lastComment {
        position: relative;
        margin-bottom: 15px; }
        .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar {
          float: left;
          width: 24px;
          height: 24px;
          margin-right: 5px; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage {
            display: inline-block;
            width: 24px;
            height: 24px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.icon-user:before {
              font-size: 2.5rem;
              color: #f2f4f4; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.default {
              line-height: 36px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentAvatar .userImage.offset {
              position: absolute;
              top: 3px;
              left: -1px; }
        .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText {
          float: left;
          width: calc(100% - 30px);
          font-size: 1.3rem;
          line-height: 1.5; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText a.lastCommenter {
            display: inline-block;
            max-width: 100%;
            padding-bottom: 5px;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            color: #3b3d40; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .insightContainer .insightTextContainer {
            position: relative;
            display: inline-block;
            padding: 3px 10px;
            vertical-align: top;
            background-color: #fcf9eb;
            border-left: 1px solid #f4b737;
            font-size: 1.5rem;
            font-family: "RooneyLight", Times, "Times New Roman", serif;
            color: #3b3d40;
            line-height: 1.6;
            cursor: pointer;
            word-break: break-word; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .insightContainer .insightTextContainer .icon-quote {
              position: absolute;
              top: -6px;
              left: -25px;
              height: 30px;
              color: #f4b737;
              font-size: 2.4rem; }
          .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata {
            padding-top: 5px; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span {
              display: inline-block;
              padding: 0 4px 0 0; }
              .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span:after {
                content: ' -'; }
              .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span:last-child:after {
                content: ''; }
              .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata span.timestamp {
                font-size: 1.1rem;
                color: #95a6a6; }
            .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata .timeAgo {
              color: #3b3d40;
              font-size: 1rem;
              float: right !important;
              display: inline-block; }
              .discussionTile .tileContent .discussionContainer .lastComment .lastCommentText .commentMetadata .timeAgo:before {
                display: none;
                content: '\2022';
                margin: 0 6px 0 4px; }
      .discussionTile .tileContent .discussionContainer .others {
        margin: 0 0 15px 30px;
        font-size: 1.3rem;
        color: #95a6a6; }
        .discussionTile .tileContent .discussionContainer .others span {
          display: inline-block;
          vertical-align: middle; }
        .discussionTile .tileContent .discussionContainer .others .othersAvatar {
          position: relative;
          display: inline-block;
          width: 20px;
          height: 20px;
          margin-left: 5px; }
          .discussionTile .tileContent .discussionContainer .others .othersAvatar .tooltip {
            white-space: nowrap; }
          .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage {
            display: inline-block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            opacity: .3; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage:hover {
              opacity: 1; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.icon-user:before {
              font-size: 20px;
              color: #f2f4f4; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.default {
              line-height: 20px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .discussionTile .tileContent .discussionContainer .others .othersAvatar .userImage.offset {
              position: absolute;
              top: -1px;
              left: -1px; }
      .discussionTile .tileContent .discussionContainer .userCommentContainer {
        margin: 0 -15px;
        padding: 0 15px;
        background-color: #f2f4f4;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -ms-border-radius: 0 0 5px 5px;
        -o-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar {
          position: relative;
          float: left;
          width: 24px;
          height: 24px;
          margin-right: 4px;
          top: 9px; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage {
            display: inline-block;
            width: 24px;
            height: 24px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage.icon-user:before {
              font-size: 24px;
              color: #f2f4f4; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage.default {
              line-height: 24px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userAvatar .userImage.offset {
              position: absolute;
              top: -1px;
              left: -1px; }
        .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment {
          position: relative;
          float: left;
          width: calc(100% - 46px); }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-default-theme {
            padding-bottom: 0; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-default-theme textarea {
              position: relative;
              z-index: 5;
              width: 100%;
              height: 32px;
              margin: 0;
              padding: 4px;
              background-color: #ffffff;
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              -ms-border-radius: 2px;
              -o-border-radius: 2px;
              border-radius: 2px;
              border: solid 1px #dde4e4;
              font-size: 1.5rem;
              -webkit-transition: ease, all, 0.2s;
              -ms-transition: ease, all, 0.2s;
              -moz-transition: ease, all, 0.2s;
              -o-transition: ease, all, 0.2s;
              transition: ease, all, 0.2s;
              resize: none;
              overflow: hidden; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-default-theme .errorOccurred {
              border: 1px solid #f65950;
              color: #f65950; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-default-theme .md-placeholder {
              opacity: .3;
              top: 29px;
              left: -10px;
              position: absolute;
              z-index: 5;
              width: 100%;
              font-size: 1.3rem;
              font-weight: 700;
              margin: -45px 0 0 15px;
              color: black; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-container {
            padding-bottom: 0;
            margin-bottom: -5px; }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-container .md-placeholder {
              opacity: .3;
              top: 27px;
              left: -10px;
              position: absolute;
              z-index: 5;
              width: 100%;
              font-size: 1.5rem;
              font-weight: 700;
              margin: -45px 0 0 15px;
              color: black;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              padding-right: 20px; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-has-value .md-placeholder {
            transition: none;
            opacity: 0; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-focused .md-placeholder {
            transition: none;
            opacity: 0; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-focused {
            width: calc(100% - 63px); }
            .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .md-input-focused + button {
              opacity: 1; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment button {
            position: absolute;
            right: 0;
            top: 3px;
            padding: 0 10px;
            z-index: 10;
            opacity: 0;
            -webkit-transition: ease, all, 0.4s;
            -ms-transition: ease, all, 0.4s;
            -moz-transition: ease, all, 0.4s;
            -o-transition: ease, all, 0.4s;
            transition: ease, all, 0.4s; }
          .discussionTile .tileContent .discussionContainer .userCommentContainer .userComment .mentio-menu {
            z-index: 5 !important; }

.idleBoarder {
  border: 1px solid red; }

.activeBoarder {
  border: 1px solid green; }

.allActivityTile .discussionTile .tileContent {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .allActivityTile .discussionTile .tileContent:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .allActivityTile .discussionTile .tileContent.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

@media screen and (max-width: 767px) {
  .discussionTile .tileContent .contentTop .contentDetails {
    padding: 0 10px 10px; }
    .discussionTile .tileContent .contentTop .contentDetails h3.contentTitle {
      max-height: 42px;
      font-size: 1.8rem;
      line-height: 1.2; }
  .discussionTile .tileContent .discussionContainer {
    padding: 10px; } }

.emojis-modal {
  position: relative;
  overflow: visible !important; }
  .emojis-modal .emoji-button {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    filter: grayscale(50%); }
    .emojis-modal .emoji-button:hover {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      filter: grayscale(0%); }
  .emojis-modal .emoji-container {
    position: absolute;
    bottom: 40px;
    right: 0;
    border: 1px solid #d1d6d6;
    border-radius: 4px; }
    .emojis-modal .emoji-container .content {
      position: relative;
      height: 300px;
      width: 400px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
      -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
      -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
      -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
      /**
             * Common styles for header/footer
             */ }
      .emojis-modal .emoji-container .content .header,
      .emojis-modal .emoji-container .content .footer {
        position: absolute;
        width: 100%;
        background-color: #eceeee;
        font-size: 1.4rem;
        padding: 5px; }
      .emojis-modal .emoji-container .content .header {
        top: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: 1px solid #d1d6d6;
        height: 40px; }
        .emojis-modal .emoji-container .content .header > input {
          height: auto; }
      .emojis-modal .emoji-container .content .list {
        position: absolute;
        height: calc(300px - 40px - 40px);
        top: 40px;
        background-color: #ffffff;
        overflow-y: scroll;
        width: 100%; }
        .emojis-modal .emoji-container .content .list ul {
          padding: 6px; }
          .emojis-modal .emoji-container .content .list ul li {
            list-style: none;
            display: inline-block;
            margin: 6px; }
      .emojis-modal .emoji-container .content .footer {
        bottom: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 1px solid #d1d6d6;
        height: 40px; }
        .emojis-modal .emoji-container .content .footer i, .emojis-modal .emoji-container .content .footer span {
          float: left; }
        .emojis-modal .emoji-container .content .footer span {
          margin-top: 5px; }

.emojis-modal.mobile .emoji-container {
  position: fixed;
  width: 100%;
  left: 0; }

.invitesInputContainer textarea {
  resize: none; }

.userComment a {
  text-decoration: none; }

.userComment .userInfo {
  display: inline-block;
  vertical-align: top; }

.userComment .userImage {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  margin-right: .5em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .userComment .userImage.icon-user:before {
    font-size: 3rem;
    color: #f2f4f4; }
  .userComment .userImage.default {
    line-height: 32px;
    text-align: center;
    overflow: hidden;
    background: #dde4e4; }
  .userComment .userImage.offset {
    top: -1px;
    left: -1px; }

.userComment .userName {
  font-size: 1.5rem;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  color: #3b3d40;
  line-height: 1.7; }

.userComment .commentText {
  display: inline-block;
  max-width: 214px;
  word-wrap: break-word;
  line-height: 150%; }
  .userComment .commentText .timeAgo {
    margin: 5px 0 17px 0;
    font-size: 1.1rem;
    color: #95a6a6; }

.userComment p {
  line-height: 1.2;
  font-size: 1.4rem;
  word-break: break-word; }

.userComment .btn.emoji {
  background-position: -357px -484px;
  height: 20px;
  border: none;
  margin-top: 10px;
  margin-right: 5px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 50%; }

.channelTile {
  max-width: 435px;
  cursor: pointer; }
  .channelTile .channelStack {
    position: relative;
    height: 4px;
    width: 94%;
    margin: 0 auto 4px;
    background-color: #95a6a6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer; }
    .channelTile .channelStack.short {
      width: 88%; }
  .channelTile .channelTileDetail {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
    overflow: hidden;
    height: 275px; }
    .channelTile .channelTileDetail .channelImageContainer {
      background-color: #7F7F7F;
      width: 100%;
      height: 123px;
      -webkit-filter: blur(7px) brightness(69%);
      -moz-filter: blur(7px) brightness(69%);
      filter: blur(7px) brightness(69%);
      overflow: hidden; }
      .channelTile .channelTileDetail .channelImageContainer img {
        width: 100%; }
    .channelTile .channelTileDetail .channelHeader {
      margin-top: -88px;
      margin-left: 30px;
      height: 132px;
      position: relative; }
      .channelTile .channelTileDetail .channelHeader .channelLogo {
        width: 113px;
        height: 113px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        float: left;
        border: 1px solid #dde4e4;
        background-color: #7F7F7F; }
        .channelTile .channelTileDetail .channelHeader .channelLogo img {
          width: 100%;
          height: 100%; }
      .channelTile .channelTileDetail .channelHeader .channelInfo {
        float: left;
        width: calc(100% - 140px);
        color: #ffffff;
        padding-left: 20px;
        padding-top: 2px;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        font-size: 2.4rem;
        line-height: 1.2; }
        .channelTile .channelTileDetail .channelHeader .channelInfo .collectionInfo {
          padding-top: 18px;
          text-transform: uppercase;
          font-size: 1.5rem; }
    .channelTile .channelTileDetail .channelDesc {
      font-size: 15px;
      padding: 0px 35px;
      line-height: 25px;
      height: 74px;
      overflow: hidden; }

@media screen and (max-width: 473px) {
  .channelTile .channelTileDetail {
    height: 200px; }
    .channelTile .channelTileDetail .channelImageContainer {
      height: 83px; }
    .channelTile .channelTileDetail .channelHeader {
      margin-top: -59px;
      margin-left: 20px;
      height: 78px; }
      .channelTile .channelTileDetail .channelHeader .channelLogo {
        width: 76px;
        height: 76px; }
      .channelTile .channelTileDetail .channelHeader .channelInfo {
        padding-left: 8px; }
        .channelTile .channelTileDetail .channelHeader .channelInfo .collectionInfo {
          padding-top: 7px;
          font-size: 0.8rem; }
    .channelTile .channelTileDetail .channelDesc {
      padding: 0px 18px; } }

.channelCollectionTile {
  max-width: 466px;
  cursor: pointer; }
  .channelCollectionTile .channelStack {
    position: relative;
    height: 4px;
    width: 96%;
    margin: 0 auto 4px;
    background-color: #95a6a6;
    border-radius: 2px;
    cursor: pointer; }
    .channelCollectionTile .channelStack.short {
      width: 87%; }
  .channelCollectionTile .channelTileDetail {
    width: 100%;
    border-radius: 2px;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden; }
    .channelCollectionTile .channelTileDetail .channelImageContainer {
      width: 100%;
      height: 174px;
      -webkit-filter: blur(2px) brightness(69%);
      -moz-filter: blur(2px) brightness(69%);
      filter: blur(2px) brightness(69%);
      opacity: 0.8;
      overflow: hidden;
      background-color: #7F7F7F; }
    .channelCollectionTile .channelTileDetail .channelHeader {
      margin-top: -145px;
      margin-left: 20px;
      margin-right: 25px;
      height: 113px;
      position: relative; }
      .channelCollectionTile .channelTileDetail .channelHeader .collectionTitle {
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        font-size: 2.4rem;
        line-height: 1.2;
        color: #ffffff;
        display: inline-block;
        width: 95%; }
      .channelCollectionTile .channelTileDetail .channelHeader .collectionClosed {
        display: inline-block;
        position: absolute;
        margin-top: 5px; }
        .channelCollectionTile .channelTileDetail .channelHeader .collectionClosed i {
          color: #ffffff;
          font-size: 1.8rem; }
      .channelCollectionTile .channelTileDetail .channelHeader .collectionInfo {
        margin-top: 10px;
        padding-top: 5px;
        font-size: 1.2rem;
        color: #ffffff;
        font-style: italic;
        white-space: nowrap; }
        .channelCollectionTile .channelTileDetail .channelHeader .collectionInfo .ownerName {
          display: inline-block;
          text-transform: uppercase;
          font-style: normal;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          letter-spacing: 2px;
          font-size: 0.9em;
          margin-left: 2px;
          vertical-align: middle;
          max-width: calc(100% - 125px); }
    .channelCollectionTile .channelTileDetail .channelDesc {
      margin: 45px 10px 10px 8px;
      padding: 10px;
      text-transform: uppercase;
      font-size: 1.3em; }
      .channelCollectionTile .channelTileDetail .channelDesc .count {
        max-width: 250px;
        color: #808E8E; }
        .channelCollectionTile .channelTileDetail .channelDesc .count .articles {
          display: inline-block; }
        .channelCollectionTile .channelTileDetail .channelDesc .count .followers {
          display: inline-block;
          padding-left: 10px; }
      .channelCollectionTile .channelTileDetail .channelDesc .follow {
        float: right;
        margin-top: -22px; }

@media screen and (max-width: 767px) {
  .channelCollectionTile .channelTileDetail .channelImageContainer {
    height: 130px; }
  .channelCollectionTile .channelTileDetail .channelHeader {
    margin-top: -115px; }
    .channelCollectionTile .channelTileDetail .channelHeader .collectionTitle {
      font-size: 1.9rem; }
    .channelCollectionTile .channelTileDetail .channelHeader .collectionInfo {
      font-size: 1rem; }
      .channelCollectionTile .channelTileDetail .channelHeader .collectionInfo .ownerName {
        letter-spacing: 1px; }
  .channelCollectionTile .channelTileDetail .channelDesc {
    margin: 8px 10px 10px 8px; }
    .channelCollectionTile .channelTileDetail .channelDesc .count {
      font-size: 0.9rem; }
    .channelCollectionTile .channelTileDetail .channelDesc .follow {
      margin-top: -19px; } }

.conversationMentioMenu {
  z-index: 2 !important;
  margin-bottom: 2px; }

.privateMenu {
  z-index: 4 !important;
  position: fixed !important; }
  .privateMenu .user-search {
    width: 315px; }

@media screen and (max-width: 991px) {
  .privateMenu {
    bottom: 89px; } }

.editor {
  height: auto;
  min-height: 140px; }

.menu-highlighted {
  font-weight: bold; }

.product-search,
.user-search {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  outline: 0;
  background-color: #ffffff; }

.product-search {
  max-width: 500px; }

.product-search .list-group-item.active {
  background-color: #fef1b3; }

.product-search:hover,
.user-search:hover {
  cursor: pointer; }

.product-search .product-photo-container {
  float: left;
  width: 100px; }

.product-search .product-photo {
  max-width: 80px;
  max-height: 50px;
  border-radius: 3px;
  margin: auto; }

.product-search .list-group-item-heading,
.product-search .list-group-item-text {
  margin-left: 10px; }

.user-search {
  border: solid 1px #eceeee;
  max-height: 150px;
  overflow: auto;
  width: 274px; }
  .user-search .list-group-item {
    padding: 5px;
    white-space: nowrap; }
    .user-search .list-group-item.active {
      color: #fff;
      background-color: #fef1b3;
      border-color: transparent; }
      .user-search .list-group-item.active .text-muted {
        color: #ccc; }
    .user-search .list-group-item .text-primary {
      font-size: 1.3rem;
      color: #95a6a6;
      display: inline-block;
      width: 212px; }
  .user-search .user-photo {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
    margin-right: 1rem; }
    .user-search .user-photo.icon-user:before {
      font-size: 1.6rem;
      color: #eceeee;
      line-height: 2.4rem; }
    .user-search .user-photo.default {
      text-align: center;
      overflow: hidden;
      background: #dde4e4; }
    .user-search .user-photo.offset {
      top: -1px;
      left: -1px; }

.documentation-attr {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold; }

.documentation-element {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold; }

.section-heading {
  margin-top: 30px; }

.demo-scrollable-menu {
  height: auto;
  max-height: 300px;
  overflow-y: auto; }

.commentsPanel {
  width: 100%; }
  .commentsPanel .members {
    margin-bottom: 3rem;
    font-size: 1.2rem;
    text-align: center; }
    .commentsPanel .members .membersList {
      display: inline-block;
      vertical-align: top;
      max-width: 260px;
      padding-bottom: .5em;
      border-bottom: solid 1px #dde4e4; }
  .commentsPanel p {
    margin: .5em 0 1.5em; }
  .commentsPanel .tooltip .tooltip-inner {
    word-wrap: break-word; }
  .commentsPanel .commentsInstruction {
    display: none;
    font-size: 1.4rem;
    font-family: "MuseoSansRounded500", "Arial", sans-serif;
    color: #3b3d40; }
    .commentsPanel .commentsInstruction span {
      color: #26b099; }
    .commentsPanel .commentsInstruction p {
      font-size: 1.2rem;
      color: #95a6a6; }
  .commentsPanel .noTagsLabel {
    width: 100%;
    height: 200px;
    background: transparent url(/common/imgs/add-insight-infographic.png) no-repeat center; }
  .commentsPanel .noTagsLabelText {
    text-align: center;
    padding: 0 58px;
    margin-top: -10px;
    color: #95a6a6; }
  .commentsPanel .commentsWrapper {
    max-height: 300px;
    overflow: auto;
    margin-bottom: 10px; }
    .commentsPanel .commentsWrapper .commentsRepeater {
      height: calc(100vh - 280px); }
  .commentsPanel .commentsWrapper::-webkit-scrollbar {
    -webkit-appearance: none; }
  .commentsPanel .commentsWrapper::-webkit-scrollbar:vertical {
    width: 11px; }
  .commentsPanel .commentsWrapper::-webkit-scrollbar:horizontal {
    height: 11px; }
  .commentsPanel .commentsWrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #eceeee;
    background-color: rgba(0, 0, 0, 0.5); }
  .commentsPanel .commentsWrapper::-webkit-scrollbar-track {
    background-color: #f6f7f7;
    border-radius: 8px; }
  .commentsPanel .commentBox {
    height: 7rem;
    resize: none;
    padding: 10px 9px;
    cursor: auto;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px; }
  .commentsPanel .userMentioned {
    font-family: "MuseoSansRounded700", "Arial", sans-serif; }
  .commentsPanel .buttonBar {
    text-align: right;
    margin-top: 5px; }
    .commentsPanel .buttonBar button {
      margin-left: .5em;
      font-size: 10px;
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      padding: 0;
      width: 60px; }
      .commentsPanel .buttonBar button.inactive {
        color: #dde4e4;
        pointer-events: none;
        cursor: default; }
  .commentsPanel .errorOccured {
    border: 1px solid #f65950;
    color: #f65950; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .commentsPanel .commentsWrapper .commentsRepeater {
    height: calc(100vh - 280px); } }

.featureftux {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  font-family: "MuseoSansRounded300"; }
  .featureftux .bubbleArrow {
    position: absolute;
    top: 49px;
    left: -12px;
    overflow: hidden;
    width: 13px;
    height: 30px; }
    .featureftux .bubbleArrow:after {
      position: absolute;
      top: 4px;
      left: 6px;
      display: block;
      width: 21px;
      height: 21px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #29c896;
      content: "\00a0"; }
  .featureftux .tip {
    position: absolute;
    min-height: 100px;
    width: 240px;
    background-color: #29c896;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 1rem 2.3rem 2rem;
    text-align: center;
    color: #ffffff; }
    .featureftux .tip .yellowText {
      color: #fef1b3;
      font-family: "MuseoSansRounded700"; }
    .featureftux .tip .bold {
      font-family: "MuseoSansRounded700"; }
    .featureftux .tip i {
      font-size: 2.4rem;
      line-height: 1.2em;
      color: #ffffff;
      margin-bottom: 1rem; }
    .featureftux .tip h3 {
      margin-bottom: .5rem;
      font-size: 1.4rem;
      color: #ffffff;
      text-transform: uppercase;
      font-family: "MuseoSansRounded900";
      letter-spacing: .1em; }
    .featureftux .tip p {
      font-size: 1.3rem;
      line-height: 1.4em;
      margin-bottom: 10px;
      text-align: left;
      line-height: 1.2; }

.buttonSuccessText {
  height: 32px;
  font-size: 1.1rem;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  color: #29c896;
  text-transform: uppercase;
  letter-spacing: .16em;
  line-height: 32px; }
  a:visted .buttonSuccessText {
    color: #29c896; }
  .buttonSuccessText i {
    font-size: 1.3rem; }
  .searchTile .buttonSuccessText {
    height: 24px;
    font-size: .8rem;
    line-height: 24px; }
    .searchTile .buttonSuccessText i {
      font-size: 1.1rem; }

.socialMetadata {
  width: 100%;
  font-size: 1rem;
  color: #95a6a6;
  text-transform: uppercase; }

.declaraModal .declaraModal-wrapper .declaraModal-content .socialOthersModal .othersList {
  max-height: 300px;
  overflow: auto;
  padding-right: 20px; }

.declaraModal .declaraModal-wrapper .declaraModal-content .socialOthersModal h3 {
  text-transform: none; }

.counter {
  font-size: 20px;
  color: #29c896;
  position: fixed;
  bottom: 70px;
  left: 25px;
  text-align: center;
  animation-duration: 3s;
  z-index: 3; }

.gameArticleTopics {
  text-align: left;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #f2f4f4;
  border-top: 1px solid #eceeee;
  z-index: 3;
  height: 40px;
  width: 100%;
  padding: 5px 0 3px 0;
  -webkit-box-shadow: 0 0 2px #dde4e4;
  -moz-box-shadow: 0 0 2px #dde4e4;
  box-shadow: 0 0 2px #dde4e4; }
  .gameArticleTopics.collapsed {
    width: 70px;
    display: block;
    -webkit-transition: width 0.25s;
    -ms-transition: width 0.25s;
    -moz-transition: width 0.25s;
    -o-transition: width 0.25s;
    transition: width 0.25s; }
    .gameArticleTopics.collapsed.tall {
      height: 80px;
      box-shadow: none;
      border: none;
      background: transparent; }
      .gameArticleTopics.collapsed.tall i {
        position: absolute;
        background-color: red;
        left: 21px; }
  .gameArticleTopics .topicItem {
    display: inline-block;
    font-size: 12px;
    color: #95a6a6;
    opacity: 0.3;
    padding: 8px 35px 0 0;
    max-width: 30%;
    height: 25px; }
    .gameArticleTopics .topicItem.title {
      padding: 0;
      font-weight: bold;
      opacity: 1;
      float: left;
      text-align: center; }
      .gameArticleTopics .topicItem.title .icon-coggraph {
        margin: 0 10px 0 20px;
        font-size: 25px;
        -webkit-animation: spin 4s linear;
        -moz-animation: spin 4s linear;
        -ms-animation: spin 4s linear;
        -o-animation: spin 4s linear;
        animation: spin 4s linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        opacity: 0.6;
        -webkit-transform-origin: 58% 44.1% 50%;
        -moz-transform-origin: 58% 44.1% 50%;
        -ms-transform-origin: 58% 44.1% 50%;
        -o-transform-origin: 58% 44.1% 50%;
        transform-origin: 58% 44.1% 50%;
        height: 25px;
        width: 23px;
        display: block; }
        .gameArticleTopics .topicItem.title .icon-coggraph.active {
          color: #29c896; }
      .gameArticleTopics .topicItem.title .userImage {
        width: 30px;
        height: 30px;
        overflow: hidden;
        display: inline-block;
        margin-right: .5em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        margin-left: 25px; }
        .gameArticleTopics .topicItem.title .userImage.offset {
          position: absolute; }
        .gameArticleTopics .topicItem.title .userImage.default {
          line-height: 40px;
          text-align: center;
          overflow: hidden;
          padding-left: 1px;
          background: #dde4e4; }
        .gameArticleTopics .topicItem.title .userImage.icon-user:before {
          font-size: 3rem;
          color: #f2f4f4; }
    .gameArticleTopics .topicItem.selected {
      color: #3b3d40; }
  .gameArticleTopics .progressBar {
    width: 1%;
    height: 10px; }
    .gameArticleTopics .progressBar.inProgress {
      width: 100%;
      background-color: #fad72f; }
      .gameArticleTopics .progressBar.inProgress.success {
        background-color: #29c896; }
  .gameArticleTopics .gameArticlesCtaLink {
    color: #29c896;
    font-size: 12px;
    position: absolute;
    bottom: 15px;
    left: 10px; }

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@media screen and (max-width: 767px) {
  .gameArticleTopics.collapsed.tall {
    text-align: left;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #f2f4f4;
    border-top: 1px solid #eceeee;
    z-index: 3;
    height: 40px;
    width: 100%;
    padding: 5px 0 3px 0;
    -webkit-box-shadow: 0 0 2px rgba(59, 61, 64, 0.5);
    -moz-box-shadow: 0 0 2px rgba(59, 61, 64, 0.5);
    box-shadow: 0 0 2px rgba(59, 61, 64, 0.5); }
  .gameArticleTopics .gameArticlesCtaLink {
    left: 58px; } }

.privateConversationContainer .conversationBubble {
  position: fixed;
  right: 0;
  top: 56px;
  z-index: 4;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 350px;
  border: solid 1px #dde4e4;
  background-color: #ffffff;
  font-size: 1.4rem; }
  .privateConversationContainer .conversationBubble .toggleView {
    display: none; }
  .privateConversationContainer .conversationBubble .autocomplete {
    max-height: 220px;
    overflow: auto;
    padding: 0;
    margin-top: -1px; }
  .privateConversationContainer .conversationBubble .inviteButtonBar {
    text-align: right;
    margin-right: 20px; }
  .privateConversationContainer .conversationBubble .inviteWrapper .tagsLabel {
    float: left;
    margin: 20px 5px 0 5px; }
  .privateConversationContainer .conversationBubble .inviteWrapper .noTagsLabel {
    width: 100%;
    height: 200px;
    background: transparent url(/common/imgs/add-insight-infographic.png) no-repeat center; }
  .privateConversationContainer .conversationBubble .inviteWrapper .noTagsLabelText {
    text-align: center;
    padding: 0 58px;
    margin-top: -10px;
    color: #95a6a6; }
  .privateConversationContainer .conversationBubble .inviteWrapper .groupInviteSuccessLabel {
    width: 100%;
    height: 200px;
    background: transparent url(/common/imgs/confirmation-message-sent.png) no-repeat center; }
  .privateConversationContainer .conversationBubble .inviteWrapper .groupInviteSuccessLabelHeader {
    text-align: center;
    padding: 0 58px;
    margin-top: -10px;
    color: #95a6a6; }
  .privateConversationContainer .conversationBubble .inviteWrapper .declaraTags {
    display: inline-block;
    width: 314px;
    float: left;
    margin-bottom: 0px; }
  .privateConversationContainer .conversationBubble .inviteWrapper.intialInvite {
    display: block;
    margin-bottom: 90px;
    margin-left: 15px; }
  .privateConversationContainer .conversationBubble .inviteWrapper.initialInvite.redirectToGroup {
    display: block;
    margin-bottom: 0px;
    margin-left: 15px; }
  .privateConversationContainer .conversationBubble .inviteOverlay {
    position: absolute;
    height: calc(100% - 175px);
    width: 100%;
    top: 180px;
    background-color: #ffffff;
    z-index: 5;
    opacity: 0.7;
    filter: alpha(opacity=70); }
  .privateConversationContainer .conversationBubble .tags {
    max-height: 100px;
    overflow: auto; }
  .privateConversationContainer .conversationBubble .tag-item {
    max-width: 100%; }
    .privateConversationContainer .conversationBubble .tag-item .tag-template {
      max-width: 86%; }
      .privateConversationContainer .conversationBubble .tag-item .tag-template .inviteeTagName {
        max-width: 83%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .privateConversationContainer .conversationBubble .successButtonBar {
    text-align: center; }
  .privateConversationContainer .conversationBubble .commentsContent .commentsPanel {
    height: 100%; }
    .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper {
      bottom: 120px;
      top: 180px;
      max-height: calc(100% - 195px);
      position: inherit;
      overflow: auto; }
    .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .buttonBar button {
      line-height: 3rem;
      vertical-align: top; }
  .privateConversationContainer .conversationBubble .commentsContent .commentsPanel.initialInvite {
    height: 65%; }
  .privateConversationContainer .conversationBubble .rightConversationHeaderArrow {
    float: right;
    font-size: 10px;
    color: #95a6a6;
    width: 15px;
    cursor: pointer;
    line-height: 15px;
    margin-top: 20px; }
    .privateConversationContainer .conversationBubble .rightConversationHeaderArrow .conversationCloseButton {
      display: inline-block;
      padding: 5px; }
  .privateConversationContainer .conversationBubble .leftConversationHeaderArrow {
    cursor: pointer;
    float: left;
    font-size: 1.5rem;
    padding-top: 2px; }
  .privateConversationContainer .conversationBubble .commentsHeader {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
    min-height: 68px;
    padding: 0 0 1rem 0;
    margin: 0 24px;
    background-color: rgba(59, 61, 64, 0.75);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    font-family: "MuseoSansRounded500", "Arial", sans-serif;
    font-size: 15px;
    color: #3b3d40;
    line-height: 5rem;
    text-align: left;
    background-color: #ffffff; }
    .privateConversationContainer .conversationBubble .commentsHeader a {
      text-decoration: none; }
    .privateConversationContainer .conversationBubble .commentsHeader .others {
      color: #29c896;
      text-decoration: none; }
    .privateConversationContainer .conversationBubble .commentsHeader .groupNameIcon {
      color: #dde4e4;
      margin-right: 10px; }
    .privateConversationContainer .conversationBubble .commentsHeader .discussionTitle .description {
      line-height: 1.8rem;
      color: #3b3d40;
      font-family: "MuseoSansRounded100", "Arial", sans-serif;
      font-size: 1.2rem; }
  .privateConversationContainer .conversationBubble .image.placeholder {
    height: 30px;
    width: 30px;
    line-height: 42px;
    font-size: 25px;
    background-color: #eceeee;
    text-align: center;
    overflow: hidden; }
    .privateConversationContainer .conversationBubble .image.placeholder i {
      color: #95a6a6; }
  .privateConversationContainer .conversationBubble .conversationListContainer {
    margin-right: 20px; }
    .privateConversationContainer .conversationBubble .conversationListContainer .conversationList {
      max-height: 25vh;
      overflow-y: auto;
      cursor: pointer; }
      .privateConversationContainer .conversationBubble .conversationListContainer .conversationList .members {
        color: #95a6a6;
        padding-bottom: 1rem;
        font-size: 1.2rem; }
      .privateConversationContainer .conversationBubble .conversationListContainer .conversationList .text {
        font-size: 1.5rem;
        padding: 1rem 0;
        font-weight: bold; }
    .privateConversationContainer .conversationBubble .conversationListContainer hr {
      background-color: #95a6a6;
      height: 1px;
      border: none; }
    .privateConversationContainer .conversationBubble .conversationListContainer .instruction {
      padding: 2rem 0 1rem 0;
      color: #95a6a6;
      line-height: 1.6rem;
      font-size: 1.2rem; }
    .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer {
      padding: 2px; }
      .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertImage, .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertName {
        display: inline-block;
        vertical-align: middle; }
      .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertImage {
        margin-right: 3px; }
        .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertImage .image {
          width: 30px;
          height: 30px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          display: inline-block; }
      .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertName {
        font-size: 1.5rem;
        font-family: "MuseoSansRounded500", "Arial", sans-serif; }
      .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer:hover {
        cursor: pointer;
        background-color: #f2f4f4; }
    .privateConversationContainer .conversationBubble .conversationListContainer .selected {
      padding: 0.8rem 3rem 0 0;
      color: #29c896;
      float: right; }
    .privateConversationContainer .conversationBubble .conversationListContainer .existingPrivateConversation {
      margin-bottom: 10px;
      cursor: pointer;
      padding: 5px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
      .privateConversationContainer .conversationBubble .conversationListContainer .existingPrivateConversation .conversationHeader {
        margin-bottom: 5px; }
      .privateConversationContainer .conversationBubble .conversationListContainer .existingPrivateConversation:hover {
        background-color: #f2f4f4; }
      .privateConversationContainer .conversationBubble .conversationListContainer .existingPrivateConversation .user {
        display: inline-block;
        margin-right: 5px; }
        .privateConversationContainer .conversationBubble .conversationListContainer .existingPrivateConversation .user .image {
          width: 30px;
          height: 30px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          display: inline-block; }
  .privateConversationContainer .conversationBubble .commentsHeader.noIcon {
    min-height: 4rem;
    height: 4rem;
    margin: 0 24px 0 0;
    border: none; }
  .privateConversationContainer .conversationBubble .commentsContent {
    padding: 16px;
    max-height: calc(100% - 68px);
    overflow: auto; }
    .privateConversationContainer .conversationBubble .commentsContent .commentsPanel {
      /*.commentBoxAndButtons {
                    width: 100%;
                    height: 95px;
                }*/ }
      .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .form-group {
        bottom: 0;
        width: 100%; }
        .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .form-group .commentBox {
          margin-bottom: 0px; }
      .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper {
        position: relative;
        max-height: calc(100% - 180px);
        top: auto;
        bottom: auto; }
    .privateConversationContainer .conversationBubble .commentsContent .commentBoxAndButtons {
      position: fixed;
      bottom: 15px;
      width: 315px; }
  .privateConversationContainer .conversationBubble .commentsHeaderMembers {
    height: 100%;
    min-width: 204px;
    height: 37px;
    text-transform: none;
    font-size: 15px;
    text-align: center; }
    .privateConversationContainer .conversationBubble .commentsHeaderMembers .heading {
      font-family: "MuseoSansRounded500", "Arial", sans-serif;
      color: #3b3d40;
      font-size: 1.2em; }
  .privateConversationContainer .conversationBubble .commentUsersContent {
    position: absolute;
    margin-top: 1px;
    height: calc(100% - 68px);
    overflow: auto;
    width: 95%; }
    .privateConversationContainer .conversationBubble .commentUsersContent .usersContent {
      padding: 5px 18px 5px 5px;
      margin-left: 10px;
      border-bottom: 1px solid #dde4e4; }
      .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser {
        position: relative; }
        .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .userImage {
          width: 30px;
          height: 30px;
          overflow: hidden;
          display: inline-block;
          margin-right: .5em;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .userImage.icon-user:before {
            font-size: 3rem;
            color: #f2f4f4; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .userImage.default {
            line-height: 32px;
            text-align: center;
            overflow: hidden;
            background: #dde4e4;
            float: left; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .userImage.offset {
            position: absolute;
            top: -1px;
            left: -1px; }
        .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .commentedUserName {
          display: inline-block;
          width: calc(100% - 40px); }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .commentedUserName a,
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .commentedUserName span {
            display: inline-block;
            line-height: 3rem;
            vertical-align: bottom; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .commentedUserName a:hover {
            text-decoration: none; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .commentedUserName .lastFollowedLiker {
            color: #3b3d40; }
        .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .dismissUser {
          position: absolute;
          top: 0;
          right: 0;
          padding: 10px;
          cursor: pointer; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .dismissUser .icon-x {
            color: #3b3d40;
            font-size: 1rem; }
        .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .removeUserConfirm {
          margin-top: 10px; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .removeUserConfirm span {
            font-size: 0.9em;
            margin-top: 7px;
            padding-top: 5px;
            padding-left: 14px; }
          .privateConversationContainer .conversationBubble .commentUsersContent .usersContent .commentedUser .removeUserConfirm .removeButtons {
            margin: 10px;
            padding: 3px; }
    .privateConversationContainer .conversationBubble .commentUsersContent .commentsInviteWrapper .inputField {
      display: inline-block;
      min-width: 250px;
      margin-left: 5px;
      padding: 3px;
      padding-top: 7px; }
    .privateConversationContainer .conversationBubble .commentUsersContent .commentsInviteWrapper .privateInviteTags {
      float: left;
      width: 240px;
      margin-bottom: 0px; }
    .privateConversationContainer .conversationBubble .commentUsersContent .commentsInviteWrapper .inviteByTagsButton {
      float: left;
      margin-top: 5px;
      height: 40px;
      margin-left: 16px;
      padding: 0 10px; }

@media screen and (max-width: 1088px) {
  .privateConversationContainer .conversationBubble {
    width: 280px;
    overflow-y: scroll; }
    .privateConversationContainer .conversationBubble .commentsContent {
      overflow: initial; }
      .privateConversationContainer .conversationBubble .commentsContent .commentBoxAndButtons {
        width: 247px; }
    .privateConversationContainer .conversationBubble .conversationListContainer .expertContainer .expertName {
      font-size: 1.1rem; }
    .privateConversationContainer .conversationBubble .conversationListContainer .conversationList .text {
      font-size: 1.3rem; }
    .privateConversationContainer .conversationBubble .commentsHeader {
      margin-left: 10px;
      margin-right: 10px; }
    .privateConversationContainer .conversationBubble .inviteWrapper .commentsHeader .discussionTitle {
      font-size: 1.2rem;
      white-space: nowrap; }
    .privateConversationContainer .conversationBubble .inviteWrapper .declaraTags {
      width: 215px; } }

@media screen and (max-width: 768px) {
  .privateConversationContainer .conversationBubble {
    top: auto;
    height: 345px;
    left: 0px;
    width: auto; }
    .privateConversationContainer .conversationBubble .conversationListContainer .conversationList {
      max-height: 9vh; }
    .privateConversationContainer .conversationBubble .expertSection {
      float: left;
      width: 40%; }
    .privateConversationContainer .conversationBubble .inviteWrapper .declaraTags {
      width: 59%; }
    .privateConversationContainer .conversationBubble .inviteWrapper .noTagsLabel {
      display: none; }
    .privateConversationContainer .conversationBubble .inviteWrapper .noTagsLabelText {
      display: none; }
    .privateConversationContainer .conversationBubble .tags {
      max-height: 65px;
      overflow: auto; }
    .privateConversationContainer .conversationBubble .commentsContent .commentsPanel.initialInvite .commentsWrapper {
      max-height: 103px;
      height: auto;
      top: auto;
      bottom: auto; }
    .privateConversationContainer .conversationBubble .commentsHeader.noIcon {
      margin: 0 24px 0 4px; }
    .privateConversationContainer .conversationBubble .commentsContent {
      padding-top: 160px; }
      .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsInstruction .commentsInstructionExample {
        display: inline;
        margin-left: 5px; }
      .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsInstruction .smallScreenText {
        padding-top: 15px;
        text-align: center; }
      .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper {
        width: 94.5%;
        height: 145px;
        top: auto;
        bottom: 112px;
        position: fixed;
        border-top: 1px solid #dde4e4;
        border-bottom: 1px solid #dde4e4; }
        .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper .privateUserComment {
          max-width: none; }
        .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper .commentsInstruction {
          display: block; }
        .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper .noTagsLabel {
          display: none; }
        .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper .noTagsLabelText {
          display: none; }
      .privateConversationContainer .conversationBubble .commentsContent .commentBoxAndButtons {
        bottom: 5px;
        width: 94%; }
        .privateConversationContainer .conversationBubble .commentsContent .commentBoxAndButtons .commentBox {
          margin: 0; }
    .privateConversationContainer .conversationBubble .commentUsersContent {
      height: 260px;
      overflow: auto;
      width: 100%; }
      .privateConversationContainer .conversationBubble .commentUsersContent .commentsInviteWrapper .inputField {
        width: 99%; }
      .privateConversationContainer .conversationBubble .commentUsersContent .commentsInviteWrapper .privateInviteTags {
        width: calc(100% - 65px); }
    .privateConversationContainer .conversationBubble .inviteWrapper.intialInvite {
      margin-bottom: 0px; }
  .isMobile .privateConversationContainer {
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    text-align: center;
    margin-top: -56px;
    padding-top: 56px; }
    .isMobile .privateConversationContainer .conversationBubble {
      height: 100vh;
      width: 100vw;
      text-align: left;
      border: none;
      position: static;
      overflow-y: scroll; }
      .isMobile .privateConversationContainer .conversationBubble .inviteWrapper {
        margin-right: 15px; }
        .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .conversationListContainer {
          margin: 0; }
          .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .conversationListContainer .conversationList {
            max-height: none; }
          .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .conversationListContainer .instruction {
            padding-top: 0; }
            .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .conversationListContainer .instruction hr {
              margin-bottom: 20px; }
          .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .conversationListContainer .expertSection {
            display: block;
            float: none;
            width: 100vw; }
        .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .tagsLabel {
          display: block;
          float: none; }
        .isMobile .privateConversationContainer .conversationBubble .inviteWrapper .declaraTags {
          width: 100%;
          float: none;
          display: block; }
      .isMobile .privateConversationContainer .conversationBubble .commentsHeader {
        line-height: 2rem;
        min-height: 40px;
        height: 40px;
        margin: 0 5px; }
        .isMobile .privateConversationContainer .conversationBubble .commentsHeader .rightConversationHeaderArrow {
          font-size: 16px;
          padding: 10px; }
        .isMobile .privateConversationContainer .conversationBubble .commentsHeader .titleDiscussionUsers {
          display: block;
          float: right;
          font-size: 16px;
          padding-top: 10px; }
          .isMobile .privateConversationContainer .conversationBubble .commentsHeader .titleDiscussionUsers span {
            display: none; }
        .isMobile .privateConversationContainer .conversationBubble .commentsHeader .discussionTitle {
          font-size: 16px;
          padding-top: 10px; }
          .isMobile .privateConversationContainer .conversationBubble .commentsHeader .discussionTitle.mobileBackToArticle {
            float: left;
            text-transform: uppercase;
            font-size: 12px; }
      .isMobile .privateConversationContainer .conversationBubble .commentsContent {
        height: calc(100vh - 68px);
        padding: 0; }
        .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper {
          height: calc(100vh - 200px);
          width: 100vw;
          display: block;
          position: relative;
          top: 0; }
          .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentsWrapper .commentsInstruction {
            display: none; }
        .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentBoxAndButtons {
          display: block;
          position: relative;
          top: 0;
          height: auto; }
          .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentBoxAndButtons .form-group {
            padding: 0; }
            .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentBoxAndButtons .form-group .commentBox {
              height: 10rem; }
          .isMobile .privateConversationContainer .conversationBubble .commentsContent .commentsPanel .commentBoxAndButtons .buttonBar {
            text-align: center;
            padding-bottom: 10px; } }

/*
@media screen and (max-width: 767px) {
    .isMobile {
        .privateConversationContainer {
            .conversationBubble {
                .commentsHeader {
                    .titleDiscussionUsers {
                        display: none;
                    }
                }
            }
        }
    }
}*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .commentBox.currentCommentBox {
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important; } }

.privateSystemComment {
  margin: 8px;
  max-width: 302px;
  display: inline; }
  .privateSystemComment .systemCommentText {
    position: relative;
    display: inline-block;
    background-color: transparent;
    width: 85%;
    border-radius: 3px;
    word-wrap: break-word;
    min-height: 50px;
    margin: 0;
    padding-right: 30px;
    padding-top: 8px;
    height: auto; }
    .privateSystemComment .systemCommentText .commentBySystem {
      text-align: center;
      font-size: 1rem;
      color: #95a6a6;
      font-style: italic; }
  .privateSystemComment p {
    line-height: 1.2;
    font-size: 1.4rem;
    word-break: break-word; }

.privateSystemComment {
  margin: 8px;
  max-width: 302px;
  display: inline; }
  .privateSystemComment .systemCommentText {
    position: relative;
    display: inline-block;
    background-color: transparent;
    width: 85%;
    border-radius: 3px;
    word-wrap: break-word;
    min-height: 50px;
    margin: 0;
    padding-right: 30px;
    padding-top: 8px;
    height: auto; }
    .privateSystemComment .systemCommentText .commentBySystem {
      text-align: center;
      font-size: 1rem;
      color: #95a6a6;
      font-style: italic; }
  .privateSystemComment p {
    line-height: 1.2;
    font-size: 1.4rem;
    word-break: break-word; }

.privateUserComment {
  margin: 8px;
  min-height: 60px;
  max-width: 302px; }
  .privateUserComment .bubbleArrow {
    position: absolute;
    left: -13px;
    overflow: hidden;
    width: 17px;
    height: 30px; }
    .privateUserComment .bubbleArrow:after {
      position: absolute;
      top: 4px;
      left: 6px;
      display: block;
      width: 15px;
      height: 15px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #ffffff;
      content: "\00a0"; }
  .privateUserComment .commentHeaderWrapper {
    margin-bottom: 10px;
    padding-top: 10px; }
  .privateUserComment .commentHeaderWrapper.withBorder {
    border-top: solid 1px #eceeee; }
  .privateUserComment .myComment {
    float: right; }
  .privateUserComment a {
    text-decoration: none; }
  .privateUserComment .userInfo {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px; }
  .privateUserComment .userImage {
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    margin-right: 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
    .privateUserComment .userImage.icon-user:before {
      font-size: 3rem;
      color: #f2f4f4; }
    .privateUserComment .userImage.default {
      line-height: 32px;
      text-align: center;
      overflow: hidden;
      background: #dde4e4; }
    .privateUserComment .userImage.offset {
      top: -1px;
      left: -1px; }
  .privateUserComment .userName {
    font-size: 15px;
    font-family: "MuseoSansRounded500", "Arial", sans-serif;
    color: #3b3d40; }
  .privateUserComment .commentDetails {
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    max-width: 255px; }
    .privateUserComment .commentDetails .userName {
      display: block;
      margin-bottom: 4px; }
    .privateUserComment .commentDetails .timeAgo {
      margin: 3px 2px 17px 0;
      font-size: 12px;
      color: #95a6a6;
      font-family: "MuseoSansRounded100", "Arial", sans-serif; }
    .privateUserComment .commentDetails a {
      text-decoration: none; }
  .privateUserComment .commentText {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    word-wrap: break-word;
    padding: 0 0 10px 0;
    width: 100%;
    line-height: 150%; }
    .privateUserComment .commentText .commentByUser {
      padding-top: 5px; }
    .privateUserComment .commentText.userComment {
      margin-left: 0.5em;
      margin-right: none; }
    .privateUserComment .commentText .insightComment {
      border-left: 3px solid #eceeee;
      padding-left: 9px; }
      .privateUserComment .commentText .insightComment a {
        background-color: #fef6d1;
        text-decoration: none;
        color: #3b3d40; }
  .privateUserComment p {
    line-height: 1.2;
    font-size: 1.4rem;
    word-break: break-word; }
  .privateUserComment .currentUserComment .commentText {
    margin-left: none;
    padding-left: none; }
  .privateUserComment .currentUserComment .userImage {
    margin-right: 0px; }
  .privateUserComment .currentUserComment .bubbleArrow {
    position: absolute;
    right: -12px;
    left: auto;
    overflow: hidden;
    width: 26px;
    height: 30px; }
    .privateUserComment .currentUserComment .bubbleArrow:after {
      position: absolute;
      top: 4px;
      display: block;
      width: 15px;
      height: 15px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #ffffff;
      content: "\00a0"; }

.privateUserComment.combineComment {
  min-height: 20px;
  margin-top: -15px;
  padding-top: 0px; }

.cognitiveGraphBubblesDirectiveContainer {
  margin: 0; }
  .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer {
    background-color: #333;
    position: relative; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer svg {
      overflow: hidden; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileName {
      position: absolute;
      bottom: 10vw;
      font-size: 3vw;
      color: #ffffff;
      text-transform: uppercase;
      text-align: center;
      width: 100%; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileName.isMobile {
        bottom: 11rem;
        font-size: 3rem; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer {
      position: absolute;
      width: 100%;
      top: 8%;
      height: 40%; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer.isMobile {
        top: 38%;
        height: 22%; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol {
        margin-left: auto;
        margin-right: auto;
        width: 16%;
        height: 100%;
        background-color: #dde4e4;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid #ffffff;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        z-index: 3; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol.isMobile {
          width: 27%; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .profileImg {
          width: 100%;
          height: 100%; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .profileImg.default {
            z-index: 2;
            width: 100%;
            height: 100%;
            position: static;
            text-align: right;
            display: inline-block;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            font-size: 16vw; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .profileImg.isMobile {
            font-size: 25vw; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .imgInfo {
          position: absolute;
          z-index: 2;
          bottom: -5px;
          width: 15.5%;
          -moz-border-radius: 4px 0;
          -webkit-border-radius: 4px;
          border-radius: 4px 0;
          overflow: hidden;
          margin-top: 5px; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .imgInfo .imageUpload {
            height: 36px;
            margin: 0;
            background-color: rgba(0, 0, 0, 0.1);
            color: #ffffff;
            text-align: right;
            line-height: 36px;
            padding: 0 5px; }
            .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .imgInfo .imageUpload i {
              display: inline;
              width: auto;
              height: auto;
              background-color: transparent;
              -moz-border-radius: 0;
              -webkit-border-radius: 0;
              border-radius: 0;
              font-size: 1.8rem;
              line-height: 36px; }
            .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profilePicContainer .profilePicCol .profilePic .imgInfo .imageUpload span {
              color: #ffffff;
              letter-spacing: 1px;
              font-family: "MuseoSansRounded300", "Arial", sans-serif;
              font-size: 1.1rem;
              font-weight: bold;
              text-align: left;
              float: left; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper {
      position: absolute;
      width: 100%;
      bottom: 2rem; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer {
        position: relative;
        text-align: center;
        margin: auto; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton {
          text-transform: none;
          height: 4vw;
          max-height: 32px;
          line-height: 100%;
          font-size: 1.3rem; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton.isMobile {
            height: 32px; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton i {
            color: #ffffff;
            height: 4vw;
            max-height: 32px;
            line-height: 100%; }
            .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton i.isMobile {
              height: 32px; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .dotContainer {
      width: 100%;
      text-align: center;
      color: #ffffff;
      font-size: 0.6rem;
      position: absolute;
      bottom: 5.5rem; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .dotContainer .icon-dot {
        color: #ffffff;
        padding: 4px;
        display: inline-block; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .dotContainer .icon-dot:before {
          content: "\e800"; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .dotContainer .icon-dot.inactive:before {
          content: "\e800";
          opacity: 0.5;
          filter: alpha(opacity=50); }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts {
      position: absolute;
      min-height: 40px;
      width: 100%;
      bottom: 5vw;
      font-size: 1.2vw; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts.isMobile {
        bottom: 6.5rem;
        font-size: 1.2rem; }
      .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts {
        margin: auto;
        height: 100%;
        color: #ffffff;
        text-align: center;
        opacity: 0.8;
        filter: alpha(opacity=80); }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts.isMobile {
          line-height: 1.4rem; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .qualityBlock {
          display: inline-block;
          max-width: 50%;
          overflow: hidden; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .qualityBlock span {
            color: #ffffff;
            height: 100%;
            padding: 0 8px; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .qualityBlock.withPadding {
            padding-bottom: 0.5rem; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .qualityBlock:first-child {
          text-align: right; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .location {
          text-align: center; }
        .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .followingCount {
          border-left: 1px solid #ffffff; }
          .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .followingCount.noBorder {
            border: none; }
  .cognitiveGraphBubblesDirectiveContainer .userName.isMobile {
    font-size: 22px; }
  .cognitiveGraphBubblesDirectiveContainer .followButtonContainer {
    position: absolute;
    text-align: left;
    width: 100%;
    top: 15px;
    margin-left: 20px; }

@media screen and (max-width: 800px) {
  .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts {
    bottom: 5vw; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts .qualityCounts .qualityBlock.withPadding {
      padding-bottom: 0px; }
  .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton {
    font-size: 1.6vw; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileButtonWrapper .profileButtonContainer .profileButton.isMobile {
      font-size: 1.3rem;
      height: 32px; } }

@media screen and (max-width: 650px) {
  .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts {
    bottom: 4vw; } }

@media screen and (max-width: 600px) {
  .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts {
    display: none; }
    .cognitiveGraphBubblesDirectiveContainer .cognitiveGraphBubblesSubContainer .profileQualityCounts.isMobile {
      display: block; }
  .cognitiveGraphBubblesDirectiveContainer .followButtonContainer button {
    font-size: 0.8rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1rem; } }

.groupContentView .allActivityTile {
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 2px #95a6a6;
  -moz-box-shadow: 0 0 2px #95a6a6;
  box-shadow: 0 0 2px #95a6a6; }
  .groupContentView .allActivityTile:hover {
    -webkit-box-shadow: 0 2px 6px #95a6a6;
    -moz-box-shadow: 0 2px 6px #95a6a6;
    box-shadow: 0 2px 6px #95a6a6; }
  .groupContentView .allActivityTile.active {
    -webkit-box-shadow: 0 0 0 2px #95a6a6;
    -moz-box-shadow: 0 0 0 2px #95a6a6;
    box-shadow: 0 0 0 2px #95a6a6; }
  .groupContentView .allActivityTile .contentTile {
    margin-bottom: 0;
    padding: 5px 25px 25px; }
  @media screen and (max-width: 767px) {
    .groupContentView .allActivityTile .contentTile {
      padding: 10px; }
      .groupContentView .allActivityTile .contentTile .tileContent .contentDetails {
        padding: 10px 35px; } }

.groupBanner_isMobile {
  margin-top: 97px; }

.groupBannerContent md-progress-circular {
  margin-left: auto;
  margin-right: auto; }

.privacyTag, .privateTag, .publicTag, .collectionBanner.row .privateTag, .collectionBanner.row .publicTag {
  white-space: nowrap;
  margin-left: 10px;
  min-width: 60px;
  min-height: 20px;
  background-color: #f65950;
  font-size: 1.1rem;
  color: #ffffff;
  padding: 0.4rem;
  font-weight: bold;
  border-radius: .2rem;
  text-transform: uppercase; }

.privateTag {
  background-color: #f65950; }

.publicTag {
  background-color: #26b099; }

.groupBanner.row {
  text-align: center;
  margin: 0;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, #dde4e4, #2D3B3B); }
  .groupBanner.row .groupBannerImg {
    width: 100%;
    height: 1px;
    text-align: center; }
    .groupBanner.row .groupBannerImg img {
      display: inline-block;
      -webkit-filter: blur(7px) brightness(69%);
      -moz-filter: blur(7px) brightness(69%);
      filter: blur(7px) brightness(69%);
      opacity: 0.8;
      width: 100%;
      height: auto; }
  .groupBanner.row .groupBannerContent {
    position: relative;
    width: 100%;
    display: inline-block; }
    .groupBanner.row .groupBannerContent .groupTitle,
    .groupBanner.row .groupBannerContent .editActionsContainer {
      min-height: 9.6rem; }
    .groupBanner.row .groupBannerContent .editActionsContainer {
      padding: 0 30px;
      margin-top: 30px; }
      .groupBanner.row .groupBannerContent .editActionsContainer .editActionItem {
        vertical-align: middle;
        text-align: center; }
        .groupBanner.row .groupBannerContent .editActionsContainer .editActionItem .cancelEditCollection {
          margin: -15px 0 15px; }
      .groupBanner.row .groupBannerContent .editActionsContainer button {
        width: 100px;
        padding: 0; }
    .groupBanner.row .groupBannerContent .groupTitle {
      padding: 0 0 15px 30px;
      opacity: 1;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: steps(6, end);
      -moz-transition-timing-function: steps(6, end);
      -o-transition-timing-function: steps(6, end);
      transition-timing-function: steps(6, end);
      padding-bottom: 15px; }
      .groupBanner.row .groupBannerContent .groupTitle .titleSegment {
        word-break: break-word;
        padding: 15px 20px 0 0;
        vertical-align: middle;
        text-align: center; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment h1 {
          color: #ffffff; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment md-input-container {
          z-index: 1;
          position: relative;
          margin-left: -10px;
          padding: 0; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment h5 {
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: white; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink,
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment .inviteMemberLink {
          display: inline-block;
          vertical-align: middle;
          margin: 0 3px; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink {
          position: relative; }
          .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink .userImage {
            width: 41px;
            height: 41px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.icon-user:before {
              font-size: 3.6rem;
              color: #eceeee; }
            .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.default {
              overflow: hidden;
              background: #95a6a6;
              line-height: 48px;
              text-align: center; }
            .groupBanner.row .groupBannerContent .groupTitle .titleSegment .memberLink .userImage.offset {
              position: absolute;
              top: 0; }
        .groupBanner.row .groupBannerContent .groupTitle .titleSegment .inviteMemberLink {
          width: 41px;
          height: 41px;
          background: #29c896;
          cursor: pointer;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          -webkit-transform: scaleX(-1);
          -moz-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
          -o-transform: scaleX(-1);
          transform: scaleX(-1); }
          .groupBanner.row .groupBannerContent .groupTitle .titleSegment .inviteMemberLink i {
            font-size: 1.8rem;
            color: #ffffff;
            line-height: 41px; }
      .groupBanner.row .groupBannerContent .groupTitle .md-char-counter {
        display: none;
        position: absolute;
        right: 5px; }
      .groupBanner.row .groupBannerContent .groupTitle.editFocus textarea {
        background-color: rgba(255, 255, 255, 0.5);
        resize: none; }
        .groupBanner.row .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-required, .groupBanner.row .groupBannerContent .groupTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength {
          border: solid 1px #f65950; }
        .groupBanner.row .groupBannerContent .groupTitle.editFocus textarea:focus {
          border: solid 1px #f2f4f4; }
      .groupBanner.row .groupBannerContent .groupTitle.editFocus .md-input-focused .md-char-counter {
        display: block; }
      .groupBanner.row .groupBannerContent .groupTitle textarea {
        opacity: 1;
        resize: none;
        overflow: hidden;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        -ms-border-radius: 0%;
        -o-border-radius: 0%;
        border-radius: 0%;
        background: transparent;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        color: white;
        font-size: 3.9rem;
        line-height: 1.2em;
        letter-spacing: .05em;
        min-height: 37px;
        height: auto;
        overflow: hidden;
        border-color: transparent;
        text-align: left; }
      .groupBanner.row .groupBannerContent .groupTitle .md-placeholder {
        position: absolute;
        z-index: -1;
        width: 100%;
        font-weight: 700;
        margin: -17px 0 0 10px;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        font-size: 3.9rem;
        color: #dde4e4; }
      .groupBanner.row .groupBannerContent .groupTitle .md-input-has-value .md-placeholder {
        display: none; }
      .groupBanner.row .groupBannerContent .groupTitle .md-char-counter {
        margin-top: 5px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        font-size: 10px;
        color: #ffffff;
        text-align: right; }
      .groupBanner.row .groupBannerContent .groupTitle:focus {
        border: solid 1px #eceeee; }
  .groupBanner.row.lockBanner {
    width: calc(100% - 240px);
    position: fixed;
    z-index: 6;
    height: 46px;
    top: 56px; }
    .groupBanner.row.lockBanner .animationTitle {
      color: white;
      margin-top: 13px;
      visibility: visible;
      font-size: 18px;
      line-height: 2rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      opacity: 1;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      text-align: left;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: steps(6, end);
      -moz-transition-timing-function: steps(6, end);
      -o-transition-timing-function: steps(6, end);
      transition-timing-function: steps(6, end); }
    .groupBanner.row.lockBanner .groupTitle h5 {
      opacity: 0;
      visibility: hidden;
      text-align: left; }
    .groupBanner.row.lockBanner .groupBannerContent .groupTitle {
      opacity: 0; }
    .groupBanner.row.lockBanner .groupBannerContent .editActionsContainer {
      margin-top: 0px; }
      .groupBanner.row.lockBanner .groupBannerContent .editActionsContainer .editActionItem {
        vertical-align: bottom;
        text-align: center;
        padding-bottom: 49px; }
      .groupBanner.row.lockBanner .groupBannerContent .editActionsContainer button {
        position: relative; }
    .mobile .groupBanner.row.lockBanner.lockBanner {
      margin-left: 0;
      top: 40px; }
    .groupBanner.row.lockBanner .reducedHeader {
      height: 5rem; }
      .groupBanner.row.lockBanner .reducedHeader .icon_container {
        position: relative;
        top: 2rem;
        left: 2rem; }
      .groupBanner.row.lockBanner .reducedHeader .animationTitle {
        position: relative; }
  .groupBanner.row .reducedHeader {
    display: block; }
    .groupBanner.row .reducedHeader .col-xs-1 {
      padding-top: 17px; }
    .groupBanner.row .reducedHeader .col-xs-2 {
      padding-top: 17px; }
      .groupBanner.row .reducedHeader .col-xs-2.editActionItem {
        padding-top: 6px; }
    .groupBanner.row .reducedHeader .col-xs-3 {
      padding-top: 10px; }
    .groupBanner.row .reducedHeader .col-xs-10 {
      text-align: right;
      padding: 10px 6px 0 0; }
    .groupBanner.row .reducedHeader .col-xs-11 {
      text-align: right;
      padding: 6px 6px 0 0; }

.groupContentView .inviewTag {
  height: 1px; }

.groupContentView .emptyMessage {
  background: url("/group/groupPage/asset/image/null-content.png"); }
  .groupContentView .emptyMessage .contentMessageBox {
    width: 290px;
    height: 300px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 0 10px #95a6a6;
    text-align: center;
    padding: 16px 34px;
    margin-top: -60px;
    background-color: #ffffff;
    background-image: url("/group/groupPage/asset/image/content-sources.png");
    background-repeat: no-repeat;
    background-position: center bottom; }
    .groupContentView .emptyMessage .contentMessageBox:after {
      bottom: calc(100% - 7px);
      left: calc(50% - 7px);
      content: " ";
      height: 14px;
      width: 14px;
      position: absolute;
      pointer-events: none;
      background-color: #ffffff;
      transform: rotate(45deg);
      box-shadow: -2px -2px 8px -3px #95a6a6; }
    .groupContentView .emptyMessage .contentMessageBox .messageText h3.handwritten {
      font-size: 2.6rem;
      font-family: "Just Me Again Down Here", cursive; }
    .groupContentView .emptyMessage .contentMessageBox .messageText p {
      font-size: 1.3rem; }

@media screen and (max-width: 1000px) {
  .groupContentView .inputWrapper .copyPasteMessage {
    display: none; } }

.groupDiscussionView .allActivityTile {
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 2px #95a6a6;
  -moz-box-shadow: 0 0 2px #95a6a6;
  box-shadow: 0 0 2px #95a6a6; }
  .groupDiscussionView .allActivityTile:hover {
    -webkit-box-shadow: 0 2px 6px #95a6a6;
    -moz-box-shadow: 0 2px 6px #95a6a6;
    box-shadow: 0 2px 6px #95a6a6; }
  .groupDiscussionView .allActivityTile.active {
    -webkit-box-shadow: 0 0 0 2px #95a6a6;
    -moz-box-shadow: 0 0 0 2px #95a6a6;
    box-shadow: 0 0 0 2px #95a6a6; }
  .groupDiscussionView .allActivityTile .contentTile {
    margin-bottom: 0;
    padding: 5px 25px 25px; }
  @media screen and (max-width: 767px) {
    .groupDiscussionView .allActivityTile .contentTile {
      padding: 10px; }
      .groupDiscussionView .allActivityTile .contentTile .tileContent .contentDetails {
        padding: 10px 35px; } }

.groupDiscussionView .emptyMessage {
  background: url("/group/groupPage/asset/image/null-discussions.png"); }

.groupInsightView .emptyMessage {
  background: url("/group/groupPage/asset/image/null-insights.png"); }
  .groupInsightView .emptyMessage .messageText {
    width: 85%; }

.groupView {
  width: 100%;
  transition: 1s; }
  .groupView .groupContent {
    max-width: 630px;
    margin: 0 auto;
    padding: 40px 10px; }
    .groupView .groupContent .emptyMessage {
      min-height: 500px;
      padding-top: 40px; }
      .groupView .groupContent .emptyMessage .messageBox {
        position: relative;
        max-width: 440px;
        height: 200px;
        margin: 0 auto;
        padding: 40px 30px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15);
        background: #ffffff; }
        .groupView .groupContent .emptyMessage .messageBox .messageText {
          text-align: center; }
          .groupView .groupContent .emptyMessage .messageBox .messageText h3 {
            margin-bottom: .6em;
            font-family: "MuseoSansRounded300", "Arial", sans-serif; }
          .groupView .groupContent .emptyMessage .messageBox .messageText p {
            font-size: 1.5rem; }

@media screen and (max-width: 767px) {
  .groupView .groupContent {
    padding: 10px; } }

.groupSettings {
  position: absolute;
  top: 12px;
  right: 35px;
  font-family: "MuseoSansRounded700", "Arial", sans-serif;
  font-size: 1.2rem;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: .1em;
  cursor: pointer; }
  .groupSettings i,
  .groupSettings span {
    display: inline-block;
    vertical-align: middle; }
  .groupSettings i {
    font-size: 1.4rem; }

@media screen and (max-width: 767px) {
  .groupSettings {
    right: 15px; } }

.groupSubNav {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 58px;
  background: #ffffff;
  border-bottom: solid 1px #dde4e4;
  text-align: center;
  line-height: 58px; }
  .groupSubNav ul {
    display: inline-block;
    font-size: 0;
    -webkit-transition: padding 0.3s;
    -ms-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    transition: padding 0.3s; }
    .groupSubNav ul li {
      position: relative;
      display: inline-block;
      margin: 0 20px;
      border-bottom: solid 2px transparent; }
      .groupSubNav ul li a {
        display: block; }
        .groupSubNav ul li a:hover h6 {
          border-bottom: solid 1px transparent; }
      .groupSubNav ul li h6 {
        display: inline-block;
        margin-bottom: 0;
        padding: 22px 0 21px;
        border-bottom: solid 1px transparent;
        font-family: "MuseoSansRounded500", "Arial", sans-serif;
        font-size: 1.2rem;
        color: #29c896;
        letter-spacing: 1px; }
        .groupSubNav ul li h6.selected {
          border-bottom: solid 1px #29c896;
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          color: #3b3d40; }
      .groupSubNav ul li .notificationCountBubble {
        display: inline-block;
        vertical-align: super;
        height: 16px;
        margin-left: 2px;
        padding: 0 6px;
        line-height: 17px;
        background-color: #f65950;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        color: #f2f4f4;
        font-size: .9rem;
        letter-spacing: 0; }

@media screen and (max-width: 767px) {
  .groupSubNav ul li {
    margin: 0 5px; }
    .groupSubNav ul li h6 {
      letter-spacing: 0; } }

.createGroupMenuItem.label, .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username, .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username {
  position: relative;
  margin: 8px 0 0 48px;
  padding: 0 0 4px 22px;
  color: #26b099;
  cursor: pointer;
  line-height: 1.4; }
  .createGroupMenuItem.label i, .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username i, .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username i {
    position: absolute;
    left: 0;
    font-size: 1.8rem; }

.mobile .createGroupMenuItem.label, .mobile .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username, .sideNavColumnContainer .sideNavMenuItem .mobile .createGroupMenuItem.username, .mobile .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username, .sideNavColumnContainer .profileNavMenuItem .mobile .createGroupMenuItem.username {
  width: calc(100% - 25px);
  max-width: 100%;
  margin: 0 0 0 25px;
  padding: 10px;
  background: #29c896;
  border-radius: 4px;
  font-size: 1.4rem;
  text-align: center;
  color: #ffffff; }
  .mobile .createGroupMenuItem.label i, .mobile .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username i, .sideNavColumnContainer .sideNavMenuItem .mobile .createGroupMenuItem.username i, .mobile .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username i, .sideNavColumnContainer .profileNavMenuItem .mobile .createGroupMenuItem.username i,
  .mobile .createGroupMenuItem.label span,
  .mobile .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username span, .sideNavColumnContainer .sideNavMenuItem
  .mobile .createGroupMenuItem.username span,
  .mobile .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username span, .sideNavColumnContainer .profileNavMenuItem
  .mobile .createGroupMenuItem.username span {
    display: inline-block;
    vertical-align: middle; }
  .mobile .createGroupMenuItem.label i, .mobile .sideNavColumnContainer .sideNavMenuItem .createGroupMenuItem.username i, .sideNavColumnContainer .sideNavMenuItem .mobile .createGroupMenuItem.username i, .mobile .sideNavColumnContainer .profileNavMenuItem .createGroupMenuItem.username i, .sideNavColumnContainer .profileNavMenuItem .mobile .createGroupMenuItem.username i {
    position: relative;
    margin-right: 2px; }

.slackify {
  height: calc(100vh - 56px);
  background-color: white;
  position: relative;
  /** stupid container always pushed the content down **/ }
  .slackify .contentTile.question {
    cursor: default;
    padding: 15px;
    position: absolute;
    top: 0;
    z-index: 2;
    margin: 0;
    max-height: 100px;
    height: 100px;
    overflow-y: hidden;
    background-color: #95a6a6;
    color: white;
    -webkit-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.3); }
    .slackify .contentTile.question h2 {
      color: white;
      font-size: 2.0rem;
      line-height: 2.0rem;
      height: 4.0rem;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-transition: all ease 200ms;
      -ms-transition: all ease 200ms;
      -moz-transition: all ease 200ms;
      -o-transition: all ease 200ms;
      transition: all ease 200ms; }
    .slackify .contentTile.question .tileMetadata {
      -webkit-transition: all ease 200ms;
      -ms-transition: all ease 200ms;
      -moz-transition: all ease 200ms;
      -o-transition: all ease 200ms;
      transition: all ease 200ms;
      margin-top: 5px;
      margin-bottom: 0; }
    .slackify .contentTile.question span {
      color: white; }
  .slackify .back {
    -webkit-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    position: absolute;
    top: 0;
    background-color: #95a6a6;
    height: 100px;
    width: 50px; }
    .slackify .back:hover {
      cursor: pointer;
      background-color: #b1bdbd; }
    .slackify .back a {
      -webkit-transition: all ease 200ms;
      -ms-transition: all ease 200ms;
      -moz-transition: all ease 200ms;
      -o-transition: all ease 200ms;
      transition: all ease 200ms;
      display: block;
      color: white;
      width: 100%;
      height: 100px;
      line-height: 100px;
      padding-left: 15px;
      font-size: 3rem; }
      .slackify .back a:hover {
        text-decoration: none; }
  .slackify .discussionTile {
    cursor: default;
    position: relative;
    height: calc(100% - 100px);
    top: 100px; }
    .slackify .discussionTile:before, .slackify .discussionTile:after {
      content: " ";
      display: table; }
    .slackify .discussionTile:after {
      clear: both; }
    .slackify .discussionTile .discussionContainer {
      /** typography **/
      font-size: 1.5rem;
      line-height: 2.2rem;
      padding: 30px;
      /** position and size **/
      height: calc(100% - 110px);
      max-height: calc(100% - 110px);
      /** make it scroll **/
      overflow-y: scroll;
      border-bottom: 1px solid #f2f4f4;
      /** more comments **/
      /** avatar styles **/ }
      .slackify .discussionTile .discussionContainer .moreCommentsLink {
        margin-bottom: 15px; }
      .slackify .discussionTile .discussionContainer .commentContainer {
        margin-top: 20px; }
      .slackify .discussionTile .discussionContainer .lastComment {
        position: relative;
        margin-bottom: 15px; }
        .slackify .discussionTile .discussionContainer .lastComment i {
          vertical-align: middle; }
        .slackify .discussionTile .discussionContainer .lastComment .lastCommentAvatar {
          float: left;
          width: 24px;
          height: 24px;
          margin-right: 5px; }
          .slackify .discussionTile .discussionContainer .lastComment .lastCommentAvatar .userImage {
            display: inline-block;
            width: 24px;
            height: 24px;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%; }
            .slackify .discussionTile .discussionContainer .lastComment .lastCommentAvatar .userImage.icon-user:before {
              font-size: 2.5rem;
              color: #f2f4f4; }
            .slackify .discussionTile .discussionContainer .lastComment .lastCommentAvatar .userImage.default {
              line-height: 36px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .slackify .discussionTile .discussionContainer .lastComment .lastCommentAvatar .userImage.offset {
              position: absolute;
              left: -1px; }
        .slackify .discussionTile .discussionContainer .lastComment .comment {
          margin-left: 30px;
          clear: both;
          margin-left: 30px; }
        .slackify .discussionTile .discussionContainer .lastComment .lastCommentText {
          float: left;
          width: calc(100% - 30px); }
          .slackify .discussionTile .discussionContainer .lastComment .lastCommentText a.lastCommenter {
            float: left;
            display: inline-block;
            max-width: 100%;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            color: #3b3d40; }
          .slackify .discussionTile .discussionContainer .lastComment .lastCommentText .insightContainer .insightTextContainer {
            position: relative;
            display: inline-block;
            padding: 3px 10px;
            vertical-align: top;
            background-color: #fcf9eb;
            border-left: 1px solid #f4b737;
            font-size: 1.5rem;
            font-family: "RooneyLight", Times, "Times New Roman", serif;
            color: #3b3d40;
            line-height: 1.6;
            cursor: pointer;
            word-break: break-word; }
            .slackify .discussionTile .discussionContainer .lastComment .lastCommentText .insightContainer .insightTextContainer .icon-quote {
              position: absolute;
              top: -6px;
              left: -25px;
              height: 30px;
              color: #f4b737;
              font-size: 2.4rem; }
          .slackify .discussionTile .discussionContainer .lastComment .lastCommentText .commentMetadata span {
            display: inline-block;
            padding: 0 4px 0 0; }
            .slackify .discussionTile .discussionContainer .lastComment .lastCommentText .commentMetadata span:after {
              content: ' -'; }
            .slackify .discussionTile .discussionContainer .lastComment .lastCommentText .commentMetadata span:last-child:after {
              content: ''; }
            .slackify .discussionTile .discussionContainer .lastComment .lastCommentText .commentMetadata span.timestamp {
              font-size: 1.1rem;
              color: #95a6a6; }
          .slackify .discussionTile .discussionContainer .lastComment .lastCommentText .commentMetadata .timeAgo {
            color: #a4b7b7;
            font-size: 1.1rem;
            float: right;
            display: inline-block;
            margin-left: 20px; }
            .slackify .discussionTile .discussionContainer .lastComment .lastCommentText .commentMetadata .timeAgo:before {
              display: none;
              content: '\2022';
              margin: 0 6px 0 4px; }
      .slackify .discussionTile .discussionContainer .others {
        margin: 0 0 15px 30px;
        color: #95a6a6; }
        .slackify .discussionTile .discussionContainer .others span {
          display: inline-block;
          vertical-align: middle; }
        .slackify .discussionTile .discussionContainer .others .othersAvatar {
          position: relative;
          display: inline-block;
          width: 20px;
          height: 20px;
          margin-left: 5px; }
          .slackify .discussionTile .discussionContainer .others .othersAvatar .tooltip {
            white-space: nowrap; }
          .slackify .discussionTile .discussionContainer .others .othersAvatar .userImage {
            display: inline-block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            opacity: .3; }
            .slackify .discussionTile .discussionContainer .others .othersAvatar .userImage:hover {
              opacity: 1; }
            .slackify .discussionTile .discussionContainer .others .othersAvatar .userImage.icon-user:before {
              font-size: 20px;
              color: #f2f4f4; }
            .slackify .discussionTile .discussionContainer .others .othersAvatar .userImage.default {
              line-height: 20px;
              text-align: center;
              overflow: hidden;
              background: #dde4e4; }
            .slackify .discussionTile .discussionContainer .others .othersAvatar .userImage.offset {
              position: absolute;
              top: -1px;
              left: -1px; }
    .slackify .discussionTile .userCommentContainer {
      width: 100%;
      height: 110px;
      position: absolute;
      padding: 10px 20px;
      overflow: visible;
      padding-right: 1rem; }
      .slackify .discussionTile .userCommentContainer button {
        float: right; }
      .slackify .discussionTile .userCommentContainer .userComment > .text {
        overflow: hidden;
        padding-right: 1rem; }
        .slackify .discussionTile .userCommentContainer .userComment > .text > textarea {
          width: 100%;
          height: 40px;
          margin-bottom: 20px; }
        .slackify .discussionTile .userCommentContainer .userComment > .text .errorOccurred {
          border: 1px solid #f65950;
          color: #f65950; }
      .slackify .discussionTile .userCommentContainer .userComment > .emojis-modal {
        float: right;
        margin-top: 9px;
        margin-right: 5px; }
      .slackify .discussionTile .userCommentContainer ul.onlineAvatars {
        display: inline-block;
        padding: 0 10px 10px 10px; }
        .slackify .discussionTile .userCommentContainer ul.onlineAvatars li.onlineAvatar {
          display: inline;
          margin-right: 5px;
          -webkit-transition: all ease-in-out 200ms;
          -ms-transition: all ease-in-out 200ms;
          -moz-transition: all ease-in-out 200ms;
          -o-transition: all ease-in-out 200ms;
          transition: all ease-in-out 200ms;
          /* The finishing CSS styles for the enter animation */ }
          .slackify .discussionTile .userCommentContainer ul.onlineAvatars li.onlineAvatar div {
            position: relative;
            -webkit-transition: all ease-in-out 200ms;
            -ms-transition: all ease-in-out 200ms;
            -moz-transition: all ease-in-out 200ms;
            -o-transition: all ease-in-out 200ms;
            transition: all ease-in-out 200ms;
            width: 22px;
            height: 22px; }
          .slackify .discussionTile .userCommentContainer ul.onlineAvatars li.onlineAvatar.ng-enter.ng-enter-active div {
            width: 0px;
            height: 0px; }
          .slackify .discussionTile .userCommentContainer ul.onlineAvatars li.onlineAvatar.ng-leave.ng-leave-active div {
            width: 0px;
            height: 0px; }

.groupQuestionPage.shrink .contentTile.question, .groupQuestionPage.slackify.mobile .contentTile.question {
  /** add transition effects **/
  -webkit-transition: all ease 200ms;
  -ms-transition: all ease 200ms;
  -moz-transition: all ease 200ms;
  -o-transition: all ease 200ms;
  transition: all ease 200ms;
  /** shrink styles **/
  height: 40px;
  max-height: 40px;
  padding: 5px; }
  .groupQuestionPage.shrink .contentTile.question h2, .groupQuestionPage.slackify.mobile .contentTile.question h2 {
    height: 2.3rem;
    padding-top: 5px; }
  .groupQuestionPage.shrink .contentTile.question .tileMetadata, .groupQuestionPage.slackify.mobile .contentTile.question .tileMetadata {
    opacity: 0; }

.groupQuestionPage.shrink .back, .groupQuestionPage.slackify.mobile .back {
  /** shrink styles **/
  height: 40px; }
  .groupQuestionPage.shrink .back a, .groupQuestionPage.slackify.mobile .back a {
    height: 40px;
    line-height: 40px;
    font-size: 2rem;
    padding-top: 3px; }

.groupQuestionPage.shrink .discussionTile, .groupQuestionPage.slackify.mobile .discussionTile {
  -webkit-transition: all ease 200ms;
  -ms-transition: all ease 200ms;
  -moz-transition: all ease 200ms;
  -o-transition: all ease 200ms;
  transition: all ease 200ms;
  height: calc(100% - 40px);
  top: 40px; }

/** for mobile **/
.slackify.mobile {
  height: calc(100vh - 100px);
  top: 100px; }

.acceptInviteModal .inviterAvatar {
  text-align: center;
  width: 100%;
  height: 80px; }
  .acceptInviteModal .inviterAvatar a.memberLink {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    overflow: hidden; }
    .acceptInviteModal .inviterAvatar a.memberLink div.userImage {
      width: 60px;
      height: 60px;
      border-radius: 50%; }
      .acceptInviteModal .inviterAvatar a.memberLink div.userImage.fitImage {
        position: absolute;
        top: 0; }
      .acceptInviteModal .inviterAvatar a.memberLink div.userImage.default {
        font-size: 60px;
        overflow: hidden;
        background: #95a6a6; }
      .acceptInviteModal .inviterAvatar a.memberLink div.userImage:before {
        color: #eceeee; }

.acceptInviteModal .invitationRequestStatement {
  text-align: center;
  font-size: 2rem; }

.acceptInviteModal h1 {
  padding: 5px 0 20px;
  text-align: center; }

.settingsGroupModal .input.cantRemoveMembers {
  display: none; }

.settingsGroupModal .input.leaveGroup {
  padding: 20px 0; }
  .settingsGroupModal .input.leaveGroup .yesLeaveGroup {
    font-size: 1.4rem;
    color: #29c896;
    cursor: pointer; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader {
  margin: -25px -35px 0 -35px;
  background: #eceeee;
  padding: 25px 35px 0; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav {
    position: relative;
    z-index: 1;
    height: 58px;
    margin: 0 -35px 20px;
    background: #eceeee;
    border-bottom: solid 1px #dde4e4;
    line-height: 58px; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul {
      display: inline-block;
      padding-left: 35px;
      font-size: 0;
      -webkit-transition: padding 0.3s;
      -ms-transition: padding 0.3s;
      -moz-transition: padding 0.3s;
      -o-transition: padding 0.3s;
      transition: padding 0.3s; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab {
        display: inline-block;
        cursor: pointer;
        margin-right: 25px;
        border-bottom: solid 1px transparent; }
        .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab.disabled {
          color: #eceeee;
          cursor: default; }
          .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab.disabled:hover h6 {
            border-bottom: none; }
        .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab:hover h6 {
          border-bottom: solid 1px #29c896; }
        .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab h6 {
          display: inline-block;
          margin-bottom: 0;
          padding: 22px 0 21px;
          border-bottom: solid 1px transparent;
          font-family: "MuseoSansRounded500", "Arial", sans-serif;
          font-size: 1.2rem;
          color: #95a6a6;
          letter-spacing: 1px;
          text-transform: capitalize; }
          .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader .groupMemberSubNav ul li.tab h6.selected {
            border-bottom: solid 1px #29c896;
            font-family: "MuseoSansRounded700", "Arial", sans-serif;
            color: #3b3d40; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .membersView {
  max-height: 50vh;
  overflow: auto; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberInvite strong {
  font-size: 12px; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .InviteToGroupForm.memberItem .memberAction.inviteFormField {
  width: 30%;
  padding-top: 3px; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .InviteToGroupForm.memberItem .memberAction.inviteFormField button {
    padding: 0 15px; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .InviteToGroupForm.memberItem .inviteFormField {
  width: 65%; }

.declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem {
  margin-bottom: 12px;
  -webkit-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem.processing {
    opacity: 0.5; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem.cantRemoveMembers .memberAction {
    display: none; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberAction {
    float: right;
    margin-left: 15px;
    margin-top: -8px; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberAction .actionElement {
      font-size: 1.1rem;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      color: #29c896;
      letter-spacing: .05em;
      line-height: 32px;
      text-transform: uppercase;
      cursor: pointer; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberAction .memberActionMessage {
      height: 32px;
      font-size: 14px;
      padding: 7px 35px 0 0; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberAction .memberActionMessage.promptForConfirmation {
        right: 15px;
        width: 190px;
        background-color: rgba(204, 255, 230, 0.5);
        padding: 10px;
        height: 50px; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberAction .memberActionMessage i {
        font-size: 1.3rem;
        padding-right: 5px; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberAction .memberActionMessage .legend {
        color: #3b3d40;
        text-transform: none; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberLink {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberLink .userImage {
      display: inline-block;
      vertical-align: middle;
      width: 32px;
      height: 32px;
      overflow: hidden;
      margin-right: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberLink .userImage.icon-user:before {
        font-size: 32px;
        color: #eceeee; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberLink .userImage.default {
        overflow: hidden;
        background: #95a6a6;
        line-height: 32px;
        text-align: center; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberLink .userImage.offset {
        position: absolute;
        top: 0; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .memberItem .memberName {
    display: inline-block;
    max-width: 250px;
    vertical-align: middle;
    font-size: 1.3rem; }

@media screen and (max-width: 767px) {
  .declaraModal .declaraModal-wrapper .declaraModal-content .manageGroupMembersModal .modalHeader {
    margin: -15px -15px 0 -15px; } }

.loginView.inProgress {
  text-align: center;
  padding-top: 100px; }
  .loginView.inProgress md-progress-circular {
    display: inline-block; }

.joinView.loginView.loggedInContainer {
  z-index: 99; }
  .joinView.loginView.loggedInContainer .loginContent {
    padding-top: 100px; }
    .joinView.loginView.loggedInContainer .loginContent.verifyIdentity .loginBox {
      width: 100%; }
      .joinView.loginView.loggedInContainer .loginContent.verifyIdentity .loginBox.invitationError button {
        min-width: 250px;
        margin-bottom: 15px; }
      .joinView.loginView.loggedInContainer .loginContent.verifyIdentity .loginBox .swithAccount {
        max-width: 100%;
        width: 100%; }
    .joinView.loginView.loggedInContainer .loginContent.verifyIdentity .inspiration {
      padding: 10px 0; }
    .joinView.loginView.loggedInContainer .loginContent.verifyIdentity .identityDismissed {
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      color: #29c896;
      text-transform: none; }
    .joinView.loginView.loggedInContainer .loginContent .loginBox {
      text-align: center;
      position: relative; }
      .joinView.loginView.loggedInContainer .loginContent .loginBox button {
        max-width: 120px; }
      .joinView.loginView.loggedInContainer .loginContent .loginBox .verifyInProgress {
        text-align: center;
        background: rgba(255, 255, 255, 0.4);
        width: 100%;
        height: 100%;
        min-height: 303px;
        position: absolute;
        margin: -42px 0 0 -46px; }
        .joinView.loginView.loggedInContainer .loginContent .loginBox .verifyInProgress md-progress-circular {
          display: inline-block;
          margin-top: 70px; }

@media screen and (max-width: 699px) {
  .joinView.loginView.loggedInContainer .loginContent {
    padding-top: 25px; } }

@-webkit-keyframes outer-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes outer-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes left-wobble {
  0%, 100% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); } }

@keyframes left-wobble {
  0%, 100% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); } }

@-webkit-keyframes right-wobble {
  0%, 100% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

@keyframes right-wobble {
  0%, 100% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); } }

@-webkit-keyframes sporadic-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); } }

@keyframes sporadic-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); } }

md-progress-circular {
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden; }

md-progress-circular .md-inner {
  width: 50px;
  height: 50px;
  position: relative; }

md-progress-circular .md-inner .md-gap {
  position: absolute;
  left: 24px;
  right: 24px;
  top: 0;
  bottom: 0;
  border-top: 5px solid black;
  box-sizing: border-box; }

md-progress-circular .md-inner .md-left, md-progress-circular .md-inner .md-right {
  position: absolute;
  top: 0;
  height: 50px;
  width: 25px;
  overflow: hidden; }

md-progress-circular .md-inner .md-left .md-half-circle, md-progress-circular .md-inner .md-right .md-half-circle {
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border-width: 5px;
  border-style: solid;
  border-color: black black transparent;
  border-radius: 50%; }

md-progress-circular .md-inner .md-left {
  left: 0; }

md-progress-circular .md-inner .md-left .md-half-circle {
  left: 0;
  border-right-color: transparent; }

md-progress-circular .md-inner .md-right {
  right: 0; }

md-progress-circular .md-inner .md-right .md-half-circle {
  right: 0;
  border-left-color: transparent; }

md-progress-circular[value="0"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="0"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

md-progress-circular[value="0"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="1"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="1"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-131.4deg);
  transform: rotate(-131.4deg); }

md-progress-circular[value="1"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="2"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="2"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-127.8deg);
  transform: rotate(-127.8deg); }

md-progress-circular[value="2"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="3"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="3"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-124.2deg);
  transform: rotate(-124.2deg); }

md-progress-circular[value="3"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="4"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="4"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-120.6deg);
  transform: rotate(-120.6deg); }

md-progress-circular[value="4"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="5"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="5"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-117deg);
  transform: rotate(-117deg); }

md-progress-circular[value="5"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="6"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="6"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-113.4deg);
  transform: rotate(-113.4deg); }

md-progress-circular[value="6"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="7"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="7"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-109.8deg);
  transform: rotate(-109.8deg); }

md-progress-circular[value="7"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="8"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="8"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-106.2deg);
  transform: rotate(-106.2deg); }

md-progress-circular[value="8"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="9"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="9"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-102.6deg);
  transform: rotate(-102.6deg); }

md-progress-circular[value="9"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="10"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="10"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-99deg);
  transform: rotate(-99deg); }

md-progress-circular[value="10"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="11"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="11"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-95.4deg);
  transform: rotate(-95.4deg); }

md-progress-circular[value="11"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="12"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="12"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-91.8deg);
  transform: rotate(-91.8deg); }

md-progress-circular[value="12"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="13"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="13"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-88.2deg);
  transform: rotate(-88.2deg); }

md-progress-circular[value="13"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="14"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="14"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-84.6deg);
  transform: rotate(-84.6deg); }

md-progress-circular[value="14"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="15"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="15"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-81deg);
  transform: rotate(-81deg); }

md-progress-circular[value="15"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="16"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="16"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-77.4deg);
  transform: rotate(-77.4deg); }

md-progress-circular[value="16"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="17"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="17"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-73.8deg);
  transform: rotate(-73.8deg); }

md-progress-circular[value="17"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="18"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="18"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-70.2deg);
  transform: rotate(-70.2deg); }

md-progress-circular[value="18"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="19"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="19"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-66.6deg);
  transform: rotate(-66.6deg); }

md-progress-circular[value="19"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="20"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="20"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-63deg);
  transform: rotate(-63deg); }

md-progress-circular[value="20"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="21"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="21"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-59.4deg);
  transform: rotate(-59.4deg); }

md-progress-circular[value="21"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="22"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="22"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-55.8deg);
  transform: rotate(-55.8deg); }

md-progress-circular[value="22"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="23"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="23"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-52.2deg);
  transform: rotate(-52.2deg); }

md-progress-circular[value="23"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="24"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="24"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-48.6deg);
  transform: rotate(-48.6deg); }

md-progress-circular[value="24"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="25"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="25"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

md-progress-circular[value="25"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="26"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="26"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-41.4deg);
  transform: rotate(-41.4deg); }

md-progress-circular[value="26"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="27"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="27"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-37.8deg);
  transform: rotate(-37.8deg); }

md-progress-circular[value="27"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="28"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="28"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-34.2deg);
  transform: rotate(-34.2deg); }

md-progress-circular[value="28"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="29"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="29"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-30.6deg);
  transform: rotate(-30.6deg); }

md-progress-circular[value="29"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="30"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="30"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg); }

md-progress-circular[value="30"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="31"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="31"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-23.4deg);
  transform: rotate(-23.4deg); }

md-progress-circular[value="31"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="32"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="32"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-19.8deg);
  transform: rotate(-19.8deg); }

md-progress-circular[value="32"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="33"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="33"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-16.2deg);
  transform: rotate(-16.2deg); }

md-progress-circular[value="33"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="34"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="34"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-12.6deg);
  transform: rotate(-12.6deg); }

md-progress-circular[value="34"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="35"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="35"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg); }

md-progress-circular[value="35"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="36"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="36"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-5.4deg);
  transform: rotate(-5.4deg); }

md-progress-circular[value="36"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="37"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="37"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(-1.8deg);
  transform: rotate(-1.8deg); }

md-progress-circular[value="37"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="38"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="38"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(1.8deg);
  transform: rotate(1.8deg); }

md-progress-circular[value="38"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="39"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="39"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(5.4deg);
  transform: rotate(5.4deg); }

md-progress-circular[value="39"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="40"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="40"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg); }

md-progress-circular[value="40"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="41"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="41"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(12.6deg);
  transform: rotate(12.6deg); }

md-progress-circular[value="41"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="42"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="42"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(16.2deg);
  transform: rotate(16.2deg); }

md-progress-circular[value="42"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="43"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="43"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(19.8deg);
  transform: rotate(19.8deg); }

md-progress-circular[value="43"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="44"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="44"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(23.4deg);
  transform: rotate(23.4deg); }

md-progress-circular[value="44"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="45"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="45"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg); }

md-progress-circular[value="45"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="46"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="46"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(30.6deg);
  transform: rotate(30.6deg); }

md-progress-circular[value="46"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="47"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="47"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(34.2deg);
  transform: rotate(34.2deg); }

md-progress-circular[value="47"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="48"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="48"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(37.8deg);
  transform: rotate(37.8deg); }

md-progress-circular[value="48"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="49"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="49"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(41.4deg);
  transform: rotate(41.4deg); }

md-progress-circular[value="49"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="50"] .md-inner .md-left .md-half-circle {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

md-progress-circular[value="50"] .md-inner .md-right .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="50"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important; }

md-progress-circular[value="51"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(138.6deg);
  transform: rotate(138.6deg); }

md-progress-circular[value="51"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="51"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="52"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(142.2deg);
  transform: rotate(142.2deg); }

md-progress-circular[value="52"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="52"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="53"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(145.8deg);
  transform: rotate(145.8deg); }

md-progress-circular[value="53"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="53"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="54"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(149.4deg);
  transform: rotate(149.4deg); }

md-progress-circular[value="54"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="54"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="55"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(153deg);
  transform: rotate(153deg); }

md-progress-circular[value="55"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="55"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="56"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(156.6deg);
  transform: rotate(156.6deg); }

md-progress-circular[value="56"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="56"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="57"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(160.2deg);
  transform: rotate(160.2deg); }

md-progress-circular[value="57"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="57"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="58"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(163.8deg);
  transform: rotate(163.8deg); }

md-progress-circular[value="58"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="58"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="59"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(167.4deg);
  transform: rotate(167.4deg); }

md-progress-circular[value="59"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="59"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="60"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(171deg);
  transform: rotate(171deg); }

md-progress-circular[value="60"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="60"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="61"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(174.6deg);
  transform: rotate(174.6deg); }

md-progress-circular[value="61"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="61"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="62"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(178.2deg);
  transform: rotate(178.2deg); }

md-progress-circular[value="62"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="62"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="63"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(181.8deg);
  transform: rotate(181.8deg); }

md-progress-circular[value="63"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="63"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="64"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(185.4deg);
  transform: rotate(185.4deg); }

md-progress-circular[value="64"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="64"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="65"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(189deg);
  transform: rotate(189deg); }

md-progress-circular[value="65"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="65"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="66"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(192.6deg);
  transform: rotate(192.6deg); }

md-progress-circular[value="66"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="66"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="67"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(196.2deg);
  transform: rotate(196.2deg); }

md-progress-circular[value="67"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="67"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="68"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(199.8deg);
  transform: rotate(199.8deg); }

md-progress-circular[value="68"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="68"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="69"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(203.4deg);
  transform: rotate(203.4deg); }

md-progress-circular[value="69"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="69"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="70"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(207deg);
  transform: rotate(207deg); }

md-progress-circular[value="70"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="70"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="71"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(210.6deg);
  transform: rotate(210.6deg); }

md-progress-circular[value="71"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="71"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="72"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(214.2deg);
  transform: rotate(214.2deg); }

md-progress-circular[value="72"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="72"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="73"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(217.8deg);
  transform: rotate(217.8deg); }

md-progress-circular[value="73"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="73"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="74"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(221.4deg);
  transform: rotate(221.4deg); }

md-progress-circular[value="74"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="74"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="75"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

md-progress-circular[value="75"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="75"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="76"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(228.6deg);
  transform: rotate(228.6deg); }

md-progress-circular[value="76"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="76"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="77"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(232.2deg);
  transform: rotate(232.2deg); }

md-progress-circular[value="77"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="77"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="78"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(235.8deg);
  transform: rotate(235.8deg); }

md-progress-circular[value="78"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="78"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="79"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(239.4deg);
  transform: rotate(239.4deg); }

md-progress-circular[value="79"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="79"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="80"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(243deg);
  transform: rotate(243deg); }

md-progress-circular[value="80"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="80"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="81"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(246.6deg);
  transform: rotate(246.6deg); }

md-progress-circular[value="81"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="81"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="82"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(250.2deg);
  transform: rotate(250.2deg); }

md-progress-circular[value="82"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="82"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="83"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(253.8deg);
  transform: rotate(253.8deg); }

md-progress-circular[value="83"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="83"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="84"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(257.4deg);
  transform: rotate(257.4deg); }

md-progress-circular[value="84"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="84"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="85"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(261deg);
  transform: rotate(261deg); }

md-progress-circular[value="85"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="85"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="86"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(264.6deg);
  transform: rotate(264.6deg); }

md-progress-circular[value="86"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="86"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="87"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(268.2deg);
  transform: rotate(268.2deg); }

md-progress-circular[value="87"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="87"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="88"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(271.8deg);
  transform: rotate(271.8deg); }

md-progress-circular[value="88"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="88"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="89"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(275.4deg);
  transform: rotate(275.4deg); }

md-progress-circular[value="89"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="89"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="90"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(279deg);
  transform: rotate(279deg); }

md-progress-circular[value="90"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="90"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="91"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(282.6deg);
  transform: rotate(282.6deg); }

md-progress-circular[value="91"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="91"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="92"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(286.2deg);
  transform: rotate(286.2deg); }

md-progress-circular[value="92"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="92"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="93"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(289.8deg);
  transform: rotate(289.8deg); }

md-progress-circular[value="93"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="93"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="94"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(293.4deg);
  transform: rotate(293.4deg); }

md-progress-circular[value="94"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="94"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="95"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(297deg);
  transform: rotate(297deg); }

md-progress-circular[value="95"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="95"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="96"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(300.6deg);
  transform: rotate(300.6deg); }

md-progress-circular[value="96"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="96"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="97"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(304.2deg);
  transform: rotate(304.2deg); }

md-progress-circular[value="97"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="97"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="98"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(307.8deg);
  transform: rotate(307.8deg); }

md-progress-circular[value="98"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="98"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="99"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(311.4deg);
  transform: rotate(311.4deg); }

md-progress-circular[value="99"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="99"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[value="100"] .md-inner .md-left .md-half-circle {
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg); }

md-progress-circular[value="100"] .md-inner .md-right .md-half-circle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

md-progress-circular[value="100"] .md-inner .md-gap {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.1s linear; }

md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper {
  -webkit-animation: outer-rotate 2.91667s linear infinite;
  animation: outer-rotate 2.91667s linear infinite; }

md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner {
  -webkit-animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
  animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; }

md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.3125s;
  animation-duration: 1.3125s;
  -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); }

md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  -webkit-animation-name: left-wobble;
  animation-name: left-wobble; }

md-progress-circular[md-mode=indeterminate] .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  -webkit-animation-name: right-wobble;
  animation-name: right-wobble; }

.relatedCollectionsContainer {
  width: 100%;
  padding: 1.5rem;
  background: #eceeee; }
  .relatedCollectionsContainer.empty {
    background: none;
    text-align: center; }
  .relatedCollectionsContainer .collectionCard {
    width: 240px;
    float: left;
    margin: 0 1rem 2rem; }
  .relatedCollectionsContainer h6 {
    padding: 2rem 1rem; }

.bottomBar {
  height: 100%;
  line-height: 54px; }
  .bottomBar a {
    float: left;
    color: #95a6a6;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase; }
    .bottomBar a:hover {
      color: #29c896;
      text-decoration: none; }
    .bottomBar a:hover i, .bottomBar a.active i {
      color: #29c896; }
    .bottomBar a:visited {
      color: #95a6a6; }
    .bottomBar a i {
      font-size: 1.1em;
      color: #dde4e4; }

.bottomBarAction {
  float: left;
  padding: 0 40px;
  border-right: solid 1px #eceeee; }
  .u-pull-right .bottomBarAction {
    border-right: none;
    border-left: solid 1px #eceeee; }
  .bottomBarAction span {
    padding-left: 20px; }
  .bottomBarAction:last-child {
    padding-right: 0; }

.likeCount {
  display: inline-block;
  margin-left: 20px;
  padding: 2px 5px;
  background: #dde4e4;
  color: #ffffff;
  line-height: 1em;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  letter-spacing: 0em; }

.shareBar {
  float: left;
  display: inline-block; }
  .shareBar a {
    padding: 2px 15px;
    border-left: solid 1px #eceeee; }
    .shareBar a:first-child {
      padding-left: 0;
      border-left: 0; }
    .shareBar a i {
      font-size: 1.8em;
      line-height: inherit; }
      .shareBar a i.icon-mail {
        display: block;
        padding-top: 2px;
        padding-right: 0;
        padding-left: 15px;
        margin-top: -2px;
        border-left: solid 1px #eceeee; }

/* Inline Bottom Bar */
.inlineBarContainer {
  margin: 30px auto 50px;
  text-align: center; }
  .inlineBarContainer .u-pull-left {
    float: none;
    display: inline-block; }
    .inlineBarContainer .u-pull-left .bottomBarAction:nth-child(n+2) .shareBar a {
      border-left: 0;
      padding: 0; }
      .inlineBarContainer .u-pull-left .bottomBarAction:nth-child(n+2) .shareBar a:first-child i {
        border-left: 0;
        padding-left: 0; }
      .inlineBarContainer .u-pull-left .bottomBarAction:nth-child(n+2) .shareBar a i {
        padding: 2px 15px;
        border-left: solid 1px #eceeee; }
    .inlineBarContainer .u-pull-left .bottomBarAction:nth-child(n+2) email-share-modal a:first-child i.icon-mail {
      padding: 2px 15px;
      display: inline;
      border-left: solid 1px #eceeee; }
    .inlineBarContainer .u-pull-left .bottomBarAction:first-child {
      padding-left: 0; }
  .inlineBarContainer .u-pull-right {
    float: none;
    display: inline-block; }
    .inlineBarContainer .u-pull-right .bottomBarAction {
      padding-right: 0; }
  .inlineBarContainer .bottomBarAction {
    float: none;
    display: inline-block;
    padding: 0 15px;
    vertical-align: top; }
    .inlineBarContainer .bottomBarAction:last-child {
      border-left: none; }
    .inlineBarContainer .bottomBarAction span {
      padding-left: 10px; }
    .inlineBarContainer .bottomBarAction .likeCount {
      margin-left: 10px; }

.CollectionView {
  padding-top: 16.6rem; }

.collectionsContainer {
  max-width: 780px;
  margin: 0 auto;
  position: relative; }
  .collectionsContainer .searchCollections {
    max-width: 400px;
    margin: auto; }
    .collectionsContainer .searchCollections .collectionSearchInput {
      position: relative;
      z-index: 1; }
      .collectionsContainer .searchCollections .collectionSearchInput .clearIcon {
        position: absolute;
        top: 23px;
        left: 11px;
        font-size: 1.6rem;
        z-index: 2;
        color: #95a6a6; }
      .collectionsContainer .searchCollections .collectionSearchInput .searchCollectionQuery {
        padding: .6rem 1.2rem .6rem .6rem; }
        .collectionsContainer .searchCollections .collectionSearchInput .searchCollectionQuery .tags {
          padding-left: 23px;
          box-shadow: none; }
          .collectionsContainer .searchCollections .collectionSearchInput .searchCollectionQuery .tags.focused {
            border: 1px solid #29c896; }
          .collectionsContainer .searchCollections .collectionSearchInput .searchCollectionQuery .tags .input {
            padding-left: 10px; }
  .collectionsContainer .collectionViewItem {
    width: 240px;
    display: inline-block;
    margin-right: 2rem; }
    .collectionsContainer .collectionViewItem .icon-locked {
      position: absolute;
      top: 80px;
      left: 11px;
      font-size: 1.6rem;
      color: #dde4e4; }
    .collectionsContainer .collectionViewItem.ghostCard {
      height: 320px;
      padding-top: 130px;
      cursor: pointer;
      float: left;
      background-color: #f2f4f4;
      border: 2px #ffffff dashed;
      color: #3b3d40;
      letter-spacing: 0.1em;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.1rem;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: background-color 0.1s linear, border-color 0.1s linear;
      -ms-transition: background-color 0.1s linear, border-color 0.1s linear;
      -moz-transition: background-color 0.1s linear, border-color 0.1s linear;
      -o-transition: background-color 0.1s linear, border-color 0.1s linear;
      transition: background-color 0.1s linear, border-color 0.1s linear;
      color: #3b3d40; }
      .collectionsContainer .collectionViewItem.ghostCard:hover {
        background-color: #ffffff;
        border-color: #eceeee; }
      .collectionsContainer .collectionViewItem.ghostCard i {
        color: #29c896;
        font-size: 2.2rem;
        display: block;
        margin-bottom: 20px; }
  .collectionsContainer .collectionTileContainer {
    display: inline-block; }
  .collectionsContainer.noCollections {
    text-align: center; }

@media screen and (max-width: 1020px) {
  .collectionsContainer {
    max-width: 520px; } }

@media screen and (max-width: 519px) {
  .collectionsContainer {
    max-width: 260px; } }

.collectionDetailPage .collectionDetailContainer {
  text-align: center; }
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody {
    max-width: 1000px;
    width: 100%;
    display: inline-block;
    text-align: left; }
    .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer {
      position: relative; }
      .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .leftColumn {
        position: absolute;
        top: 0;
        bottom: 0;
        min-height: 100vh;
        background-color: #f2f4f4;
        border-right: solid 1px #dde4e4; }
      .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn {
        text-align: left;
        padding: 0 30px; }
        .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn .shareBlock {
          font-size: 2.4rem; }
        .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn h6.timestamp {
          margin-bottom: 1rem;
          margin-top: 1.2rem;
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          font-size: .9rem;
          color: #95a6a6;
          letter-spacing: .05em; }
        .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn .detailColumnSection {
          margin-top: 15px;
          padding-top: 21px;
          border-top: 1px solid #95a6a6; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn .detailColumnSection h6 {
            margin-bottom: 10px; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn .detailColumnSection .headerLink {
            font-size: 1.1rem;
            color: #26b099;
            cursor: pointer;
            text-align: right;
            text-transform: uppercase;
            line-height: 1.2; }
        .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn .shareContainer {
          height: 49px;
          overflow: hidden;
          padding-top: 20px; }
          .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn .shareContainer.showWhenLoggedOut {
            display: none; }
      .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn {
        max-width: 589px;
        padding: 0 30px;
        text-align: center; }
      .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .shareContainer.showWhenLoggedOut {
        display: none; }
    .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer {
      box-sizing: border-box;
      max-width: 589px;
      margin: 0 auto;
      padding: 10px; }
      .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer .emptyCollection p {
        padding-top: 20px;
        text-align: center; }

@media screen and (max-width: 767px) {
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .contentColumn,
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer .contentColumn {
    float: none;
    margin: 0 auto;
    padding: 0 10px 15px; }
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn,
  .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer .detailColumn {
    float: none;
    max-width: 589px;
    margin: 0 auto;
    padding: 0 10px; }
    .collectionDetailPage .collectionDetailContainer .collectionDetailBody .desktopCollectionContainer .detailColumn h6.timestamp,
    .collectionDetailPage .collectionDetailContainer .collectionDetailBody .mobileCollectionContainer .detailColumn h6.timestamp {
      color: #3b3d40; }
  .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .detailColumn {
    padding: 10px 15px 15px; }
    .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .detailColumn .detailColumnSection {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }
    .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .detailColumn h6 {
      display: none; }
    .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .detailColumn .collectionDescription textarea {
      min-height: initial;
      padding: 0 10px; }
  .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .contentColumn {
    padding: 0 15px; }
  .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .shareContainer.showWhenLoggedOut {
    display: block;
    height: 50px;
    padding: 0 0 0 15px; }
    .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .shareContainer.showWhenLoggedOut .shareBlock {
      margin-right: 8px;
      font-size: 20px; }
  .collectionDetailPage .collectionDetailContainer.loggedOut .collectionDetailBody .shareContainer.hideWhenLoggedOut {
    display: none; } }

.tag-autocomplete-template,
.tag-template {
  display: inline-block;
  float: left; }
  .tag-autocomplete-template .curatorAvatar,
  .tag-template .curatorAvatar {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px 1rem 0 0; }
  .tag-autocomplete-template span,
  .tag-template span {
    display: inline-block;
    float: left; }
  .tag-autocomplete-template .autoCompleteCollectionItem,
  .tag-template .autoCompleteCollectionItem {
    width: 379px; }

.CreateCollectionForm tags-input .tags.focused {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.CreateCollectionForm tags-input .tags .tag-item {
  background-image: none;
  background-color: #eceeee; }

.CreateCollectionModal .CreateCollectionForm {
  overflow: visible; }

.CreateCollectionModal .error, .CreateCollectionModal .success {
  font-size: 1.7rem;
  padding-bottom: 40px; }
  .CreateCollectionModal .error button, .CreateCollectionModal .success button {
    margin-top: 20px; }

.createCollectionInline {
  position: relative;
  margin-bottom: 2rem;
  letter-spacing: 0.1em;
  text-align: center;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear; }
  .createCollectionInline.button {
    height: 104px;
    background-color: #dde4e4;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    color: #3b3d40;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background-color 0s;
    -ms-transition: background-color 0s;
    -moz-transition: background-color 0s;
    -o-transition: background-color 0s;
    transition: background-color 0s; }
    .createCollectionInline.button:hover {
      background-color: #dde5e5;
      color: #3b3d40; }
  .createCollectionInline.loading {
    background-color: rgba(41, 200, 150, 0.45); }
  .createCollectionInline.error {
    background-color: #f65950; }
  .createCollectionInline .hideMe {
    display: none; }
  .createCollectionInline .init {
    font-size: 1.1rem; }
    .createCollectionInline .init i {
      color: #29c896;
      font-size: 2.5rem;
      display: block; }
  .createCollectionInline .form {
    text-align: center;
    padding: 16px; }
    .createCollectionInline .form .input {
      text-align: left; }
    .createCollectionInline .form button.cancel {
      display: none; }
  .createCollectionInline .loading {
    text-align: left; }
  .createCollectionInline .error {
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 1.2em; }
    .createCollectionInline .error span {
      text-transform: uppercase;
      font-size: 1.1rem;
      display: block;
      margin: 20px 0; }
    .createCollectionInline .error i {
      color: rgba(0, 0, 0, 0.3);
      font-size: 2.5rem;
      display: block;
      margin-top: 40px; }
      .createCollectionInline .error i.icon-x {
        cursor: pointer; }

.collectionBanner_isMobile {
  margin-top: 97px; }

/* Defaults */
.text-sm-center,
.text-md-center,
.text-lg-center,
.text-sm-right,
.text-md-right,
.text-lg-right,
.text-sm-left,
.text-md-left,
.text-lg-left {
  text-align: inherit; }

/* Define xs styles after defaults so they take precedence */
.text-xs-center {
  text-align: center; }

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

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

.collectionBook {
  height: 129px; }

.animationTitle {
  opacity: 0;
  font-size: 0px; }

.collectionBanner.row {
  margin: 0;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, #dde4e4, #2D3B3B); }
  .collectionBanner.row .collectionBannerImg {
    width: 100%;
    height: 1px;
    text-align: center; }
    .collectionBanner.row .collectionBannerImg img {
      display: inline-block;
      -webkit-filter: blur(7px) brightness(69%);
      -moz-filter: blur(7px) brightness(69%);
      filter: blur(7px) brightness(69%);
      opacity: 0.8;
      width: 100%;
      height: auto; }
  .collectionBanner.row .privacyTag, .collectionBanner.row .privateTag, .collectionBanner.row .publicTag {
    white-space: nowrap;
    margin-left: 10px;
    min-width: 60px;
    min-height: 20px;
    background-color: #f65950;
    font-size: 1.1rem;
    color: #ffffff;
    padding: 0.4rem;
    font-weight: bold;
    border-radius: .2rem;
    text-transform: uppercase; }
  .collectionBanner.row .privateTag {
    background-color: #f65950; }
  .collectionBanner.row .publicTag {
    background-color: #26b099; }
  .collectionBanner.row .collectionBannerContent {
    /*max-width: 1000px;*/
    position: relative;
    width: 100%;
    display: inline-block; }
    .collectionBanner.row .collectionBannerContent .collectionTitle,
    .collectionBanner.row .collectionBannerContent .editActionsContainer {
      min-height: 9.6rem; }
    .collectionBanner.row .collectionBannerContent .editActionsContainer {
      padding: 0 30px;
      margin-top: 30px; }
      .collectionBanner.row .collectionBannerContent .editActionsContainer .editActionItem {
        vertical-align: middle;
        text-align: center; }
        .collectionBanner.row .collectionBannerContent .editActionsContainer .editActionItem .cancelEditCollection {
          margin: -15px 0 15px; }
      .collectionBanner.row .collectionBannerContent .editActionsContainer button {
        width: 100px;
        padding: 0; }
    .collectionBanner.row .collectionBannerContent .collectionTitle {
      padding: 0 0 15px 30px;
      opacity: 1;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: steps(6, end);
      -moz-transition-timing-function: steps(6, end);
      -o-transition-timing-function: steps(6, end);
      transition-timing-function: steps(6, end);
      padding-bottom: 15px; }
      .collectionBanner.row .collectionBannerContent .collectionTitle .titleSegment {
        word-break: break-word;
        padding: 15px 20px 0 0;
        vertical-align: middle;
        text-align: left; }
        .collectionBanner.row .collectionBannerContent .collectionTitle .titleSegment h1 {
          color: #ffffff; }
        .collectionBanner.row .collectionBannerContent .collectionTitle .titleSegment md-input-container {
          z-index: 1;
          position: relative;
          margin-left: -10px;
          padding: 0; }
        .collectionBanner.row .collectionBannerContent .collectionTitle .titleSegment h5 {
          font-family: "MuseoSansRounded300", "Arial", sans-serif;
          color: white; }
      .collectionBanner.row .collectionBannerContent .collectionTitle .md-char-counter {
        display: none;
        position: absolute;
        right: 5px; }
      .collectionBanner.row .collectionBannerContent .collectionTitle.editFocus textarea {
        background-color: rgba(255, 255, 255, 0.5);
        resize: none; }
        .collectionBanner.row .collectionBannerContent .collectionTitle.editFocus textarea.ng-invalid.ng-invalid-required, .collectionBanner.row .collectionBannerContent .collectionTitle.editFocus textarea.ng-invalid.ng-invalid-maxlength {
          border: solid 1px #f65950; }
        .collectionBanner.row .collectionBannerContent .collectionTitle.editFocus textarea:focus {
          border: solid 1px #f2f4f4; }
      .collectionBanner.row .collectionBannerContent .collectionTitle.editFocus .md-input-focused .md-char-counter {
        display: block; }
      .collectionBanner.row .collectionBannerContent .collectionTitle textarea {
        opacity: 1;
        resize: none;
        overflow: hidden;
        -webkit-border-radius: 0%;
        -moz-border-radius: 0%;
        -ms-border-radius: 0%;
        -o-border-radius: 0%;
        border-radius: 0%;
        background: transparent;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        color: white;
        font-size: 3.9rem;
        line-height: 1.2em;
        letter-spacing: .05em;
        min-height: 37px;
        height: auto;
        overflow: hidden;
        border-color: transparent;
        text-align: left; }
      .collectionBanner.row .collectionBannerContent .collectionTitle .md-placeholder {
        position: absolute;
        z-index: -1;
        width: 100%;
        font-weight: 700;
        margin: -17px 0 0 10px;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        font-size: 3.9rem;
        color: #dde4e4; }
      .collectionBanner.row .collectionBannerContent .collectionTitle .md-input-has-value .md-placeholder {
        display: none; }
      .collectionBanner.row .collectionBannerContent .collectionTitle .md-char-counter {
        margin-top: 5px;
        font-family: "MuseoSansRounded300", "Arial", sans-serif;
        font-size: 10px;
        color: #ffffff;
        text-align: right; }
      .collectionBanner.row .collectionBannerContent .collectionTitle:focus {
        border: solid 1px #eceeee; }
  .collectionBanner.row.lockBanner {
    width: calc(100% - 240px);
    position: fixed;
    z-index: 3;
    height: 46px; }
    .collectionBanner.row.lockBanner .animationTitle {
      color: white;
      margin-top: 13px;
      visibility: visible;
      font-size: 18px;
      line-height: 2rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      opacity: 1;
      font-family: "MuseoSansRounded700", "Arial", sans-serif;
      text-align: left;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: steps(6, end);
      -moz-transition-timing-function: steps(6, end);
      -o-transition-timing-function: steps(6, end);
      transition-timing-function: steps(6, end); }
    .collectionBanner.row.lockBanner .collectionTitle h5 {
      opacity: 0;
      visibility: hidden;
      text-align: left; }
    .collectionBanner.row.lockBanner .collectionBannerContent .collectionTitle {
      opacity: 0; }
    .collectionBanner.row.lockBanner .collectionBannerContent .editActionsContainer {
      margin-top: 0px; }
      .collectionBanner.row.lockBanner .collectionBannerContent .editActionsContainer .editActionItem {
        vertical-align: bottom;
        text-align: center;
        padding-bottom: 49px; }
      .collectionBanner.row.lockBanner .collectionBannerContent .editActionsContainer button {
        position: relative; }
    .mobile .collectionBanner.row.lockBanner.lockBanner {
      margin-left: 0;
      top: 40px; }
    .collectionBanner.row.lockBanner.nonLoggedIn {
      width: 100%; }
  .collectionBanner.row .reducedHeader {
    display: block; }
    .collectionBanner.row .reducedHeader .col-xs-1 {
      padding-top: 17px; }
    .collectionBanner.row .reducedHeader .col-xs-2 {
      padding-top: 17px; }
      .collectionBanner.row .reducedHeader .col-xs-2 span {
        font-size: 8px; }
      .collectionBanner.row .reducedHeader .col-xs-2.editActionItem {
        padding-top: 6px; }
    .collectionBanner.row .reducedHeader .col-xs-3 {
      padding-top: 10px; }
    .collectionBanner.row .reducedHeader .col-xs-10 {
      text-align: right;
      padding: 10px 6px 0 0; }
    .collectionBanner.row .reducedHeader .col-xs-11 {
      text-align: right;
      padding: 6px 6px 0 0; }

/* Small grid */
@media screen and (max-width: 767px) {
  .text-sm-center {
    text-align: center; }
  .text-sm-right {
    text-align: right; }
  .text-sm-left {
    text-align: left; }
  .collectionBanner.row .privacyTag, .collectionBanner.row .privateTag, .collectionBanner.row .publicTag {
    /*display: none;*/ }
  .collectionBanner.row .collectionBannerContent {
    text-align: center; }
    .collectionBanner.row .collectionBannerContent .editActionsContainer {
      min-height: initial;
      margin-top: 15px;
      padding-bottom: 15px; }
      .collectionBanner.row .collectionBannerContent .editActionsContainer .editActionItem {
        padding: 0 0 5px;
        text-align: center;
        vertical-align: top; }
        .collectionBanner.row .collectionBannerContent .editActionsContainer .editActionItem button {
          float: none;
          width: 80px; }
          .collectionBanner.row .collectionBannerContent .editActionsContainer .editActionItem button.cancelEditCollection {
            margin-right: 15px; }
    .collectionBanner.row .collectionBannerContent .collectionTitle {
      min-height: initial;
      padding: 0; }
      .collectionBanner.row .collectionBannerContent .collectionTitle textarea {
        min-height: initial;
        padding: 10px;
        font-size: 2.4rem; }
      .collectionBanner.row .collectionBannerContent .collectionTitle .titleSegment {
        text-align: center; }
        .collectionBanner.row .collectionBannerContent .collectionTitle .titleSegment h1 {
          margin: 5px 20px 0 20px;
          font-size: 2.4rem; }
        .collectionBanner.row .collectionBannerContent .collectionTitle .titleSegment md-input-container {
          margin: 0 10px; }
        .collectionBanner.row .collectionBannerContent .collectionTitle .titleSegment h5 {
          padding: 5px 30px 0px 30px;
          font-size: 11px;
          text-align: center; }
        .collectionBanner.row .collectionBannerContent .collectionTitle .titleSegment .md-placeholder {
          text-align: left;
          font-size: 2.4rem;
          margin-top: -10px; }
      .collectionBanner.row .collectionBannerContent .collectionTitle .md-char-counter {
        right: 5px;
        bottom: -5px; }
    .collectionBanner.row .collectionBannerContent .shareCollectionContainer {
      position: relative;
      display: inline-block;
      margin: 5px 5px 15px;
      padding: 5px;
      background: rgba(0, 0, 0, 0.4); }
      .collectionBanner.row .collectionBannerContent .shareCollectionContainer i {
        font-size: 1.4rem;
        color: #ffffff; }
  .collectionBanner.row.lockBanner .animationTitle {
    max-width: 80%; }
  .collectionBanner.row.lockBanner .collectionBannerContent .editActionsContainer {
    display: none; }
    .collectionBanner.row.lockBanner .collectionBannerContent .editActionsContainer .editActionItem button {
      margin-left: -52px; }
  .mobile .collectionBanner.row .collectionBannerContent {
    margin-bottom: 15px; }
    .mobile .collectionBanner.row .collectionBannerContent .editActionsContainer {
      margin-top: 10px;
      padding-bottom: 0; }
    .mobile .collectionBanner.row .collectionBannerContent .collectionTitle .titleSegment h1 {
      margin: 0 20px 0 20px; } }

/* Medium grid */
@media screen and (max-width: 991px) {
  .text-md-center {
    text-align: center; }
  .text-md-right {
    text-align: right; }
  .text-md-left {
    text-align: left; }
  .collectionBanner.row {
    padding: 0; }
    .collectionBanner.row .privacyTag, .collectionBanner.row .privateTag, .collectionBanner.row .publicTag {
      /*display: none;*/ }
    .collectionBanner.row.lockBanner .animationTitle {
      max-width: 80%; }
    .collectionBanner.row.lockBanner .collectionBannerContent .editActionsContainer .editActionItem button {
      margin-left: 2px; } }

/* Large grid */
@media (max-width: 1199px) {
  .text-lg-center {
    text-align: center; }
  .text-lg-right {
    text-align: right; }
  .text-lg-left {
    text-align: left; }
  .collectionBanner.row.lockBanner .animationTitle {
    max-width: 80%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* CSS styles go here */
  .collectionDetailContainer textarea {
    min-height: 280px !important; } }

.collectionListContainer {
  max-width: 589px;
  width: 100%;
  display: none;
  text-align: left; }
  .collectionListContainer.validInformation {
    display: inline-block; }
  .collectionListContainer .collectionList .listSubheader {
    padding: 20px 0;
    font-size: 14px;
    height: 55px; }
    .collectionListContainer .collectionList .listSubheader.isCurator {
      height: 170px; }
    .collectionListContainer .collectionList .listSubheader .itemCount {
      padding-bottom: 20px; }
    .collectionListContainer .collectionList .listSubheader .deleteCollectionLink {
      cursor: pointer; }
      .collectionListContainer .collectionList .listSubheader .deleteCollectionLink:hover {
        color: #f65950; }
  .collectionListContainer .collectionList .emptyCollection {
    text-align: center;
    padding: 0 30px; }
    .collectionListContainer .collectionList .emptyCollection h3, .collectionListContainer .collectionList .emptyCollection h4 {
      color: #95a6a6; }
    .collectionListContainer .collectionList .emptyCollection h3 {
      margin-bottom: .7em;
      font-family: "MuseoSansRounded300", "Arial", sans-serif; }

.mobile .collectionListContainer .emptyCollection h3 {
  font-family: "MuseoSansRounded300", "Arial", sans-serif;
  text-align: center; }

@media screen and (max-width: 767px) {
  .collectionListContainer .collectionList .listSubheader {
    height: auto;
    padding: 0; }
    .collectionListContainer .collectionList .listSubheader .itemCount {
      padding-bottom: 10px;
      font-size: 12px; }
  .collectionListContainer .collectionList .collectionItem {
    margin-bottom: 10px; }
    .collectionListContainer .collectionList .collectionItem a.collectionItemBox {
      height: auto;
      padding: 10px; }
      .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentImageContainer {
        display: none; }
      .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails {
        width: 100%; }
        .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails.noImage {
          min-height: initial; }
        .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails h3 {
          max-height: 44px;
          font-size: 16px; }
        .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails .contentBottom {
          clear: both;
          position: relative;
          left: initial;
          bottom: initial;
          width: 100%; }
          .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails .contentBottom .insights {
            display: inline-block;
            padding-top: 8px; }
          .collectionListContainer .collectionList .collectionItem a.collectionItemBox .contentDetails .contentBottom .share {
            display: none; }
  .collectionListContainer .emptyCollection {
    text-align: left;
    padding: 0; }
    .collectionListContainer .emptyCollection h3, .collectionListContainer .emptyCollection h4 {
      color: #95a6a6; }
    .collectionListContainer .emptyCollection h3 {
      margin-bottom: .7em;
      font-family: "MuseoSansRounded300", "Arial", sans-serif;
      font-size: 18px; }
    .collectionListContainer .emptyCollection h4 {
      font-size: 14px; } }

a.collectionItemBox {
  display: block;
  height: 188px;
  padding: 15px;
  border-bottom: 1px solid #eceeee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #ffffff;
  overflow: hidden;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  color: #3b3d40;
  text-decoration: none; }
  a.collectionItemBox:visited {
    color: #3b3d40; }
  a.collectionItemBox.crashed {
    cursor: default; }
    a.collectionItemBox.crashed .contentSegment {
      opacity: 0.2;
      -webkit-transition: opacity 0.1s linear;
      -ms-transition: opacity 0.1s linear;
      -moz-transition: opacity 0.1s linear;
      -o-transition: opacity 0.1s linear;
      transition: opacity 0.1s linear; }
    a.collectionItemBox.crashed .crashedPost {
      position: absolute;
      color: #2D3B3B;
      width: 100%;
      padding-right: 30px;
      z-index: 2; }
      a.collectionItemBox.crashed .crashedPost h3 {
        background: transparent; }
      a.collectionItemBox.crashed .crashedPost i.icon-x {
        float: right;
        cursor: pointer; }
    a.collectionItemBox.crashed .postImage img {
      display: none; }
    a.collectionItemBox.crashed .collectorAvatarContainer .collectorAvatar {
      display: none; }
    a.collectionItemBox.crashed .postPreviewFrom {
      display: none; }
    a.collectionItemBox.crashed .relationItems {
      display: none; }
  a.collectionItemBox.inProgress {
    cursor: default;
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
    a.collectionItemBox.inProgress .pdf {
      cursor: pointer; }
      a.collectionItemBox.inProgress .pdf .contentSegment.contentImageContainer {
        background: #ffffff; }
      a.collectionItemBox.inProgress .pdf h3 {
        width: auto;
        height: auto;
        background: #ffffff; }
      a.collectionItemBox.inProgress .pdf .source,
      a.collectionItemBox.inProgress .pdf .snippet {
        display: block; }
      a.collectionItemBox.inProgress .pdf .postPreviewDescriptionFake1 {
        display: none; }
      a.collectionItemBox.inProgress .pdf .postPreviewDescriptionFake2 {
        display: none; }
      a.collectionItemBox.inProgress .pdf .postPreviewDescriptionFake3 {
        display: none; }
    a.collectionItemBox.inProgress .contentSegment.contentImageContainer {
      background: #f2f4f4; }
      a.collectionItemBox.inProgress .contentSegment.contentImageContainer:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-position: -200px -200px;
        background-repeat: no-repeat;
        background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(37%, rgba(255, 255, 255, 0.3)), color-stop(45%, rgba(255, 255, 255, 0.8)), color-stop(50%, rgba(255, 255, 255, 0)));
        -webkit-background-size: 250% 250%;
        -moz-background-size: 250% 250%;
        -o-background-size: 250% 250%;
        background-size: 250% 250%;
        -webkit-transition: background-position 0 ease;
        -ms-transition: background-position 0 ease;
        -moz-transition: background-position 0 ease;
        -o-transition: background-position 0 ease;
        transition: background-position 0 ease; }
      a.collectionItemBox.inProgress .contentSegment.contentImageContainer.timer:before {
        background-position: 0 0;
        -webkit-transition: 1s ease;
        -ms-transition: 1s ease;
        -moz-transition: 1s ease;
        -o-transition: 1s ease;
        transition: 1s ease; }
    a.collectionItemBox.inProgress .collectorAvatarContainer .collectorAvatar {
      display: none; }
    a.collectionItemBox.inProgress .source,
    a.collectionItemBox.inProgress .snippet,
    a.collectionItemBox.inProgress .contentBottom {
      display: none; }
    a.collectionItemBox.inProgress h3 {
      display: inline-block;
      width: 70%;
      height: 30px;
      background: #f2f4f4; }
    a.collectionItemBox.inProgress .postPreviewDescriptionFake1 {
      margin-top: 5px;
      display: inline-block;
      background: #f2f4f4;
      width: 80%;
      height: 12px; }
    a.collectionItemBox.inProgress .postPreviewDescriptionFake2 {
      display: inline-block;
      margin-top: 5px;
      background: #f2f4f4;
      width: 100%;
      height: 12px; }
    a.collectionItemBox.inProgress .postPreviewDescriptionFake3 {
      display: inline-block;
      margin-top: 5px;
      background: #f2f4f4;
      width: 30%;
      height: 12px; }
  a.collectionItemBox .removeAction {
    display: block; }
    a.collectionItemBox .removeAction:hover {
      color: #f65950; }
  a.collectionItemBox .recoverAction {
    display: none; }
  a.collectionItemBox.toBeDeleted {
    opacity: 0.3;
    -webkit-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
    a.collectionItemBox.toBeDeleted .removeAction {
      display: none; }
    a.collectionItemBox.toBeDeleted .recoverAction {
      display: block; }
  a.collectionItemBox .postActions {
    position: absolute;
    z-index: 1;
    right: 10px;
    width: 30px;
    font-size: 20px; }
    a.collectionItemBox .postActions .postAction {
      padding-top: 60px;
      text-align: center;
      width: 30px;
      cursor: pointer; }
  a.collectionItemBox .contentImageContainer {
    float: left;
    position: relative;
    overflow: hidden;
    width: 152px;
    height: 156px;
    margin-right: 20px;
    background-color: #eceeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    a.collectionItemBox .contentImageContainer .postImage {
      width: 152px;
      height: 156px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px; }
  a.collectionItemBox .pdf .contentImageContainer {
    background-color: #ffffff; }
    a.collectionItemBox .pdf .contentImageContainer .postImage {
      background-repeat: no-repeat; }
  a.collectionItemBox .contentDetails {
    float: left;
    width: calc(100% - 175px);
    margin-top: -10px;
    overflow: hidden; }
    a.collectionItemBox .contentDetails h3.contentTitle {
      display: inline-block;
      overflow: hidden;
      max-height: 55px;
      margin-bottom: .5rem;
      margin-top: 1rem;
      line-height: 1.4em; }
    a.collectionItemBox .contentDetails .source {
      font-size: 1.2rem;
      color: #95a6a6; }
      a.collectionItemBox .contentDetails .source a {
        color: #95a6a6;
        font-size: 100%; }
      a.collectionItemBox .contentDetails .source span {
        font-size: 1.1rem; }
    a.collectionItemBox .contentDetails .snippet {
      float: left;
      display: inline-block;
      max-height: 40px;
      overflow: hidden;
      margin-top: .8rem;
      font-size: 1.4rem;
      line-height: 1.4em;
      color: #3b3d40; }
    a.collectionItemBox .contentDetails .contentBottom {
      position: absolute;
      bottom: 16px;
      left: 188px;
      width: calc(100% - 202px);
      color: #95a6a6; }
      a.collectionItemBox .contentDetails .contentBottom .share {
        cursor: pointer;
        display: inline-block;
        width: 120px;
        height: 12px; }
      a.collectionItemBox .contentDetails .contentBottom .insights {
        margin: .3rem 1.3rem 0 0;
        padding-right: 1rem;
        border-right: solid 1px #95a6a6; }
        a.collectionItemBox .contentDetails .contentBottom .insights i {
          padding-right: 2px;
          font-size: 1.5rem; }
        a.collectionItemBox .contentDetails .contentBottom .insights .text-insight {
          padding-bottom: 3px; }
    a.collectionItemBox .contentDetails .collectorAvatarContainer {
      position: relative; }
      a.collectionItemBox .contentDetails .collectorAvatarContainer .collectorAvatar {
        float: right;
        margin-left: 10px;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
        a.collectionItemBox .contentDetails .collectorAvatarContainer .collectorAvatar.default {
          border: 1px solid #dde4e4;
          padding: 9px; }
    a.collectionItemBox .contentDetails.noImage {
      width: 100%;
      min-height: 170px; }
      a.collectionItemBox .contentDetails.noImage .contentBottom {
        left: 15px;
        width: calc(100% - 30px); }

@media screen and (max-width: 767px) {
  .postItemPage .postItem .collectionItem a.collectionItemBox {
    height: auto;
    padding: 5px 0; }
    .postItemPage .postItem .collectionItem a.collectionItemBox .contentImageContainer {
      display: none; }
    .postItemPage .postItem .collectionItem a.collectionItemBox .contentDetails {
      width: 100%; }
      .postItemPage .postItem .collectionItem a.collectionItemBox .contentDetails.noImage {
        min-height: initial; }
      .postItemPage .postItem .collectionItem a.collectionItemBox .contentDetails h3.contentTitle {
        max-height: 44px;
        font-size: 16px; }
      .postItemPage .postItem .collectionItem a.collectionItemBox .contentDetails .contentBottom {
        clear: both;
        position: relative;
        left: initial;
        bottom: initial;
        width: 100%; }
        .postItemPage .postItem .collectionItem a.collectionItemBox .contentDetails .contentBottom .share {
          display: none; }
  .postItemPage .postItem pre {
    margin: 1.5rem 0 1.5rem 1.5rem;
    font-size: 1.4rem; }
    .postItemPage .postItem pre code {
      font-size: 1.4rem; } }

.collectionDescription {
  font-size: 1.3rem; }
  .collectionDescription .contentMarkdown {
    word-break: break-word; }
    .collectionDescription .contentMarkdown p {
      font-size: 1.2rem; }
    .collectionDescription .contentMarkdown p img {
      max-width: 100%; }
    .collectionDescription .contentMarkdown a {
      text-decoration: underline;
      color: #3b3d40;
      cursor: pointer; }
  .collectionDescription .triggerEditFromEmptyDescription {
    color: #29c896;
    cursor: pointer;
    font-size: 12px;
    height: 12px;
    width: 100%; }
  .collectionDescription md-input-container {
    z-index: 1;
    position: relative;
    margin-left: -10px; }
  .collectionDescription .md-char-counter {
    display: none;
    position: absolute;
    right: 10px;
    font-size: 10px;
    color: #0fc896;
    margin-top: 5px; }
  .collectionDescription.editFocus md-input-container textarea {
    background: white; }
    .collectionDescription.editFocus md-input-container textarea.ng-invalid.ng-invalid-maxlength {
      border: solid 1px #f65950; }
    .collectionDescription.editFocus md-input-container textarea:focus {
      border: solid 1px #26b099; }
  .collectionDescription textarea {
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    resize: none;
    overflow: hidden;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    background-color: transparent;
    border: solid 1px transparent;
    font-size: 1.3rem;
    font-weight: 100;
    line-height: 1.6em;
    min-height: 37px; }
  .collectionDescription .md-input-focused textarea.md-input {
    border-color: transparent; }
  .collectionDescription .md-placeholder {
    position: absolute;
    margin-top: -25px;
    padding-left: 10px;
    font-family: "MuseoSansRounded300", "Arial", sans-serif;
    z-index: -1;
    width: 100%;
    font-weight: 100;
    font-size: 1.2rem;
    color: #dde4e4;
    height: auto; }
  .collectionDescription .md-input-has-value .md-placeholder {
    display: none; }
  .collectionDescription:focus {
    border-bottom: solid 1px #eceeee; }

@media screen and (max-width: 767px) {
  .collectionDescription {
    display: none; } }

.collectionCuratorsContainer .collectionCurator {
  position: relative;
  width: 100%;
  padding: 5px 2px;
  height: 40px;
  font-size: 12px;
  margin-bottom: 3px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .collectionCuratorsContainer .collectionCurator .removeAction {
    display: block; }
    .collectionCuratorsContainer .collectionCurator .removeAction:hover {
      color: #f65950; }
  .collectionCuratorsContainer .collectionCurator .recoverAction {
    display: none; }
  .collectionCuratorsContainer .collectionCurator.toBeDeleted {
    opacity: 0.3;
    -webkit-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear; }
    .collectionCuratorsContainer .collectionCurator.toBeDeleted .removeAction {
      display: none; }
    .collectionCuratorsContainer .collectionCurator.toBeDeleted .recoverAction {
      display: block; }
  .collectionCuratorsContainer .collectionCurator .curatorAvatar {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
    .collectionCuratorsContainer .collectionCurator .curatorAvatar.default {
      padding: 6px;
      margin-right: 20px; }
  .collectionCuratorsContainer .collectionCurator .curatorName {
    padding-top: 10px; }
  .collectionCuratorsContainer .collectionCurator .curatorActions {
    position: absolute;
    right: 5px; }
    .collectionCuratorsContainer .collectionCurator .curatorActions .invitedTextContainer {
      display: none;
      opacity: 0.6; }
    .collectionCuratorsContainer .collectionCurator .curatorActions .curatorAction {
      padding-top: 10px;
      cursor: pointer; }
    .collectionCuratorsContainer .collectionCurator .curatorActions .invitedText {
      display: inline-block;
      display: none;
      padding-top: 11px;
      font-size: 1rem;
      opacity: 0.6; }
  .collectionCuratorsContainer .collectionCurator:hover .invitedText {
    display: block; }

.invitesContainer .invitesButton {
  width: 100%;
  text-align: right; }
  .invitesContainer .invitesButton .inviteFeedback {
    padding-right: 10px; }

.invitesContainer tags-input .autocomplete {
  margin-bottom: 10px; }

.privacyLinks .privacyLinksEdit .privacyCurrentSelection {
  font-size: 20px;
  text-align: right; }

.privacyLinks .privacyLinksEdit .changePrivacyLink {
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0; }
  .privacyLinks .privacyLinksEdit .changePrivacyLink span {
    cursor: pointer;
    font-size: 14px; }
    .privacyLinks .privacyLinksEdit .changePrivacyLink span.selected {
      cursor: default;
      border-bottom: 2px solid #29c896; }
    .privacyLinks .privacyLinksEdit .changePrivacyLink span.unlistedItem {
      margin-left: 10px; }

.privacyLinks .privacyCurrentSelectionView {
  font-size: 14px;
  color: #3b3d40; }
  .privacyLinks .privacyCurrentSelectionView i {
    font-size: 14px;
    color: #95a6a6; }

.collectionFollowerContainer {
  max-width: 780px; }
  .collectionFollowerContainer .collectionFollower {
    position: relative;
    width: 100%;
    padding: 5px 2px;
    height: 40px;
    font-size: 12px;
    margin-bottom: 3px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .collectionFollowerContainer .collectionFollower.editFocus {
      background: white; }
    .collectionFollowerContainer .collectionFollower .followerAvatar {
      width: 30px;
      height: 30px;
      float: left;
      margin-right: 20px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      .collectionFollowerContainer .collectionFollower .followerAvatar.default {
        padding: 10px; }
    .collectionFollowerContainer .collectionFollower .followerName {
      padding-top: 10px; }

.collectionDetailsPage .row.collectionDetailBody .desktopContainer .detailColumn .detailColumnSection.collectionFollowerContainer.noFollowers {
  margin: 0;
  padding: 0;
  border: none; }

.mobile .collectionFollowerContainer {
  margin: 0 auto; }
  .mobile .collectionFollowerContainer .userTileContainer {
    display: inline-block; }
    .mobile .collectionFollowerContainer .userTileContainer .userTile {
      margin: 0 10px 25px; }
  .mobile .collectionFollowerContainer .emptyMsg {
    padding-top: 20px;
    text-align: center; }

.declaraModal-content .followersContainer .buttonBar button {
  position: absolute;
  bottom: 25px;
  right: 35px; }

/* For centering tiles @ mobile */
@media screen and (max-width: 779px) {
  .mobile .collectionFollowerContainer {
    max-width: 520px; } }

/* For centering tiles @mobile */
@media screen and (max-width: 519px) {
  .mobile .collectionFollowerContainer {
    max-width: 260px; } }

.relatedCollectionContainer {
  max-width: 780px; }
  .relatedCollectionContainer a, .relatedCollectionContainer a:hover, .relatedCollectionContainer a:visited {
    text-decoration: none; }
  .relatedCollectionContainer .relatedCollectionItem {
    position: relative;
    width: 100%;
    padding: 5px 0;
    height: 40px;
    font-size: 12px;
    margin-bottom: 3px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .relatedCollectionContainer .relatedCollectionItem.editFocus {
      background: white; }
    .relatedCollectionContainer .relatedCollectionItem .relatedTitle {
      font-size: 1.3rem;
      overflow: hidden;
      padding: 2px 0 4px 0;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .relatedCollectionContainer .relatedCollectionItem a:visited {
      color: #26b099; }
    .relatedCollectionContainer .relatedCollectionItem .relatedFollowerCount {
      font-size: .9rem;
      color: #95a6a6;
      padding-top: 2px; }

.mobile .relatedCollectionContainer {
  margin: 0 auto; }
  .mobile .relatedCollectionContainer .collectionTileContainer {
    display: inline-block; }
    .mobile .relatedCollectionContainer .collectionTileContainer .collectionTile {
      margin: 0 10px 25px; }

@media screen and (max-width: 767px) {
  .relatedCollectionContainer .relatedCollectionItem {
    display: none; } }

/* For centering tiles @ mobile */
@media screen and (max-width: 779px) {
  .mobile .relatedCollectionContainer {
    max-width: 520px; } }

/* For centering tiles @ mobile */
@media screen and (max-width: 519px) {
  .mobile .relatedCollectionContainer {
    max-width: 260px; } }

.collectionSocialShare declara-social-share .socialShareWrapper .shareBlock {
  cursor: pointer; }

a.collectionUserContainer, a:hover.collectionUserContainer, a:visited.collectionUserContainer {
  text-decoration: none; }

a.noId, a:hover.noId, a:visited.noId {
  cursor: default; }

a.collectionUserContainer {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 12px;
  overflow: hidden; }
  a.collectionUserContainer .collectionUserAvatar {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left; }
    a.collectionUserContainer .collectionUserAvatar:before {
      color: #95a6a6; }
    a.collectionUserContainer .collectionUserAvatar.default {
      border: 1px solid #95a6a6;
      padding: 8px; }
    a.collectionUserContainer .collectionUserAvatar.offset {
      margin-left: -30px; }
  a.collectionUserContainer:visited {
    color: #26b099; }
  a.collectionUserContainer .collectionUserName {
    max-width: calc(100% - 46px);
    padding: 10px 0 0 10px;
    font-size: 1.3rem; }
  a.collectionUserContainer.invited {
    color: #95a6a6; }

.Inside403 {
  width: 100%;
  height: auto;
  float: left;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  color: #202020;
  font-weight: normal; }
  .Inside403 p.p403 {
    margin: 12px 0px 7px 0px;
    max-width: 100%;
    text-align: center; }
  .Inside403 h1.MessageTop403 {
    text-align: center;
    font-family: font401;
    font-size: 60px;
    line-height: 60px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #223243;
    text-decoration: none;
    padding-top: 150px; }

.toolbarsContainer {
  position: relative; }
  .toolbarsContainer button[class*=" icon-"] {
    font-size: 1.5rem; }
  .toolbarsContainer .emdeddedRich {
    padding-top: 30px;
    max-width: 100%; }
  .toolbarsContainer .emdeddedVideo {
    padding-top: 30px;
    padding: 0; }
    .toolbarsContainer .emdeddedVideo video {
      width: 100%;
      max-width: 100%;
      min-height: 300px;
      margin-bottom: 30px; }
    .toolbarsContainer .emdeddedVideo iframe.embedly-embed {
      max-width: 100%;
      width: 640px; }
  .toolbarsContainer videogular {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%; }
    .toolbarsContainer videogular vg-poster {
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%; }
      .toolbarsContainer videogular vg-poster img {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%; }
    .toolbarsContainer videogular .image-thumbnail {
      border: 1px solid gray;
      border-radius: 3px; }
  .toolbarsContainer .pdfContainer .textLayer div,
  .toolbarsContainer .emdeddedVideo p,
  .toolbarsContainer .postDetail-body {
    cursor: url("/common/imgs/highlighter-C.cur") 0 24, pointer; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .toolbarsContainer {
      /* IE10+ CSS styles go here */ }
      .toolbarsContainer .pdfContainer .textLayer div,
      .toolbarsContainer .emdeddedVideo p,
      .toolbarsContainer .postDetail-body {
        cursor: url("/common/imgs/highlighter-C.cur"), pointer; } }
  .toolbarsContainer .pdfContainer {
    padding-top: 10px; }
    .toolbarsContainer .pdfContainer .pdfViewer .page {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      margin-bottom: 20px; }
      .toolbarsContainer .pdfContainer .pdfViewer .page .annotator-hl {
        background: #fad72f; }
    .toolbarsContainer .pdfContainer .inProgress h2 {
      text-align: center; }
  .toolbarsContainer .toolbarPower2 {
    position: absolute;
    font-size: 20px;
    padding: 0 0 0 10px;
    left: 100%;
    margin-left: -4px; }
    .toolbarsContainer .toolbarPower2 i {
      cursor: pointer; }
    .toolbarsContainer .toolbarPower2 .commentTrigger {
      padding-top: 6px; }
      .toolbarsContainer .toolbarPower2 .commentTrigger .conversationListView {
        margin-right: -303px;
        padding-right: 15px; }
        .toolbarsContainer .toolbarPower2 .commentTrigger .conversationListView .conversationBubble {
          margin-top: -63px;
          margin-left: 8px;
          margin-right: 40px; }
  .toolbarsContainer .toolbarPower3 {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 2;
    height: 36px;
    width: 115px;
    padding: 0;
    margin: 0;
    background: transparent; }
    .toolbarsContainer .toolbarPower3 .bubbleArrow {
      position: absolute;
      top: 24px;
      overflow: hidden;
      width: 30px;
      height: 17px; }
      .toolbarsContainer .toolbarPower3 .bubbleArrow:after {
        position: absolute;
        top: -14px;
        left: 6px;
        display: block;
        width: 21px;
        height: 21px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: black;
        content: "\00a0"; }
    .toolbarsContainer .toolbarPower3 .toolbarContentWrapper {
      background-color: black;
      height: 74%;
      width: 100%;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .toolbarsContainer .toolbarPower3 .entryElement {
      padding-top: 1px;
      text-align: center;
      width: auto; }
      .toolbarsContainer .toolbarPower3 .entryElement span.legend {
        padding-top: 10px;
        display: inline-block; }
      .toolbarsContainer .toolbarPower3 .entryElement .twoLines span.legend {
        padding-bottom: 3px;
        display: inline-block; }
    .toolbarsContainer .toolbarPower3 i {
      cursor: pointer; }
    .toolbarsContainer .toolbarPower3 .likeButton {
      display: block;
      float: left;
      text-align: center;
      border-right: 1px solid #dde4e4;
      height: 27px;
      margin-top: 7px;
      padding: 9px 7px 0 7px; }
    .toolbarsContainer .toolbarPower3.show {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity 0.1s linear, height 0.1s linear, width 0.1s linear;
      -ms-transition: opacity 0.1s linear, height 0.1s linear, width 0.1s linear;
      -moz-transition: opacity 0.1s linear, height 0.1s linear, width 0.1s linear;
      -o-transition: opacity 0.1s linear, height 0.1s linear, width 0.1s linear;
      transition: opacity 0.1s linear, height 0.1s linear, width 0.1s linear; }
    .toolbarsContainer .toolbarPower3 .shareShow .shareShowLink {
      opacity: 0;
      font-size: 2px;
      -webkit-transition: opacity 0.1s linear, font-size 0.1s linear;
      -ms-transition: opacity 0.1s linear, font-size 0.1s linear;
      -moz-transition: opacity 0.1s linear, font-size 0.1s linear;
      -o-transition: opacity 0.1s linear, font-size 0.1s linear;
      transition: opacity 0.1s linear, font-size 0.1s linear; }
    .toolbarsContainer .toolbarPower3 .shareShow .hideTrigger,
    .toolbarsContainer .toolbarPower3 .shareShow .insightsSocialShareContainer .insightsSocialShare .socialShareWrapper .shareBlock {
      opacity: 1;
      font-size: 18px;
      color: white;
      padding-top: 1px;
      padding-left: 5px;
      -webkit-transition: opacity 0.1s linear, font-size 0.1s linear;
      -ms-transition: opacity 0.1s linear, font-size 0.1s linear;
      -moz-transition: opacity 0.1s linear, font-size 0.1s linear;
      -o-transition: opacity 0.1s linear, font-size 0.1s linear;
      transition: opacity 0.1s linear, font-size 0.1s linear; }
    .toolbarsContainer .toolbarPower3 .shareShow .insightsSocialShare {
      padding-top: 0px;
      margin-top: 4px; }
    .toolbarsContainer .toolbarPower3 .shareShow .socialShareWrapper {
      display: block;
      margin-top: -1px; }
    .toolbarsContainer .toolbarPower3 .shareShow .twitter {
      color: #ffffff; }
    .toolbarsContainer .toolbarPower3 .shareShowLink {
      opacity: 1;
      -webkit-transition: opacity 0.1s linear, font-size 0.1s linear;
      -ms-transition: opacity 0.1s linear, font-size 0.1s linear;
      -moz-transition: opacity 0.1s linear, font-size 0.1s linear;
      -o-transition: opacity 0.1s linear, font-size 0.1s linear;
      transition: opacity 0.1s linear, font-size 0.1s linear; }
    .toolbarsContainer .toolbarPower3 .socialShareWrapper {
      display: none; }
      .toolbarsContainer .toolbarPower3 .socialShareWrapper .altShareBlock {
        padding: 1px 4px;
        margin: 1px 0 0 0;
        display: inline-block;
        color: white;
        font-size: 16px; }
      .toolbarsContainer .toolbarPower3 .socialShareWrapper .altShareBlock.twitterAltShareBlock {
        margin-left: 3px; }
    .toolbarsContainer .toolbarPower3 .hideTrigger,
    .toolbarsContainer .toolbarPower3 .insightsSocialShareContainer .insightsSocialShare .socialShareWrapper .shareBlock {
      opacity: 0;
      font-size: 2px;
      -webkit-transition: opacity 0.1s linear, font-size 0.1s linear;
      -ms-transition: opacity 0.1s linear, font-size 0.1s linear;
      -moz-transition: opacity 0.1s linear, font-size 0.1s linear;
      -o-transition: opacity 0.1s linear, font-size 0.1s linear;
      transition: opacity 0.1s linear, font-size 0.1s linear; }
    .toolbarsContainer .toolbarPower3 .hideTrigger {
      display: inline-block;
      padding-top: 5px;
      float: left; }
    .toolbarsContainer .toolbarPower3 span {
      color: #ffffff;
      cursor: pointer;
      font-size: 12px;
      font-family: "MuseoSansRounded300"; }
    @media screen and (max-width: 1000px) {
      .toolbarsContainer .toolbarPower3 .shareContainer:hover {
        width: 30px; } }
    .toolbarsContainer .toolbarPower3 .commentTrigger {
      display: block;
      float: left;
      text-align: center;
      height: 27px;
      margin-top: 0px;
      padding: 9px 9px 0 7px; }
      .toolbarsContainer .toolbarPower3 .commentTrigger .conversationListView {
        margin-right: -303px;
        padding-right: 15px; }
        .toolbarsContainer .toolbarPower3 .commentTrigger .conversationListView .conversationBubble {
          margin-top: -44px;
          margin-left: 12px;
          margin-right: 40px; }
      .toolbarsContainer .toolbarPower3 .commentTrigger .commentTriggerIcon {
        color: #ffffff;
        font-size: 17px;
        margin-top: -4px;
        display: block; }
      .toolbarsContainer .toolbarPower3 .commentTrigger span {
        width: 100%;
        height: 100%;
        display: block; }
      .toolbarsContainer .toolbarPower3 .commentTrigger .alternateCommentTrigger {
        color: #ffffff;
        margin-left: 2px; }
    .toolbarsContainer .toolbarPower3 .toolbarPower3b {
      margin-left: 32px;
      width: 55px; }
    .toolbarsContainer .toolbarPower3.isMobile {
      width: 87vw;
      height: 26rem;
      z-index: 9; }
      .toolbarsContainer .toolbarPower3.isMobile .toolbarContentWrapper {
        border-radius: 3px;
        border: 1px solid #f2f4f4;
        background: #3b3d40; }
        .toolbarsContainer .toolbarPower3.isMobile .toolbarContentWrapper span {
          font-size: 1.6rem;
          vertical-align: bottom; }
      .toolbarsContainer .toolbarPower3.isMobile .commentTrigger {
        float: none;
        display: block;
        text-align: left; }
      .toolbarsContainer .toolbarPower3.isMobile .shareBlock {
        float: none;
        font-size: 2.3rem; }
      .toolbarsContainer .toolbarPower3.isMobile .socialShareWrapper .mobileShareContainer {
        display: block;
        padding: 1rem;
        text-align: left; }
        .toolbarsContainer .toolbarPower3.isMobile .socialShareWrapper .mobileShareContainer .emailText {
          padding-left: 0.4rem; }
        .toolbarsContainer .toolbarPower3.isMobile .socialShareWrapper .mobileShareContainer .facebookText {
          padding-left: 0.5rem; }
      .toolbarsContainer .toolbarPower3.isMobile .bubbleArrow {
        top: 19.1rem; }
        .toolbarsContainer .toolbarPower3.isMobile .bubbleArrow:after {
          background: #3b3d40;
          border: 1px solid #f2f4f4; }
      .toolbarsContainer .toolbarPower3.isMobile .socialShareInProgress {
        position: absolute;
        top: 8.4rem;
        left: 1.7rem; }
      .toolbarsContainer .toolbarPower3.isMobile .insightsSocialShare {
        margin-top: -0.5rem; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer a, .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer span, .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer button, .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer div {
        display: inline-block; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer a {
        padding: 1.5rem; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer button {
        font-size: 2.3rem;
        background: transparent;
        border: 0;
        height: 4rem;
        display: block;
        margin: 0;
        padding: 0 0 0 1.4rem;
        float: none;
        color: #ffffff; }
        .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer button span {
          font-size: 1.5rem;
          font-family: 'MuseoSansRounded700';
          margin-left: -3px; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer .userImage {
        height: 3rem;
        width: 3rem;
        border-radius: 1.5rem;
        margin-left: -3.3rem; }
        .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer .userImage.default {
          top: 1.5rem;
          left: 1.5rem;
          font-size: 3rem;
          color: #f2f4f4;
          line-height: 32px;
          text-align: center;
          overflow: hidden;
          background: #95a6a6;
          border-radius: 50%;
          margin-left: 0; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer .annotator-toolbar-like-count {
        color: #ffffff;
        font-size: 1.5rem;
        vertical-align: top;
        padding-top: 2.4rem; }
      .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer .insightInfo {
        padding: 1rem 1rem 0 1rem; }
        .toolbarsContainer .toolbarPower3.isMobile .insightActionContainer .insightInfo span {
          font-size: 1.3rem; }
  .toolbarsContainer .toolbarPower {
    position: absolute;
    height: 30px;
    width: 100px;
    left: -100px;
    padding-top: 5px; }
    .toolbarsContainer .toolbarPower .profileAvatar {
      display: block;
      width: 2rem;
      height: 2rem;
      margin-right: 6px;
      float: right; }
      .toolbarsContainer .toolbarPower .profileAvatar .userImage {
        position: absolute;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        width: 2rem;
        height: 2rem; }
        .toolbarsContainer .toolbarPower .profileAvatar .userImage.offset {
          z-index: 2; }
        .toolbarsContainer .toolbarPower .profileAvatar .userImage.default {
          z-index: 1;
          font-size: 1.5rem;
          padding: 6px 0 0 3px;
          background-color: #dde4e4;
          color: #ffffff; }
    .toolbarsContainer .toolbarPower .annotator-toolbar-like-count {
      display: block;
      float: right;
      font-size: 1.5rem;
      padding: 4px 1px 0 0;
      cursor: pointer;
      color: #26b099;
      margin-right: 10px; }
    .toolbarsContainer .toolbarPower .toolbarSpacer {
      float: right;
      border-left: #dde4e4 solid 1px;
      height: 70%;
      margin-top: 1px; }
    .toolbarsContainer .toolbarPower .likeButton {
      width: 28px;
      padding: 0 0 10px 0;
      display: block;
      float: right; }
      .toolbarsContainer .toolbarPower .likeButton.icon-heart {
        font-size: 1.8rem;
        color: #d54c44; }
      .toolbarsContainer .toolbarPower .likeButton:hover {
        background: transparent; }
  .toolbarsContainer .pdfContainer {
    overflow: hidden; }
    .toolbarsContainer .pdfContainer canvas {
      width: 100%; }

.declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer {
  margin-bottom: 20px; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile h3 {
    border-bottom: none; }
  .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile {
    padding: 0; }
    .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent {
      padding: 18px 0 0; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent .userImage {
        top: initial;
        width: 50px;
        height: 50px;
        margin-top: 0; }
        .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent .userImage.default {
          line-height: 77px; }
          .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent .userImage.default:before {
            font-size: 5rem; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent h3.userName {
        height: 20px;
        margin: 0 85px 0 0;
        padding: 0;
        font-family: "MuseoSansRounded700", "Arial", sans-serif;
        font-size: 1.6rem; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent h6.userTitle {
        padding-bottom: 0;
        font-size: 1.1rem; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent .tileBottom button {
        top: 13px; }
      .declaraModal .declaraModal-wrapper .declaraModal-content .invitesContainer .invitesInputContainer .userTile.searchTile .tileContent .tileBottom .buttonSuccessText {
        top: 17px; }

/**
 * Importing annotator.scss (inreality a css file) pulls that file in, so no underscrore needed
 */
/* Base Reset
-------------------------------------------------------------------- */
.annotator-notice,
.annotator-filter *,
.annotator-widget * {
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
  background: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #909090; }

/* Images
-------------------------------------------------------------------- */
.annotator-adder {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAwCAYAAAD+WvNWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExODRCQUU5RDY0RTkyQTJDNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOUY5RUFERDYwOEIxMUUxOTQ1RDkyQzU2OTNEMDZENCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOUY5RUFEQzYwOEIxMUUxOTQ1RDkyQzU2OTNEMDZENCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1ODAxMTc0MDcyMDY4MTE5MTA5OUIyNDhFRUQ1QkM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4NEJBRTlENjRFOTJBMkM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CtAI3wAAGEBJREFUeNrMnAd8FMe9x3+7d6cuEIgqhCQQ3cI0QQyIblPiENcQ20KiPPzBuLzkYSeOA6Q5zufl896L7cQxOMYRVWAgxjE2YDq2qAIZJJkiUYR6Be5O0p3ubnfezF7R6rS7VxBlkvEdd3s735n57b/M7IojhIDjOKgU9xfchnXrFtPjltE6Gne/CJQrj9bVmQsXrqf/JuzDTRs2EO8D52dmap3Hwz/9+X9K/PTtPeGnyBL/oS2LPfwzXljXjv9g9kK/+H8WNXsxB8aPe8SPPAKy+v3GvR7+n0fNacfPaQiIfch98vHHY/R6/bL+ycmLhg0bhq6xsXednjHdbGhAYWEhbpSUrHU4HKv/48UXz7GvNq5f36YTGQsWaA0+N3XeR2N4Xr8sKTF5Ub9+QxEZ1ZWe/673AM2NN3Hl6vcoKy9ZK4qO1Ue2LZX4Zzyf1ab1g1sWafK/GjVzjA78sjE/GLto8oxpiI/vA4h3EZ22KhIRFRUVOPT1AeTnnVsrQFz9QeM+id9bRHoteFaZeCakpS1KSkqCzWaDyWTCvSjhERFIm5SGuLi4JSeOH2cfveQWjLeItPg5TrcsdczERTFdk2G2AMY61+V0V+eAg8EQi8HDJqNnj95Lcs+28jPBTH/un37z6zh+2U8XpC8aO3QUSIMV4qVbd78DPNAnNAaZz83HqeFDl2zfsMXD/17jHvw8ulVEvBb8P9eulSwPU31jY6MkIFEU70llbZnNjeibkIDExMQljMXNRUUkWU6ibEo4mfVZlpiQvCiyUzLqjYC1hdpmevWKd7myNlhbDbeByM4DEd8ncQljcXMd2kq9kaQCbf7XomctG00tT2rScJByM9BsZ+YBkgm9m1UgUlukzIxx/Udg+KgRSxiLm+s98x5OS0DuTvC0LB0ydAgsFus9E453tVgsSHl4OINZKufVEJCHn+P4pX2TUmBsdgmH3NvqoG2aaNv9B4wEYwmUn7qupdPSJkNssECkkyqK97iyNustmDnjMTAWJb3o1a6AH86ZE0YnLSUsLAxWdjndxxISYmC+KGXkyJGGc+fOsVEXifroS/wJQ2aH8RyfwuliYLfffauvViSrFNaJubWUbnEjDPWV5yV++OBPDekfpjPoUnqEdAFpbrl/HaAiiuWjqZr5lP76HoZrjlonP+ck4tWi/oS+fSN0Oh0dfBsEQbjP1QEai+GRceOi3YwLFy/mFObAwx8VEx9BOw2b/d64LS135hB46PQ69EgY6+E/vO1FjrSPhj383XWdIgwGA4iFuhJ6EiLep0rb5h0EIaEhGGyI8/C/Z3K6MVULZLFaeTZBbldyPwtrn7EwJlmMQLRiIIfdIvELrknUSPnQaCxDk7kqYK4e8WNhs95GSFgMc1GqxzkEp8tiTP7y2+Dg2TspLBGJRr5HUG6uRVVjfcD8qb2GwtjSiM6hUdTf85pWiLFITDJ+9l/VLMxht3NuATEroFbs1D+sWfMRNm3aFHAHvv32Wxw7loNHHnkE4eHhGgLiXRNg52RXqWYMIQr0WJqOSvGIhoCs5nI8MyMUT82cGDD/whWlGJpowaUbTdCH91EVkTT/jEVoy88+U+WHyHkuHo0OlFvqEPHjAZg699mA+Ytf2gnb4EiYixsQZ+iiKiLO1b6LifNK2JSvALsgcCK7gn24l3/84x9BiefGjRJs3LgRK1asxOrVa6RgWasdxsKYZFeA9JkaPxGd/CwYFDTqE9OYePoEzL/490Y8Ng54Y8kgPEnPYWmsoJZGUGxDCkhZ0Cy25deyQAKI8xiRaNbIHw5AwtyRAfPXvrYP+mnxGPafjyLy8WRUWm7ScRZV23GuLpI2/FoWCILD4UmVtVzY7t17pNedOz/DuHHj/IvL6EAfPXpUEhB7/+mnn0qB8qJFi+hriOLCouSOKJP35+pWi/GLPl3Y9PHdpdd3PmlBcTnve4lQFKglNCIxrjOendMXOp7DE4/GweaowFfHacqli2rfX5GxihJTW351MHa1Ow2XtgXqOWWQ9Gr6v1zgutmPmFiEyd6Mzgnd0O3JUeBonNj38REotYtoPlCFSBKmmAmQVgskc5/tBcTJV6iJy31pubCWFmeGFh0djStXrvjsALM0Z86cxejRo/CHP/web7/9R2lx8rPPdkquLCUlRVFwRPQkLq2MYrvggGt9lYIHnwIKMThFc6OaaMdK7gl31GFIvAVXK5uwcXc8np+lR2Q4jx9N642L5QKKy6AoIKe7asuvENxwbV453y6MD3FOob3CBJ2onaoxK9hAzLAODEfj9Urot11GxDODwEcYED87BY1XHBCvGZVdGKfASHug17ASflkguZBY1qZVrFYrvvzyK8nlTZkyBa+/vhy/+tWbePfd95CZmYGHH34YDodD3QI5XZh/FsjFL/oKomWT7PM4Wx2mjgGef3wAvsmtxebd5eD5BDwzHdh/muBqhfI5RNHJKgbA73FhgjMT8mkZaaDr67gGwQw+rTeGPTsG1ceKUbK9EP2oBQ2bmwzb0TII143KHXB95mbyZyvD2WFpArQtkDxT8nXcnj17sGvXLixYkIkPP1xNU3Mdli9fjuTkZAwYMAC3b99WHFTGICosvImam1rE6TZ8BNHyeFbrOIu5ErPH6yRL8+XRevxkVk8a89Rg2yEzymujcfmGugVzLh6L7VaetVxY674U0czCWseIJkUax1U1NSB8eiL6zh6Oqq8voM+TI0AcIhq+uIqYqibYi2+5on0FDEK8QudWPrUgGm4X5lyVVF8plgtIq2ZnZ2P//gOSeE6ePCVZmiNHjiI3Nxfx8fG4efOmM1hW/D2Ru7BWRuUZ59yTI0/j1ao8U1U7pslUhSemGvBYWg98cZi6sKQQ6HUcpozrjv4JUSi4SlBbcU6zHacVFdsxauzAA7IYSK16RKlxTDVN8aNooBw3Yygq9hQifGA3KfbpNWkQovt1h+1iPfJriny0o8zIq1+/8Fz1WtXbzSjV7du34/jxE3j66aewb99+nD59GrGxsTRoXojhw4dL+2zp6fM1zyGxKPh0TQskiU97oU82/u0XAanIm6l45k7SYcrYbjhwvAGpw8IxalgMjI0C9p6gqXBJC+rLT2Hz/4zQbKfNZPtjgVy5DnNNoiCq1lb+9t/ZHHZpfSh8Vj/0nDAQ1UcuI3pkHGIf7guHyQrrgRtoLq5DbvUFjP94gWobxLUO1M4KcRoCgmfyxKAtkNlspsHxZzTj+gZPPfWkZHFOnTqFLl26UMGkY968eaiqqsKsWbOllWa1NtzWxPs+DK0YQmKH6HO/Su5m2uxjOWzgHJX40eQQzJjQHfuP12Hk4DCkpsTA1CTi65PAvw6LiIrkcHhjmuI55JUo7F74dGF+WSDl42yUv1q8jaiZyeg9dQgqD19EVEpPdBuVCMHcAuvhUjR/eQVcpAFzvnrdZ1tqRTsGoj9soYGvpbnZZ0dZgCyf4Pr6euz8/HNqXZowZ/ZsfL7zc1y8dAnstpDXXnuNZlw/QGVFRZugWa0dGip5VqO94y5Nfnr11Jpo8GjSWsl1lhp6TKOVuAbSjq5htUif2wU9YsPw9bEGTBnTGQ8NiEJZjQPrdhPsO0Ngp+gtQqsLrDIqt2Ojsad0JXsLyEdwxgRWe+EaBKNV9Ziu4mPSa92F60Cj3bnyTQSYYoGkF9MQ2SMGJbvOoMe0oYhN6QtL6U3UrT0N417qsuwUvmcE4thYOgTUFChn0brOYcpi11oHct9swG4207hjsa3FdR1369YtfPXVbjQ3NUuZ1cFDhyTxJCQk4KWXlmLUyBGoq61t5/DV2mGfK938QHy4MCkyVr1rQrnDRHSgU0gd5s+JQq9uYSgsNmHiyChJPBV1AtbvEbAvl6bN7iUdoqBGxXO3d2Hww4VxAtsW8OMeJHaMw7XO04Wgb+Z4RPXsgvqCUnSnsQ4Tj7X8Nmo/zoVp92WqatE59kIro1o7jCFgF+bLdKkVFs/s+vJLlNy4IYnn22+/ke4s7NOnjySeQYMG4ZZKtuWPKffXAkliCOLWwwjDbaTPMmBY/3DkF93EhBERGDE4GtUNIjbsJTh9kW2rcAGf1+mCA7kAPHsamtX7uKYIET0XpCImJR4150rQLW0AdVtJaKkyoeHjM7AeKwXv0D6HVjv+uzB3Bzn4Z4FcluokjXHYWk9cXG/s2LEDVdXVGDhwIN5++w/oS7Mto9Eo7Z+5B09+btV2OHdM4/8EEFcaH5gBIpg+miD98ThU1bXg6RndEdc9FNcrBfx5sw3fFet8nkN9LEUQBB4D+ZrA1lTbue3RaeZADF4wGU0Vt5A0bywi+3SF5WoDKn53AC1nKtunUV4CUmNQmxefMZBLQX70gJOyory87ySBlJdXSGk5i3lWrPg1uyEMdfX1bY5v8+r93os00BgIUuAtBGQlOGLDlNERMOg59OkRCh1N1ctqBLy7TURZnR53clOOxOIlGE0+uQvzoxvsGAc9f4/pg8EbdIiK7wpOz8N64xZq3zkC8bpJ+Tyil6sK0IXpfWVhfsdA9Bi2lsPclfvfDz30EJYv/y/JfTFRsaq17KEZAwWahYH4dYXLS2xUE0YN6e7hKioTseZzEXlFzoD5TkqwFogXtUMl+XH2biHolprkGVbrhVrUvXsc1hMVUsDMqyygus0kL6qfO+gsTEl4ahdMYUEhevXqheeeew5paRMl12W1WNDU1OQUo49VM07j3IFbIBJQDCTYTJgwPgb1Rg67jjtw5hLB5VKaEJi19sjYBi/bwIz0MwYKfCWaJ/4JqEmwonfacIg1zbi54wKaj5XB9n0thAYLtSCi4tgyQVscLZ4xVhUQgepKtM8YyJcFiomJkdZ7mOtiT1E8/czTUlvSExw03nGn6UrnYC7ufP556X337t19WqCAYiDXSrqvYmwiiIoAUgfcwjfHS3Ekh8DcJMBqE6jV0RYgc3EjU3rQd73QYPQjCQgkjWdxHxOQQPsuqI+/eIum+NFhcIzvgfzDuSAHTsFuskCw2CHatX0fc3GJ41Kdc1HXLLWlKCDGoGBJiIqASBsL5ENAmZmZeOedd/Dff/7zHZn4n86bpykgLwtENCwQke+F+So7jnD42U+A/31jyB3x//sYD60Htrz2woiGBSJtLBC7g0JUH/+mdQUI/c0k/OCjzDvit26+AJ1KOxIDp8DoTwwEHwJ64okfIzw8DCtXrgoYmu3es62M+fPTkTZxIhoaGjouBnKtRPsq2fsFKb5543ldwPxMvxdvEHz+rYAvckSt/CLolWieXeYah5k/yqPmXkDXP04NXDUCQUtBDRo3FaJpy/eqazq8xrKFqoAKCgsbJ0+Zwp6NkTIotcmqr6vDzMcek24GC2ZthN0fxITDnkRVEqr0Gf2/xWq1HTh40OjvXtjt2kuNvRIfgY46dl7KENU5th8WpHo3Cs+sCC/QGKvZVn09x+jvQmKRtapxnDAAOnbbjchpJoDNa/OleidFB/UlFFZaHDbbCXOR0VcM5MYkNTU1gt1mO2M0GVNDQyNosKg+wEwAatbD7xRaxcqxpxnY2pHDbv/Om1EhhvB8Z22qpyFWyxnOXpaq1ydIT2fcj6KnI8y1lFFrpcBP1Pkb7GbBQYQz1Tpzam9dGIhNuC/8XIgOFbwZAsR2/NqbqfQAk9mclZd3nrqoUPDU3XDUEt3LysQTFhaKgoILMJpMWd4LMdq78TRzbWnMaijZg+hwZkXv/eDraJus7VtlB2Gzmtvx+3BhpFlsyfrG+j30ESHQcbwUo9zTSttkbZ+0XUYTZWm3EKYiIPfiLXn//fe3FhUVbygs/B6RkWEwGPSSO3MH1nersjZYW0y4hYUFuHDh4oa//vWv2+VsGjGQ55hLp7O23qou2GCv34Ou0RxCDezc7pju7lQnP4ewEA5dogjsdV+hoTJvw+XcdQr8oiZ/VtWRrRcbSzccNRRB3ykMOjb+7H90cu9qZWKlbek6heKw/jIKzNc3rKs60p5fIwYirpRCzMnJ+RO7FbO8rCxjzJjR6BzTBexpVfcEOhyilKqLYnCrtGyw2Z2JrLrdGHuU2nj7JnLPnMX1ayXrjxw9+o6bp00qI4rwxV9XdvZP9ECuU31RRvd+M4GweBBdJ9c9RtS322gGYvPvtlc1KxMWAoSGOOMdqQ+CEZytAnUX98JYf3l9bekpRX6NPxPi4T9jvvYnGsNy10NrMqbEPoQ4eydECqHO37IO2GhwbnU4bwcIqgP05KFUBqG81AGOVhPfgmqDCUeshSg2V64/aSxS5tdI491VOHHiRD2tby7IzDxcUlKaodfrh1ML0c198JChgzFhwgTYaJARqIiYeEJDDcg9nYv8/EL5AmENFeWF2trajes3bNjLlpXg3DcOyAKx39RX5NXT+ma/4U8dNtVfzuB43XCOa+WP7TMWnfu+AGMTH7CImHg6RVIRVm5HWWmO3DXVEFG4YG1u2Hi9YKcGv+iTP890rZ7WN5/t9cjhq7aqDD3lpz7Awz8quj+e0o8CZ3Y4H8YPVDyRIdgVWYBTlstOQkF67rrGYREu0Dhs447qk6r8akE054Z3vWcrgbxrIg9KAbuzMvfHv/rqqyx/f2EiTcMDEZFbPKdOncaxYye2/u1vf/u9TOWCq115FWSdwFtvvUUUYiBVftdEtuMfOMa8qhchL3ROSA9IRG7xWCu3oap479ais5sC4h82fqlaEK3I75rIdvwL46etQiT3wjNigCJyieffEfk42JS/NavsUED8rybNIWouzG0+OVknIDt5mw588MEHv6WnY4/ppk+aNMkvETHxsOfATp48ycSzhZ7jNzJwUQbr3QE3m8bfVgiMv/jspt+yxzd6gqR3Tpjvl4g84qn4FFVX9m4pOrs5YH6NFD4g/nXlh3/LJXCEi+TSf+KviFzi2RlNxdNcsIWKJ3B+V7jhKwaC68dEdmJe1gGpM1QAq1555RV2zPzJkydrisgtHuoWmXiy6W9XymAFlY4I3j7Yxz5XQPxFeZtXsYioJxHnd07M1BRRq3i2orJ4b3ZxXnaQ/GKH8WeVHlqFRI4gGvN/SkaDM2mIiIknKgSfdTqPg5b87KzSg0Hxu2WtZoG4Nmpr3wFe1gF2DvHvf/87BXmFWYaMqVOmKIqIBWihVDzHqXhyco5n09+soB/bvVQuqlSP7/3lL3/pywIFzF+ct2WlcwsfGZ2TlEXkEU/5Fqd4vtsSFP/QcYsJOpg/6wYVQhIVUScu4zlxNHglEVHxgIrnX53PY39LQTb9TVD8ryQ/7qHXskDenZGbVvdfadDJG6WCWEXIy2xsMqZNYyJqzc5YdsJinmPHjkni+fDDD3/tgpd3QAm4DfwvfvEL4scue1D8VBDMEqEXCBXRgjYicovHUp5NxbMn+8p3nwbFP2TcQuLHFktQ/FklB1ZREYGLQcbzxEtETDzRIdjRJd8pnpIDQfG/kvwjv/5GohK8fFPf3Yl26qTCWEkI+2tohIpoGux2h3SxMfHk5OTIxWPz6oCgkCq2uaHwjTfeIAHcohEUPxXGShaf9IJIRbRIEhErTvFsRmURFc+5bUHxDxmbSeD/PUpB8WeV7F9J+nEgXbiMdLclYmNGLc+2rvnYZyvIXleyPyj+lwfMbTf6ej+vBO9/K5lYT2OrV69e6XwkCBmPPjpDsj7s0Z6cnGOb6Xdu5du84NunibS8/vrrxJ/N047kv3Juu8Tfi/J3TV4srdk33tjELM9m+l1A/INTM+45/7rr+1aiPz0olsuYz4+RNkM/7XoO++35m+l3AfG/PHCuJrQ+yM4QtL3JsV1H16xZs4IKh32eyf7ihks8b8lUr2Q6iVwwHVwC4r96fgfll1brMnX6MCqe3VQ8//LJPzg13etc4n3hX3dt3woumY5/F2SGwoB9joLNWdf2+eR/edCPAxp/fQd0SJ4ttFkMY4KxWCx5Op0u4pNPPlkvi/YV4ZcvX04IuWd/DNAnPxOMYG/J4zg+4lrhFz75B495geAB4s+6+vVbln72PB3l33ztgE/+ZYOfCJie8/GX6v06h8wnyzMDveu9/CqRp4vtxBNM43/5y1/ueMO5I/gl8QRRLp/NfiD4mXiC2oq6U3rXxBOFVUzmY1tcr/Lq6CjxdERxTfwd8Qcrno4orom/I/5gxdMhAlIQkXwF064CLzwI4lERUUD891M8KiIKiP9OxNNhAvISEVFZDpevaJIHRTwKIvKb/0EQj4KI/Oa/U/F0qIA03JnS+wdKPD7cmSL/gyQeH+5Mkb8jxHOnWZiWiOTBLVH6/kEtbmHIglui9P2DWtzCWH3534r8HSUcd/l/AQYA7PGYKl3+RK0AAAAASUVORK5CYII=");
  background-repeat: no-repeat; }

.annotator-resize,
.annotator-widget::after,
.annotator-editor a::after,
.annotator-viewer .annotator-controls button,
.annotator-viewer .annotator-controls a,
.annotator-filter .annotator-filter-navigation button::after,
.annotator-filter .annotator-filter-property .annotator-filter-clear {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAEiCAYAAAD0w4JOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDY0MTMzNTM2QUQzMTFFMUE2REJERDgwQTM3Njg5NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDY0MTMzNTQ2QUQzMTFFMUE2REJERDgwQTM3Njg5NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2ODkwQjlFQzZBRDExMUUxQTZEQkREODBBMzc2ODk1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENjQxMzM1MjZBRDMxMUUxQTZEQkREODBBMzc2ODk1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkijPpwAABBRSURBVHja7JsJVBRXFoarq5tNQZZWo6BxTRQXNOooxhWQBLcYlwRkMirmOKMnmVFHUcYdDUp0Yo5OopM4cQM1TlyjUSFGwIUWFQUjatxNQEFEFtnX+W/7Sovqqt7w5EwMdc6ltldf3/fevffderxSZWVlZbi5uTXh6rAVFBTkqbVubl07eno2d3BwaGgtZNPGjYf5wsLCDRu/+ir20aNH2dZCcnNzN6uPHTv2S2xsbHZaWpqLJZqJIR9FRMTxdHFJeHiiJZrl5+fniiF0jRdumgsjyOZNm44AshHPxAnXeXEhUzAJJEF8j5cWVoIZg9CmqqiokK3CksWLX3d0dJwy+f3331Cr1RoliEajMQ4Sw2xsbHglTZ6CampquOex8dxz2l5gkEY4qKyslOu1Qa6urpPRs9VkW2RjFmskQCaFhASQLZEZkDlYBBJDnJ2dXSnwmYLxpiDCdVMw3hyIObCnlr1g/nwfQCYpQcQbOTM5tbgDeDEkZPLkoaYgSpqpKysqnkIaNWrkYq7dUEim0EwhmkI1bw1ETjNVTk7OA2sg0jarDyO/ZhiJjtpS4923L1dWVs5VV1vW8Dyv4uzsbLnkc+c4dceOnn1LS0vat23bhnvSgypOpTItajXP2dvbcefOneVSL146ys+dOzvgyuWrMadOJeKGrb6AeRBb7syZM1xqyo9HwfDncZ0L+0dowGXATpw4qVfVGEyAJCUBkvrjUTzrTwzUkirDcfOewk5w9oBp8AD9iljoGt07rTvNpaRcPDqPIOx5+mlOkPnz5wakpV2JiU84ztlRNTVqTsXzeuHValyz4xJ1Ou4CICjrL37WoPsXLAgD7HJMXFw8Z2ur4dT8E23s7Wy4UydPchcupB5FGX8ZOxKUeyYLF84LSLt0OebYsXi9ZvYOdtwJBsE9f7lnVAUFuYp2smxpxJFOnTu9aWtry6VcSDm6cNF8f6WyRkEMFg7rclq0aP7fjZWrDyNmeL9c8iDedu7YMRK7xoHjx28y2tjGcsivt29PaOTsPNAGeSIGidNBwcF9La6aAPH18+UG+QzmtFqtN67pLALt2LYtAUOUHoLMWO/1BMM45o17OgUQ2dEz2R4drYf4AMLzakTNahY5n8FQRid9rpZG26KiE5ypOkP89JqIjZWOVSqeG+zrw7lp3bxRVidbteitUQnOLtQmhhApzMfXFzCtN57R1QJFbdkKiMtAP0Ao7lB16CE5oXtUTYJRB+BZPUzd6uWXE1xcXQcO8R+iqIms3aADWrdpw2VmZrbQJeoCeBdoYinkWTVVHNVC21jrrSopKakh67Y2ChCMXmw0xizbXM2I8dyc9gUObBpTBTw8WqixGw45n5GRnl4XjaZD9kP+DaibVSA8OAu7SHZKWm3GtTYWgfDATOxWQGxElynsepkNAoSq808JhII7DZKHzWpsQGYwiPhHyPzD0NifmtVGrE1WUlSQaDIXkNVm2REgc1jDiqtTBQk1pkmtqgEyCLu/SqpKkFmArDHLsgGxw57euaiXIkSQOeZCBI1egtCs324IxVGy3s9NtYkcqCtkGBtXHkLeAyTBGl8rZPZxCfIAkNIXLB6h9/4A6a/gMv0hvUyCUKgLdlsoXODYXwJ5E7sDzPM7G7OjPtjvgnjSizNkqwDDPoD9AL08E2QXaa7Ua40gLUTXmkHW44Gd2I9ndiZsLVh52ar9AAlmNiRs7eg9ByIOYtkMHGe0+6HBW9ithbSSKXcH8iFs7DuTvYZC31KKpFAuyhhE2v3kJkEK5YJZwytbtru7B8GGQjZCmhopmwkJgcRCu2o5jXwh2yWQWyxS3pH05teQwUpVK4Jkia49YA07l/ast8T3ihR7DfXvhuP/Mq2CATksarsRrBPuQQJx76Kp7vfGzh4F42V8zQe7YtxL+u2EkVoDZJ8+fej8VQi9vPRmg8BpCKXAN5OSkqpNVg0QR7VaPR3n05FLN6k9mcJnYLcK178ErEQRBIgTMtMNyG4Djaqv0XyJMtMBM4jrPCC8vb19KEHatWtXMHbs2LtOTk7lQoHGjRuXjBs37q6Hh0cRyvwZr+5/kW1s3GhXVVWlfxXv27fvhTlz5iybNm1aCuBVeEsqnzFjRmJoaOjS7t27X2fVXIgfdzfQtnnz5sPv3r2r/3/Rvn37WkdHR/8I1UNdXV1X4kdK+vfvPxsPNm3YsKE++JWWlmpbtNBH0C21QDY2NgOEk8LCwlY4340HhwM2DZfKcaxFJ+wsKip6OlfZoEGDwVIQD/Vrzc1Ciyb+/v4UGS9A0nx8fDxRHSdxGbzTaQ2q1qpVq3vnz58XGrYUbZIM0FVo0gOXyqBZ8p49ey6tW7fO8/Hjx7ZUrm3btgbZLe/p6Xnczs6ODI8bMWJEGiDTAfGAFjGo5nc4rh4zZswMaKYPKdSjXl5e8XLdfzQgIEBf6ODBg2qcv47qRcH4GuNlpRWOd+Bap8TERH0CNnz48Gv9+vVLkDNINXrtg8jIyEWootaYQaIHs2AKc5s1a7aVZS8GLuJ0//798M2bN4+NiYlxxztcLR90dHSsGDlyZHpwcHBU06ZNKWUuNRZGnGAjwTdu3BifkpLS7PLly05oJ65r164FMMZ0WH0UXIRG5GJz4pGajaad2RBOnXCZSYa0OrVAMueOEFc23tODuUyKxSBpQBS3hcbd3b396NGj+/v6+np16NDhVfRcNar40/fff5+ya9euk/n5+XeYlsoRomfPnv3j4+O3oJ0e1Ug2uMeDQ4cOfdmlS5deQlSVzgfoqzNkyJDXrl+/Hl9jYrt48eIh/GBHWRCq4HTq1KmtVLC4uDgZu48QVrKFhxGD7mC3DCZxjc5jY2M/o9HGAAQfGlBeXv6YCqEtKLd2weFYNM9jALNwTJ7e5OzZs1Hsx7JXrlzZ3QCk0+nmCb+el5d3Jzw8/ANKpnDqC6FBQLt27dp5CDGZQrnjx49/aACCe2yRNOx9wPsJvQBN3iorK8sXl7l58+bnUpDGwcGh1lQEQqyNt7d3GYUdeqXo1atXKQraissgWlbIDAyaZOzfZ/8+TMd5iEqluhMWFvZHmEIpjncDNAHttR6RUsuC31kDA4LanihUxOq+ivLGNWvWzAYjF4Hs3qJFi6bgWuvU1NStrBepR1satBH+0ERLJBXKyMi4AMP7Ag2bJbRHbm7unQMHDqzPzs7+ic5RNgw7lZxB0oErfumgKYOE5tHYNVSybAHmBlkB+8mXAnDtISALcdhI7LRiUUnmgowmEWj4akXvF1+g4Zs6hYmGRUIyhXLKRIzlUuJshEYOyvZDUBUHaTaCax/jcINcAiHORlpi6NmJHulrIhtZi06ZDViF3HAE43aINAahZAIWD0bl3wD7E55RGYBcXFy84f3vKkFo9IWVJ82aNSsVY34lNF8Ky25pAELW8Ta6VnZCSqvV0hB+ys/Pb/qZM2d2oRxlI+4Y194wAKFLe9IBDduBgYG3e/TooX/dwg+UzZw5U4chnNKatgjDoXAnDc07oikGGrQf1G1AB+3bt8/FABgJ1duvWrXqvUGDBl0HZBYgbSgtRBu6irIRZwONkDTRywqH0UL7zjvvvILBMQLD9+qhQ4cS5GVAvkIju4pMoQY/+osBCDFbh8arIkdEo89euHDhAgC+ZZpsFEP0bzbNmhUhG/nBADRgwIADqEbG0ymaqqrZqN5+xJ5NgBhMzmHcO4cU57gBqGXLlmkTJ07c0K1bt0dPp68qKjoCaLAOibJbZL00o5Oj5CKu6enpS5CIvo3hpjnito2kOsVBQUE/jxo16hP0zUY2q6OYRDijjQJv3boViDzJHdGyCaUz6Lnszp07X0GnbGRv5JXmZCPk/ZRD08wE2UoBez2/xhIJztxshGfZiBsbRSgePWKQEuk8tlI2Yo8M1xOJZz9kI52QWL2CqpYg6F9FHE/duXMnrX24K9c+4s0B7jEKxngQXV6ikI18gQy4h7FsRD116tQ3MzMzL5kK/uiEfTDgNrIgdKv7lStXYk2MHlmIkAV0jKHpYyRkDQxAyOqDULDMCITSGh/kRpMoa8GWsXr16l5SEA8H7AdHtJVrOGjxC+5NQui4mpyc3Ap7Ncb95sgHDGe+7t279x0biovhGovx8H6mSQZpQoYdFRW1VEgJcb/q9u3b6wyq9vDhwz1suD6PzL4nUhZnnG6AUBRshiQ+HJA80WBZmZWV9YkBKCcnZxErUI3R4Ru4Ak1wksO6b9q0abEYwjQtR0IWaABCKvc6bhYLBRGbd+NV9D1UJ4IyEmnjI9ymYecul43YoTfWiwtTBoJrRXK9iLYMUkwicPASChwxIxtZRm9TprKRxpDlaKocmWzkKnYTITbmZiNqNuNH89tjWSSk6aBk2FCWMe9/kf+7vnz5ilp1k55b8q+/moiI5TWiHpCemyVKD1sM44w8bDXI6mrJgercRnWGGbPsGpkB1CqDVP3GXeR3CLI4CsgZFzPGOvmaVRADkLWQWiApxKp4pACxDPQ8IIL3S728xlKHFexIVRevr3faFwZkdQIhE0ZeoJFWLh5ZBTOlidkwc6plFkwpibA4tPAW/FOh3tfqQRaBrHrRMZWNmDvyPheIrPdbmwO8wBmbNB5ZldLI2ZGq3td+RRBNz0NWWr2ShRaguLi4LFOr1R9UVVXdx6U5FoP8/Pym2dvbr8jLy3O2em1NUFDQ4cLCwoA6t9G2bdscpk6des3BwaGyTiC0yachISHX9+zZk4Qq3qtrxuYEmQWJO3v2bEzv3r2/qWui1R6y5Hl4f72vWTgjY0n78UoDZp2rplKpHCCd6gIiB+44evTod1NSUhZb21Yvd+jQYZROp9tZWVlZVlxcnKU03aFo2di8du/evVa88MQqEP58IZ0Itxakhkyj1R51AkkWDui1QzXvWw0SAWmVyjeWguq9vx70XCIkxjD6T3E4ZGlSUlK+1Rrt3buXFpPSmtFbyEimQdRWgRo0aPA2O6b/X6+DXAQs4Hm0EYXZw4CF1Qnk5uZWGhgY+CnaK9KqjM3W1rZ62LBhVydMmDDdw8PjqMWNlJubewL5UWZiYmIo/WPTmgRCiJBLIc2tBdTHo/+3tMaS1IZnRknLX23qpNLBgwddk5OT93p5edG/nFtLtTTbIOPi4uif4TXl5eUFBw4cWOfo6EgfWTS1GiRa7vnzmjVrKD9qXyeQaAuzBCS37OxnyAykf3utCiPck9U8tEIzEpASa15qaHkHLfloY860UL3314Pk4pG7u4ex+7QYhT60bA6Jh2yAlGZkpBu1bOlGn6HtF52P4Z587duVk6xpM1a1cSLIEchJkYazzG0jWuxOCTstfKMv6OhLMlquF8vuDzcH1I5BaKO1o/tEk3jC0sUcUyD69RvckwWDHIuStIDSHjKE3actwlgYoRXj/2HH9GYkfGlInyreEZ3/jXuyoFlWIy8RRBgAxJ+WCRD6cPdfxgzyI3ZMHwPu4Z6sgKaPLO+z6ze5J0usPzMVIYWPKZ0YuJr1lPB91ihImjmhlj5bfI118SlIHkRIRqeYAxFchNZiX+EMP6ScImq7WpuSi5SwTHYyc4u7rFEvWuS09TH79wz6nwADANCoQA3w0fcjAAAAAElFTkSuQmCC");
  background-repeat: no-repeat; }

/* Annotator Highlight
-------------------------------------------------------------------- */
.annotator-hl {
  padding: 3px 0;
  background: #fef6d1; }

.annotator-hl-temporary {
  background: rgba(0, 124, 255, 0.3); }

/* Annotator Wrapper
-------------------------------------------------------------------- */
.annotator-wrapper {
  position: relative; }

/* NB: If you change the list of classes for which z-index is set,
       you should update Annotator._setupDynamicStyle() */
.annotator-adder,
.annotator-outer,
.annotator-notice {
  z-index: 1020; }

.annotator-filter {
  z-index: 1010; }

.annotator-adder,
.annotator-outer,
.annotator-widget,
.annotator-notice {
  position: absolute;
  font-size: 10px;
  line-height: 1; }

.annotator-hide {
  display: none;
  visibility: hidden; }

/* Annotator Adder
-------------------------------------------------------------------- */
.annotator-adder {
  margin-top: -48px;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  background-position: left top; }

.annotator-adder:hover {
  background-position: center top; }

.annotator-adder:active {
  background-position: center right; }

.annotator-adder button {
  display: block;
  width: 36px;
  height: 41px;
  margin: 0 auto;
  border: none;
  background: none;
  text-indent: -999em;
  cursor: pointer; }

/* Annotator Widget

   This applies to both the Viewer and the Editor
-------------------------------------------------------------------- */
.annotator-outer {
  width: 0;
  height: 0; }

.annotator-toolbar-delete {
  line-height: 8px;
  font-size: 8px;
  position: relative;
  top: 30%;
  left: 0%;
  padding: 0;
  height: 18px;
  border-radius: 0; }

.annotator-invert-x .annotator-widget {
  left: auto;
  right: -18px; }

.annotator-invert-y .annotator-widget {
  bottom: auto;
  top: 8px; }

.annotator-widget strong {
  font-weight: bold; }

.annotator-widget .annotator-listing,
.annotator-widget .annotator-item {
  padding: 0;
  margin: 0;
  list-style: none; }

.annotator-widget::after {
  content: "";
  display: none;
  width: 18px;
  height: 10px;
  background-position: 0 0;
  position: absolute;
  bottom: -10px;
  left: 8px; }

.annotator-invert-x .annotator-widget::after {
  left: auto;
  right: 8px; }

.annotator-invert-y .annotator-widget::after {
  background-position: 0 -15px;
  bottom: auto;
  top: -9px; }

.annotator-widget .annotator-item,
.annotator-editor .annotator-item input,
.annotator-editor .annotator-item textarea {
  position: relative;
  font-size: 12px; }

.annotator-viewer .annotator-item {
  border-top: 2px solid rgba(122, 122, 122, 0.2); }

.annotator-widget .annotator-item:first-child {
  border-top: none; }

.annotator-editor .annotator-item,
.annotator-viewer div {
  border-top: 1px solid rgba(133, 133, 133, 0.11); }

/* Annotator Viewer
-------------------------------------------------------------------- */
.annotator-viewer div {
  padding: 6px 6px; }

.annotator-viewer .annotator-item ol,
.annotator-viewer .annotator-item ul {
  padding: 4px 16px; }

.annotator-viewer div:first-of-type,
.annotator-editor .annotator-item:first-child textarea {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #3c3c3c;
  font-size: 13px;
  font-style: italic;
  line-height: 1.3;
  border-top: none; }

.annotator-viewer .annotator-controls {
  position: relative;
  top: 5px;
  right: 5px;
  padding-left: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  float: right; }

.annotator-viewer li:hover .annotator-controls,
.annotator-viewer li .annotator-controls.annotator-visible {
  opacity: 1; }

.annotator-viewer .annotator-controls button,
.annotator-viewer .annotator-controls a {
  cursor: pointer;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 2px;
  border: none;
  opacity: 0.2;
  text-indent: -900em;
  background-color: transparent;
  outline: none; }

.annotator-viewer .annotator-controls button:hover,
.annotator-viewer .annotator-controls button:focus,
.annotator-viewer .annotator-controls a:hover,
.annotator-viewer .annotator-controls a:focus {
  opacity: 0.9; }

.annotator-viewer .annotator-controls button:active,
.annotator-viewer .annotator-controls a:active {
  opacity: 1; }

.annotator-viewer .annotator-controls button[disabled] {
  display: none; }

.annotator-viewer .annotator-controls .annotator-edit {
  background-position: 0 -60px; }

.annotator-viewer .annotator-controls .annotator-delete {
  background-position: 0 -75px; }

.annotator-viewer .annotator-controls .annotator-link {
  background-position: 0 -270px; }

/* Annotator Editor
-------------------------------------------------------------------- */
.annotator-editor .annotator-item {
  position: relative; }

.annotator-editor .annotator-item label {
  top: 0;
  display: inline;
  cursor: pointer;
  font-size: 12px; }

.annotator-editor .annotator-item input,
.annotator-editor .annotator-item textarea {
  display: block;
  min-width: 100%;
  padding: 10px 8px;
  border: none;
  margin: 0;
  color: #3c3c3c;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  resize: none; }

.annotator-editor .annotator-item textarea::-webkit-scrollbar {
  height: 8px;
  width: 8px; }

.annotator-editor .annotator-item textarea::-webkit-scrollbar-track-piece {
  margin: 13px 0 3px;
  background-color: #e5e5e5;
  -webkit-border-radius: 4px; }

.annotator-editor .annotator-item textarea::-webkit-scrollbar-thumb:vertical {
  height: 25px;
  background-color: #ccc;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.annotator-editor .annotator-item textarea::-webkit-scrollbar-thumb:horizontal {
  width: 25px;
  background-color: #ccc;
  -webkit-border-radius: 4px; }

.annotator-editor .annotator-item:first-child textarea {
  min-height: 5.5em;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.annotator-editor .annotator-item input:focus,
.annotator-editor .annotator-item textarea:focus {
  background-color: #f3f3f3;
  outline: none; }

.annotator-editor .annotator-item input[type=radio],
.annotator-editor .annotator-item input[type=checkbox] {
  width: auto;
  min-width: 0;
  padding: 0;
  display: inline;
  margin: 0 4px 0 0;
  cursor: pointer; }

.annotator-editor .annotator-checkbox {
  padding: 8px 6px; }

.annotator-filter,
.annotator-filter .annotator-filter-navigation button {
  text-align: right;
  padding: 3px;
  border-top: 1px solid #d4d4d4;
  background-color: #d4d4d4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), color-stop(0.6, gainsboro), to(#d2d2d2));
  background-image: -moz-linear-gradient(to bottom, whitesmoke, gainsboro 60%, #d2d2d2);
  background-image: -webkit-linear-gradient(to bottom, whitesmoke, gainsboro 60%, #d2d2d2);
  background-image: linear-gradient(to bottom, whitesmoke, gainsboro 60%, #d2d2d2);
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  -o-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.7), inset -1px 0 0 rgba(255, 255, 255, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }

.annotator-editor.annotator-invert-y .annotator-controls {
  border-top: none;
  border-bottom: 1px solid #b4b4b4;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.annotator-editor a,
.annotator-filter .annotator-filter-property label {
  position: relative;
  display: inline-block;
  padding: 0 6px 0 22px;
  color: #363636;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  text-decoration: none;
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #a2a2a2;
  background-color: #d4d4d4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), color-stop(0.5, #d2d2d2), color-stop(0.5, #bebebe), to(#d2d2d2));
  background-image: -moz-linear-gradient(to bottom, whitesmoke, #d2d2d2 50%, #bebebe 50%, #d2d2d2);
  background-image: -webkit-linear-gradient(to bottom, whitesmoke, #d2d2d2 50%, #bebebe 50%, #d2d2d2);
  background-image: linear-gradient(to bottom, whitesmoke, #d2d2d2 50%, #bebebe 50%, #d2d2d2);
  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -o-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.annotator-editor a::after {
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background-position: 0 -90px; }

.annotator-editor a:hover,
.annotator-editor a:focus,
.annotator-editor a.annotator-focus,
.annotator-filter .annotator-filter-active label,
.annotator-filter .annotator-filter-navigation button:hover {
  outline: none;
  border-color: #435aa0;
  background-color: #3865f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7691fb), color-stop(0.5, #5075fb), color-stop(0.5, #3865f9), to(#3665fa));
  background-image: -moz-linear-gradient(to bottom, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa);
  background-image: -webkit-linear-gradient(to bottom, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa);
  background-image: linear-gradient(to bottom, #7691fb, #5075fb 50%, #3865f9 50%, #3665fa);
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42); }

.annotator-editor a:hover::after,
.annotator-editor a:focus::after {
  margin-top: -8px;
  background-position: 0 -105px; }

.annotator-editor a:active,
.annotator-filter .annotator-filter-navigation button:active {
  border-color: #700c49;
  background-color: #d12e8e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fc7cca), color-stop(0.5, #e85db2), color-stop(0.5, #d12e8e), to(#ff009c));
  background-image: -moz-linear-gradient(to bottom, #fc7cca, #e85db2 50%, #d12e8e 50%, #ff009c);
  background-image: -webkit-linear-gradient(to bottom, #fc7cca, #e85db2 50%, #d12e8e 50%, #ff009c);
  background-image: linear-gradient(to bottom, #fc7cca, #e85db2 50%, #d12e8e 50%, #ff009c); }

.annotator-editor a.annotator-save::after {
  background-position: 0 -120px; }

.annotator-editor a.annotator-save:hover::after,
.annotator-editor a.annotator-save:focus::after,
.annotator-editor a.annotator-save.annotator-focus::after {
  margin-top: -8px;
  background-position: 0 -135px; }

.annotator-editor .annotator-widget::after {
  background-position: 0 -30px; }

.annotator-editor.annotator-invert-y .annotator-widget .annotator-controls {
  background-color: #f2f2f2; }

.annotator-editor.annotator-invert-y .annotator-widget::after {
  background-position: 0 -45px;
  height: 11px; }

.annotator-resize {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background-position: 2px -150px; }

.annotator-invert-x .annotator-resize {
  right: auto;
  left: 0;
  background-position: 0 -195px; }

.annotator-invert-y .annotator-resize {
  top: auto;
  bottom: 0;
  background-position: 2px -165px; }

.annotator-invert-y.annotator-invert-x .annotator-resize {
  background-position: 0 -180px; }

/* Annotator Notification
-------------------------------------------------------------------- */
.annotator-notice {
  color: #fff;
  position: absolute;
  position: fixed;
  top: -54px;
  left: 0;
  width: 100%;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  background: black;
  background: rgba(0, 0, 0, 0.9);
  border-bottom: 4px solid #d4d4d4;
  -webkit-transition: top 0.4s ease-out;
  -moz-transition: top 0.4s ease-out;
  -o-transition: top 0.4s ease-out;
  transition: top 0.4s ease-out; }

.ie6 .annotator-notice {
  position: absolute; }

.annotator-notice-success {
  border-color: #3665f9; }

.annotator-notice-error {
  border-color: #ff7e00; }

.annotator-notice p {
  margin: 0; }

.annotator-notice a {
  color: #fff; }

.annotator-notice-show {
  top: 0; }

/* Annotator Tags Plugin
-------------------------------------------------------------------- */
.annotator-tags {
  margin-bottom: -2px; }

.annotator-tags .annotator-tag {
  display: inline-block;
  padding: 0 8px;
  margin-bottom: 2px;
  line-height: 1.6;
  font-weight: bold;
  background-color: #e6e6e6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

/* Annotator Filter Plugin
-------------------------------------------------------------------- */
.annotator-filter {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  text-align: left;
  line-height: 0;
  border: none;
  border-bottom: 1px solid #878787;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); }

.annotator-filter strong {
  font-size: 12px;
  font-weight: bold;
  color: #3c3c3c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  position: relative;
  top: -9px; }

.annotator-filter .annotator-filter-property,
.annotator-filter .annotator-filter-navigation {
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 10px;
  padding: 2px 0;
  margin-right: 8px; }

.annotator-filter .annotator-filter-property label,
.annotator-filter .annotator-filter-navigation button {
  text-align: left;
  display: block;
  float: left;
  line-height: 20px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px; }

.annotator-filter .annotator-filter-property label {
  padding-left: 8px; }

.annotator-filter .annotator-filter-property input {
  display: block;
  float: right;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #878787;
  border-left: none;
  padding: 2px 4px;
  line-height: 16px;
  min-height: 16px;
  font-size: 12px;
  width: 150px;
  color: #333;
  background-color: #f8f8f8;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }

.annotator-filter .annotator-filter-property input:focus {
  outline: none;
  background-color: #fff; }

.annotator-filter .annotator-filter-clear {
  position: absolute;
  right: 3px;
  top: 6px;
  border: none;
  text-indent: -900em;
  width: 15px;
  height: 15px;
  background-position: 0 -90px;
  opacity: 0.4; }

.annotator-filter .annotator-filter-clear:hover,
.annotator-filter .annotator-filter-clear:focus {
  opacity: 0.8; }

.annotator-filter .annotator-filter-clear:active {
  opacity: 1; }

.annotator-filter .annotator-filter-navigation button {
  border: 1px solid #a2a2a2;
  padding: 0;
  text-indent: -900px;
  width: 20px;
  min-height: 22px;
  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  -o-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.8); }

.annotator-filter .annotator-filter-navigation button,
.annotator-filter .annotator-filter-navigation button:hover,
.annotator-filter .annotator-filter-navigation button:focus {
  color: transparent; }

.annotator-filter .annotator-filter-navigation button::after {
  position: absolute;
  top: 8px;
  left: 8px;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-position: 0 -210px; }

.annotator-filter .annotator-filter-navigation button:hover::after {
  background-position: 0 -225px; }

.annotator-filter .annotator-filter-navigation .annotator-filter-next {
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  border-left: none; }

.annotator-filter .annotator-filter-navigation .annotator-filter-next::after {
  left: auto;
  right: 7px;
  background-position: 0 -240px; }

.annotator-filter .annotator-filter-navigation .annotator-filter-next:hover::after {
  background-position: 0 -255px; }

.annotator-hl-active {
  background: rgba(255, 255, 10, 0.8); }

.annotator-hl-filtered {
  background-color: transparent; }

button.icon-d3-insight {
  border: none;
  height: 20px;
  overflow: visible;
  width: 20px;
  background-image: none;
  background: transparent; }

button.icon-d3-insight:hover {
  background-image: none;
  background: transparent; }

.annotator-hl {
  cursor: pointer; }

.annotator-editor {
  z-index: 0; }
  .annotator-editor .annotator-widget {
    min-width: 80px;
    border: none;
    background: transparent;
    left: 8px;
    margin: 0;
    padding: 0;
    bottom: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none; }
  .annotator-editor .annotator-controls {
    border: none;
    background: transparent;
    background-image: none;
    background-color: none;
    text-align: center; }
    .annotator-editor .annotator-controls span {
      display: block;
      padding-bottom: .5em;
      text-align: center; }
    .annotator-editor .annotator-controls .annotator-save {
      border: none;
      background: none;
      width: 105px;
      height: 23px;
      padding: 0px 1px 0px 1px; }
      .annotator-editor .annotator-controls .annotator-save:after {
        display: none; }
      .annotator-editor .annotator-controls .annotator-save .gotItWrapper {
        padding-top: 9px; }
        .annotator-editor .annotator-controls .annotator-save .gotItWrapper .gotItHeart {
          padding: 0px 2px 0 2px;
          display: block;
          float: left;
          font-size: 1.5rem;
          color: #c9d7d7;
          text-shadow: none; }
        .annotator-editor .annotator-controls .annotator-save .gotItWrapper .gotItText {
          font-family: "MuseoSansRounded700", "Arial", sans-serif;
          text-shadow: none;
          font-size: 10px;
          color: #29c896;
          line-height: 1.5;
          height: 23px;
          display: block;
          padding-top: 1px;
          margin-left: 5px; }

/*# sourceMappingURL=app.css.map */
.fp__wrapper .fp__action-bar .fp__action-bar__copy span {
  display: none; }

.fp__wrapper button.btn.btn--primary {
  background: #2bc5ab;
  border: solid 1px #2bc5ab;
  color: #ffffff;
  border-radius: 2px; }

/*# sourceMappingURL=filestack.css.map */
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.emoji{text-indent:-9999px;display:inline-block;height:22px;margin-right:.5em;width:22px}@media all and (-webkit-min-device-pixel-ratio:1),all and (min--moz-device-pixel-ratio:1),all and (-o-min-device-pixel-ratio:1),all and (min-device-pixel-ratio:1),all and (min-resolution:96dpi){.emoji{background:transparent url(emojis.png) 0 0 no-repeat}}@media all and (-webkit-min-device-pixel-ratio:1.5),all and (-o-min-device-pixel-ratio:3 / 2),all and (min-device-pixel-ratio:1.5),all and (min-resolution:144dpi){.emoji{background:transparent url(emojis@2x.png) 0 0 no-repeat;background-size:27776px 22px}}@-moz-document url-prefix(){.emoji{background:transparent url(emojis.png) 0 0 no-repeat}}.emoji_bowtie{background-position:-5px 0}.emoji_smile{background-position:-37px 0}.emoji_laughing{background-position:-69px 0}.emoji_blush{background-position:-101px 0}.emoji_smiley{background-position:-133px 0}.emoji_relaxed{background-position:-165px 0}.emoji_smirk{background-position:-197px 0}.emoji_heart_eyes{background-position:-229px 0}.emoji_kissing_heart{background-position:-261px 0}.emoji_kissing_closed_eyes{background-position:-293px 0}.emoji_flushed{background-position:-325px 0}.emoji_relieved{background-position:-357px 0}.emoji_satisfied{background-position:-389px 0}.emoji_grin{background-position:-421px 0}.emoji_wink{background-position:-453px 0}.emoji_stuck_out_tongue_winking_eye{background-position:-485px 0}.emoji_winky_face{background-position:-485px 0}.emoji_stuck_out_tongue_closed_eyes{background-position:-517px 0}.emoji_grinning{background-position:-549px 0}.emoji_kissing{background-position:-581px 0}.emoji_kissing_smiling_eyes{background-position:-613px 0}.emoji_stuck_out_tongue{background-position:-645px 0}.emoji_sleeping{background-position:-677px 0}.emoji_worried{background-position:-709px 0}.emoji_frowning{background-position:-741px 0}.emoji_anguished{background-position:-773px 0}.emoji_open_mouth{background-position:-805px 0}.emoji_wow{background-position:-805px 0}.emoji_grimacing{background-position:-837px 0}.emoji_confused{background-position:-869px 0}.emoji_hushed{background-position:-901px 0}.emoji_expressionless{background-position:-933px 0}.emoji_unamused{background-position:-965px 0}.emoji_sweat_smile{background-position:-997px 0}.emoji_sweat{background-position:-1029px 0}.emoji_disappointed_relieved{background-position:-1061px 0}.emoji_weary{background-position:-1093px 0}.emoji_pensive{background-position:-1125px 0}.emoji_disappointed{background-position:-1157px 0}.emoji_confounded{background-position:-1189px 0}.emoji_fearful{background-position:-1221px 0}.emoji_cold_sweat{background-position:-1253px 0}.emoji_persevere{background-position:-1285px 0}.emoji_cry{background-position:-1317px 0}.emoji_sob{background-position:-1349px 0}.emoji_joy{background-position:-1381px 0}.emoji_astonished{background-position:-1413px 0}.emoji_scream{background-position:-1445px 0}.emoji_neckbeard{background-position:-1477px 0}.emoji_tired_face{background-position:-1509px 0}.emoji_angry{background-position:-1541px 0}.emoji_rage{background-position:-1573px 0}.emoji_triumph{background-position:-1605px 0}.emoji_sleepy{background-position:-1637px 0}.emoji_yum{background-position:-1669px 0}.emoji_mask{background-position:-1701px 0}.emoji_sunglasses{background-position:-1733px 0}.emoji_dizzy_face{background-position:-1765px 0}.emoji_imp{background-position:-1797px 0}.emoji_smiling_imp{background-position:-1829px 0}.emoji_neutral_face{background-position:-1861px 0}.emoji_no_mouth{background-position:-1893px 0}.emoji_innocent{background-position:-1925px 0}.emoji_alien{background-position:-1957px 0}.emoji_yellow_heart{background-position:-1989px 0}.emoji_blue_heart{background-position:-2021px 0}.emoji_purple_heart{background-position:-2053px 0}.emoji_heart{background-position:-2085px 0}.emoji_green_heart{background-position:-2117px 0}.emoji_broken_heart{background-position:-2149px 0}.emoji_heartbeat{background-position:-2181px 0}.emoji_heartpulse{background-position:-2213px 0}.emoji_two_hearts{background-position:-2245px 0}.emoji_revolving_hearts{background-position:-2277px 0}.emoji_cupid{background-position:-2309px 0}.emoji_sparkling_heart{background-position:-2341px 0}.emoji_sparkles{background-position:-2373px 0}.emoji_star{background-position:-2405px 0}.emoji_star2{background-position:-2437px 0}.emoji_dizzy{background-position:-2469px 0}.emoji_boom{background-position:-2501px 0}.emoji_collision{background-position:-2533px 0}.emoji_anger{background-position:-2565px 0}.emoji_exclamation{background-position:-2597px 0}.emoji_question{background-position:-2629px 0}.emoji_grey_exclamation{background-position:-2661px 0}.emoji_grey_question{background-position:-2693px 0}.emoji_zzz{background-position:-2725px 0}.emoji_dash{background-position:-2757px 0}.emoji_sweat_drops{background-position:-2789px 0}.emoji_notes{background-position:-2821px 0}.emoji_musical_note{background-position:-2853px 0}.emoji_fire{background-position:-2885px 0}.emoji_hankey{background-position:-2917px 0}.emoji_poop{background-position:-2949px 0}.emoji_shit{background-position:-2981px 0}.emoji_\+1{background-position:-3013px 0}.emoji_thumbsup{background-position:-3045px 0}.emoji_\-1{background-position:-3077px 0}.emoji_thumbsdown{background-position:-3109px 0}.emoji_ok_hand{background-position:-3141px 0}.emoji_punch{background-position:-3173px 0}.emoji_facepunch{background-position:-3205px 0}.emoji_fist{background-position:-3237px 0}.emoji_v{background-position:-3269px 0}.emoji_wave{background-position:-3301px 0}.emoji_hand{background-position:-3333px 0}.emoji_raised_hand{background-position:-3365px 0}.emoji_open_hands{background-position:-3397px 0}.emoji_point_up{background-position:-3429px 0}.emoji_point_down{background-position:-3461px 0}.emoji_point_left{background-position:-3493px 0}.emoji_point_right{background-position:-3525px 0}.emoji_raised_hands{background-position:-3557px 0}.emoji_pray{background-position:-3589px 0}.emoji_point_up_2{background-position:-3621px 0}.emoji_clap{background-position:-3653px 0}.emoji_muscle{background-position:-3685px 0}.emoji_metal{background-position:-3717px 0}.emoji_fu{background-position:-3749px 0}.emoji_walking{background-position:-3781px 0}.emoji_runner{background-position:-3813px 0}.emoji_running{background-position:-3845px 0}.emoji_couple{background-position:-3877px 0}.emoji_family{background-position:-3909px 0}.emoji_two_men_holding_hands{background-position:-3941px 0}.emoji_two_women_holding_hands{background-position:-3973px 0}.emoji_dancer{background-position:-4005px 0}.emoji_dancers{background-position:-4037px 0}.emoji_ok_woman{background-position:-4069px 0}.emoji_no_good{background-position:-4101px 0}.emoji_information_desk_person{background-position:-4133px 0}.emoji_raising_hand{background-position:-4165px 0}.emoji_bride_with_veil{background-position:-4197px 0}.emoji_person_with_pouting_face{background-position:-4229px 0}.emoji_person_frowning{background-position:-4261px 0}.emoji_bow{background-position:-4293px 0}.emoji_couplekiss{background-position:-4325px 0}.emoji_couple_with_heart{background-position:-4357px 0}.emoji_massage{background-position:-4389px 0}.emoji_haircut{background-position:-4421px 0}.emoji_nail_care{background-position:-4453px 0}.emoji_boy{background-position:-4485px 0}.emoji_girl{background-position:-4517px 0}.emoji_woman{background-position:-4549px 0}.emoji_man{background-position:-4581px 0}.emoji_baby{background-position:-4613px 0}.emoji_older_woman{background-position:-4645px 0}.emoji_older_man{background-position:-4677px 0}.emoji_person_with_blond_hair{background-position:-4709px 0}.emoji_man_with_gua_pi_mao{background-position:-4741px 0}.emoji_man_with_turban{background-position:-4773px 0}.emoji_construction_worker{background-position:-4805px 0}.emoji_cop{background-position:-4837px 0}.emoji_angel{background-position:-4869px 0}.emoji_princess{background-position:-4901px 0}.emoji_smiley_cat{background-position:-4933px 0}.emoji_smile_cat{background-position:-4965px 0}.emoji_heart_eyes_cat{background-position:-4997px 0}.emoji_kissing_cat{background-position:-5029px 0}.emoji_smirk_cat{background-position:-5061px 0}.emoji_scream_cat{background-position:-5093px 0}.emoji_crying_cat_face{background-position:-5125px 0}.emoji_joy_cat{background-position:-5157px 0}.emoji_pouting_cat{background-position:-5189px 0}.emoji_japanese_ogre{background-position:-5221px 0}.emoji_japanese_goblin{background-position:-5253px 0}.emoji_see_no_evil{background-position:-5285px 0}.emoji_hear_no_evil{background-position:-5317px 0}.emoji_speak_no_evil{background-position:-5349px 0}.emoji_guardsman{background-position:-5381px 0}.emoji_skull{background-position:-5413px 0}.emoji_feet{background-position:-5445px 0}.emoji_lips{background-position:-5477px 0}.emoji_kiss{background-position:-5509px 0}.emoji_droplet{background-position:-5541px 0}.emoji_ear{background-position:-5573px 0}.emoji_eyes{background-position:-5605px 0}.emoji_nose{background-position:-5637px 0}.emoji_tongue{background-position:-5669px 0}.emoji_love_letter{background-position:-5701px 0}.emoji_bust_in_silhouette{background-position:-5733px 0}.emoji_busts_in_silhouette{background-position:-5765px 0}.emoji_speech_balloon{background-position:-5797px 0}.emoji_thought_balloon{background-position:-5829px 0}.emoji_feelsgood{background-position:-5861px 0}.emoji_finnadie{background-position:-5893px 0}.emoji_goberserk{background-position:-5925px 0}.emoji_godmode{background-position:-5957px 0}.emoji_hurtrealbad{background-position:-5989px 0}.emoji_rage1{background-position:-6021px 0}.emoji_rage2{background-position:-6053px 0}.emoji_rage3{background-position:-6085px 0}.emoji_rage4{background-position:-6117px 0}.emoji_suspect{background-position:-6149px 0}.emoji_trollface{background-position:-6181px 0}.emoji_sunny{background-position:-6213px 0}.emoji_umbrella{background-position:-6245px 0}.emoji_cloud{background-position:-6277px 0}.emoji_snowflake{background-position:-6309px 0}.emoji_snowman{background-position:-6341px 0}.emoji_zap{background-position:-6373px 0}.emoji_cyclone{background-position:-6405px 0}.emoji_foggy{background-position:-6437px 0}.emoji_ocean{background-position:-6469px 0}.emoji_cat{background-position:-6501px 0}.emoji_dog{background-position:-6533px 0}.emoji_mouse{background-position:-6565px 0}.emoji_hamster{background-position:-6597px 0}.emoji_rabbit{background-position:-6629px 0}.emoji_wolf{background-position:-6661px 0}.emoji_frog{background-position:-6693px 0}.emoji_tiger{background-position:-6725px 0}.emoji_koala{background-position:-6757px 0}.emoji_bear{background-position:-6789px 0}.emoji_pig{background-position:-6821px 0}.emoji_pig_nose{background-position:-6853px 0}.emoji_cow{background-position:-6885px 0}.emoji_boar{background-position:-6917px 0}.emoji_monkey_face{background-position:-6949px 0}.emoji_monkey{background-position:-6981px 0}.emoji_horse{background-position:-7013px 0}.emoji_racehorse{background-position:-7045px 0}.emoji_camel{background-position:-7077px 0}.emoji_sheep{background-position:-7109px 0}.emoji_elephant{background-position:-7141px 0}.emoji_panda_face{background-position:-7173px 0}.emoji_snake{background-position:-7205px 0}.emoji_bird{background-position:-7237px 0}.emoji_baby_chick{background-position:-7269px 0}.emoji_hatched_chick{background-position:-7301px 0}.emoji_hatching_chick{background-position:-7333px 0}.emoji_chicken{background-position:-7365px 0}.emoji_penguin{background-position:-7397px 0}.emoji_turtle{background-position:-7429px 0}.emoji_bug{background-position:-7461px 0}.emoji_honeybee{background-position:-7493px 0}.emoji_ant{background-position:-7525px 0}.emoji_beetle{background-position:-7557px 0}.emoji_snail{background-position:-7589px 0}.emoji_octopus{background-position:-7621px 0}.emoji_tropical_fish{background-position:-7653px 0}.emoji_fish{background-position:-7685px 0}.emoji_whale{background-position:-7717px 0}.emoji_whale2{background-position:-7749px 0}.emoji_dolphin{background-position:-7781px 0}.emoji_cow2{background-position:-7813px 0}.emoji_ram{background-position:-7845px 0}.emoji_rat{background-position:-7877px 0}.emoji_water_buffalo{background-position:-7909px 0}.emoji_tiger2{background-position:-7941px 0}.emoji_rabbit2{background-position:-7973px 0}.emoji_dragon{background-position:-8005px 0}.emoji_goat{background-position:-8037px 0}.emoji_rooster{background-position:-8069px 0}.emoji_dog2{background-position:-8101px 0}.emoji_pig2{background-position:-8133px 0}.emoji_mouse2{background-position:-8165px 0}.emoji_ox{background-position:-8197px 0}.emoji_dragon_face{background-position:-8229px 0}.emoji_blowfish{background-position:-8261px 0}.emoji_crocodile{background-position:-8293px 0}.emoji_dromedary_camel{background-position:-8325px 0}.emoji_leopard{background-position:-8357px 0}.emoji_cat2{background-position:-8389px 0}.emoji_poodle{background-position:-8421px 0}.emoji_paw_prints{background-position:-8453px 0}.emoji_bouquet{background-position:-8485px 0}.emoji_cherry_blossom{background-position:-8517px 0}.emoji_tulip{background-position:-8549px 0}.emoji_four_leaf_clover{background-position:-8581px 0}.emoji_rose{background-position:-8613px 0}.emoji_sunflower{background-position:-8645px 0}.emoji_hibiscus{background-position:-8677px 0}.emoji_maple_leaf{background-position:-8709px 0}.emoji_leaves{background-position:-8741px 0}.emoji_fallen_leaf{background-position:-8773px 0}.emoji_herb{background-position:-8805px 0}.emoji_mushroom{background-position:-8837px 0}.emoji_cactus{background-position:-8869px 0}.emoji_palm_tree{background-position:-8901px 0}.emoji_evergreen_tree{background-position:-8933px 0}.emoji_deciduous_tree{background-position:-8965px 0}.emoji_chestnut{background-position:-8997px 0}.emoji_seedling{background-position:-9029px 0}.emoji_blossom{background-position:-9061px 0}.emoji_ear_of_rice{background-position:-9093px 0}.emoji_shell{background-position:-9125px 0}.emoji_globe_with_meridians{background-position:-9157px 0}.emoji_sun_with_face{background-position:-9189px 0}.emoji_full_moon_with_face{background-position:-9221px 0}.emoji_new_moon_with_face{background-position:-9253px 0}.emoji_new_moon{background-position:-9285px 0}.emoji_waxing_crescent_moon{background-position:-9317px 0}.emoji_first_quarter_moon{background-position:-9349px 0}.emoji_waxing_gibbous_moon{background-position:-9381px 0}.emoji_full_moon{background-position:-9413px 0}.emoji_waning_gibbous_moon{background-position:-9445px 0}.emoji_last_quarter_moon{background-position:-9477px 0}.emoji_waning_crescent_moon{background-position:-9509px 0}.emoji_last_quarter_moon_with_face{background-position:-9541px 0}.emoji_first_quarter_moon_with_face{background-position:-9573px 0}.emoji_moon{background-position:-9605px 0}.emoji_earth_africa{background-position:-9637px 0}.emoji_earth_americas{background-position:-9669px 0}.emoji_earth_asia{background-position:-9701px 0}.emoji_volcano{background-position:-9733px 0}.emoji_milky_way{background-position:-9765px 0}.emoji_partly_sunny{background-position:-9797px 0}.emoji_octocat{background-position:-9829px 0}.emoji_squirrel{background-position:-9861px 0}.emoji_bamboo{background-position:-9893px 0}.emoji_gift_heart{background-position:-9925px 0}.emoji_dolls{background-position:-9957px 0}.emoji_school_satchel{background-position:-9989px 0}.emoji_mortar_board{background-position:-10021px 0}.emoji_flags{background-position:-10053px 0}.emoji_fireworks{background-position:-10085px 0}.emoji_sparkler{background-position:-10117px 0}.emoji_wind_chime{background-position:-10149px 0}.emoji_rice_scene{background-position:-10181px 0}.emoji_jack_o_lantern{background-position:-10213px 0}.emoji_ghost{background-position:-10245px 0}.emoji_santa{background-position:-10277px 0}.emoji_christmas_tree{background-position:-10309px 0}.emoji_gift{background-position:-10341px 0}.emoji_bell{background-position:-10373px 0}.emoji_no_bell{background-position:-10405px 0}.emoji_tanabata_tree{background-position:-10437px 0}.emoji_tada{background-position:-10469px 0}.emoji_confetti_ball{background-position:-10501px 0}.emoji_balloon{background-position:-10533px 0}.emoji_crystal_ball{background-position:-10565px 0}.emoji_cd{background-position:-10597px 0}.emoji_dvd{background-position:-10629px 0}.emoji_floppy_disk{background-position:-10661px 0}.emoji_camera{background-position:-10693px 0}.emoji_video_camera{background-position:-10725px 0}.emoji_movie_camera{background-position:-10757px 0}.emoji_computer{background-position:-10789px 0}.emoji_tv{background-position:-10821px 0}.emoji_iphone{background-position:-10853px 0}.emoji_phone{background-position:-10885px 0}.emoji_telephone{background-position:-10917px 0}.emoji_telephone_receiver{background-position:-10949px 0}.emoji_pager{background-position:-10981px 0}.emoji_fax{background-position:-11013px 0}.emoji_minidisc{background-position:-11045px 0}.emoji_vhs{background-position:-11077px 0}.emoji_sound{background-position:-11109px 0}.emoji_speaker{background-position:-11141px 0}.emoji_mute{background-position:-11173px 0}.emoji_loudspeaker{background-position:-11205px 0}.emoji_mega{background-position:-11237px 0}.emoji_hourglass{background-position:-11269px 0}.emoji_hourglass_flowing_sand{background-position:-11301px 0}.emoji_alarm_clock{background-position:-11333px 0}.emoji_watch{background-position:-11365px 0}.emoji_radio{background-position:-11397px 0}.emoji_satellite{background-position:-11429px 0}.emoji_loop{background-position:-11461px 0}.emoji_mag{background-position:-11493px 0}.emoji_mag_right{background-position:-11525px 0}.emoji_unlock{background-position:-11557px 0}.emoji_lock{background-position:-11589px 0}.emoji_lock_with_ink_pen{background-position:-11621px 0}.emoji_closed_lock_with_key{background-position:-11653px 0}.emoji_key{background-position:-11685px 0}.emoji_bulb{background-position:-11717px 0}.emoji_flashlight{background-position:-11749px 0}.emoji_high_brightness{background-position:-11781px 0}.emoji_low_brightness{background-position:-11813px 0}.emoji_electric_plug{background-position:-11845px 0}.emoji_battery{background-position:-11877px 0}.emoji_calling{background-position:-11909px 0}.emoji_email{background-position:-11941px 0}.emoji_mailbox{background-position:-11973px 0}.emoji_postbox{background-position:-12005px 0}.emoji_bath{background-position:-12037px 0}.emoji_bathtub{background-position:-12069px 0}.emoji_shower{background-position:-12101px 0}.emoji_toilet{background-position:-12133px 0}.emoji_wrench{background-position:-12165px 0}.emoji_nut_and_bolt{background-position:-12197px 0}.emoji_hammer{background-position:-12229px 0}.emoji_seat{background-position:-12261px 0}.emoji_moneybag{background-position:-12293px 0}.emoji_yen{background-position:-12325px 0}.emoji_dollar{background-position:-12357px 0}.emoji_pound{background-position:-12389px 0}.emoji_euro{background-position:-12421px 0}.emoji_credit_card{background-position:-12453px 0}.emoji_money_with_wings{background-position:-12485px 0}.emoji_e\-mail{background-position:-12517px 0}.emoji_inbox_tray{background-position:-12549px 0}.emoji_outbox_tray{background-position:-12581px 0}.emoji_envelope{background-position:-12613px 0}.emoji_incoming_envelope{background-position:-12645px 0}.emoji_postal_horn{background-position:-12677px 0}.emoji_mailbox_closed{background-position:-12709px 0}.emoji_mailbox_with_mail{background-position:-12741px 0}.emoji_mailbox_with_no_mail{background-position:-12773px 0}.emoji_door{background-position:-12805px 0}.emoji_smoking{background-position:-12837px 0}.emoji_bomb{background-position:-12869px 0}.emoji_gun{background-position:-12901px 0}.emoji_hocho{background-position:-12933px 0}.emoji_pill{background-position:-12965px 0}.emoji_syringe{background-position:-12997px 0}.emoji_page_facing_up{background-position:-13029px 0}.emoji_page_with_curl{background-position:-13061px 0}.emoji_bookmark_tabs{background-position:-13093px 0}.emoji_bar_chart{background-position:-13125px 0}.emoji_chart_with_upwards_trend{background-position:-13157px 0}.emoji_chart_with_downwards_trend{background-position:-13189px 0}.emoji_scroll{background-position:-13221px 0}.emoji_clipboard{background-position:-13253px 0}.emoji_calendar{background-position:-13285px 0}.emoji_date{background-position:-13317px 0}.emoji_card_index{background-position:-13349px 0}.emoji_file_folder{background-position:-13381px 0}.emoji_open_file_folder{background-position:-13413px 0}.emoji_scissors{background-position:-13445px 0}.emoji_pushpin{background-position:-13477px 0}.emoji_paperclip{background-position:-13509px 0}.emoji_black_nib{background-position:-13541px 0}.emoji_pencil2{background-position:-13573px 0}.emoji_straight_ruler{background-position:-13605px 0}.emoji_triangular_ruler{background-position:-13637px 0}.emoji_closed_book{background-position:-13669px 0}.emoji_green_book{background-position:-13701px 0}.emoji_blue_book{background-position:-13733px 0}.emoji_orange_book{background-position:-13765px 0}.emoji_notebook{background-position:-13797px 0}.emoji_notebook_with_decorative_cover{background-position:-13829px 0}.emoji_ledger{background-position:-13861px 0}.emoji_books{background-position:-13893px 0}.emoji_bookmark{background-position:-13925px 0}.emoji_name_badge{background-position:-13957px 0}.emoji_microscope{background-position:-13989px 0}.emoji_telescope{background-position:-14021px 0}.emoji_newspaper{background-position:-14053px 0}.emoji_football{background-position:-14085px 0}.emoji_basketball{background-position:-14117px 0}.emoji_soccer{background-position:-14149px 0}.emoji_baseball{background-position:-14181px 0}.emoji_tennis{background-position:-14213px 0}.emoji_8ball{background-position:-14245px 0}.emoji_rugby_football{background-position:-14277px 0}.emoji_bowling{background-position:-14309px 0}.emoji_golf{background-position:-14341px 0}.emoji_mountain_bicyclist{background-position:-14373px 0}.emoji_bicyclist{background-position:-14405px 0}.emoji_horse_racing{background-position:-14437px 0}.emoji_snowboarder{background-position:-14469px 0}.emoji_swimmer{background-position:-14501px 0}.emoji_surfer{background-position:-14533px 0}.emoji_ski{background-position:-14565px 0}.emoji_spades{background-position:-14597px 0}.emoji_hearts{background-position:-14629px 0}.emoji_clubs{background-position:-14661px 0}.emoji_diamonds{background-position:-14693px 0}.emoji_gem{background-position:-14725px 0}.emoji_ring{background-position:-14757px 0}.emoji_trophy{background-position:-14789px 0}.emoji_musical_score{background-position:-14821px 0}.emoji_musical_keyboard{background-position:-14853px 0}.emoji_violin{background-position:-14885px 0}.emoji_space_invader{background-position:-14917px 0}.emoji_video_game{background-position:-14949px 0}.emoji_black_joker{background-position:-14981px 0}.emoji_flower_playing_cards{background-position:-15013px 0}.emoji_game_die{background-position:-15045px 0}.emoji_dart{background-position:-15077px 0}.emoji_mahjong{background-position:-15109px 0}.emoji_clapper{background-position:-15141px 0}.emoji_memo{background-position:-15173px 0}.emoji_pencil{background-position:-15205px 0}.emoji_book{background-position:-15237px 0}.emoji_art{background-position:-15269px 0}.emoji_microphone{background-position:-15301px 0}.emoji_headphones{background-position:-15333px 0}.emoji_trumpet{background-position:-15365px 0}.emoji_saxophone{background-position:-15397px 0}.emoji_guitar{background-position:-15429px 0}.emoji_shoe{background-position:-15461px 0}.emoji_sandal{background-position:-15493px 0}.emoji_high_heel{background-position:-15525px 0}.emoji_lipstick{background-position:-15557px 0}.emoji_boot{background-position:-15589px 0}.emoji_shirt{background-position:-15621px 0}.emoji_tshirt{background-position:-15653px 0}.emoji_necktie{background-position:-15685px 0}.emoji_womans_clothes{background-position:-15717px 0}.emoji_dress{background-position:-15749px 0}.emoji_running_shirt_with_sash{background-position:-15781px 0}.emoji_jeans{background-position:-15813px 0}.emoji_kimono{background-position:-15845px 0}.emoji_bikini{background-position:-15877px 0}.emoji_ribbon{background-position:-15909px 0}.emoji_tophat{background-position:-15941px 0}.emoji_crown{background-position:-15973px 0}.emoji_womans_hat{background-position:-16005px 0}.emoji_mans_shoe{background-position:-16037px 0}.emoji_closed_umbrella{background-position:-16069px 0}.emoji_briefcase{background-position:-16101px 0}.emoji_handbag{background-position:-16133px 0}.emoji_pouch{background-position:-16165px 0}.emoji_purse{background-position:-16197px 0}.emoji_eyeglasses{background-position:-16229px 0}.emoji_fishing_pole_and_fish{background-position:-16261px 0}.emoji_coffee{background-position:-16293px 0}.emoji_tea{background-position:-16325px 0}.emoji_sake{background-position:-16357px 0}.emoji_baby_bottle{background-position:-16389px 0}.emoji_beer{background-position:-16421px 0}.emoji_beers{background-position:-16453px 0}.emoji_cocktail{background-position:-16485px 0}.emoji_tropical_drink{background-position:-16517px 0}.emoji_wine_glass{background-position:-16549px 0}.emoji_fork_and_knife{background-position:-16581px 0}.emoji_pizza{background-position:-16613px 0}.emoji_hamburger{background-position:-16645px 0}.emoji_fries{background-position:-16677px 0}.emoji_poultry_leg{background-position:-16709px 0}.emoji_meat_on_bone{background-position:-16741px 0}.emoji_spaghetti{background-position:-16773px 0}.emoji_curry{background-position:-16805px 0}.emoji_fried_shrimp{background-position:-16837px 0}.emoji_bento{background-position:-16869px 0}.emoji_sushi{background-position:-16901px 0}.emoji_fish_cake{background-position:-16933px 0}.emoji_rice_ball{background-position:-16965px 0}.emoji_rice_cracker{background-position:-16997px 0}.emoji_rice{background-position:-17029px 0}.emoji_ramen{background-position:-17061px 0}.emoji_stew{background-position:-17093px 0}.emoji_oden{background-position:-17125px 0}.emoji_dango{background-position:-17157px 0}.emoji_egg{background-position:-17189px 0}.emoji_bread{background-position:-17221px 0}.emoji_doughnut{background-position:-17253px 0}.emoji_custard{background-position:-17285px 0}.emoji_icecream{background-position:-17317px 0}.emoji_ice_cream{background-position:-17349px 0}.emoji_shaved_ice{background-position:-17381px 0}.emoji_birthday{background-position:-17413px 0}.emoji_cake{background-position:-17445px 0}.emoji_cookie{background-position:-17477px 0}.emoji_chocolate_bar{background-position:-17509px 0}.emoji_candy{background-position:-17541px 0}.emoji_lollipop{background-position:-17573px 0}.emoji_honey_pot{background-position:-17605px 0}.emoji_apple{background-position:-17637px 0}.emoji_green_apple{background-position:-17669px 0}.emoji_tangerine{background-position:-17701px 0}.emoji_lemon{background-position:-17733px 0}.emoji_cherries{background-position:-17765px 0}.emoji_grapes{background-position:-17797px 0}.emoji_watermelon{background-position:-17829px 0}.emoji_strawberry{background-position:-17861px 0}.emoji_peach{background-position:-17893px 0}.emoji_melon{background-position:-17925px 0}.emoji_banana{background-position:-17957px 0}.emoji_pear{background-position:-17989px 0}.emoji_pineapple{background-position:-18021px 0}.emoji_sweet_potato{background-position:-18053px 0}.emoji_eggplant{background-position:-18085px 0}.emoji_tomato{background-position:-18117px 0}.emoji_corn{background-position:-18149px 0}.emoji_house{background-position:-18181px 0}.emoji_house_with_garden{background-position:-18213px 0}.emoji_school{background-position:-18245px 0}.emoji_office{background-position:-18277px 0}.emoji_post_office{background-position:-18309px 0}.emoji_hospital{background-position:-18341px 0}.emoji_bank{background-position:-18373px 0}.emoji_convenience_store{background-position:-18405px 0}.emoji_love_hotel{background-position:-18437px 0}.emoji_hotel{background-position:-18469px 0}.emoji_wedding{background-position:-18501px 0}.emoji_church{background-position:-18533px 0}.emoji_department_store{background-position:-18565px 0}.emoji_european_post_office{background-position:-18597px 0}.emoji_city_sunrise{background-position:-18629px 0}.emoji_city_sunset{background-position:-18661px 0}.emoji_japanese_castle{background-position:-18693px 0}.emoji_european_castle{background-position:-18725px 0}.emoji_tent{background-position:-18757px 0}.emoji_factory{background-position:-18789px 0}.emoji_tokyo_tower{background-position:-18821px 0}.emoji_japan{background-position:-18853px 0}.emoji_mount_fuji{background-position:-18885px 0}.emoji_sunrise_over_mountains{background-position:-18917px 0}.emoji_sunrise{background-position:-18949px 0}.emoji_stars{background-position:-18981px 0}.emoji_themoreyouknow{background-position:-18981px 0}.emoji_tmyk{background-position:-18981px 0}.emoji_statue_of_liberty{background-position:-19013px 0}.emoji_bridge_at_night{background-position:-19045px 0}.emoji_carousel_horse{background-position:-19077px 0}.emoji_rainbow{background-position:-19109px 0}.emoji_ferris_wheel{background-position:-19141px 0}.emoji_fountain{background-position:-19173px 0}.emoji_roller_coaster{background-position:-19205px 0}.emoji_ship{background-position:-19237px 0}.emoji_speedboat{background-position:-19269px 0}.emoji_boat{background-position:-19301px 0}.emoji_sailboat{background-position:-19333px 0}.emoji_rowboat{background-position:-19365px 0}.emoji_anchor{background-position:-19397px 0}.emoji_rocket{background-position:-19429px 0}.emoji_airplane{background-position:-19461px 0}.emoji_helicopter{background-position:-19493px 0}.emoji_steam_locomotive{background-position:-19525px 0}.emoji_tram{background-position:-19557px 0}.emoji_mountain_railway{background-position:-19589px 0}.emoji_bike{background-position:-19621px 0}.emoji_aerial_tramway{background-position:-19653px 0}.emoji_suspension_railway{background-position:-19685px 0}.emoji_mountain_cableway{background-position:-19717px 0}.emoji_tractor{background-position:-19749px 0}.emoji_blue_car{background-position:-19781px 0}.emoji_oncoming_automobile{background-position:-19813px 0}.emoji_car{background-position:-19845px 0}.emoji_red_car{background-position:-19877px 0}.emoji_taxi{background-position:-19909px 0}.emoji_oncoming_taxi{background-position:-19941px 0}.emoji_articulated_lorry{background-position:-19973px 0}.emoji_bus{background-position:-20005px 0}.emoji_oncoming_bus{background-position:-20037px 0}.emoji_rotating_light{background-position:-20069px 0}.emoji_police_car{background-position:-20101px 0}.emoji_oncoming_police_car{background-position:-20133px 0}.emoji_fire_engine{background-position:-20165px 0}.emoji_ambulance{background-position:-20197px 0}.emoji_minibus{background-position:-20229px 0}.emoji_truck{background-position:-20261px 0}.emoji_train{background-position:-20293px 0}.emoji_station{background-position:-20325px 0}.emoji_train2{background-position:-20357px 0}.emoji_bullettrain_front{background-position:-20389px 0}.emoji_bullettrain_side{background-position:-20421px 0}.emoji_light_rail{background-position:-20453px 0}.emoji_monorail{background-position:-20485px 0}.emoji_railway_car{background-position:-20517px 0}.emoji_trolleybus{background-position:-20549px 0}.emoji_ticket{background-position:-20581px 0}.emoji_fuelpump{background-position:-20613px 0}.emoji_vertical_traffic_light{background-position:-20645px 0}.emoji_traffic_light{background-position:-20677px 0}.emoji_warning{background-position:-20709px 0}.emoji_construction{background-position:-20741px 0}.emoji_beginner{background-position:-20773px 0}.emoji_atm{background-position:-20805px 0}.emoji_slot_machine{background-position:-20837px 0}.emoji_busstop{background-position:-20869px 0}.emoji_barber{background-position:-20901px 0}.emoji_hotsprings{background-position:-20933px 0}.emoji_checkered_flag{background-position:-20965px 0}.emoji_crossed_flags{background-position:-20997px 0}.emoji_izakaya_lantern{background-position:-21029px 0}.emoji_moyai{background-position:-21061px 0}.emoji_circus_tent{background-position:-21093px 0}.emoji_performing_arts{background-position:-21125px 0}.emoji_round_pushpin{background-position:-21157px 0}.emoji_triangular_flag_on_post{background-position:-21189px 0}.emoji_jp{background-position:-21221px 0}.emoji_kr{background-position:-21253px 0}.emoji_cn{background-position:-21285px 0}.emoji_us{background-position:-21317px 0}.emoji_fr{background-position:-21349px 0}.emoji_es{background-position:-21381px 0}.emoji_it{background-position:-21413px 0}.emoji_ru{background-position:-21445px 0}.emoji_gb{background-position:-21477px 0}.emoji_uk{background-position:-21509px 0}.emoji_de{background-position:-21541px 0}.emoji_one{background-position:-21573px 0}.emoji_two{background-position:-21605px 0}.emoji_three{background-position:-21637px 0}.emoji_four{background-position:-21669px 0}.emoji_five{background-position:-21701px 0}.emoji_six{background-position:-21733px 0}.emoji_seven{background-position:-21765px 0}.emoji_eight{background-position:-21797px 0}.emoji_nine{background-position:-21829px 0}.emoji_keycap_ten{background-position:-21861px 0}.emoji_1234{background-position:-21893px 0}.emoji_zero{background-position:-21925px 0}.emoji_hash{background-position:-21957px 0}.emoji_symbols{background-position:-21989px 0}.emoji_arrow_backward{background-position:-22021px 0}.emoji_arrow_down{background-position:-22053px 0}.emoji_arrow_forward{background-position:-22085px 0}.emoji_arrow_left{background-position:-22117px 0}.emoji_capital_abcd{background-position:-22149px 0}.emoji_abcd{background-position:-22181px 0}.emoji_abc{background-position:-22213px 0}.emoji_arrow_lower_left{background-position:-22245px 0}.emoji_arrow_lower_right{background-position:-22277px 0}.emoji_arrow_right{background-position:-22309px 0}.emoji_arrow_up{background-position:-22341px 0}.emoji_arrow_upper_left{background-position:-22373px 0}.emoji_arrow_upper_right{background-position:-22405px 0}.emoji_arrow_double_down{background-position:-22437px 0}.emoji_arrow_double_up{background-position:-22469px 0}.emoji_arrow_down_small{background-position:-22501px 0}.emoji_arrow_heading_down{background-position:-22533px 0}.emoji_arrow_heading_up{background-position:-22565px 0}.emoji_leftwards_arrow_with_hook{background-position:-22597px 0}.emoji_arrow_right_hook{background-position:-22629px 0}.emoji_left_right_arrow{background-position:-22661px 0}.emoji_arrow_up_down{background-position:-22693px 0}.emoji_arrow_up_small{background-position:-22725px 0}.emoji_arrows_clockwise{background-position:-22757px 0}.emoji_arrows_counterclockwise{background-position:-22789px 0}.emoji_rewind{background-position:-22821px 0}.emoji_fast_forward{background-position:-22853px 0}.emoji_information_source{background-position:-22885px 0}.emoji_ok{background-position:-22917px 0}.emoji_twisted_rightwards_arrows{background-position:-22949px 0}.emoji_repeat{background-position:-22981px 0}.emoji_repeat_one{background-position:-23013px 0}.emoji_new{background-position:-23045px 0}.emoji_top{background-position:-23077px 0}.emoji_up{background-position:-23109px 0}.emoji_cool{background-position:-23141px 0}.emoji_free{background-position:-23173px 0}.emoji_ng{background-position:-23205px 0}.emoji_cinema{background-position:-23237px 0}.emoji_koko{background-position:-23269px 0}.emoji_signal_strength{background-position:-23301px 0}.emoji_u5272{background-position:-23333px 0}.emoji_u5408{background-position:-23365px 0}.emoji_u55b6{background-position:-23397px 0}.emoji_u6307{background-position:-23429px 0}.emoji_u6708{background-position:-23461px 0}.emoji_u6709{background-position:-23493px 0}.emoji_u6e80{background-position:-23525px 0}.emoji_u7121{background-position:-23557px 0}.emoji_u7533{background-position:-23589px 0}.emoji_u7a7a{background-position:-23621px 0}.emoji_u7981{background-position:-23653px 0}.emoji_sa{background-position:-23685px 0}.emoji_restroom{background-position:-23717px 0}.emoji_mens{background-position:-23749px 0}.emoji_womens{background-position:-23781px 0}.emoji_baby_symbol{background-position:-23813px 0}.emoji_no_smoking{background-position:-23845px 0}.emoji_parking{background-position:-23877px 0}.emoji_wheelchair{background-position:-23909px 0}.emoji_metro{background-position:-23941px 0}.emoji_baggage_claim{background-position:-23973px 0}.emoji_accept{background-position:-24005px 0}.emoji_wc{background-position:-24037px 0}.emoji_potable_water{background-position:-24069px 0}.emoji_put_litter_in_its_place{background-position:-24101px 0}.emoji_secret{background-position:-24133px 0}.emoji_congratulations{background-position:-24165px 0}.emoji_m{background-position:-24197px 0}.emoji_passport_control{background-position:-24229px 0}.emoji_left_luggage{background-position:-24261px 0}.emoji_customs{background-position:-24293px 0}.emoji_ideograph_advantage{background-position:-24325px 0}.emoji_cl{background-position:-24357px 0}.emoji_sos{background-position:-24389px 0}.emoji_id{background-position:-24421px 0}.emoji_no_entry_sign{background-position:-24453px 0}.emoji_underage{background-position:-24485px 0}.emoji_no_mobile_phones{background-position:-24517px 0}.emoji_do_not_litter{background-position:-24549px 0}.emoji_non\-potable_water{background-position:-24581px 0}.emoji_no_bicycles{background-position:-24613px 0}.emoji_no_pedestrians{background-position:-24645px 0}.emoji_children_crossing{background-position:-24677px 0}.emoji_no_entry{background-position:-24709px 0}.emoji_eight_spoked_asterisk{background-position:-24741px 0}.emoji_eight_pointed_black_star{background-position:-24773px 0}.emoji_heart_decoration{background-position:-24805px 0}.emoji_vs{background-position:-24837px 0}.emoji_vibration_mode{background-position:-24869px 0}.emoji_mobile_phone_off{background-position:-24901px 0}.emoji_chart{background-position:-24933px 0}.emoji_currency_exchange{background-position:-24965px 0}.emoji_aries{background-position:-24997px 0}.emoji_taurus{background-position:-25029px 0}.emoji_gemini{background-position:-25061px 0}.emoji_cancer{background-position:-25093px 0}.emoji_leo{background-position:-25125px 0}.emoji_virgo{background-position:-25157px 0}.emoji_libra{background-position:-25189px 0}.emoji_scorpius{background-position:-25221px 0}.emoji_sagittarius{background-position:-25253px 0}.emoji_capricorn{background-position:-25285px 0}.emoji_aquarius{background-position:-25317px 0}.emoji_pisces{background-position:-25349px 0}.emoji_ophiuchus{background-position:-25381px 0}.emoji_six_pointed_star{background-position:-25413px 0}.emoji_negative_squared_cross_mark{background-position:-25445px 0}.emoji_a{background-position:-25477px 0}.emoji_b{background-position:-25509px 0}.emoji_ab{background-position:-25541px 0}.emoji_o2{background-position:-25573px 0}.emoji_diamond_shape_with_a_dot_inside{background-position:-25605px 0}.emoji_recycle{background-position:-25637px 0}.emoji_end{background-position:-25669px 0}.emoji_on{background-position:-25701px 0}.emoji_soon{background-position:-25733px 0}.emoji_clock1{background-position:-25765px 0}.emoji_clock130{background-position:-25797px 0}.emoji_clock10{background-position:-25829px 0}.emoji_clock1030{background-position:-25861px 0}.emoji_clock11{background-position:-25893px 0}.emoji_clock1130{background-position:-25925px 0}.emoji_clock12{background-position:-25957px 0}.emoji_clock1230{background-position:-25989px 0}.emoji_clock2{background-position:-26021px 0}.emoji_clock230{background-position:-26053px 0}.emoji_clock3{background-position:-26085px 0}.emoji_clock330{background-position:-26117px 0}.emoji_clock4{background-position:-26149px 0}.emoji_clock430{background-position:-26181px 0}.emoji_clock5{background-position:-26213px 0}.emoji_clock530{background-position:-26245px 0}.emoji_clock6{background-position:-26277px 0}.emoji_clock630{background-position:-26309px 0}.emoji_clock7{background-position:-26341px 0}.emoji_clock730{background-position:-26373px 0}.emoji_clock8{background-position:-26405px 0}.emoji_clock830{background-position:-26437px 0}.emoji_clock9{background-position:-26469px 0}.emoji_clock930{background-position:-26501px 0}.emoji_heavy_dollar_sign{background-position:-26533px 0}.emoji_copyright{background-position:-26565px 0}.emoji_registered{background-position:-26597px 0}.emoji_tm{background-position:-26629px 0}.emoji_x{background-position:-26661px 0}.emoji_heavy_exclamation_mark{background-position:-26693px 0}.emoji_bangbang{background-position:-26725px 0}.emoji_interrobang{background-position:-26757px 0}.emoji_o{background-position:-26789px 0}.emoji_heavy_multiplication_x{background-position:-26821px 0}.emoji_heavy_plus_sign{background-position:-26853px 0}.emoji_heavy_minus_sign{background-position:-26885px 0}.emoji_heavy_division_sign{background-position:-26917px 0}.emoji_white_flower{background-position:-26949px 0}.emoji_100{background-position:-26981px 0}.emoji_heavy_check_mark{background-position:-27013px 0}.emoji_ballot_box_with_check{background-position:-27045px 0}.emoji_radio_button{background-position:-27077px 0}.emoji_link{background-position:-27109px 0}.emoji_curly_loop{background-position:-27141px 0}.emoji_wavy_dash{background-position:-27173px 0}.emoji_part_alternation_mark{background-position:-27205px 0}.emoji_trident{background-position:-27237px 0}.emoji_black_square{background-position:-27269px 0}.emoji_white_square{background-position:-27301px 0}.emoji_white_check_mark{background-position:-27333px 0}.emoji_black_square_button{background-position:-27365px 0}.emoji_white_square_button{background-position:-27397px 0}.emoji_black_circle{background-position:-27429px 0}.emoji_white_circle{background-position:-27461px 0}.emoji_red_circle{background-position:-27493px 0}.emoji_large_blue_circle{background-position:-27525px 0}.emoji_large_blue_diamond{background-position:-27557px 0}.emoji_large_orange_diamond{background-position:-27589px 0}.emoji_small_blue_diamond{background-position:-27621px 0}.emoji_small_orange_diamond{background-position:-27653px 0}.emoji_small_red_triangle{background-position:-27685px 0}.emoji_small_red_triangle_down{background-position:-27717px 0}.emoji_shipit{background-position:-27749px 0}
.facebookShare {
  border: none;
  visibility: visible;
  width: auto;
  height: 22px;
  background: transparent;
  overflow: hidden;
  -webkit-text-size-adjust: none;
  color: #333;
  line-height: 1.28;
  margin: 0;
  padding: 0;
  text-align: left;
  direction: ltr;
  cursor: pointer;
  font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
  display: inline-block;
}
.facebookShare:hover .facebookButton .pluginButton,
.facebookShare:active .facebookButton .pluginButton,
.facebookShare:focus .facebookButton .pluginButton {
  background: #5b7bd5;
  background: -moz-linear-gradient(top, #5b7bd5 0%, #4864b1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b7bd5), color-stop(100%, #4864b1));
  background: -webkit-linear-gradient(top, #5b7bd5 0%, #4864b1 100%);
  background: -o-linear-gradient(top, #5b7bd5 0%, #4864b1 100%);
  background: -ms-linear-gradient(top, #5b7bd5 0%, #4864b1 100%);
  background: linear-gradient(to bottom, #5b7bd5 0%, #4864b1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b7bd5', endColorstr='#4864b1', GradientType=0);
  border-color: #5874c3 #4961a8 #41599f;
  box-shadow: inset 0 0 1px #607fd6;
}
.facebookShare .facebookButton {
  color: #3b5998;
  text-decoration: none;
  font-size: 11px;
  text-align: left;
  display: inline-block;
  width: 55px;
}
.facebookShare .facebookButton .pluginButton {
  background: #4c69ba;
  background: -moz-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c69ba), color-stop(100%, #3b55a0));
  background: -webkit-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);
  background: -o-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);
  background: -ms-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);
  background: linear-gradient(to bottom, #4c69ba 0%, #3b55a0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c69ba', endColorstr='#3b55a0', GradientType=0);
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0;
  text-shadow: 0 -1px 0 #354c8c;
  white-space: nowrap;
}
.facebookShare .facebookButton .pluginButton .pluginButtonContainer {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.004);
}
.facebookShare .facebookButton .pluginButton .pluginButtonContainer .pluginButtonImage {
  display: inline-block;
}
.facebookShare .facebookButton .pluginButton button {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: bold;
  margin: -1px;
  outline: none;
  padding: 0;
  text-shadow: 0 -1px 0 #354c8c;
}
.facebookShare .facebookButton .pluginButton button .pluginButtonIcon {
  height: 14px;
  left: 0;
  margin: 0 4px 0 4px;
  position: relative;
  top: 3px;
  vertical-align: top;
  width: 14px;
}
.facebookShare .facebookButton .pluginButton button .sp_plugin-button-2x {
  background-image: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/y5/r/KxVPs0eEy36.png);
  background-size: 30px 72px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 14px;
}
.facebookShare .facebookButton .pluginButton button .sx_plugin-button-2x_favblue {
  background-position: 0 -42px;
}
.facebookShare .facebookButton .pluginButton button i.img {
  -ms-high-contrast-adjust: none;
  _overflow: hidden;
}
.facebookShare .facebookButton .pluginButton .pluginButtonLabel {
  padding: 0 5px 0 0;
  position: relative;
  vertical-align: top;
}
.facebookShare .facebookCount {
  display: inline-block;
  width: auto;
}
.facebookShare .facebookCount .pluginCountButton {
  background: white;
  border: 1px solid #bbb;
  border-radius: 3px;
  color: #6a7180;
  display: inline-block;
  font-size: 11px;
  height: auto;
  line-height: 18px;
  margin-left: 6px;
  min-width: 15px;
  padding: 0 3px;
  text-align: center;
  white-space: nowrap;
}
.facebookShare .facebookCount .pluginCountButton span {
  display: inline-block;
  min-height: 12px;
  min-width: 4px;
  color: #333;
}
.facebookShare .facebookCount .pluginCountButtonNub {
  height: 0;
  left: 2px;
  position: relative;
  top: -15px;
  width: 5px;
  z-index: 2;
}
.facebookShare .facebookCount .pluginCountButtonNub s,
.facebookShare .facebookCount .pluginCountButtonNub i {
  border-color: transparent #bbb;
  border-style: solid;
  border-width: 4px 5px 4px 0;
  display: block;
  position: relative;
  top: 1px;
}
.facebookShare .facebookCount .pluginCountButtonNub i {
  border-right-color: #fff;
  left: 2px;
  top: -7px;
}
@-moz-document url-prefix() {
  .facebookShare .facebookButton .pluginButton button .pluginButtonIcon {
    margin: 0 1px;
  }
}
.linkedinShare {
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  text-align: center;
  width: auto;
  padding: 0;
  margin: 0;
  position: relative;
  border: 0;
  text-decoration: none;
  height: 20px;
  cursor: pointer;
}
.linkedinShare:hover .linkedinButton .pluginButtonLabel,
.linkedinShare:active .linkedinButton .pluginButtonLabel,
.linkedinShare:focus .linkedinButton .pluginButtonLabel {
  border: 1px solid #000;
  border-top-color: #ABABAB;
  border-right-color: #9A9A9A;
  border-bottom-color: #787878;
  border-left-color: #04568B;
  border-left: 0;
  background: #ededed;
  background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #dedede));
  background: -webkit-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: -o-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: -ms-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: linear-gradient(to bottom, #ededed 0%, #dedede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede', GradientType=0);
}
.linkedinShare .linkedinButton {
  display: inline-block;
  width: 59px;
  height: 20px;
  padding: 0;
  margin: 0;
}
.linkedinShare .linkedinButton .pluginButtonImage {
  background-image: url(https://www.linkedin.com/scds/common/u/images/apps/connect/sprites/sprite_connect_v14.png);
  background-position: 0px -276px;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0;
  text-indent: -9999em;
  overflow: hidden;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  color: #069;
}
.linkedinShare .linkedinButton .pluginButtonLabel {
  color: #333;
  cursor: pointer;
  display: block;
  white-space: nowrap;
  float: left;
  margin-left: 1px;
  overflow: hidden;
  text-align: center;
  height: 18px;
  padding: 0 4px 0 23px;
  border: 1px solid #000;
  border-top-color: #E2E2E2;
  border-right-color: #BFBFBF;
  border-bottom-color: #B9B9B9;
  border-left-color: #E2E2E2;
  border-left: 0;
  text-shadow: #ffffff -1px 1px 0;
  line-height: 20px;
  border-radius: 2px;
  background-color: #ECECEC;
  background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: linear-gradient(to bottom, #fefefe 0%, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ececec', GradientType=0);
}
.linkedinShare .linkedinButton .pluginButtonLabel span {
  color: #333;
  font-size: 11px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  background: transparent none;
  vertical-align: top;
  height: 18px;
  line-height: 20px;
  float: none;
}
.linkedinShare .linkedinCount {
  padding: 0px;
  margin: 0px;
  text-indent: 0px;
  display: inline-block;
  vertical-align: baseline;
}
.linkedinShare .linkedinCount .pluginCountButton {
  display: inline-block;
  overflow: visible;
  position: relative;
  height: 18px;
  padding-left: 2px;
}
.linkedinShare .linkedinCount .pluginCountButton .pluginCountButtonRight {
  display: block;
  float: left;
  height: 18px;
  padding-right: 4px;
  background-image: url(https://www.linkedin.com/scds/common/u/images/apps/connect/sprites/sprite_connect_v14.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right -100px;
}
.linkedinShare .linkedinCount .pluginCountButton .pluginCountButtonRight .pluginCountButtonLeft {
  display: block;
  float: left;
  padding-left: 8px;
  text-align: center;
  background-image: url(https://www.linkedin.com/scds/common/u/images/apps/connect/sprites/sprite_connect_v14.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px -60px;
}
.linkedinShare .linkedinCount .pluginCountButton .pluginCountButtonRight .pluginCountButtonLeft span {
  display: inline;
  font-size: 11px;
  color: #04558B;
  font-weight: bold;
  font-family: Arial, sans-serif;
  line-height: 18px;
  padding: 0 2px;
}

md-input-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
  padding: 2px;
  padding-bottom: 26px;
  /*
   * The .md-input class is added to the input/textarea
   */ }
  md-input-container > md-icon {
    position: absolute;
    top: 5px;
    left: 2px; }
    md-input-container > md-icon + input {
      margin-left: 56px; }
  md-input-container textarea, md-input-container input[type="text"], md-input-container input[type="password"], md-input-container input[type="datetime"], md-input-container input[type="datetime-local"], md-input-container input[type="date"], md-input-container input[type="month"], md-input-container input[type="time"], md-input-container input[type="week"], md-input-container input[type="number"], md-input-container input[type="email"], md-input-container input[type="url"], md-input-container input[type="search"], md-input-container input[type="tel"], md-input-container input[type="color"] {
    /* remove default appearance from all input/textarea */
    -moz-appearance: none;
    -webkit-appearance: none; }
  md-input-container textarea {
    resize: none;
    overflow: hidden; }
  md-input-container label:not(.md-no-float), md-input-container .md-placeholder {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 2px;
    z-index: 1;
    -webkit-transform: translate3d(0, 24px, 0) scale(1);
            transform: translate3d(0, 24px, 0) scale(1);
    -webkit-transform-origin: left top;
            transform-origin: left top;
    transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s; }
  md-input-container .md-placeholder {
    position: absolute;
    top: 0;
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0); }
  md-input-container.md-input-focused .md-placeholder {
    opacity: 1;
    -webkit-transform: translate3d(0, 24px, 0);
            transform: translate3d(0, 24px, 0); }
  md-input-container.md-input-has-value .md-placeholder {
    transition: none;
    opacity: 0; }
  md-input-container:not(.md-input-has-value) input:not(:focus) {
    color: transparent; }
  md-input-container .md-input {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    display: block;
    background: none;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-width: 0 0 1px 0;
    line-height: 26px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0; }
    md-input-container .md-input:focus {
      outline: none; }
    md-input-container .md-input:invalid {
      outline: none;
      box-shadow: none; }
  md-input-container ng-messages, md-input-container data-ng-messages, md-input-container x-ng-messages, md-input-container [ng-messages], md-input-container [data-ng-messages], md-input-container [x-ng-messages] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    position: relative; }
  md-input-container ng-message, md-input-container data-ng-message, md-input-container x-ng-message, md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message], md-input-container .md-char-counter {
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 12px;
    line-height: 24px; }
    md-input-container ng-message.ng-enter, md-input-container data-ng-message.ng-enter, md-input-container x-ng-message.ng-enter, md-input-container [ng-message].ng-enter, md-input-container [data-ng-message].ng-enter, md-input-container [x-ng-message].ng-enter, md-input-container .md-char-counter.ng-enter {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-delay: 0.2s; }
    md-input-container ng-message.ng-leave, md-input-container data-ng-message.ng-leave, md-input-container x-ng-message.ng-leave, md-input-container [ng-message].ng-leave, md-input-container [data-ng-message].ng-leave, md-input-container [x-ng-message].ng-leave, md-input-container .md-char-counter.ng-leave {
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
    md-input-container ng-message.ng-enter, md-input-container ng-message.ng-leave.ng-leave-active, md-input-container data-ng-message.ng-enter, md-input-container data-ng-message.ng-leave.ng-leave-active, md-input-container x-ng-message.ng-enter, md-input-container x-ng-message.ng-leave.ng-leave-active, md-input-container [ng-message].ng-enter, md-input-container [ng-message].ng-leave.ng-leave-active, md-input-container [data-ng-message].ng-enter, md-input-container [data-ng-message].ng-leave.ng-leave-active, md-input-container [x-ng-message].ng-enter, md-input-container [x-ng-message].ng-leave.ng-leave-active, md-input-container .md-char-counter.ng-enter, md-input-container .md-char-counter.ng-leave.ng-leave-active {
      opacity: 0;
      -webkit-transform: translate3d(0, -20%, 0);
              transform: translate3d(0, -20%, 0); }
    md-input-container ng-message.ng-leave, md-input-container ng-message.ng-enter.ng-enter-active, md-input-container data-ng-message.ng-leave, md-input-container data-ng-message.ng-enter.ng-enter-active, md-input-container x-ng-message.ng-leave, md-input-container x-ng-message.ng-enter.ng-enter-active, md-input-container [ng-message].ng-leave, md-input-container [ng-message].ng-enter.ng-enter-active, md-input-container [data-ng-message].ng-leave, md-input-container [data-ng-message].ng-enter.ng-enter-active, md-input-container [x-ng-message].ng-leave, md-input-container [x-ng-message].ng-enter.ng-enter-active, md-input-container .md-char-counter.ng-leave, md-input-container .md-char-counter.ng-enter.ng-enter-active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
  md-input-container .md-char-counter {
    bottom: 2px;
    right: 2px; }
  md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 4px, 0) scale(0.75);
            transform: translate3d(0, 4px, 0) scale(0.75); }
  md-input-container.md-input-focused .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
    padding-bottom: 0px;
    border-width: 0 0 2px 0; }
  md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
    background-position: 0 bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x; }
img-crop{width:100%;height:100%;display:block;position:relative;overflow:hidden}img-crop canvas{display:block;position:absolute;top:50%;left:50%;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}div[img-crop-result]{position:relative;width:200px;display:-moz-inline-stack;display:inline-block;zoom:1}div[img-crop-result] .imgCropResultContainer{position:relative;width:100%;padding-top:0;overflow:hidden}div[img-crop-result] .imgCropResultContainer img{position:absolute}