.container-fluid {
  width: 100%; }

.container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box; }

.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem; }

[class^="span-"], [class*=" span-"] {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem; }

.span-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%; }

.span-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%; }

.span-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.span-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%; }

.span-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%; }

.span-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.span-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%; }

.span-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%; }

.span-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.span-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%; }

.span-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%; }

.span-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.offset-1 {
  margin-left: 8.333%; }

.offset-2 {
  margin-left: 16.667%; }

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

.offset-4 {
  margin-left: 33.333%; }

.offset-5 {
  margin-left: 41.667%; }

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

.offset-7 {
  margin-left: 58.333%; }

.offset-8 {
  margin-left: 66.667%; }

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

.offset-10 {
  margin-left: 83.333%; }

.offset-11 {
  margin-left: 91.667%; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .container {
    max-width: 380px; }
  .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .span-xs-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%; }
  .span-xs-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%; }
  .span-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .span-xs-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%; }
  .span-xs-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%; }
  .span-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .span-xs-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%; }
  .span-xs-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%; }
  .span-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .span-xs-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%; }
  .span-xs-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%; }
  .span-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  [class^="offset-"], [class*=" offset-"] {
    margin-left: 0; }
  .offset-xs-1 {
    margin-left: 8.333%; }
  .offset-xs-3 {
    margin-left: 25%; }
  .offset-xs-4 {
    margin-left: 33.333%; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem; }
  .span-s-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%; }
  .span-s-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%; }
  .span-s-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .span-s-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%; }
  .span-s-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%; }
  .span-s-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .span-s-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%; }
  .span-s-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%; }
  .span-s-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .span-s-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%; }
  .span-s-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%; }
  .span-s-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-left: 0; }
  .offset-s-0 {
    margin-left: 0; }
  .offset-s-1 {
    margin-left: 8.333%; }
  .offset-s-2 {
    margin-left: 16.667%; }
  .offset-s-3 {
    margin-left: 25%; }
  .offset-s-4 {
    margin-left: 33.333%; }
  .offset-s-5 {
    margin-left: 41.667%; }
  .offset-s-6 {
    margin-left: 50%; }
  .offset-s-7 {
    margin-left: 58.333%; }
  .offset-s-8 {
    margin-left: 66.667%; }
  .offset-s-9 {
    margin-left: 75%; }
  .offset-s-10 {
    margin-left: 83.333%; }
  .offset-s-11 {
    margin-left: 91.667%; } }

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .span-m-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%; }
  .span-m-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-left: 0; }
  .offset-m-0 {
    margin-left: 0; } }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button, hr, input {
  overflow: visible; }

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

[type=checkbox], [type=radio], legend {
  box-sizing: border-box;
  padding: 0; }

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

body {
  margin: 0; }

h1 {
  font-size: 2em; }

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

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

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

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; }

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

button, select {
  text-transform: none; }

