.CG-share {
  position: relative;
  bottom: 0;
  /* Contest list */ }

.CG-contest-list {
  list-style-type: none;
  padding: 0;
  /* Pagination */ }
  .CG-contest-list .CG-contest-wrapper {
    border-top: 1px solid #e4e4e4;
    list-style: none !important;
    min-height: 80px; }
    .CG-contest-list .CG-contest-wrapper:last-child {
      border-bottom: 1px solid #e4e4e4; }
    .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-body {
      background: transparent; }
      .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content {
        padding-top: 40px;
        padding-left: 0;
        padding-bottom: 0;
        position: relative; }
        .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content.CG-contest-finished {
          padding-top: 50px; }
        .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-media, .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-text {
          margin-top: 0; }
        .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-title {
          border-bottom: none;
          font-size: 24px;
          font-family: 'Passion One', cursive;
          color: #4d5257;
          line-height: 1;
          text-align: left;
          margin-bottom: 5px;
          padding-bottom: 0;
          margin-top: -7px;
          letter-spacing: 0; }
        .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-duration {
          font-size: 11px;
          font-family: 'Poppins', sans-serif;
          color: #b6b6b6;
          text-transform: uppercase;
          line-height: 2;
          letter-spacing: 0.14em; }
        .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-media {
          width: 70px;
          height: 70px;
          margin-right: 19px;
          border-radius: 5px; }
        .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-finish-text p {
          color: #4d5257;
          margin-bottom: 0px;
          margin-top: 15px; }
        .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-intro-text p {
          font-size: 14px;
          font-family: 'Poppins', sans-serif;
          color: #4d5257;
          margin-bottom: 16px; }
        .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-button {
          position: absolute;
          right: 0;
          top: 53px; }

.CG-pagination {
  margin-top: 40px;
  position: relative; }
  .CG-pagination .CG-pagination-index {
    display: inline-block;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #9f9f9f;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.833;
    text-align: right;
    position: relative;
    top: 14px;
    right: 0;
    position: absolute; }
  .CG-pagination .page-numbers {
    display: inline-block;
    border-radius: 5px;
    background-color: #f4f4f4;
    padding: 11px 19px 9px 19px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    vertical-align: middle;
    color: #9f9f9f;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 0;
    line-height: 1.833;
    text-align: center;
    box-shadow: none; }
    .CG-pagination .page-numbers.current, .CG-pagination .page-numbers:hover {
      background: #6fba3d;
      color: #fff; }

.CG-all-wrapper {
  /* Custom Media Query (tablets, px(990) and down) */ }
  .CG-all-wrapper html, .CG-all-wrapper body, .CG-all-wrapper div, .CG-all-wrapper span, .CG-all-wrapper applet, .CG-all-wrapper object, .CG-all-wrapper iframe, .CG-all-wrapper h1, .CG-all-wrapper h2, .CG-all-wrapper h3, .CG-all-wrapper h4, .CG-all-wrapper h5, .CG-all-wrapper h6, .CG-all-wrapper p, .CG-all-wrapper blockquote, .CG-all-wrapper pre, .CG-all-wrapper a, .CG-all-wrapper abbr, .CG-all-wrapper acronym, .CG-all-wrapper address, .CG-all-wrapper big, .CG-all-wrapper cite, .CG-all-wrapper code, .CG-all-wrapper del, .CG-all-wrapper dfn, .CG-all-wrapper em, .CG-all-wrapper img, .CG-all-wrapper ins, .CG-all-wrapper kbd, .CG-all-wrapper q, .CG-all-wrapper s, .CG-all-wrapper samp, .CG-all-wrapper small, .CG-all-wrapper strike, .CG-all-wrapper strong, .CG-all-wrapper sub, .CG-all-wrapper sup, .CG-all-wrapper tt, .CG-all-wrapper var, .CG-all-wrapper b, .CG-all-wrapper u, .CG-all-wrapper i, .CG-all-wrapper center, .CG-all-wrapper dl, .CG-all-wrapper dt, .CG-all-wrapper dd, .CG-all-wrapper ol, .CG-all-wrapper ul, .CG-all-wrapper li, .CG-all-wrapper fieldset, .CG-all-wrapper form, .CG-all-wrapper label, .CG-all-wrapper legend, .CG-all-wrapper table, .CG-all-wrapper caption, .CG-all-wrapper tbody, .CG-all-wrapper tfoot, .CG-all-wrapper thead, .CG-all-wrapper tr, .CG-all-wrapper th, .CG-all-wrapper td, .CG-all-wrapper article, .CG-all-wrapper aside, .CG-all-wrapper canvas, .CG-all-wrapper details, .CG-all-wrapper embed, .CG-all-wrapper figure, .CG-all-wrapper figcaption, .CG-all-wrapper footer, .CG-all-wrapper header, .CG-all-wrapper hgroup, .CG-all-wrapper menu, .CG-all-wrapper nav, .CG-all-wrapper output, .CG-all-wrapper ruby, .CG-all-wrapper section, .CG-all-wrapper summary, .CG-all-wrapper time, .CG-all-wrapper mark, .CG-all-wrapper audio, .CG-all-wrapper video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    /* HTML5 display-role reset for older browsers */ }
  .CG-all-wrapper article, .CG-all-wrapper aside, .CG-all-wrapper details, .CG-all-wrapper figcaption, .CG-all-wrapper figure, .CG-all-wrapper footer, .CG-all-wrapper header, .CG-all-wrapper hgroup, .CG-all-wrapper menu, .CG-all-wrapper nav, .CG-all-wrapper section {
    display: block; }
  .CG-all-wrapper body {
    line-height: 1; }
  .CG-all-wrapper ol, .CG-all-wrapper ul {
    list-style: none; }
  .CG-all-wrapper blockquote, .CG-all-wrapper q {
    quotes: none; }
  .CG-all-wrapper blockquote:before, .CG-all-wrapper blockquote:after {
    content: '';
    content: none; }
  .CG-all-wrapper q:before, .CG-all-wrapper q:after {
    content: '';
    content: none; }
  .CG-all-wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
    /* Basic stuff */ }
  .CG-all-wrapper h3 {
    font-family: 'Passion One', cursive;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.02em;
    line-height: 51px;
    border-bottom: 1px solid #4d5257;
    margin-bottom: 25px;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 8px; }
  .CG-all-wrapper p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0em;
    line-height: 36px;
    cursor: default;
    margin-bottom: 24px; }
  .CG-all-wrapper .CG-body {
    background: #303437;
    border-radius: 0px;
    position: relative; }
  .CG-all-wrapper .CG-contest-content {
    padding: 20px 20px 20px 20px;
    position: relative;
    margin-top: 0px;
    border-radius: 0px !important; }
  .CG-all-wrapper .CG-button[disabled] {
    background: #ddd;
    cursor: no-drop; }
  .CG-all-wrapper .CG-button {
    cursor: pointer;
    background: #6fba3d; }
  .CG-all-wrapper .CG-button, .CG-all-wrapper .CG-button[disabled] {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
    border: none;
    color: #fff;
    letter-spacing: 0em;
    line-height: 24px;
    padding: 13px 30px 9px 30px;
    border-radius: 0px;
    text-transform: uppercase;
    box-shadow: none; }
    .CG-all-wrapper .CG-button:hover, .CG-all-wrapper .CG-button[disabled]:hover {
      opacity: 0.9; }
    .CG-all-wrapper .CG-button.CG-submit, .CG-all-wrapper .CG-button[disabled].CG-submit {
      margin-top: 22px; }
  .CG-all-wrapper .CG-loading {
    width: 100%;
    background: #303437;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 100; }
  .CG-all-wrapper a.CG-button {
    display: inline-block;
    text-decoration: none; }
  .CG-all-wrapper .CG-media {
    display: inline-block; }
  .CG-all-wrapper .CG-text {
    display: inline-block;
    vertical-align: top;
    max-width: 60%; }
  .CG-all-wrapper .CG-text {
    margin-top: 26px; }
  .CG-all-wrapper .CG-media {
    margin-top: 33px;
    margin-right: 29px; }
  .CG-all-wrapper .CG-duration {
    font-family: 'Chewy', cursive;
    font-size: 16px;
    color: #787878;
    cursor: default;
    letter-spacing: 0.06em;
    font-weight: normal;
    line-height: 27px;
    margin-bottom: 17px; }
  .CG-all-wrapper .CG-info-boxes {
    display: table;
    width: 100%; }
    .CG-all-wrapper .CG-info-boxes > * {
      padding-left: 5px;
      padding-right: 5px; }
    .CG-all-wrapper .CG-info-boxes > div {
      display: table-cell;
      text-align: center;
      padding-top: 27px;
      padding-bottom: 29px;
      cursor: default;
      height: 71px; }
    .CG-all-wrapper .CG-info-boxes div.CG-finished-questions {
      font-size: 14px;
      font-family: 'Poppins', sans-serif;
      color: #787878;
      font-weight: 400;
      line-height: 26px;
      border-top: 1px solid #4b4b4b;
      text-align: center;
      vertical-align: top; }
      .CG-all-wrapper .CG-info-boxes div.CG-info {
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        color: #fff;
        line-height: 26px;
        padding-top: 27px;
        padding-bottom: 29px;
        font-weight: 400;
        vertical-align: top;
        border-top: 1px solid #4b4b4b;
        border-left: 1px solid #4b4b4b;
        border-right: 1px solid #4b4b4b; }
        .CG-all-wrapper .CG-info-boxes div.CG-info .CG-quiz-duration-time {
          color: #6fba3d; }
        .CG-all-wrapper .CG-info-boxes div.CG-info .CG-points-amount {
          color: #f34836; }
        .CG-all-wrapper .CG-info-boxes div.CG-info > * {
          display: inline-block; }
      .CG-all-wrapper .CG-info-boxes div.CG-remaining-questions {
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        color: #787878;
        line-height: 26px;
        font-weight: 400;
        vertical-align: top;
        border-top: 1px solid #4b4b4b; }
  .CG-all-wrapper .CG-current-score {
    position: absolute;
    right: 18px;
    display: inline-block;
    top: -36px;
    z-index: 9999999;
    /* Custom radio inputs */ }
    .CG-all-wrapper .CG-current-score span {
      display: block;
      vertical-align: middle;
      text-align: center;
      position: relative;
      top: -85px;
      text-transform: uppercase; }
      .CG-all-wrapper .CG-current-score span.CG-current-score-amount-1 {
        font-size: 20px;
        font-family: 'Chewy', cursive;
        color: #4d5257;
        letter-spacing: 0em; }
      .CG-all-wrapper .CG-current-score span.CG-current-score-amount-2 {
        font-size: 11px;
        font-family: 'Chewy', cursive;
        color: #4d5257;
        letter-spacing: 0em; }
  .CG-all-wrapper form {
    /* Finish */ }
    .CG-all-wrapper form ul li {
      margin: 10px 10px 16px 0px; }
      .CG-all-wrapper form ul li label {
        padding-left: 32px;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        color: #fff;
        line-height: 26px;
        letter-spacing: 0em; }
  .CG-all-wrapper .CG-finish {
    /* Intro */ }
    .CG-all-wrapper .CG-finish h3 {
      margin-top: 27px; }
  .CG-all-wrapper .CG-intro {
    /* Video */ }
    .CG-all-wrapper .CG-intro .CG-media {
      overflow: hidden;
      max-width: 30%;
      max-height: 293px; }
      .CG-all-wrapper .CG-intro .CG-media > img {
        max-width: 100%; }
  .CG-all-wrapper .CG-video {
    /* Img */ }
    .CG-all-wrapper .CG-video .CG-contest-content {
      padding-top: 47px;
      padding-bottom: 0; }
      .CG-all-wrapper .CG-video .CG-contest-content .CG-media {
        max-width: 610px; }
      .CG-all-wrapper .CG-video .CG-contest-content .CG-text {
        margin-top: 28px; }
      .CG-all-wrapper .CG-video .CG-contest-content .CG-text h3 {
        margin-bottom: 30px; }
      .CG-all-wrapper .CG-video .CG-contest-content .CG-text p {
        margin-bottom: 23px; }
      .CG-all-wrapper .CG-video .CG-contest-content .CG-submit {
        margin-bottom: 64px; }
  .CG-all-wrapper .CG-img .CG-media .CG-img-to-guess {
    border-radius: 999px;
    border: 8px solid #494d4f;
    width: 259px;
    min-height: 244px;
    min-width: 244px;
    max-height: 259px;
    overflow: hidden;
    margin-bottom: 42px; }
    .CG-all-wrapper .CG-img .CG-media .CG-img-to-guess img {
      max-width: 100%; }
    .CG-all-wrapper .CG-img .CG-media .CG-video-to-guess {
      max-width: 259px;
      min-height: 244px;
      min-width: 244px;
      max-height: 270px;
      overflow: hidden;
      margin-bottom: 42px; }
    .CG-all-wrapper .CG-img .CG-media .CG-video-to-guess iframe {
      max-width: 100%; }
    .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range {
      font-size: 11px;
      font-family: 'Poppins', sans-serif;
      color: #cecece;
      font-weight: 700;
      text-transform: uppercase;
      position: relative; }
    .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range > * {
      margin: 0 auto; }
    .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range span {
      position: relative; }
      .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range span.CG-img-difficulty-hard, .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range span.CG-img-difficulty-easy {
        top: -11px; }
      .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range span.CG-img-difficulty-hard {
        right: -60px; }
      .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range span.CG-img-difficulty-easy {
        right: -136px; }
      .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range span.CG-img-difficulty-seconds {
        position: absolute;
        right: 26px;
        top: 11px;
        color: #f34836; }
    .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range div.CG-img-difficulty-time-left {
      display: block;
      width: 142px;
      border: 1px solid red;
      height: 4px;
      border-radius: 5px;
      background: #f34836;
      position: relative;
      z-index: 1; }
      .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range div.CG-img-difficulty-time-passed {
        width: 0%;
        height: 4px;
        z-index: 99;
        border-radius: 5px;
        top: -1px;
        left: -2px;
        display: block;
        position: relative;
        background: #ddd; }
        .CG-all-wrapper .CG-img .CG-media .CG-img-difficulty-range div.CG-img-difficulty-time-passed span {
          position: absolute;
          display: block;
          width: 12px;
          height: 12px;
          background: #fff;
          border-radius: 50%;
          right: -6px;
          top: -4px; }

@media (max-width: 1024px) {
  .CG-all-wrapper .CG-text {
    width: 57%;
    max-width: 57%; } }

@media (max-width: 990px) {
  /* Small devices (mobiles, px(768) and down) */
    .CG-contest-content {
      position: relative;
      padding: 0 20px !important;
      padding-bottom: 50px !important; }
      .CG-contest-content .CG-media, .CG-contest-content .CG-text {
        margin: 0;
        margin-top: 20px;
        padding-top: 0px;
        width: 100%;
        max-width: initial !important; }
      .CG-contest-content .CG-media .CG-img-to-guess, .CG-contest-content .CG-media .CG-video-to-guess {
        margin-left: auto;
        margin-right: auto; }
        .CG-contest-content .CG-media .CG-img-difficulty-range {
          position: absolute !important;
          left: 50%;
          transform: translateX(-50%); }
          .CG-contest-content .CG-media .CG-img-difficulty-range span.CG-img-difficulty-seconds {
            left: 160px;
            bottom: 11px;
            right: initial !important; }
            .CG-contest-content .CG-media .CG-img-difficulty-range span.CG-img-difficulty-easy {
              right: -80px !important; }
            .CG-contest-content .CG-media .CG-img-difficulty-range span.CG-img-difficulty-hard {
              right: 2px !important; }
      .CG-contest-content .CG-current-score {
        top: -36px; }
    .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content {
      padding-left: 0 !important;
      padding-right: 0 !important;
      padding-top: 50px !important; }
      .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-media {
        width: 100%;
        height: auto; }
        .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-media img {
          width: 100%; }
      .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-button {
        position: relative;
        top: 0;
        right: initial; }
      .CG-contest-list .CG-contest-wrapper .CG-all-wrapper .CG-contest-content .CG-title {
        margin-top: 30px; } }

@media (max-width: 768px) {
  /* Custom Media Query (mobiles, px(640) and down) */
    .CG-share {
      top: 20px;
      left: 20px; }
    .CG-all-wrapper .CG-intro .CG-media > img {
      width: 100%; }
    .CG-contest-content .CG-media, .CG-contest-content .CG-text {
      margin-top: 60px;
      padding: 0 20px; }
    .CG-all-wrapper h3 {
      padding-top: 10px; } }

@media (max-width: 640px) {
  /* Extra Small devices (mobiles, px(480) and down) */
    .CG-text .CG-title {
      padding-top: 10px; }
    .CG-contest-list {
      margin-left: 0; } }

@media (max-width: 480px) {
  /* Extra Small devices (mobiles, px(480) and down) */ }

@media (max-width: 425px) {
  /* Extra Small SMALLER devices (mobiles, px(320) and down) */
    .CG-wrapper .CG-img .CG-media .CG-img-to-guess {
      width: 200px; }
    .CG-contest-content .CG-media, .CG-contest-content .CG-text {
      padding: 0px; }
    .CG-share {
      left: 0px; } }

@media (max-width: 320px) {
  .CG-all-wrapper .CG-img .CG-media .CG-img-to-guess, .CG-all-wrapper .CG-img .CG-media .CG-video-to-guess {
    min-height: 204px;
    min-width: 204px;
    max-height: initial;
    max-width: initial; }

  .CG-wrapper .CG-img .CG-media .CG-img-to-guess {
    width: 200px; } }

.bubblingG {
  text-align: center;
  width: 100%;
  height: 100%;
  margin: auto; }

.bubblingG span {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 24px auto;
  background: rgba(51, 66, 31, 0.64);
  border-radius: 49px;
  -o-border-radius: 49px;
  -ms-border-radius: 49px;
  -webkit-border-radius: 49px;
  -moz-border-radius: 49px;
  animation: bubblingG 0.6s infinite alternate;
  -o-animation: bubblingG 0.6s infinite alternate;
  -ms-animation: bubblingG 0.6s infinite alternate;
  -webkit-animation: bubblingG 0.6s infinite alternate;
  -moz-animation: bubblingG 0.6s infinite alternate; }

#bubblingG_1 {
  animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s; }

#bubblingG_2 {
  animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s; }

#bubblingG_3 {
  animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s; }

@keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #6fba3d;
    transform: translateY(0); }

  100% {
    width: 23px;
    height: 23px;
    background-color: #fff;
    transform: translateY(-20px); } }

@-o-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #6fba3d;
    -o-transform: translateY(0); }

  100% {
    width: 23px;
    height: 23px;
    background-color: #fff;
    -o-transform: translateY(-20px); } }

@-ms-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #6fba3d;
    -ms-transform: translateY(0); }

  100% {
    width: 23px;
    height: 23px;
    background-color: #fff;
    -ms-transform: translateY(-20px); } }

