$main-color: #e91e63;
$background: #fff;
body {
  margin: 0;
  padding: 0;
  font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  font-size: 14px;
  background-color: #fcfcfc;
  color: #131516;
}
a {
  text-decoration: none;
  font-size: 14px;
  color: #131516;
}
a:hover {
    color: $main-color;
  }
ul, ol, li {
  font-size: 16px;
}
.middle {
  max-width: 970px;
  margin: 0 auto;
  padding: 0;
}
.controller-action {
  min-height: 720px;
}
.middle > .header {
  white-space: nowrap;
  margin-top: 10px;
}
:is(.middle > .header) a {
    line-height: 60px;
    color: #000;
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase;
  }
.selected:is(:is(.middle > .header) a) {
      font-weight: 700;
    }
:is(.middle > .header) .site-name {
    display: inline-flex;
  }
:is(:is(.middle > .header) .site-name) .network-items {
      vertical-align: top;
      margin: 0 auto;
    }
:is(:is(.middle > .header) .site-name) .icon-site-name {
      display: inline-block;
    }
:is(:is(:is(.middle > .header) .site-name) .icon-site-name) h1 {
        margin: 0;
      }
:is(:is(:is(.middle > .header) .site-name) .icon-site-name) a {
        margin: 0;
        font-size: 40px;
        padding-left: 10px;
        color: #e91e63;
        font-weight: 900;
      }
:is(:is(:is(.middle > .header) .site-name) .icon-site-name) span:last-child {
        font-size: 16px;
        margin-left: 2px;
      }
:is(:is(.middle > .header) .site-name) .fb-fanpage-like {
      display: inline-block;
    }
:is(.middle > .header) .navigation {
    display: block;
    overflow: auto;
  }
:is(.middle > .header) .nav-bar {
    display: flex;
    text-align: center;
  }
:is(:is(.middle > .header) .nav-bar) li {
      display: inline-block;
      list-style: none;
    }
:is(:is(.middle > .header) .nav-bar) a {
      font-size: 18px;
    }
:is(:is(:is(.middle > .header) .nav-bar) a):hover {
        color: $main-color;
      }
:is(.middle > .header) .subnav-bar {
    display: flex;
    text-align: center;
    border-top: 1px solid #ddd;
  }
:is(:is(.middle > .header) .subnav-bar) li {
      display: inline-block;
      list-style: none;
    }
:is(:is(.middle > .header) .subnav-bar) a {
      line-height: 30px;
      font-size: 16px;
      padding: 10px;
    }
:is(:is(:is(.middle > .header) .subnav-bar) a):hover {
        color: $main-color;
      }
:is(:is(.middle > .header) .nav-bar,:is(.middle > .header) .subnav-bar) ul {
      padding: 0;
      margin: 0;
      list-style-type: none;
    }
.rek {
  width: 100%;
  text-align: center;
}
.rek a {
    display: block;
  }
:is(.rek a) img {
      margin: 0 auto;
    }
@media (min-width: 900px) {
  .middle > .header {
    display: flex;
    overflow: auto;
  }
      :is(:is(.middle > .header) .site-name) .icon-site-name {
        display: flex;
      }
      :is(:is(.middle > .header) .site-name) .fb-fanpage-like {
        display: none;
      }
    :is(.middle > .header) .navigation {
      overflow: initial;
    }
}
.controller-action {
  margin: 20px 0;
}
.controller-action h1 {
    width: 100%;
    color: $main-color;
    font-weight: 400;
    margin-top: 0;
  }
.left-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-content: flex-start;
}
.left-container  > h1 {
    margin: 0 10px;
  }
.left-container .heading {
    width: 100%;
    margin-bottom: 10px;
  }
:is(.left-container .heading) h1 {
      display: inline;
      text-transform: uppercase;
      margin-left: 10px;
    }
:is(.left-container .heading) .fb {
      display: inline-block;
      margin-left: 10px;
      width: 130px;
      overflow: hidden;
    }
.left-container .info {
    margin: 20px 0;
    display: flex;
    width: 100%;
    padding: 0 10px;
  }
:is(.left-container .info) .date {
      line-height: 20px;
      justify-content: flex-end;
      font-size: 12px;
      color: #aaa;
    }
:is(.left-container .info) .fb,:is(.left-container .info) .date {
      width: 50%;
      display: inline-flex;
    }
.left-container .listings {
    display: contents;
  }