[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 {
  padding: 0;
  margin: 0; }

.fix {
  position: fixed; }

.list-unstyled {
  list-style: none; }

.list-inline li {
  display: inline-block; }

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

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

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

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

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

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

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

.v-bottom {
  display: flex;
  align-items: baseline; }

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

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

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?k4ra2r");
  src: url("../fonts/icomoon.eot?k4ra2r#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?k4ra2r") format("truetype"), url("../fonts/icomoon.woff?k4ra2r") format("woff"), url("../fonts/icomoon.svg?k4ra2r#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon';
  speak: none;
  font-size: 120%;
  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-chinese-dog:before {
  content: "\e936"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-mayan-jaguar:before {
  content: "\e929"; }

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

.icon-mayan-lizard:before {
  content: "\e92b"; }

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

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

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

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

.icon-mayan-storm:before {
  content: "\e930"; }

.icon-mayan-vulture:before {
  content: "\e931"; }

.icon-mayan-water:before {
  content: "\e932"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-facebook:before {
  content: "\ea90"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-google-plus-filled:before {
  content: "\ea8b"; }

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

input, select, textarea {
  width: 100%;
  border-radius: 4px;
  border: 1px #d9d9d9 solid;
  padding: 0.5rem 1rem;
  box-sizing: border-box; }

input[type=checkbox], input[type="radio"] {
  width: auto; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1.11rem; }

.caret {
  position: relative;
  display: block; }
  .caret:after {
    position: absolute;
    top: 0.3rem;
    right: 0.5rem;
    font-family: 'icomoon';
    content: "\e907";
    pointer-events: none; }

.btn {
  font-family: "Montserrat", sans-serif;
  font-size: 0.89rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  background: #049ee6;
  padding: 0.5rem 1rem;
  color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: normal;
  line-height: 1.5; }
  .btn:hover {
    background: #037cb4;
    transition: background-color 300ms linear;
    color: #fff; }

.btn-m {
  font-size: 1.11rem; }

.input-group {
  display: flex;
  justify-content: center; }
  .input-group input {
    border-radius: 4px 0 0 4px; }
  .input-group .btn {
    border-radius: 0 4px 4px 0;
    width: auto; }

.sign-form {
  margin-top: 1.5rem; }
  .sign-form h2, .sign-form .span-2 {
    margin-bottom: 1rem; }

.quiz ol {
  margin-left: 1rem; }
  .quiz ol li {
    margin-bottom: 1rem; }
    .quiz ol li label {
      margin-bottom: 0.2rem;
      display: block; }

.form-content p, .form-content input, .form-content select, .form-content small, .form-content textarea, .form-content .btn {
  margin-bottom: 1.22rem; }

.form-content h1, .form-content h2, .form-content h3, .form-content h4 {
  margin: 1rem 0; }

.form-content ol, .form-content ul {
  margin-left: 1rem; }

.form-content small {
  display: inline-block;
  color: gray; }
  .form-content small [type=checkbox] {
    margin-bottom: 0; }

.form-content .zigzag-box {
  padding: 3rem;
  margin: 2rem 0; }
  .form-content .zigzag-box .btn {
    width: auto; }

.form-content .newsletter-list {
  margin: 2rem 0; }

html {
  background: #f3f2f2; }

body {
  font-family: "Mate", serif;
  font-size: 1.22rem;
  font-weight: 400;
  letter-spacing: .025em;
  color: #322322;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  min-height: 100vh; }

h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.67rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase; }
  h1.big {
    font-size: 3rem;
    font-weight: 300; }

h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.11rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase; }
  h2.big {
    font-size: 1.67rem;
    font-weight: 400; }

h3 {
  font-family: "Mate", serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .025em; }
  h3.big {
    font-family: "Montserrat", sans-serif;
    font-size: 1.11rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase; }

h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 0.89rem;
  font-weight: 600;
  letter-spacing: 0.075em;
  text-transform: uppercase; }
  h4.prev .icon-caret {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  h4 .icon-caret {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block; }

a {
  color: #e36aee;
  text-decoration: none; }
  a:hover {
    color: #d625e6; }

.highlight {
  color: #e36aee; }

.geom-pink-header {
  position: relative;
  overflow: hidden; }
  .geom-pink-header:before {
    content: "";
    background: url("../img/geom-header.png") no-repeat;
    position: absolute;
    width: 70%;
    height: 100%;
    top: -4rem;
    left: -25rem; }
  .geom-pink-header:before {
    background-position: right top;
    z-index: -1; }

.geom-blue-header {
  position: relative;
  overflow: hidden; }
  .geom-blue-header:before {
    content: "";
    background: url("../img/geom-header-article.png") no-repeat;
    position: absolute;
    width: 65%;
    height: 100%;
    top: -3rem;
    left: -27rem; }
  .geom-blue-header:before {
    background-position: right top;
    z-index: -1; }

.geom-dot {
  position: relative; }
  .geom-dot:after {
    content: "";
    background: url("../img/geom-dots.svg") no-repeat;
    position: absolute;
    width: 1rem;
    height: 9rem;
    bottom: -3rem;
    right: -6rem; }
  .geom-dot:after {
    z-index: -1; }

.geom-red {
  position: relative; }
  .geom-red:before {
    content: "";
    background: url("../img/geom-red.png") no-repeat;
    position: absolute;
    width: 30rem;
    height: 21rem;
    left: -22rem;
    bottom: -13rem; }
  .geom-red:before {
    z-index: -1;
    background-size: contain; }

footer {
  margin: 2rem 0;
  display: flex;
  justify-content: space-between; }
  footer h4 {
    margin-bottom: 1rem; }
  footer h5 {
    color: #9a8786; }
  footer ul {
    margin-bottom: 1rem; }
    footer ul a {
      font-family: "Montserrat", sans-serif;
      font-size: 0.83rem;
      font-weight: 600;
      letter-spacing: 0.075em;
      text-transform: uppercase;
      color: #322322;
      margin: 0 0.55rem 0.55rem 0.55rem;
      display: block; }
  footer .apps {
    width: 35%; }
    footer .apps a:first-child {
      margin-right: 1rem; }

.sitemap {
  display: none;
  background: #f2f2f2;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 2rem 0;
  width: 100vw;
  height: 100vh;
  overflow: scroll;
  z-index: 4; }
  .sitemap h4 {
    margin: 2rem 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 3px #322322 solid; }
  .sitemap .container {
    position: relative; }
    .sitemap .container:before {
      content: "";
      background: url("../img/geom-header-article.png") no-repeat;
      position: absolute;
      width: 40%;
      height: 100%;
      top: -2rem;
      left: 50%; }
    .sitemap .container:before {
      margin-left: -20%;
      z-index: -1;
      background-size: contain; }
  .sitemap .links a {
    font-size: 1rem;
    display: block;
    padding: 0.3rem 0; }
    .sitemap .links a.indent {
      padding-left: 1rem; }
  .sitemap .icon-close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    font-size: 2rem;
    color: #322322; }

header {
  padding-top: 1.5rem;
  display: flex;
  justify-content: space-between; }

.brand {
  font-family: "Montserrat", sans-serif;
  font-size: 1.55rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  display: block; }
  .brand:hover {
    color: #fff; }

nav {
  font-family: "Montserrat", sans-serif;
  font-size: 0.83rem;
  font-weight: 600;
  letter-spacing: 0.075em;
  text-transform: uppercase; }
  nav a {
    padding: 0 0.55rem;
    color: #322322; }
  nav .dropdown-trigger {
    position: relative; }
    nav .dropdown-trigger:after {
      content: "\00B7";
      font-size: 1rem; }
  nav .dropdown {
    font-family: "Mate", serif;
    font-size: 0.88rem;
    font-weight: 400;
    letter-spacing: .025em;
    text-transform: none;
    display: none;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    padding: 1rem;
    position: absolute;
    left: 50%;
    z-index: 4; }
    nav .dropdown a {
      display: block;
      padding: 0.5rem 0; }
    nav .dropdown h4 {
      margin: 0.5rem 0;
      font-size: 0.78rem; }
    nav .dropdown.dropdown-s {
      width: 10rem;
      margin-left: -5rem; }
    nav .dropdown.dropdown-m {
      width: 16rem;
      margin-left: -8rem; }
    nav .dropdown.dropdown-l {
      width: 54rem;
      margin-left: -27rem; }
    nav .dropdown.flex-it div {
      display: flex;
      height: 17rem;
      flex-wrap: wrap;
      flex-direction: column; }
      nav .dropdown.flex-it div a {
        width: 50%; }

.search {
  background: #e6e6e6;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 2rem 0;
  display: none;
  width: 100vw; }

.headline {
  margin-bottom: 1rem;
  margin-top: 1rem; }
  .headline h1:before {
    display: none; }
  .headline p {
    font-size: 1.28rem;
    margin: 1rem 0; }

.ad-container {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .ad-container.box-728x90 {
    min-height: 90px;
    /*background: darken($white, 7%);*/
    margin-left: auto;
    margin-right: auto;
    min-width: 728px; }
    .ad-container.box-728x90 #BannerAllView-1 {
      padding: 0 !important; }
  .ad-container.box-300x250 {
    min-height: 250px;
    width: 300px;
    background: #ededed; }

.sticky-ad {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
  z-index: 10; }
  .sticky-ad .icon-close {
    display: none;
    font-size: 1rem;
    position: absolute;
    right: 0;
    top: -2rem;
    background: rgba(255, 255, 255, 0.3);
    padding: 0.5rem;
    cursor: pointer; }

.choose-sign {
  margin-top: 1.5rem; }
  .choose-sign.chinese .sign {
    padding: 0.5rem 0.5rem 1rem 0.5rem; }
    .choose-sign.chinese .sign img {
      width: 50%;
      margin: 0 auto; }
  .choose-sign h1 {
    position: relative; }
    .choose-sign h1:before {
      content: "";
      background: url("../img/geom-wave.svg") no-repeat;
      position: absolute;
      width: 9rem;
      height: 1rem;
      top: 1rem;
      left: 2.5rem; }
  .choose-sign .span-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .choose-sign .sign {
    color: #322322;
    display: block;
    padding: 1.5rem 1rem;
    margin: 1rem 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
    .choose-sign .sign:hover {
      transition: all 0.2s ease-in; }
    .choose-sign .sign i {
      font-size: 1.67rem; }
    .choose-sign .sign span {
      font-family: "Montserrat", sans-serif;
      font-size: 1.67rem;
      font-weight: 400;
      letter-spacing: 0.05em;
      text-transform: uppercase; }
    .choose-sign .sign p {
      font-size: 0.89rem;
      opacity: 0.6; }
  .choose-sign .aries {
    background: linear-gradient(168deg, #ffdbb5 -10%, white 50%, white 100%); }
    .choose-sign .aries:hover {
      background: #ffb15e; }
  .choose-sign .taurus {
    background: linear-gradient(168deg, #ffe5df -10%, white 50%, white 100%); }
    .choose-sign .taurus:hover {
      background: #ffa894; }
  .choose-sign .gemini {
    background: linear-gradient(168deg, #e4f9d6 -10%, white 50%, white 100%); }
    .choose-sign .gemini:hover {
      background: #a5d687; }
  .choose-sign .cancer {
    background: linear-gradient(168deg, #ffd05e -10%, white 50%, white 100%); }
    .choose-sign .cancer:hover {
      background: #ffd05e; }
  .choose-sign .leo {
    background: linear-gradient(168deg, #f8f793 -10%, white 50%, white 100%); }
    .choose-sign .leo:hover {
      background: #c6c575; }
  .choose-sign .virgo {
    background: linear-gradient(168deg, #f4c3e9 -10%, white 50%, white 100%); }
    .choose-sign .virgo:hover {
      background: #f4c3e9; }
  .choose-sign .libra {
    background: linear-gradient(168deg, #e4d8fa -10%, white 50%, white 100%); }
    .choose-sign .libra:hover {
      background: #ceb7f4; }
  .choose-sign .scorpio {
    background: linear-gradient(168deg, #edc4ee -10%, white 50%, white 100%); }
    .choose-sign .scorpio:hover {
      background: #df9ce1; }
  .choose-sign .sagittarius {
    background: linear-gradient(168deg, #c4cdfa -10%, white 50%, white 100%); }
    .choose-sign .sagittarius:hover {
      background: #a2b0f6; }
  .choose-sign .capricorn {
    background: linear-gradient(168deg, #69dfed -10%, white 50%, white 100%); }
    .choose-sign .capricorn:hover {
      background: #56d6e5; }
  .choose-sign .aquarius {
    background: linear-gradient(168deg, #b6d6fa -10%, white 50%, white 100%); }
    .choose-sign .aquarius:hover {
      background: #9ac7fa; }
  .choose-sign .pisces {
    background: linear-gradient(168deg, #d1f0fc -10%, white 50%, white 100%); }
    .choose-sign .pisces:hover {
      background: #9adefa; }
  .choose-sign .chinese {
    background: linear-gradient(168deg, #e9b3ee -10%, white 50%, white 100%); }
    .choose-sign .chinese:hover {
      background: #e36aee; }

.more-horoscopes {
  position: relative;
  margin: 1.5rem 0; }
  .more-horoscopes:before {
    content: "";
    background: url("../img/geom-diamond.svg") no-repeat;
    position: absolute;
    width: 3rem;
    height: 3rem;
    right: -5rem; }
  .more-horoscopes h2 {
    margin-bottom: 0.5rem; }
  .more-horoscopes .btn.active {
    background: #bfbfbf; }
  .more-horoscopes .btn i {
    margin-right: 0.2rem; }
  .more-horoscopes .center, .more-horoscopes .left {
    flex-wrap: wrap; }
    .more-horoscopes .center .btn, .more-horoscopes .left .btn {
      margin: 0.3rem; }

.horoscope {
  margin-top: 1.5rem; }
  .horoscope .module-article:after {
    display: none; }
  .horoscope .module-planet-overview:before, .horoscope .more-horoscopes:before {
    display: none; }
  .horoscope .module-recommended {
    margin: 1rem 0 2rem 0; }

.horoscope-box {
  padding: 2rem 3rem; }
  .horoscope-box h1 {
    margin-bottom: 1rem; }
  .horoscope-box p {
    margin-bottom: 1.22rem; }
  .horoscope-box .icon-caret-underlined {
    font-size: 60%; }
  .horoscope-box .sign-trigger {
    position: relative; }
  .horoscope-box .dropdown {
    display: none;
    position: absolute;
    z-index: 2;
    background: #f2f2f2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-top: 4px #d625e6 solid;
    width: 50%;
    padding: 0.5rem 0; }
    .horoscope-box .dropdown a {
      display: block;
      padding: 0.5rem 1rem; }
    .horoscope-box .dropdown div {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      height: 18rem; }

.time-shift {
  font-family: "Montserrat", sans-serif;
  font-size: 0.89rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem; }
  .time-shift li {
    padding: 0 0.3rem; }
    .time-shift li a {
      text-decoration: underline; }
  .time-shift.submenu {
    font-size: 0.77rem;
    margin: 0; }

.choose-sign .mayan i {
  font-size: 3rem; }

.aries a {
  color: #93612c; }
  .aries a:hover {
    color: #583a1a; }

.aries .dropdown {
  border-color: #583a1a; }

.aries .btn {
  background: #93612c;
  color: #fff; }
  .aries .btn:hover {
    background: #583a1a;
    color: #fff; }

.taurus a {
  color: #c9482a; }
  .taurus a:hover {
    color: #8a311d; }

.taurus .dropdown {
  border-color: #8a311d; }

.taurus .btn {
  background: #c9482a;
  color: #fff; }
  .taurus .btn:hover {
    background: #8a311d;
    color: #fff; }

.gemini a {
  color: #4da01a; }
  .gemini a:hover {
    color: #2d5e0f; }

.gemini .dropdown {
  border-color: #2d5e0f; }

.gemini .btn {
  background: #4da01a;
  color: #fff; }
  .gemini .btn:hover {
    background: #2d5e0f;
    color: #fff; }

.cancer a {
  color: #ca920a; }
  .cancer a:hover {
    color: #815d06; }

.cancer .dropdown {
  border-color: #815d06; }

.cancer .btn {
  background: #ca920a;
  color: #fff; }
  .cancer .btn:hover {
    background: #815d06;
    color: #fff; }

.leo a {
  color: #8f8e19; }
  .leo a:hover {
    color: #4e4d0e; }

.leo .dropdown {
  border-color: #4e4d0e; }

.leo .btn {
  background: #8f8e19;
  color: #fff; }
  .leo .btn:hover {
    background: #4e4d0e;
    color: #fff; }

.virgo a {
  color: #d53cb3; }
  .virgo a:hover {
    color: #a22385; }

.virgo .dropdown {
  border-color: #a22385; }

.virgo .btn {
  background: #d53cb3;
  color: #fff; }
  .virgo .btn:hover {
    background: #a22385;
    color: #fff; }

.libra a {
  color: #824dda; }
  .libra a:hover {
    color: #5b26b5; }

.libra .dropdown {
  border-color: #5b26b5; }

.libra .btn {
  background: #824dda;
  color: #fff; }
  .libra .btn:hover {
    background: #5b26b5;
    color: #fff; }

.scorpio a {
  color: #b32cb7; }
  .scorpio a:hover {
    color: #771d79; }

.scorpio .dropdown {
  border-color: #771d79; }

.scorpio .btn {
  background: #b32cb7;
  color: #fff; }
  .scorpio .btn:hover {
    background: #771d79;
    color: #fff; }

.sagittarius a {
  color: #4d61c4; }
  .sagittarius a:hover {
    color: #314294; }

.sagittarius .dropdown {
  border-color: #314294; }

.sagittarius .btn {
  background: #4d61c4;
  color: #fff; }
  .sagittarius .btn:hover {
    background: #314294;
    color: #fff; }

.capricorn a {
  color: #049ee6; }
  .capricorn a:hover {
    color: #036a9b; }

.capricorn .dropdown {
  border-color: #036a9b; }

.capricorn .btn {
  background: #049ee6;
  color: #fff; }
  .capricorn .btn:hover {
    background: #036a9b;
    color: #fff; }

.aquarius a {
  color: #1465c2; }
  .aquarius a:hover {
    color: #0d417d; }

.aquarius .dropdown {
  border-color: #0d417d; }

.aquarius .btn {
  background: #1465c2;
  color: #fff; }
  .aquarius .btn:hover {
    background: #0d417d;
    color: #fff; }

.pisces a {
  color: #0b8db3; }
  .pisces a:hover {
    color: #07546b; }

.pisces .dropdown {
  border-color: #07546b; }

.pisces .btn {
  background: #0b8db3;
  color: #fff; }
  .pisces .btn:hover {
    background: #07546b;
    color: #fff; }

.chinese a {
  color: #e36aee; }
  .chinese a:hover {
    color: #d625e6; }

.chinese .dropdown {
  border-color: #d625e6; }

.chinese .btn {
  background: #e36aee;
  color: #fff; }
  .chinese .btn:hover {
    background: #d625e6;
    color: #fff; }

.zigzag-box {
  position: relative;
  background: #fff;
  border: 4px #322322 solid; }
  .zigzag-box:before {
    content: "";
    background: url("../img/geom-zigzag-top.svg") no-repeat;
    position: absolute;
    width: 8.2rem;
    height: 2rem;
    top: -0.3rem;
    left: 2rem; }
  .zigzag-box:after {
    content: "";
    background: url("../img/geom-zigzag-bottom.svg") no-repeat;
    width: 8.2rem;
    height: 2rem;
    position: absolute;
    bottom: -1.95rem;
    right: 2rem; }

.index-header {
  margin-bottom: 1rem; }
  .index-header a {
    text-decoration: underline;
    margin: 0.5rem; }
    .index-header a.active {
      text-decoration: none;
      color: #322322; }

.index-thumbnails {
  position: relative; }
  .index-thumbnails:before {
    content: "";
    background: url("../img/geom-diamond-wave.svg") no-repeat;
    position: absolute;
    width: 66rem;
    height: 51rem;
    top: 20%;
    left: -34rem; }
  .index-thumbnails:after {
    content: "";
    position: absolute;
    background: url("../img/geom-purple.png") no-repeat;
    width: 30rem;
    height: 35rem;
    bottom: -15rem;
    right: -4rem;
    z-index: -1;
    background-size: contain; }
  .index-thumbnails .container {
    position: relative;
    padding-top: 1rem;
    border-top: 4px #322322 solid; }
    .index-thumbnails .container:before {
      content: "";
      background: url("../img/geom-article-zigzag.svg") no-repeat;
      position: absolute;
      width: 14rem;
      height: 2rem;
      top: -0.3rem;
      left: 2rem; }
    .index-thumbnails .container .content {
      padding-top: 1rem;
      min-height: 50rem; }

.small-thumb .item {
  display: flex;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0.5rem -0.5rem;
  background: #fff;
  height: 18rem; }
  .small-thumb .item h2, .small-thumb .item h3 {
    color: #322322; }
  .small-thumb .item:hover {
    background: #fbeafd; }

.big-thumb .content img {
  margin-top: 1rem; }

.big-thumb .cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 16rem; }

.big-thumb .item {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 8rem;
  padding: 2rem;
  margin-bottom: 1rem; }
  .big-thumb .item h2, .big-thumb .item h3 {
    color: #322322; }
  .big-thumb .item h4 {
    margin-top: 2rem; }

.big-thumb .btn {
  background: #e36aee; }
  .big-thumb .btn:hover {
    background: #d625e6; }

.inner-content h2 {
  margin: 1rem 0; }

.inner-content p {
  margin-bottom: 1.22rem; }

.inner-content input {
  margin-bottom: 1rem; }

.inner-content .caret {
  margin: 1rem 0; }

.inner-content .btn {
  width: auto;
  margin: 1rem auto; }

.inner-content .zigzag-box {
  padding: 1rem 2rem;
  margin: 2rem auto; }

.swipe-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }
  .swipe-container .card {
    background: #fff;
    padding: 1rem;
    margin: 0.3rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    height: 24rem;
    width: 31.86%;
    box-sizing: border-box; }
    .swipe-container .card:nth-child(1) {
      background: linear-gradient(168deg, #ffdbb5 -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(2) {
      background: linear-gradient(168deg, #ffe5df -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(3) {
      background: linear-gradient(168deg, #e4f9d6 -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(4) {
      background: linear-gradient(168deg, #ffd05e -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(5) {
      background: linear-gradient(168deg, #f8f793 -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(6) {
      background: linear-gradient(168deg, #f4c3e9 -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(7) {
      background: linear-gradient(168deg, #e4d8fa -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(8) {
      background: linear-gradient(168deg, #edc4ee -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(9) {
      background: linear-gradient(168deg, #c4cdfa -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(10) {
      background: linear-gradient(168deg, #69dfed -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(11) {
      background: linear-gradient(168deg, #b6d6fa -10%, white 50%, white 100%); }
    .swipe-container .card:nth-child(12) {
      background: linear-gradient(168deg, #d1f0fc -10%, white 50%, white 100%); }
    .swipe-container .card img {
      width: 40%;
      display: block;
      margin: 1rem auto 0 auto; }
    .swipe-container .card h2 {
      color: #322322; }
    .swipe-container .card p {
      color: #7e5856;
      font-size: 0.88rem; }
    .swipe-container .card div h4 {
      color: #049ee6; }

.bg-aries {
  background: linear-gradient(168deg, #ffdbb5 -10%, white 50%, white 100%); }

.bg-taurus {
  background: linear-gradient(168deg, #ffe5df -10%, white 50%, white 100%); }

.bg-gemini {
  background: linear-gradient(168deg, #e4f9d6 -10%, white 50%, white 100%); }

.bg-cancer {
  background: linear-gradient(168deg, #ffd05e -10%, white 50%, white 100%); }

.bg-leo {
  background: linear-gradient(168deg, #f8f793 -10%, white 50%, white 100%); }

.bg-virgo {
  background: linear-gradient(168deg, #f4c3e9 -10%, white 50%, white 100%); }

.bg-libra {
  background: linear-gradient(168deg, #e4d8fa -10%, white 50%, white 100%); }

.bg-scorpio {
  background: linear-gradient(168deg, #edc4ee -10%, white 50%, white 100%); }

.bg-sagittarius {
  background: linear-gradient(168deg, #c4cdfa -10%, white 50%, white 100%); }

.bg-capricorn {
  background: linear-gradient(168deg, #69dfed -10%, white 50%, white 100%); }

.bg-aquarius {
  background: linear-gradient(168deg, #b6d6fa -10%, white 50%, white 100%); }

.bg-pisces {
  background: linear-gradient(168deg, #d1f0fc -10%, white 50%, white 100%); }

.bg-chinese {
  background: linear-gradient(168deg, #e9b3ee -10%, white 50%, white 100%); }

[class^="bg-"], [class*=" bg-"] {
  padding: 2rem 0;
  margin-top: 1rem; }
  [class^="bg-"] h3, [class*=" bg-"] h3 {
    margin-bottom: 0.5rem; }
  [class^="bg-"] img, [class*=" bg-"] img {
    width: 80%; }

.profile-content {
  position: relative; }
  .profile-content:after {
    content: "";
    background: url("../img/geom-purple.png") no-repeat;
    position: absolute;
    width: 30rem;
    height: 35rem;
    bottom: -15rem;
    right: -4rem; }
  .profile-content:after {
    z-index: -1;
    background-size: contain; }
  .profile-content p {
    margin-bottom: 1.22rem; }
  .profile-content .content ul, .profile-content .content ol {
    margin-left: 1rem; }
  .profile-content .content h1, .profile-content .content h2 {
    margin: 2rem 0 1rem 0; }
  .profile-content .characteristics {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 14rem;
    margin-top: 1rem; }
    .profile-content .characteristics h3 {
      width: 50%;
      padding-right: 1rem; }
  .profile-content [class^="icon-mayan-"], .profile-content [class*=" icon-mayan-"] {
    font-size: 8rem; }
  .profile-content .container {
    position: relative;
    padding-top: 2rem;
    border-top: 4px #322322 solid; }
    .profile-content .container:before {
      content: "";
      background: url("../img/geom-article-zigzag.svg") no-repeat;
      position: absolute;
      width: 14rem;
      height: 2rem;
      top: -0.3rem;
      left: 2rem; }
    .profile-content .container .content {
      padding-top: 1rem; }
  .profile-content .more-links {
    position: relative;
    margin: 2rem 0;
    padding: 2rem 0 1rem 0;
    border-top: 4px #322322 solid; }
    .profile-content .more-links:before {
      content: "";
      background: url("../img/geom-article-zigzag.svg") no-repeat;
      position: absolute;
      width: 14rem;
      height: 2rem;
      top: -0.3rem;
      left: 2rem; }

.chinese-calendar h2 {
  color: #322322; }

.chinese-calendar h4 {
  margin: 0.5rem 0; }

.chinese-calendar h3 {
  font-size: 0.78rem;
  margin: 0.5rem 0; }

.chinese-calendar img {
  width: 40%;
  margin: 2rem auto 0 auto; }

.deck-cards {
  margin: 1rem 0; }
  .deck-cards .card {
    transition: transform 0.3s ease-in-out;
    margin: 1rem 0;
    cursor: pointer; }
    .deck-cards .card:hover {
      transform: translate(-3px, 3px); }
  .deck-cards .text-left .btn {
    margin: 1rem 0; }

.card-2 {
  width: 8rem;
  margin: 0 0.5rem; }

.card-3 {
  width: 8rem;
  margin: 0 0.5rem; }

.card-7 {
  width: 5rem;
  margin: 0 0.2rem; }

.deck-22 {
  position: relative;
  height: 17rem;
  width: 40rem;
  margin: 0 auto; }

.card-22 {
  width: 8rem;
  position: absolute;
  left: 0; }
  .card-22 .card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
    .card-22 .card:hover {
      transform: translate(0, -1.5rem); }

.tarot-dream {
  margin: 1rem 0; }
  .tarot-dream .v-center {
    flex-wrap: wrap; }
  .tarot-dream a {
    margin: 0.5rem;
    line-height: 1; }

.compatibility {
  margin: 1rem 0; }
  .compatibility i {
    font-size: 4rem;
    margin: 0 1rem; }
  .compatibility .sign {
    height: 8rem;
    max-width: 10rem;
    margin: 0 auto; }
    .compatibility .sign i {
      font-size: 3rem; }
    .compatibility .sign img {
      width: 70%; }
    .compatibility .sign.aries {
      background: #ffb15e; }
    .compatibility .sign.taurus {
      background: #ffa894; }
    .compatibility .sign.gemini {
      background: #a5d687; }
    .compatibility .sign.cancer {
      background: #ffd05e; }
    .compatibility .sign.leo {
      background: #c6c575; }
    .compatibility .sign.virgo {
      background: #f4c3e9; }
    .compatibility .sign.libra {
      background: #ceb7f4; }
    .compatibility .sign.scorpio {
      background: #df9ce1; }
    .compatibility .sign.sagittarius {
      background: #a2b0f6; }
    .compatibility .sign.capricorn {
      background: #56d6e5; }
    .compatibility .sign.aquarius {
      background: #9ac7fa; }
    .compatibility .sign.pisces {
      background: #9adefa; }
    .compatibility .sign.chinese {
      background: #e36aee; }
  .compatibility .zigzag-box .sign {
    margin-top: 1rem; }

.calculator input {
  width: auto;
  margin: 1rem; }

.calculator p, .calculator h2 {
  margin-bottom: 0; }

.calculator img {
  margin: 1rem 0; }

.calculator .caret {
  width: 25%;
  margin: 1rem; }

.calculator .btn {
  margin: 1rem; }

.calculator .zigzag-box textarea, .calculator .zigzag-box input {
  border: none; }

.calculator .zigzag-box.exact-age input {
  margin: 1rem 0 0 0;
  padding: 0 0 0 1rem;
  font-weight: bold; }

.card-22:nth-child(2) {
  left: 1.5rem; }

.card-22:nth-child(3) {
  left: 3rem; }

.card-22:nth-child(4) {
  left: 4.5rem; }

.card-22:nth-child(5) {
  left: 6rem; }

.card-22:nth-child(6) {
  left: 7.5rem; }

.card-22:nth-child(7) {
  left: 9rem; }

.card-22:nth-child(8) {
  left: 10.5rem; }

.card-22:nth-child(9) {
  left: 12rem; }

.card-22:nth-child(10) {
  left: 13.5rem; }

.card-22:nth-child(11) {
  left: 15rem; }

.card-22:nth-child(12) {
  left: 16.5rem; }

.card-22:nth-child(13) {
  left: 18rem; }

.card-22:nth-child(14) {
  left: 19.5rem; }

.card-22:nth-child(15) {
  left: 21rem; }

.card-22:nth-child(16) {
  left: 22.5rem; }

.card-22:nth-child(17) {
  left: 24rem; }

.card-22:nth-child(18) {
  left: 25.5rem; }

.card-22:nth-child(19) {
  left: 27rem; }

.card-22:nth-child(20) {
  left: 28.5rem; }

.card-22:nth-child(21) {
  left: 30rem; }

.card-22:nth-child(22) {
  left: 31.5rem; }

.game-lucky-clover .bg {
  background: url("/img/genie/juego-trebol-afortunado.png") no-repeat center center;
  background-size: contain; }

.game-lucky-clover .sprite {
  background: url("/img/genie/juego-trebol-afortunado-2.png") no-repeat bottom left;
  margin: 10% auto 5% auto;
  height: 18rem;
  width: 17rem;
  position: relative; }
  .game-lucky-clover .sprite .clover {
    width: 7rem;
    height: 7rem;
    position: absolute;
    opacity: 0.3;
    cursor: pointer;
    border-radius: 50%; }
  .game-lucky-clover .sprite #clover1 {
    top: 4rem;
    left: 1rem; }
  .game-lucky-clover .sprite #clover2 {
    top: 1rem;
    right: 3rem; }
  .game-lucky-clover .sprite #clover3 {
    bottom: 1rem;
    left: 3.5rem; }
  .game-lucky-clover .sprite #clover4 {
    bottom: 3.5rem;
    right: 0; }

.game-cupid .bg {
  background: url("/img/genie/juego-cupido-querubin.gif") no-repeat bottom center;
  background-size: contain;
  padding-top: 5rem; }

.game-cupid .hearts {
  background: url("/img/genie/juego-cupido-querubin-2.gif") no-repeat 0 -33rem;
  background-size: cover;
  height: 11rem;
  width: 10.3rem;
  float: left; }

.game-cupid .cupid {
  background: url("/img/genie/juego-cupido-querubin-3.gif") no-repeat 0 -33rem;
  background-size: cover;
  height: 11rem;
  width: 11rem;
  float: right; }

.game-love-fairy .bg {
  background: url("/img/genie/juego-hadas-del-amor-1.jpg") no-repeat center center; }

.game-love-fairy .bg-2 {
  background: url("/img/genie/juego-hadas-del-amor-4.gif") no-repeat center center; }

.game-love-fairy .wand {
  height: 16rem;
  width: 11rem;
  margin-top: 3rem; }

.game-love-fairy .fairy {
  width: 12rem; }

.game-love-fairy #step1 {
  display: block; }

.game-love-fairy #step2, .game-love-fairy #step3, .game-love-fairy #step3_singles, .game-love-fairy #step3_couples, .game-love-fairy #step4 {
  display: none; }

.game-lucky-lady-bug .bg {
  background: url("/img/genie/juego-catarina-de-la-suerte.jpg") no-repeat center center;
  background-size: cover; }

.game-lucky-lady-bug .lady-bug {
  background: url("/img/genie/juego-catarina-de-la-suerte-catarina.png") no-repeat top center;
  background-size: cover;
  width: 12rem;
  height: 12rem;
  margin: 2rem auto 0 auto; }

.game-daily-dice .bg {
  padding-top: 3rem;
  padding-bottom: 3rem; }
  .game-daily-dice .bg h2 {
    margin-bottom: 2rem; }

.game-daily-dice .zigzag-box img {
  margin: 2rem 0; }

.game-fortune-dragon .bg {
  background: url("/img/genie/juego-dragon-chino-de-la-fortuna.jpg") no-repeat center center;
  background-size: cover; }
  .game-fortune-dragon .bg .btn {
    margin-top: 15rem; }

.game-fortune-cookie img, .game-love-cookie img {
  margin-top: 3rem; }

.game-fortune-cookie .bg, .game-love-cookie .bg {
  background-size: cover; }

.game-fortune-cookie .bg {
  background: url("/img/genie/juego-galleta-china-de-la-fortuna.jpg") no-repeat center center; }

.game-love-cookie .bg {
  background: url("/img/genie/juego-galletamor.jpg") no-repeat center center; }

.game-mariachi .bg {
  background: url("/img/genie/juego-mariachi-loco.jpg") no-repeat center center;
  background-size: contain; }
  .game-mariachi .bg h2 {
    margin: 85% 0 0 20%; }

.game-mariachi img {
  margin-top: 3rem; }

.game-crystal-ball .bg {
  background: url("/img/genie/juego-bolita-magica.jpg") no-repeat center center;
  background-size: contain; }

.game-crystal-ball img {
  margin-top: 3rem; }

.game-love-ball .bg, .game-magic-8-ball .bg {
  background-size: contain;
  height: 26rem; }
  .game-love-ball .bg img, .game-magic-8-ball .bg img {
    width: 25%;
    height: auto;
    display: block;
    margin: 6rem auto; }
  .game-love-ball .bg .btn, .game-magic-8-ball .bg .btn {
    margin-top: 21rem; }

.game-love-ball .bg {
  background: url("/img/genie/juego-bolita-del-amor.jpg") no-repeat center center; }

.game-magic-8-ball .bg {
  background: url("/img/genie/juego-la-bola-del-8.jpg") no-repeat center center; }

.game-daisy-love #gender {
  margin-bottom: 1rem; }

.game-daisy-love .bg {
  background: url("/img/genie/juego-me-quiere-no-me-quiere.png") no-repeat center center;
  background-size: contain; }
  .game-daisy-love .bg p {
    color: #fff;
    margin-bottom: 2rem; }

.game-daisy-love .flower {
  width: 12rem;
  height: 16rem;
  background: url("/img/genie/juego-me-quiere-no-me-quiere-flor.png") no-repeat center center;
  background-size: contain;
  position: relative;
  margin: 3rem auto 0 auto; }
  .game-daisy-love .flower a {
    width: 6rem;
    position: absolute; }
    .game-daisy-love .flower a:first-child {
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      top: -0.5rem;
      right: 3rem; }
    .game-daisy-love .flower a:nth-child(2) {
      -ms-transform: rotate(120deg);
      -webkit-transform: rotate(120deg);
      transform: rotate(120deg);
      top: 0rem;
      right: 0.5rem; }
    .game-daisy-love .flower a:nth-child(3) {
      -ms-transform: rotate(150deg);
      -webkit-transform: rotate(150deg);
      transform: rotate(150deg);
      top: 2rem;
      right: -1.5rem; }
    .game-daisy-love .flower a:nth-child(4) {
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      top: 4.5rem;
      right: -2rem; }
    .game-daisy-love .flower a:nth-child(5) {
      -ms-transform: rotate(210deg);
      -webkit-transform: rotate(210deg);
      transform: rotate(210deg);
      top: 7rem;
      right: -1.5rem; }
    .game-daisy-love .flower a:nth-child(6) {
      -ms-transform: rotate(240deg);
      -webkit-transform: rotate(240deg);
      transform: rotate(240deg);
      top: 9rem;
      right: 0.5rem; }
    .game-daisy-love .flower a:nth-child(7) {
      -ms-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
      top: 10rem;
      right: 3rem; }
    .game-daisy-love .flower a:nth-child(8) {
      -ms-transform: rotate(300deg);
      -webkit-transform: rotate(300deg);
      transform: rotate(300deg);
      top: 9rem;
      right: 5.5rem; }
    .game-daisy-love .flower a:nth-child(9) {
      -ms-transform: rotate(330deg);
      -webkit-transform: rotate(330deg);
      transform: rotate(330deg);
      top: 7.5rem;
      right: 7.5rem; }
    .game-daisy-love .flower a:nth-child(10) {
      -ms-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
      top: 5rem;
      right: 8rem; }
    .game-daisy-love .flower a:nth-child(11) {
      -ms-transform: rotate(390deg);
      -webkit-transform: rotate(390deg);
      transform: rotate(390deg);
      top: 2.5rem;
      right: 7.5rem; }
    .game-daisy-love .flower a:nth-child(12) {
      -ms-transform: rotate(420deg);
      -webkit-transform: rotate(420deg);
      transform: rotate(420deg);
      top: 0.5rem;
      right: 5.5rem; }

.game-mood-ring .bg {
  background: url("/img/genie/juego-anillo-del-humor.jpg") no-repeat center center;
  background-size: contain;
  padding: 5rem 0; }

.game-origami .sprite {
  background: url("/img/genie/juego-origami-adivinador.jpg") no-repeat top center;
  background-size: cover;
  width: 18rem;
  height: 18rem;
  position: relative;
  margin: 0 auto; }
  .game-origami .sprite .fold {
    width: 7rem;
    height: 6rem;
    position: absolute;
    opacity: 0.3;
    cursor: pointer; }
  .game-origami .sprite #fold1 {
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    background: transparent;
    top: 1rem;
    left: 2rem; }
  .game-origami .sprite #fold2 {
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    background: transparent;
    top: 2rem;
    right: 1.5rem; }
  .game-origami .sprite #fold3 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: transparent;
    bottom: 3.5rem;
    left: 1.5rem; }
  .game-origami .sprite #fold4 {
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
    background: transparent;
    bottom: 3rem;
    right: 2rem; }

.game-origami .sprite-2 {
  background-position: center -18rem; }
  .game-origami .sprite-2 #fold1 {
    top: 2rem; }
  .game-origami .sprite-2 #fold2 {
    top: 3rem; }
  .game-origami .sprite-2 #fold3 {
    left: 2rem; }

.game-origami .sprite-3 {
  background-position: center -36rem; }
  .game-origami .sprite-3 #fold1 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 3rem;
    left: 3rem; }
  .game-origami .sprite-3 #fold2 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 3rem;
    right: 2rem; }
  .game-origami .sprite-3 #fold3 {
    bottom: 2rem;
    left: 2rem; }
  .game-origami .sprite-3 #fold4 {
    bottom: 1.5rem;
    right: 2.5rem; }

.game-origami .zigzag-box img {
  position: relative;
  margin: 2rem 0; }

.game-origami .zigzag-box h2 {
  position: absolute;
  top: 10rem;
  left: 49%; }

.game-buddha-belly .buddha {
  position: relative;
  background: url("/img/genie/juego-la-panza-de-buda.png") no-repeat center center;
  background-size: contain;
  height: 22rem; }

.game-buddha-belly .belly {
  width: 70%;
  height: 5rem;
  display: block;
  position: absolute;
  bottom: 8rem;
  left: 3rem; }

.game-cast-a-spell .potions {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative; }
  .game-cast-a-spell .potions a {
    width: 17%;
    padding: 0 1rem; }
  .game-cast-a-spell .potions .dragme {
    position: relative; }

.game-psychic-test h2 {
  margin: 2rem 0 1rem 0; }

.game-psychic-test a {
  transition: transform 0.3s ease-in-out;
  display: block;
  margin: 1rem 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem; }
  .game-psychic-test a:hover {
    transform: translate(-3px, 3px); }

.game-psychic-test progress {
  -webkit-appearance: none;
  height: 0.2rem;
  width: 70%;
  color: #99CC00;
  background-color: #FFFFFF; }

.game-psychic-test progress::-webkit-progress-bar {
  background-color: #FFFFFF; }

.game-psychic-test progress::-webkit-progress-value {
  background-color: #99CC00 !important; }

.game-psychic-test progress::-moz-progress-bar {
  background-color: #99CC00 !important; }

.game-shell-oracle .bg {
  background: url("/img/genie/juego-conchaoraculo.jpg") no-repeat center center;
  background-size: contain;
  padding-top: 2rem; }

.game-shell-oracle .shell {
  background: url("/img/genie/juego-conchaoraculo-concha.png") no-repeat center center;
  background-size: contain; }
  .game-shell-oracle .shell img {
    width: 30%;
    margin: 2rem auto; }

.game-luck-meter h4 {
  margin: 1rem 0; }

.game-luck-meter .item {
  width: 12.5rem;
  padding: 0 0.5rem; }

.game-luck-meter .gauge {
  cursor: pointer;
  display: block;
  height: 13.75rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center; }
  .game-luck-meter .gauge.love {
    background-image: url("/img/calculator/luck-metter-love-sprite.png"); }
  .game-luck-meter .gauge.career {
    background-image: url("/img/calculator/luck-metter-career-sprite.png"); }
  .game-luck-meter .gauge.money {
    background-image: url("/img/calculator/luck-metter-money-sprite.png"); }

.game-luck-meter #redo {
  display: none; }

blockquote, .module-qotd {
  position: relative;
  font-style: italic;
  margin: 1.5rem 0;
  padding: 3rem;
  min-height: 12rem;
  text-align: center;
  border: 4px #322322 solid;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  blockquote:after, .module-qotd:after {
    content: "";
    background: url("../img/geom-soft-wave.svg") no-repeat;
    position: absolute;
    width: 7rem;
    height: 2rem;
    left: 50%;
    bottom: -1.95rem; }
  blockquote:before, .module-qotd:before {
    content: "\201C";
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 4rem;
    font-style: normal;
    position: absolute;
    width: 4rem;
    height: 4rem;
    left: 50%;
    top: -2rem;
    margin-left: -2rem;
    background: #f3f2f2;
    border-radius: 50%; }
  blockquote:after, .module-qotd:after {
    margin-left: -3.5rem; }
  blockquote h4, .module-qotd h4 {
    color: #9a8786; }

.mtop-1rem {
  margin-top: 1rem; }

.mtop-1_5rem {
  margin-top: 1.5rem; }

.mtop-2rem {
  margin-top: 2rem; }

.mbottom-1rem {
  margin-bottom: 1rem; }

.mbottom-1_5rem {
  margin-bottom: 1.5rem; }

.mbottom-2rem {
  margin-bottom: 2rem; }

.article-content {
  position: relative;
  position: relative;
  overflow: hidden; }
  .article-content:after {
    content: "";
    background: url("../img/geom-pink.png") no-repeat;
    position: absolute;
    width: 40rem;
    height: 40rem;
    bottom: 70rem;
    right: -28rem; }
  .article-content:after {
    z-index: -1;
    background-size: contain; }
  .article-content p {
    margin-bottom: 1.22rem; }
  .article-content blockquote {
    min-height: auto; }
    .article-content blockquote h4 {
      margin-top: 1rem;
      color: #9a8786; }
  .article-content .cover {
    object-fit: cover;
    height: 30rem; }
  .article-content .content ul,
  .article-content .content ol {
    margin-left: 1rem; }
  .article-content .content h1,
  .article-content .content h2,
  .article-content .content h3,
  .article-content .content h4 {
    margin: 1.5rem 0 0.5rem 0; }
  .article-content .content .swipe-container h4 {
    margin: 0; }
  .article-content .content .btn {
    margin: 0.2rem;
    display: inline-block; }
    .article-content .content .btn i {
      margin-right: 0.5rem; }
  .article-content .category {
    color: #322322;
    background: #e36aee;
    padding: 0.5rem 1rem;
    display: inline-block; }
    .article-content .category h4 {
      margin: 0; }
    .article-content .category a {
      color: #fff; }
  .article-content .meta {
    margin: 1rem 0; }
    .article-content .meta a {
      color: #322322; }
  .article-content .author-info {
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
    background: #e36aee;
    color: #fff; }
    .article-content .author-info span {
      font-family: 'Montserrat', sans-serif;
      font-size: 90%;
      text-transform: uppercase; }
  .article-content img,
  .article-content a img {
    margin-bottom: 1rem;
    max-width: 100%;
    height: auto; }
    .article-content img.alignright,
    .article-content a img.alignright {
      float: right;
      margin: 0 0 1rem 1rem; }
    .article-content img.alignleft,
    .article-content a img.alignleft {
      float: left;
      margin: 0 1rem 1rem 0; }
    .article-content img.aligncenter,
    .article-content a img.aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto; }

.internal-ad {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 0.5rem 1rem;
  display: inline-block;
  margin: 1rem 0 2rem 0; }

.error {
  padding: 10rem 0; }
  .error h1 {
    margin-bottom: 1rem; }
  .error p {
    margin-bottom: 1.22rem; }

.show-s-xs {
  display: none; }

.module-article, .module-tarot {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.module-article {
  position: relative;
  background: #fff; }
  .module-article:after {
    content: "";
    background: url("../img/geom-blue.png") no-repeat;
    position: absolute;
    width: 18rem;
    height: 25.2rem;
    bottom: -14rem;
    right: -16rem; }
  .module-article:after {
    z-index: -1;
    background-size: contain; }
  .module-article a h3, .module-article h2 {
    color: #322322; }
  .module-article h2, .module-article h4 {
    margin: 1rem 0; }
  .module-article .row {
    display: flex;
    align-items: center; }
  .module-article .cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 18rem; }

.module-tarot {
  position: relative; }
  .module-tarot:before {
    content: "";
    background: url("../img/geom-cube.svg") no-repeat;
    position: absolute;
    width: 5rem;
    height: 4rem;
    top: -4.5rem;
    left: -2rem; }
  .module-tarot h2 {
    margin-bottom: 0.5rem; }
  .module-tarot p {
    margin: 2rem 0 1rem 0; }
  .module-tarot img {
    transition: transform 0.3s ease-in-out; }
    .module-tarot img:hover {
      transform: translate(-3px, 3px); }
  .module-tarot a {
    color: #049ee6; }
    .module-tarot a:hover {
      color: #036a9b; }

.module-reading {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-top: 4px #322322 solid;
  background: #7e8697;
  padding: 1rem;
  color: #fff; }
  .module-reading .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  .module-reading .span-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    .module-reading .span-4 a {
      transition: transform 0.3s ease-in-out;
      display: block;
      color: #fff;
      margin: 1rem 0; }
      .module-reading .span-4 a:hover {
        transform: translate(-3px, 3px); }
      .module-reading .span-4 a h4 {
        margin-top: 0.5rem; }
    .module-reading .span-4:first-child, .module-reading .span-4:last-child {
      padding-top: 2rem; }

.module-planet-overview {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-top: 4px #a7d037 solid;
  background: url("../img/bg-planet-overview.jpg") no-repeat;
  position: relative;
  background-size: cover;
  padding: 1rem 1.5rem;
  color: #fff; }
  .module-planet-overview:before {
    content: "";
    background: url("../img/geom-red.png") no-repeat;
    position: absolute;
    width: 30rem;
    height: 21rem;
    left: -22rem;
    bottom: -13rem; }
  .module-planet-overview:before {
    z-index: -1;
    background-size: contain; }
  .module-planet-overview h4 {
    margin: 1rem 0; }
  .module-planet-overview p {
    font-size: 1rem; }
  .module-planet-overview a {
    color: #e6e6e6; }
    .module-planet-overview a:hover {
      color: #fff; }
    .module-planet-overview a h4 {
      margin-bottom: 0.5rem; }
  .module-planet-overview .icon-planet {
    font-size: 2rem;
    margin: 0.5rem 0 1rem 0;
    display: block; }

.module-qotd p {
  margin: 1rem 0; }

.module-qotd a h4 {
  color: #322322; }

.module-recommended {
  margin: 1rem 0; }
  .module-recommended h3 {
    text-transform: lowercase; }
    .module-recommended h3:first-letter {
      text-transform: uppercase; }
  .module-recommended .row {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: #322322; }

.module-matches, .module-star-ratings {
  padding: 1.5rem; }
  .module-matches h3, .module-star-ratings h3 {
    margin-bottom: 1.5rem; }
  .module-matches ul li, .module-star-ratings ul li {
    margin: 0 0.5rem 1rem 0.5rem; }

.module-matches {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-top: 4px #049ee6 solid;
  background: #fff; }
  .module-matches a {
    color: #049ee6; }
    .module-matches a:hover {
      color: #036a9b; }
  .module-matches ul li {
    width: 42%; }
  .module-matches .text-center h4 {
    margin-top: 2rem; }

.module-star-ratings {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-top: 4px #e36aee solid;
  background: #fff;
  position: relative; }
  .module-star-ratings:after {
    content: "";
    background: url("../img/geom-blue.png") no-repeat;
    position: absolute;
    width: 21rem;
    height: 28rem;
    bottom: -8rem;
    right: -19rem; }
  .module-star-ratings:after {
    z-index: -1;
    background-size: contain; }
  .module-star-ratings a {
    color: #e36aee; }
    .module-star-ratings a:hover {
      color: #d625e6; }
  .module-star-ratings ul li {
    width: 30%; }
  .module-star-ratings .text-center h4 {
    margin-top: 1rem; }
  .module-star-ratings .icon-filled-star {
    margin: 0 0.2rem;
    color: #d9d9d9; }
    .module-star-ratings .icon-filled-star.highlight {
      color: #e36aee; }

.module-love-compat {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-top: 4px #f26d90 solid;
  background: linear-gradient(178deg, #feacc5 0%, #ff97b1 8%, #b862a0 92%, #c375ab 99%);
  padding: 2rem 1rem;
  color: #fff; }
  .module-love-compat h3 {
    margin-bottom: 1rem; }
  .module-love-compat a {
    color: #f2f2f2; }
    .module-love-compat a:hover {
      color: #fff; }
  .module-love-compat span {
    font-size: 3rem; }
  .module-love-compat .icon-double-heart {
    font-size: 2rem; }
  .module-love-compat .text-center h4 {
    margin-top: 2rem; }
  .module-love-compat .sign {
    margin: 1rem;
    padding: 1rem 0.5rem;
    background: rgba(255, 255, 255, 0.3);
    height: 6rem;
    width: 32%; }
    .module-love-compat .sign i {
      font-size: 2.25rem; }
    .module-love-compat .sign p {
      font-size: 0.89rem; }
  .module-love-compat .aries {
    background: #ffb15e; }
  .module-love-compat .taurus {
    background: #ffa894; }
  .module-love-compat .gemini {
    background: #a5d687; }
  .module-love-compat .cancer {
    background: #ffd05e; }
  .module-love-compat .leo {
    background: #c6c575; }
  .module-love-compat .virgo {
    background: #f4c3e9; }
  .module-love-compat .libra {
    background: #ceb7f4; }
  .module-love-compat .scorpio {
    background: #df9ce1; }
  .module-love-compat .sagittarius {
    background: #a2b0f6; }
  .module-love-compat .capricorn {
    background: #56d6e5; }
  .module-love-compat .aquarius {
    background: #9ac7fa; }
  .module-love-compat .pisces {
    background: #9adefa; }
  .module-love-compat .chinese {
    background: #e36aee; }
  .module-love-compat .compat-options {
    display: none; }
    .module-love-compat .compat-options h4 {
      margin: 1rem 0 0.5rem 0; }
    .module-love-compat .compat-options a {
      padding: 0.5rem;
      font-size: 1rem; }

.module-more-thumbnails {
  margin: 1.5rem 0; }
  .module-more-thumbnails h2 {
    margin: 1rem 0; }
  .module-more-thumbnails h3 {
    margin-bottom: 1rem; }
  .module-more-thumbnails h4 {
    margin: 1rem 0 0.5rem 0; }
  .module-more-thumbnails a {
    color: #322322; }
    .module-more-thumbnails a:hover h4 {
      color: #e36aee; }
    .module-more-thumbnails a:hover img {
      transition: transform 0.3s ease-in-out; }
      .module-more-thumbnails a:hover img:hover {
        transform: translate(-3px, 3px); }
  .module-more-thumbnails .cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 12rem; }

.show-s, .show-xs {
  display: none; }

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  nav.space-between {
    display: none; }
  header {
    display: block;
    padding-top: 1rem; }
    header .header-wrap-s {
      display: flex;
      justify-content: space-between; }
    header a:hover {
      color: #322322; }
  .show-menu {
    display: block;
    background: #f2f2f2;
    height: 100vh;
    width: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 4;
    overflow-y: scroll;
    max-width: 100%; }
    .show-menu nav {
      display: block; }
      .show-menu nav .dropdown-trigger:after {
        display: none; }
      .show-menu nav .dropdown-trigger > a {
        padding-left: 1rem;
        padding-right: 1rem; }
      .show-menu nav a {
        display: block;
        padding: 1rem 0; }
      .show-menu nav .dropdown {
        position: static;
        font-size: 0.83rem;
        background: #f7f7f7;
        box-shadow: none;
        border-top: 1px #e6e6e6 solid;
        margin-left: 0;
        width: auto; }
        .show-menu nav .dropdown a {
          padding: 0.5rem 0;
          border: none; }
      .show-menu nav .hide-s-xs {
        display: none; }
      .show-menu nav .show-s-xs {
        display: block; }
    .show-menu .header-wrap-s {
      background: #f2f2f2;
      padding: 1rem;
      position: sticky;
      top: 0;
      z-index: 3; }
  .move-down-menu {
    top: 6.5rem; }
  .brand, .menu-trigger, .search-trigger, .icon-close {
    color: #322322;
    font-size: 1.11rem;
    padding: 0; }
  .sitemap .container:before {
    display: none; }
  .sitemap .icon-close {
    top: 0;
    right: 1rem; }
  .article-content:after {
    display: none; }
  .index-header {
    text-align: center; }
    .index-header h1 {
      color: #322322; }
    .index-header .space-between {
      display: block; }
    .index-header .center, .index-header .right {
      margin-top: 1rem;
      flex-wrap: wrap;
      justify-content: center; }
      .index-header .center a, .index-header .right a {
        margin: 0.3rem; }
  .index-thumbnails:before, .index-thumbnails:after, .profile-content:before, .profile-content:after {
    display: none; }
  .index-thumbnails .container, .profile-content .container {
    padding-top: 1rem; }
  .btn {
    padding: 0.5rem; }
  .btn-m {
    font-size: .89rem; }
  .geom-pink-header:before, .geom-blue-header:before {
    display: none; } }

@media only screen and (min-width: 0px) and (max-width: 767px) {
  h1 {
    font-size: 1rem; }
    h1.big {
      font-size: 1.39rem;
      font-weight: 400; }
  h2 {
    font-size: 0.83rem; }
    h2.big {
      font-size: 1.11rem; }
  h3, h3.big {
    font-size: 1rem; }
  h4 {
    font-size: 0.77rem; }
  p, ul, ol {
    font-size: 1rem; }
  select, input {
    font-size: 1rem;
    padding: 0.5rem; }
  .headline p {
    font-size: 1rem; }
  .more-horoscopes:before {
    display: none; }
  .more-horoscopes .left {
    justify-content: center; }
  footer {
    display: block;
    text-align: center;
    margin-top: 1rem; }
    footer ul a {
      margin: 0 0.2rem 0.2rem 0.2rem;
      font-size: 0.67rem; }
    footer h5 {
      font-size: 0.67rem; }
    footer .apps {
      width: 100%;
      margin-top: 1rem; }
  .choose-sign {
    margin-top: 0; }
    .choose-sign h1 {
      margin-bottom: 0.5rem; }
      .choose-sign h1:before {
        display: none; }
    .choose-sign .row {
      margin-left: -0.75rem;
      margin-right: -0.75rem; }
    .choose-sign .span-xs-4 {
      padding-left: 0.3rem;
      padding-right: 0.3rem; }
    .choose-sign .sign {
      padding: 0.5rem;
      margin: 0.3rem 0; }
      .choose-sign .sign p {
        font-size: 0.78rem; }
      .choose-sign .sign i {
        font-size: 1.22rem; }
      .choose-sign .sign h4 {
        font-size: 0.62rem; }
  .more-horoscopes {
    margin: 1.5rem 0 0.5rem 0; }
    .more-horoscopes .btn {
      font-size: 0.77rem; }
  .horoscope .more-horoscopes {
    text-align: center; }
  .horoscope-box {
    padding: 2rem 1rem 1rem 1rem;
    text-align: center; }
    .horoscope-box h1 {
      margin-bottom: 0.5rem; }
    .horoscope-box p {
      font-size: 0.89rem;
      margin-bottom: 0.89rem; }
    .horoscope-box .dropdown {
      text-align: left;
      width: 90%;
      font-size: 0.89rem; }
      .horoscope-box .dropdown div {
        height: 15rem; }
  .time-shift {
    font-size: 0.78rem;
    margin-bottom: 0.5rem;
    justify-content: center;
    flex-wrap: wrap; }
    .time-shift.show-xs {
      display: flex; }
    .time-shift li {
      padding-bottom: 0.5rem; }
  .sign-form {
    margin: 1rem 0 0 0; }
    .sign-form .text-right {
      text-align: center; }
  .zigzag-box:after {
    bottom: -1.90rem; }
  .module-article {
    margin: 1rem 0 0 0;
    padding: 0;
    background: transparent; }
    .module-article:after {
      display: none; }
    .module-article .cover {
      height: 10rem; }
  .module-reading {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .module-tarot {
    margin-top: 1rem;
    margin-bottom: 1rem; }
    .module-tarot:before {
      display: none; }
    .module-tarot p {
      margin-top: 1rem; }
    .module-tarot .span-xs-8 {
      padding-left: 0; }
  .module-planet-overview {
    margin: 1rem 0; }
    .module-planet-overview:before {
      display: none; }
  .module-matches, .module-star-ratings {
    margin-top: 1rem;
    margin-bottom: 1rem; }
    .module-matches h2, .module-matches ul li, .module-star-ratings h2, .module-star-ratings ul li {
      margin-bottom: 1rem; }
    .module-matches .text-center h4, .module-star-ratings .text-center h4 {
      margin-top: 0; }
  .module-love-compat {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 0; }
    .module-love-compat .sign {
      padding: 1rem 0.5rem;
      height: 5rem;
      margin: 0.5rem; }
      .module-love-compat .sign i {
        font-size: 1.67rem; }
  .module-recommended {
    margin: 1rem 0; }
  .module-more-thumbnails {
    margin: 1rem 0 0 0; }
  blockquote, .module-qotd {
    padding: 1.5rem; }
    blockquote:after, .module-qotd:after {
      bottom: -1.9rem; }
  .ad-container {
    display: flex;
    justify-content: center; }
    .ad-container.show-xs {
      display: flex; }
    .ad-container.box-728x90 {
      max-width: 100%;
      min-height: 50px;
      min-width: 50%; }
  .form-content .zigzag-box {
    padding: 2rem 1rem; }
  .big-thumb .cover {
    height: 10rem; }
  .big-thumb .item {
    padding: 1rem;
    min-height: auto; }
    .big-thumb .item h4 {
      margin-top: 1rem; }
  .inner-content .zigzag-box {
    padding: 1rem;
    margin: 1rem auto; }
    .inner-content .zigzag-box .text-left {
      text-align: center; }
  .compatibility i {
    font-size: 2rem;
    margin: 0; }
  .compatibility .sign {
    height: 5rem; }
  .calculator .center {
    display: block; }
  .calculator .caret, .calculator input {
    width: 100%;
    margin: 1rem 0; }
  .calculator .btn {
    margin: 1rem auto; }
  .game-lucky-clover .bg {
    background-size: cover;
    background-position: center bottom; }
  .game-lucky-clover .sprite {
    margin: 5% 0 0 10%; }
  .game-luck-meter .item {
    margin: 0 auto; }
  .game-cupid .bg {
    padding-top: 2rem; }
  .game-love-fairy .fairy {
    width: 8rem; }
  .game-love-fairy .bg-2.step-3 {
    height: 30rem; }
    .game-love-fairy .bg-2.step-3 .center {
      display: block; }
  .game-daily-dice .span-xs-2 {
    padding: 0 0.3rem; }
  .game-crystal-ball .bg .btn {
    margin-top: 0; }
  .game-daisy-love .bg {
    background-size: cover; }
  .game-daisy-love .text-right {
    text-align: center; }
  .game-buddha-belly .buddha {
    height: 12rem; }
  .game-buddha-belly .belly {
    bottom: 4rem;
    left: 2rem;
    height: 3rem; }
  .deck-cards .center {
    flex-wrap: wrap; }
  .deck-cards .text-left .btn {
    margin: 1rem auto; }
  .card-7, .card-3 {
    width: 5rem; }
    .card-7 .card, .card-3 .card {
      margin: 0.2rem 0; }
  .deck-22 {
    height: 13rem;
    width: 20rem;
    margin: 0 auto; }
  .card-22 {
    width: 6rem; }
  .card-22:nth-child(2) {
    left: 0.7rem; }
  .card-22:nth-child(3) {
    left: 1.4rem; }
  .card-22:nth-child(4) {
    left: 2.1rem; }
  .card-22:nth-child(5) {
    left: 2.8rem; }
  .card-22:nth-child(6) {
    left: 3.5rem; }
  .card-22:nth-child(7) {
    left: 4.2rem; }
  .card-22:nth-child(8) {
    left: 4.9rem; }
  .card-22:nth-child(9) {
    left: 5.6rem; }
  .card-22:nth-child(10) {
    left: 6.3rem; }
  .card-22:nth-child(11) {
    left: 7rem; }
  .card-22:nth-child(12) {
    left: 7.7rem; }
  .card-22:nth-child(13) {
    left: 8.4rem; }
  .card-22:nth-child(14) {
    left: 9.1rem; }
  .card-22:nth-child(15) {
    left: 9.8rem; }
  .card-22:nth-child(16) {
    left: 10.5rem; }
  .card-22:nth-child(17) {
    left: 11.2rem; }
  .card-22:nth-child(18) {
    left: 11.9rem; }
  .card-22:nth-child(19) {
    left: 12.6rem; }
  .card-22:nth-child(20) {
    left: 13.3rem; }
  .card-22:nth-child(21) {
    left: 14rem; }
  .card-22:nth-child(22) {
    left: 14.7rem; }
  .article-content p {
    margin-bottom: 1rem; }
  .article-content blockquote {
    font-size: 1.11rem;
    padding: 2rem; }
  .article-content img.alignright,
  .article-content a img.alignright {
    float: none;
    display: block;
    margin: 0 auto 1rem auto; }
  .article-content img.alignleft,
  .article-content a img.alignleft {
    float: none;
    display: block;
    margin: 0 auto 1rem auto; }
  .article-content .cover {
    height: 15rem; }
  .article-content .meta {
    display: block;
    margin: 0.5rem 0; }
  .article-content .content h2 {
    margin-top: 1rem; }
  .internal-ad {
    margin: 0 0 1rem 0; }
  .small-thumb .item {
    height: auto; }
  @keyframes tilt {
    50% {
      transform: rotate(-5deg); }
    100% {
      transform: rotate(0); } }
  .tilt {
    animation: tilt .5s linear; }
  @keyframes dismiss {
    50% {
      left: -100vw; }
    100% {
      left: -100vw; } }
  .dismiss {
    animation: dismiss 1s forwards; }
  .swipe-container {
    position: relative;
    height: 25rem;
    width: 90%;
    margin: 0 auto;
    display: block; }
    .swipe-container .card {
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;
      opacity: 0;
      z-index: -1; }
      .swipe-container .card img, .swipe-container .card h2, .swipe-container .card h4, .swipe-container .card p {
        -webkit-user-select: none;
        /* Chrome all / Safari all */
        -moz-user-select: none;
        /* Firefox all */
        -ms-user-select: none;
        /* IE 10+ */
        user-select: none;
        z-index: -10; }
      .swipe-container .card .no-events {
        pointer-events: none; }
    .swipe-container .first {
      left: -10px;
      top: 0;
      z-index: 3;
      opacity: 1; }
    .swipe-container .second {
      left: 0px;
      top: 10px;
      z-index: 2;
      opacity: 1; }
    .swipe-container .third {
      left: 10px;
      top: 20px;
      z-index: 1;
      opacity: 1; }
  .profile-links {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1rem;
    margin-top: 1rem; }
    .profile-links.show-xs {
      display: flex; }
    .profile-links a {
      padding: 0.5rem; }
  .profile-content [class^="bg-"], .profile-content [class*=" bg-"] {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center; }
    .profile-content [class^="bg-"] h2, .profile-content [class*=" bg-"] h2 {
      margin-top: 1rem; }
    .profile-content [class^="bg-"] img, .profile-content [class*=" bg-"] img {
      width: 100%; }
  .profile-content .content h2 {
    margin-bottom: 0.5rem; }
  .profile-content .characteristics {
    display: block;
    height: auto; }
    .profile-content .characteristics h3 {
      width: 100%;
      padding: 0; }
  .profile-content .container {
    border: none;
    padding-top: 0; }
    .profile-content .container:before {
      display: none; }
    .profile-content .container .content {
      padding-top: 0; }
  .profile-content .more-links {
    border: none;
    padding: 0;
    margin-bottom: 0; }
    .profile-content .more-links:before {
      display: none; }
    .profile-content .more-links.space-between {
      display: block; }
      .profile-content .more-links.space-between a:last-child {
        text-align: right;
        display: block;
        margin-top: 1rem; }
  .hide-xs {
    display: none; }
  .show-xs {
    display: block; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  h1 {
    font-size: 1.11rem; }
    h1.big {
      font-size: 2rem; }
  h2 {
    font-size: 1rem; }
  h3 {
    font-size: 0.89rem; }
  h4 {
    font-size: 0.83rem; }
  p {
    font-size: 1rem; }
  .caret:after {
    font-size: 0.89rem;
    right: 0.5rem;
    top: 0.5rem; }
  input, select {
    padding: 0.5rem; }
  footer {
    display: block;
    text-align: center; }
    footer .apps {
      width: 33.333%;
      margin-top: 1rem; }
  .choose-sign h1 {
    margin-bottom: 0.5rem; }
    .choose-sign h1:before {
      left: 0; }
  .choose-sign .span-2 {
    padding: 0 0.5rem; }
  .choose-sign .sign {
    margin: 0.5rem 0; }
  .horoscope h1 {
    font-size: 2rem; }
  .horoscope-box {
    padding: 2rem 1.5rem; }
  .sign-form select {
    font-size: 0.89rem; }
  .sign-form .span-2 {
    padding: 0 0.5rem; }
  .small-thumb .item {
    height: 14rem; }
  .index-thumbnails .container .content {
    min-height: auto; }
  .module-article {
    padding: 1rem; }
  .module-reading {
    margin-left: 0; }
  .module-tarot p {
    margin-top: 1rem; }
  .module-tarot .span-s-8 {
    padding-left: 0.5rem; }
  .horoscope .module-recommended {
    margin: 1rem 0 1rem 4rem; }
  .module-more-thumbnails {
    margin: 1rem 0; }
  .swipe-container .card {
    width: 31.971%;
    height: 22rem; }
    .swipe-container .card h2 {
      margin: 1rem 0 0.5rem 0; }
    .swipe-container .card img {
      width: 30%;
      margin-top: 0.5rem; }
  .ad-container {
    display: flex;
    justify-content: center; }
  .hide-s {
    display: none; }
  .show-s {
    display: block; }
  .center-s {
    display: flex;
    justify-content: center; } }

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
  .brand {
    font-size: 1.11rem; }
  nav a {
    padding: 0 0.3rem; }
  nav li:after {
    display: none; }
  footer .apps {
    width: 35%; }
  .geom-pink-header:before {
    left: -18rem;
    top: -5rem; }
  .module-planet-overview {
    padding: 2rem 1rem; }
    .module-planet-overview p {
      font-size: 1rem; }
  .index-header {
    text-align: center; }
    .index-header .right {
      justify-content: center; }
  .swipe-container .card {
    height: 26rem; }
  .profile-content .characteristics {
    height: 17rem; } }

.subscription-container {
  position: relative;
  padding-top: 765px; }
  .subscription-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; }

.thank-you-text {
  margin-bottom: 25px; }