@charset "UTF-8";
* {
  box-sizing: border-box; }

button,
hr,
input {
  overflow: visible; }

progress,
sub,
sup {
  vertical-align: baseline; }

[type=checkbox],
[type=radio],
legend {
  padding: 0; }

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0; }

hr {
  box-sizing: content-box;
  height: 0; }

a {
  background-color: transparent;
  text-decoration: none; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none; }

form {
  margin-bottom: 0; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
select {
  border: 0; }

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px; }

fieldset {
  padding: .35em .75em .625em; }

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal; }

textarea {
  overflow: auto; }

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

[hidden],
template {
  display: none; }

ul,
ol {
  margin: 0; }

/*
==================
Flexbox
==================
*/
.d-flex {
  display: flex; }

.d-inline-flex {
  display: inline-flex; }

.flex-1 {
  flex: 1; }

.flex-auto {
  flex: auto; }

/* Flex grow */
.flex-grow-0 {
  flex-grow: 0; }

.flex-grow-1 {
  flex-grow: 1; }

/* Flex shrink */
.flex-shrink-0 {
  flex-shrink: 0; }

.flex-shrink-1 {
  flex-shrink: 1; }

/* Flex basis */
.flex-basis-auto {
  flex-basis: auto; }

.flex-basis-0 {
  flex-basis: 0; }

/* Flex direction */
.flex-row {
  flex-direction: row; }

.flex-row-reverse {
  flex-direction: row-reverse; }

.flex-column {
  flex-direction: column; }

.flex-column-reverse {
  flex-direction: column-reverse; }

.flex-align-items-center {
  align-items: center; }

/* Flex wrap */
.flex-wrap {
  flex-wrap: wrap; }

.flex-nowrap {
  flex-wrap: nowrap; }

/* Justify content */
.flex-justify-start {
  justify-content: flex-start; }

.flex-justify-end {
  justify-content: flex-end; }

.flex-justify-center {
  justify-content: center; }

.flex-justify-between {
  justify-content: space-between; }

.flex-justify-around {
  justify-content: space-around; }

/* Align items */
.flex-items-start {
  align-items: flex-start; }

.flex-items-end {
  align-items: flex-end; }

.flex-items-center {
  align-items: center; }

.flex-items-baseline {
  align-items: baseline; }

.flex-items-stretch {
  align-items: stretch; }

/* Align content */
.flex-content-start {
  align-content: flex-start; }

.flex-content-end {
  align-content: flex-end; }

.flex-content-center {
  align-content: center; }

.flex-content-between {
  align-content: space-between; }

.flex-content-around {
  align-content: space-around; }

.flex-content-stretch {
  align-content: stretch; }

/* Align self */
.flex-self-auto {
  align-self: auto; }

.flex-self-start {
  align-self: flex-start; }

.flex-self-end {
  align-self: flex-end; }

.flex-self-center {
  align-self: center; }

.flex-self-baseline {
  align-self: baseline; }

.flex-self-stretch {
  align-self: stretch; }

/* Flex order */
.flex-order-1 {
  order: 1; }

.flex-order-2 {
  order: 2; }

.flex-order-3 {
  order: 3; }

.flex-order-4 {
  order: 4; }

.flex-order-none {
  order: inherit; }

.slide-top {
  -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 0.5s; }
  .slide-top:nth-child(2) {
    animation-delay: 1s; }
  .slide-top:nth-child(3) {
    animation-delay: 1.5s; }

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@-webkit-keyframes shake-it {
  0% {
    -webkit-transform: translate(5px, 1px) rotate(0deg); }
  20% {
    -webkit-transform: translate(-1px, -5px) rotate(-1deg); }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg); }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg); }
  80% {
    -webkit-transform: translate(-1px, -5px) rotate(-1deg); }
  100% {
    -webkit-transform: translate(3px, 1px) rotate(0deg); } }
.shake:hover {
  -webkit-animation-name: shake-it;
  -webkit-animation-duration: 2s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear; }

.flip-right {
  -webkit-animation: flip-right 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: flip-right 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }

@-webkit-keyframes flip-right {
  0% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0); } }
@keyframes flip-right {
  0% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0); } }