@-webkit-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #6fba3d;
    -webkit-transform: translateY(0); }

  100% {
    width: 23px;
    height: 23px;
    background-color: #fff;
    -webkit-transform: translateY(-20px); } }

@-moz-keyframes bubblingG {
  0% {
    width: 10px;
    height: 10px;
    background-color: #6fba3d;
    -moz-transform: translateY(0); }

  100% {
    width: 23px;
    height: 23px;
    background-color: #fff;
    -moz-transform: translateY(-20px); } }

input[type="checkbox"], input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  input[type="checkbox"]:focus + label:before, input[type="radio"]:focus + label:before, input[type="checkbox"]:hover + label:before, input[type="radio"]:hover + label:before {
    border-color: #989a9b; }
  input[type="checkbox"]:active + label:before, input[type="radio"]:active + label:before {
    transition-duration: 0;
    filter: brightness(0.2); }
  input[type="checkbox"] + label, input[type="radio"] + label {
    position: relative;
    padding: 10px;
    padding-left: 2em;
    vertical-align: middle;
    user-select: none; }
    input[type="checkbox"] + label:before, input[type="radio"] + label:before {
      box-sizing: content-box;
      content: '';
      color: #900;
      position: absolute;
      top: 23px !important;
      left: -1px !important;
      width: 12px;
      height: 12px;
      margin-top: -9px;
      border: 2px solid #595d5f;
      text-align: center; }
    input[type="checkbox"] + label:after, input[type="radio"] + label:after {
      box-sizing: content-box;
      content: '';
      background-color: #989a9b;
      position: absolute;
      top: 24px;
      left: 4px;
      width: 6px;
      height: 6px;
      margin-top: -5px;
      transform: scale(0);
      transform-origin: 50%;
      transition: transform 200ms ease-out; }

input[type="radio"]:checked + label:before {
  animation: borderscale 300ms ease-in;
  background-color: #303437; }
  input[type="radio"]:checked + label:after {
    transform: scale(1); }
  input[type="radio"] + label:before, input[type="radio"] + label:after {
    border-radius: 50%; }

@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #ffeb0b; } }

select {
  appearance: none;
  background-color: #fff;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%3Cpolygon%20fill%3D%22%234D4D4D%22%20points%3D%228%2C0%2016%2C0%2012%2C4%208%2C8%204%2C4%200%2C0%20%22/%3E%3C/svg%3E);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  border: 2px solid grey;
  border-radius: 0;
  padding: 0.25em 0.4em;
  padding-right: 1.5em;
  /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
  /* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */ }
  select:focus, select:hover {
    border-color: #6fba3d;
    outline: none; }
  select:active {
    border-color: #900; }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none; }

  select:focus::-ms-value {
    background: transparent;
    color: grey; } }

.error-msg {
  display: block;
  color: red;
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms ease-out;
  will-change: max-height; }

:required:not(:focus) ~ .error-msg, :invalid:required ~ .error-msg {
  max-height: 9em; }

input:focus {
  border: 1px solid #6fba3d; }

input:not(:focus):invalid {
  border: 1px solid #6fba3d;
  outline: none; }

input:not(:focus):valid {
  border: 1px solid #6fba3d; }

* {
  box-sizing: border-box; }

form ul {
  list-style: none; }

label {
  cursor: pointer;
  display: inline-block; }
body .CG-all-wrapper h3{color: #ffffff;border-color: #fff;font-size: 30px;font-family: "Passion One";}body .CG-all-wrapper .CG-duration{color: #ffffff;font-size: 16px;font-family: "Chewy";}body .CG-all-wrapper p{color: #fff;font-size: 13px;font-family: "Poppins";}body .CG-all-wrapper .CG-button{background: #6fba3d;font-size: 13px;color: #fff;font-family: "Poppins";}body .CG-all-wrapper a.CG-button{background: #6fba3d;font-size: 13px;color: #fff;font-family: "Poppins";}body .CG-all-wrapper .CG-body{background: #994e23;}body .CG-all-wrapper .CG-info-boxes .CG-info,
	    		.CG-all-wrapper .CG-info-boxes div.CG-remaining-questions,
	    		.CG-all-wrapper .CG-info-boxes div.CG-finished-questions,
	    		.CG-all-wrapper .CG-img .CG-media .CG-img-to-guess,
	    		input[type="checkbox"] + label:before, input[type="radio"] + label:before,
	    		input[type="checkbox"] + label:after, input[type="radio"] + label:after{border-color: #fff;color: #fff;

/*** Compile time: 0.042382955551147 */