@import url(https://fonts.googleapis.com/css?family=Lato:700);
.charts-container:after {
  clear: both;
  content: '';
  display: table; }

.pie-wrapper {
  height: 1em;
  width: 1em;
  float: left;
  margin: 15px;
  position: relative; }
  .pie-wrapper:nth-child(3n + 1) {
    clear: both; }
  .pie-wrapper .pie {
    height: 100%;
    width: 100%;
    clip: rect(0, 1em, 1em, 0.5em);
    left: 0;
    position: absolute;
    top: 0; }
    .pie-wrapper .pie .half-circle {
      height: 100%;
      width: 100%;
      border: 0.1em solid #3498db;
      border-radius: 50%;
      clip: rect(0, 0.5em, 1em, 0);
      left: 0;
      position: absolute;
      top: 0; }
  .pie-wrapper .label {
    background: #34495e;
    border-radius: 50%;
    bottom: 0.4em;
    color: #ecf0f1;
    cursor: default;
    display: block;
    font-size: 0.25em;
    left: 0.4em;
    line-height: 2.8em;
    position: absolute;
    right: 0.4em;
    text-align: center;
    top: 0.4em; }
    .pie-wrapper .label .smaller {
      color: #bdc3c7;
      font-size: .45em;
      padding-bottom: 20px;
      vertical-align: super; }
  .pie-wrapper .shadow {
    height: 100%;
    width: 100%;
    border: 0.1em solid #bdc3c7;
    border-radius: 50%; }
  .pie-wrapper.style-2 .label {
    background: none;
    color: #7f8c8d; }
    .pie-wrapper.style-2 .label .smaller {
      color: #bdc3c7; }
  .pie-wrapper.progress-30 .pie .half-circle {
    border-color: #3498db; }
  .pie-wrapper.progress-30 .pie .left-side {
    transform: rotate(108deg); }
  .pie-wrapper.progress-30 .pie .right-side {
    display: none; }
  .pie-wrapper.progress-60 .pie {
    clip: rect(auto, auto, auto, auto); }
    .pie-wrapper.progress-60 .pie .half-circle {
      border-color: #9b59b6; }
    .pie-wrapper.progress-60 .pie .left-side {
      transform: rotate(216deg); }
    .pie-wrapper.progress-60 .pie .right-side {
      transform: rotate(180deg); }
  .pie-wrapper.progress-90 .pie {
    clip: rect(auto, auto, auto, auto); }
    .pie-wrapper.progress-90 .pie .half-circle {
      border-color: #e67e22; }
    .pie-wrapper.progress-90 .pie .left-side {
      transform: rotate(324deg); }
    .pie-wrapper.progress-90 .pie .right-side {
      transform: rotate(180deg); }
  .pie-wrapper.progress-45 .pie .half-circle {
    border-color: #1abc9c; }
  .pie-wrapper.progress-45 .pie .left-side {
    transform: rotate(162deg); }
  .pie-wrapper.progress-45 .pie .right-side {
    display: none; }
  .pie-wrapper.progress-75 .pie {
    clip: rect(auto, auto, auto, auto); }
    .pie-wrapper.progress-75 .pie .half-circle {
      border-color: #8e44ad; }
    .pie-wrapper.progress-75 .pie .left-side {
      transform: rotate(270deg); }
    .pie-wrapper.progress-75 .pie .right-side {
      transform: rotate(180deg); }
  .pie-wrapper.progress-95 .pie {
    clip: rect(auto, auto, auto, auto); }
    .pie-wrapper.progress-95 .pie .half-circle {
      border-color: #e74c3c; }
    .pie-wrapper.progress-95 .pie .left-side {
      transform: rotate(342deg); }
    .pie-wrapper.progress-95 .pie .right-side {
      transform: rotate(180deg); }

.pie-wrapper--solid {
  border-radius: 50%;
  overflow: hidden; }
  .pie-wrapper--solid:before {
    border-radius: 0 100% 100% 0 / 50%;
    content: '';
    display: block;
    height: 100%;
    margin-left: 50%;
    transform-origin: left; }
  .pie-wrapper--solid .label {
    background: transparent; }
  .pie-wrapper--solid.progress-65 {
    background: linear-gradient(to right, #e67e22 50%, #34495e 50%); }
    .pie-wrapper--solid.progress-65:before {
      background: #e67e22;
      transform: rotate(126deg); }
  .pie-wrapper--solid.progress-25 {
    background: linear-gradient(to right, #9b59b6 50%, #34495e 50%); }
    .pie-wrapper--solid.progress-25:before {
      background: #34495e;
      transform: rotate(-270deg); }
  .pie-wrapper--solid.progress-88 {
    background: linear-gradient(to right, #3498db 50%, #34495e 50%); }
    .pie-wrapper--solid.progress-88:before {
      background: #3498db;
      transform: rotate(43.2deg); }

@font-face {
  font-family: 'Bebas Neue';
  src: url("../fonts/BebasNeueLight.woff2") format("woff2"), url("../fonts/BebasNeueLight.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Bebas Neue';
  src: url("../fonts/BebasNeue-Thin.woff2") format("woff2"), url("../fonts/BebasNeue-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Bebas Neue';
  src: url("../fonts/BebasNeueBold.woff2") format("woff2"), url("../fonts/BebasNeueBold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Bebas Neue Book';
  src: url("../fonts/BebasNeueBook.woff2") format("woff2"), url("../fonts/BebasNeueBook.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Bebas Neue';
  src: url("../fonts/BebasNeueRegular.woff2") format("woff2"), url("../fonts/BebasNeueRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.fixed_link {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  display: block;
  z-index: 1; }

html > body > div.site {
  padding: 0;
  background: #ece8e1 url("https://disgustingmen.com/wp-content/uploads/2020/07/main_body.jpg") 50% top no-repeat; }

html > body > div.site > section.under_nav {
  display: none; }

body #main {
  padding: 15px; }
  body #main.start-test .game-btn {
    display: none; }
  body #main.start-test article, body #main.test-result article {
    display: none; }
  body #main.start-test .base-share, body #main.test-result .base-share {
    display: none; }
  body #main.test-result .game-btn {
    display: block; }
  body #main.test-result .test-body {
    display: none; }
  body #main.test-result .result {
    display: block; }
  body #main.test-result .testResult .base-share {
    display: flex; }

header.site_header {
  border-color: #1b1b1b;
  background-color: #1b1b1b; }

header.site_header > nav {
  background: #1b1b1b; }

.site_header > nav ul > li > a {
  color: white;
  font-family: "Bebas Neue", sans-serif;
  font-size: 25px; }

.site_header > nav ul > li:last-child a {
  display: none; }

.entry-meta {
  display: none; }

header.site_header > .logo svg rect {
  fill: #1b1b1b !important; }

html .fix_menu.fix {
  transform: none;
  width: 980px !important;
  margin-left: 0 !important; }

.wp-block-image {
  margin-bottom: 0; }

.preview {
  text-align: center;
  position: relative;
  margin-top: 85px; }
  .preview img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  .preview_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    z-index: 1;
    display: block; }
  @media (max-width: 992px) {
    .preview {
      margin-top: 30px; } }

html > body > div.site > div.wrapper .site-content100 .entry-content {
  margin: 0; }

html > body > div.site > div.wrapper .entry-content, html > body > div.site > div.wrapper .entry-content p {
  font-size: 18px;
  line-height: 30px; }
  @media (max-width: 992px) {
    html > body > div.site > div.wrapper .entry-content, html > body > div.site > div.wrapper .entry-content p {
      font-size: 16px;
      line-height: 26px; } }

.footer_copy a {
  background: url("https://disgustingmen.com/wp-content/uploads/2020/07/bull.png"); }

.riot-btn {
  max-width: 290px;
  width: 100%;
  text-decoration: none;
  color: #ece8e1;
  font-size: 27px;
  text-transform: uppercase;
  background-color: #ece8e1;
  border-radius: 0;
  padding: 7px;
  border: 1px solid #aea9a0;
  position: relative;
  margin: 0 auto;
  display: block;
  font-family: 'Bebas Neue', serif; }
  .riot-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #fd4458;
    min-height: 60px;
    position: relative;
    z-index: 1; }
    .riot-btn span:after {
      content: '';
      display: block;
      width: 5px;
      height: 5px;
      background-color: #1b1b1b;
      position: absolute;
      right: 0;
      bottom: 0; }
  .riot-btn:hover {
    background: #ece8e1;
    color: #ece8e1; }
  .riot-btn:after {
    content: '';
    display: block;
    height: 10px;
    width: calc(100% + 2px);
    background-color: #ece8e1;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -5px; }

body.custom-background {
  background: #0f1923 url("https://disgustingmen.com/wp-content/uploads/2020/07/experiment_fon2.jpg") 50% top no-repeat;
  background-attachment: fixed; }

.riot {
  max-width: 677px;
  margin: 0 auto;
  color: #6f6c67; }
  .riot .entry-content h2 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-top: 0;
    color: #1b1b1b; }
    @media (max-width: 992px) {
      .riot .entry-content h2 {
        font-size: 20px; } }
  .riot .entry-header {
    display: none; }
    .riot .entry-header h1 {
      text-align: center;
      font-size: 22px;
      font-weight: bold;
      color: #1b1b1b; }
    @media (max-width: 992px) {
      .riot .entry-header {
        font-size: 20px; } }
  .riot .share {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px; }
    .riot .share_title {
      color: #6f6c67;
      font-size: 15px;
      margin-bottom: 10px; }
    .riot .share_links {
      display: flex;
      margin-left: -7px; }
      .riot .share_links a {
        display: flex;
        margin-left: 7px;
        text-decoration: none;
        align-items: center;
        justify-content: center;
        height: 48px;
        width: 48px;
        background-color: #1b1b1b; }
    @media (max-width: 992px) {
      .riot .share {
        margin-bottom: 30px; } }

.test {
  margin-bottom: 30px; }
  .test strong {
    font-weight: 500; }
  .test_counter {
    position: relative;
    width: 124px;
    height: 124px;
    border: 1px solid #aea9a0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    font-size: 30px;
    color: #6f6c67;
    font-weight: 300;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto; }
    .test_counter .circle {
      width: 124px;
      height: 124px;
      border: 4px solid #fd4458;
      border-radius: 50%;
      position: absolute;
      left: -4px;
      top: -4px;
      clip: rect(0px, 70px, 10px, 0px); }
    .test_counter.part_2 .circle {
      clip: rect(0px, 70px, 30px, 0px); }
    .test_counter.part_3 .circle {
      clip: rect(0px, 70px, 60px, 0px); }
    .test_counter.part_4 .circle {
      clip: rect(0px, 70px, 90px, 0px); }
    .test_counter.part_5 .circle {
      clip: rect(0px, 70px, 120px, 0px); }
    .test_counter.part_6 .circle {
      clip: rect(0px, 70px, 160px, 0px); }
    .test_counter.part_7 .circle {
      clip: rect(0px, 70px, 160px, 0px); }
    .test_counter.part_7 .right {
      transform: rotate(-30deg); }
    .test_counter.part_8 .circle {
      clip: rect(0px, 70px, 160px, 0px); }
    .test_counter.part_8 .right {
      transform: rotate(-60deg); }
    .test_counter.part_9 .circle {
      clip: rect(0px, 70px, 160px, 0px); }
    .test_counter.part_9 .right {
      transform: rotate(-90deg); }
    .test_counter.part_10 .circle {
      clip: rect(0px, 70px, 160px, 0px); }
    .test_counter.part_10 .right {
      transform: rotate(-120deg); }
    .test_counter.part_11 .circle {
      clip: rect(0px, 70px, 160px, 0px); }
    .test_counter.part_11 .right {
      transform: rotate(-140deg); }
    .test_counter.part_12 .circle {
      clip: rect(0px, 70px, 160px, 0px); }
    .test_counter.part_12 .right {
      transform: rotate(-175deg); }
  .test_image {
    margin: 0 0 30px 0;
    min-height: 390px; }
    .test_image img {
      max-width: 100%;
      height: auto;
      display: block; }
    @media (max-width: 992px) {
      .test_image {
        margin-bottom: 15px;
        min-height: 200px; } }
  .test_title {
    font-size: 23px;
    line-height: 31px;
    color: #6f6c67;
    font-weight: 300;
    margin-bottom: 30px;
    text-align: center; }
    @media (max-width: 992px) {
      .test_title {
        font-size: 20px;
        margin-bottom: 15px;
        font-weight: 500; } }
  .test_answer {
    position: relative;
    display: block;
    min-height: 30px;
    margin-bottom: 15px;
    line-height: 30px;
    padding: 8px 10px; }
    .test_answer.wrong .test_answer-body:before {
      background: url("https://disgustingmen.com/wp-content/uploads/2020/07/check_wrong.png") no-repeat; }
    .test_answer.selected.wrong {
      background: rgba(27, 27, 27, 0.1); }
    .test_answer.selected.right {
      background: rgba(255, 255, 255, 0.5); }
    .test_answer.right .test_answer-body:before {
      background: url("https://disgustingmen.com/wp-content/uploads/2020/07/checkbox_right.png") no-repeat; }
    .test_answer.right .test_answer-text {
      display: block; }
    .test_answer.right .test_answer-title {
      color: #fd4458; }
    .test_answer.right {
      background: rgba(255, 255, 255, 0.5); }
    .test_answer-text {
      display: none;
      font-size: 16px;
      color: #6f6c67;
      line-height: 22px; }
    .test_answer label {
      cursor: pointer;
      position: relative; }
      .test_answer label input {
        position: absolute;
        left: -9999px; }
    .test_answer-body {
      padding-left: 45px; }
      .test_answer-body:before {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        background: url("https://disgustingmen.com/wp-content/uploads/2020/07/checkbox.png") no-repeat;
        position: absolute;
        left: 0;
        top: 0; }
  .test ul {
    font-size: 21px;
    color: #6f6c67;
    margin: 0 0 30px 0;
    font-weight: 300; }
    @media (max-width: 992px) {
      .test ul {
        font-size: 18px; } }

.result {
  color: #6f6c67;
  font-size: 19px;
  font-weight: 300;
  line-height: 30px;
  display: none;
  text-align: center; }
  .result figure {
    margin-top: 30px; }
  .result a {
    color: #6f6c67; }

.testResult {
  text-align: center;
  display: none;
  margin-bottom: 30px; }
  .testResult_title {
    font-size: 25px;
    color: #fd4458;
    font-family: 'Bebas Neue', serif;
    min-height: 120px;
    background: url("https://disgustingmen.com/wp-content/uploads/2020/07/result.png") 50% 0 no-repeat;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    justify-content: center; }
  .testResult_desc {
    font-size: 19px;
    color: #6f6c67;
    line-height: 30px;
    margin-bottom: 30px; }
  .testResult_img {
    margin-bottom: 30px; }
    .testResult_img img {
      max-width: 100%;
      display: block;
      height: auto; }

.gforce {
  display: flex;
  align-items: center;
  flex-direction: column; }
  .gforce img {
    margin-bottom: 15px;
    max-width: 100%;
    height: auto;
    display: block; }

/*# sourceMappingURL=page.css.map */