.right-container {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.right-container .block {
    width: 100%;
    text-align: center;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
  }
:is(.right-container .block) .center {
      margin: 0 auto;
    }
:is(.right-container .block) > div {
      width: 100%;
    }
.makeup:is(.right-container .block) a {
        display: block;
      }
.right-container h3 {
    text-align: center;
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    margin: 0 40px 5px 40px;
  }
:is(.right-container h3) a {
      font-size: 22px;
      color: $main-color;
      font-weight: 500;
    }
.right-container .dream {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
:is(.right-container .dream) li {
      display: inline-block;
    }
:is(:is(.right-container .dream) li) a {
        font-size: 24px;
        padding: 12px;
        display: block;
        text-transform: uppercase;
        width: 30px;
      }
.right-container .most-read {
    padding: 0 10px 0 30px;
  }
:is(.right-container .most-read) li {
      text-align: left;
      margin: 0 0 10px 10px;
    }
:is(:is(.right-container .most-read) li) a {
        font-size: 16px;
        padding: 6px 0;
        display: block;
      }
@media (min-width: 450px) {
  .right-container {
    margin-top: 30px;
    flex-direction: initial;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
    .right-container .block {
      width: 50%;
    }
}
@media (min-width: 900px) {
  .controller-action {
    display: flex;
  }
  .left-container {
    width: calc(100% - 320px);
    display: inline-flex;
  }
    .left-container  > h1 {
      margin: 0;
    }
    .left-container .info {
      padding: 0;
    }
  .right-container {
    margin-top: 0;
    display: inline-flex;
    flex-direction: column;
    width: 320px;
  }
    .right-container .block {
      width: 100%;
    }
    .right-container .dream {
      margin: 10px;
    }
      :is(.right-container .dream) li {
        margin: 10px 0 0 10px;
      }
        :is(:is(.right-container .dream) li) a {
          font-size: 22px;
          padding: 0;
          display: block;
          text-transform: uppercase;
          width: 20px;
        }
        :is(:is(.right-container .most-read) li) a {
          font-size: 14px;
          padding: 0;
        }
    .posts-show .left-container {
      width: calc(100% - 403px);
    }
    .posts-show .right-container {
      width: 403px;
    }
}
body > footer {
  background: #000;
  color: #6a737c;
  clear: both;
  padding: 10px 0;
  display: block;
}
:is(body > footer) p {
    display: block;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
  }
:is(body > footer) .middle {
    display: flex;
    background: #000;
  }
:is(body > footer) .block {
    display: inline-block;
    width: 200px;
    min-height: 200px;
  }
:is(:is(body > footer) .block) a {
      color: #6a737c;
      padding: 12px;
      display: block;
      text-align: left;
    }
.controller-action .listing-post {
    position: relative;
    margin-bottom: 2px;
    min-height: 180px;
    background: #000;
    width: 100%;
    padding: 0 7px 10px 7px;
    align-items: flex-end;
    display: flex;
    overflow: hidden;
  }
:is(.controller-action .listing-post) .thumb-link {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0; 
      left: 0;
    }
:is(.controller-action .listing-post) .category {
      position: relative;
      z-index: 1;
      background: #e91e63;
      border-radius: 1px;
      color: #fff;
      display: inline-block;
      line-height: 1.1;
      margin: 2px 2px 0 7px;
      padding: 4px 8px;
      text-transform: uppercase;
      font-size: 14px;
    }
:is(.controller-action .listing-post) h2 {
      font-weight: 900;
      position: relative;
      z-index: 1;
      margin: 0 7px;
      line-height: 1;
    }
:is(.controller-action .listing-post) a {
      font-size: 18px;
      background: #000;
      font-weight: 500;
      color: #fff;
    }
:is(:is(.controller-action .listing-post) a):hover {
        text-decoration: underline;
      }
:is(.controller-action .listing-post) .thumb {
      box-shadow: #000 0em 0em 0em;
      opacity: 1;
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      max-width: 100%;
    }
@media (min-width: 450px) {
    .controller-action .listing-post {
      width: calc(50% - 15px);
    }
}
@media (min-width: 900px) {
    .controller-action .listing-post:first-child {
      width: calc(100% - 16px);
      height: 300px;
    }
      :is(.controller-action .listing-post:first-child) h2 {
        line-height: 1.2;
      }
      :is(.controller-action .listing-post:first-child) a {
        font-size: 22px;
        line-height: 1;
      }
    .controller-action .lp-cagers:first-child {
      width: calc(50% - 15px);
      height: initial;
    }
      :is(.controller-action .lp-cagers:first-child) a {
        font-size: 22px;
      }
      :is(.controller-action .lp-cagers) a {
        background: initial;
        color: #5f9ea0;
      }
}
.controller-action .listing-post-vertical {
    width: 100%;
    margin-left: 10px;
  }
:is(.controller-action .listing-post-vertical) h2 {
      padding: 0;
      margin: 0;
    }
:is(.controller-action .listing-post-vertical) a {
      font-size: 26px;
      font-weight: 500;
      text-decoration: underline;
      display: block;
      padding: 15px 0;
    }
.controller-action .listing-post-small {
    position: relative;
    margin-bottom: 2px;
    width: 100%;
    padding: 10px 0 0 0;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
  }
:is(.controller-action .listing-post-small) .category {
      position: relative;
      z-index: 1;
      background: $main-color;
      border-radius: 1px;
      color: #fff;
      display: inline-block;
      line-height: 1.1;
      margin: 2px 2px 0 7px;
      padding: 4px 8px;
      text-transform: uppercase;
      font-size: 14px;
    }
:is(.controller-action .listing-post-small) h2 {
      position: relative;
      z-index: 1;
      margin: 0 7px;
      line-height: 20px;
    }
:is(.controller-action .listing-post-small) p {
      margin: 10px 7px;
    }
:is(.controller-action .listing-post-small) a {
      font-size: 18px;
      word-spacing: 1px;
      line-height: 1.1;
      color: #000;
    }
:is(:is(.controller-action .listing-post-small) a):hover {
        text-decoration: underline;
      }
:is(.controller-action .listing-post-small) .thumb {
      box-shadow: #000 0em 0em 0em;
      opacity: 1;
      -o-object-fit: cover;
         object-fit: cover;
      width: 100px;
      height: 100px;
    }
.horoscope-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.horoscope-menu li {
    display: inline-block;
    width: 100px;
    margin-bottom: 10px;
  }
:is(.horoscope-menu li) picture {
      vertical-align: middle;
      display: block;
      padding: 7px 0 0 0;
      text-align: center;
    }
:is(.horoscope-menu li) source,:is(.horoscope-menu li) img {
      width: 35px;
      height: 35px;
      margin: 0 auto;
    }
:is(.horoscope-menu li) a:nth-child(even) {
      color: $main-color;
      display: block;
      width: 100%;
      font-size: 16px;
      text-align: center;
      font-weight: 600;
      padding: 0 0 10px 0;
    }
.post {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-end;
}
.post h2,.post h3,.post h4,.post h5,.post h6 {
    width: 100%;
    margin: 20px 10px 0 10px;
  }
.post p {
    width: 100%;
    padding: 0 10px;
    margin: 10px 0;
  }
.post img,.post picture,.post iframe {
    width: 100%;
    margin: 10px 0;
  }
.post img {
    align-items: start;
    height: auto;
  }
.post iframe {
    min-height: 320px;
    border: 0px;
  }
.post p,.post a {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #131516;
  }
.post a {
    color: $main-color;
  }
.post li {
    line-height: 1.5;
  }
.post blockquote {
    border-left: 4px solid #e91e63;
    margin: 1.5em 15px;
    padding: 0.5em 10px;
  }
.post blockquote p {
    display: inline;
  }
@media (min-width: 900px) {
    .post p {
      padding: 0;
    }
    .post h2,.post h3,.post h4,.post h5,.post h6 {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
}
:is(:is(.horoscopes-index .left-container) .listings) .lp-horoscope {
        background: #F0F0F0;
      }
:is(:is(:is(.horoscopes-index .left-container) .listings) .lp-horoscope) a {
          background: #F0F0F0;
          color: $main-color;
        }
:is(:is(:is(.horoscopes-index .left-container) .listings) .lp-horoscope) span {
          color: $main-color;
          font-weight: 900;
          position: relative;
          z-index: 1;
          margin: 0 7px;
        }
:is(:is(.horoscopes-index .left-container) .listings) .thumb {
        left: 15%;
        top: 15%;
        width: 70%;
        height: 70%;
        -o-object-fit: contain;
           object-fit: contain;
      }
@media (min-width: 900px) {
        :is(:is(.horoscopes-index .left-container) .listings) .lp-horoscope:first-child {
          width: calc(50% - 15px);
          height: initial;
        }
}
:is(.horoscopes-show .left-container) .heading-top {
      display: inline;
      width: 100%;
      text-transform: uppercase;
    }
:is(:is(.horoscopes-show .left-container) .heading-top) a {
        color: $main-color;
        font-size: 22px;
        font-weight: 900;
        margin: 0 0 10px 10px;
        display: block;
      }
:is(.horoscopes-show .left-container) .horoscope-menu {
      margin: 0 0 40px 0;
    }
:is(.horoscopes-show .left-container) h2 {
      color: $main-color;
      margin-left: 10px;
      display: inline;
      width: 100%;
      font-weight: 400;
      margin-bottom: 0;
    }
:is(.horoscopes-show .left-container) .time {
      color: $main-color;
      display: inline;
      width: 100%;
      margin-left: 10px;
      font-weight: 600;
      margin-top: 5px;
    }
@media (min-width: 900px) {
      :is(.horoscopes-show .left-container) h1,:is(.horoscopes-show .left-container) h2,:is(.horoscopes-show .left-container) .time {
        margin-left: 0;
      }
}
:is(.dreams-index,.dreams-search) .search-form {
    padding-left: 10px;
    width: 100%;
  }
:is(:is(.dreams-index,.dreams-search) .search-form) input[type="text"] {
      padding: 5px;
      width: 220px;
    }
:is(:is(.dreams-index,.dreams-search) .search-form) input[type="submit"] {
      padding: 5px;
    }
:is(.dreams-index,.dreams-search) .letters {
    padding-left: 10px;
    width: 100%;
    margin: 20px 0;
  }
:is(:is(.dreams-index,.dreams-search) .letters) li {
      display: inline-block;
    }
:is(:is(:is(.dreams-index,.dreams-search) .letters) li) a {
        font-size: 36px;
        padding: 5px;
        display: block;
        text-transform: uppercase;
        margin: 0 10px 10px 0;
        width: 30px;
      }
:is(.dreams-index,.dreams-search) h3 {
    margin: 0;
  }
:is(:is(.dreams-index,.dreams-search) h3) a {
      margin: 20px 10px 5px 10px;
      font-size: 20px;
      color: $main-color;
      display: block;
    }
:is(.dreams-index,.dreams-search) p {
    margin: 10px;
    font-size: 16px;
  }
:is(.dreams-index,.dreams-search) .words {
    padding-left: 10px;
    width: 100%;
    margin-top: 20px;
  }
:is(:is(.dreams-index,.dreams-search) .words) li {
      margin-bottom: 20px;
    }
:is(:is(:is(.dreams-index,.dreams-search) .words) li) div > a:first-child {
        font-size: 22px;
        display: block;
        color: $main-color;
        text-decoration: underline;
      }
@media (min-width: 450px) {
    :is(.dreams-index,.dreams-search) .search-form {
      padding-left: 10px;
    }
    :is(.dreams-index,.dreams-search) .letters {
      padding-left: 10px;
    }
    :is(.dreams-index,.dreams-search) .words {
      padding-left: 10px;
    }
}
@media (min-width: 900px) {
    :is(.dreams-index,.dreams-search) .search-form {
      padding-left: 0;
    }
    :is(.dreams-index,.dreams-search) .letters {
      padding-left: 0;
    }
    :is(.dreams-index,.dreams-search) .words {
      padding-left: 0;
    }
      :is(:is(.dreams-index,.dreams-search) .words) li {
        list-style: none;
      }
    :is(.dreams-index,.dreams-search) p {
      margin: 10px 0;
    }
}
:is(.dreams-show .left-container) .search-form {
      padding-left: 10px;
    }
:is(.dreams-show .left-container) ul {
      margin: 20px 10px;
    }
:is(.dreams-show .left-container) li {
      display: inline-block;
      width: 220px;
    }
:is(:is(.dreams-show .left-container) li) a {
        font-size: 20px;
        padding: 5px;
        text-transform: uppercase;
        margin: 0 10px 10px 0;
        display: block;
      }
:is(.dreams-show .left-container) h3 {
      margin: 0;
    }
:is(:is(.dreams-show .left-container) h3) a {
        margin: 20px 10px 5px 10px;
        font-size: 20px;
        color: $main-color;
        display: block;
      }
@media (min-width: 450px) {
      :is(.dreams-show .left-container) .search-form { 
        padding-left: 10px;
      }
      :is(.dreams-show .left-container) ul {
        margin: 20px 10px;
      }
}
@media (min-width: 900px) {
      :is(.dreams-show .left-container) .search-form { 
        padding-left: 0;
      }
      :is(.dreams-show .left-container) ul {
        margin: 20px 0;
      }
}
:is(.subdreams-show .left-container) .search-form {
      padding-left: 10px;
    }
:is(.subdreams-show .left-container) .content {
      width: 100%;
      margin-top: 40px;
    }
:is(.subdreams-show .left-container) .meaning {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding: 20px 0;
    }
:is(:is(.subdreams-show .left-container) .meaning) .info {
        width: initial;
      }
:is(.subdreams-show .left-container) h2 {
      margin: 5px 0 10px 10px;
    }
:is(.subdreams-show .left-container) h3 {
      margin: 0;
    }
:is(:is(.subdreams-show .left-container) h3) a {
        margin: 20px 10px 10px 10px;
        font-size: 20px;
        color: $main-color;
        display: block;
      }
:is(.subdreams-show .left-container) p {
      margin: 0 10px;
      font-size: 16px;
    }
@media (min-width: 450px) {
      :is(.subdreams-show .left-container) .search-form {
        padding-left: 10px;
      }
}
@media (min-width: 900px) {
      :is(.subdreams-show .left-container) .search-form {
        padding-left: 0;
      }
      :is(.subdreams-show .left-container) h2 {
        margin: 5px 0 10px 0;
      }
        :is(:is(.subdreams-show .left-container) h3) a {
          margin: 20px 10px 10px 0;
        }
      :is(.subdreams-show .left-container) p {
        margin: 0;
      }
}
:is(.cager_days-index .left-container) p {
      margin: 10px;
      line-height: 1.2;
      font-size: 16px;
    }
:is(.cager_days-show .left-container) .heading-top {
      display: inline;
      width: 100%;
      text-transform: uppercase;
    }
:is(:is(.cager_days-show .left-container) .heading-top) a {
        color: $main-color;
        font-size: 22px;
        font-weight: 900;
        margin: 0 0 10px 10px;
        display: block;
      }
:is(.cager_days-show .left-container) .cager-menu {
      padding-left: 10px;
      width: 100%;
    }
:is(:is(.cager_days-show .left-container) .cager-menu) li {
        list-style: none;
        display: block;
      }
:is(:is(:is(.cager_days-show .left-container) .cager-menu) li) a {
          font-size: 20px;
          display: block;
          padding: 0 10px 10px 0;
          margin-bottom: 5px;
        }
:is(.cager_days-show .left-container) .content {
      width: 100%;
      padding-left: 10px;
    }
@media (min-width: 450px) {
      :is(.cager_days-show .left-container) .content {
        padding-left: 10px;
      }
}
@media (min-width: 900px) {
        :is(:is(.cager_days-show .left-container) .cager-menu) li {
          display: inline-block;
        }
          :is(:is(:is(.cager_days-show .left-container) .cager-menu) li) a {
            text-decoration: underline;
          }
      :is(.cager_days-show .left-container) .content {
        padding-left: 0;
      }
}
.vouchers-search form {
    padding: 0 10px;
    display: block;
    width: 100%;
  }
:is(.vouchers-search form) input[type="text"] {
      height: 26px;
      width: 230px;
    }
:is(.vouchers-search form) input[type="submit"] {
      height: 32px;
    }
.vouchers-search p {
    padding: 0 10px;
    width: 100%;
  }
.vouchers-search a,.vouchers-search p {
    font-size: 16px;
  }
.vouchers-search a {
    line-height: 20px;
    display: block;
    padding: 8px 0;
    margin: 5px 0;
  }
:is(.dreams-index,.dreams-show,.subdreams-show) .search-form {
    width: 100%;
  }
:is(:is(.dreams-index,.dreams-show,.subdreams-show) .search-form) input[type="text"] {
      padding: 5px;
      width: 220px;
    }
:is(:is(.dreams-index,.dreams-show,.subdreams-show) .search-form) input[type="submit"] {
      padding: 5px;
    }
.pagination {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
.pagination span,.pagination em,.pagination a {
    padding: 8px 12px;
    display: inline-block;
    display: none;
  }
.pagination a {
    border: 1px solid;
    background: $main-color;
    color: #fff;
  }
.pagination .previous_page,.pagination .next_page,.pagination em {
    display: inline-block;
  }
.pagination .disabled {
    display: none;
  }