p.footer-list {
  margin: 0;
  font-size: 0.85em; }

.ss-result__aside {
  float: left;
  margin-right: 20px; }

.ss-result__url {
  float: right; }

.blog-post h1 {
  font-size: 1.8em; }
  .blog-post h2 {
    font-size: 1.6em; }
  .blog-post h3 {
    font-size: 1.4em; }
  .blog-post h4 {
    font-size: 1.2em; }
  .blog-post h5 {
    font-size: 1.1em; }
  .blog-post h6 {
    font-size: 1em; }
  .blog-post p sup, .blog-post p sub {
    font-size: 0.6em; }
  .blog-post .oc-colored-bg {
    background-color: #b4d16c;
    padding: 10px 15px; }
  .blog-post .oc-colored {
    color: #00567a; }
  .blog-post .oc-small {
    font-size: 0.75em;
    line-height: 1em !important; }
  .blog-post .oc-white {
    color: #fff; }
  .blog-post .blockquote {
    padding-left: 20px;
    border-left: 1px solid #666; }
  .blog-post .oc-text-gray {
    color: #aaa !important; }
  .blog-post .oc-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0; }
  .blog-post .oc-text-spaced {
    letter-spacing: 1px; }
  .blog-post .oc-text-uppercase {
    text-transform: uppercase; }
  .blog-post img.oc-img-rounded {
    border-radius: 100%; }
  .blog-post img.oc-img-roundcorners {
    border-radius: 10px; }
  .blog-post img.oc-img-bordered {
    border: solid 10px #ccc; }
  .blog-post img.oc-img-shadowed {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; }
  .blog-post .fr-fic {
    margin: 5px auto; }
  .blog-post .fr-fil {
    float: left;
    margin: 5px auto 5px 0; }
  .blog-post .fr-fir {
    float: right;
    margin: 5px 0 5px auto;
    padding-right: 0; }
  .blog-post .fr-dib {
    display: block;
    float: none; }
  .blog-post img.fr-dii.fr-fil {
    margin-right: 20px; }
  .blog-post img.fr-dii.fr-fir {
    margin-left: 20px; }
  .blog-post ul {
    line-height: 1em; }
    .blog-post ul li {
      margin: 6px 0 6px 15px;
      padding-left: 0;
      line-height: 1em; }
      .blog-post ul li:before {
        font-size: 0.8em;
        margin: 0 8px 0 -30px;
        content: '\f111'; }
      .blog-post ul li li:before {
        content: '\f192'; }
        .blog-post ul li li li:before {
          content: '\f22d'; }
  .blog-post ol {
    list-style-type: none;
    counter-reset: list;
    line-height: 1em; }
    .blog-post ol > li {
      line-height: 1.1em;
      margin: 6px 0 6px 15px; }
      .blog-post ol > li:before {
        counter-increment: list;
        content: counters(list, ".") ". "; }
  .blog-post pre {
    display: block;
    font-size: 87.5%;
    overflow: visible;
    padding: 10px 0; }

.flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

#teva {
  position: absolute;
  top: 10px;
  right: 5px; }

.main-banner .violet-circle-area {
  width: 250px;
  height: 250px;
  background: #952283;
  text-align: center; }
  @media screen and (max-width: 1200px) {
    .main-banner .violet-circle-area {
      width: 180px;
      height: 180px; } }
  .main-banner h1 {
    color: #fff;
    font-size: 40px;
    line-height: 250px; }
  @media screen and (max-width: 1200px) {
    .main-banner h1 {
      line-height: 180px;
      font-size: 35px; } }

@media screen and (max-width: 768px) {
    .small-absolute {
      position: absolute !important;
      right: 0;
      top: 0; }
      .small-absolute img {
        width: 200px;
        height: auto; } }

.w200 {
  width: 200px; }

@media screen and (max-width: 768px) {
    .navbar {
      margin-top: 20px; } }

.glow {
  animation: glow 2s infinite alternate; }

@keyframes glow {
  from {
    box-shadow: 0 0 5px -5px #aef4af; }

  to {
    box-shadow: 0 0 5px 5px #aef4af; } }

.glow h1 {
  color: #fff; }
  .glow h1 span {
    margin: 0;
    padding: 0;
    animation: animate 8s linear infinite; }
  .glow h1 span:nth-child(1) {
    animation-delay: 0s; }
  .glow h1 span:nth-child(2) {
    animation-delay: 0.25s; }
  .glow h1 span:nth-child(3) {
    animation-delay: 0.5s; }
  .glow h1 span:nth-child(4) {
    animation-delay: 0.75s; }
  .glow h1 span:nth-child(5) {
    animation-delay: 1s; }

@keyframes animate {
  0%, 100% {
    color: #fff;
    filter: blur(1px);
    text-shadow: 0 0 10px #fc8b84, 0 0 20px #fc8b84, 0 0 40px #fc8b84, 0 0 80px #fc8b84, 0 0 120px #fc8b84; }

  3%, 97% {
    color: #fff;
    filter: blur(0px);
    text-shadow: none; } }

.blog-post img {
  max-width: 100%; }
