.customJS-styles__activation-message {
    color: white;
    font-weight: 700;
    font-size: 16px;
    background: #073e86c2;
    padding: 10px;
    border-radius: 15px;
    display: flex;
    margin-bottom: 0px!important;
    margin-top: 0!important;
  }
  
  .customJS-styles__icon {
    color: red;
    font-size: 35px;
    text-align: center;
    margin-right: 7px;
  }
  


.pb-2.pl-0.mx-0.-mt-2.square-separated-list{
    display: flex;

}
.font-bold.text-blue-dark-1{
font-size:16px;
font-weight: 600;;
}
.font-bold.text-blue-dark-1::after {
    content: "▪";
    display: inline-block;
    margin: 0 5px;
    position: relative; /* Или absolute, если нужно */
    right: 0;
}
h1{
    margin-bottom: 10px !important;
}
video{
    width: 100%;
}



/* form style */

.sorser form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 350px;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    background-color: #1a1a1a;
    color: #fff;
    border: 1px solid #333;
    margin: 0 auto;
  }
  
  .sorser input {
    background-color: #333;
    color: #fff;
    width: 100%;
    padding: 10px 10px;
    outline: 0;
    border: 1px solid rgba(105, 105, 105, 0.397);
    border-radius: 10px;
  }
  .sorser .title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -1px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 30px;
    color: #00bfff;
  }
  .sorser .title::before,
  .sorser .title::after {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    border-radius: 50%;
    left: 0px;
    background-color: #00bfff;
  }
  .sorser .title::after {
    animation: pulse 1s linear infinite;
  }
  @keyframes pulse {
    0% {
      transform: scale(0.9);
      opacity: 1;
    }
    100% {
      transform: scale(1.8);
      opacity: 0;
    }
  }
  .sorser button:hover {
    background-color: #00bfff96;
  }
  .sorser button {
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    transform: 0.3s ease;
    background-color: #00bfff;
  }
  .logos svg {
    width: 300px;
    height: 200px;
  }
  #redblocks > * {
    transform: translate3d(160px, -93px, 0);
    -webkit-animation: moveblocks 4s 1s ease infinite;
    animation: moveblocks 4s 1s ease infinite;
  }
  
  @-webkit-keyframes moveblocks {
    0% {
      transform: translate3d(160px, -93px, 0);
    }
    50%,
    100% {
      transform: translate(0);
    }
  }
  
  @keyframes moveblocks {
    0% {
      transform: translate3d(160px, -93px, 0);
    }
    50%,
    100% {
      transform: translate(0);
    }
  }
  #firstBlock {
    transform: translate3d(160px, -93px, 0);
    -webkit-animation: firstBlock 4s 1s ease infinite;
    animation: firstBlock 4s 1s ease infinite;
  }
  
  #blockdis {
    -webkit-animation: blockdis 4s 1s ease infinite;
    animation: blockdis 4s 1s ease infinite;
  }
  
  @-webkit-keyframes blockdis {
    30% {
      opacity: 1;
    }
    40%,
    100% {
      opacity: 0;
      transform: translate3d(-160px, 93px, 0);
    }
  }
  
  @keyframes blockdis {
    30% {
      opacity: 1;
    }
    40%,
    100% {
      opacity: 0;
      transform: translate3d(-160px, 93px, 0);
    }
  }
  @-webkit-keyframes firstBlock {
    0%,
    15% {
      opacity: 0;
    }
    40%,
    100% {
      opacity: 1;
    }
  }
  @keyframes firstBlock {
    0%,
    15% {
      opacity: 0;
    }
    40%,
    100% {
      opacity: 1;
    }
  }
  #redblocksparticles g:nth-child(1) polygon {
    opacity: 0.35;
    -webkit-animation: glow 4s 1s ease infinite;
    animation: glow 4s 1s ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) polygon {
    opacity: 0.35;
    -webkit-animation: glow 4s 1s ease infinite;
    animation: glow 4s 1s ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) polygon {
    opacity: 0.35;
    -webkit-animation: glow 4s 1s ease infinite;
    animation: glow 4s 1s ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) polygon {
    opacity: 0.35;
    -webkit-animation: glow 4s 1s ease infinite;
    animation: glow 4s 1s ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(1) {
    -webkit-animation: dots 4s 1050ms ease infinite;
    animation: dots 4s 1050ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(1) {
    -webkit-animation: dots 4s 1050ms ease infinite;
    animation: dots 4s 1050ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(1) {
    -webkit-animation: dots 4s 1050ms ease infinite;
    animation: dots 4s 1050ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(1) {
    -webkit-animation: dots 4s 1050ms ease infinite;
    animation: dots 4s 1050ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(2) {
    -webkit-animation: dots 4s 1100ms ease infinite;
    animation: dots 4s 1100ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(2) {
    -webkit-animation: dots 4s 1100ms ease infinite;
    animation: dots 4s 1100ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(2) {
    -webkit-animation: dots 4s 1100ms ease infinite;
    animation: dots 4s 1100ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(2) {
    -webkit-animation: dots 4s 1100ms ease infinite;
    animation: dots 4s 1100ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(3) {
    -webkit-animation: dots 4s 1150ms ease infinite;
    animation: dots 4s 1150ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(3) {
    -webkit-animation: dots 4s 1150ms ease infinite;
    animation: dots 4s 1150ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(3) {
    -webkit-animation: dots 4s 1150ms ease infinite;
    animation: dots 4s 1150ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(3) {
    -webkit-animation: dots 4s 1150ms ease infinite;
    animation: dots 4s 1150ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(4) {
    -webkit-animation: dots 4s 1200ms ease infinite;
    animation: dots 4s 1200ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(4) {
    -webkit-animation: dots 4s 1200ms ease infinite;
    animation: dots 4s 1200ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(4) {
    -webkit-animation: dots 4s 1200ms ease infinite;
    animation: dots 4s 1200ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(4) {
    -webkit-animation: dots 4s 1200ms ease infinite;
    animation: dots 4s 1200ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(5) {
    -webkit-animation: dots 4s 1250ms ease infinite;
    animation: dots 4s 1250ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(5) {
    -webkit-animation: dots 4s 1250ms ease infinite;
    animation: dots 4s 1250ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(5) {
    -webkit-animation: dots 4s 1250ms ease infinite;
    animation: dots 4s 1250ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(5) {
    -webkit-animation: dots 4s 1250ms ease infinite;
    animation: dots 4s 1250ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(6) {
    -webkit-animation: dots 4s 1300ms ease infinite;
    animation: dots 4s 1300ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(6) {
    -webkit-animation: dots 4s 1300ms ease infinite;
    animation: dots 4s 1300ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(6) {
    -webkit-animation: dots 4s 1300ms ease infinite;
    animation: dots 4s 1300ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(6) {
    -webkit-animation: dots 4s 1300ms ease infinite;
    animation: dots 4s 1300ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(7) {
    -webkit-animation: dots 4s 1350ms ease infinite;
    animation: dots 4s 1350ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(7) {
    -webkit-animation: dots 4s 1350ms ease infinite;
    animation: dots 4s 1350ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(7) {
    -webkit-animation: dots 4s 1350ms ease infinite;
    animation: dots 4s 1350ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(7) {
    -webkit-animation: dots 4s 1350ms ease infinite;
    animation: dots 4s 1350ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(8) {
    -webkit-animation: dots 4s 1400ms ease infinite;
    animation: dots 4s 1400ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(8) {
    -webkit-animation: dots 4s 1400ms ease infinite;
    animation: dots 4s 1400ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(8) {
    -webkit-animation: dots 4s 1400ms ease infinite;
    animation: dots 4s 1400ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(8) {
    -webkit-animation: dots 4s 1400ms ease infinite;
    animation: dots 4s 1400ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(9) {
    -webkit-animation: dots 4s 1450ms ease infinite;
    animation: dots 4s 1450ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(9) {
    -webkit-animation: dots 4s 1450ms ease infinite;
    animation: dots 4s 1450ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(9) {
    -webkit-animation: dots 4s 1450ms ease infinite;
    animation: dots 4s 1450ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(9) {
    -webkit-animation: dots 4s 1450ms ease infinite;
    animation: dots 4s 1450ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(10) {
    -webkit-animation: dots 4s 1500ms ease infinite;
    animation: dots 4s 1500ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(10) {
    -webkit-animation: dots 4s 1500ms ease infinite;
    animation: dots 4s 1500ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(10) {
    -webkit-animation: dots 4s 1500ms ease infinite;
    animation: dots 4s 1500ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(10) {
    -webkit-animation: dots 4s 1500ms ease infinite;
    animation: dots 4s 1500ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(11) {
    -webkit-animation: dots 4s 1550ms ease infinite;
    animation: dots 4s 1550ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(11) {
    -webkit-animation: dots 4s 1550ms ease infinite;
    animation: dots 4s 1550ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(11) {
    -webkit-animation: dots 4s 1550ms ease infinite;
    animation: dots 4s 1550ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(11) {
    -webkit-animation: dots 4s 1550ms ease infinite;
    animation: dots 4s 1550ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(12) {
    -webkit-animation: dots 4s 1600ms ease infinite;
    animation: dots 4s 1600ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(12) {
    -webkit-animation: dots 4s 1600ms ease infinite;
    animation: dots 4s 1600ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(12) {
    -webkit-animation: dots 4s 1600ms ease infinite;
    animation: dots 4s 1600ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(12) {
    -webkit-animation: dots 4s 1600ms ease infinite;
    animation: dots 4s 1600ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(13) {
    -webkit-animation: dots 4s 1650ms ease infinite;
    animation: dots 4s 1650ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(13) {
    -webkit-animation: dots 4s 1650ms ease infinite;
    animation: dots 4s 1650ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(13) {
    -webkit-animation: dots 4s 1650ms ease infinite;
    animation: dots 4s 1650ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(13) {
    -webkit-animation: dots 4s 1650ms ease infinite;
    animation: dots 4s 1650ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(14) {
    -webkit-animation: dots 4s 1700ms ease infinite;
    animation: dots 4s 1700ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(14) {
    -webkit-animation: dots 4s 1700ms ease infinite;
    animation: dots 4s 1700ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(14) {
    -webkit-animation: dots 4s 1700ms ease infinite;
    animation: dots 4s 1700ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(14) {
    -webkit-animation: dots 4s 1700ms ease infinite;
    animation: dots 4s 1700ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(15) {
    -webkit-animation: dots 4s 1750ms ease infinite;
    animation: dots 4s 1750ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(15) {
    -webkit-animation: dots 4s 1750ms ease infinite;
    animation: dots 4s 1750ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(15) {
    -webkit-animation: dots 4s 1750ms ease infinite;
    animation: dots 4s 1750ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(15) {
    -webkit-animation: dots 4s 1750ms ease infinite;
    animation: dots 4s 1750ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(16) {
    -webkit-animation: dots 4s 1800ms ease infinite;
    animation: dots 4s 1800ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(16) {
    -webkit-animation: dots 4s 1800ms ease infinite;
    animation: dots 4s 1800ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(16) {
    -webkit-animation: dots 4s 1800ms ease infinite;
    animation: dots 4s 1800ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(16) {
    -webkit-animation: dots 4s 1800ms ease infinite;
    animation: dots 4s 1800ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(17) {
    -webkit-animation: dots 4s 1850ms ease infinite;
    animation: dots 4s 1850ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(17) {
    -webkit-animation: dots 4s 1850ms ease infinite;
    animation: dots 4s 1850ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(17) {
    -webkit-animation: dots 4s 1850ms ease infinite;
    animation: dots 4s 1850ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(17) {
    -webkit-animation: dots 4s 1850ms ease infinite;
    animation: dots 4s 1850ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(18) {
    -webkit-animation: dots 4s 1900ms ease infinite;
    animation: dots 4s 1900ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(18) {
    -webkit-animation: dots 4s 1900ms ease infinite;
    animation: dots 4s 1900ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(18) {
    -webkit-animation: dots 4s 1900ms ease infinite;
    animation: dots 4s 1900ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(18) {
    -webkit-animation: dots 4s 1900ms ease infinite;
    animation: dots 4s 1900ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(1) g circle:nth-child(19) {
    -webkit-animation: dots 4s 1950ms ease infinite;
    animation: dots 4s 1950ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(2) g circle:nth-child(19) {
    -webkit-animation: dots 4s 1950ms ease infinite;
    animation: dots 4s 1950ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(3) g circle:nth-child(19) {
    -webkit-animation: dots 4s 1950ms ease infinite;
    animation: dots 4s 1950ms ease infinite;
  }
  
  #redblocksparticles g:nth-child(4) g circle:nth-child(19) {
    -webkit-animation: dots 4s 1950ms ease infinite;
    animation: dots 4s 1950ms ease infinite;
  }
  
  @-webkit-keyframes glow {
    0%,
    45% {
      opacity: 0;
    }
    60%,
    100% {
      opacity: 0.35;
    }
  }
  
  @keyframes glow {
    0%,
    45% {
      opacity: 0;
    }
    60%,
    100% {
      opacity: 0.35;
    }
  }
  @-webkit-keyframes dots {
    0%,
    35% {
      transform: translate(0);
      opacity: 0;
    }
    60%,
    80% {
      transform: translate(55px, -35px);
      opacity: 1;
    }
    100% {
      transform: translate(55px, -35px);
      opacity: 0;
    }
  }
  @keyframes dots {
    0%,
    35% {
      transform: translate(0);
      opacity: 0;
    }
    60%,
    80% {
      transform: translate(55px, -35px);
      opacity: 1;
    }
    100% {
      transform: translate(55px, -35px);
      opacity: 0;
    }
  }
  #purplebg > :nth-child(1) {
    -webkit-animation: up 2s 500ms ease infinite alternate;
    animation: up 2s 500ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(2) {
    -webkit-animation: up 2s 1000ms ease infinite alternate;
    animation: up 2s 1000ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(3) {
    -webkit-animation: up 2s 1500ms ease infinite alternate;
    animation: up 2s 1500ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(4) {
    -webkit-animation: up 2s 2000ms ease infinite alternate;
    animation: up 2s 2000ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(5) {
    -webkit-animation: up 2s 2500ms ease infinite alternate;
    animation: up 2s 2500ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(6) {
    -webkit-animation: up 2s 3000ms ease infinite alternate;
    animation: up 2s 3000ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(7) {
    -webkit-animation: up 2s 3500ms ease infinite alternate;
    animation: up 2s 3500ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(8) {
    -webkit-animation: up 2s 4000ms ease infinite alternate;
    animation: up 2s 4000ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(9) {
    -webkit-animation: up 2s 4500ms ease infinite alternate;
    animation: up 2s 4500ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(10) {
    -webkit-animation: up 2s 5000ms ease infinite alternate;
    animation: up 2s 5000ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(11) {
    -webkit-animation: up 2s 5500ms ease infinite alternate;
    animation: up 2s 5500ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(12) {
    -webkit-animation: up 2s 6000ms ease infinite alternate;
    animation: up 2s 6000ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(13) {
    -webkit-animation: up 2s 6500ms ease infinite alternate;
    animation: up 2s 6500ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(14) {
    -webkit-animation: up 2s 7000ms ease infinite alternate;
    animation: up 2s 7000ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(15) {
    -webkit-animation: up 2s 7500ms ease infinite alternate;
    animation: up 2s 7500ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(16) {
    -webkit-animation: up 2s 8000ms ease infinite alternate;
    animation: up 2s 8000ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(17) {
    -webkit-animation: up 2s 8500ms ease infinite alternate;
    animation: up 2s 8500ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(18) {
    -webkit-animation: up 2s 9000ms ease infinite alternate;
    animation: up 2s 9000ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(19) {
    -webkit-animation: up 2s 9500ms ease infinite alternate;
    animation: up 2s 9500ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(20) {
    -webkit-animation: up 2s 10000ms ease infinite alternate;
    animation: up 2s 10000ms ease infinite alternate;
  }
  
  #purplebg > :nth-child(21) {
    -webkit-animation: up 2s 10500ms ease infinite alternate;
    animation: up 2s 10500ms ease infinite alternate;
  }
  
  @-webkit-keyframes up {
    to {
      transform: translate(0, -25px);
    }
  }
  
  @keyframes up {
    to {
      transform: translate(0, -25px);
    }
  }
  #bottomparticles > :nth-child(1) {
    -webkit-animation: particles 4s 300ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 300ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(1) {
    -webkit-animation: particles 4s 300ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 300ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(1) {
    -webkit-animation: particles 4s 300ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 300ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(2) {
    -webkit-animation: particles 4s 600ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 600ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(2) {
    -webkit-animation: particles 4s 600ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 600ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(2) {
    -webkit-animation: particles 4s 600ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 600ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(3) {
    -webkit-animation: particles 4s 900ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 900ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(3) {
    -webkit-animation: particles 4s 900ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 900ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(3) {
    -webkit-animation: particles 4s 900ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 900ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(4) {
    -webkit-animation: particles 4s 1200ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 1200ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(4) {
    -webkit-animation: particles 4s 1200ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 1200ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(4) {
    -webkit-animation: particles 4s 1200ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 1200ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(5) {
    -webkit-animation: particles 4s 1500ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 1500ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(5) {
    -webkit-animation: particles 4s 1500ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 1500ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(5) {
    -webkit-animation: particles 4s 1500ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 1500ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(6) {
    -webkit-animation: particles 4s 1800ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 1800ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(6) {
    -webkit-animation: particles 4s 1800ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 1800ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(6) {
    -webkit-animation: particles 4s 1800ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 1800ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(7) {
    -webkit-animation: particles 4s 2100ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 2100ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(7) {
    -webkit-animation: particles 4s 2100ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 2100ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(7) {
    -webkit-animation: particles 4s 2100ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 2100ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(8) {
    -webkit-animation: particles 4s 2400ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 2400ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(8) {
    -webkit-animation: particles 4s 2400ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 2400ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(8) {
    -webkit-animation: particles 4s 2400ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 2400ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(9) {
    -webkit-animation: particles 4s 2700ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 2700ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(9) {
    -webkit-animation: particles 4s 2700ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 2700ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(9) {
    -webkit-animation: particles 4s 2700ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 2700ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(10) {
    -webkit-animation: particles 4s 3000ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 3000ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(10) {
    -webkit-animation: particles 4s 3000ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 3000ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(10) {
    -webkit-animation: particles 4s 3000ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 3000ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(11) {
    -webkit-animation: particles 4s 3300ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 3300ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(11) {
    -webkit-animation: particles 4s 3300ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 3300ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(11) {
    -webkit-animation: particles 4s 3300ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 3300ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles > :nth-child(12) {
    -webkit-animation: particles 4s 3600ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 3600ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #bottomparticles2 > :nth-child(12) {
    -webkit-animation: particles 4s 3600ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 3600ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  #redglowparticles > :nth-child(12) {
    -webkit-animation: particles 4s 3600ms ease infinite alternate,
      p 2s ease infinite alternate;
    animation: particles 4s 3600ms ease infinite alternate,
      p 2s ease infinite alternate;
  }
  
  @-webkit-keyframes p {
    85%,
    100% {
      opacity: 0;
    }
  }
  
  @keyframes p {
    85%,
    100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes particles {
    0%,
    100% {
      transform: translate(0);
    }
    50% {
      transform: translate(10px, 15px);
    }
  }
  @keyframes particles {
    0%,
    100% {
      transform: translate(0);
    }
    50% {
      transform: translate(10px, 15px);
    }
  }
  .particlespoly {
    -webkit-animation: p 2s ease infinite alternate;
    animation: p 2s ease infinite alternate;
  }
  
  #d-app g:nth-child(1) {
    -webkit-animation: updown 2s 200ms ease-in-out infinite alternate;
    animation: updown 2s 200ms ease-in-out infinite alternate;
  }
  
  #d-app g:nth-child(2) {
    -webkit-animation: updown 2s 400ms ease-in-out infinite alternate;
    animation: updown 2s 400ms ease-in-out infinite alternate;
  }
  
  #d-app g:nth-child(3) {
    -webkit-animation: updown 2s 600ms ease-in-out infinite alternate;
    animation: updown 2s 600ms ease-in-out infinite alternate;
  }
  
  #d-apps2 g:nth-child(1) {
    -webkit-animation: updown 2s 200ms ease-in-out infinite alternate;
    animation: updown 2s 200ms ease-in-out infinite alternate;
  }
  
  #d-apps2 g:nth-child(2) {
    -webkit-animation: updown 2s 400ms ease-in-out infinite alternate;
    animation: updown 2s 400ms ease-in-out infinite alternate;
  }
  
  #d-apps2 g:nth-child(3) {
    -webkit-animation: updown 2s 600ms ease-in-out infinite alternate;
    animation: updown 2s 600ms ease-in-out infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(1) {
    -webkit-animation: updown 2s 50ms ease infinite alternate;
    animation: updown 2s 50ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(2) {
    -webkit-animation: updown 2s 100ms ease infinite alternate;
    animation: updown 2s 100ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(3) {
    -webkit-animation: updown 2s 150ms ease infinite alternate;
    animation: updown 2s 150ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(4) {
    -webkit-animation: updown 2s 200ms ease infinite alternate;
    animation: updown 2s 200ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(5) {
    -webkit-animation: updown 2s 250ms ease infinite alternate;
    animation: updown 2s 250ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(6) {
    -webkit-animation: updown 2s 300ms ease infinite alternate;
    animation: updown 2s 300ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(7) {
    -webkit-animation: updown 2s 350ms ease infinite alternate;
    animation: updown 2s 350ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(8) {
    -webkit-animation: updown 2s 400ms ease infinite alternate;
    animation: updown 2s 400ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(9) {
    -webkit-animation: updown 2s 450ms ease infinite alternate;
    animation: updown 2s 450ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(10) {
    -webkit-animation: updown 2s 500ms ease infinite alternate;
    animation: updown 2s 500ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(11) {
    -webkit-animation: updown 2s 550ms ease infinite alternate;
    animation: updown 2s 550ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(12) {
    -webkit-animation: updown 2s 600ms ease infinite alternate;
    animation: updown 2s 600ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(13) {
    -webkit-animation: updown 2s 650ms ease infinite alternate;
    animation: updown 2s 650ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(14) {
    -webkit-animation: updown 2s 700ms ease infinite alternate;
    animation: updown 2s 700ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(15) {
    -webkit-animation: updown 2s 750ms ease infinite alternate;
    animation: updown 2s 750ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(16) {
    -webkit-animation: updown 2s 800ms ease infinite alternate;
    animation: updown 2s 800ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(17) {
    -webkit-animation: updown 2s 850ms ease infinite alternate;
    animation: updown 2s 850ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(18) {
    -webkit-animation: updown 2s 900ms ease infinite alternate;
    animation: updown 2s 900ms ease infinite alternate;
  }
  
  #d-apps2wrapper g:nth-child(3) g > circle:nth-child(19) {
    -webkit-animation: updown 2s 950ms ease infinite alternate;
    animation: updown 2s 950ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(1) {
    -webkit-animation: updown 2s 50ms ease infinite alternate;
    animation: updown 2s 50ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(2) {
    -webkit-animation: updown 2s 100ms ease infinite alternate;
    animation: updown 2s 100ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(3) {
    -webkit-animation: updown 2s 150ms ease infinite alternate;
    animation: updown 2s 150ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(4) {
    -webkit-animation: updown 2s 200ms ease infinite alternate;
    animation: updown 2s 200ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(5) {
    -webkit-animation: updown 2s 250ms ease infinite alternate;
    animation: updown 2s 250ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(6) {
    -webkit-animation: updown 2s 300ms ease infinite alternate;
    animation: updown 2s 300ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(7) {
    -webkit-animation: updown 2s 350ms ease infinite alternate;
    animation: updown 2s 350ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(8) {
    -webkit-animation: updown 2s 400ms ease infinite alternate;
    animation: updown 2s 400ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(9) {
    -webkit-animation: updown 2s 450ms ease infinite alternate;
    animation: updown 2s 450ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(10) {
    -webkit-animation: updown 2s 500ms ease infinite alternate;
    animation: updown 2s 500ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(11) {
    -webkit-animation: updown 2s 550ms ease infinite alternate;
    animation: updown 2s 550ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(12) {
    -webkit-animation: updown 2s 600ms ease infinite alternate;
    animation: updown 2s 600ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(13) {
    -webkit-animation: updown 2s 650ms ease infinite alternate;
    animation: updown 2s 650ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(14) {
    -webkit-animation: updown 2s 700ms ease infinite alternate;
    animation: updown 2s 700ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(15) {
    -webkit-animation: updown 2s 750ms ease infinite alternate;
    animation: updown 2s 750ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(16) {
    -webkit-animation: updown 2s 800ms ease infinite alternate;
    animation: updown 2s 800ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(17) {
    -webkit-animation: updown 2s 850ms ease infinite alternate;
    animation: updown 2s 850ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(18) {
    -webkit-animation: updown 2s 900ms ease infinite alternate;
    animation: updown 2s 900ms ease infinite alternate;
  }
  
  #d-appswrapper g:nth-child(2) g > circle:nth-child(19) {
    -webkit-animation: updown 2s 950ms ease infinite alternate;
    animation: updown 2s 950ms ease infinite alternate;
  }
  
  @-webkit-keyframes updown {
    100% {
      transform: translate(0, -20px);
    }
  }
  
  @keyframes updown {
    100% {
      transform: translate(0, -20px);
    }
  }
  #Layer_1 > g:nth-child(2) > g:nth-child(18) > g:nth-child(12) {
    -webkit-animation: arrows 1s ease-in-out infinite alternate,
      p 2s ease infinite alternate;
    animation: arrows 1s ease-in-out infinite alternate,
      p 2s ease infinite alternate;
  }
  
  @-webkit-keyframes arrows {
    to {
      transform: translate(25px, 25px);
    }
  }
  
  @keyframes arrows {
    to {
      transform: translate(25px, 25px);
    }
  }
  #Layer_1 > g:nth-child(2) > g:nth-child(17) > g:nth-child(13) {
    -webkit-animation: arrows2 1s ease-in-out infinite alternate,
      p 2s ease infinite alternate;
    animation: arrows2 1s ease-in-out infinite alternate,
      p 2s ease infinite alternate;
  }
  
  @-webkit-keyframes arrows2 {
    to {
      transform: translate(-25px, -25px);
    }
  }
  
  @keyframes arrows2 {
    to {
      transform: translate(-25px, -25px);
    }
  }
  #Layer_1 > g:nth-child(2) > g:nth-child(17) > g:nth-child(12) {
    -webkit-animation: arrows 1s ease-in-out infinite alternate,
      p 2s ease infinite alternate;
    animation: arrows 1s ease-in-out infinite alternate,
      p 2s ease infinite alternate;
  }





  /* comment styles */

 /*!
 * minimum set of bootstrap includes for most embed components
 */
.comments-area p::first-letter {
  font-family: inherit!important;
  color: inherit!important;
  font-style: inherit!important;
  font-size: inherit!important;
  line-height: inherit!important;
  font-weight: inherit!important;
  padding: inherit!important;
  float: none!important;
}
 .clearfix:after,
 .clearfix:before,
 blockquote:after,
 blockquote:before,
 q:after,
 q:before {
   content: ""
 }
 
 
 
 .dropdown-menu,
 ol,
 ul {
   list-style: none
 }
 
 *,
 .btn-block,
 .input-block-level {
   box-sizing: border-box
 }
 
 .btn-block,
 .input--text,
 button.alert,
 input[type=button].btn-block,
 input[type=reset].btn-block,
 input[type=submit].btn-block {
   width: 100%
 }
 
 .audiencesync:after,
 .auth-section:after,
 .children .post:after,
 .clearfix:after,
 .comment-footer__menu:after,
 .disqus-footer:after,
 .dropdown-menu a,
 .moderate:after,
 .nav:after,
 .notice:after,
 .post-content .post-body .media-activated .media-content-placeholder,
 .post-content .post-menu:after,
 .post-content .post-message:after,
 .post-content footer,
 .post-content:after,
 .post-list .post:after,
 .services:after,
 .sso__button.no-image,
 .textarea-wrapper:after,
 .tooltip__footer:after {
   clear: both
 }
 
 
 a,
 abbr,
 acronym,
 address,
 blockquote,
 button,
 caption,
 cite,
 code,
 dd,
 del,
 dfn,
 dl,
 dt,
 em,
 fieldset,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 img,
 label,
 legend,
 li,
 ol,
 p,
 pre,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 table,
 tbody,
 td,
 tfoot,
 th,
 thead,
 tr,
 tt,
 ul,
 var {
   margin: 0;
   padding: 0;
   border: 0;
  
 }
 
 table {
   border-collapse: collapse;
   border-spacing: 0
 }
 

 
 a:active,
 a:hover {
   outline: 0
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section {
   display: block
 }
 
 audio,
 canvas,
 video {
   display: inline-block
 }
 
 audio:not([controls]) {
   display: none
 }
 
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
 }
 
 sup {
   top: -.5em
 }
 
 sub {
   bottom: -.25em
 }
 
 img {
   border: 0;
   -ms-interpolation-mode: bicubic
 }
 
 button,
 input,
 select,
 textarea {
   font-size: 100%;
   margin: 0;
   vertical-align: baseline
 }
 
 button,
 input {
   line-height: normal
 }
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
   padding: 0
 }
 
 button,
 input[type=button],
 input[type=reset],
 input[type=submit] {
   cursor: pointer;
   -webkit-appearance: button
 }
 
 input[type=search] {
   -webkit-appearance: textfield;
   box-sizing: content-box
 }
 
 .input--text,
 .inputBg,
 .textarea-wrapper,
 .user-mention__list {
   -webkit-appearance: none
 }
 
 input[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
 }
 
 textarea {
   overflow: auto;
   vertical-align: top
 }
 
 #layout,
 .btn-default,
 .dropdown-menu .divider,
 .follow-btn,
 .post-content .post-body {
   overflow: hidden
 }
 
 .clearfix:after,
 .clearfix:before {
   display: table;
   line-height: 0
 }
 
 .hide-text {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0
 }
 
 .input-block-level {
   display: block;
   width: 100%;
   min-height: 30px
 }
 
 
 .hide {
   display: none
 }
 
 .btn-block,
 .show {
   display: block
 }
 
 .affix {
   position: fixed
 }
 
 .btn-default,
 .dropdown {
   position: relative
 }
 
 .btn {
   margin-bottom: 0;
   font-size: 14px;
   text-align: center;
   vertical-align: middle;
   background-color: #f5f5f5;
   background-image: linear-gradient(to bottom, #fff, #e6e6e6);
   background-repeat: repeat-x;
   filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
 }
 
 .btn.active,
 .btn.disabled,
 .btn:active,
 .btn:hover,
 .btn[disabled] {
   color: #656c7a;
   background-color: #e6e6e6
 }
 
 .btn.active,
 .btn:active {
   background-color: #ccc
 }
 
 .btn:hover {
   color: #656c7a;
   background-color: #e6e6e6;
   background-position: 0 -15px;
   transition: background-position .1s linear
 }
 
 .btn:focus {
   outline: #333 dotted thin;
   outline: -webkit-focus-ring-color auto 5px;
   outline-offset: -2px
 }
 
 .dropdown-toggle:active,
 .input--text:focus,
 .open .dropdown-toggle,
 .post-content:focus,
 a:focus {
   outline: 0
 }
 
 .btn.active,
 .btn:active {
   background-color: #e6e6e6;
   background-color: #d9d9d9;
   background-image: none;
   outline: 0;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
 }
 
 .btn.disabled,
 .btn[disabled] {
   cursor: default;
   background-color: #e6e6e6;
   background-image: none;
   opacity: .65;
   filter: alpha(opacity=65);
   box-shadow: none
 }
 
 .btn-default {
   color: #fff;
   background: #8e979c;
   font-size: 14px;
   padding: 8px 24px;
   line-height: 20px;
   text-shadow: none;
   border: none;
   box-shadow: none
 }
 
 .btn-danger,
 .btn-info,
 .btn-inverse,
 .btn-primary,
 .btn-success,
 .btn-warning {
   text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
   background-repeat: repeat-x;
   filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
   color: #fff
 }
 
 .btn-default:hover {
   color: #fff;
   background-color: #8e979c
 }
 
 .btn-left {
   float: left
 }
 
 .btn-right {
   float: right
 }
 
 .btn-large {
   padding: 11px 19px;
   font-size: 17.5px;
   border-radius: 6px
 }
 
 .btn-large [class*=" icon-"],
 .btn-large [class^=icon-] {
   margin-top: 2px
 }
 
 .btn-small {
   padding: 2px 10px;
   font-size: 11.9px;
   border-radius: 3px
 }
 
 .btn-small [class*=" icon-"],
 .btn-small [class^=icon-] {
   margin-top: 0
 }
 
 .btn-mini {
   padding: 1px 6px;
   font-size: 10.5px;
   border-radius: 3px
 }
 
 .btn-block {
   padding-left: 0;
   padding-right: 0
 }
 
 .btn-block+.btn-block {
   margin-top: 5px
 }
 
 .btn-primary {
   background-color: #004cd6;
   background-image: linear-gradient(to bottom, #0069d6, #0022d6);
   border-color: #0022d6 #0022d6 #00168a;
   border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
 }
 
 .btn-primary.active,
 .btn-primary.disabled,
 .btn-primary:active,
 .btn-primary:hover,
 .btn-primary[disabled] {
   color: #fff;
   background-color: #0022d6
 }
 
 .btn-primary.active,
 .btn-primary:active {
   background-color: #001aa3
 }
 
 .btn-warning {
   background-color: #ffb57f;
   background-image: linear-gradient(to bottom, #ffc79e, #ff9b51);
   border-color: #ff9b51 #ff9b51 #ff6f04;
   border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
 }
 
 .btn-warning.active,
 .btn-warning.disabled,
 .btn-warning:active,
 .btn-warning:hover,
 .btn-warning[disabled] {
   color: #fff;
   background-color: #ff9b51
 }
 
 .btn-warning.active,
 .btn-warning:active {
   background-color: #ff7e1e
 }
 
 .btn-danger {
   background-color: #da4f49;
   background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
   border-color: #bd362f #bd362f #802420;
   border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
 }
 
 .btn-danger.active,
 .btn-danger.disabled,
 .btn-danger:active,
 .btn-danger:hover,
 .btn-danger[disabled] {
   color: #fff;
   background-color: #bd362f
 }
 
 .btn-danger.active,
 .btn-danger:active {
   background-color: #942a25
 }
 
 .btn-success {
   background-color: #5bb75b;
   background-image: linear-gradient(to bottom, #62c462, #51a351);
   border-color: #51a351 #51a351 #387038;
   border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
 }
 
 .btn-success.active,
 .btn-success.disabled,
 .btn-success:active,
 .btn-success:hover,
 .btn-success[disabled] {
   color: #fff;
   background-color: #51a351
 }
 
 .btn-success.active,
 .btn-success:active {
   background-color: #408140
 }
 
 .btn-info {
   background-color: #49afcd;
   background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
   border-color: #2f96b4 #2f96b4 #1f6377;
   border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
 }
 
 .btn-info.active,
 .btn-info.disabled,
 .btn-info:active,
 .btn-info:hover,
 .btn-info[disabled] {
   color: #fff;
   background-color: #2f96b4
 }
 
 .btn-info.active,
 .btn-info:active {
   background-color: #24748c
 }
 
 .btn-inverse {
   background-color: #46484c;
   background-image: linear-gradient(to bottom, #444, #494e58);
   border-color: #494e58 #494e58 #26292e;
   border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
 }
 
 .btn-inverse.active,
 .btn-inverse.disabled,
 .btn-inverse:active,
 .btn-inverse:hover,
 .btn-inverse[disabled] {
   color: #fff;
   background-color: #494e58
 }
 
 .btn-inverse.active,
 .btn-inverse:active {
   background-color: #32353c
 }
 
 button.btn::-moz-focus-inner,
 input[type=submit].btn::-moz-focus-inner {
   padding: 0;
   border: 0
 }
 
 .btn-link,
 .btn-link:active,
 .btn-link[disabled] {
   background-color: transparent;
   background-image: none;
   box-shadow: none
 }
 
 .btn-link {
   border-color: transparent;
   color: #0069d6;
   border-radius: 0
 }
 
 .btn-link:hover {
   color: #00438a;
   text-decoration: underline;
   background-color: transparent
 }
 
 .btn-link[disabled]:hover {
   color: #656c7a;
   text-decoration: none
 }
 
 .dropdown .caret {
   margin-top: 8px;
   margin-left: 2px
 }
 
 .dropdown:hover .caret,
 .open.dropdown .caret {
   opacity: 1;
   filter: alpha(opacity=100)
 }
 
 .dropdown-menu {
   position: absolute;
   left: 0;
   float: left;
   display: none;
   max-width: 220px;
   padding: 4px 0;
   margin: 0;
   background-color: #fff;
   background-clip: padding-box
 }
 
 .dropdown.open .dropdown-menu,
 button.alert {
   display: block
 }
 
 .dropdown-menu.bottom-up {
   top: auto;
   bottom: 100%;
   margin-bottom: 2px
 }
 
 .dropdown-menu .divider {
   height: 1px;
   margin: 5px 1px;
   background-color: #e5e5e5;
   border-bottom: 1px solid #fff
 }
 
 .dropdown-menu a {
   display: block;
   font-weight: 500;
   line-height: 18px;
   white-space: nowrap
 }
 
 h3,
 h4,
 strong,
 strong a {
   font-weight: 700
 }
 
 .dropdown-menu .active>a,
 .dropdown-menu .active>a:hover,
 .dropdown-menu li>a:hover {
   color: #fff;
   text-decoration: none;
   background-color: #2e9fff
 }
 
 .dropdown.open .dropdown-toggle {
   color: #fff;
   background: #ccc;
   background: rgba(0, 0, 0, .3)
 }
 
 .typeahead {
   margin-top: 2px;
   border-radius: 4px
 }

 
 p {
  margin: 5px 0 5px;
 }
 
 .inputBg {
   background: #fff;
   border: 2px solid #dbdfe4
 }
 
 .inputBg:focus {
   border: 2px solid #c2c6cc
 }
 
 
 
 body.dark {
   color: #fff
 }
 
 a:active,
 a:hover {
   text-decoration: none
 }
 
 a {
   color: #288ce4;
   transition: color linear .1s
 }
 
 
 
 button::-moz-focus-inner {
   border: 0
 }
 
 em {
   font-style: italic
 }
 
 h3 {
   font-size: 16px
 }
 
 h3 a.pull-right {
   font-size: 12px;
   font-weight: 400
 }
 
 h4 {
   font-size: 18px;
   line-height: 1.2
 }
 
 h5,
 h6 {
   font-weight: 700;
   font-size: 11px;
   color: #687a86;
   margin: 0 0 10px;
   line-height: 1
 }
 
 h6 {
   text-transform: uppercase
 }
 
 .dark h6 {
   color: rgba(255, 255, 255, .6)
 }
 
 .btn {
   border: none;
   background: #778289;
   background: rgba(29, 47, 58, .6);
   display: inline-block;
   padding: 10px 16px;
   color: #fff;
   line-height: 1.1;
   border-radius: 3px;
   font-weight: 500;
   transition: background .2s;
   text-shadow: none
 }
 
 .btn:not(:disabled):hover {
   background: #606d75;
   background: rgba(29, 47, 58, .7);
   color: #fff
 }
 
 .btn:not(:disabled).active,
 .btn:not(:disabled):active {
   transition: none;
   background: #2e9fff
 }
 
 .btn.busy {
   background: #ebeef2;
   color: #999;
   text-shadow: none
 }
 
 .btn.busy:active,
 .btn.busy:hover {
   background: #ebeef2;
   text-shadow: none;
   cursor: not-allowed
 }
 
 .btn.btn-small {
   font-size: 12px;
   padding: 8px 10px;
   background-position: 0 -10px
 }
 
 .btn.btn-small.follow {
   font-weight: 400;
   font-size: 10px;
   padding: 1px 4px;
   border-radius: 3px;
   box-shadow: 0 1px 0 rgba(0, 0, 0, .07)
 }
 
 .follow-btn,
 .follow-btn.edit-profile,
 .mobile .btn {
   border: none;
   box-shadow: none
 }
 
 .btn.btn-small:hover {
   background-position: 0 -40px
 }
 
 .follow-btn {
   position: relative;
   color: #fff;
   background: #2e9fff;
   font-size: 14px;
   padding: 4px 14px;
   line-height: 20px;
   text-shadow: none;
   transition: all .2s
 }
 
 .follow-btn:hover {
   color: #fff;
   background-color: #8e979c
 }
 
 .follow-btn .follow-text {
   display: inline
 }
 
 .follow-btn .following-text {
   display: none
 }
 
 .follow-btn .icon-checkmark {
   display: block;
   position: absolute;
   left: 9px;
   top: 15px;
   transition: all .2s;
   opacity: 0;
   filter: alpha(opacity=0)
 }
 
 .follow-btn .icon-plus {
   display: none
 }
 
 .follow-btn.private {
   background-color: #a9b0b4!important;
   cursor: not-allowed
 }
 
 .follow-btn.private .icon-lock {
   display: inline;
   padding-right: .25em
 }
 
 .follow-btn.private .icon-lock:before {
   position: relative;
   top: 1px
 }
 
 .follow-btn.edit-profile {
   color: #fff;
   background-color: #a9b0b4;
   text-shadow: none;
   font-weight: 700;
   transition: all .2s
 }
 
 .follow-btn.edit-profile:hover {
   color: #fff;
   background-color: #8e979c
 }
 
 .follow-btn.following {
   background: #8fc847!important;
   padding-right: 10px;
   padding-left: 30px
 }
 
 .follow-btn.following .follow-text {
   display: none
 }
 
 .follow-btn.following .following-text,
 .follow-link .follow-text {
   display: inline
 }
 
 .follow-btn.following .icon-checkmark {
   top: 6px;
   opacity: 1;
   filter: alpha(opacity=100)
 }
 
 .follow-btn.btn-small {
   font-size: 12px;
   font-weight: 700;
   padding: 2px 9px 1px
 }
 
 .follow-btn.btn-small.following {
   padding-left: 24px
 }
 
 .follow-btn.btn-small.following .icon-checkmark {
   top: 3px;
   left: 7px
 }
 
 .follow-link {
   position: relative
 }
 
 .follow-link .following-text {
   display: none;
   transition: all .2s
 }
 
 .follow-link .icon-checkmark {
   position: absolute;
   left: 2px;
   top: 10px;
   transition: all .2s;
   opacity: 0;
   filter: alpha(opacity=0)
 }
 
 .follow-link.following .follow-text {
   display: none
 }
 
 .follow-link.following .following-text {
   margin-left: 20px;
   display: inline;
   color: #c2c6cc
 }
 
 .dark .follow-link.following .following-text {
   color: rgba(255, 255, 255, .6)
 }
 
 .follow-link.following .icon-checkmark {
   top: 2px;
   opacity: 1;
   filter: alpha(opacity=100);
   color: #c2c6cc
 }
 
 .dark .follow-link.following .icon-checkmark {
   color: rgba(255, 255, 255, .6)
 }
 
 @media (max-width:480px) {
   #profile .btn.follow-btn {
     font-size: 13px;
     padding: 4px 9px
   }
   #profile .btn.follow-btn .icon-lock,
   #profile .btn.follow-btn .icon-plus {
     position: static!important
   }
   #profile .btn.follow-btn .btn-text {
     display: none!important
   }
   #profile .btn.follow-btn .icon-plus {
     display: inline
   }
   #profile .btn.follow-btn .icon-checkmark {
     display: none
   }
   #profile .btn.follow-btn.following .icon-checkmark {
     position: static;
     display: inline
   }
   #profile .btn.follow-btn.following .icon-plus {
     display: none
   }
 }
 
 .outbound-link .icon-expand {
   font-size: .6em;
   color: #c2c6cc;
   padding-left: 1em
 }
 
 [dir=rtl],
 [dir=rtl] * {
   font-family: sans-serif
 }
 
 
 
 [class*=" icon-"]:before,
 [class^=icon-]:before {
   font-family: icons;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
 }
 
 .icon-allstar:before {
   content: "\f101"
 }
 
 .icon-arrow-2:before {
   content: "\25b3"
 }
 
 .icon-arrow-back:before {
   content: "\2770"
 }
 
 .icon-arrow-down:before {
   content: "\f102"
 }
 
 .icon-arrow-forward:before {
   content: "\2771"
 }
 
 .icon-arrow-up:before {
   content: "\f103"
 }
 
 .icon-arrow:before {
   content: "\25bd"
 }
 
 .icon-bell:before {
   content: "\2b26"
 }
 
 .icon-camera:before {
   content: "\233c"
 }
 
 .icon-cancel:before {
   content: "\2715"
 }
 
 .icon-chat-bubble:before {
   content: "\f104"
 }
 
 .icon-checkmark:before {
   content: "\2714"
 }
 
 .icon-clock:before {
   content: "\23f2"
 }
 
 .icon-cog:before {
   content: "\2699"
 }
 
 .icon-comment:before {
   content: "\e603"
 }
 
 .icon-delete:before {
   content: "\f105"
 }
 
 .icon-discovery:before {
   content: "\2604"
 }
 
 .icon-discussion:before {
   content: "\f106"
 }
 
 .icon-disqus:before {
   content: "\64"
 }
 
 .icon-expand-corners:before {
   content: "\2922"
 }
 
 .icon-expand:before {
   content: "\23cd"
 }
 
 .icon-export:before {
   content: "\2924"
 }
 
 .icon-facebook-circle:before {
   content: "\67"
 }
 
 .icon-facebook:before {
   content: "\67"
 }
 
 .icon-feed:before {
   content: "\72"
 }
 
 
 
 .icon-forward:before {
   content: "\3e"
 }
 
 .icon-google-plus-circle:before {
   content: "\47"
 }
 
 .icon-google-plus:before {
   content: "\67"
 }
 
 .icon-group:before {
   content: "\f107"
 }
 
 .icon-heart-empty:before {
   content: "\f108"
 }
 
 .icon-heart:before {
   content: "\f109"
 }
 
 .icon-images:before {
   content: "\26fa"
 }
 
 .icon-lightning:before {
   content: "\f10a"
 }
 
 .icon-link:before {
   content: "\bb"
 }
 
 .icon-location:before {
   content: "\2351"
 }
 
 .icon-lock:before {
   content: "\1f512"
 }
 
 .icon-mail:before {
   content: "\2709"
 }
 
 .icon-map:before {
   content: "\25eb"
 }
 
 .icon-megaphone:before {
   content: "\e600"
 }
 
 .icon-menu:before {
   content: "\2630"
 }
 
 .icon-minus:before {
   content: "\2d"
 }
 
 .icon-music:before {
   content: "\266b"
 }
 
 .icon-pause:before {
   content: "\268c"
 }
 
 .icon-pencil-large:before {
   content: "\270e"
 }
 
 .icon-pencil:before {
   content: "\270f"
 }
 
 .icon-photo:before {
   content: "\25f1"
 }
 
 .icon-pin:before {
   content: "\2199"
 }
 
 .icon-play:before {
   content: "\25ba"
 }
 
 .icon-plus:before {
   content: "\2b"
 }
 
 .icon-proceed:before {
   content: "\2192"
 }
 
 .icon-remove:before {
   content: "\2716"
 }
 
 .icon-reply-large:before {
   content: "\21a9"
 }
 
 .icon-reply:before {
   content: "\3c"
 }
 
 .icon-search:before {
   content: "\75"
 }
 
 .icon-share:before {
   content: "\74";
 }
 
 .icon-site-new:before {
   content: "\f10b"
 }
 
 .icon-site:before {
   content: "\f10c"
 }
 
 .icon-spam:before {
   content: "\f10d"
 }
 
 .icon-star:before {
   content: "\2605"
 }
 
 .icon-trophy:before {
   content: "\1f3c6"
 }
 
 .icon-twitter-circle:before {
   content: "\54"
 }
 
 .icon-twitter:before {
   content: "\6f"
 }
 
 .icon-upgrade-arrow-pro:before {
   content: "\f10e"
 }
 
 .icon-video:before {
   content: "\25b6"
 }
 
 .icon-warning:before {
   content: "\26a0"
 }
 
 .icon-write:before {
   content: "\29c4"
 }
 
 #layout>section {
   min-height: 125px
 }
 
 #no-posts {
   opacity: .6;
   line-height: 107px;
   text-align: center
 }
 
 .loading {
   background: url("") center center no-repeat;
   min-height: 100px
 }
 
 .input--text {
   background: #fff;
   border: 2px solid #dbdfe4;
   transition: all .2s linear;
   padding: 5px 9px;
   margin: 0;
   border-radius: 4px;
   font-size: 13px;
   height: 32px
 }
 
 .input--text:focus {
   border: 2px solid #c2c6cc
 }
 
 .input--text:placeholder-shown {
   color: #687a86
 }
 
 .has-error .input--text,
 .has-error .input--text:focus {
   border-color: #f05f70
 }
 
 .dark .input--text {
   background: #fff;
   box-shadow: none;
   border-color: #e7e9ee
 }
 
 .input-label {
   color: #fff;
   display: block;
   position: relative;
   padding: 15px 13px;
   margin-top: 15px;
   margin-bottom: 25px;
   background-color: #494e58;
   font-weight: 700;
   line-height: 1.5em;
   border-radius: 4px
 }
 
 .avatar .user,
 .avatar img {
   display: block;
   border-radius: 3px
 }
 
 .input-label:after {
   content: "";
   position: absolute;
   left: 15px;
   top: -5px;
   width: 10px;
   height: 10px;
   background-color: inherit;
   transform: rotate(45deg)
 }
 
 .has-error .input-label {
   border-color: #cf4847;
   background-color: #cf4847;
   color: #fff
 }
 
 .input-label .link {
   color: #fff;
   text-decoration: underline
 }
 
 .input-label .link:hover {
   text-decoration: none
 }
 
 .avatar {
   float: left
 }
 
 .avatar img {
   width: 48px;
   height: 48px
 }
 
 .avatar .user {
   position: relative;
   /* z-index: 100; */
   background: #dbdfe4;
   padding: 0
 }
 
 .post .avatar {
   margin-right: 12px
 }
 
 .acceptance-wrapper {
   margin: 12px 0;
   font-size: 13px;
   font-weight: 500;
   line-height: 1.5em;
   color: #687a86
 }
 
 .acceptance-wrapper a {
   font-weight: 500
 }
 
 .dark .acceptance-wrapper {
   color: rgba(255, 255, 255, .6)
 }
 
 .spinner {
   z-index: 50;
   width: 15px;
   height: 15px;
   border-radius: 28px;
   border: 2px solid transparent;
   border-color: transparent #fff;
   margin: auto;
   animation: rotate-loading 1.2s linear 0s infinite normal;
   display: none
 }
 
 .spinner.-button {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0
 }
 
 .badge {
   color: #fff;
   background: #687a86;
   padding: 1px 3px;
   font-size: 10px;
   line-height: 1.1;
   font-weight: 700;
   border-radius: 3px;
   display: inline-block;
   position: relative;
   top: -1px;
   left: 1px
 }
 
 .dark .badge {
   background: rgba(255, 255, 255, .35)
 }
 
 .dropdown-menu--coachmark {
   padding: 15px;
   text-align: center;
   max-width: 280px;
   width: 280px;
   border: 1px solid #dbdfe4;
   box-shadow: 0 1px 3px #dbdfe4;
   top: 26px;
   left: 3px
 }
 
 @media (min-width:460px) {
   .dropdown-menu--coachmark {
     max-width: 300px;
     width: 300px
   }
 }
 
 .dropdown-menu--coachmark:after,
 .dropdown-menu--coachmark:before {
   bottom: 100%;
   left: 50%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-width: 10px;
   margin-left: -96px
 }
 
 .dropdown-menu--coachmark:after {
   border-color: rgba(255, 255, 255, 0);
   border-bottom-color: #fff
 }
 
 .dropdown-menu--coachmark:before {
   border-color: rgba(204, 204, 204, 0);
   border-bottom-color: #494e58
 }
 
 .coachmark__description {
   line-height: 1.4em;
   margin-bottom: 10px;
   margin-top: 5px;
   font-size: 13px;
   color: #656c7a
 }
 
 .coachmark__heading {
   font-size: 14px;
   font-weight: 700;
   line-height: 1.4em;
   color: #2a2e2e
 }
 
 @media (min-width:460px) {
   .coachmark__description {
     font-size: 14px
   }
   .coachmark__heading {
     font-size: 15px
   }
 }
 
 .coachmark__button {
   display: block;
   padding: 10px 0;
   background: #2e9fff;
   color: #fff!important;
   font-weight: 700
 }
 
 .dark .highlighted-post .highlighted .feedback button,
 .dark .highlighted>.post-content .feedback button {
   color: rgba(255, 255, 255, .6)
 }
 
 .has-highlighted-post .highlight-toggle {
   display: none
 }
 
 .has-highlighted-post .highlighted>.post-content .highlight-toggle {
   display: block
 }
 
 .highlighted-post .post-list {
   margin-bottom: 24px
 }
 
 .highlighted-post .post-menu li {
   display: none
 }
 
 .highlighted-post .post-menu li.moderator-menu-options {
   display: list-item
 }
 
 .highlighted-post .post-menu li.moderator-menu-options .dropdown-toggle {
   border-left: none
 }
 
 .highlighted-post .post-menu li.moderator-menu-options li {
   display: none
 }
 
 .highlighted-post .post-menu li.moderator-menu-options li.highlight-toggle {
   display: list-item
 }
 
 .highlighted-post .highlighted {
   background-color: #edeef2
 }
 
 .highlighted-post .highlighted .post-content {
   background-color: transparent;
   margin-bottom: 0
 }
 
 .dark .highlighted-post .highlighted {
   background-color: rgba(255, 255, 255, .08)
 }
 
 .highlighted>.post-content {
   background-color: #edeef2
 }
 
 .dark .highlighted>.post-content {
   background-color: rgba(255, 255, 255, .08)
 }
 
 .highlighted-comment-header {
   font-size: 15px;
   font-weight: 700;
   margin-bottom: 12px;
   margin-top: 24px
 }
 
 .has-highlighted-post .highlighted-comment-header {
   display: block
 }
 
 .post-list {
   list-style-type: none;
   margin: 0
 }
 
 .post-list .post:after,
 .post-list .post:before {
   display: table;
   content: "";
   line-height: 0
 }
 
 .post-list .post.banned,
 .post-list .post.collapsed .children,
 .post-list .post.collapsed>.post-content .post-menu .collapse {
   display: none
 }
 
 .post-list .post.collapsed>.post-content .post-menu {
   top: 12px
 }
 
 .post-list .post.collapsed>.post-content .post-menu .expand {
   display: inline
 }
 
 .post-list .post.collapsed>.post-content .post-body-inner {
   display: none
 }
 
 .post-list .post.collapsed>.post-content .post-meta {
   display: inline-block!important
 }
 
 .post-list .post.collapsed>.post-content .post-media,
 .post-list .post.collapsed>.post-content .reply,
 .post-list .post.collapsed>.post-content .state-byline,
 .post-list .post.collapsed>.post-content footer,
 .post-list .post.minimized>.post-content .post-media,
 .post-list .post.minimized>.post-content .post-meta,
 .post-list .post.minimized>.post-content .reply,
 .post-list .post.minimized>.post-content .state-byline,
 .post-list .post.minimized>.post-content footer {
   display: none
 }
 
 .post-list .post.collapsed>.post-content,
 .post-list .post.minimized>.post-content {
   transition: none;
   min-height: 36px
 }
 
 .post-list .post.collapsed>.post-content .post-message,
 .post-list .post.minimized>.post-content .post-message {
   float: left
 }
 
 .post-list .post.collapsed>.post-content .post-message p,
 .post-list .post.minimized>.post-content .post-message p {
   line-height: 36px
 }
 
 .post-list .post.collapsed>.post-content header,
 .post-list .post.minimized>.post-content header {
   line-height: 36px;
   font-size: 12px
 }
 
 .post-list .post.collapsed>.post-content .indicator,
 .post-list .post.minimized>.post-content .indicator {
   height: 36px
 }
 
 .post-list .post.collapsed>.post-content .avatar img,
 .post-list .post.minimized>.post-content .avatar img {
   width: 36px;
   height: 36px;
   border-radius: 2px
 }
 
 .post-list .post.minimized>.post-content .post-message p {
   opacity: .7;
   font-size: 12px
 }
 
 .children .post:after,
 .children .post:before,
 .post-content:after,
 .post-content:before {
   display: table;
   line-height: 0;
   content: ""
 }
 
 .post-list .post.advertisement {
   height: 0
 }
 
 .post-list .post.advertisement .post-content {
   margin-bottom: 0
 }
 
 .post-list .post.advertisement .post-content .advertisement-comment {
   text-align: center;
   font-size: 12px
 }
 
 .post-list>.post.collapsed,
 .post-list>.post.minimized {
   min-height: 36px
 }
 
 .children .post {
   margin-left: 60px
 }
 
 .highlighted .children .post {
   margin-left: 72px
 }
 
 .children .post .avatar .user img {
   width: 36px;
   height: 36px
 }
 
 .children .post .indicator {
   height: 36px
 }
 
 .children .children .post {
   margin-left: 48px
 }
 
 .children .children .children .children .post {
   margin-left: 0
 }
 
 .children .children .children .children .post .post-body {
   margin-left: 48px
 }
 
 .children .children .children .children .post .indicator {
   left: 0
 }
 
 .post-content {
   position: relative;
   margin-bottom: 24px;
   transition: all .2s ease-in-out
 }
 
 .post-content .indicator {
   position: absolute;
   top: 0;
   left: 0;
   width: 5px;
   height: 48px;
   border-radius: 3px
 }
 
 .post-content.new,
 .post-content.target {
   padding-left: 12px
 }
 
 .post-content.new>.avatar,
 .post-content.target>.avatar {
   left: 12px
 }
 
 .post-content.new .indicator,
 .post-content.target .indicator {
   background: #2e9fff
 }
 
 .post-content.target .indicator {
   background: #ffd34f
 }
 
 .post-content.post-reply .source-avatar {
   position: absolute;
   left: 6px;
   top: 6px;
   width: 42px;
   height: 42px;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, .12)
 }
 
 .post-content.post-reply .target-avatar {
   width: 42px;
   height: 42px
 }
 
 .comment-footer__menu>li a:focus,
 .post-content .post-menu .collapse a:focus,
 .post-content .post-menu .dropdown-toggle:focus,
 .post-content .post-menu .expand a:focus {
   outline: auto
 }
 
 .post-content .post-body .media-container img {
   border-radius: 3px;
   display: block;
   max-width: 100%;
   max-height: 480px;
   z-index: -1
 }
 
 .post-content .post-body .media-button {
   text-align: left;
   font-size: 10px;
   padding: 3px 5px 4px 0;
   border-radius: 5px;
   border-style: solid;
   border-width: 2px
 }
 
 .post-content .post-body .media-content-placeholder {
   display: none;
   position: relative;
   width: 100%;
   min-height: 100px
 }
 
 .post-content .post-body .media-button-contract,
 .post-content .post-body .media-button-expand,
 .post-content .post-body .media-container {
   display: none
 }
 
 .post-content .post-body .media-container.media-activated,
 .post-content .post-body .media-container.media-mode-deferred,
 .post-content .post-body .media-container.media-show-buttons {
   display: block
 }
 
 .post-content .post-body .media-show-buttons .media-button-expand {
   display: inline-block;
   cursor: zoom-in
 }
 
 .post-content .post-body .media-show-buttons .media-button-contract {
   display: none;
   margin-bottom: 15px;
   cursor: zoom-out
 }
 
 .post-content .post-body .media-show-buttons .media-button-contract i,
 .post-content .post-body .media-show-buttons .media-button-expand i {
   font-size: 8px;
   color: #fff;
   padding: 4px 5px 4px 4px;
   margin-right: 2px
 }
 
 .post-content .post-body .media-activated .media-content-placeholder {
   display: block
 }
 
 .post-content .post-body .media-show-buttons.media-activated .media-button-contract {
   display: inline-block
 }
 
 .post-content .post-body .media-show-buttons.media-activated .media-button-expand {
   display: none
 }
 
 .post-content .post-body .media-mode-deferred .media-content-placeholder {
   display: block
 }
 
 .post-content .post-body .media-loading.media-activated .media-content-placeholder,
 .post-content .post-body .media-mode-deferred.media-show-buttons .media-button-contract,
 .post-content .post-body .media-mode-deferred.media-show-buttons .media-button-expand {
   display: none
 }
 
 .post-content .post-body .media-content-loader {
   display: none;
   height: 300px;
   text-align: center;
   background: url("") center center no-repeat
 }
 
 .post-content .post-body .media-loading.media-activated .media-content-loader {
   display: block
 }
 
 .post-content .post-body .media-content-placeholder .media-force-load {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   display: block;
   border-radius: 3px;
   border: 2px solid rgba(0, 39, 59, .2);
   color: rgba(0, 39, 59, .2)!important
 }
 
 .post-content .post-body .media-content-placeholder .media-force-load i {
   width: 100%;
   position: absolute;
   top: 50%;
   font-size: 32px;
   margin-top: -16px;
   text-align: center
 }
 
 .post-content .post-body .media-webpage {
   height: 36px;
   border-left: 5px solid;
   border-color: #687a86;
   padding: 0 0 0 15px;
   width: 100%;
   display: inline-block
 }
 
 .post-content .post-body .media-webpage img {
   float: left;
   max-height: 36px;
   max-width: 36px
 }
 
 .post-content .post-body .media-webpage .media-webpage-title {
   padding-top: 2px
 }
 
 .post-content .post-body .media-webpage .media-webpage-domain {
   padding-top: 3px;
   font-size: 80%;
   color: #656c7a
 }
 
 .post-content .post-body .post-media-link i {
   padding-right: 4px
 }
 
 .post-content .post-body .post-media-link .post-media-link-domain {
   font-size: 11px;
   color: #656c7a!important
 }
 
 .post-content .post-body spoiler {
   display: inline;
   background: #687a86;
   color: transparent;
   padding: 0 .5em
 }
 
 .post-content .post-body spoiler a {
   visibility: hidden;
   transition: none
 }
 
 .post-content .post-body spoiler .media-content-placeholder {
   background: #687a86
 }
 
 .post-content .post-body spoiler:focus,
 .post-content .post-body spoiler:hover {
   background: #e7e9ee;
   color: inherit
 }
 
 .post-content .post-body spoiler:focus a,
 .post-content .post-body spoiler:hover a {
   visibility: visible
 }
 
 .post-content .post-body spoiler:focus .media-content-placeholder,
 .post-content .post-body spoiler:hover .media-content-placeholder {
   background: 0 0
 }
 
 .dark .post-content .post-body spoiler:focus,
 .dark .post-content .post-body spoiler:hover {
   background: rgba(255, 255, 255, .2)
 }
 
 .post-content .post-menu {
   opacity: 0;
   filter: alpha(opacity=0);
   visibility: hidden;
   position: absolute;
   top: 3px;
   right: 0
 }
 
 .post-content .post-menu:after,
 .post-content .post-menu:before {
   display: table;
   content: "";
   line-height: 0
 }
 
 .touch .post-content .post-menu {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible!important
 }
 
 .post-content .post-menu .dropdown-toggle {
   border-left: 2px solid;
   border-color: #e7e9ee;
   padding-left: 5px
 }
 
 .post-content .post-menu .dropdown-toggle .caret {
   margin-top: 4px
 }
 
 .post-content .post-menu .dropdown-menu {
   position: absolute;
   z-index: 1001;
   left: auto;
   right: 0;
   top: 15px;
   min-width: 100px;
   padding: 0
 }
 
 .post-content .post-menu .dropdown-menu li a {
   display: block;
   padding: 6px 8px;
   white-space: nowrap;
   font-weight: 700;
   font-size: 11px
 }
 
 .post-content .post-menu.open .dropdown-toggle {
   background: 0 0;
   color: #2e9fff!important
 }
 
 .post-content .post-menu.open .dropdown-menu {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible!important
 }
 
 .post-content .post-menu>li {
   float: left;
   margin: 0 0 0 8px
 }
 
 .post-content .post-menu>li a {
   color: #656c7a!important
 }
 
 .dark .post-content .post-menu>li a {
   color: #2a2e2e!important
 }
 
 .post-content .post-menu .collapse a,
 .post-content .post-menu .expand a {
   font-size: 20px;
   opacity: .6;
   filter: alpha(opacity=60);
   position: relative;
   top: -6px;
   padding: 10px 0 10px 10px
 }
 
 .post-content .post-menu .collapse a:hover,
 .post-content .post-menu .expand a:hover {
   opacity: 1;
   filter: alpha(opacity=100)
 }
 
 .post-content .post-menu .expand {
   display: none
 }
 
 .post-content .post-message-container {
   position: relative;
   overflow: hidden;
   zoom: 1;
   width: 100%
 }
 
 .post-content .post-message {
   line-height: 21px
 }
 
 .post-content .post-message:after,
 .post-content .post-message:before {
   display: table;
   content: "";
   line-height: 0
 }
 
 .post-content .post-message.loading {
   background: url("") center left no-repeat;
   min-height: 21px
 }
 
 .post-content .post-message p {
   line-height: 21px;
   margin: 0 0 15px
 }
 
 .post-content .post-message p:last-child {
   margin: 0
 }
 
 .post-content .post-message blockquote,
 .post-content .post-message pre {
   line-height: 21px;
   margin: 0 0 15px;
   border-left: 4px solid #687a86;
   padding: 0 0 0 12px
 }
 
 .post-content .post-message blockquote:last-child,
 .post-content .post-message pre:last-child {
   margin: 0
 }
 
 .post-content .post-message pre {
   overflow-x: auto
 }
 
 .post-content .post-message code,
 .post-content .post-message pre {
   font-size: 12px;
   font-family: sans-serif
 }
 
 .post-content .post-menu.open,
 .post-content:hover .post-menu {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible!important
 }
 
 .post-content:focus-within .post-menu {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible!important;
   transform: none
 }
 
 .use-opacity-transitions .post-content.new .indicator,
 .use-opacity-transitions .post-content.target .indicator {
   transition: opacity 10s linear
 }
 
 .use-opacity-transitions .post-content.new.seen .indicator,
 .use-opacity-transitions .post-content.target.seen .indicator {
   opacity: 0;
   filter: alpha(opacity=0)
 }
 
 .use-opacity-transitions .post-content footer .voting {
   transition: opacity .3s
 }
 
 .use-opacity-transitions .post-content footer .voting .control {
   transition: opacity .2s linear
 }
 
 .use-opacity-transitions .post-content footer .voting .vote-down .tooltip {
   transition: opacity .2s
 }
 
 .use-opacity-transitions .post-content header .dropdown .dropdown-menu {
   transition: opacity .1s linear
 }
 
 .use-opacity-transitions .post-content .share ul li {
   transition-property: opacity, right
 }
 
 .disabled.post-content {
   opacity: .5
 }
 
 .disabled.post-content a,
 .disabled.post-content footer menu .voting .vote-down,
 .disabled.post-content footer menu .voting .vote-up {
   cursor: not-allowed
 }
 
 .close,
 .close:hover,
 .dismiss,
 .see-more,
 .share__button,
 .vote-down:hover,
 .vote-up:hover {
   cursor: pointer
 }
 
 .highlighted>.post-content {
   padding: 12px;
   border-radius: 3px
 }
 
 .highlighted>.post-content.new .indicator,
 .highlighted>.post-content.target .indicator {
   margin-top: 12px;
   margin-left: 4px
 }
 
 .highlighted>.post-content .post-menu {
   top: 12px;
   right: 12px
 }
 
 .highlighted>.post-content.collapsed header {
   font-size: 13px
 }
 
 .highlighted>.post-content.collapsed .post-list .post.minimized>.post-content header {
   line-height: 12px
 }
 
 .highlighted>.post-content.collapsed .post-byline {
   margin-left: 12px;
   font-size: 13px
 }
 
 .highlighted>.post-content.collapsed .state-byline {
   display: none
 }
 
 .highlighted>.post-content.collapsed,
 .highlighted>.post-content.minimized {
   min-height: 48px
 }
 
 .mention {
   font-weight: 700
 }
 
 .mention:before {
   content: "@"
 }
 
 .dark .mention:before {
   color: #fff!important
 }
 
 .moderate {
   border: 1px solid #c2c6cc;
   background: #e7e9ee;
   background: rgba(0, 0, 0, .03);
   padding: 8px;
   margin: 1em 0 0;
   border-radius: 3px
 }
 
 .moderate:after,
 .moderate:before {
   display: table;
   content: "";
   line-height: 0
 }
 
 .moderate.loading {
   background: url("") center center no-repeat;
   min-height: 22px
 }
 
 .upvoters-outer:after,
 .upvoters-outer:before {
   background-repeat: repeat-x;
   background-color: rgba(255, 255, 255, 0)
 }
 
 .moderate.loading * {
   display: none
 }
 
 .moderate h5 {
   font-weight: 700;
   margin: 0 0 9px
 }
 
 .moderate p {
   margin: 0;
   color: #666
 }
 
 .moderate label {
   width: 50%;
   float: left;
   display: block;
   padding: 0 4px 5px 0;
   font-size: .9em;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow-x: hidden
 }
 
 @media (max-width:480px) {
   .moderate label {
     width: 100%
   }
 }
 
 .moderate .btn.btn-small {
   font-size: 11px;
   padding: 4px 6px;
   line-height: 1;
   text-align: center;
   min-width: 65px
 }
 
 .moderate .pull-right {
   padding-top: 6px
 }
 
 .moderate .actions {
   clear: both;
   border-top: 1px solid;
   border-color: #687a86;
   padding: 8px;
   margin: -8px
 }
 
 .updatable {
   transition: all .3s linear
 }
 
 .updatable.update {
   color: #2a2e2e
 }
 
 .post-count .update {
   color: #494e58
 }
 
 .upvoters-outer:after,
 .upvoters-outer:before {
   content: "";
   display: block;
   height: 10px;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 900;
   border-radius: 5px
 }
 
 .upvoters-outer:before {
   top: 0;
   background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=0)
 }
 
 .upvoters-outer:after {
   bottom: 0;
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0)
 }
 
 .mobile .upvoters-outer {
   display: none!important
 }
 
 .upvoters-outer .upvoters {
   max-height: 400px;
   width: 213px;
   padding-right: 0;
   padding-bottom: 0;
   position: relative
 }
 
 .upvoters-outer .upvoters .scroll-measure {
   overflow: hidden;
   margin-top: -15px;
   padding-top: 15px
 }
 
 .upvoters-outer .upvoters .user {
   margin: 0 0 8px;
   padding: 0;
   height: 30px;
   position: relative;
   float: left;
   color: #656c7a
 }
 
 .upvoters-outer .upvoters .user .avatar {
   display: block;
   position: relative;
   top: 0!important;
   left: 0;
   float: left
 }
 
 .upvoters-outer .upvoters .user .avatar img {
   width: 30px;
   height: 30px;
   min-width: 30px!important;
   min-height: 30px!important
 }
 
 .upvoters-outer .upvoters .user .username {
   width: 137px;
   padding: 5px 0 0 8px;
   line-height: 1.2em;
   display: block;
   font-weight: 700;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: inherit;
   float: left;
   overflow: hidden
 }
 
 .upvoters-outer .upvoters .user .username:hover {
   color: #000
 }
 
 .upvoters-outer .upvoters .highlight {
   animation-name: new-upvoter-insertion;
   animation-duration: .75s;
   animation-timing-function: ease-in-out;
   animation-delay: 0
 }
 
 .upvoters-outer .upvoters li[data-role=guest].highlight {
   animation-name: new-upvoter-guest;
   animation-duration: 1.25s;
   animation-timing-function: ease-in-out;
   animation-delay: 0
 }
 
 .user-activity .avatar {
   top: 0
 }
 
 .user-activity ul {
   margin-bottom: 35px
 }
 
 .user-activity img.user {
   display: inline-block;
   position: relative;
   top: 5px;
   margin-right: 5px;
   border-radius: 3px;
   width: 24px;
   height: 24px
 }
 
 .user-activity li {
   padding: 0 0 0 34px;
   position: relative;
   line-height: 22px;
   margin-bottom: 20px
 }
 
 .user-activity li header {
   padding-top: 4px;
   display: block;
   margin-bottom: 9px;
   font-size: 12px;
   line-height: 18px;
   color: #888
 }
 
 .user-activity li article {
   display: block
 }
 
 .caret,
 .help-icon {
   display: inline-block
 }
 
 .user-activity li article blockquote {
   border-left: 4px solid;
   border-color: #687a86;
   padding-left: 12px
 }
 
 .user-activity li article blockquote p {
   line-height: 1.4
 }
 
 .debug {
   margin-bottom: 2em
 }
 
 .debug li {
   line-height: 1.5em
 }
 
 .serif .post-message p,
 .serif .top-thread-post p,
 .serif .top-user p {
   font-family: sans-serif
 }
 
 .help-icon {
   border-radius: 9px;
   border: 2px solid #687a86;
   padding: 2px 4px;
   margin-top: -2px;
   font-size: 12px;
   height: 18px;
   width: 19px
 }
 
 .help-icon:before {
   content: '?';
   font-weight: 700;
   color: #656c7a
 }
 
 .dark .help-icon {
   border-color: rgba(255, 255, 255, .7)
 }
 
 .dark .help-icon:before {
   color: rgba(255, 255, 255, .7)
 }
 
 .caret {
   width: 0;
   height: 0;
   text-indent: -99999px;
   vertical-align: top;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 4px solid #000;
   opacity: .3;
   content: "\2193"
 }
 
 .dark .caret {
   border-top-color: rgba(255, 255, 255, .85)
 }
 
 .dark .btn .caret {
   border-top-color: #000
 }
 
 .bullet {
   padding: 0;
   color: #c2c6cc;
   line-height: 1.4
 }
 
 @keyframes rotate-loading {
   0% {
     transform: rotate(0)
   }
   100% {
     transform: rotate(360deg)
   }
 }
 
 @keyframes anim-heart {
   0% {
     opacity: 0;
     transform: scale(.2, .2)
   }
   50% {
     opacity: 1;
     transform: scale(1.2, 1.2)
   }
   100% {
     opacity: 0;
     transform: scale(.75, .75)
   }
 }
 
 @keyframes new-upvoter-insertion {
   0% {
     opacity: 0;
     margin-top: -50px
   }
   50% {
     margin-top: 0
   }
   100% {
     opacity: 1;
     margin-top: 0
   }
 }
 
 @keyframes new-upvoter-guest {
   0% {
     color: inherit
   }
   100% {
     color: #656c7a
   }
 }
 
 .nav {
   position: relative;
   margin: 0 0 -6px;
   padding: 0
 }
 
 .nav:after,
 .nav:before {
   display: table;
   content: "";
   line-height: 0
 }
 
 .nav .caret {
   display: block;
   position: absolute;
   right: 0;
   top: 5px;
   margin: 0;
   transition: .2s all
 }
 
 .nav-primary {
   margin: 0 0 24px;
   border-bottom: 2px solid #e7e9ee
 }
 
 .dark .nav-primary {
   border-bottom-color: rgba(255, 255, 255, .2)
 }
 
 .nav-secondary {
   margin: -12px 0 6px
 }
 
 .nav-tab>a {
   color: #656c7a;
   display: block;
   margin: 0;
   padding: 0;
   font-weight: 700;
   line-height: 1;
   position: relative;
   transition: all .2s ease-in-out
 }
 
 .active .nav-tab>a:after,
 .tab-conversation.active>a:after {
   content: " ";
   display: block;
   height: 2px;
   background: #2e9fff;
   position: absolute;
   bottom: -2px;
   left: 0;
   right: 0
 }
 
 .nav-tab>a:hover {
   color: #2a2e2e
 }
 
 .dark .nav-tab>a {
   color: #eee!important;
   text-shadow: none
 }
 
 .dark .nav-tab>a:hover {
   color: #fff!important
 }
 
 .active .nav-tab>a {
   color: #2a2e2e!important
 }
 
 .dark .active .nav-tab>a,
 .dark .active .nav-tab>a:hover {
   color: #fff!important
 }
 
 .nav-tab--primary>a {
   font-size: 15px;
   padding: 12px 0;
   margin-right: 15px
 }
 
 .tab-conversation {
   float: left
 }
 
 .tab-conversation>a {
   text-transform: capitalize
 }
 
 .tab-conversation.active>a {
   color: #2a2e2e!important
 }
 
 .notification-loading:before,
 .thread-likes .label-count:after,
 .user-menu .dropdown-toggle-wrapper:before {
   content: ''
 }
 
 .dark .tab-conversation.active>a {
   color: #fff!important
 }
 
 .tab-community {
   float: left
 }
 
 .tab-community>a {
   margin-left: 15px
 }
 
 .notification-menu {
   float: right;
   margin-top: 11px;
   padding: 0;
   width: 19px
 }
 
 .notification-menu>a {
   position: relative;
   top: -1px;
   margin: 0
 }
 
 .user-menu {
   float: right;
   margin-left: 10px
 }
 
 @media (min-width:500px) {
   .user-menu {
     margin-left: 6px
   }
   .user-menu .dropdown-toggle {
     overflow: hidden;
     text-overflow: ellipsis
   }
 }
 
 .user-menu .dropdown-menu {
   left: auto;
   top: 33px;
   right: 0
 }
 
 .user-menu .dropdown-toggle {
   max-width: 160px;
   height: 33px;
   margin: 0;
   padding-right: 14px!important
 }
 
 .user-menu .caret {
   top: 18px;
   right: 0
 }
 
 .user-menu .dropdown-toggle-wrapper {
   white-space: nowrap
 }
 
 .user-menu .dropdown-toggle-wrapper .username {
   display: none
 }
 
 .user-menu .dropdown-toggle-wrapper .avatar img {
   width: 21px;
   height: 21px;
   margin-top: -3px;
   margin-right: 2px;
   border-radius: 2px
 }
 
 @media (min-width:500px) {
   .user-menu .dropdown-toggle-wrapper .username {
     display: inline
   }
   .user-menu .dropdown-toggle-wrapper .avatar {
     display: none
   }
 }
 
 .media-toggle-on {
   display: none!important
 }
 
 .media-collapsed .media-toggle-on {
   display: block!important
 }
 
 .media-collapsed .media-toggle-off {
   display: none!important
 }
 
 .comment-count-placeholder,
 .community-name-placeholder {
   display: none
 }
 
 @media (max-width:480px) {
   .comment-count,
   .community-name {
     display: none
   }
   .comment-count-placeholder,
   .community-name-placeholder {
     display: block
   }
 }
 
 .recommend:empty,
 .thread-likes .upvoted .label-default {
   display: none
 }
 
 .nav-tab--secondary {
   margin-bottom: 15px
 }
 
 .nav-tab--secondary>a,
 .nav-tab--secondary>div a {
   width: auto;
   font-size: 13px
 }
 
 .recommend {
   float: left;
   margin-right: 15px
 }
 
 .recommend .label {
   font-weight: 700
 }
 
 .share-menu {
   float: left;
   max-width: none;
   margin-top: 2px
 }
 
 .share-menu .dropdown-toggle {
   padding-right: 0
 }
 
 .share-menu .dropdown-menu {
   padding: 0
 }
 
 .share-menu .share-menu__label {
   padding: 4px 15px;
   white-space: nowrap;
   color: #687a86;
   font-size: 13px;
   position: relative;
   font-weight: 500
 }
 
 .sorting {
   margin-left: 12px
 }
 
 .sorting .dropdown-toggle {
   padding-right: 14px
 }
 
 .thread-likes a {
   position: relative;
   z-index: 100;
   margin-right: 0
 }
 
 .thread-likes a:hover {
   -webkit-transform: translate3d(0, 0, 0)
 }
 
 .thread-likes a:hover .label-count {
   color: #2a2e2e
 }
 
 .thread-likes .upvoted .label-recommended {
   display: inline
 }
 
 .thread-likes .label-recommended {
   display: none
 }
 
 .thread-likes .label-count {
   position: relative;
   font-size: 11px;
   font-weight: 700;
   padding: 2px 5px 3px;
   background: #e7e9ee;
   color: #494e58;
   border-radius: 2px;
   margin-left: 2px;
   transition: all .2s ease-in-out
 }
 
 .dark .thread-likes .label-count {
   background: #fff;
   color: #494e58!important
 }
 
 .thread-likes .label-count:after {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -25px 0 0 -25px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   opacity: 0;
   pointer-events: none;
   background: rgba(240, 95, 112, .2)
 }
 
 .thread-likes .upvoted .label-count:after {
   animation: anim-heart .4s forwards
 }
 
 .dropdown-toggle {
   position: relative;
   padding-right: 12px;
   background: 0 0!important;
   color: #656c7a!important
 }
 
 .dropdown-toggle:hover {
   color: #2a2e2e!important
 }
 
 .dark .dropdown-toggle,
 .dark .open .dropdown-toggle {
   border: none
 }
 
 .dropdown-menu {
   font-size: 13px;
   border: 2px solid #687a86;
   border-radius: 3px;
   background: #fff;
   box-shadow: none;
   min-width: 130px;
   z-index: 1001;
   top: 20px
 }
 
 .dropdown-menu.pull-right {
   right: 0;
   left: auto
 }
 
 .dropdown-menu.open {
   display: block
 }
 
 .dropdown-menu a {
   transition: none;
   color: #687a86;
   padding: 4px 15px;
   position: relative
 }
 
 .dropdown-menu a:focus {
   background-color: #2e9fff
 }
 
 .use-opacity-transitions .dropdown-menu {
   transition: opacity .2s
 }
 
 .dropdown-menu .icon-checkmark:before {
   display: none;
   font-size: 11px;
   position: absolute;
   right: 10px;
   top: 7px
 }
 
 .selected a .dropdown-menu .icon-checkmark:before {
   display: block
 }
 
 .notification-icon {
   position: absolute;
   top: 0;
   left: 0;
   font-size: 19px;
   transition: color .1s
 }
 
 @media (max-width:480px) {
   .notification-icon.icon-disqus {
     display: none
   }
   .notice {
     text-align: center
   }
 }
 
 .unread .notification-icon {
   color: #f05f70
 }
 
 .unread .notification-container:hover .notification-icon {
   color: #ec3046
 }
 
 .notification-count {
   position: absolute;
   top: 4px;
   left: 0;
   width: 20px;
   color: #fff;
   font-size: 10px;
   font-weight: 700;
   text-align: center
 }
 
 .notification-count .icon-plus {
   font-size: 6px
 }
 
 .notification-loading {
   height: 20px;
   position: relative
 }
 
 .notification-loading .notification-container {
   display: none
 }
 
 .notification-loading:before {
   display: block;
   width: 14px;
   height: 14px;
   border-radius: 25px;
   border: 2px solid transparent;
   border-color: transparent #c2c6cc;
   position: absolute;
   top: 0;
   left: 1px;
   animation: rotate-loading 1.5s linear 0s infinite normal;
   transform-origin: 50% 50%
 }
 
 .dark .notification-loading:before {
   border-color: transparent #fff
 }
 .icon-cog:hover,
 .icon-export:hover,
 .label:hover {
   color: #2a2e2e;
   transition: color 250ms ease-in-out
 }
 .dark .icon-cog,
 .dark .icon-export,
 .dark .label {
   color: #fff
 }
 .icon-export:before {
   position: relative;
   top: .31em;
   margin-right: -1px;
   line-height: 0;
   font-size: 19px
 }
 .recommend-icon {
   color: #f05f70;
   margin-right: 1px
 }
 .recommend-icon:before {
   position: relative;
   top: .18em;
   font-size: 13px;
   padding-left: .5px;
   line-height: 0
 }
 .upvoted .recommend-icon,
 .upvoted:hover .recommend-icon {
   transition: all .2s ease-in-out
 }
 .disqus-footer__wrapper {
   border-top: 2px solid #e7e9ee;
   padding: 7px 0 10px
 }
 @media only screen and (min-width:480px) {
   .disqus-footer__wrapper {
     padding-bottom: 0
   }
 }
 .dark .disqus-footer__wrapper {
   border-top: 2px solid rgba(255, 255, 255, .08)
 }
 .disqus-footer:after,
 .disqus-footer:before {
   display: table;
   content: "";
   line-height: 0
 }
 @media only screen and (max-width:480px) {
   .disqus-footer {
     border-bottom: 1px solid rgba(0, 49, 79, .08)
   }
 }
 @media only screen and (max-width:360px) {
   .disqus-footer li:nth-of-type(3) {
     display: none
   }
 }
 .disqus-footer__item {
   margin: 0;
   border: none;
   padding: 1px 15px 10px 0;
   float: left;
   position: relative
 }
 @media only screen and (min-width:480px) {
   .disqus-footer__item {
     margin-right: 29px;
     padding-right: 0
   }
   
   .disqus-footer__logo .disqus-footer__link {
     float: right
   }
 }
 .disqus-footer__link {
   font-size: 11px;
   padding: 0 0 0 18px;
   color: #656c7a;
   font-weight: 700
 }
 @media only screen and (min-width:550px) {
   .disqus-footer__link {
     padding: 0 0 0 25px;
     font-size: 12px
   }
 }
 .dark .disqus-footer__link {
   color: rgba(255, 255, 255, .5)
 }
 .dark .disqus-footer__link:hover {
   color: rgba(255, 255, 255, .6)
 }
 .disqus-footer__logo {
   padding-top: 2px;
   padding-right: 0;
   float: right;
   margin: 0
 }
 .disqus-footer__logo .disqus-footer__link {
   margin: 0 auto;
   display: block;
   text-indent: -9999em;
   background-position: 0 -38px;
   padding: 0
 }
 .dark .disqus-footer__logo .disqus-footer__link {
   background-position: 0 -54.5px
 }
 .email a,
 .install a,
 .privacy a {
   line-height: 1.1;
   transition: color .2s
 }
 .email a:hover,
 .install a:hover,
 .privacy a:hover {
   color: #494e58
 }
 .email .icon,
 .install .icon,
 .privacy .icon {
   position: absolute;
   left: 0
 }
 .install .icon {
   font-size: 14px;
   top: 2px
 }
 @media only screen and (min-width:480px) {
   .install a {
     padding-left: 22px
   }
   
   .install .icon {
     font-size: 17px;
     left: 3px;
     top: 0
   }
 }
 .privacy {
   padding-right: 5px;
   margin-left: -5px;
   margin-right: 0
 }
 .privacy a {
   padding-left: 17px
 }
 .privacy .icon {
   font-size: 12px;
   left: 3px;
   top: 3px
 }
 @media only screen and (min-width:480px) {
   .privacy a {
     padding-left: 22px
   }
   
   .privacy .icon {
     font-size: 16px;
     top: 0
   }
 }
 .email a {
   padding-left: 20px
 }
 .email .icon {
   font-size: 16px;
   top: 1px
 }
 @media only screen and (min-width:480px) {
   .email a {
     padding-left: 25px
   }
   
   .email .icon {
     font-size: 19px;
     top: -1px
   }
 }
 .email .icon-checkmark {
   opacity: 0;
   filter: alpha(opacity=0);
   visibility: hidden;
   transition: top .15s ease-in-out;
   color: #5cb767;
   font-size: 12px;
   right: -19px;
   top: -5px;
   left: auto
 }
 .use-opacity-transitions .email .icon-checkmark {
   transition-property: opacity, top
 }
 .email .form {
   display: none
 }
 .email.subscribed .disqus-footer__link {
   color: #5cb767
 }
 .email.subscribed .icon-checkmark {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible!important;
   top: 3px
 }
 @media only screen and (max-width:480px) {
   .email .icon-checkmark {
     left: 3px
   }
   
   .email.subscribed .icon-checkmark {
     top: 2px
   }
   
   .email.subscribed .icon-mail {
     display: none
   }
 }
 .load-more {
   margin: 0 0 24px
 }
 .load-more__button {
   font-size: 13px;
   font-weight: 500;
   display: block;
   text-align: center;
   padding: 11px 14px
 }
 .dark .load-more__button {
   background: rgba(255, 255, 255, .85);
   color: #444
 }
 .dark .load-more__button:hover {
   background: rgba(255, 255, 255, .7);
   color: #222
 }
 .dark .is-submitting .load-more__button {
   opacity: .7;
   background: rgba(255, 255, 255, .7)
 }
 .dark .is-submitting .load-more__button:hover {
   background: rgba(255, 255, 255, .7);
   color: #444
 }
 .comment__footer .vote-down,
 .comment__footer a,
 .comment__header .vote-down,
 .comment__header a {
   color: #656c7a;
   font-weight: 500
 }
 .comment__footer .vote-down:hover,
 .comment__footer a:hover,
 .comment__header .vote-down:hover,
 .comment__header a:hover {
   color: #2a2e2e
 }
 .dark .comment__footer .vote-down,
 .dark .comment__footer a,
 .dark .comment__header .vote-down,
 .dark .comment__header a {
   color: rgba(255, 255, 255, .5)
 }
 .dark .comment__footer .vote-down:hover,
 .dark .comment__footer a:hover,
 .dark .comment__header .vote-down:hover,
 .dark .comment__header a:hover {
   color: rgba(255, 255, 255, .85)
 }
 .comment__footer .author,
 .comment__header .author {
   color: #656c7a;
   font-weight: 700
 }
 .dark .comment__footer .author,
 .dark .comment__header .author {
   color: rgba(255, 255, 255, .6)
 }
 .mobile .comment__footer .bullet,
 .mobile .comment__header .bullet {
   display: none
 }
 .mobile .vote-down span.control,
 .mobile .vote-up span.control,
 .vote-down,
 .vote-up {
   display: inline-block
 }
 .parent-link,
 .state-byline,
 .time-ago {
   font-weight: 500;
   font-size: 12px;
   color: #687a86
 }
 .parent-link {
   position: relative
 }
 .mobile .parent-link {
   font-size: 14px
 }
 .vote-down,
 .vote-up {
   position: relative;
   padding: 0 3px;
   line-height: .85;
   height: 11px;
   min-height: 14px;
   overflow: hidden
 }
 .vote-down .control,
 .vote-up .control {
   font-size: 12px;
   font-weight: 700;
   opacity: .7
 }
 .mobile .vote-down,
 .mobile .vote-up {
   margin-right: 10px;
   border: none;
   display: inline-block;
   height: 2em;
   vertical-align: text-bottom;
   padding: 0
 }
 .alert .icon,
 .media-box,
 .mobile .vote-down span,
 .mobile .vote-up span,
 .newsletter-box__input-group__icon,
 .notice__message,
 .sso__button.no-image,
 .user-mention__item span {
   vertical-align: middle
 }
 .mobile .vote-down .tooltip,
 .mobile .vote-up .tooltip {
   display: none
 }
 .vote-down {
   padding-right: 0;
   padding-left: 6px;
   border-left: 2px solid #e7e9ee
 }
 .vote-down.downvoted .control {
   color: #f05f70
 }
 .dark .vote-down {
   border-left: 1px dotted rgba(255, 255, 255, .2)
 }
 .vote-down .mobile {
   padding-left: 10px;
   padding-right: 10px
 }
 .vote-up {
   padding-left: 0
 }
 .vote-up:after {
   content: "";
   display: block;
   position: absolute;
   top: -10px;
   left: -5px;
   right: -3px;
   bottom: -10px
 }
 .vote-up .count {
   color: gray;
   position: relative;
   top: -3px;
   font-size: 13px
 }
 .mobile .vote-up .count {
   top: 0
 }
 .vote-up.count-0 {
   margin-left: 0px
 }
 .vote-up.count-0 .count {
   display: none
 }
 .vote-up.upvoted .control,
 .vote-up.upvoted .count {
   color: #2e9fff
 }
 .state-byline {
   position: relative;
   display: block;
   font-weight: 500;
   margin: 8px 0 0;
   top: 2px;
   transition: color linear .1s
 }
 .state-byline span {
   position: relative;
   top: -3px
 }
 .state-byline [class|=icon] {
   margin-right: 4px;
   float: left;
   position: relative;
   top: -3px;
   z-index: 3
 }
 .state-byline-warning {
   color: #f05f70
 }
 .state-byline-sponsored .icon-trophy {
   color: #ffd34f
 }
 .allstar__icon {
   color: #ffd34f;
   transition: color .2s ease-in-out
 }
 .allstar__icon:hover {
   color: #ffc61c
 }
 .comment__header {
   line-height: 1;
   font-size: 13px;
   padding-right: 46px;
   margin-bottom: 3px
 }
 .comment__header .author a {
   font-weight: 700
 }
 .mobile .comment__header .author {
   font-size: 15px;
   line-height: 18px
 }
 .mobile .comment__header {
   padding-right: 0;
   margin-right: 48px;
   margin-bottom: 4px;
   font-size: 14px;
   line-height: 18px;
   position: relative;
   top: -4px
 }
 .comment__footer {
   color: #656c7a;
   margin: 4px 0 0
 }
 .comment__footer .bullet {
   line-height: 1.45
 }
 .mobile .comment__footer {
   position: relative;
   overflow: hidden;
   font-size: 18px
 }
 .comment-footer__menu {
   margin: 0;
   padding: 0
 }
 .comment-footer__menu:after,
 .comment-footer__menu:before {
   display: table;
   content: "";
   line-height: 0
 }
 .comment-footer__menu>li {
   float: left;
   list-style-type: none;
   padding: 0;
   font-size: 13px;
   line-height: 15px;
   margin-right: 7px
 }
 .alert,
 .close {
   font-weight: 700;
   line-height: 20px
 }
 .comment-footer__menu>li.comment__share {
   margin-right: 0
 }
 .comment-footer__menu>li.realtime {
   float: right
 }
 .edit a,
 .reply a {
   padding: 2px 0;
   border-radius: 4px
 }
 .edit.active .text,
 .reply.active .text {
   font-weight: 700
 }
 .highlighted-post .reply {
   display: none
 }
 .comment__share {
   position: relative;
   margin-right: 0
 }
 .comment__share .toggle {
   position: relative;
   z-index: 100;
   cursor: pointer
 }
 .mobile .comment__share {
   display: none!important
 }
 .comment-share__buttons {
   opacity: 0;
   filter: alpha(opacity=0);
   visibility: hidden;
   white-space: nowrap;
   display: block;
   position: relative;
   top: -14px;
   left: -7px
 }
 .comment__share:hover .comment-share__buttons {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible!important
 }
 .comment-share__buttons li {
   float: none;
   transition: right .4s ease-in-out;
   opacity: 0;
   position: absolute;
   right: 30px;
   top: -2px;
   padding-left: 8px
 }
 .comment-share__buttons li.link .share__button {
   opacity: 0
 }
 .comment__share:hover .comment-share__buttons li {
   opacity: 1
 }
 .comment__share:hover .comment-share__buttons li.twitter {
   right: -28px
 }
 .comment__share:hover .comment-share__buttons li.facebook {
   right: -52px
 }
 .comment__share:hover .comment-share__buttons li.link {
   right: -230px
 }
 .comment__share:hover .comment-share__buttons li.link .share__button {
   transition: opacity .3s ease-in-out .2s;
   opacity: .6
 }
 .comment__share:focus-within .comment-share__buttons {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible!important
 }
 .comment__share:focus-within .comment-share__buttons li {
   opacity: 1
 }
 .comment__share:focus-within .comment-share__buttons li.twitter {
   right: -28px
 }
 .comment__share:focus-within .comment-share__buttons li.facebook {
   right: -52px
 }
 .comment__share:focus-within .comment-share__buttons li.link {
   right: -230px
 }
 .comment__share:focus-within .comment-share__buttons li.link .share__button {
   transition: opacity .3s ease-in-out .2s;
   opacity: .6
 }
 .share__button {
   display: inline-block;
   width: 18px!important;
   height: 18px!important;
   padding: 0 0 0 18px;
   overflow: hidden;
   border: none;
   opacity: .6
 }
 .facebook .share__button,
 .link .share__button,
 .twitter .share__button {
   background-image: url("94861a62de5a06a0b4fee481763578fd9483a4c2.png");
   height: 18px
 }
 .close,
 .share__button:hover {
   opacity: .8
 }
 .twitter .share__button {
   background-position: 0 -56px;
   width: 18px
 }
 .facebook .share__button {
   background-position: 0 -16px;
   width: 18px
 }
 .link .share__button {
   background-position: 0 -36px;
   width: 172px!important;
   padding: 0 0 2px 20px;
   text-decoration: underline
 }
 .mobile .post-byline {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding-right: 15px
 }
 .post-meta {
   display: inline-block
 }
 .mobile div.post-meta {
   display: none
 }
 .realtime-replies {
   color: #687a86;
   font-size: 85%
 }
 .realtime-button:hover,
 .see-more {
   color: #656c7a
 }
 .realtime-button {
   transition: right .2s ease-in-out;
   display: inline;
   font-size: 10px;
   padding: 0 0 0 14px;
   position: relative;
   right: -100%
 }
 .realtime-button .indicator {
   transition: width .6s ease-in-out;
   display: inline-block;
   width: 300px!important;
   height: 9px!important;
   border-radius: 5px;
   background: #2e9fff;
   position: absolute!important;
   left: 5px!important;
   top: 2px!important
 }
 .realtime-button.reveal {
   right: 0
 }
 .realtime-button.reveal .indicator {
   width: 5px!important
 }
 .see-more {
   z-index: 901;
   text-align: center;
   font-size: 12px;
   font-weight: 700;
   padding: 10px 0;
   border-top: 2px solid #e7e9ee;
   display: block
 }
 .see-more:before {
   content: "";
   display: block;
   height: 3px;
   box-shadow: 0 -3px 3px rgba(0, 0, 0, .08);
   position: relative;
   top: -11px
 }
 .see-more.hidden {
   display: none
 }
 .dark .see-more {
   border-color: rgba(255, 255, 255, .5);
   color: rgba(255, 255, 255, .7)
 }
 .dark .see-more:before {
   box-shadow: 0 -3px 3px rgba(255, 255, 255, .08)
 }
 .alert {
   background: #3b464d;
   padding: 10px 35px 10px 14px;
   border: none;
   margin-bottom: 24px;
   border-radius: 4px;
   color: #fff;
   font-size: 13px
 }
 .alert a,
 .alert a:hover {
   color: #fff;
   font-weight: 700;
   text-decoration: underline
 }
 .alert .icon {
   padding-right: .5em
 }
 .dark .alert {
   background-color: rgba(255, 255, 255, .2)
 }
 #global-alert .alert {
   margin-bottom: 12px
 }
 .alert.error,
 .dark .alert.error {
   background: #f05f70
 }
 .alert.alert--realtime,
 .alert.info,
 .alert.success,
 .dark .alert.alert--realtime,
 .dark .alert.info,
 .dark .alert.success {
   background: #2e9fff
 }
 .close {
   background: 0 0;
   border: 0;
   color: #fff;
   float: right;
   font-size: 20px;
   padding: 0!important;
   position: relative;
   right: -21px;
   top: -2px;
   text-decoration: none!important
 }
 .notice,
 .tooltip {
   border-radius: 5px
 }
 .close:hover {
   opacity: .4;
   text-decoration: none
 }
 .notice {
   padding: 20px;
   font-size: 15px;
   font-weight: 500;
   background: #e7e9ee
 }
 .notice:after,
 .notice:before {
   display: table;
   content: "";
   line-height: 0
 }
 .dark .notice {
   background: rgba(255, 255, 255, .2)
 }
 .notice--brand {
   background: #2e9fff;
   color: #fff
 }
 .notice-wrapper {
   display: table;
   width: 100%
 }
 .notice-wrapper>* {
   display: table-cell
 }
 .notice__icon {
   margin-top: 2px;
   color: #687a86;
   font-size: 32px;
   padding-right: 15px
 }
 .dark .notice__icon {
   color: #e7e9ee
 }
 .notice--brand .notice__icon {
   color: #fff
 }
 .notice__button {
   width: 110px;
   padding-left: 0;
   padding-right: 0;
   background: #2e9fff;
   color: #fff;
   transition: all 250ms ease-in-out
 }
 .notice--brand .notice__button {
   background: #fff;
   color: #2e9fff
 }
 .notice__message {
   max-width: 540px;
   padding-right: .5em;
   color: #494e58;
   font-weight: 400;
   text-decoration: none;
   line-height: 1.3em
 }
 .notice__message:hover {
   color: #656c7a
 }
 @media (max-width:480px) {
   .notice__icon {
     display: none
   }
   
   .notice__button {
     width: 100%;
     display: inline-block
   }
   
   .notice__message {
     margin-bottom: 12px;
     display: inline-block;
     padding-right: 0
   }
 }
 .notice--brand .notice__message {
   color: #fff
 }
 .dark .notice__message,
 .dark .notice__message:hover {
   color: #e7e9ee
 }
 .dismiss {
   display: block;
   text-align: right;
   font-size: 12px;
   font-weight: 400;
   color: #687a86
 }
 .dismiss .cross {
   font-weight: 700;
   font-size: 16px
 }
 .dark .dismiss {
   color: #e7e9ee
 }
 .tooltip-outer {
   z-index: 1000;
   position: absolute;
   top: -20px;
   left: 24px
 }
 .children .tooltip-outer {
   left: 48px;
   top: - 24px
 }
 .tooltip-outer .point-position-bl {
   left: 41px;
   bottom: -16px
 }
 .tooltip-outer .point-position-tl {
   left: 41px;
   top: -16px
 }
 .tooltip-outer .point-position-tl:after,
 .tooltip-outer .point-position-tl:before {
   top: 9px
 }
 .tooltip-point {
   width: 70px;
   height: 16px;
   overflow: hidden;
   position: absolute;
   margin-left: -35px
 }
 .tooltip-point:after,
 .tooltip-point:before {
   content: "";
   position: absolute;
   left: 20px;
   top: -20px;
   width: 25px;
   height: 25px;
   background: #fff;
   box-shadow: 0 0 0 3px rgba(0, 0, 0, .2);
   transform: rotate(45deg)
 }
 .tooltip {
   position: relative;
   background: #fff;
   overflow: auto;
   box-shadow: 0 0 0 0px rgba(0, 0, 0, .2);
   padding: 8px 8px 0;
   color: #7f8d99
 }
 .use-opacity-transitions .tooltip {
   transition: opacity .25s linear
 }
 .message-card .tooltip {
   padding: 2px 5px
 }
 .profile-card .tooltip {
   width: 290px
 }
 .upgrade-card .tooltip {
   width: 300px;
   text-align: center;
   padding: 8px
 }
 .upgrade-card .tooltip .btn {
   color: #fff;
   background: #2e9fff
 }
 .tooltip .avatar {
   position: absolute;
   top: 8px!important;
   left: 8px;
   transition: left .2s linear
 }
 .tooltip .avatar img {
   display: block;
   width: 75px;
   height: 75px;
   border-radius: 3px;
   min-width: 75px!important;
   min-height: 75px!important
 }
 .context-card .tooltip {
   border-radius: 4px;
   padding: 5px 5px 0;
   width: 220px
 }
 .context-card .tooltip .avatar {
   left: 5px!important;
   top: 5px!important
 }
 .context-card .tooltip .avatar img {
   width: 36px!important;
   height: 36px!important;
   min-width: 36px!important;
   min-height: 36px!important
 }
 .tooltip__content {
   margin-left: 84px;
   min-height: 74px
 }
 .tooltip__content h3 {
   margin: 0 0 5px;
   font-size: 16px;
   line-height: 1.2;
   overflow-x: hidden;
   text-overflow: ellipsis
 }
 .tooltip__content h3 a {
   font-weight: 700;
   color: #000
 }
 .tooltip__content h3 .badge {
   position: relative;
   top: -1px
 }
 .tooltip__content p {
   margin: 0 0 2px;
   font-size: 13px;
   line-height: 1.3
 }
 .tooltip__content p.bio {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3
 }
 .tooltip__content p.stats {
   font-size: 12px;
   min-height: 15.6px;
   font-weight: 700
 }
 .context-card .tooltip__content {
   min-height: 40px;
   margin-left: 44px
 }
 .context-card .tooltip__content p {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis
 }
 .tooltip__footer {
   display: block!important;
   background: #e7e9ee;
   height: 40px;
   margin: 8px -8px 0;
   padding: 8px;
   border-radius: 0 0 4px 4px
 }
 .tooltip__footer:after,
 .tooltip__footer:before {
   display: table;
   content: "";
   line-height: 0
 }
 .full-profile {
   color: #656c7a;
   font-weight: 700;
   float: right;
   float: right!important;
   font-size: 12px;
   padding: 7px 13px 3px 0;
   background: url("") center right no-repeat
 }
 .dark .full-profile {
   color: #7f8d99!important
 }
 .vote-action.tooltip {
   cursor: default;
   transition-delay: .4s;
   position: absolute;
   z-index: 1001;
   display: inline-block;
   width: 170px;
   border-radius: 3px;
   line-height: 1.1;
   padding: 5px 10px;
   bottom: 15px;
   left: 6px
 }
 .use-opacity-transitions .connect__button,
 .use-opacity-transitions .sso__button {
   transition: opacity .2s
 }
 .context-card {
   display: block;
   left: -100px;
   right: 0;
   top: -52px
 }
 .context-card .notch {
   top: auto;
   left: 104px;
   bottom: -9px;
   background-position: bottom center;
   height: 14px;
   display: none
 }
 .context-card h3 {
   line-height: 1.1!important;
   margin-bottom: 2px!important;
   white-space: nowrap;
   overflow-y: hidden
 }
 .context-card h3 a {
   line-height: 1.2!important;
   display: block;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis
 }
 .audiencesync {
   overflow: hidden
 }
 .audiencesync:after,
 .audiencesync:before {
   display: table;
   content: "";
   line-height: 0
 }
 .audiencesync p {
   font-size: 12px;
   line-height: 1.5em;
   overflow: hidden;
   float: left;
   margin: 0;
   max-width: 170px
 }
 .audiencesync__icons {
   margin-right: 10px;
   margin-bottom: 1.5em;
   overflow: hidden;
   float: left
 }
 .audiencesync__icons .icon {
   float: left;
   color: #939EA7
 }
 .audiencesync__icons .icon-proceed {
   padding: 7px
 }
 @media (max-width:480px) {
   .audiencesync__icons img {
     width: 16px
   }
 }
 .connect__button,
 .sso__button {
   background: 0 0;
   font-size: 11px;
   width: 34px;
   height: 34px
 }
 .auth-section {
   display: none;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 10px 0 0;
   margin: 0;
   z-index: 200
 }
 .auth-section:after,
 .auth-section:before {
   display: table;
   content: "";
   line-height: 0
 }
 @media (min-width:480px) {
   .auth-section {
     margin: 0 0 0 60px
   }
 }
 .auth-section.logged-out__display {
   display: -ms-flexbox;
   display: flex
 }
 .auth-section.logged-out__hide {
   display: none
 }
 .expanded .postbox .auth-section {
   display: -ms-flexbox;
   display: flex
 }
 .post-list .auth-section {
   margin-left: 48px
 }
 .mobile .post-list .auth-section {
   padding: 12px;
   border: 2px solid #cbd2d6;
   border-top: none
 }
 .connect {
   padding-right: 10px
 }
 .guest {
   padding: 2px 0 0;
   -ms-flex-positive: 1;
   flex-grow: 1;
   -ms-flex-preferred-size: 270px;
   flex-basis: 270px
 }
 .guest p {
   margin: 0 0 12px
 }
 .services {
   margin: 0 0 18px
 }
 .services:after,
 .services:before {
   display: table;
   content: "";
   line-height: 0
 }
 .services li {
   float: left;
   margin: 0 3px 0 0
 }
 .services li.sso {
   float: none;
   margin: 0 0 12px
 }
 .connect__button {
   display: block;
   text-indent: -9999em;
   opacity: .9
 }
 .connect__button:hover {
   opacity: 1
 }
 .sso__button {
   display: block;
   opacity: .9;
   text-indent: 0
 }
 .sso__button:hover {
   opacity: 1
 }
 .sso__button.image {
   box-shadow: none;
   width: auto
 }
 .sso__button.no-image {
   margin-bottom: 0;
   font-size: 14px;
   cursor: pointer;
   filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
   border: none;
   background: #778289;
   background: rgba(29, 47, 58, .6);
   padding: 10px 16px;
   color: #fff;
   line-height: 1.1;
   border-radius: 3px;
   font-weight: 500;
   transition: background .2s;
   text-shadow: none;
   text-align: center;
   display: block;
   width: 143px
 }
 .sso__button.no-image.active,
 .sso__button.no-image.disabled,
 .sso__button.no-image:active,
 .sso__button.no-image:hover,
 .sso__button.no-image[disabled] {
   color: #656c7a;
   background-color: #e6e6e6
 }
 .sso__button.no-image.active,
 .sso__button.no-image:active {
   background-color: #ccc;
 }
 .sso__button.no-image:hover {
   color: #656c7a;
   text-decoration: none;
   background-color: #e6e6e6;
   background-position: 0 -15px;
   transition: background-position .1s linear
 }
 .sso__button.no-image:focus {
   outline: #333 dotted thin;
   outline: -webkit-focus-ring-color auto 5px;
   outline-offset: -2px
 }
 .sso__button.no-image.active,
 .sso__button.no-image:active {
   background-color: #e6e6e6;
   background-color: #d9d9d9;
   background-image: none;
   outline: 0;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
 }
 .sso__button.no-image.disabled,
 .sso__button.no-image[disabled] {
   cursor: default;
   background-color: #e6e6e6;
   background-image: none;
   opacity: .65;
   filter: alpha(opacity=65);
   box-shadow: none
 }
 .sso__button.no-image:not(:disabled):hover {
   background: #606d75;
   background: rgba(29, 47, 58, .7);
   color: #fff
 }
 .sso__button.no-image:not(:disabled).active,
 .sso__button.no-image:not(:disabled):active {
   transition: none;
   background: #2e9fff
 }
 .sso__button.no-image.busy {
   background: #ebeef2;
   color: #999;
   text-shadow: none
 }
 .sso__button.no-image.busy:active,
 .sso__button.no-image.busy:hover {
   background: #ebeef2;
   text-shadow: none;
   cursor: not-allowed
 }
 .auth-disqus button,
 .auth-facebook button,
 .auth-google button,
 .auth-twitter button {
   background-image: url("94861a62de5a06a0b4fee481763578fd9483a4c2.png");
   height: 34px
 }
 .sso__button.no-image.btn-small {
   font-size: 12px;
   padding: 8px 10px;
   background-position: 0 -10px
 }
 .sso__button.no-image.btn-small.follow {
   font-weight: 400;
   font-size: 10px;
   padding: 1px 4px;
   border-radius: 3px;
   box-shadow: 0 1px 0 rgba(0, 0, 0, .07)
 }
 .sso__button.no-image.btn-small:hover {
   background-position: 0 -40px
 }
 .mobile .sso__button.no-image {
   border: none;
   box-shadow: none
 }
 .guest-details {
   overflow: hidden;
   display: none
 }
 .guest-details.expanded {
   display: block
 }
 .guest-checkbox {
   margin: 9px 2px 19px 0
 }
 .guest-form-title {
   display: inline-block
 }
 .guest-text {
   display: none
 }
 .is-guest .guest-text,
 .register-text {
   display: block
 }
 .is-guest .register-text,
 .proceed.is-submitting .icon-proceed {
   display: none
 }
 .auth-twitter button {
   background-position: 0 -251px;
   width: 34px
 }
 .auth-facebook button {
   background-position: 0 -179px;
   width: 34px
 }
 .auth-google button {
   background-position: 0 -215px;
   width: 34px
 }
 .auth-disqus button {
   background-position: 0 -143px;
   width: 35px
 }
 .proceed {
   position: relative;
   font-size: 12px;
   width: 100%
 }
 @media (min-width:480px) {
   .guest-checkbox {
     margin-bottom: 12px;
     float: left
   }
   
   .proceed {
     float: right;
     width: 60px
   }
 }
 .proceed.active {
   opacity: 1
 }
 .proceed.is-submitting .spinner {
   display: block
 }
 .proceed__button {
   height: 32px;
   padding: 9px 0;
   width: 100%;
   text-align: center
 }
 .dark .proceed__button {
   background: rgba(255, 255, 255, .85);
   color: #444
 }
 .dark .proceed__button:hover {
   background: rgba(255, 255, 255, .7);
   color: #222
 }
 .is-submitting .proceed__button {
   opacity: .5;
   cursor: default
 }
 .is-submitting .proceed__button:hover {
   background-color: #656c7a
 }
 .dark .is-submitting .proceed__button {
   opacity: .7;
   background: rgba(255, 255, 255, .7)
 }
 .dark .is-submitting .proceed__button:hover {
   background: rgba(255, 255, 255, .7);
   color: #444
 }
 .next {
   display: none
 }
 .register .next {
   display: block
 }
 .register .submit {
   display: none
 }
 .help-tooltip__wrapper {
   cursor: pointer;
   display: inline-block;
   position: relative;
   background: 0 0
 }
 .help-tooltip__wrapper:focus .help-tooltip,
 .help-tooltip__wrapper:hover .help-tooltip {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible!important
 }
 .help-tooltip,
 .post-actions {
   opacity: 0;
   filter: alpha(opacity=0);
   visibility: hidden
 }
 .help-tooltip {
   text-indent: 0;
   z-index: 1001;
   position: absolute;
   width: 300px;
   top: 20px;
   padding: 18px 14px 4px;
   left: 8px;
   margin-left: -155px
 }
 .help-tooltip__heading {
   color: #687a86;
   padding: 0 4px;
   margin: 0 0 14px;
   font-weight: 700
 }
 .help-tooltip__list {
   list-style: disc;
   padding: 0 0 0 20px;
   margin: 0 0 14px
 }
 .help-tooltip__list li {
   color: #687a86;
   list-style: disc;
   margin: 0 0 6px;
   line-height: 1.4;
   font-size: 13px
 }
 .help-tooltip__list li span {
   color: #656c7a
 }
 .help-tooltip__button {
   font-size: 12px;
   padding: 10px;
   margin-bottom: -2px;
   display: block;
   text-align: center
 }
 .textarea-wrapper {
   background: #fff;
   border: 2px solid #dbdfe4;
   position: relative;
   border-radius: 4px;
   margin: 0 0 0 48px
 }
 .textarea-wrapper:after,
 .textarea-wrapper:before {
   display: table;
   content: "";
   line-height: 0
 }
 .textarea-wrapper:focus {
   border: 2px solid #c2c6cc
 }
 .edit .textarea-wrapper {
   margin: 3px 0 9px!important;
   padding-bottom: 36px
 }
 .textarea-wrapper--top-level .textarea-wrapper {
   margin-left: 60px
 }
 @media (max-width:500px) {
   .textarea-wrapper--top-level .textarea-wrapper {
     margin-left: 0
   }
   
   .textarea-wrapper--top-level .avatar {
     display: none
   }
 }
 .mobile .textarea-wrapper--top-level .textarea-wrapper {
   margin-left: 0
 }
 .mobile .textarea-wrapper {
   margin-left: 42px
 }
 .mobile .edit .textarea-wrapper {
   margin: 0!important
 }
 .textarea-wrapper.error {
   border-color: #f05f70
 }
 .textarea-wrapper--top-level .avatar {
   position: absolute;
   left: 0;
   transition: left .2s linear
 }
 .mobile .textarea-wrapper--top-level {
   margin-bottom: 1em
 }
 .mobile .textarea-wrapper--top-level.active {
   display: block
 }
 .mobile .textarea-wrapper--top-level .avatar {
   display: none
 }
 .placeholder {
   color: #687a86;
   line-height: 30px;
   font-size: 15px;
   position: absolute;
   top: 7px;
   left: 10px;
   right: 9px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   cursor: text
 }
 @media (min-width:500px) {
   .placeholder {
     font-size: 18px
   }
 }
 .textarea {
   color: #2a2e2e;
   cursor: text;
   resize: none;
   border: 0;
   display: block;
   padding: 6px 10px 8px;
   margin: 0;
   width: 100%;
   min-height: 44px;
   height: auto;
   line-height: 1.4;
   font-size: 14px;
   font-family: sans-serif;
   overflow-y: scroll;
   transition: all .15s ease-in-out
 }
 .dark .textarea {
   border-color: #e7e9ee;
   border-radius: 4px
 }
 .expanded .textarea {
   margin-bottom: 36px;
   min-height: 73px
 }
 @media (max-width:500px) {
   .expanded .textarea {
     min-height: 60px
   }
 }
 .mobile .textarea {
   min-height: 35px
 }
 .textarea div,
 .textarea p {
   margin: 0;
   line-height: 1.4
 }
 .textarea:focus {
   outline: 0
 }
 .expanded .postbox .logged-in {
   display: none
 }
 .expanded.authenticated .postbox .logged-in {
   display: block
 }
 .expanded.authenticated .postbox .logged-out {
   display: none
 }
 .postbox {
   position: relative;
   margin-left: 60px
 }
 .media-drag-hover,
 .media-drag-hover .drag-text {
   position: absolute;
   left: 0;
   right: 0;
   text-align: center
 }
 .reply-form-container .postbox {
   margin: 24px 0 0 60px
 }
 .children .postbox {
   margin-left: 48px
 }
 .textarea-wrapper--top-level .postbox {
   margin: 0 0 24px
 }
 .children .children .children .postbox,
 .mobile .postbox {
   margin-left: 0!important
 }
 .post-list .postbox .avatar img {
   width: 36px;
   height: 36px
 }
 .postbox .edit-alert .alert {
   border-radius: 0;
   margin: -36px -2px 36px;
   border-top: solid 2px;
   border-color: #dbdfe4
 }
 .postbox section {
   border-radius: 0 0 3px 3px
 }
 .postbox section label {
   font-size: 13px;
   color: #687a86
 }
 .dark .postbox section label {
   color: rgba(255, 255, 255, .6)
 }
 .postbox section small {
   display: block;
   font-size: 11px;
   line-height: 1.2!important;
   color: #a9adb3;
   margin: 4px 0 0 16px
 }
 .edit .edit-alert .alert {
   border-radius: 0;
   margin: 0 -2px;
   border-top: solid 2px;
   border-color: #dbdfe4
 }
 .edit .edit-alert .alert>a {
   color: #fff!important
 }
 .media-drag-hover {
   overflow: hidden;
   top: 0;
   bottom: 0;
   border-radius: 3px;
   background-color: rgba(0, 0, 0, .4);
   font-weight: 700;
   z-index: 2000;
   color: #fff
 }
 .media-drag-hover .drag-text {
   border: 3px dashed #fff;
   padding: 12px;
   top: 50%;
   margin: -22px 30px 0;
   border-radius: 6px;
   height: 45px
 }
 .media-box,
 .media-ct,
 .media-expanded,
 .media-surface {
   position: relative
 }
 .media-preview {
   transition: padding-bottom .15s ease-in-out;
   background-color: #687a86;
   background: rgba(16, 48, 68, .03);
   border-top: solid 2px;
   border-color: #dbdfe4;
   padding: 10px 0 8px;
   margin: 20px 0 0
 }
 .media-preview .empty,
 .media-preview.empty {
   display: none
 }
 .dark .media-preview {
   background: rgba(255, 255, 255, .2)
 }
 .expanded .media-preview {
   padding-bottom: 42px
 }
 .media-preview ul {
   display: inline
 }
 .media-preview li {
   display: inline-block;
   zoom: 1;
   margin: 0 0 0 8px
 }
 .media-preview li.active {
   border: 1px solid;
   padding: 0
 }
 .media-expanded {
   max-height: 300px;
   margin: 8px 8px 0;
   text-align: center
 }
 .media-expanded img {
   max-height: 300px;
   max-width: 100%
 }
 .media-box,
 .media-surface img {
   max-width: 128px;
   max-height: 128px
 }
 .media-box {
   display: table-cell;
   text-align: center
 }
 .media-ct {
   display: inline;
   display: inline-block
 }
 .media-surface {
   display: table-cell
 }
 .media-surface img {
   border-radius: 3px
 }
 .media-progress-box {
   position: relative;
   width: 128px;
   height: 128px;
   background: url("") center 45% no-repeat
 }
 .media-progress {
   position: absolute;
   top: 65%;
   left: 20%;
   width: 60%;
   height: 5px;
   background-color: #dbdfe4
 }
 .media-progress .bar {
   background-color: #687a86;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0
 }
 .post-actions {
   background: #f6f8f9;
   border-radius: 0 0 2px 2px;
   border-top: solid 2px #dbdfe4;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 36px;
   transition: opacity linear .2s
 }
 .edit .post-actions,
 .expanded .post-actions {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible!important
 }
 .dark .post-actions {
   background: rgba(0, 0, 0, .05)
 }
 .post-action__button {
   margin: -2px -2px 0 0;
   white-space: nowrap;
   border-radius: 0 0 3px;
   font-size: 12px;
   padding: 12px 14px 13px;
   font-weight: 700;
   float: right
 }
 .post-action__cancel {
   line-height: 30px;
   float: right;
   color: #c2c6cc!important;
   font-size: 12px;
   font-weight: 500;
   margin-right: 12px
 }
 .post-action__cancel:hover {
   color: #656c7a!important
 }
 .wysiwyg {
   position: absolute;
   top: 2px;
   left: 2px
 }
 .wysiwyg__item {
   float: left;
   position: relative
 }
 .wysiwyg__item input[type=file] {
   visibility: hidden;
   width: 1px
 }
 .wysiwyg__item a {
   display: block;
   height: 30px;
   width: 34px;
   position: relative
 }
 .wysiwyg__item a span {
   width: 14px;
   height: 14px;
   display: block;
   position: absolute;
   top: 9px;
   left: 10px;
   text-indent: -9999em;
   transition: opacity .1s linear;
   opacity: .65
 }
 .wysiwyg__item a.attach span {
   background-image: url("94861a62de5a06a0b4fee481763578fd9483a4c2.png");
   background-position: 0 0;
   width: 14px;
   height: 14px
 }
 .wysiwyg__item.active a span,
 .wysiwyg__item:active a span,
 .wysiwyg__item:hover a span {
   opacity: 1
 }
 .user-mention__list {
   position: absolute;
   left: 0;
   top: 99%;
   z-index: 1002;
   width: 100%;
   box-sizing: content-box;
   margin: 0 -2px -2px;
   padding: 0;
   list-style-type: none;
   line-height: 1;
   zoom: 1;
   background: #fff;
   border: 2px solid #dbdfe4;
   border-radius: 0 0 3px 3px;
   cursor: pointer
 }
 .user-mention__header {
   background: #fff;
   padding: 8px;
   margin: 0
 }
 .user-mention__header h5 {
   margin: 0;
   padding: 0;
   border: 0;
   font-weight: 700;
   font-size: 11px;
   text-transform: uppercase;
   line-height: 11px;
   color: #999
 }
 .dark .user-mention__header {
   background: rgba(0, 0, 0, .05)
 }
 .dark .user-mention__header h5 {
   color: rgba(0, 0, 0, .6)
 }
 .user-mention__item {
   position: relative;
   color: #656c7a;
   padding: 8px;
   font-weight: 500;
   overflow: hidden
 }
 .textarea-wrapper--top-level .user-mention__item span {
   padding-left: 32px
 }
 .user-mention__item .avatar {
   top: 5px;
   left: 5px;
   width: 22px;
   height: 22px
 }
 .textarea-wrapper--top-level .user-mention__item .avatar {
   top: 6px;
   left: 8px
 }
 .user-mention__item:hover {
   background-color: #e7e9ee
 }
 .user-mention__item.active {
   background-color: #2e9fff;
   color: #fff
 }
 .user-mention__item.active:last-child {
   border-radius: 0 0 1px 1px
 }
 .mobile .alert {
   margin-left: 0!important
 }
 .mobile .alert .avatar {
   display: none
 }
 .mobile .post .alert .avatar {
   display: block
 }
 .mobile .post-list form.edit {
   margin: 0
 }
 .mobile .post-list .authored-by-session-user form.edit:before,
 .mobile .post-list .authored-by-session-user form.reply:before {
   left: 140px
 }
 .mobile .post-list>.post:first-child>.post-content {
   border-top: none
 }
 .mobile .post-list .post {
   padding: 0
 }
 .mobile .post-list .post .post-content {
   margin: 0;
   padding-top: 12px
 }
 .mobile .post-list .post .post-content .indicator {
   height: 30px
 }
 .mobile .post-list .post .post-content .post-menu {
   display: block;
   visibility: visible;
   opacity: 1;
   filter: alpha(opacity=100);
   position: absolute;
   min-width: 0;
   right: 0;
   top: -10px;
   padding: 0
 }
 .mobile .post-list .post .post-content .post-menu * {
   -webkit-tap-highlight-color: transparent
 }
 .mobile .post-list .post .post-content .post-menu .dropdown-toggle {
   border: none;
   padding: 15px 6px 12px 10px
 }
 .mobile .post-list .post .post-content .post-menu .dropdown-menu {
   top: 32px
 }
 .mobile .post-list .post .post-content .post-menu li {
   margin: 0
 }
 .mobile .post-list .post .post-content .post-menu li a {
   position: static;
   display: block;
   margin: 0;
   padding: 10px 0 10px 10px
 }
 .mobile .post-list .post .post-content .post-menu li a span {
   display: block;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
   vertical-align: middle;
   border-radius: 3px;
   box-shadow: inset 0 0 0 2px rgba(0, 39, 59, .2);
   transition: background
 }
 .mobile .post-list .post .post-content .avatar .user {
   background: #c2c6cc
 }
 .mobile .post-list .post .post-content .avatar .user img {
   width: 30px;
   height: 30px
 }
 .mobile .post-list .post .post-content .post-body {
   overflow: visible;
   display: block
 }
 .mobile .post-list .post .post-content .post-body .post-byline {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding-right: 15px
 }
 .mobile .post-list .children .post:after,
 .mobile .post-list .post .post-content .post-body .badge,
 .mobile .post-list .post.minimized>.post-content .post-meta {
   display: none
 }
 .mobile .post-list .post .post-content .post-body .post-message-container {
   box-sizing: border-box;
   position: static;
   width: auto
 }
 .mobile .post-list .post.collapsed>.post-content,
 .mobile .post-list .post.minimized>.post-content {
   margin-bottom: 12px
 }
 .mobile .post-list .post.collapsed>.post-content .post-message,
 .mobile .post-list .post.minimized>.post-content .post-message {
   float: none;
   margin-right: 24px
 }
 .mobile .post-list .post.minimized>.post-content .avatar img {
   width: 30px;
   height: 30px;
   margin-top: 4px
 }
 .mobile .post-list .post.minimized>.post-content .post-message p {
   line-height: 1.35em
 }
 .mobile .post-list .post.minimized.collapsed>.post-content header {
   line-height: 36px;
   font-size: 14px
 }
 .mobile input[type=text],
 .mobile input[type=email],
 .mobile input[type=password],
 .mobile input[type=checkbox],
 .mobile textarea {
   font-size: 16px
 }
 .mobile .post-list .post .post-content {
   margin-bottom: 16px;
   padding: 0;
   border-top: none;
   transition: none
 }
 .mobile .post-list .post .post-content.new .avatar,
 .mobile .post-list .post .post-content.target .avatar {
   margin-left: 8px
 }
 .mobile .post-list .post .post-content.new .indicator {
   width: 2px
 }
 .mobile .post-list .post .post-content .post-body .post-body-inner {
   clear: left;
   position: relative;
   top: -4px;
   overflow: visible
 }
 .actions:after,
 .media:after,
 .no-flexbox .align:after,
 .row:after {
   clear: both
 }
 .mobile .post-list .children {
   padding-left: 17px;
   border-left: 2px solid #e7e9ee
 }
 .mobile .post-list .children .post {
   margin-left: 0
 }
 .mobile .post-list .children .post .post-content {
   margin-left: 0;
   padding: 0;
   border-top: none
 }
 .mobile .post-list .children .post .post-content .post-message-container,
 .mobile .post-list .children .post .post-content footer,
 .mobile .post-list .children .post .post-content header {
   margin-left: 0!important
 }
 .mobile .post-list .children .post .post-content .post-body,
 .mobile .post-list .children .post-content .reply-form-container {
   margin-left: 0
 }
 .mobile .post-list .children .post .post-content .avatar img {
   margin-top: 0
 }
 .mobile .post-list .children .post-content .reply-form-container .alert,
 .mobile .post-list .postbox {
   margin-top: 5px
 }
 .mobile .post-list .children li:only-child {
   margin-bottom: 20px
 }
 .mobile .post-list .children .children .children {
   padding-left: 0;
   border-left: none
 }
 .mobile .post-list .children .highlighted.post-content,
 .mobile .post-list .highlighted .post-content {
   padding: 12px
 }
 .mobile .post-list .highlighted .post-content .post-menu {
   right: 12px;
   top: 2px
 }
 .mobile .post-list .highlighted .post-content .indicator {
   margin-left: 12px
 }
 .mobile .post-list .highlighted .thread-link {
   margin: 3px 0 0!important
 }
 .mobile .post-list .highlighted .thread-link a {
   line-height: 1.6em
 }
 .mobile .post-list .highlighted .thread-link .icon,
 .mobile .post-list .highlighted .thread-link .text {
   display: none!important
 }
 .mobile .post-list .highlighted .thread-link .mobile-text {
   display: inline!important
 }
 .mobile .post-list .highlighted .feedback {
   display: none!important
 }
 .mobile .highlighted-post .highlighted>.post-content footer menu li.reply {
   display: none
 }
 .mobile .dark .post-list .post .post-menu li a span {
   box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .6)
 }
 .mobile .dark .post-list .post form.reply:before {
   background: rgba(255, 255, 255, .2)
 }
 .mobile .dark .post-list .children {
   border-color: rgba(255, 255, 255, .08)
 }
 .newsletter-box {
   background: #ebeef2;
   border-radius: 5px;
   padding: 14px
 }
 .dark .newsletter-box {
   color: #fff;
   background-color: #46494E;
   border-color: #353a3d
 }
 @media only screen and (max-width:767px) {
   .newsletter-box input[type=submit] {
     margin: 10px 0!important
   }
   
   .comment-policy {
     width: 100%
   }
 }
 .newsletter-box__hide {
   color: #546673;
   -ms-flex-item-align: end;
   align-self: flex-end;
   text-decoration: none;
   font-size: 13px
 }
 .button-link-inverted,
 .newsletter-box__hide:hover,
 .text-underline {
   text-decoration: underline
 }
 .dark .newsletter-box__hide {
   color: #288ce4
 }
 .newsletter-box__input-group {
   border: 1px solid #2e9fff;
   padding: 5px .75em 6px;
   background: #fff;
   border-radius: 3px;
   margin-right: 10px;
   display: inline-block
 }
 .newsletter-box__input-group input {
   border: none;
   font-family:  sans-serif
 }
 .newsletter-box__input-group__icon {
   color: #2e9fff;
   margin-right: 10px;
   position: relative;
   top: 2px
 }
 .comment-policy {
   -ms-flex-positive: 0;
   flex-grow: 0;
   background-position: right 20px top 20px;
   border: none;
   border-radius: 4px;
   position: relative;
   overflow: hidden;
   margin-top: 10px
 }
 .dark .comment-policy {
   color: #fff;
   background-color: #46494E
 }
 .comment-policy .content {
   position: relative;
   z-index: 1
 }
 .comment-policy p {
   margin-bottom: 4px
 }
 .comment-policy .title {
   font-weight: 700
 }
 .dark .comment-policy .title {
   color: #fff
 }
 .comment-policy i {
   color: #e0e3e9;
   position: absolute
 }
 .dark .comment-policy i {
   color: #353a3d
 }
 .button {
   border-radius: 3px;
   border: 1px solid transparent;
   line-height: 1.1em;
   text-align: center;
   font-weight: 500;
   padding: 8px 10px 9px;
   display: inline-block;
   cursor: pointer
 }
 .no-touch .button:hover,
 .no-touchevents .button:hover {
   transition: all .2s ease-in-out
 }
 .button:disabled {
   opacity: .35;
   cursor: default;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
 }
 .button-smaller {
   font-size: 13px;
   padding: 6px 10px
 }
 .button-small {
   font-size: 13px;
   padding: 8px 10px
 }
 @media only screen and (min-width:768px) {
   .button-small {
     padding: 8px 11px
   }
 }
 .button-medium {
   font-size: 15px;
   padding: 9px 17px
 }
 @media only screen and (min-width:768px) {
   .button-medium {
     padding: 10px 24px
   }
 }
 .button-large {
   font-size: 18px;
   padding: 10px 25px
 }
 @media only screen and (min-width:768px) {
   .button-large {
     padding: 12px 36px
   }
 }
 .button-wide {
   display: block;
   width: 100%
 }
 @media only screen and (max-width:767px) {
   .button-wide--mobile {
     display: block;
     width: 100%
   }
 }
 @media only screen and (max-width:480px) {
   .button-wide--footer {
     display: block;
     width: 100%;
     position: absolute;
     bottom: 0;
     height: 50px;
     border-radius: 0;
     font-size: 18px
   }
 }
 .button-inline {
   padding: 0;
   border-width: 0
 }
 .button-inverted.-thick,
 .button-outline.-thick {
   border-width: 2px
 }
 .button-padding-taller {
   padding-top: 12px;
   padding-bottom: 13px
 }
 .button-padding-wide {
   padding-left: 20px;
   padding-right: 20px
 }
 .button-padding-wider {
   padding-left: 30px;
   padding-right: 30px
 }
 .button-disabled {
   background-color: #687a86;
   border-color: #687a86;
   color: #fff;
   cursor: default;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
 }
 .no-touch .button-disabled:hover,
 .no-touchevents .button-disabled:hover {
   color: #fff
 }
 .button-link {
   color: #2e9fff;
   font-size: inherit
 }
 .no-touch .button-link:hover,
 .no-touchevents .button-link:hover {
   color: #546673
 }
 .button-link-inverted {
   color: #fff;
   font-size: inherit
 }
 .no-touch .button-link-inverted:hover,
 .no-touchevents .button-link-inverted:hover {
   color: #cce9ff
 }
 .button-outline {
   border-color: #cce9ff;
   background-color: #fff;
   color: #2e9fff
 }
 .no-touch .button-outline:hover,
 .no-touchevents .button-outline:hover {
   border-color: #2e9fff;
   background-color: #f2f9ff;
   color: #2e87e7
 }
 .button-outline.-blue-darker {
   border-color: #fff;
   color: #164b78
 }
 .no-touch .button-outline.-blue-darker:hover,
 .no-touchevents .button-outline.-blue-darker:hover {
   color: #164b78;
   border-color: #fff;
   background-color: rgba(255, 255, 255, .8)
 }
 .button-outline.-border-muted {
   border-color: #e0e3e9
 }
 .button-outline.-border-light {
   border-color: #fff
 }
 .no-touch .button-outline.-border-light:hover,
 .no-touchevents .button-outline.-border-light:hover {
   border-color: #f2f9ff;
   background-color: rgba(255, 255, 255, .7)
 }
 .button-outline.-border-blue-dark {
   border-color: currentColor
 }
 .no-touch .button-outline.-border-blue-dark:hover,
 .no-touchevents .button-outline.-border-blue-dark:hover {
   color: #2e87e7;
   background-color: #cce9ff;
   border-color: #2e87e7
 }
 .button-outline.-border-red {
   color: #f05f70;
   border-color: #f05f70;
   background-color: transparent
 }
 .button-outline.-border-red:hover {
   background-color: #f05f70
 }
 .no-touch .button-outline.-border-red:hover,
 .no-touchevents .button-outline.-border-red:hover {
   color: #fff;
   border-color: #f05f70;
   background-color: #f05f70
 }
 .button-inverted {
   border-color: #fff;
   color: #fff
 }
 .no-touch .button-inverted:hover,
 .no-touchevents .button-inverted:hover {
   color: #fff;
   background-color: #164b78;
   border-color: #164b78
 }
 .no-touch .button-inverted.-thick:hover,
 .no-touchevents .button-inverted.-thick:hover {
   background-color: transparent;
   border-color: #cce9ff;
   color: #cce9ff
 }
 .no-touch .button-inverted.-hover-opaque:hover,
 .no-touchevents .button-inverted.-hover-opaque:hover {
   background-color: transparent;
   background-color: rgba(255, 255, 255, .1);
   border-color: #fff
 }
 .button-inverted.-border-blue-dark {
   color: #2e87e7;
   border-color: currentColor
 }
 .no-touch .button-inverted.-border-blue-dark:hover,
 .no-touchevents .button-inverted.-border-blue-dark:hover {
   color: #164b78;
   border-color: currentColor;
   background-color: rgba(255, 255, 255, .1)
 }
 .button-inverted.-border-gray {
   border-color: #687a86;
   border-width: 2px
 }
 .no-touch .button-inverted.-border-gray:hover,
 .no-touchevents .button-inverted.-border-gray:hover {
   color: #fff;
   border-color: currentColor
 }
 .button-fill {
   border-color: #687a86;
   background-color: #687a86;
   color: #fff
 }
 .no-touch .button-fill:hover,
 .no-touchevents .button-fill:hover {
   border-color: #2e9fff;
   background-color: #2e9fff;
   color: #fff
 }
 .no-touch .button-fill.-dark-hover:hover,
 .no-touchevents .button-fill.-dark-hover:hover {
   border-color: #164b78;
   background-color: #164b78;
   color: #fff
 }
 .button-fill--gray-light {
   border-color: #e0e3e9;
   background-color: #e0e3e9;
   color: #353a3d
 }
 .no-touch .button-fill--gray-light:hover,
 .no-touchevents .button-fill--gray-light:hover {
   border-color: #c2c9d4;
   background-color: #c2c9d4;
   color: #164b78
 }
 .button-fill--white {
   border-color: #fff;
   background-color: #fff;
   color: #2e9fff
 }
 .button-fill--white:hover {
   border-color: #164b78;
   background-color: #164b78;
   color: #fff
 }
 .button-fill--brand {
   border-color: #2e9fff;
   background-color: #2e9fff;
   color: #fff
 }
 .no-touch .button-fill--brand:hover,
 .no-touchevents .button-fill--brand:hover {
   background-color: #164b78;
   border-color: #164b78;
   color: #fff
 }
 .no-touch .button-fill--brand:disabled:hover,
 .no-touchevents .button-fill--brand:disabled:hover {
   background-color: #2e9fff;
   border-color: #2e9fff
 }
 .button-fill--blue-light {
   border-color: #cce9ff;
   background-color: #f2f9ff;
   color: #2e9fff
 }
 .no-touch .button-fill--blue-light:hover,
 .no-touchevents .button-fill--blue-light:hover {
   background-color: #cce9ff;
   border-color: #2e9fff;
   color: #2e9fff
 }
 .no-touch .button-fill--blue-light:disabled:hover,
 .no-touchevents .button-fill--blue-light:disabled:hover {
   background-color: #f2f9ff;
   border-color: #f2f9ff
 }
 .button-fill--red {
   border-color: #f05f70;
   background-color: #f05f70;
   color: #fff
 }
 .no-touch .button-fill--red:hover,
 .no-touchevents .button-fill--red:hover {
   border-color: #ec3046;
   background-color: #ec3046;
   color: #fff
 }
 .button-fill--green {
   border-color: #5cb767;
   background-color: #5cb767;
   color: #fff
 }
 .no-touch .button-fill--green:hover,
 .no-touchevents .button-fill--green:hover {
   border-color: #5e9164;
   background-color: #5e9164;
   color: #fff
 }
 .button-fill--green-light {
   border-color: #8bcf93;
   background-color: #8bcf93;
   color: #fff
 }
 .no-touch .button-fill--green-light:hover,
 .no-touchevents .button-fill--green-light:hover {
   background-color: #5cb767;
   border-color: #5cb767;
   color: #fff
 }
 .button-fill--yellow {
   border-color: #ffefb7;
   background-color: #fffBED;
   color: #c19219
 }
 .no-touch .button-fill--yellow:hover,
 .no-touchevents .button-fill--yellow:hover {
   background-color: #fff9cf;
   border-color: #ffe070;
   color: #a47703
 }
 .button-fill--orange {
   border-color: #ff9b51;
   background-color: #ff9b51;
   color: #fffaf6
 }
 .no-touch .button-fill--orange:hover,
 .no-touchevents .button-fill--orange:hover {
   background-color: #ffb884;
   border-color: #ffb884;
   color: #fff
 }
 .toggle-button input[type=checkbox] {
   display: none
 }
 .toggle-button label {
   cursor: pointer;
   text-indent: 30px;
   width: 76px;
   height: 38px;
   background: #D9DEE7;
   color: #494e58;
   display: block;
   border-radius: 76px;
   position: relative;
   margin: 0 10px;
   text-align: center;
   padding-top: 9px;
   font-size: 14px;
   font-weight: 700
 }
 .toggle-button label:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 38px;
   height: 38px;
   background: #fff;
   border-radius: 38px;
   transition: .3s;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
   border: 1px solid rgba(0, 0, 0, .08)
 }
 .toggle-button input:checked+label {
   background: #8bcf93;
   color: #23812E;
   text-indent: -30px
 }
 .toggle-button input:checked+label:after {
   left: calc(100%);
   transform: translateX(-100%)
 }
 .toggle-button:not(.static) label:active:after {
   width: 130px
 }
 .toggle-button.static label {
   cursor: default
 }
 .toggle-button.disabled label {
   cursor: default;
   background: #c2c9d4;
   color: #7F919E
 }
 .toggle-button.disabled label:active:after {
   width: 38px
 }
 .align {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
   flex-direction: row
 }
 .no-flexbox .align:after,
 .no-flexbox .align:before {
   display: table;
   content: "";
   line-height: 0
 }
 .no-flexbox .align>* {
   float: left;
   padding-right: 10px
 }
 .align-inline {
   display: -ms-inline-flexbox;
   display: inline-flex
 }
 .no-flexbox .align-inline {
   display: inline-block
 }
 @media only screen and (min-width:480px) {
   .align-mid-mobile {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: row;
     flex-direction: row
   }
   
   .no-flexbox .align-mid-mobile:after,
   .no-flexbox .align-mid-mobile:before {
     display: table;
     content: "";
     line-height: 0
   }
   
   .no-flexbox .align-mid-mobile:after {
     clear: both
   }
   
   .no-flexbox .align-mid-mobile>* {
     float: left;
     padding-right: 10px
   }
 }
 @media only screen and (max-width:767px) {
   .align-max-mobile {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: row;
     flex-direction: row
   }
   
   .no-flexbox .align-max-mobile:after,
   .no-flexbox .align-max-mobile:before {
     display: table;
     content: "";
     line-height: 0
   }
   
   .no-flexbox .align-max-mobile:after {
     clear: both
   }
   
   .no-flexbox .align-max-mobile>* {
     float: left;
     padding-right: 10px
   }
 }
 @media only screen and (min-width:768px) {
   .align-min-tablet {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: row;
     flex-direction: row
   }
   
   .no-flexbox .align-min-tablet:after,
   .no-flexbox .align-min-tablet:before {
     display: table;
     content: "";
     line-height: 0
   }
   
   .no-flexbox .align-min-tablet:after {
     clear: both
   }
   
   .no-flexbox .align-min-tablet>* {
     float: left;
     padding-right: 10px
   }
 }
 @media only screen and (min-width:1025px) {
   .align-min-desktop {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: row;
     flex-direction: row
   }
   
   .no-flexbox .align-min-desktop:after,
   .no-flexbox .align-min-desktop:before {
     display: table;
     content: "";
     line-height: 0
   }
   
   .no-flexbox .align-min-desktop:after {
     clear: both
   }
   
   .no-flexbox .align-min-desktop>* {
     float: left;
     padding-right: 10px
   }
 }
 .align--column {
   -ms-flex-direction: column;
   flex-direction: column
 }
 .align--column-reverse {
   -ms-flex-direction: column-reverse;
   flex-direction: column-reverse
 }
 .align--row-reverse {
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse
 }
 .align--middle {
   -ms-flex-align: center;
   align-items: center
 }
 .align--stretch {
   -ms-flex-align: stretch;
   align-items: stretch
 }
 .align--between {
   -ms-flex-pack: justify;
   justify-content: space-between
 }
 .no-flexbox .align--between .align__item:last-child {
   float: right
 }
 .align--center {
   -ms-flex-pack: center;
   justify-content: center
 }
 .align--around {
   -ms-flex-pack: distribute;
   justify-content: space-around
 }
 .align--wrap {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap
 }
 @media only screen and (max-width:480px) {
   .align--wrap-mobile {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
   }
 }
 .no-flexbox .align__item {
   float: left;
   padding-right: 10px
 }
 .align__item--swap-first {
   -ms-flex-order: 2;
   order: 2
 }
 @media only screen and (min-width:768px) {
   .align__item--swap-first {
     -ms-flex-order: 1;
     order: 1
   }
 }
 .align__item--swap-last {
   -ms-flex-order: 1;
   order: 1
 }
 @media only screen and (min-width:768px) {
   .align__item--swap-last {
     -ms-flex-order: 2;
     order: 2
   }
 }
 .align__item--grow {
   -ms-flex-positive: 1;
   flex-grow: 1
 }
 .align__item--no-shrink {
   -ms-flex-negative: 0;
   flex-shrink: 0
 }
 .align__item--equal {
   -ms-flex-preferred-size: 0;
   flex-basis: 0
 }
 .align__item--flex-1 {
   -ms-flex: 1;
   flex: 1
 }
 .media:after,
 .media:before {
   display: table;
   content: "";
   line-height: 0
 }
 .media-right,
 .media>.pull-right {
   padding-left: 10px
 }
 .media-left,
 .media>.pull-left {
   padding-right: 10px
 }
 .media-body,
 .media-left,
 .media-right {
   display: table-cell;
   vertical-align: top
 }
 .actions:after,
 .actions:before,
 .row:after,
 .row:before {
   display: table;
   content: ""
 }
 .media-heading {
   padding-top: 5px;
   margin-bottom: 5px
 }
 .text-huge {
   font-size: 36px;
   line-height: 1.1em
 }
 .text-largest {
   font-size: 28px;
   line-height: 1.1em
 }
 .text-larger {
   font-size: 22px;
   line-height: 1.1em
 }
 .text-large {
   font-size: 18px;
   line-height: 1.25em
 }
 .text-medium {
   font-size: 15px
 }
 .text-base {
   font-size: 17px
 }
 .text-small {
   font-size: 13px;
   line-height: 1.305em
 }
 .text-smallish {
   font-size: 14px;
   line-height: 1.45em
 }
 @media only screen and (min-width:768px) {
   .text-smallish {
     font-size: 16px
   }
 }
 .text-smaller {
   font-size: 12px
 }
 .text-smallest {
   font-size: 11px
 }
 .text-subheading {
   font-size: 12px;
   color: #687a86;
   letter-spacing: .5px;
   text-transform: uppercase;
   font-weight: 500
 }
 .text-bold {
   font-weight: 600
 }
 .text-semibold {
   font-weight: 500
 }
 .text-normal {
   font-weight: 400
 }
 .text-gray-darker {
   color: #353a3d
 }
 .text-gray-dark {
   color: #546673
 }
 .text-gray {
   color: #687a86
 }
 .text-gray-light {
   color: #c2c9d4
 }
 .text-light {
   color: #fff
 }
 .text-drop-shadow {
   text-shadow: 0 0 5px rgba(0, 0, 0, .3)
 }
 .text-error,
 .text-red {
   color: #f05f70
 }
 .text-green,
 .text-success {
   color: #5cb767
 }
 .text-blue,
 .text-brand {
   color: #2e9fff
 }
 .text-blue-darker {
   color: #164b78
 }
 .text-warning,
 .text-yellow {
   color: #ffd34f
 }
 .text-orange {
   color: #ff9b51
 }
 .text-violet {
   color: #b180c9
 }
 .text-center {
   text-align: center
 }
 .text-right {
   text-align: right
 }
 @media only screen and (max-width:1024px) {
   .text-center-mobile {
     text-align: center
   }
 }
 @media only screen and (max-width:768px) {
   .text-center-min-mobile {
     text-align: center
   }
   
   .text-left-mobile {
     text-align: left
   }
 }
 @media only screen and (max-width:767px) {
   .text-center-sm {
     text-align: center
   }
 }
 .text-left {
   text-align: left
 }
 .text-capitalized {
   text-transform: capitalize
 }
 .text-uppercase {
   text-transform: uppercase
 }
 .text-strikethrough {
   text-decoration: line-through
 }
 .spacing-narrow {
   margin: 7.5px 0
 }
 .spacing-default {
   margin: 10px
 }
 .spacing-double {
   margin: 20px
 }
 .spacing-default-narrow {
   margin: 5px
 }
 .spacing-left-large {
   margin-left: 20px
 }
 .spacing-left {
   margin-left: 10px
 }
 .spacing-left-small {
   margin-left: 5px
 }
 .spacing-right-large {
   margin-right: 25px
 }
 .spacing-right {
   margin-right: 10px
 }
 .spacing-right-small {
   margin-right: 5px
 }
 .spacing-top {
   margin-top: 15px
 }
 .spacing-top-narrow {
   margin-top: 7.5px
 }
 .spacing-top-small {
   margin-top: 5px
 }
 .spacing-top-double {
   margin-top: 30px
 }
 .spacing-top-quad {
   margin-top: 60px
 }
 .spacing-bottom {
   margin-bottom: 15px
 }
 .spacing-bottom-narrow {
   margin-bottom: 7.5px
 }
 .spacing-bottom-small {
   margin-bottom: 5px
 }
 .spacing-bottom-large {
   margin-bottom: 25px
 }
 .spacing-bottom-double {
   margin-bottom: 30px
 }
 .spacing-bottom-quad {
   margin-bottom: 60px
 }
 .spacing-bottom-none {
   margin-bottom: 0!important
 }
 .spacing-top-bottom {
   margin: 10px 0!important
 }
 .spacing-top-bottom-double {
   margin: 15px 0
 }
 .spacing-quad {
   margin: 60px
 }
 .spacing-quad-desktop {
   margin: 15px
 }
 @media only screen and (min-width:1025px) {
   .spacing-quad-desktop {
     margin: 60px
   }
 }
 .spacing-top-none {
   margin-top: 0
 }
 .spacing-center {
   margin-left: auto;
   margin-right: auto
 }
 .spacing-inner p {
   margin: 7.5px 0
 }
 .spacing-inner.-medium p {
   margin: 10px 0
 }
 .padding-small {
   padding: 5px
 }
 .padding-gutter {
   padding: 15px
 }
 .padding-top-bottom-gutter {
   padding: 10px 15px
 }
 .padding-default {
   padding: 10px
 }
 .padding-double {
   padding: 20px
 }
 .padding-quad {
   padding: 40px
 }
 .padding-top-bottom-quad {
   padding-top: 40px;
   padding-bottom: 40px
 }
 .padding-left-right {
   padding: 0 15px
 }
 .padding-left-right-large {
   padding: 0 22.5px
 }
 .padding-left-right-quad {
   padding: 0 40px
 }
 .padding-top-bottom {
   padding: 10px 0
 }
 .padding-top {
   padding-top: 15px
 }
 .padding-top-half {
   padding-top: 7.5px
 }
 .padding-top-double {
   padding-top: 30px
 }
 .padding-top-none {
   padding-top: 0!important
 }
 .padding-bottom {
   padding-bottom: 15px
 }
 .padding-bottom-double {
   padding-bottom: 30px
 }
 .padding-bottom-none {
   padding-bottom: 0
 }
 @media only screen and (max-width:480px) {
   .padding-bottom-mobile {
     padding-bottom: 15px
   }
 }
 .border-gray-light {
   border: 1px solid #c2c9d4
 }
 .border-gray-lighter {
   border: 1px solid #ebeef2
 }
 .border-bottom-none {
   border-bottom: 0
 }
 .actions:after,
 .actions:before {
   line-height: 0
 }
 .actions .forgot {
   color: #dbdfe4;
   font-size: 12px;
   padding: 3px 0;
   line-height: 2.5
 }
 .dark .actions .forgot {
   text-shadow: none
 }
 .row:after,
 .row:before {
   line-height: 0
 }
 .invisible {
   opacity: 0;
   filter: alpha(opacity=0);
   visibility: hidden
 }
 .visible {
   opacity: 1;
   filter: alpha(opacity=100);
   visibility: visible!important
 }
 .hidden {
   display: none
 }
 .icon__position {
   position: relative;
   min-width: 12px
 }
 .icon__position.-inline {
   margin-right: 3px
 }
 .icon__position.-allstar {
   top: 2px
 }
 img[data-src] {
   visibility: hidden
 }
 .pull-right {
   float: right!important
 }
 .pull-left {
   float: left!important
 }
 @media screen and (min-width:480px) {
   .visible-sm {
     display: none!important
   }
 }
 @media screen and (max-width:480px) {
   .hidden-sm {
     display: none!important
   }
 }
 @media screen and (min-width:550px) {
   .visible-md {
     display: none!important
   }
 }
 @media screen and (max-width:550px) {
   .hidden-md {
     display: none!important
   }
 }
 @media screen and (min-width:320px) {
   .visible-xs {
     display: none!important
   }
 }
 @media screen and (max-width:320px) {
   .hidden-xs {
     display: none!important
   }
 }
 .embed-hidden {
   display: none
 }
 .admin-modal__content {
   display: -ms-flexbox;
   display: flex
 }
 .admin-modal__content>div {
   width: 50%
 }
 @media (max-width:480px) {
   .admin-modal__content {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
   }
   
   .admin-modal__content>div {
     width: 100%
   }
 }
 .admin-modal__footer {
   border-top: 1px solid #ddd;
   margin: 0 -10px;
   padding: 10px 10px 0
 }
 .admin-modal__footer a.button,
 .admin-modal__footer button {
   font-size: 12px;
   font-weight: 700;
   padding: 5px;
   border-radius: 3px;
   transition: background-color .5s ease-in;
   line-height: normal
 }
 .admin-modal__footer a.button,
 .admin-modal__footer button,
 .no-touch .admin-modal__footer a.button:hover,
 .no-touch .admin-modal__footer button:hover {
   background-color: #888;
   border: initial;
   color: #fff
 }
 .admin-modal__footer a.button:hover,
 .admin-modal__footer button:hover,
 .no-touch .admin-modal__footer a.button:hover,
 .no-touch .admin-modal__footer button:hover {
   background-color: #666
 }
 .moderate label.ban__reason input {
   display: block;
   margin: 5px 0 0;
   line-height: 20px;
   width: 100%;
   max-width: 350px
 }
 .ban__config label,
 label.ban__option,
 label.flagging__reason {
   width: 100%;
   overflow: visible;
   white-space: normal;
   padding-right: 50px;
   font-size: 13px
 }
 .ban__config label input,
 label.ban__option input,
 label.flagging__reason input {
   float: left;
   margin-right: 5px
 }
 .ban__config label .alert,
 label.ban__option .alert,
 label.flagging__reason .alert {
   background: #ffd34f;
   padding: 2px 10px;
   margin-left: 5px;
   border-radius: 20px
 }
 .ban__config label .custom-select,
 .ban__config label .input--textbox,
 label.ban__option .custom-select,
 label.ban__option .input--textbox,
 label.flagging__reason .custom-select,
 label.flagging__reason .input--textbox {
   margin-left: 5px
 }
 .ban__config label .input--textbox,
 label.ban__option .input--textbox,
 label.flagging__reason .input--textbox {
   float: none
 }
 .ban__title,
 .flagging__title {
   font-size: 12px;
   font-weight: 700;
   margin-bottom: 5px
 }
 p.flagging__subtitle {
   font-size: 14px;
   font-weight: 500;
   margin: 10px 0;
   color: #687a86
 }
 p.ban__option-text,
 p.flagging__reason-text {
   margin-bottom: 2px;
   text-align: left
 }
 p.ban__option-text .icon-upgrade-arrow-pro,
 p.flagging__reason-text .icon-upgrade-arrow-pro {
   margin-left: 5px;
   font-size: 15px
 }
 .ban__option-subtext,
 p.flagging__reason-subtext {
   color: #687a86;
   font-size: 12px;
   padding-bottom: 5px
 }
 .-selected .ban__option-subtext,
 .-selected p.flagging__reason-subtext {
   display: block
 }
 .ban__option-subtext label,
 p.flagging__reason-subtext label {
   width: auto;
   overflow-x: visible;
   font-size: 1em;
   margin-top: 2px;
   float: none;
   padding-bottom: 4px
 }
 .ban__option-subtext input,
 p.flagging__reason-subtext input {
   margin-right: 3px
 }
 .ban__option-subtext p,
 p.flagging__reason-subtext p {
   color: inherit;
   line-height: 1.3em;
   margin-bottom: 5px
 }
 .ban__option-subtext section,
 p.flagging__reason-subtext section {
   white-space: nowrap
 }
 .ban__option-subtext section label,
 p.flagging__reason-subtext section label {
   float: left
 }
 .ban__description {
   padding: 0 18px
 }
 .media-middle {
   vertical-align: middle
 }
 .comment-policy {
   margin-bottom: 25px;
   color: #2a2e2e;
   background-color: #ebeef2;
   font-size: 16px;
   width: 100%;
   line-height: 1.45em;
   padding: 15px
 }
 .dark .comment-policy {
   background-color: rgba(255, 255, 255, .2);
   border-color: #2a2e2e
 }
 .comment-policy .title {
   font-size: 15px
 }
 .comment-policy .policy-link {
   font-weight: 500
 }
 .comment-policy .policy-link:hover {
   text-decoration: underline
 }
 .comment-policy p {
   line-height: inherit;
   font-size: 15px
 }
 .comment-policy.button-variant .policy-link {
   border-color: #2e9fff;
   margin-top: 10px;
   font-size: 14px;
   display: inline-block
 }
 .comment-policy.button-variant .policy-link:hover {
   text-decoration: none
 }
 .comment-policy i {
   top: 50%;
   margin-top: -30px;
   right: 20px;
   font-size: 60px
 }
 #tos__container {
   position: fixed;
   top: 10px;
   bottom: 0;
   z-index: 1000;
   background: rgba(255, 255, 255, .7)
 }
 #tos__container #tos__message {
   background-color: #25557D;
   border: 1px solid #2e87e7;
   color: #fff;
   padding: 20px;
   margin: 10px;
   border-radius: 5px
 }
 #tos__container #tos__message a,
 #tos__container #tos__message a:active,
 #tos__container #tos__message a:hover,
 #tos__container #tos__message a:visited {
   color: #fff!important
 }
 #tos__container #tos__message h1 {
   font-size: 30px;
   margin-bottom: 20px;
   font-weight: 700
 }
 @media (max-width:480px) {
   #tos__container #tos__message h1 {
     font-size: 24px;
     margin-bottom: 10px
   }
 }
 #tos__container #tos__message p {
   font-size: 17px;
   line-height: 19px;
   margin: 0 0 1em
 }
 #tos__container #tos__message p a {
   color: #000;
   font-weight: 500;
   text-decoration: underline
 }
 @media (max-width:480px) {
   #tos__container #tos__message p {
     font-size: 13px;
     line-height: 15px
   }
 }
 #tos__container #tos__message>p:last-of-type {
   margin-bottom: 0
 }
 #tos__container #tos__message .checkbox-wrapper {
   max-width: 600px
 }
 
 .comment-share__buttons {
     display: none;
 }


 /* button style */

 .button-link {
  background-color: #009;
  color: white !important;
  display: block;
  max-width: 100%;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 auto;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border-radius: 5px;
  box-shadow: 1px 3px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 4px 1px 1px rgba(0, 0, 0, 0.15);
  animation: heartbeat 3s ease-in-out 2s infinite both;
}
@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.button-link:hover {
  color: #fff;
  background-color: #444;
}

form button{
  text-align: center;
font-weight: 600;
}