@font-face {
  font-family: 'icomoon';
  src: url("../../fonts/icomoon/icomoon.eot");
  src: url("../../fonts/icomoon/icomoon.eot?8ryqn3#iefix") format("embedded-opentype"), url("../../fonts/icomoon/icomoon.ttf?8ryqn3") format("truetype"), url("../../fonts/icomoon/icomoon.woff?8ryqn3") format("woff"), url("../../fonts/icomoon/icomoon.svg?8ryqn3#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-wheelchair:before {
  content: "\e900"; }

.icon-aries:before {
  content: "\e901"; }

.icon-taurus:before {
  content: "\e902"; }

.icon-gemini:before {
  content: "\e903"; }

.icon-cancer:before {
  content: "\e904"; }

.icon-leo:before {
  content: "\e905"; }

.icon-virgo:before {
  content: "\e906"; }

.icon-libra:before {
  content: "\e907"; }

.icon-scorpio:before {
  content: "\e908"; }

.icon-sagittarius:before {
  content: "\e909"; }

.icon-capricorn:before {
  content: "\e90a"; }

.icon-aquarius:before {
  content: "\e90b"; }

.icon-pisces:before {
  content: "\e90c"; }

.icon-rat:before {
  content: "\e90d"; }

.icon-ox:before {
  content: "\e90e"; }

.icon-tiger:before {
  content: "\e90f"; }

.icon-rabbit:before {
  content: "\e910"; }

.icon-dragon:before {
  content: "\e911"; }

.icon-snake:before {
  content: "\e912"; }

.icon-horse:before {
  content: "\e913"; }

.icon-goat:before {
  content: "\e914"; }

.icon-monkey:before {
  content: "\e915"; }

.icon-rooster:before {
  content: "\e916"; }

.icon-dog:before {
  content: "\e917"; }

.icon-pig:before {
  content: "\e918"; }

.icon-sun:before {
  content: "\e919"; }

.icon-moon:before {
  content: "\e91a"; }

.icon-mercury:before {
  content: "\e91b"; }

.icon-venus:before {
  content: "\e91c"; }

.icon-mars:before {
  content: "\e91d"; }

.icon-jupiter:before {
  content: "\e91e"; }

.icon-saturn:before {
  content: "\e91f"; }

.icon-uranus:before {
  content: "\e920"; }

.icon-neptune:before {
  content: "\e921"; }

.icon-pluto:before {
  content: "\e922"; }

.icon-conjunction:before {
  content: "\e923"; }

.icon-opposition:before {
  content: "\e924"; }

.icon-square:before {
  content: "\e925"; }

.icon-trine:before {
  content: "\e926"; }

.icon-sextile:before {
  content: "\e927"; }

.icon-north-node:before {
  content: "\e928"; }

.icon-south-node:before {
  content: "\e929"; }

.icon-midheaven:before {
  content: "\e92a"; }

.icon-part-fortune:before {
  content: "\e92b"; }

.icon-retrograde:before {
  content: "\e92c"; }

.icon-natal-chart:before {
  content: "\e92d"; }

.icon-personality:before {
  content: "\e92e"; }

.icon-character:before {
  content: "\e92f"; }

.icon-psych-analysis:before {
  content: "\e930"; }

.icon-planetary-strength:before {
  content: "\e931"; }

.icon-psych-profile:before {
  content: "\e932"; }

.icon-glossary:before {
  content: "\e933"; }

.icon-perspective:before {
  content: "\e934"; }

.icon-aspects:before {
  content: "\e935"; }

.icon-heart:before {
  content: "\e936"; }

.icon-briefcase:before {
  content: "\e937"; }

.icon-rising-sun:before {
  content: "\e938"; }

.icon-menu:before {
  content: "\e939"; }

.icon-close:before {
  content: "\e93a"; }

.icon-arrow:before {
  content: "\e93b"; }

.icon-envelope:before {
  content: "\e93c"; }

.icon-android:before {
  content: "\e93d"; }

.icon-apple:before {
  content: "\e93e"; }

.icon-banner-premium:before {
  content: "\e93f"; }

.pointer {
  cursor: pointer; }

body {
  background: url("../../images/bg-dots.jpg") repeat top left;
  background-size: 50%;
  font-family: "Mate", serif;
  font-size: 1rem;
  line-height: 1.25;
  transition: 0.5s ease-in-out;
  color: #181F3D; }

h1,
h2 {
  font-family: "khand", sans-serif;
  font-weight: 400;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 1.3; }

h1 {
  font-size: 1.75rem; }

h2 {
  font-size: 1.375rem; }

h3 {
  font-size: 1.25rem;
  font-family: "khand", sans-serif;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 1.3; }

h4 {
  font-size: 1.125rem; }

a {
  transition: color 200ms linear;
  color: #979EBA; }
  a:hover {
    color: #181F3D; }

hr {
  border-color: #181F3D;
  border-width: 0.5px; }

.cta-link {
  font-size: 1.25rem;
  font-family: "khand", sans-serif;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 1.3; }
  .cta-link .icon-arrow {
    font-size: 0.7rem;
    font-weight: 600;
    vertical-align: middle; }

.anchor-link {
  font-family: "khand", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  margin: 1em 0;
  text-transform: uppercase; }

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

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

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

.img-responsive {
  display: block;
  width: 100%;
  height: auto; }

.hidden-overflow {
  overflow: hidden; }

.fixed {
  position: fixed; }

.white-box {
  background: #FFFFFF;
  box-shadow: 0 2px 9px 1px rgba(136, 136, 136, 0.17);
  padding: 0.5rem; }

.ice-box {
  background: #F3F9F7;
  padding: 2rem 1.25rem;
  margin-bottom: 2rem; }

[class^='flex-'], [class*=' flex-'] {
  display: flex;
  align-items: center; }

.flex-center {
  justify-content: center;
  flex-wrap: wrap; }
  .flex-center > * {
    padding: 0.25rem 0.5rem; }
  .flex-center .btn {
    margin: 0.25rem 0.5rem; }

.flex-start {
  justify-content: flex-start; }

.flex-between {
  justify-content: space-between; }

.hexagon {
  position: relative;
  height: 30px;
  min-width: 120px;
  padding: 0 0.5rem;
  background-color: #979EBA;
  color: #FFFFFF;
  font-size: 1.125rem;
  text-align: center;
  font-family: "khand", sans-serif;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 1.3; }
  .hexagon:before, .hexagon:after {
    content: "";
    position: absolute;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    top: 0; }
  .hexagon:before {
    border-right: 10px solid #979EBA;
    left: -10px; }
  .hexagon:after {
    border-left: 10px solid #979EBA;
    right: -10px; }

.hexagon--large {
  height: 30px;
  font-size: 1rem;
  line-height: 1.5rem; }
  .hexagon--large:before, .hexagon--large:after {
    border-top-width: 15px;
    border-bottom-width: 15px; }

.hexagon--small {
  min-width: 96px;
  height: 26px;
  font-size: 1rem;
  line-height: 1; }
  .hexagon--small:before, .hexagon--small:after {
    border-top-width: 13px;
    border-bottom-width: 13px; }

.hexagon--navy {
  background: #181F3D; }
  .hexagon--navy:before {
    border-right-color: #181F3D; }
  .hexagon--navy:after {
    border-left-color: #181F3D; }
  .hexagon--navy:hover {
    color: #FFFFFF;
    background: #5D6278; }
    .hexagon--navy:hover:before {
      border-right-color: #5D6278; }
    .hexagon--navy:hover:after {
      border-left-color: #5D6278; }

.hexagon--darker {
  background: #5D6277; }
  .hexagon--darker:before {
    border-right-color: #5D6278; }
  .hexagon--darker:after {
    border-left-color: #5D6278; }
  .hexagon--darker:hover {
    color: #FFFFFF;
    background: #181F3D; }
    .hexagon--darker:hover:before {
      border-right-color: #181F3D; }
    .hexagon--darker:hover:after {
      border-left-color: #181F3D; }

.bg-abstract {
  background: url("../../images/bg-abstract-shapes.png") no-repeat center center;
  background-size: contain; }

@supports (filter: blur(10px)) {
  .blur {
    filter: blur(10px);
    -webkit-filter: blur(10px); } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  body {
    background-size: 250%;
    padding-top: 7rem; }

  h1 {
    font-size: 1.375rem; }

  h2 {
    font-size: 1.25rem; }

  h3 {
    font-size: 1rem; }

  .bg-abstract {
    background-size: cover; } }
.grid {
  max-width: 1300px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem; }

.width-half {
  width: 50%; }

.width-post {
  width: 70%; }

@supports (display: grid) {
  .grid {
    display: grid; }

  .grid-right-sidebar {
    grid-template-columns: 2fr 1fr;
    grid-gap: 4rem; }

  .grid-2,
  .grid-3,
  .grid-4,
  .grid-6 {
    grid-template-rows: auto;
    grid-gap: 1rem; }

  .grid-2 {
    grid-template-columns: repeat(2, minmax(47%, 1fr)); }

  .grid-3 {
    grid-template-columns: repeat(3, minmax(32%, 1fr)); }

  .grid-4 {
    grid-template-columns: repeat(4, minmax(22%, 1fr)); }

  .grid-6 {
    grid-template-columns: repeat(6, minmax(14%, 1fr)); }

  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .grid {
      grid-template-columns: 1fr;
      grid-gap: 0; }

    .width-half, .width-post {
      width: 100%; }

    .grid-6 {
      grid-template-columns: repeat(3, 1fr); }

    .grid-4-m {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .width-half, .width-post {
      width: 100%; }

    .grid-1-m {
      grid-template-columns: 1fr; }

    .grid-2-m {
      grid-template-columns: repeat(2, 1fr); }

    .grid-4-m {
      grid-template-columns: repeat(4, 1fr); }

    .grid-center-m {
      grid-column: 1 / span 2;
      max-width: 50%;
      margin: 0 auto; }

    .grid-single-m {
      grid-column: 1 / span 2; }

    .grid-right-sidebar {
      grid-template-columns: 1fr;
      grid-gap: 1rem;
      grid-row-gap: 0; } } }
/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .grid-right-sidebar,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-6 {
    -ms-overflow-x: auto; }
    .grid-right-sidebar > *,
    .grid-2 > *,
    .grid-3 > *,
    .grid-4 > *,
    .grid-6 > * {
      float: left;
      margin-left: 0.5rem;
      margin-right: 0.5rem; }

  .grid-2 > * {
    width: 47%; }

  .grid-3 > * {
    width: 33%; }

  .grid-4 > * {
    width: 23%; }

  .grid-6 > * {
    width: 15.25%;
    display: inline-block; }

  .grid-right-sidebar > :first-child {
    width: 63%;
    margin-right: 2rem; }
  .grid-right-sidebar > :last-child {
    width: 33%; } }
.form-inline {
  display: flex;
  align-items: center;
  justify-content: flex-start; }

input {
  border: 1px #181F3D solid;
  padding: 0.5rem 1rem;
  font-family: "Mate", serif;
  width: 100%; }
  input:focus {
    outline: none;
    border-color: #979EBA; }
  input.error {
    border-color: #C46765; }

button,
.btn {
  background: #181F3D;
  border: 1px #181F3D solid;
  color: #FFFFFF;
  cursor: pointer;
  padding: 0.5rem 1rem;
  width: auto;
  font-family: "khand", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.3; }
  button:hover,
  .btn:hover {
    background: #263262;
    color: #FFFFFF; }
  button.disabled,
  .btn.disabled {
    background: #d4d7e3;
    border-color: #d4d7e3;
    color: #979EBA; }

.btn--light {
  background: #979EBA;
  border-color: #979EBA; }
  .btn--light:hover {
    background: #7881a6; }

.dropdown-link {
  background: transparent;
  border: 0;
  font-size: 1rem;
  margin: 0 auto 0.5rem; }
  .dropdown-link:focus {
    outline: none;
    border-color: #979EBA; }

i.error-msg {
  font-size: 1rem;
  color: #C46765;
  margin: 0.5rem 0; }

.search-form {
  position: relative; }
  .search-form-wrapper {
    margin: 60px 0 40px; }
  .search-form-title {
    font-weight: 500; }
  .search-form-input {
    background: #fff;
    border: 1px solid #EBECE9;
    font-size: 16px;
    color: #979EBA;
    transition: 0.2s ease;
    padding: 10px 26px;
    line-height: 1;
    text-transform: capitalize;
    box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 575px) {
      .search-form-input {
        padding: 10px; } }
    .search-form-input:focus {
      border-color: #979EBA;
      box-shadow: 0 0 0 1px #979EBA;
      color: #181F3D; }
      .search-form-input:focus::placeholder {
        opacity: 0; }
    .search-form-input::placeholder {
      color: #979EBA; }
    .search-form-input::-webkit-search-cancel-button {
      position: relative;
      right: -10px;
      -webkit-appearance: none;
      height: 21px;
      width: 21px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M13.5591 7.43632C13.1746 7.05495 12.5528 7.05659 12.1704 7.44003L10.4993 9.1135L8.83093 7.44346C8.45211 7.06305 7.83228 7.06208 7.44678 7.44167C7.06143 7.8214 7.056 8.43738 7.43538 8.81752L9.1149 10.4991L7.43705 12.179C7.05475 12.5622 7.05656 13.1823 7.4408 13.5634C7.82546 13.9448 8.4471 13.9431 8.82954 13.5597L10.5009 11.8865L12.169 13.5562C12.5479 13.9367 13.1678 13.9376 13.5534 13.558C13.9385 13.1784 13.944 12.5625 13.5645 12.1822L11.8851 10.5006L13.5629 8.82054C13.945 8.43738 13.9435 7.81742 13.5591 7.43632Z' fill='%23979EBA'/%3E%3Ccircle cx='10.5' cy='10.5' r='9.25' stroke='%23979EBA' stroke-width='1.5'/%3E%3C/svg%3E"); }
      @media screen and (max-width: 575px) {
        .search-form-input::-webkit-search-cancel-button {
          right: -4px; } }

.ui-menu.ui-autocomplete {
  font-size: 16px;
  line-height: 1.2;
  color: #253362;
  border: 1px solid #EBECE9;
  max-height: 508px;
  overflow: auto; }
  .ui-menu.ui-autocomplete .ui-menu-item {
    border: 0; }
    .ui-menu.ui-autocomplete .ui-menu-item:not(:last-child) {
      border-bottom: 1px solid #EBECE9; }
  .ui-menu.ui-autocomplete .ui-menu-item-wrapper {
    padding: 18px 26px; }
    @media screen and (max-width: 575px) {
      .ui-menu.ui-autocomplete .ui-menu-item-wrapper {
        padding: 18px 10px; } }
    .ui-menu.ui-autocomplete .ui-menu-item-wrapper:hover {
      color: #979EBA; }
    .ui-menu.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
      margin: 0;
      border: 0; }

nav {
  font-family: "khand", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.3; }
  nav a {
    color: #181F3D; }
    nav a:hover {
      color: #979EBA; }
  nav .logo {
    display: block;
    width: 11rem;
    margin: 2rem auto; }

.menu {
  margin-bottom: 2rem;
  /* display: grid;
  grid-template-columns: 1fr repeat(4, auto) 1fr;
  grid-gap: 4%;
  justify-items: center;

  > *:first-child {
    grid-column-start: 2;
  }

  > *:last-child {
    margin-left: auto;
  }
  */ }

.menu__dropdown {
  position: relative; }
  .menu__dropdown .caret {
    opacity: 0; }

.menu__sub-nav {
  display: none;
  min-width: 10rem;
  grid-gap: 0.5rem;
  z-index: 5;
  text-align: left;
  font-size: 0.875rem;
  position: absolute;
  top: 1.5rem;
  left: 0; }
  .menu__sub-nav a {
    color: #181F3D; }
    .menu__sub-nav a:not(:last-child) {
      border-bottom: 1px #edeef3 solid;
      padding-bottom: 0.5rem; }

.menu-small {
  display: none; }

footer {
  padding: 4rem 0;
  width: 1100px;
  grid-gap: 2rem; }
  footer h2 {
    margin-bottom: 0.5rem; }
  footer p {
    color: #979EBA;
    margin-top: 0.5rem; }
  footer .logo {
    width: 8rem;
    margin: 0 auto 1rem auto;
    display: block; }
    footer .logo svg {
      width: 100%;
      height: auto; }
  footer .parent-logo {
    width: 22%;
    margin: 0 auto;
    display: block; }
  footer .download a {
    width: 22%;
    transition: transform .3s ease-in-out; }
    footer .download a:hover {
      transform: translate(0, 5px); }
  @media screen and (max-width: 460px) {
    footer .download-wrapper {
      margin-bottom: 2em; } }
  footer .links a {
    color: #181F3D; }
    footer .links a:hover {
      color: #979EBA; }

.footer-subscribe {
  display: flex;
  border: 1px solid #EBECE9;
  padding: 0 10px;
  gap: 20px; }
  @media screen and (max-width: 1000px) {
    .footer-subscribe {
      flex-direction: column; } }
  .footer-subscribe-left {
    padding: 100px 26px 20px;
    width: calc(100% - 600px); }
    @media screen and (max-width: 1000px) {
      .footer-subscribe-left {
        width: 100%;
        padding-top: 60px; } }
    .footer-subscribe-left img {
      margin-bottom: 43px; }
    .footer-subscribe-left h2 {
      font-size: 28px;
      margin-bottom: 15px;
      text-transform: inherit; }
    .footer-subscribe-left span {
      font-size: 16px;
      line-height: 1.4; }
  .footer-subscribe-right {
    width: 580px; }
    @media screen and (max-width: 1000px) {
      .footer-subscribe-right {
        width: 100%; } }
    .footer-subscribe-right iframe {
      width: 500px;
      height: 510px; }
      @media screen and (max-width: 600px) {
        .footer-subscribe-right iframe {
          width: 100%;
          height: 720px; } }

.dark-container {
  background: url("../../images/bg-noisy-black.jpg") repeat top left;
  width: 100%;
  padding: 6rem 0;
  margin-top: 4rem;
  color: #FFFFFF;
  overflow: hidden; }
  .dark-container p {
    margin-bottom: 1rem;
    font-size: 1.125rem; }
  .dark-container .cta-link {
    color: #FFFFFF; }
    .dark-container .cta-link:hover {
      color: #979EBA; }
  .dark-container .grid-2 {
    grid-gap: 6rem;
    /* IE10+ CSS styles go here */ }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .dark-container .grid-2 {
        display: -ms-flexbox;
        overflow: hidden;
        justify-content: space-between; } }

.misc h2,
.misc h3,
.misc p {
  margin-bottom: 1rem; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  nav {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #FFFFFF;
    z-index: 10; }
    nav .logo {
      width: 6.25rem;
      margin: 1rem auto; }
      nav .logo svg {
        width: 100%;
        height: auto; }
    nav .menu-link {
      font-size: 2rem;
      position: absolute;
      top: 1.5rem;
      right: 1.5rem;
      width: auto; }

  .menu {
    margin-bottom: 0; }
    .menu a {
      padding: 0.5rem; }

  .menu-small {
    background: url("../../images/bg-dots.jpg") repeat top left;
    background-size: 250%;
    width: 100vw;
    height: 100vh;
    padding: 2rem 0;
    z-index: 15;
    opacity: 0.97;
    position: absolute;
    top: 5rem;
    left: 0; }
    .menu-small a {
      display: block;
      padding: 1rem 0;
      font-size: 1.375rem; }

  footer {
    width: 100%;
    padding: 2rem 1rem; }
    footer.grid {
      grid-gap: 1rem; }
    footer .logo {
      width: 30%; }
    footer .download a {
      width: 40%; }
    footer .parent-logo {
      width: 40%; }

  .dark-container {
    text-align: center;
    padding: 4rem 0;
    margin-top: 2rem; }
    .dark-container .grid-2 {
      grid-gap: 3rem; }

  .misc input,
  .misc button,
  .misc .btn {
    margin-bottom: 1rem;
    display: block; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  nav .logo {
    margin: 1rem auto; }

  .menu {
    margin-bottom: 1rem;
    grid-template-columns: 1fr repeat(5, auto) 1fr; }

  footer {
    width: 80%; }

  .dark-container {
    padding: 4rem 1rem;
    margin-top: 2rem;
    text-align: center; }
    .dark-container .grid-2 {
      grid-gap: 1rem; } }
.ad-slot {
  margin-top: 1rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-self: center; }

.ad-leader {
  max-height: 250px;
  overflow: hidden; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .ad-slot {
    margin-top: 1rem;
    margin-bottom: 2rem; } }
.module-astrologers {
  max-width: 1300px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 4rem auto 6rem auto; }
  .module-astrologers:before {
    content: '';
    background: url("../../images/decor-moon-phases.svg") no-repeat top left;
    background-size: contain;
    width: 11rem;
    height: 1rem;
    display: block;
    margin: 0 auto 1rem auto; }
  .module-astrologers img {
    border: 1px #181F3D solid;
    -webkit-box-shadow: 0px 2px 4px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 4px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 4px 5px rgba(0, 0, 0, 0.1);
    margin: 1rem auto;
    width: 110px;
    height: 110px;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    border-radius: 55px; }
  .module-astrologers a {
    color: #181F3D; }
    .module-astrologers a:hover {
      color: #979EBA; }

.module-astrologers__items .astrologer {
  transition: transform .3s ease-in-out; }
  .module-astrologers__items .astrologer:hover {
    transform: translate(0, 5px); }
  .module-astrologers__items .astrologer:hover {
    color: #181F3D; }

.module-daily-tarot a:hover {
  color: #FFFFFF; }

.module-daily-tarot__cards {
  position: relative;
  height: 150px;
  width: 130%;
  margin: 0 3rem; }
  .module-daily-tarot__cards a {
    width: 40%;
    display: block;
    position: absolute;
    transition: transform .3s ease-in-out; }
    .module-daily-tarot__cards a:hover {
      transform: translate(0, 5px); }
    .module-daily-tarot__cards a:first-child {
      top: -1rem;
      left: 0; }
    .module-daily-tarot__cards a:nth-child(2) {
      top: 0;
      left: 50%;
      margin-left: -20%;
      z-index: 5; }
    .module-daily-tarot__cards a:last-child {
      top: -1rem;
      right: 0; }

.module-birth-chart {
  max-width: 450px;
  position: relative; }
  .module-birth-chart:after {
    content: '';
    background: url("../../images/bg-birth-chart.svg") no-repeat top left;
    background-size: contain;
    height: 250px;
    width: 250px;
    position: absolute;
    top: -2rem;
    right: -8rem; }
  .module-birth-chart h1 {
    margin-bottom: 1.5rem; }
  .module-birth-chart .btn {
    margin-right: 1rem;
    z-index: 2; }

.module-horoscopes {
  position: relative; }
  .module-horoscopes .grid-3 {
    align-items: flex-end;
    /* IE10+ CSS styles go here */ }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .module-horoscopes .grid-3 {
        display: flex; } }

.module-overview,
.module-love,
.module-chinese {
  margin: 1rem 0; }
  .module-overview p,
  .module-love p,
  .module-chinese p {
    width: 80%;
    margin: 2rem auto 1rem auto; }
  .module-overview .header,
  .module-love .header,
  .module-chinese .header {
    position: relative; }
    .module-overview .header:after,
    .module-love .header:after,
    .module-chinese .header:after {
      content: '';
      height: 1px;
      width: 200px;
      margin-left: -100px;
      background: #979EBA;
      z-index: -1;
      display: block;
      position: absolute;
      bottom: 1rem;
      left: 50%; }
    .module-overview .header .hexagon,
    .module-love .header .hexagon,
    .module-chinese .header .hexagon {
      margin: 0 auto 1rem auto;
      width: fit-content;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      /* IE10+ CSS styles go here */ }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .module-overview .header .hexagon,
        .module-love .header .hexagon,
        .module-chinese .header .hexagon {
          display: table;
          line-height: 1.7; } }

.module-overview .header:before {
  content: '';
  background: url("../../images/decor-sun.svg") no-repeat bottom center;
  background-size: contain;
  width: 10rem;
  height: 3rem;
  margin: 0 auto;
  display: block; }

.module-love .header:before {
  content: '';
  background: url("../../images/decor-hearts.svg") no-repeat top center;
  background-size: contain;
  width: 8rem;
  height: 5rem;
  margin: 0 auto -2rem;
  display: block; }

.module-chinese .header:before {
  content: '';
  background: url("../../images/decor-chinese.svg") no-repeat top left;
  background-size: contain;
  width: 18rem;
  height: 3rem;
  margin-left: -9rem;
  display: block;
  position: absolute;
  top: 5px;
  left: 50%; }
.module-chinese .header:after {
  display: none; }

.module-sign-picker-overview, .module-sign-picker-love, .module-sign-picker-chinese {
  width: 100%;
  padding: 3rem 0;
  z-index: 1;
  display: none;
  background: #fff;
  max-width: 1000px;
  position: absolute;
  left: 50%;
  top: 2rem;
  transform: translateX(-50%);
  border: 1px solid; }
  .module-sign-picker-overview a, .module-sign-picker-love a, .module-sign-picker-chinese a {
    font-size: 1.375rem;
    font-family: "khand", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.3;
    color: #181F3D; }
    .module-sign-picker-overview a:hover, .module-sign-picker-love a:hover, .module-sign-picker-chinese a:hover {
      color: #979EBA; }
  .module-sign-picker-overview p, .module-sign-picker-love p, .module-sign-picker-chinese p {
    font-size: 1.125rem;
    margin-bottom: 1rem; }
  .module-sign-picker-overview .icon-close, .module-sign-picker-love .icon-close, .module-sign-picker-chinese .icon-close {
    font-size: 2rem;
    margin: 2rem auto 1rem auto;
    display: block; }
  .module-sign-picker-overview .flex-center, .module-sign-picker-love .flex-center, .module-sign-picker-chinese .flex-center {
    width: 40%;
    margin: 0 auto; }

@media only screen and (min-width: 0px) and (max-width: 330px) {
  .module-astrologers img {
    width: 60px;
    height: 60px; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .module-astrologers {
    margin: 3rem 0; }
    .module-astrologers img {
      width: 80px;
      height: 80px; }

  .module-astrologers__items > a {
    margin: 0.5rem; }
  .module-astrologers__items p {
    font-size: 0.875rem; }

  .module-daily-tarot .flex-start {
    flex-wrap: wrap;
    justify-content: center; }

  .module-daily-tarot__cards {
    margin: 2rem auto;
    max-width: 400px; }

  .module-birth-chart {
    width: 100%; }
    .module-birth-chart:after {
      right: -4rem; }
    .module-birth-chart h1 {
      margin-bottom: 0.5rem; }
    .module-birth-chart .flex-start {
      justify-content: center;
      flex-wrap: wrap; }
      .module-birth-chart .flex-start .btn {
        margin-top: 1rem; }

  .module-horoscopes {
    margin-top: 2rem; }

  .module-overview p,
  .module-love p,
  .module-chinese p {
    width: 90%; }

  .module-overview p {
    margin-top: 0; }

  .module-love {
    margin: 3rem 0; }

  .module-sign-picker-overview, .module-sign-picker-love, .module-sign-picker-chinese {
    top: 0;
    padding: 5rem 3rem;
    height: 100vh;
    width: 100vw;
    position: fixed;
    background: url("../../images/bg-dots.jpg") repeat top left;
    background-size: 250%;
    z-index: 5; }
    .module-sign-picker-overview h2, .module-sign-picker-love h2, .module-sign-picker-chinese h2 {
      margin-bottom: 1rem;
      margin-top: 3rem; }
    .module-sign-picker-overview p, .module-sign-picker-love p, .module-sign-picker-chinese p {
      margin-bottom: 2rem; }
    .module-sign-picker-overview a, .module-sign-picker-love a, .module-sign-picker-chinese a {
      font-size: 1.25rem; }
    .module-sign-picker-overview .flex-center, .module-sign-picker-love .flex-center, .module-sign-picker-chinese .flex-center {
      width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .module-astrologers {
    margin: 4rem auto; }

  .module-daily-tarot .flex-start {
    flex-wrap: wrap;
    justify-content: center; }

  .module-daily-tarot__cards {
    margin: 2rem 4rem 0 4rem; }

  .module-birth-chart {
    width: 100%; }
    .module-birth-chart h1 {
      margin: 0; }
    .module-birth-chart .flex-start {
      flex-wrap: wrap;
      justify-content: center; }
      .module-birth-chart .flex-start .btn {
        margin-top: 1rem; } }
.carousel {
  margin: 1rem auto 0;
  max-width: 1250px;
  position: relative; }
  .carousel__track-container {
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
    width: 94%; }
  .carousel__track {
    display: flex;
    justify-content: start;
    margin: 0 auto;
    transition: transform 0.5s ease-in; }
  .carousel__slide {
    flex: 0 0 20%;
    padding: 0 20px; }
  .carousel__btn {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 2rem;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .carousel__btn--left {
      left: -4px; }
    .carousel__btn--right {
      right: -4px; }
  .carousel .l-arrow {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; }
    .carousel .l-arrow:hover {
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: FlipH;
      -ms-filter: "FlipH"; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .carousel {
    max-width: 550px; }
    .carousel__btn {
      font-size: 1rem; }
    .carousel__slide {
      flex: 0 0 33%;
      padding: 0 10px; }
    .carousel__track-container {
      max-width: 500px; } }
@media only screen and (min-width: 0px) and (max-width: 330px) {
  .carousel {
    max-width: 310px; }
    .carousel__slide {
      flex: 0 0 50%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .carousel {
    max-width: 650px; }
    .carousel__btn {
      font-size: 1.5rem; }
    .carousel__slide {
      flex: 0 0 33%; }
    .carousel__track-container {
      max-width: 600px; } }
.pagination {
  position: relative; }
  .pagination .screen-reader-text {
    display: none; }
  .pagination .nav-links {
    text-align: center;
    line-height: 3rem; }
    .pagination .nav-links .prev {
      margin-right: 1rem; }
    .pagination .nav-links .next {
      margin-left: 1rem; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .pagination .nav-links {
    text-align: center; } }
.btn-wrapper {
  margin-bottom: 40px; }
.btn-hexagon {
  height: 32px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-align: center;
  color: #fff;
  padding: 8px 19px 8px 19px;
  background-color: #181f3d;
  display: inline-block;
  line-height: 1.2;
  position: relative;
  border: 0;
  transition: 0.2s ease; }
  @media screen and (max-width: 575px) {
    .btn-hexagon {
      width: calc(100% - 40px); } }
  .btn-hexagon::before, .btn-hexagon::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    transition: 0.2s ease; }
  .btn-hexagon::before {
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 12px solid #181f3d;
    right: 100%; }
  .btn-hexagon::after {
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 12px solid #181f3d;
    left: 100%; }
  .btn-hexagon:hover {
    background-color: #263262;
    color: #fff; }
    .btn-hexagon:hover::before {
      border-right: 12px solid #263262; }
    .btn-hexagon:hover::after {
      border-left: 12px solid #263262; }

.breadcrumb {
  list-style-type: none;
  margin: 0 0 32px;
  padding: 0; }
  .breadcrumb-item {
    display: inline-block; }
    .breadcrumb-item:not(:first-child) {
      position: relative;
      padding-left: 18px;
      margin-left: 10px; }
      .breadcrumb-item:not(:first-child):before {
        content: '/';
        position: absolute;
        top: calc(50% + 1px);
        left: 0;
        transform: translateY(-50%);
        font-size: 14px;
        color: #181f3d; }
  .breadcrumb-link {
    font-size: 14px;
    color: #181f3d;
    text-decoration: underline; }
    .breadcrumb-link:hover {
      text-decoration: none; }

.breadcrumbs {
  text-align: left;
  max-width: 1268px;
  width: 100%;
  margin: 0 auto 30px; }
  @media screen and (max-width: 1300px) {
    .breadcrumbs {
      padding: 0 16px; } }

/* ---- reset ---- */
canvas {
  display: block;
  vertical-align: bottom; }

/* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #060812;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }

/* ---- stats.js ---- */
.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px; }

.js-count-particles {
  font-size: 1.1em; }

#stats, .count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px; }

#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden; }

.count-particles {
  border-radius: 0 0 3px 3px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.author-container h1 {
  margin: 1rem 0 0 0; }
.author-container p {
  margin-bottom: 1rem; }
.author-container em {
  color: #979EBA;
  margin-bottom: 1rem;
  display: block; }
.author-container .author-excerpt__img {
  width: 20%;
  margin: 0 auto; }
  .author-container .author-excerpt__img img {
    width: 80%;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .author-container .author-excerpt__img {
    width: 50%; } }
.sign-picker {
  margin: 2rem 0 3rem 0; }
  .sign-picker img {
    width: 90%;
    margin: 0 auto; }
  .sign-picker h1 {
    margin-bottom: 1rem; }
  .sign-picker a {
    color: #181F3D;
    transition: transform .3s ease-in-out; }
    .sign-picker a:hover {
      transform: translate(0, 5px); }

.horoscope-content p {
  margin-bottom: 1rem; }
.horoscope-content .date {
  font-size: 1.25rem;
  font-family: "khand", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.3; }
.horoscope-content .sign-img {
  float: right;
  width: 20%;
  text-align: center;
  min-height: 170px; }
  .horoscope-content .sign-img .cta-link {
    font-size: 1rem;
    margin-top: 0.5rem;
    display: block;
    color: #181F3D; }
    .horoscope-content .sign-img .cta-link:hover {
      color: #979EBA; }

.date-picker {
  font-family: "khand", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  text-transform: uppercase;
  flex-wrap: wrap; }
  .date-picker:after {
    content: '';
    height: 1px;
    background: #181F3D;
    display: block;
    flex-basis: 100%; }
  .date-picker a {
    padding: 0.5rem; }
    .date-picker a:first-child {
      padding-left: 0; }
  .date-picker .active {
    color: #181F3D; }

.sub-date-picker {
  flex-wrap: wrap;
  margin-bottom: 1rem; }
  .sub-date-picker:after {
    content: '';
    height: 1px;
    background: #181F3D;
    display: block;
    flex-basis: 100%; }
  .sub-date-picker a {
    padding: 0.5rem; }
    .sub-date-picker a:first-child {
      padding-left: 0; }
    .sub-date-picker a:nth-child(2) {
      border-left: 1px #181F3D solid;
      border-right: 1px #181F3D solid; }
  .sub-date-picker .active {
    font-style: italic;
    background: #F3F9F7;
    color: #181F3D; }
    .sub-date-picker .active:first-child {
      padding-left: 0.5rem; }

.more-btns {
  margin-top: 1rem; }
  .more-btns .flex-start {
    margin: 0.5rem 0;
    flex-wrap: wrap;
    max-width: 80%; }
  .more-btns a {
    margin: 0.3rem 0.8rem; }
    .more-btns a.active {
      background: #979EBA; }
      .more-btns a.active:before {
        border-right-color: #979EBA; }
      .more-btns a.active:after {
        border-left-color: #979EBA; }
  .more-btns-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; }
    .more-btns-wrapper a {
      margin: 0;
      width: calc(33.33% - 4px); }

.author-excerpt {
  margin: 2rem 0;
  flex-wrap: wrap; }
  .author-excerpt:before, .author-excerpt:after {
    content: '';
    height: 1px;
    background: #181F3D;
    display: block; }
  .author-excerpt:before {
    flex-basis: 86%;
    margin-bottom: 1rem; }
  .author-excerpt:after {
    flex-basis: 100%;
    margin-top: 1rem; }
  .author-excerpt span {
    font-size: 0.875rem;
    font-style: italic;
    font-family: "Mate", serif;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #979EBA; }

.author-excerpt__img {
  display: block;
  background: url("../../images/decor-circular-rays.svg") no-repeat center center;
  background-size: contain;
  padding: 1rem;
  margin-right: 2rem;
  transition: transform .3s ease-in-out; }
  .author-excerpt__img:hover {
    transform: translate(0, 5px); }
  .author-excerpt__img img {
    width: 80%;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px; }

.author-excerpt__content {
  width: 70%; }

.horoscope-index-container .horoscope-index-content .intro-text {
  margin-bottom: 2em; }
.horoscope-index-container .horoscope-index-content .sign-container {
  background-color: #fff;
  border-radius: 2px;
  border: 1px #ebece9 solid;
  padding: 0.2rem;
  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.05); }
  .horoscope-index-container .horoscope-index-content .sign-container .sign-image {
    padding: 0.3em;
    width: 36%; }
    .horoscope-index-container .horoscope-index-content .sign-container .sign-image p {
      font-size: 0.8rem; }
  .horoscope-index-container .horoscope-index-content .sign-container .sign-description {
    padding: 0.5em;
    text-align: left;
    width: 60%; }
    .horoscope-index-container .horoscope-index-content .sign-container .sign-description p {
      margin-bottom: 0.5rem; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .sign-picker {
    margin: 0 0 1rem 0; }
    .sign-picker img {
      width: 80%;
      margin-bottom: 0.5rem; }
    .sign-picker p {
      font-size: 0.875rem;
      margin-bottom: 1.5rem; }

  .horoscope-content h1 {
    text-align: center; }
  .horoscope-content .sign-img {
    width: 30%;
    max-width: 115px; }
    .horoscope-content .sign-img img.sun-sign-img {
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: FlipH;
      -ms-filter: "FlipH"; }
      .horoscope-content .sign-img img.sun-sign-img:hover {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH"; }
  .horoscope-content .date-picker {
    justify-content: center; }
    .horoscope-content .date-picker a {
      padding: 0.7rem; }
  .horoscope-content .sub-date-picker {
    justify-content: center; }
    .horoscope-content .sub-date-picker a {
      padding: 0.7rem; }

  .more-btns {
    text-align: center;
    margin-bottom: 2rem; }
    .more-btns .flex-start {
      margin: 0;
      max-width: 100%; }

  .author-excerpt {
    margin: 1rem 0; }
    .author-excerpt:before {
      flex-basis: 100%; }

  .author-excerpt__img {
    padding: 0.5rem;
    margin-right: 1rem; }
    .author-excerpt__img img {
      width: 60px;
      height: 60px; }

  .author-excerpt__content {
    width: 65%; }

  .horoscope-index-container .horoscope-index-content .sign-container {
    margin-bottom: 1rem; } }
.banner-premium {
  background: url("../../images/premium/banner-premium.png") no-repeat center center;
  background-color: #F3F9F7;
  background-size: contain;
  padding: 1.25rem;
  margin: -1rem 0 1rem 0; }
  .banner-premium h2 {
    font-size: 2.4rem; }
  .banner-premium [class^='icon-'], .banner-premium [class*=' icon-'] {
    font-size: 1.5rem;
    margin-right: 1rem; }
  .banner-premium .white-box {
    margin-left: auto;
    padding: 0.2rem 1rem;
    font-family: "khand", sans-serif;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    line-height: 1.3; }

.freemium-content h4 {
  margin: 1rem 0 0.5rem 0;
  font-family: "khand", sans-serif;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: uppercase;
  line-height: 1.3; }
.freemium-content .cta-link {
  font-size: 1rem;
  margin-bottom: 2rem;
  display: block; }
  .freemium-content .cta-link .icon-arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block; }
  .freemium-content .cta-link .icon-arrow-flipped {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block; }
.freemium-content .more-content {
  display: none; }

.more-freemium h3,
.more-freemium p {
  color: #9498A6; }
.more-freemium h3 i {
  margin-right: 0.25rem;
  font-size: 90%; }
.more-freemium h4 {
  font-size: 1rem;
  color: #181F3D; }
  .more-freemium h4:hover {
    color: #979EBA; }
.more-freemium p {
  margin: 0 0 0.25rem 1.75rem; }
.more-freemium hr {
  border-color: #d4d7e3; }
.more-freemium .flex-between:not(:first-child) {
  margin-top: 1rem; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .banner-premium {
    background-position: 10rem center;
    margin: -1rem -1rem 1rem -1rem; }

  .more-freemium .flex-between:first-child {
    display: block;
    text-align: center; }
    .more-freemium .flex-between:first-child .btn {
      margin: 1rem 0; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .horoscope-content h1 {
    text-align: center; }

  .more-btns {
    margin-bottom: 2rem; }

  .date-picker,
  .sub-date-picker {
    justify-content: center; }

  .author-excerpt {
    margin: 0; }
    .author-excerpt:before {
      flex-basis: 100%; } }
.sign-stories-module {
  margin-top: 2rem; }
  .sign-stories-module h2 {
    margin-bottom: 1rem; }
  .sign-stories-module .sign-stories-module-container {
    position: relative; }
    .sign-stories-module .sign-stories-module-container .sign-stories-feat-link {
      margin-right: 1rem; }
    .sign-stories-module .sign-stories-module-container .sign-stories-feat-link:last-child {
      margin-right: 0; }
  .sign-stories-module .sign-stories-feat-thumb {
    width: 100%; }
  .sign-stories-module .sign-stories-feat-link:before {
    opacity: 0;
    background-color: transparent; }
  .sign-stories-module .sign-stories-feat-view-link {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    background-color: rgba(24, 31, 61, 0.9);
    font-family: "khand", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    text-align: center; }
    .sign-stories-module .sign-stories-feat-view-link:hover {
      background-color: rgba(24, 31, 61, 0.95); }
    .sign-stories-module .sign-stories-feat-view-link .link-arrow {
      border: 0 solid #ffffff;
      transform: rotate(45deg);
      width: 20px;
      height: 20px;
      border-top-width: 2px;
      border-right-width: 2px;
      font-size: 0;
      margin: 10px auto 0; }

.page-template-template-sign-stories-index .intro-text {
  max-width: 720px;
  margin: 0 auto 2rem;
  padding: 0 1rem; }
  .page-template-template-sign-stories-index .intro-text > p {
    margin-bottom: 1rem; }

.sign-stories-feat-link {
  position: relative;
  border: 1px solid #181F3D; }
  .sign-stories-feat-link:last-of-type {
    margin-right: 0; }
  .sign-stories-feat-link:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 130px;
    width: 100%;
    background: rgba(51, 51, 51, 0);
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 0) 13%, #333333 100%);
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 13%, #333333 100%);
    background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 13%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33333300', endColorstr='#333333',GradientType=0 );
    opacity: 0.8; }
  .sign-stories-feat-link .zodiac-sign-thumb {
    background-color: #ffffff;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    border: 1px solid #000000;
    width: 50px; }
  .sign-stories-feat-link h4 {
    position: absolute;
    bottom: 10px;
    color: #ffffff;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-family: "khand", sans-serif;
    font-size: 1.25rem;
    letter-spacing: 1px;
    font-weight: 500; }

.sunsign-desktop-slide .sign-stories-feat-link:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background: #666666;
  background: -moz-linear-gradient(top, #666666 0%, #111111 100%);
  background: -webkit-linear-gradient(top, #666666 0%, #111111 100%);
  background: linear-gradient(to bottom, #666666 0%, #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#111111',GradientType=0 );
  opacity: 0.6; }

.sunsign-desktop-slide .order-0,
.sunsign-mobile-slide .order-0 {
  order: 0; }
.sunsign-desktop-slide .order-1,
.sunsign-mobile-slide .order-1 {
  order: 1; }
.sunsign-desktop-slide .order-2,
.sunsign-mobile-slide .order-2 {
  order: 2; }
.sunsign-desktop-slide .order-3,
.sunsign-mobile-slide .order-3 {
  order: 3; }
.sunsign-desktop-slide .order-4,
.sunsign-mobile-slide .order-4 {
  order: 4; }
.sunsign-desktop-slide .order-5,
.sunsign-mobile-slide .order-5 {
  order: 5; }
.sunsign-desktop-slide .order-6,
.sunsign-mobile-slide .order-6 {
  order: 6; }
.sunsign-desktop-slide .order-7,
.sunsign-mobile-slide .order-7 {
  order: 7; }
.sunsign-desktop-slide .order-8,
.sunsign-mobile-slide .order-8 {
  order: 8; }
.sunsign-desktop-slide .order-9,
.sunsign-mobile-slide .order-9 {
  order: 9; }
.sunsign-desktop-slide .order-10,
.sunsign-mobile-slide .order-10 {
  order: 10; }
.sunsign-desktop-slide .order-11,
.sunsign-mobile-slide .order-11 {
  order: 11; }

.sign-stories-feat-thumb {
  max-width: 100%;
  object-fit: cover;
  display: block; }

.sign-stories-slide {
  margin: auto;
  width: 100%; }
  .sign-stories-slide .sign-stories-feat-link {
    width: 260px;
    margin-right: 3rem;
    height: 407px;
    margin-top: 30px;
    border: 1px solid #181F3D;
    overflow: hidden; }
    .sign-stories-slide .sign-stories-feat-link:before {
      bottom: -130px;
      transition: bottom 0.3s ease-in-out; }
    .sign-stories-slide .sign-stories-feat-link:hover:before {
      bottom: 0; }
    .sign-stories-slide .sign-stories-feat-link:hover h4 {
      bottom: 10px; }
  .sign-stories-slide .sign-stories-feat-thumb {
    width: 260px;
    height: 405px; }
  .sign-stories-slide .flickity-viewport {
    height: 465px !important;
    overflow: hidden; }
  .sign-stories-slide .flickity-prev-next-button:hover {
    color: #060812; }
  .sign-stories-slide .sign-stories-feat-link.is-selected {
    height: 100%;
    margin-top: 0; }
    .sign-stories-slide .sign-stories-feat-link.is-selected:before {
      bottom: 0; }
    .sign-stories-slide .sign-stories-feat-link.is-selected h4 {
      bottom: 10px; }
  .sign-stories-slide .sign-stories-feat-link.is-selected .sign-stories-feat-thumb {
    width: 310px;
    height: 465px; }
  .sign-stories-slide h4 {
    position: absolute;
    bottom: -50px;
    transition: bottom 0.3s ease-in-out; }

.page-template-template-sign-stories .sunsign_stories_single_container.grid,
.single-sign_story_post .sunsign_stories_single_container.grid {
  max-width: 806px; }
.page-template-template-sign-stories .date-picker,
.single-sign_story_post .date-picker {
  margin-top: 1rem;
  margin-bottom: 2rem; }
  .page-template-template-sign-stories .date-picker:before, .page-template-template-sign-stories .date-picker:after,
  .single-sign_story_post .date-picker:before,
  .single-sign_story_post .date-picker:after {
    content: "";
    height: 1px;
    background: #181F3D;
    display: block;
    flex-basis: 100%; }
  .page-template-template-sign-stories .date-picker a,
  .single-sign_story_post .date-picker a {
    color: #9395d7; }
    .page-template-template-sign-stories .date-picker a.active,
    .single-sign_story_post .date-picker a.active {
      color: #2f0058; }
.page-template-template-sign-stories .title-container,
.page-template-template-sign-stories .body-container,
.page-template-template-sign-stories .slide-controls,
.single-sign_story_post .title-container,
.single-sign_story_post .body-container,
.single-sign_story_post .slide-controls {
  max-width: 607px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: auto; }
.page-template-template-sign-stories .title,
.single-sign_story_post .title {
  font-size: 1.75rem; }
.page-template-template-sign-stories .slide-controls,
.single-sign_story_post .slide-controls {
  margin-top: 1rem; }
.page-template-template-sign-stories .body-container,
.single-sign_story_post .body-container {
  line-height: 1.375;
  letter-spacing: 0.8px; }
  .page-template-template-sign-stories .body-container .post-content-container > p > strong,
  .single-sign_story_post .body-container .post-content-container > p > strong {
    color: #9395d7;
    margin-top: 0.5rem;
    display: block;
    font-style: italic; }

/* Slider */
/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: 0; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333; }

.flickity-button:hover {
  background: #fff;
  cursor: pointer; }

.flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #19f; }

.flickity-button:active {
  opacity: .6; }

.flickity-button:disabled {
  opacity: .3;
  cursor: auto;
  pointer-events: none; }

.flickity-button-icon {
  fill: currentColor; }

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%); }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .page-template-template-sign-stories-index .horoscope-index-content {
    overflow: hidden; }

  .sign-stories-module {
    margin-top: 1rem;
    text-align: center; }
    .sign-stories-module .sign-stories-module-container .sign-stories-feat-link {
      width: 50%; }
    .sign-stories-module .sign-stories-module-container .sign-stories-feat-link:nth-child(2),
    .sign-stories-module .sign-stories-module-container .sign-stories-feat-link:nth-child(3) {
      display: none; }
    .sign-stories-module .sign-stories-module-container .sign-stories-feat-link:last-child {
      margin-right: 0; }

  .sunsign-desktop-slide.grid-6 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem; }

  .sunsign-mobile-slide.slick-slider {
    display: block; }

  .sign-stories-slide {
    width: 100%;
    margin: auto; }
    .sign-stories-slide .sign-stories-feat-link {
      width: 220px;
      margin-right: 2rem;
      height: 330px;
      margin-top: 15px; }
    .sign-stories-slide .sign-stories-feat-thumb {
      width: 220px;
      height: 330px; }
    .sign-stories-slide .flickity-viewport {
      height: 360px !important;
      overflow: visible; }
    .sign-stories-slide .sign-stories-feat-link.is-selected {
      transition: height .2s ease-in-out;
      height: 360px;
      margin-top: 0; }
    .sign-stories-slide .sign-stories-feat-link.is-selected .sign-stories-feat-thumb {
      width: 240px;
      height: 360px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sign-stories-module {
    margin-top: 1.5rem; } }
@media only screen and (max-width: 1024px) {
  .sunsign-desktop-slide.sunsign-parent.grid-6 {
    grid-template-columns: repeat(4, 1fr); } }
@media only screen and (max-width: 560px) {
  .sunsign-desktop-slide.sunsign-parent.grid-6 {
    grid-template-columns: repeat(2, 1fr); } }
.stories-index .stories-bio {
  font-size: 16px;
  line-height: 1.56;
  color: #181f3d;
  margin-bottom: 60px; }
.stories-index .stories-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  margin-bottom: 135px; }
  @media screen and (max-width: 768px) {
    .stories-index .stories-grid {
      gap: 20px 30px;
      margin-bottom: 40px; } }
  .stories-index .stories-grid-item {
    width: calc(20% - 28px);
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 768px) {
      .stories-index .stories-grid-item {
        width: calc(33.33% - 20px); } }
    .stories-index .stories-grid-item .title {
      font-size: 16px;
      color: #181f3d;
      font-family: 'Khand', sans-sarif;
      margin-top: 15px;
      display: block;
      text-align: center;
      letter-spacing: 1.2px;
      font-weight: 500; }
@media screen and (max-width: 768px) {
  .stories-index h2 {
    text-align: left; } }
.stories-index .more-btns .stories-read-buttons {
  max-width: 100%; }
.stories-index .more-btns .explore-more-buttons-container {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px; }
  .stories-index .more-btns .explore-more-buttons-container a {
    margin: 0;
    width: calc(33.33% - 4px);
    padding: 2px; }
@media screen and (max-width: 768px) {
  .stories-index .stories-index-container .more-btns a {
    width: calc(33.33% - 1.6rem);
    min-width: calc(33.33% - 1.6rem); } }
.stories-index .stories-index-sidebar {
  margin-top: -30px; }
  @media screen and (max-width: 1024px) {
    .stories-index .stories-index-sidebar {
      margin-top: 0; } }
  .stories-index .stories-index-sidebar .sidebar-btn {
    display: block;
    font-size: 16px;
    color: #fff;
    background-color: #181f3d;
    text-align: center;
    font-family: 'Khand', sans-sarif;
    text-decoration: none;
    letter-spacing: 1.2px;
    padding: 8px;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.2s ease; }
    .stories-index .stories-index-sidebar .sidebar-btn:hover {
      background-color: #7881a6; }
  .stories-index .stories-index-sidebar .more-btns {
    margin-top: 1rem; }

.stories-subcategory .stories-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 50px; }
  .stories-subcategory .stories-grid-item {
    width: calc(50% - 8px);
    padding: 30px 23px 25px 20px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #ebece9;
    background-color: #fff; }
    @media screen and (max-width: 768px) {
      .stories-subcategory .stories-grid-item {
        width: 100%; } }
    .stories-subcategory .stories-grid-item .title {
      font-size: 22px;
      font-family: 'Khand', sans-sarif;
      color: #181f3d;
      margin-bottom: 10px;
      text-transform: uppercase;
      display: block;
      transition: 0.2s ease; }
    .stories-subcategory .stories-grid-item .subtitle {
      font-size: 16px;
      color: #181f3d;
      font-style: italic;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; }
      .stories-subcategory .stories-grid-item .subtitle strong {
        font-weight: 400; }
    .stories-subcategory .stories-grid-item .description {
      font-size: 16px;
      color: #181f3d;
      line-height: 1.56;
      display: none;
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        .stories-subcategory .stories-grid-item .description {
          display: inline-block; } }
      .stories-subcategory .stories-grid-item .description .more {
        color: #979eba; }
    .stories-subcategory .stories-grid-item:hover .title {
      color: #979eba; }
.stories-subcategory-sidebar {
  margin-top: -30px; }
  @media screen and (max-width: 1024px) {
    .stories-subcategory-sidebar {
      margin-top: 0; } }
  .stories-subcategory-sidebar .more-btns {
    margin-top: 1rem; }
    .stories-subcategory-sidebar .more-btns .explore-more-buttons-container {
      max-width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 5px; }
      .stories-subcategory-sidebar .more-btns .explore-more-buttons-container a {
        margin: 0;
        width: calc(33.33% - 4px);
        padding: 2px; }
        @media screen and (max-width: 768px) {
          .stories-subcategory-sidebar .more-btns .explore-more-buttons-container a {
            min-width: calc(33.33% - 1.6rem); } }
.stories-subcategory .sidebar-btn {
  display: block;
  font-size: 16px;
  color: #fff;
  background-color: #181f3d;
  text-align: center;
  font-family: 'Khand', sans-sarif;
  text-decoration: none;
  letter-spacing: 1.2px;
  padding: 8px;
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.2s ease; }
  .stories-subcategory .sidebar-btn:hover {
    background-color: #7881a6; }
.stories-subcategory .stories-next .stories-next-buttons {
  max-width: 100%; }

.stories-post-inner {
  padding: 35px 54px 51px 25px;
  color: #181f3d;
  font-size: 16px;
  line-height: 1.56;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #ebece9;
  background-color: #fff;
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .stories-post-inner {
      padding: 35px 24px 40px 25px;
      margin-bottom: 40px; } }
  .stories-post-inner .title {
    font-size: 22px;
    font-family: 'Khand', sans-sarif;
    margin-bottom: 10px;
    display: block;
    color: #181f3d;
    transition: 0.2s ease;
    letter-spacing: 1.07px; }
    .stories-post-inner .title:hover {
      color: #979EBA; }
  .stories-post-inner .subtitle {
    font-size: 16px;
    display: block;
    font-style: italic;
    margin-bottom: 10px; }
    .stories-post-inner .subtitle strong {
      font-weight: 400; }
  .stories-post-inner .description {
    font-size: 16px; }
    .stories-post-inner .description p + p {
      margin-top: 20px; }
.stories-post-sidebar {
  margin-top: -30px; }
  @media screen and (max-width: 768px) {
    .stories-post-sidebar {
      margin-top: 0; } }
  .stories-post-sidebar .sidebar-btn {
    display: block;
    font-size: 16px;
    color: #fff;
    background-color: #181f3d;
    text-align: center;
    font-family: 'Khand', sans-sarif;
    text-decoration: none;
    letter-spacing: 1.2px;
    padding: 8px;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.2s ease; }
    .stories-post-sidebar .sidebar-btn:hover {
      background-color: #7881a6; }
  .stories-post-sidebar .more-btns {
    margin-top: 1rem; }
    .stories-post-sidebar .more-btns .explore-more-buttons-container {
      max-width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 5px; }
      .stories-post-sidebar .more-btns .explore-more-buttons-container a {
        margin: 0;
        width: calc(33.33% - 4px);
        padding: 2px; }
.stories-post h2 {
  text-align: left; }

.zodiac-signs-hub-index-container {
  margin-bottom: 1rem; }
  .zodiac-signs-hub-index-container .zodiac-signs-hub-index-content {
    padding-bottom: 2rem; }
    .zodiac-signs-hub-index-container .zodiac-signs-hub-index-content .intro-text {
      margin-bottom: 2rem;
      margin-top: 1rem; }
    .zodiac-signs-hub-index-container .zodiac-signs-hub-index-content .sign-container {
      background-color: #fff;
      border: 1px #ebece9 solid;
      border-radius: 2px;
      box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.05);
      padding: 0.2rem; }
      .zodiac-signs-hub-index-container .zodiac-signs-hub-index-content .sign-container .sign-image {
        padding: 0.3em;
        width: 36%; }
        .zodiac-signs-hub-index-container .zodiac-signs-hub-index-content .sign-container .sign-image p {
          font-size: 0.8rem; }
      .zodiac-signs-hub-index-container .zodiac-signs-hub-index-content .sign-container .sign-description {
        padding: 0.5em;
        text-align: center;
        width: 60%; }
        .zodiac-signs-hub-index-container .zodiac-signs-hub-index-content .sign-container .sign-description .text {
          color: #181F3D; }
        .zodiac-signs-hub-index-container .zodiac-signs-hub-index-content .sign-container .sign-description p {
          margin-bottom: 0.5rem; }
  .zodiac-signs-hub-index-container .zodiac-signs-hub-traits .sign-container {
    padding: 20px 30px 30px;
    text-align: left; }
    .zodiac-signs-hub-index-container .zodiac-signs-hub-traits .sign-container .sign-description {
      color: #979eba;
      padding: 0;
      text-align: left; }
    .zodiac-signs-hub-index-container .zodiac-signs-hub-traits .sign-container .sign-image {
      padding: 0; }

.zodiac-hub-post-container {
  margin-bottom: 1rem; }
  .zodiac-hub-post-container p {
    margin-bottom: 1rem; }
  .zodiac-hub-post-container .title-container {
    margin-bottom: 25px; }
  .zodiac-hub-post-container .body-container .featured-image-container {
    float: right; }

.slide-controls {
  display: flex;
  justify-content: space-between;
  margin: 1em 0; }
  .slide-controls .btn:focus {
    outline: none; }
  .slide-controls .btn:first-child {
    margin-right: 10px; }

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .zodiac-signs-hub-index-container .zodiac-signs-hub-index-content .sign-container {
    margin-bottom: 1rem; }

  .zodiac-hub-post-container {
    margin-bottom: 2em; }
    .zodiac-hub-post-container .title-container {
      text-align: center; }
    .zodiac-hub-post-container .body-container .featured-image-container {
      display: block;
      width: 100%; }
    .zodiac-hub-post-container .body-container .post-content-container {
      display: block;
      width: 100%; }

  .slide-controls {
    display: flex;
    justify-content: center;
    margin: 1em 0 0; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .zodiac-hub-post-container {
    display: block; }

  .slide-controls .btn {
    font-size: 0.75em;
    padding: 0.5rem;
    width: 50%; } }
.zsh-category {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1300px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  grid-template-columns: 2fr 1fr;
  grid-gap: 4rem; }
  @media screen and (max-width: 1024px) {
    .zsh-category {
      grid-template-columns: 1fr;
      grid-gap: 1rem;
      grid-row-gap: 0; } }
.zsh-title {
  margin-bottom: 1rem; }
.zsh-wrapper {
  width: 60%; }
  @media screen and (max-width: 1024px) {
    .zsh-wrapper {
      width: 100%; } }
.zsh-breadcrumbs {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #979eba; }
.zsh-content p {
  line-height: 1.56; }
.zsh-content ul {
  margin-top: 20px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding-left: 20px; }
  .zsh-content ul li {
    list-style-type: none;
    position: relative; }
    .zsh-content ul li::before {
      content: '';
      position: absolute;
      width: 2px;
      height: 2px;
      top: 8px;
      left: -12px;
      border-radius: 50%;
      background-color: #181f3d; }
.zsh-content h2 {
  font-family: 'khand', sans-serif;
  font-weight: 500; }
.zsh-content .wp-block-image {
  float: right; }
  @media screen and (max-width: 575px) {
    .zsh-content .wp-block-image {
      display: none; } }
.zsh-content-btn {
  display: none;
  font-family: 'Khand', sans-sarif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1.2px;
  color: #fff;
  padding: 6px;
  background-color: #181f3d;
  margin-top: 20px; }
  @media screen and (max-width: 768px) {
    .zsh-content-btn {
      display: block; } }
.zsh-categories-title {
  width: 100%;
  color: #181f3d;
  margin: 60px 0 30px;
  font-weight: 500; }
.zsh-categories-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -9px; }
.zsh-categories-item {
  padding: 22px 4px 16px 4px;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.06);
  border: solid 0.7px #ebece9;
  background-color: #fff;
  text-decoration: none;
  color: #253362;
  text-transform: uppercase;
  text-align: center;
  width: calc((100% / 5) - 18px);
  margin: 0 9px 15px;
  transition: 0.2s ease; }
  @media screen and (max-width: 992px) {
    .zsh-categories-item {
      width: calc((100% / 3) - 18px); } }
  @media screen and (max-width: 768px) {
    .zsh-categories-item {
      width: calc((100% / 5) - 18px); } }
  @media screen and (max-width: 575px) {
    .zsh-categories-item {
      width: calc((100% / 3) - 18px); } }
  .zsh-categories-item:hover {
    box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.12); }
  .zsh-categories-item img {
    margin-bottom: 18px;
    max-width: 100%;
    width: 60px; }
  .zsh-categories-item h4 {
    margin: 0;
    font-family: 'Khand', sans-sarif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.78px; }
.zsh-sidebar {
  padding-top: 62px;
  width: 32%; }
  @media screen and (max-width: 1024px) {
    .zsh-sidebar {
      width: 100%;
      padding-top: 20px; } }
  .zsh-sidebar-btn {
    display: block;
    font-family: 'Khand', sans-sarif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1.2px;
    color: #fff;
    padding: 6px;
    background-color: #181f3d;
    text-transform: uppercase;
    transition: 0.2s ease; }
    .zsh-sidebar-btn:hover {
      background-color: #5D6277;
      color: #fff; }
    @media screen and (max-width: 768px) {
      .zsh-sidebar-btn {
        display: none; } }
.zsh-carousel {
  position: relative; }
  .zsh-carousel-wrapper {
    margin-top: 60px; }
  .zsh-carousel-title {
    margin-bottom: 15px; }
  .zsh-carousel-item {
    padding-right: 15px;
    height: auto; }
    .zsh-carousel-item-inner {
      box-shadow: 0 2.6px 9.6px 0 rgba(0, 0, 0, 0.06);
      border: solid 0.6px #ebece9;
      padding: 19px 4px 14px 4px;
      display: flex;
      flex-direction: column;
      align-items: center; }
    .zsh-carousel-item .img {
      margin-bottom: 15px;
      width: 60px;
      height: 60px;
      max-width: 100%; }
    .zsh-carousel-item .title {
      font-family: 'Khand', sans-serif;
      font-size: 13px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.1;
      letter-spacing: 0.69px;
      text-align: center;
      min-height: 38px;
      display: flex;
      align-items: center;
      color: #181F3D;
      text-transform: uppercase; }
  .zsh-carousel .slick-arrow {
    position: absolute;
    bottom: 100%;
    top: auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #181f3d; }
    .zsh-carousel .slick-arrow:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .zsh-carousel .slick-prev {
    right: 40px;
    left: auto; }
    .zsh-carousel .slick-prev:before {
      width: 5px;
      height: 5px;
      transform: rotate(45deg);
      border: 1px solid #000;
      border-top: 0;
      border-right: 0;
      top: 4px;
      left: 5px; }
  .zsh-carousel .slick-next {
    right: 15px; }
    .zsh-carousel .slick-next:before {
      width: 5px;
      height: 5px;
      transform: rotate(45deg);
      border: 1px solid #000;
      top: 4px;
      left: 3px;
      border-bottom: 0;
      border-left: 0; }

.tarot-container {
  background: url("../../images/bg-rays.png") no-repeat center center;
  background-size: cover;
  padding: 0 0 2rem 0; }
  .tarot-container h2 {
    margin: 1rem 0; }
  .tarot-container p {
    margin-bottom: 1rem; }
  .tarot-container .btn {
    cursor: pointer;
    display: inline-block;
    margin: 0 auto; }
    .tarot-container .btn:focus {
      outline: none; }

.three-cards {
  max-width: 30rem;
  margin: 0 auto 1rem auto; }
  .three-cards i {
    margin-top: 1rem;
    color: #181F3D;
    display: block; }
  .three-cards .card {
    width: 30%; }
    .three-cards .card .shake {
      cursor: pointer; }
    .three-cards .card:first-child, .three-cards .card:last-child {
      margin-top: 3rem; }

.tarot-results {
  display: none; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .tarot-container {
    padding: 1rem 0; } }
.about-container h1,
.about-container h2,
.about-container p,
.about-container a,
.about-container footer .links a {
  color: #F3F9F7; }

.about-fixed {
  height: 100vh;
  width: 100vw;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden; }

.about-section {
  align-items: center;
  min-height: 80vh;
  max-height: 800px; }
  .about-section h1 {
    margin-bottom: 0.5rem; }
  .about-section p {
    font-size: 1.25rem; }

.about-intro h1 {
  border-top: dotted 2px #F3F9F7;
  border-bottom: dotted 2px #F3F9F7;
  padding: 1.25rem;
  width: 80%;
  margin: 0 auto; }
.about-intro p {
  max-width: 80%;
  margin: 0 auto; }

.about-dive-deep {
  display: flex; }
  .about-dive-deep .box {
    border: dotted 2px #F3F9F7;
    padding: 3rem 6rem;
    max-width: 700px;
    margin: 0 auto;
    position: relative; }
    .about-dive-deep .box:before {
      content: '';
      background: url("../../images/_sun-signs/capricorn/full.png") no-repeat center;
      background-size: contain;
      width: 350px;
      height: 350px;
      position: absolute;
      bottom: -10rem;
      left: -14rem;
      transform: rotate(-25deg); }
    .about-dive-deep .box:after {
      content: '';
      background: url("../../images/_sun-signs/pisces/wrappable.png") no-repeat center;
      background-size: contain;
      width: 220px;
      height: 220px;
      position: absolute;
      top: -6rem;
      right: -8rem;
      transform: rotate(20deg); }

.about-offers img {
  width: 80%;
  margin: 0 auto; }
.about-offers .box {
  border: dotted 2px #F3F9F7;
  padding: 2.5rem 1.75rem;
  max-width: 550px; }

.about-app p {
  margin-bottom: 1rem; }
.about-app a {
  transition: transform .3s ease-in-out; }
  .about-app a:hover {
    transform: translate(0, 5px); }
.about-app .flex-start img {
  height: 55px;
  margin-right: 0.5rem; }
.about-app .app-img {
  max-width: 400px;
  margin: 0 auto; }

.about-connect {
  margin: 8rem 0; }
  .about-connect .flex-center {
    font-size: 1.25rem;
    margin: 0.5rem 1rem;
    font-style: italic; }
    .about-connect .flex-center a {
      color: #979EBA;
      display: block; }
      .about-connect .flex-center a:hover {
        color: #F3F9F7; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .about-container {
    padding-top: 0; }
    .about-container nav {
      background: transparent;
      position: static; }

  .about-section {
    padding: 2rem;
    min-height: 100vh; }
    .about-section p {
      font-size: 1rem; }

  .about-intro {
    text-align: center; }
    .about-intro h1 {
      padding: 1rem; }
    .about-intro img {
      padding: 2rem;
      margin: 0 auto;
      max-width: 400px; }

  .about-dive-deep .box {
    padding: 2rem; }
    .about-dive-deep .box:before {
      width: 250px;
      height: 250px;
      bottom: -8rem;
      left: -10rem; }
    .about-dive-deep .box:after {
      width: 150px;
      height: 150px;
      top: -4rem;
      right: -4rem; }

  .about-offers img {
    display: none; }
  .about-offers .box {
    padding: 2rem;
    margin: 0 auto; }

  .about-app {
    text-align: center; }
    .about-app .app-img {
      max-width: 200px; }
    .about-app .flex-start {
      justify-content: center; }
      .about-app .flex-start img {
        height: 45px; }

  .about-connect {
    margin: 2rem 1rem; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .about-section {
    min-height: auto;
    padding: 6rem 2rem; }
    .about-section h1 {
      font-size: 1.375rem; }
    .about-section p {
      font-size: 1rem; }

  .about-intro h1 {
    padding: 1.25rem 0.5rem; }

  .about-dive-deep .box {
    max-width: 500px;
    padding: 3rem; }

  .about-connect {
    margin: 2rem 0; } }
.header-container .header {
  margin-bottom: 1rem;
  line-height: 30px; }

.celebrity-subheader {
  text-transform: none;
  letter-spacing: normal;
  font-size: 1.2rem;
  font-family: 'Mate'; }

.single-celebrity-chart-breadcrumbs-container .single-celebrity-chart-breadcrumbs {
  margin-bottom: 35px; }
  .single-celebrity-chart-breadcrumbs-container .single-celebrity-chart-breadcrumbs a {
    text-decoration: underline;
    color: #181F3D; }
    .single-celebrity-chart-breadcrumbs-container .single-celebrity-chart-breadcrumbs a:hover {
      color: #979EBA; }
  .single-celebrity-chart-breadcrumbs-container .single-celebrity-chart-breadcrumbs span span a:first-of-type {
    padding-right: 8px; }
  .single-celebrity-chart-breadcrumbs-container .single-celebrity-chart-breadcrumbs span span a:not(:first-of-type) {
    padding: 8px; }
  .single-celebrity-chart-breadcrumbs-container .single-celebrity-chart-breadcrumbs span span span {
    padding: 8px; }

.breadcrumbs {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #979EBA; }
  .breadcrumbs a {
    text-decoration: underline;
    color: #181F3D; }
    .breadcrumbs a:hover {
      color: #979EBA; }
  .breadcrumbs span span a:first-of-type {
    padding-right: 8px; }
  .breadcrumbs span span a:not(:first-of-type) {
    padding: 8px; }
  .breadcrumbs span span span {
    padding: 8px; }

.header-section {
  margin: 0 auto 2rem auto;
  max-width: 1300px; }
  .header-section .header {
    margin-bottom: 1rem;
    line-height: 30px; }

.content-body {
  max-width: 1300px;
  margin: 0 auto; }

.celebrity-title {
  display: flex;
  padding: 0 0 20px 0;
  justify-content: space-between; }
  .celebrity-title .celebrity-birth-info {
    text-transform: uppercase;
    color: #979eba;
    float: right;
    max-width: 75%;
    text-align: right; }
  .celebrity-title .sun-sign {
    color: #979EBA;
    font-size: 1rem; }

.celebrity-info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 35px; }
  .celebrity-info-item {
    border-left: 1px solid #253362;
    background: linear-gradient(180deg, rgba(150, 159, 191, 0.1) 0%, rgba(150, 159, 191, 0) 100%);
    width: calc(25% - 6px);
    padding: 7px 13px 2px 13px; }
    @media screen and (max-width: 768px) {
      .celebrity-info-item {
        width: calc(50% - 6px); } }
  .celebrity-info-title {
    color: #979EBA;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 167.9%;
    text-transform: capitalize; }
  .celebrity-info-value {
    color: #181F3D;
    font-family: 'Khand', sans-sarif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.071px; }

.celebrity-bio {
  margin-bottom: 1.5rem; }
  .celebrity-bio p {
    line-height: 1.5rem; }

.celebrity-chart-container {
  text-align: center; }
  .celebrity-chart-container .celebrity-birth-chart-graph {
    width: 50%; }

.related-content-container + .related-content-container {
  margin-top: 30px; }
.related-content-container .related-post-tile {
  padding: 10px 30px;
  display: inline-block;
  border: 1px solid gray;
  margin: 5px auto;
  color: #181F3D; }
  .related-content-container .related-post-tile:hover {
    color: white;
    background-color: #181f3d;
    transition: background-color 0.5s ease; }

.content-container {
  margin-bottom: 2rem; }
  .content-container p:not(:first-of-type) {
    margin-top: 1rem; }

.explore-more-celebrities {
  width: 100%;
  border: 1px solid #EBECE9;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  padding: 15px 30px 20px;
  background-color: #fff; }
  .explore-more-celebrities.top {
    margin-top: 0rem; }
  .explore-more-celebrities h2 {
    margin-left: -10px; }
  .explore-more-celebrities .explore-more-buttons-container {
    margin-left: -10px;
    max-width: 100%; }

.explore-similar-types {
  padding: 1rem 0;
  border-top: 1px solid #979EBA;
  border-bottom: 1px solid #979EBA; }
  .explore-similar-types h3 {
    margin-bottom: 4px; }

.learn-more {
  width: 100%;
  text-transform: uppercase; }

.celebrity-zodiac-sign-title {
  margin-bottom: 1.5rem; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .header-section .header {
    line-height: 30px; }
  .header-section .breadcrumbs {
    line-height: 25px; }

  .celebrity-chart-container .celebrity-birth-chart-graph {
    width: 60%; }

  .related-content-container .related-post-tile {
    width: 100%;
    text-align: center; }

  .learn-more {
    text-align: center; } }
.personality-wrapper .personality-сta {
  margin-top: 20px;
  background-color: transparent;
  color: #181f3d;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Khand', sans-sarif;
  letter-spacing: 1.07px;
  position: relative;
  display: inline-block;
  padding: 0;
  border: 0; }
  @media screen and (max-width: 575px) {
    .personality-wrapper .personality-сta {
      padding-right: 10px; } }
  .personality-wrapper .personality-сta-btn {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 100%;
    top: 0;
    cursor: pointer; }
    @media screen and (max-width: 575px) {
      .personality-wrapper .personality-сta-btn {
        left: calc(100% - 10px); } }
    .personality-wrapper .personality-сta-btn:after {
      content: '';
      position: absolute;
      width: 7px;
      height: 7px;
      top: 2px;
      transform: rotate(45deg);
      border: 2px solid #979eba;
      border-left: 0;
      border-top: 0;
      left: 5px;
      transition: 0.2s ease;
      pointer-events: none; }
    .personality-wrapper .personality-сta-btn.rotate:after {
      transform: rotate(-135deg);
      top: 5px; }
.personality-wrapper .personality-post-content {
  padding-top: 10px;
  opacity: 1;
  line-height: 1.56; }
  .personality-wrapper .personality-post-content p + p {
    margin-top: 20px; }
  .personality-wrapper .personality-post-content.hidden {
    display: none; }
  .personality-wrapper .personality-post-content .read-more {
    color: #979eba;
    position: relative;
    cursor: pointer;
    text-decoration: underline; }
    .personality-wrapper .personality-post-content .read-more:hover {
      text-decoration: none; }
    .personality-wrapper .personality-post-content .read-more:after {
      content: '';
      position: absolute;
      left: calc(100% + 2px);
      width: 18px;
      bottom: 4px;
      height: 10px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.816 5.806h13.945l-2.864 2.816a.8.8 0 0 0-.003 1.14.824.824 0 0 0 1.155.003l4.265-4.193a.8.8 0 0 0 .001-1.143L13.05.235a.823.823 0 0 0-1.155.003.8.8 0 0 0 .003 1.14l2.864 2.816H.816A.811.811 0 0 0 0 5c0 .445.365.806.816.806z' fill='%23979EBA'/%3E%3C/svg%3E"); }

.celebrity-ads {
  background: linear-gradient(319deg, #a1a9c8 203%, #838cae 13%);
  color: #fff;
  padding: 47px 37px 37px;
  margin-top: 50px; }
  @media screen and (max-width: 768px) {
    .celebrity-ads {
      padding: 56px 22px 40px; } }
  .celebrity-ads-title {
    font-size: 36px;
    font-family: 'Khand', sans-sarif;
    margin: 0 0 15px;
    font-weight: 500;
    line-height: 1.03; }
    @media screen and (max-width: 768px) {
      .celebrity-ads-title {
        font-size: 31px; } }
  .celebrity-ads-text {
    font-size: 18px;
    margin: 0 0 24px;
    line-height: 1.54; }
  .celebrity-ads .btn {
    width: 100%;
    letter-spacing: 1.61px;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500; }

.celebrity-calculate {
  background-image: linear-gradient(319deg, #5e698e 203%, #a1a8c8 13%);
  padding: 47px 37px 37px;
  color: #fff;
  position: relative;
  max-width: 630px;
  margin-top: 40px; }
  @media screen and (max-width: 575px) {
    .celebrity-calculate {
      padding: 56px 25px 32px; } }
  .celebrity-calculate:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='231' height='124' viewBox='0 0 231 124' fill='none' style='&%2310;'%3E%3Cmask id='x2jab92gaa' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='231' height='124'%3E%3Cpath fill='%23D9D9D9' d='M0 0h231v124H0z'/%3E%3C/mask%3E%3Cg opacity='.32' mask='url(%23x2jab92gaa)'%3E%3Cpath clip-rule='evenodd' d='M186.888 15.085c0 17.565-14.238 31.803-31.803 31.803s-31.804-14.238-31.804-31.803S137.52-16.72 155.085-16.72c17.565 0 31.803 14.239 31.803 31.804z' stroke='%23fff' stroke-width='.859'/%3E%3Cmask id='ml4o78w07b' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='189' y='72' width='15' height='12'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M193.496 73.159c.663.361 1.119.913 1.369 1.657l.007.008a.032.032 0 0 1 .008.023l1.795 6.844 1.825-6.906v-.023c0-.006.005-.013.015-.024.25-.733.714-1.27 1.392-1.61a2.6 2.6 0 0 1 2.094-.14c.699.238 1.22.703 1.564 1.394.344.692.411 1.399.202 2.122-.09.289-.215.557-.374.805-.16.248-.354.464-.584.65a.43.43 0 0 1-.359.109.54.54 0 0 1-.329-.186.537.537 0 0 1 .09-.712c.15-.124.279-.266.389-.426.11-.16.189-.333.239-.52.14-.474.095-.936-.134-1.385-.23-.449-.569-.751-1.018-.906a1.701 1.701 0 0 0-1.354.1c-.444.223-.75.566-.92 1.03l-2.169 8.223a.499.499 0 0 1-.172.255.458.458 0 0 1-.292.101h-.239a.456.456 0 0 1-.292-.1.495.495 0 0 1-.172-.272l-2.14-8.144a1.807 1.807 0 0 0-.898-1.061c-.438-.233-.882-.281-1.331-.147-.24.072-.451.19-.636.356a2.068 2.068 0 0 0-.456.588c-.11.227-.172.467-.187.72-.015.253.017.504.097.751.06.166.14.32.239.465.1.144.22.268.359.371a.524.524 0 0 1 .09.712.456.456 0 0 1-.322.179.448.448 0 0 1-.351-.1 2.516 2.516 0 0 1-.561-.581 2.944 2.944 0 0 1-.367-.72 3.083 3.083 0 0 1-.142-1.146c.025-.393.122-.764.292-1.115a2.73 2.73 0 0 1 1.676-1.44c.708-.227 1.393-.16 2.057.201z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23ml4o78w07b)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M182.77 66.13h27.812v24.208H182.77V66.13z' fill='%23fff'/%3E%3C/g%3E%3Cmask id='8dmozm573c' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='226' y='9' width='11' height='13'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M226.939 9.652c.061 0 .121.06.181.06.06.06.12.12.12.18a4.84 4.84 0 0 0 1.803 1.503c.721.36 1.502.54 2.343.54s1.622-.18 2.343-.54a4.847 4.847 0 0 0 1.803-1.503c.06-.06.12-.06.18-.12.12-.06.181-.06.241-.06l.276.001c.05.004.108.023.204.12.06 0 .06.06.121.12 0 0 .06.12.06.18v.24c-.06.06-.06.12-.121.24-.36.421-.781.782-1.201 1.142-.421.3-.902.601-1.382.781v6.43c.48.18.961.48 1.382.78.48.301.841.722 1.201 1.143.061.06.061.12.181.12v.24c0 .06 0 .12-.06.18 0 .06-.06.12-.121.18-.06 0-.12.06-.18.06-.06.06-.12.06-.18.06h-.06c-.12 0-.18 0-.241-.06-.12 0-.12-.06-.18-.12a5.567 5.567 0 0 0-1.863-1.502 5.166 5.166 0 0 0-2.343-.54c-.841 0-1.622.18-2.343.54a4.847 4.847 0 0 0-1.803 1.502c-.06.12-.12.12-.18.18-.06 0-.12.06-.181.06h-.24c-.06-.06-.12-.06-.18-.12-.12-.06-.12-.12-.18-.18 0-.06-.061-.12-.061-.18v-.24c.061-.06.061-.12.181-.12.3-.421.721-.782 1.141-1.142.421-.36.902-.6 1.382-.841v-6.43c-.48-.24-.961-.54-1.382-.84-.48-.301-.841-.722-1.201-1.143-.06-.06-.06-.12-.121-.18v-.24c0-.06.061-.12.061-.24.06-.06.12-.06.18-.12s.12-.06.18-.12h.24zm5.889 3.185c-.901.18-1.863.18-2.704 0v5.708c.18-.06.421-.12.601-.12.24-.06.481-.06.721-.06.241 0 .481.06.721.06.241.06.481.06.661.12v-5.708z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%238dmozm573c)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M219.584 2.957h23.786v25.529h-23.786V2.956z' fill='%23fff'/%3E%3C/g%3E%3Cmask id='466v8rb6gd' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='213' y='44' width='16' height='13'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M227.86 44.849c.147 0 .274.055.381.165.108.11.161.24.161.391a.54.54 0 0 1-.161.392.513.513 0 0 1-.381.165c-.7 0-1.31.139-1.83.417-.52.278-1.028.748-1.525 1.409-.215.29-.424.536-.627.739a3.563 3.563 0 0 1-.644.513 4.207 4.207 0 0 1 1.499 1.54c.368.643.551 1.341.551 2.095 0 .58-.107 1.125-.322 1.635a4.155 4.155 0 0 1-2.186 2.226c-.497.22-1.022.33-1.576.33-.565 0-1.096-.11-1.593-.33a4.23 4.23 0 0 1-1.305-.896 4.188 4.188 0 0 1-1.203-2.965c0-.754.181-1.45.543-2.087a4.2 4.2 0 0 1 1.474-1.53 3.854 3.854 0 0 1-.661-.522 5.678 5.678 0 0 1-.627-.73c-.418-.639-.893-1.105-1.423-1.4-.531-.297-1.158-.444-1.882-.444a.53.53 0 0 1-.381-.157.535.535 0 0 1-.161-.4c0-.15.054-.281.161-.391a.516.516 0 0 1 .381-.165c.916 0 1.715.185 2.398.556.684.371 1.285.95 1.805 1.74.35.486.715.831 1.093 1.034.379.203.839.304 1.381.304.52 0 .961-.101 1.322-.304.362-.203.734-.56 1.119-1.07.61-.788 1.248-1.362 1.914-1.721.667-.36 1.435-.54 2.305-.54zm-6.66 4.748c-.825 0-1.531.301-2.119.904a3.005 3.005 0 0 0-.881 2.174c0 .847.294 1.571.881 2.174.588.603 1.294.904 2.119.904.813 0 1.513-.301 2.101-.904a3.005 3.005 0 0 0 .881-2.174c0-.846-.294-1.571-.881-2.174-.588-.603-1.288-.904-2.101-.904z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23466v8rb6gd)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M207.285 38.153h27.812v25.41h-27.812v-25.41z' fill='%23fff'/%3E%3C/g%3E%3Cmask id='a03cu1d2le' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='149' y='84' width='14' height='12'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M161.811 84.41c.126.06.189.184.252.307.063.124.063.247 0 .432-.063.123-.126.246-.315.246-.63.247-1.196.74-1.7 1.418a5 5 0 0 0-.818 2.403h3.147v.062c.126 0 .252.061.378.185.126.123.126.185.126.308s-.063.246-.126.37c-.126.123-.189.184-.378.184h-3.084c.063.863.378 1.665.818 2.404.441.678 1.007 1.171 1.7 1.418a.486.486 0 0 1 .252.246c.063.123.063.246 0 .431-.063.124-.126.247-.252.308a.41.41 0 0 1-.378 0 4.805 4.805 0 0 1-1.196-.739 4.056 4.056 0 0 1-.944-1.11c-.252-.43-.504-.862-.693-1.417-.188-.554-.314-1.047-.314-1.602h-4.029c-.063.555-.189 1.048-.315 1.602-.189.493-.378.986-.692 1.418-.252.431-.63.8-.945 1.109-.314.308-.755.555-1.196.74h-.125c-.126 0-.189-.062-.315-.124-.063-.061-.126-.123-.189-.246v-.185c0-.062 0-.123.063-.185 0-.062.063-.123.126-.185.063-.061.126-.061.189-.123.629-.247 1.196-.74 1.699-1.418.504-.677.756-1.479.819-2.403h-3.211c-.126 0-.252-.062-.378-.185-.062 0-.125-.123-.125-.308s.063-.247.125-.37c.063-.123.189-.185.378-.185h3.085a4.778 4.778 0 0 0-.819-2.342c-.503-.74-1.007-1.17-1.636-1.417-.063 0-.126-.062-.189-.123-.063-.062-.126-.062-.126-.185 0-.062-.063-.124-.063-.185v-.185a.75.75 0 0 1 .315-.308.407.407 0 0 1 .377 0c.441.123.819.37 1.196.678.378.308.693.678.945 1.109.251.431.503.863.692 1.418a4.54 4.54 0 0 1 .315 1.602h4.029c.063-.555.126-1.048.314-1.603.189-.554.378-.986.693-1.417.252-.431.629-.801.944-1.11a4.802 4.802 0 0 1 1.196-.739.41.41 0 0 1 .378 0z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a03cu1d2le)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M142.966 77.667h26.611v24.207h-26.611V77.667z' fill='%23fff'/%3E%3C/g%3E%3Cmask id='z592drbrif' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='111' y='78' width='16' height='9'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M122.272 83.045c.456 0 .829.1 1.119.299.289.199.601.509.935.929.268.332.482.55.643.655.162.105.354.158.577.158a.523.523 0 0 1 .534.53c0 .156-.05.285-.15.39a.507.507 0 0 1-.384.158c-.457 0-.83-.1-1.119-.299-.29-.199-.602-.508-.936-.928-.267-.332-.482-.55-.643-.656a1.032 1.032 0 0 0-.576-.157c-.234 0-.429.052-.585.157-.156.105-.373.324-.651.655-.334.42-.646.73-.936.93-.289.199-.662.298-1.119.298-.457 0-.83-.1-1.119-.299-.29-.199-.602-.508-.936-.928-.278-.332-.495-.55-.651-.656a1.024 1.024 0 0 0-.585-.157c-.222 0-.415.052-.576.157-.162.105-.376.324-.643.655-.334.42-.646.73-.936.93-.289.199-.662.298-1.119.298a.507.507 0 0 1-.384-.157.544.544 0 0 1-.15-.39.523.523 0 0 1 .534-.531c.234 0 .429-.053.585-.158.156-.105.367-.323.635-.655.334-.42.646-.73.935-.93.29-.198.663-.298 1.119-.298.468 0 .844.1 1.128.299.284.199.598.509.944.929.267.332.478.55.634.655.156.105.351.158.585.158.234 0 .429-.053.585-.158.156-.105.367-.323.634-.655.346-.42.66-.73.944-.93.284-.198.66-.298 1.128-.298zm0-4.894c.456 0 .829.1 1.119.298.289.2.601.51.935.93.268.331.482.55.643.655.162.105.354.157.577.157.156 0 .284.053.384.158.1.105.15.235.15.39a.524.524 0 0 1-.534.53c-.457 0-.83-.099-1.119-.298-.29-.199-.602-.509-.936-.929-.267-.332-.482-.55-.643-.655a1.032 1.032 0 0 0-.576-.158c-.234 0-.429.053-.585.158-.156.105-.373.323-.651.655-.334.42-.646.73-.936.93-.289.198-.662.298-1.119.298-.457 0-.83-.1-1.119-.299-.29-.199-.602-.509-.936-.929-.278-.332-.495-.55-.651-.655a1.024 1.024 0 0 0-.585-.158c-.222 0-.415.053-.576.158-.162.105-.376.323-.643.655-.334.42-.646.73-.936.93-.289.198-.662.298-1.119.298a.524.524 0 0 1-.534-.531c0-.155.05-.285.15-.39a.507.507 0 0 1 .384-.157c.234 0 .429-.053.585-.158.156-.105.367-.324.635-.656.334-.42.646-.73.935-.929.29-.199.663-.298 1.119-.298.468 0 .844.1 1.128.298.284.2.598.51.944.93.267.331.478.55.634.655.156.105.351.157.585.157.234 0 .429-.052.585-.157.156-.105.367-.324.634-.656.346-.42.66-.73.944-.929.284-.199.66-.298 1.128-.298z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23z592drbrif)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M105.186 71.455h27.59V92.86h-27.59V71.455z' fill='%23fff'/%3E%3C/g%3E%3Cmask id='nbqqwb09lg' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='82' y='49' width='15' height='15'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M89.17 49.464c.694 0 1.288.234 1.782.703.494.468.74 1.036.74 1.702v6.166c.142-.204.292-.396.45-.576.16-.181.333-.322.521-.424.53-.316 1-.463 1.412-.44.411.023.746.096 1.005.22.459.203.83.514 1.112.932.282.417.44.801.476 1.151.047.305.012.664-.106 1.076a2.865 2.865 0 0 1-.653 1.144c-.2.214-.488.429-.864.643-.377.215-.87.322-1.482.322-.259 0-.644-.05-1.156-.152a2.343 2.343 0 0 1-1.314-.763 8.88 8.88 0 0 1-1.262 1.525c-.488.474-1.061.711-1.72.711-.176 0-.353-.02-.53-.06a3.777 3.777 0 0 1-.528-.16.705.705 0 0 1-.186-.127.446.446 0 0 1-.114-.178.446.446 0 0 1 .017-.423.411.411 0 0 1 .124-.178.553.553 0 0 1 .194-.11.722.722 0 0 1 .22-.034c.077 0 .144.017.203.05.553.249 1.062.162 1.526-.262.465-.423.974-1.098 1.527-2.024v-8.029c0-.361-.136-.672-.406-.932s-.6-.39-.988-.39c-.377 0-.7.13-.97.39-.271.26-.406.57-.406.932v8.537a.503.503 0 0 1-.168.39.57.57 0 0 1-.397.152c-.165 0-.3-.05-.406-.152a.516.516 0 0 1-.158-.39v-8.537c0-.361-.136-.672-.406-.932s-.6-.39-.988-.39c-.377 0-.7.13-.97.39-.271.26-.412.57-.424.932a.544.544 0 0 1-.565.559.554.554 0 0 1-.397-.16.53.53 0 0 1-.167-.399c0-.666.247-1.234.74-1.702a2.497 2.497 0 0 1 1.783-.703c.376 0 .735.076 1.076.228.341.153.63.37.864.652a2.61 2.61 0 0 1 1.958-.88zm4.78 8.24c-.223.028-.458.11-.705.245-.188.125-.406.379-.653.763s-.482.768-.706 1.152l-.14.22c.093.305.293.533.599.686.306.152.712.228 1.217.228.318 0 .6-.047.847-.143.247-.096.459-.246.635-.45.224-.236.368-.488.433-.753.064-.266.085-.472.061-.618-.023-.17-.12-.387-.29-.652a1.542 1.542 0 0 0-.662-.585c-.2-.09-.412-.121-.635-.093z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23nbqqwb09lg)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M76.052 42.768h27.332V70.1H76.052V42.768z' fill='%23fff'/%3E%3C/g%3E%3Cmask id='5fca8c5hph' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='71' y='11' width='15' height='15'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M84.543 11.969c.165 0 .307.06.427.18s.181.261.181.425v6.053a.597.597 0 0 1-.171.426.576.576 0 0 1-.437.18.585.585 0 0 1-.427-.18.58.58 0 0 1-.18-.426V14.05l-6.933 6.885 2.374 2.364c.114.114.171.255.171.426 0 .17-.057.312-.17.425a.646.646 0 0 1-.21.142.589.589 0 0 1-.228.047.637.637 0 0 1-.246-.047.472.472 0 0 1-.19-.142l-2.374-2.326-3.856 3.915a.532.532 0 0 1-.209.132.777.777 0 0 1-.475 0 .532.532 0 0 1-.209-.132.86.86 0 0 1-.123-.208.585.585 0 0 1-.047-.227.632.632 0 0 1 .17-.435l3.875-3.916-2.374-2.364a.938.938 0 0 1-.124-.198.585.585 0 0 1 0-.463.86.86 0 0 1 .124-.209.863.863 0 0 1 .209-.123.591.591 0 0 1 .228-.047.78.78 0 0 1 .247.038c.076.025.139.069.19.132l2.374 2.364 6.932-6.904h-4.596a.602.602 0 0 1-.428-1.03c.12-.12.263-.18.428-.18h6.077z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%235fca8c5hph)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M64.515 5.273h27.332v27.332H64.515V5.273z' fill='%23fff'/%3E%3C/g%3E%3Cpath d='m199.914 56.327.301.308.005-.005.005-.005-.311-.298zm-.007.006-.301-.308-.006.005-.005.006.312.297zm-27.761 16.954-.122-.413h-.001l.123.413zm-32.576.913-.099.42.099-.42zm-28.676-15.355.295-.314-.295.314zM93.788 31.301l.413-.125-.413.125zM92.867-1.02l-.42-.1.42.1zm15.482-28.452-.303-.306-.008.008.311.298zm.007-.006.304.306.008-.009-.312-.297zm27.761-16.954.122.413h.001l-.123-.413zm32.576-.913.099-.42-.099.42zm28.676 15.354-.295.314.295-.314zm17.107 27.545-.413.125.413-.125zm.92 32.32.42.101-.42-.1zM174.967-73.552l-.099.42.099-.42zM66.467-7.245l.42.1-.42-.1zm66.829 107.653-.099.419.099-.419zM241.797 34.1l.419.1-.419-.1zM199.612 56.02l-.006.006.602.617.007-.007-.603-.616zm-.017.017a62.9 62.9 0 0 1-27.571 16.838l.245.826a63.766 63.766 0 0 0 27.95-17.069l-.624-.595zm-27.572 16.838c-10.176 3.033-21.274 3.52-32.354.907l-.198.839c11.23 2.647 22.481 2.155 32.798-.92l-.246-.826zm-32.354.907c-11.079-2.613-20.766-7.998-28.48-15.25l-.59.628c7.822 7.354 17.643 12.813 28.872 15.46l.198-.838zm-28.48-15.25a62.3 62.3 0 0 1-16.988-27.355l-.826.25A63.163 63.163 0 0 0 110.6 59.158l.59-.628zM94.2 31.176C91.144 21.08 90.654 10.078 93.286-.92l-.839-.2c-2.668 11.15-2.171 22.308.928 32.545l.825-.25zM93.286-.92c2.64-10.998 8.067-20.607 15.375-28.254l-.623-.596c-7.411 7.754-12.915 17.499-15.59 28.65l.838.2zm15.367-28.246.006-.006-.607-.612-.006.006.607.612zm.015-.015a62.9 62.9 0 0 1 27.571-16.838l-.245-.827a63.767 63.767 0 0 0-27.95 17.07l.624.595zm27.572-16.838c10.176-3.033 21.274-3.519 32.354-.907l.198-.839c-11.23-2.647-22.481-2.155-32.798.92l.246.826zm32.354-.907c11.079 2.612 20.766 7.998 28.48 15.25l.59-.629c-7.822-7.352-17.643-12.812-28.872-15.46l-.198.84zm28.48 15.25a62.314 62.314 0 0 1 16.989 27.355l.825-.25a63.176 63.176 0 0 0-17.224-27.734l-.59.629zm16.989 27.355c3.056 10.095 3.546 21.098.914 32.095l.839.2c2.668-11.148 2.171-22.307-.928-32.545l-.825.25zm.914 32.095c-2.639 10.999-8.067 20.608-15.375 28.255l.623.596c7.411-7.755 12.915-17.5 15.591-28.65l-.839-.201zM175.066-73.971C126.385-85.451 77.62-55.653 66.048-7.346l.839.201c11.46-47.84 59.757-77.36 107.981-65.987l.198-.84zM66.048-7.346c-11.572 48.31 18.467 96.693 67.149 108.173l.198-.839C85.172 88.616 55.426 40.694 66.886-7.145l-.838-.2zm67.149 108.173c48.681 11.48 97.447-18.319 109.019-66.626l-.838-.201c-11.461 47.84-59.759 77.361-107.983 65.988l-.198.839zm109.019-66.626c11.572-48.309-18.468-96.693-67.15-108.172l-.198.839C223.092-61.761 252.837-13.84 241.378 34l.838.2z' fill='%23fff'/%3E%3Cpath d='m139.711 74.7-6.704 26.748M180.89 98.63l-8.45-25.349M220.322 74.69 200.606 56.38M242.1 35.764l-26.679-7.549M92.166 1.457 66.163-4.616M93.574 32.44l-25.35 8.45M111.883 60.606 93.575 80.323' stroke='%23fff' stroke-width='.862' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m117.38 64.831-1.138-2.817' stroke='%23fff' stroke-width='.675' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M114.699 59.198 96.391 5.682' stroke='%23fff' stroke-width='.373' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='3.7 3.7'/%3E%3Cpath d='M94.848 2.865 93.71.05M116.433 64.831l.758-2.817' stroke='%23fff' stroke-width='.675' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m118.924 57.79 21.125-99.99M110.475-18.26l88.724 73.233' stroke='%23fff' stroke-width='.373' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='3.7 3.7'/%3E%3Cpath d='m116.108 64.259 2.817-.264' stroke='%23fff' stroke-width='.675' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m123.15 63.423 71.362-7.47' stroke='%23fff' stroke-width='.373' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='3.68 3.68'/%3E%3Cpath d='m103.432-11.218 12.675 73.232' stroke='%23fff' stroke-width='.373' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='3.7 3.7'/%3E%3Cpath d='m116.521 62.015.58 2.816' stroke='%23fff' stroke-width='.675' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    width: 231px;
    height: 124px;
    z-index: 1; }
    @media screen and (max-width: 575px) {
      .celebrity-calculate:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='174' height='152' viewBox='0 0 174 152' fill='none'%3E%3Cmask id='lk0j278f5a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='174' height='152'%3E%3Cpath fill='%23D9D9D9' d='M0 0h174v152H0z'/%3E%3C/mask%3E%3Cg opacity='.32' mask='url(%23lk0j278f5a)'%3E%3Cpath clip-rule='evenodd' d='M155.177-8.406c0 16.891-13.692 30.584-30.584 30.584S94.008 8.485 94.008-8.406c0-16.892 13.693-30.585 30.585-30.585 16.892 0 30.584 13.693 30.584 30.585z' stroke='%23fff' stroke-width='.859'/%3E%3Cmask id='lndnlbnmlb' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='157' y='47' width='15' height='11'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M161.532 47.441c.638.348 1.077.88 1.317 1.594l.007.007a.035.035 0 0 1 .007.023l1.726 6.582 1.756-6.642v-.022c0-.005.005-.013.014-.023a2.605 2.605 0 0 1 1.338-1.548 2.503 2.503 0 0 1 2.015-.134c.671.228 1.172.675 1.503 1.34.331.665.396 1.345.194 2.04a3.146 3.146 0 0 1-.359.774 2.663 2.663 0 0 1-.561.626.416.416 0 0 1-.346.104.516.516 0 0 1-.316-.179.517.517 0 0 1 .086-.685c.144-.119.269-.255.374-.41.106-.153.182-.32.23-.498.135-.457.092-.9-.129-1.333-.221-.432-.547-.722-.979-.87a1.636 1.636 0 0 0-1.302.096 1.738 1.738 0 0 0-.885.99l-2.086 7.907a.478.478 0 0 1-.165.246.44.44 0 0 1-.281.097h-.23a.44.44 0 0 1-.281-.097.48.48 0 0 1-.165-.26l-2.058-7.833a1.738 1.738 0 0 0-.863-1.02c-.422-.224-.849-.27-1.28-.142-.231.07-.434.184-.612.343a2.015 2.015 0 0 0-.439.566c-.105.218-.165.449-.18.692-.014.243.017.484.094.722.058.159.134.308.23.447s.211.258.345.357a.501.501 0 0 1 .087.685.439.439 0 0 1-.31.172.432.432 0 0 1-.338-.097 2.428 2.428 0 0 1-.539-.559 2.847 2.847 0 0 1-.353-.692 2.953 2.953 0 0 1 .144-2.174 2.63 2.63 0 0 1 1.612-1.385 2.427 2.427 0 0 1 1.978.194z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23lndnlbnmlb)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M151.217 40.683h26.746v23.279h-26.746v-23.28z' fill='%23fff'/%3E%3C/g%3E%3Cmask id='2z2l4keouc' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='119' y='58' width='14' height='11'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M131.061 58.26c.121.06.181.178.242.297.06.118.06.237 0 .415-.061.118-.121.237-.303.237-.605.237-1.15.711-1.634 1.363a4.795 4.795 0 0 0-.787 2.311h3.026v.06c.122 0 .243.059.364.178.121.118.121.177.121.296 0 .118-.061.237-.121.355-.121.119-.182.178-.364.178h-2.966c.061.83.363 1.6.787 2.312.424.651.969 1.126 1.635 1.363a.47.47 0 0 1 .242.237c.06.118.06.237 0 .415-.061.118-.121.237-.242.296a.395.395 0 0 1-.364 0 4.63 4.63 0 0 1-1.15-.711 3.902 3.902 0 0 1-.908-1.067c-.242-.415-.484-.83-.666-1.363-.181-.534-.302-1.008-.302-1.541h-3.875c-.06.533-.181 1.008-.302 1.54-.182.475-.364.95-.666 1.364-.242.415-.606.77-.908 1.067-.303.296-.727.533-1.151.711h-.121c-.121 0-.181-.06-.302-.118a.822.822 0 0 1-.182-.238v-.177c0-.06 0-.119.061-.178 0-.06.06-.119.121-.178.06-.06.121-.06.181-.118.606-.238 1.15-.712 1.635-1.364.484-.652.726-1.422.787-2.311h-3.088c-.121 0-.242-.06-.363-.178-.06 0-.121-.118-.121-.296s.061-.237.121-.356c.061-.118.182-.178.363-.178h2.967a4.605 4.605 0 0 0-.787-2.252c-.485-.71-.969-1.126-1.574-1.363-.061 0-.121-.06-.182-.118-.06-.06-.121-.06-.121-.178 0-.06-.06-.119-.06-.178v-.178a.718.718 0 0 1 .302-.296.393.393 0 0 1 .363 0c.424.118.787.355 1.151.652.363.296.666.652.908 1.067.242.414.484.83.666 1.363.181.474.302 1.007.302 1.54h3.875c.06-.533.121-1.007.302-1.54.182-.534.363-.949.666-1.363.242-.415.606-.77.908-1.067a4.63 4.63 0 0 1 1.15-.711.395.395 0 0 1 .364 0z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%232z2l4keouc)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M112.939 51.777h25.59v23.28h-25.59v-23.28z' fill='%23fff'/%3E%3C/g%3E%3Cmask id='uv47mb7hsd' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='83' y='52' width='14' height='8'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M93.038 56.949c.439 0 .798.095 1.076.287.278.191.578.49.9.893.257.32.463.53.618.63.155.102.34.152.554.152.15 0 .273.05.37.152.096.1.144.22.144.359a.522.522 0 0 1-.144.375.488.488 0 0 1-.37.151c-.439 0-.798-.096-1.076-.287-.278-.192-.578-.49-.9-.894-.256-.319-.463-.529-.618-.63a.994.994 0 0 0-.554-.151.984.984 0 0 0-.562.151c-.15.101-.36.311-.627.63-.321.405-.621.702-.9.894-.278.191-.637.287-1.076.287-.439 0-.798-.096-1.076-.287-.278-.192-.578-.49-.9-.894-.267-.319-.476-.529-.626-.63a.985.985 0 0 0-.562-.151.994.994 0 0 0-.555.151c-.155.101-.361.311-.618.63-.321.405-.621.702-.9.894-.278.191-.637.287-1.076.287a.489.489 0 0 1-.37-.151.522.522 0 0 1-.144-.375.503.503 0 0 1 .514-.511c.225 0 .412-.05.562-.151.15-.102.354-.312.61-.63.322-.405.622-.703.9-.894.279-.192.637-.287 1.077-.287.45 0 .81.095 1.084.287.273.191.576.49.908.893.257.32.46.53.61.63.15.102.337.152.562.152.225 0 .412-.05.563-.151.15-.102.353-.312.61-.63.332-.405.634-.703.907-.894.274-.192.635-.287 1.085-.287zm0-4.707c.439 0 .798.096 1.076.287.278.192.578.49.9.894.257.319.463.529.618.63.155.1.34.151.554.151.15 0 .273.05.37.152a.522.522 0 0 1 .144.375.502.502 0 0 1-.514.51c-.439 0-.798-.095-1.076-.287-.278-.191-.578-.489-.9-.893-.257-.32-.463-.53-.618-.63a.993.993 0 0 0-.554-.152.984.984 0 0 0-.563.152c-.15.1-.358.31-.626.63-.321.404-.621.702-.9.893-.278.192-.637.288-1.076.288-.439 0-.798-.096-1.076-.288-.278-.191-.578-.489-.9-.893-.267-.32-.476-.53-.626-.63a.984.984 0 0 0-.562-.152.993.993 0 0 0-.555.152c-.155.1-.361.31-.618.63-.321.404-.621.702-.9.893-.278.192-.637.288-1.076.288a.502.502 0 0 1-.514-.51c0-.15.048-.275.145-.376a.488.488 0 0 1 .37-.152c.224 0 .411-.05.561-.151.15-.101.354-.311.61-.63.322-.405.622-.702.9-.894.279-.191.637-.287 1.077-.287.45 0 .81.096 1.084.287.273.192.575.49.907.894.257.319.461.529.61.63.15.1.338.151.563.151.225 0 .412-.05.562-.151.15-.101.354-.311.61-.63.333-.405.635-.702.909-.894.273-.191.634-.287 1.084-.287z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23uv47mb7hsd)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M76.608 45.803h26.532v20.584H76.608V45.803z' fill='%23fff'/%3E%3C/g%3E%3Cmask id='v0w2lt41xe' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='55' y='24' width='14' height='15'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M61.205 24.655a2.4 2.4 0 0 1 1.714.676c.475.45.713.996.713 1.637v5.929c.135-.195.28-.38.432-.554.153-.174.32-.31.5-.407.51-.304.962-.445 1.358-.424.396.022.718.093.967.212.441.196.798.494 1.07.896.27.402.423.771.457 1.108.046.293.011.638-.102 1.034a2.754 2.754 0 0 1-.627 1.1c-.193.206-.47.412-.832.619-.362.206-.837.31-1.425.31-.249 0-.62-.05-1.111-.147a2.253 2.253 0 0 1-1.264-.733 8.538 8.538 0 0 1-1.213 1.466c-.47.456-1.021.684-1.655.684-.17 0-.339-.02-.509-.057-.17-.038-.339-.09-.509-.155a.677.677 0 0 1-.178-.122.429.429 0 0 1-.11-.171.43.43 0 0 1 .017-.407.396.396 0 0 1 .119-.172.531.531 0 0 1 .186-.105.693.693 0 0 1 .212-.033c.074 0 .139.016.196.049.531.239 1.02.155 1.467-.253.447-.407.936-1.056 1.468-1.946v-7.721c0-.348-.13-.646-.39-.896a1.32 1.32 0 0 0-.95-.375 1.3 1.3 0 0 0-.934.375c-.26.25-.39.548-.39.896v8.21a.484.484 0 0 1-.161.374.548.548 0 0 1-.382.147.54.54 0 0 1-.39-.147.497.497 0 0 1-.153-.374v-8.21c0-.348-.13-.646-.39-.896a1.321 1.321 0 0 0-.95-.375 1.3 1.3 0 0 0-.933.375c-.26.25-.396.548-.408.896a.523.523 0 0 1-.543.537.533.533 0 0 1-.381-.154.51.51 0 0 1-.162-.383c0-.641.238-1.187.713-1.637a2.401 2.401 0 0 1 1.714-.676c.362 0 .707.073 1.035.22.328.146.605.355.831.627.238-.272.52-.48.848-.627.328-.147.673-.22 1.035-.22zm4.597 7.924a1.921 1.921 0 0 0-.678.236c-.181.12-.39.364-.628.733-.237.37-.464.739-.679 1.108l-.135.212c.09.293.282.513.576.66.295.146.685.22 1.171.22.306 0 .577-.047.815-.139.237-.092.44-.236.61-.432.215-.228.354-.47.416-.725s.082-.453.06-.594c-.023-.163-.116-.372-.28-.627a1.482 1.482 0 0 0-.637-.562 1.115 1.115 0 0 0-.61-.09z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23v0w2lt41xe)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.59 18.216h26.284v26.283H48.591V18.216z' fill='%23fff'/%3E%3C/g%3E%3Cmask id='gju2fseamf' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='43' y='-12' width='15' height='15'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M56.755-11.403c.158 0 .295.058.411.173a.558.558 0 0 1 .174.409v5.82a.574.574 0 0 1-.585.583.563.563 0 0 1-.41-.173.559.559 0 0 1-.174-.41v-4.401l-6.667 6.62 2.283 2.275c.11.109.165.245.165.409 0 .164-.055.3-.165.41a.622.622 0 0 1-.2.136.568.568 0 0 1-.22.045.613.613 0 0 1-.237-.045.453.453 0 0 1-.183-.137l-2.283-2.237-3.708 3.765a.513.513 0 0 1-.2.128.75.75 0 0 1-.457 0 .513.513 0 0 1-.201-.128.827.827 0 0 1-.119-.2.56.56 0 0 1-.045-.218.605.605 0 0 1 .164-.419l3.726-3.765-2.283-2.274a.907.907 0 0 1-.119-.19.562.562 0 0 1 0-.446.83.83 0 0 1 .119-.2.83.83 0 0 1 .2-.119.568.568 0 0 1 .22-.045.75.75 0 0 1 .237.036.386.386 0 0 1 .183.128L48.664-3.6l6.667-6.639h-4.42a.579.579 0 0 1-.411-.991.563.563 0 0 1 .41-.173h5.845z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23gju2fseamf)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.495-17.842H63.78V8.442H37.495v-26.284z' fill='%23fff'/%3E%3C/g%3E%3Cpath d='m167.704 31.255.301.308.005-.005.005-.006-.311-.297zm-.007.006-.301-.308-.005.005-.005.005.311.298zm-26.696 16.304-.123-.414.123.414zm-31.328.878-.099.42.099-.42zM82.096 33.676l.295-.314-.295.314zM65.646 7.188l.412-.125-.412.125zm-.886-31.082-.42-.1.42.1zm14.89-27.361-.305-.306-.007.008.311.298zm.005-.006.304.306.008-.009-.311-.297zm26.697-16.305.123.413-.123-.413zm31.328-.878.099-.42-.099.42zm27.577 14.767-.296.313h.001l.295-.314zm16.451 26.488-.413.125.413-.125zm.885 31.082.419.1-.419-.1zm-38.879-97.539-.099.42.099-.42zM39.373-29.88l.419.1-.42-.1zM103.64 73.646l-.099.42.099-.42zM207.982 9.88l.419.1-.419-.1zm-40.58 21.066-.006.007.603.616.006-.006-.603-.617zm-.016.017a60.477 60.477 0 0 1-26.508 16.188l.245.827a61.334 61.334 0 0 0 26.886-16.42l-.623-.595zm-26.508 16.188c-9.784 2.916-20.454 3.384-31.106.873l-.198.839c10.803 2.546 21.625 2.072 31.55-.885l-.246-.827zm-31.106.873c-10.652-2.512-19.964-7.69-27.38-14.662l-.59.628c7.523 7.074 16.97 12.325 27.772 14.873l.198-.84zm-27.38-14.662a59.893 59.893 0 0 1-16.334-26.3l-.825.25a60.757 60.757 0 0 0 16.568 26.679l.59-.629zm-16.334-26.3c-2.938-9.704-3.41-20.282-.88-30.856l-.837-.2c-2.567 10.725-2.09 21.459.892 31.306l.825-.25zm-.88-30.856c2.538-10.574 7.757-19.812 14.783-27.163l-.623-.596c-7.13 7.459-12.423 16.832-14.997 27.558l.838.201zm14.775-27.155.006-.007-.607-.611-.006.006.607.612zm.014-.015a60.474 60.474 0 0 1 26.508-16.189l-.245-.826a61.336 61.336 0 0 0-26.886 16.42l.623.595zm26.508-16.189c9.784-2.915 20.454-3.382 31.106-.871l.198-.84c-10.803-2.546-21.625-2.072-31.55.885l.246.826zm31.106-.871c10.651 2.511 19.964 7.689 27.38 14.66l.591-.628c-7.524-7.073-16.972-12.325-27.773-14.871l-.198.839zm27.381 14.66a59.908 59.908 0 0 1 16.333 26.3l.825-.25a60.77 60.77 0 0 0-16.568-26.678l-.59.629zm16.333 26.3c2.938 9.705 3.409 20.284.879 30.857l.838.2c2.567-10.725 2.089-21.459-.892-31.307l-.825.25zm.879 30.856c-2.538 10.575-7.756 19.813-14.782 27.165l.623.595c7.129-7.459 12.423-16.832 14.997-27.558l-.838-.202zm-38.361-97.857c-46.824-11.042-93.73 17.619-104.86 64.084l.839.2c11.018-45.997 57.456-74.38 103.823-63.445l.198-.84zM38.953-29.981c-11.13 46.466 17.763 93.004 64.588 104.046l.198-.839C57.373 62.292 28.773 16.216 39.792-29.78l-.838-.201zm64.588 104.046c46.824 11.042 93.729-17.62 104.86-64.085l-.838-.2c-11.019 45.997-57.457 74.38-103.824 63.446l-.198.84zM208.401 9.98c11.13-46.465-17.763-93.003-64.588-104.045l-.198.839c46.366 10.933 74.965 57.01 63.948 103.006l.838.2z' fill='%23fff'/%3E%3Cpath d='m109.808 48.924-6.447 25.722M149.409 71.937l-8.126-24.378M187.33 48.913l-18.96-17.606M65.44 8.283 41.062 16.41M83.047 35.37 65.441 54.331' stroke='%23fff' stroke-width='.862' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m88.335 39.433-1.094-2.709' stroke='%23fff' stroke-width='.675' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M85.756 34.016 68.149-17.45' stroke='%23fff' stroke-width='.373' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='3.7 3.7'/%3E%3Cpath d='m87.422 39.433.73-2.709' stroke='%23fff' stroke-width='.675' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m89.818 32.661 20.315-96.157M81.693-40.472l85.322 70.425' stroke='%23fff' stroke-width='.373' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='3.7 3.7'/%3E%3Cpath d='m87.111 38.883 2.709-.253' stroke='%23fff' stroke-width='.675' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m93.882 38.079 68.627-7.184' stroke='%23fff' stroke-width='.373' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='3.68 3.68'/%3E%3Cpath d='m74.92-33.701 12.188 70.425' stroke='%23fff' stroke-width='.373' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='3.7 3.7'/%3E%3Cpath d='m87.507 36.724.558 2.71' stroke='%23fff' stroke-width='.675' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
        width: 174px;
        height: 152px; } }
  .celebrity-calculate-title {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.03;
    letter-spacing: 1.35px;
    max-width: 390px;
    z-index: 2;
    margin: 0 0 15px; }
    @media screen and (max-width: 575px) {
      .celebrity-calculate-title {
        font-size: 31px; } }
  .celebrity-calculate-description {
    font-size: 18px;
    margin-bottom: 23px;
    line-height: 1.54; }
  .celebrity-calculate-btn {
    width: 100%;
    background-color: #181f3d;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.61px;
    font-family: "khand", sans-serif;
    color: #fff;
    padding: 8px;
    display: block;
    text-align: center;
    transition: 0.2s ease; }
    .celebrity-calculate-btn:hover {
      color: #fff;
      background-color: #5d6278; }

.not-found-container {
  margin: 2rem 0 3rem 0; }

.celebrity-widget {
  display: flex;
  gap: 16px; }
  @media screen and (max-width: 767px) {
    .celebrity-widget {
      flex-wrap: wrap; } }
  .celebrity-widget-block {
    margin: 20px auto 100px;
    max-width: 1300px;
    padding-left: 1rem;
    padding-right: 1rem; }
  .celebrity-widget-col {
    padding: 25px 22px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #ebece9;
    background-color: #fff; }
    .celebrity-widget-col-left {
      width: 30%; }
      @media screen and (max-width: 767px) {
        .celebrity-widget-col-left {
          width: 100%; } }
      .celebrity-widget-col-left .square {
        width: calc(50% - 3px); }
        @media screen and (max-width: 992px) {
          .celebrity-widget-col-left .square {
            width: 100%; } }
        @media screen and (max-width: 767px) {
          .celebrity-widget-col-left .square {
            width: calc(50% - 3px); } }
        @media screen and (max-width: 400px) {
          .celebrity-widget-col-left .square {
            width: calc(50% - 3px); } }
    .celebrity-widget-col-right {
      width: 70%; }
      @media screen and (max-width: 767px) {
        .celebrity-widget-col-right {
          width: 100%; } }
  .celebrity-widget-title {
    margin: 0 0 18px;
    font-family: "khand", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px; }
  .celebrity-widget-grid {
    display: flex;
    flex-wrap: wrap; }
    .celebrity-widget-grid--square {
      gap: 12px 6px; }
    .celebrity-widget-grid--hexagon {
      gap: 12px 28px; }
    .celebrity-widget-grid .hexagon {
      font-size: 16px;
      line-height: 32px; }
  .celebrity-widget-single {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px; }
    .celebrity-widget-single .celebrity-widget-title {
      margin-left: -10px;
      font-size: 22px;
      font-weight: 400; }
      @media screen and (max-width: 767px) {
        .celebrity-widget-single .celebrity-widget-title {
          font-size: 20px; } }
    .celebrity-widget-single .celebrity-widget-col {
      padding-left: 14px;
      padding-right: 14px; }
    .celebrity-widget-single .celebrity-widget-col-left,
    .celebrity-widget-single .celebrity-widget-col-right,
    .celebrity-widget-single .celebrity-widget-col-full {
      width: 50%;
      background: #fff;
      border: 1px solid #EBECE9;
      box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
      padding: 15px 30px 30px; }
      @media screen and (max-width: 767px) {
        .celebrity-widget-single .celebrity-widget-col-left,
        .celebrity-widget-single .celebrity-widget-col-right,
        .celebrity-widget-single .celebrity-widget-col-full {
          width: 100%; } }
    .celebrity-widget-single .celebrity-widget-col-full {
      width: 100%; }

.square {
  position: relative;
  height: 30px;
  padding: 0 0.5rem;
  color: #fff;
  text-align: center;
  font-family: "khand", sans-serif;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  background-color: #979eba;
  font-size: 16px;
  line-height: 32px; }
  .square:hover {
    background-color: #5D6277;
    color: #fff; }
  .square--darker {
    background-color: #5D6277; }
    .square--darker:hover {
      color: #fff;
      background-color: #181F3D; }
  .square.empty {
    width: 176px;
    background-color: #DADBE0;
    position: relative; }
    .square.empty:before, .square.empty:after {
      content: '';
      position: absolute;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      top: 0; }
    .square.empty:before {
      border-right: 10px solid #DADBE0;
      left: -10px; }
    .square.empty:after {
      border-left: 10px solid #DADBE0;
      right: -10px; }

.hexagon--lighter:hover {
  background: #5D6277;
  color: #fff; }
  .hexagon--lighter:hover::before {
    border-right-color: #5D6278; }
  .hexagon--lighter:hover::after {
    border-left-color: #5D6278; }
.hexagon--blue {
  background-color: #181F3D;
  color: #fff; }
  .hexagon--blue::before {
    border-right-color: #181F3D; }
  .hexagon--blue::after {
    border-left-color: #181F3D; }
  .hexagon--blue:hover {
    background: #5D6277;
    color: #fff; }
    .hexagon--blue:hover::before {
      border-right-color: #5D6278; }
    .hexagon--blue:hover::after {
      border-left-color: #5D6278; }
.hexagon.empty {
  width: 176px;
  background-color: #DADBE0;
  position: relative; }
  .hexagon.empty:before, .hexagon.empty:after {
    content: '';
    position: absolute;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    top: 0; }
  .hexagon.empty:before {
    border-right: 10px solid #DADBE0;
    left: -10px; }
  .hexagon.empty:after {
    border-left: 10px solid #DADBE0;
    right: -10px; }

@media screen and (max-width: 767px) {
  .single .more-btns {
    text-align: left; } }

.archive-title,
.article-title,
.single-title {
  margin-bottom: 20px; }
  @media screen and (max-width: 575px) {
    .archive-title,
    .article-title,
    .single-title {
      font-size: 26px; } }
.archive-text,
.article-text,
.single-text {
  max-width: 760px;
  margin: 0 auto 20px; }
.archive-subtitle,
.article-subtitle,
.single-subtitle {
  font-weight: 500;
  font-size: 22px;
  margin: 12px 0 20px; }
.archive .img-wrapper,
.article .img-wrapper,
.single .img-wrapper {
  margin-bottom: 30px; }
.archive img,
.article img,
.single img {
  max-width: 100%; }
.archive-btn,
.article-btn,
.single-btn {
  width: 290px; }
  @media screen and (max-width: 575px) {
    .archive-btn,
    .article-btn,
    .single-btn {
      width: calc(100% - 40px); } }
.archive-grid,
.article-grid,
.single-grid {
  max-width: 590px;
  margin: 0 auto 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px; }
  @media screen and (max-width: 575px) {
    .archive-grid,
    .article-grid,
    .single-grid {
      gap: 16px; } }
  .archive-grid-item,
  .article-grid-item,
  .single-grid-item {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #ebece9;
    width: calc(33% - 14px); }
    @media screen and (max-width: 575px) {
      .archive-grid-item,
      .article-grid-item,
      .single-grid-item {
        width: calc(50% - 10px); } }
  .archive-grid .image,
  .article-grid .image,
  .single-grid .image {
    display: flex;
    max-width: 100%; }
  .archive-grid .title,
  .article-grid .title,
  .single-grid .title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.5px;
    color: #181f3d;
    margin: 8px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.archive-article {
  max-width: 840px; }
  .archive-article .img-wrapper img {
    width: 100%;
    max-width: 100%; }

body .single-article {
  display: flex;
  flex-wrap: wrap;
  width: 1040px;
  max-width: 100%;
  justify-content: space-between;
  margin: 0 auto; }
  body .single-article-header {
    width: 100%; }
  body .single-article-content {
    width: calc(100% - 340px); }
    @media screen and (max-width: 767px) {
      body .single-article-content {
        width: 100%; } }
  body .single-article-sidebar {
    width: 300px;
    margin-top: -10px; }
    @media screen and (max-width: 767px) {
      body .single-article-sidebar {
        display: none; } }
    body .single-article-sidebar-inner {
      width: 242px;
      max-width: 100%;
      margin-bottom: 30px; }
    body .single-article-sidebar h2 {
      font-size: 16px;
      font-weight: 500; }
    body .single-article-sidebar .celebrities {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin: 6px 0 16px; }
      body .single-article-sidebar .celebrities-item {
        flex: auto;
        background-color: #979eba;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 30px;
        color: #fff;
        font-size: 12px;
        font-family: "khand", sans-serif; }
body .single-title {
  margin-bottom: 10px; }
body .single hr {
  border-color: inherit; }
body .single-info {
  margin: 26px 0 28px;
  display: flex;
  gap: 20px;
  line-height: 1; }
  body .single-info .author {
    font-size: 16px; }
    body .single-info .author a {
      color: #244aef;
      text-decoration: underline; }
  body .single-info .date {
    font-size: 17px;
    font-weight: 500;
    font-family: "khand", sans-serif; }
body .single-content {
  line-height: 1.56;
  color: #181f3d;
  margin-bottom: 60px; }
  body .single-content p {
    margin: 0 0 30px; }
  body .single-content h2 {
    display: block;
    margin: 26px 0 10px; }
  body .single-content a {
    color: #181f3d;
    text-decoration: underline; }
    body .single-content a:hover {
      text-decoration: none; }
body .single-news, body .single-more {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-bottom: 50px; }
  body .single-news-title, body .single-more-title {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1.07px;
    width: 100%; }
  body .single-news-item, body .single-more-item {
    width: 177px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #ebece9; }
    body .single-news-item .image, body .single-more-item .image {
      display: flex; }
    body .single-news-item .title, body .single-more-item .title {
      font-size: 12px;
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: 0.5px;
      color: #181f3d;
      margin: 8px 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
@media screen and (max-width: 767px) {
  body .single-news {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden; } }
body .single-news-title {
  margin-bottom: 20px; }
body .single-news-item {
  min-width: 177px; }
body .single-more {
  gap: 22px 11px; }
  body .single-more-item {
    margin: 0 14px;
    background-color: #979eba;
    border: 0;
    width: auto; }
    body .single-more-item:hover {
      background-color: #181f3d; }
    body .single-more-item::before {
      border-right: 12px solid #979eba; }
    body .single-more-item::after {
      border-left: 12px solid #979eba; }
    body .single-more-item:hover::before {
      border-right: 12px solid #181f3d; }
    body .single-more-item:hover::after {
      border-left: 12px solid #181f3d; }

.ad-banner-image {
  width: 300px;
  height: 600px;
  max-width: 100%;
  border-radius: 3px;
  background-color: #d5f3f6; }

.search-results-container {
  max-width: 720px;
  margin: 0 auto; }

.search-results-item {
  border: 1px solid black;
  margin: 1rem;
  padding: 1rem;
  list-style-type: none; }

.post-title {
  font-size: 1.5rem; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .search-results-container {
    padding: 1rem; }

  .search-results-list {
    padding: 0; } }
.diary {
  max-width: 1040px;
  display: flex;
  flex-direction: column; }
  .diary img {
    max-width: 100%; }
  .diary-banner {
    padding: 0 20px;
    margin-bottom: 40px; }
    @media screen and (max-width: 575px) {
      .diary-banner {
        max-width: 300px;
        margin: 0 auto 40px; } }
  .diary-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px; }
  .diary-subtitle {
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.5; }
  .diary-grid {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
    margin-bottom: 90px; }
    @media screen and (max-width: 575px) {
      .diary-grid {
        margin: 0 -8px 50px; } }
    .diary-grid-title {
      width: 100%; }
    .diary-grid-item {
      text-align: center;
      width: calc((100% / 6) - 20px);
      margin: 10px;
      padding: 28px 11px 28px 11px;
      box-shadow: 0 2px 7.3px 0 rgba(0, 0, 0, 0.06);
      border: solid 1px #d3d3d3;
      background-color: #fff;
      transition: 0.2s ease; }
      @media screen and (max-width: 768px) {
        .diary-grid-item {
          width: calc((100% / 4) - 20px); } }
      @media screen and (max-width: 575px) {
        .diary-grid-item {
          width: calc((100% / 3) - 16px);
          margin: 8px;
          padding: 23px 8px; } }
      .diary-grid-item:hover {
        box-shadow: 0 2px 7.3px 0 rgba(0, 0, 0, 0.2); }
      .diary-grid-item .img {
        width: 62px;
        max-width: 100%;
        margin-bottom: 28px; }
        @media screen and (max-width: 575px) {
          .diary-grid-item .img {
            width: 50px;
            margin-bottom: 20px; } }
      .diary-grid-item .title {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.19;
        letter-spacing: 0.52px;
        color: #253362;
        text-transform: uppercase;
        font-family: "khand", sans-serif;
        margin: 0 0 10px; }
        @media screen and (max-width: 575px) {
          .diary-grid-item .title {
            margin-bottom: 5px; } }
      @media screen and (max-width: 575px) {
        .diary-grid-item .value {
          font-size: 14px; } }
  .diary-main .diary-grid {
    margin-bottom: 10px; }
  .diary-searchform {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: solid 1px #d3d3d3;
    background-color: #fff; }
    .diary-searchform-divider {
      width: 1px;
      height: 20px;
      background-color: #5d6278; }
      @media screen and (max-width: 575px) {
        .diary-searchform-divider {
          width: 2px; } }
    .diary-searchform-input {
      border: 0;
      margin-right: 10px;
      padding-right: 10px;
      position: relative; }
    .diary-searchform-select {
      padding: 10px 20px 10px 10px;
      color: #5d6278;
      -webkit-appearance: none;
      -moz-appearance: none;
      text-indent: 1px;
      text-overflow: '';
      outline: none;
      background-color: #fff;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 185.344 185.344' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%235d6278;' d='M92.672,144.373c-2.752,0-5.493-1.044-7.593-3.138L3.145,59.301c-4.194-4.199-4.194-10.992,0-15.18 c4.194-4.199,10.987-4.199,15.18,0l74.347,74.341l74.347-74.341c4.194-4.199,10.987-4.199,15.18,0 c4.194,4.194,4.194,10.981,0,15.18l-81.939,81.934C98.166,143.329,95.419,144.373,92.672,144.373z'/%3E%3C/g%3E%3C/svg%3E");
      background-position: calc(100% - 12px) center;
      background-size: 12px;
      background-repeat: no-repeat;
      min-width: 170px; }
    .diary-searchform-wrapper {
      margin-bottom: 30px; }
  .diary-category-breadcrumbs {
    text-align: center; }
  .diary-category .diary-subtitle {
    width: 486px;
    margin: 0 auto 40px;
    max-width: 100%; }
  .diary-category .diary-grid {
    margin-bottom: 10px; }
  .diary-subcategory-breadcrumbs {
    margin-bottom: 50px; }
    .diary-subcategory-breadcrumbs a {
      color: #181f3d; }
  .diary-categories {
    column-count: 2;
    max-width: 100%; }
    @media screen and (max-width: 575px) {
      .diary-categories {
        column-count: 1; } }
    .diary-categories-section {
      text-align: center;
      margin-bottom: 80px; }
    .diary-categories-btn {
      margin: 28px auto; }
    .diary-categories-wrapper {
      position: relative;
      margin-bottom: 40px; }
      .diary-categories-wrapper::after {
        content: '';
        position: absolute;
        bottom: 1px;
        left: 1px;
        right: 16px;
        height: 40px;
        background: linear-gradient(to top, #fff, transparent); }
    .diary-categories-inner {
      max-height: 570px;
      overflow: auto;
      padding: 20px 30px;
      border: 1px solid #EBECE9;
      box-shadow: 0 0 10px 0 #ebece9; }
      @media screen and (max-width: 575px) {
        .diary-categories-inner {
          padding: 12px 0; } }
    .diary-categories-item {
      display: block;
      padding: 15px 20px 15px 45px;
      position: relative;
      color: #181f3d;
      background-color: #fcfdff;
      text-align: left; }
      @media screen and (max-width: 575px) {
        .diary-categories-item {
          padding-left: 35px; } }
      .diary-categories-item:hover {
        color: #181f3d;
        background-color: #f0f4ff; }
      .diary-categories-item:before {
        content: '';
        position: absolute;
        left: 20px;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #979eba; }
        @media screen and (max-width: 575px) {
          .diary-categories-item:before {
            left: 10px; } }
      .diary-categories-item:hover:before {
        background-color: #253362; }
  .diary-post {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1300px; }
    .diary-post-wrapper {
      width: calc(100% - 340px); }
      @media screen and (max-width: 1024px) {
        .diary-post-wrapper {
          width: 100%; } }
      .diary-post-wrapper .diary-title {
        margin-bottom: 10px;
        text-align: left; }
      .diary-post-wrapper .diary-category-breadcrumbs {
        text-align: left;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #979eba; }
      .diary-post-wrapper .content {
        margin-bottom: 40px; }
      .diary-post-wrapper p {
        margin-bottom: 25px;
        color: #181f3d; }
      .diary-post-wrapper .more-btns .flex-start {
        max-width: 100%; }
    .diary-post-search {
      margin-top: 60px; }
      .diary-post-search h2 {
        margin-bottom: 20px;
        font-size: 24px; }
      .diary-post-search .diary-searchform-wrapper {
        margin-bottom: 60px; }
    .diary-post-categories .diary-title {
      margin: 0 6px 10px;
      font-size: 24px; }
    .diary-post-categories .diary-grid {
      margin: 0 -6px; }
      .diary-post-categories .diary-grid-item {
        margin: 6px;
        width: calc((100% / 6) - 12px);
        padding: 20px 5px 18px 5px; }
        @media screen and (max-width: 767px) {
          .diary-post-categories .diary-grid-item {
            width: calc((100% / 3) - 12px); } }
        .diary-post-categories .diary-grid-item img {
          width: 42px;
          margin-bottom: 20px; }
        .diary-post-categories .diary-grid-item .title {
          font-size: 14px;
          margin-bottom: 6px; }
        .diary-post-categories .diary-grid-item .value {
          font-size: 13px;
          color: #253362; }
    .diary-post-sidebar {
      width: 300px;
      margin-top: -10px; }
      @media screen and (max-width: 1024px) {
        .diary-post-sidebar {
          width: 100%; } }
      .diary-post-sidebar .explore-similar-types {
        margin-top: 97px; }

.alldreams {
  margin-bottom: 60px;
  text-align: center; }
  .alldreams .slice-wrapper {
    column-count: 3;
    max-width: 100%; }
    @media screen and (max-width: 768px) {
      .alldreams .slice-wrapper {
        column-count: 1; } }
    .alldreams .slice-wrapper a {
      display: block;
      padding: 15px 20px 15px 45px;
      position: relative;
      color: #181f3d;
      background-color: #fcfdff;
      text-align: left;
      font-size: 14px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media screen and (max-width: 768px) {
        .alldreams .slice-wrapper a {
          white-space: initial;
          overflow: initial;
          text-overflow: initial; } }
      .alldreams .slice-wrapper a:before {
        content: '';
        position: absolute;
        left: 20px;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #979eba; }
      .alldreams .slice-wrapper a:hover {
        color: #181f3d;
        background-color: #f0f4ff; }
  .alldreams .slick-dots {
    bottom: -35px; }
    @media screen and (max-width: 768px) {
      .alldreams .slick-dots {
        width: 86%;
        left: 50%;
        transform: translateX(-50%);
        bottom: -50px; } }
    @media screen and (max-width: 768px) {
      .alldreams .slick-dots.big {
        bottom: -70px; } }
    .alldreams .slick-dots li {
      margin: 0;
      width: 32px;
      height: 32px;
      border-radius: 50%; }
      @media screen and (max-width: 768px) {
        .alldreams .slick-dots li {
          width: 26px;
          height: 26px; } }
      .alldreams .slick-dots li.slick-active {
        background-color: #CED6E0; }
      .alldreams .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        outline: none;
        font-size: 14px;
        font-family: 'Khand', sans-serif;
        color: #181F3D;
        cursor: pointer;
        width: 32px;
        height: 32px; }
        @media screen and (max-width: 768px) {
          .alldreams .slick-dots li button {
            width: 26px;
            height: 26px; } }
        .alldreams .slick-dots li button:before {
          content: none; }
  .alldreams .slick-prev,
  .alldreams .slick-next {
    background-color: #CED6E0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    z-index: 5; }
    @media screen and (max-width: 768px) {
      .alldreams .slick-prev,
      .alldreams .slick-next {
        width: 26px;
        height: 26px; } }
    .alldreams .slick-prev:before,
    .alldreams .slick-next:before {
      opacity: 1;
      font-size: 0;
      width: 10px;
      height: 10px;
      border: 2px solid #181F3D;
      display: inline-block;
      border-right: 0;
      border-top: 0;
      position: absolute;
      top: 50%;
      transform-origin: left top; }
      @media screen and (max-width: 768px) {
        .alldreams .slick-prev:before,
        .alldreams .slick-next:before {
          width: 6px;
          height: 6px; } }
  .alldreams .slick-prev {
    left: -35px; }
    @media screen and (max-width: 768px) {
      .alldreams .slick-prev {
        left: -10px; } }
    @media screen and (max-width: 1180px) and (orientation: landscape) {
      .alldreams .slick-prev {
        left: -12px; } }
    .alldreams .slick-prev:before {
      transform: rotate(45deg) translate(-50%, -50%);
      left: calc(50% + 2px); }
  .alldreams .slick-next {
    right: -35px; }
    @media screen and (max-width: 768px) {
      .alldreams .slick-next {
        right: -10px; } }
    @media screen and (max-width: 1180px) and (orientation: landscape) {
      .alldreams .slick-next {
        right: -12px; } }
    .alldreams .slick-next:before {
      transform: rotate(-135deg) translate(-50%, -50%);
      left: calc(50% - 2px); }
  .alldreams .diary-categories-btn {
    margin-top: 26px;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .alldreams .diary-categories-btn {
        margin-top: 36px; } }
    .alldreams .diary-categories-btn.mt-55 {
      margin-top: 55px; }

.mb-3 {
  margin-bottom: 1rem; }

.show-small,
.show-medium {
  display: none; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .hide-small {
    display: none; }

  .show-small {
    display: block;} }
  .show-small.primis-video {
	  width:100%;
  }
  .show-small.primis-video-horoscope{
	  width: 100%;
	  margin-top: 2rem;
  }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hide-medium {
    display: none; }

  .show-medium {
    display: block; } }