.row.main {
    background: initial;
}
.challenge .ui.styled.accordion {
	background: rgba(255, 255, 255, 0.35);
}
.challenge {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 6px;
    padding: 15px;
    width: 700px;
    margin: 0 auto;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.62);
}
.challenge .points {
    text-align: center;
    padding-bottom: 25px;
}
.challenge .content.active {
    color: black;
}
.challenge .content button.single {
	float: right;
    margin-top: -4px;
}
.challenge .basic.label.red {
	float: right;
}
.challenge .ui.styled.accordion .active.title.done, .challenge .ui.styled.accordion .title.done, .challenge .title.done:hover {
    color: black !important;
    background: #cbefcb;
    cursor: default !important;
}

.challenge .title.done i {
    color: #528451;
}

.leaderboard .desc {
  color: black;font-size: 15px;text-align: center;padding-top: 10px
}

.leaderboard .ui.center.aligned.header.chtitle {
  font-size: 30px;
}
.countdown.is-countdown {
    color: black;
    margin: 30px auto 0 auto;
    overflow: auto;
    background: rgba(255, 255, 255, 0.34);
    border-radius: 5px 5px 0 0;
    padding: 15px;
    text-transform: uppercase;
    font-family: 'Coda';
    width: 390px;
    border-width: 1px 1px 0 1px;
}
.ui.styled.accordion .accordion .title, .ui.styled.accordion .title {
    margin: 0;
    padding: 16px 17px;
    color: rgba(0, 0, 0, 0.9);
    font-weight: normal;
    font-size: 16px;
    border-radius: 5px 5px 0 0;
    font-family: 'Coda', cursive;
    text-transform: uppercase;
    padding-bottom: 20px;
    overflow: auto;
}

.ui.styled.accordion .title:hover, .ui.styled.accordion .active.title {
    background: #ef4125;
    color: white;
}

.ui.styled.accordion .title:hover .ui.basic.red.label, .ui.styled.accordion .active.title  .ui.basic.red.label {
    background-color: #ef4125!important;
    color: #ffffff!important;
    border-color: #ffffff!important;
}

.ui.styled.accordion .title.facebook:hover, .ui.styled.accordion .active.title.facebook, .ui.styled.accordion .title.facebook:hover .ui.basic.red.label, .ui.styled.accordion .active.title.facebook  .ui.basic.red.label {
    background: #3b5998 !important;
    background-color: #3b5998 !important;
    color: white !important;
	border-color: #ffffff !important;
}

.ui.styled.accordion .title.twitter:hover, .ui.styled.accordion .active.title.twitter, .ui.styled.accordion .title.twitter:hover .ui.basic.red.label, .ui.styled.accordion .active.title.twitter  .ui.basic.red.label {
    background: #1da1f2 !important;
    background-color: #1da1f2 !important;
    color: white !important;
	border-color: #ffffff !important;
}

.ui.styled.accordion .title.instagram:hover, .ui.styled.accordion .active.title.instagram, .ui.styled.accordion .title.instagram:hover .ui.basic.red.label, .ui.styled.accordion .active.title.instagram  .ui.basic.red.label {
    background: #e1306c !important;
    background-color: #e1306c !important;
    color: white !important;
	border-color: #ffffff !important;
}

.ui.styled.accordion .title.url:hover, .ui.styled.accordion .active.title.url, .ui.styled.accordion .title.url:hover .ui.basic.red.label, .ui.styled.accordion .active.title.url  .ui.basic.red.label {
    background: #5f5f5f !important;
    background-color: #5f5f5f !important;
    color: white !important;
	border-color: #ffffff !important;
}

.ui.styled.accordion .title.gems:hover, .ui.styled.accordion .active.title.gems, .ui.styled.accordion .title.gems:hover .ui.basic.red.label, .ui.styled.accordion .active.title.gems  .ui.basic.red.label {
    background: #cecece !important;
    background-color: #cecece !important;
    color: #ef4125 !important;
	border-color: #ef4125 !important;
}

.ui.styled.accordion .title.steam:hover, .ui.styled.accordion .active.title.steam, .ui.styled.accordion .title.steam:hover .ui.basic.red.label, .ui.styled.accordion .active.title.steam  .ui.basic.red.label {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
	border-color: #ffffff !important;
}

.ui.styled.accordion .title.order:hover, .ui.styled.accordion .active.title.order, .ui.styled.accordion .title.order:hover .ui.basic.red.label, .ui.styled.accordion .active.title.order  .ui.basic.red.label {

    background: #e64848 !important;
    background-color: #e64848 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.ui.accordion .active.content {
	color: white;
	border-top: 1px rgb(187, 54, 32) solid;
	padding-top: 25px;
	margin-bottom: 0;
	background: #464646;
	border-radius: 0 0 5px 5px;
}

.ui.accordion .active.content a {
	color: #a5a5a5;
}
.ui.center.aligned.header.chtitle {
    font-family: 'Coda', cursive;
    font-weight: normal;
    padding-top: 20px;
    font-size: 60px;
    color: rgba(0, 0, 0, 0.75);
}
.ui.center.aligned.header.chtitle span {
    color: rgba(0, 0, 0, 0.35);
}

.challenge .ui.basic.red.label {
    background-color: rgba(255, 255, 255, 0)!important;
    color: #080808!important;
    border-color: #000000!important;
}
.challenge .points .ui.image.label {
    background: rgba(255, 255, 255, 0.35);
    min-width: 390px;
    border-radius: 0 0 5px 5px;
    text-align: left;
    line-height: inherit;
    text-transform: uppercase;
    font-family: 'Coda';
}
.challenge .points .ui.image.label .share {
    float: right;
    display: inline;
    margin: -5px;
    padding: 0;
}
.challenge .points .ui.label>img {
    display: inline-block;
    vertical-align: top;
    height: 33px!important;
    margin: -.5833em .5em -.5833em -.1em;
    border-radius: 5px;
}
.challenge .ui.message {
    font-size: 16px;
    text-align: justify;
}

.challenge .ui.message p {
    line-height: 30px;
}
.challenge .points .ui.image.label .detail {
    background: none;
    color: #c71c00;
}
.challenge button.ui.tiny.reddit.icon.button {
    background: #171717;
    color: white;
}
.title i.icon {
    color: #ef4125;
    font-size: 25px;
}
.title:hover i.icon, .title.active i.icon {
    color: inherit;
    font-size: 25px;
}

/**** EXPIRED ****/
@-webkit-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-webkit-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-moz-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-ms-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-moz-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-webkit-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@-o-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
@keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  33% {
    -ms-transform: translate(-30px, 30px);
    -moz-transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
    -o-transform: translate(-30px, 30px);
    transform: translate(-30px, 30px);
  }
  66% {
    -ms-transform: translate(0, -22px);
    -moz-transform: translate(0, -22px);
    -webkit-transform: translate(0, -22px);
    -o-transform: translate(0, -22px);
    transform: translate(0, -22px);
  }
  100% {
    -ms-transform: translate(30px, 30px);
    -moz-transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
    -o-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
}
.uil-magnify-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
.uil-magnify-css .outer-circle {
  position: absolute;
  width: 110px;
  height: 110px;
  top: 30px;
  left: 30px;
  border: 15px solid #e35839;
  border-radius: 60px;
}
.uil-magnify-css .inner-circle {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 45px;
  left: 45px;
  background: #d28d4f;
  border-radius: 30px;
}
.uil-magnify-css .grip {
  position: absolute;
  width: 24px;
  height: 60px;
  top: 100px;
  left: 118px;
  border-radius: 20px;
  background: #e35839;
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.uil-magnify-css .group {
  -moz-animation: uil-magnify-move 1s linear infinite;
  -webkit-animation: uil-magnify-move 1s linear infinite;
  -o-animation: uil-magnify-move 1s linear infinite;
  animation: uil-magnify-move 1s linear infinite;
}

.transform_scale {
  transform: scale(0.8);
}
 

.expired {
    background: #252525;
    color: white;
}
.expired .note {
    text-align: center;
    font-size: 17px;
    color: #d28d4f;
}
.expired .ui.center.aligned.header.chtitle {
    color: white;
}

.expired .ui.center.aligned.header.chtitle span {
    color: rgba(255, 255, 255, 0.35);
}
.challenge.expired .points .ui.image.label {
    border-radius: 5px;
    padding-top: 11px;
}
.challenge.expired .points .ui.image.label .detail {
    color: #f7f7f7;
}
.challenge.expired .ui.card, .challenge.expired .ui.cards>.card {
    background: #4e4e4e;
	width: 290px;
}
.challenge.expired .ui.cards>.card>.content>.header:not(.ui), .challenge.expired .ui.card>.content>.header:not(.ui) {
	color: #f3f3f3;
	font-size: 20px;
}

/******* MOBILE *****/
@media only screen and (max-width: 768px) {
    .challenge, .countdown.is-countdown, .challenge .points .ui.image.label {
        width: initial;
    }
    .challenge .points .ui.image.label .share {
        display:none;
    }
    .challenge .points .ui.image.label {
        min-width: 100%;
        text-align: center;
    }
    .challenge .content button.single {
        margin-top: 4px;
    }
    .ui.input input[name="usergem"] {
        width: 95px;
    }
    .challenge .basic.label.red {
        float: right;
        clear: both;
        display: table;
        margin-top: 10px;
        overflow: auto;
    }
    .ui.styled.accordion .title {
      text-transform: none;
      padding-right: 15px;
      padding-bottom: 20px;
      font-family: inherit;
      overflow: auto;
    }
    .ui.center.aligned.header.chtitle {
      font-size: 35px;
    }
}

.text_align_center {
  text-align: center;
}

.free_gift_codes_box {
  display: block !important;
  margin: 25px auto;
  padding: 55px 13px;
  border: 1px #0000005e solid; 
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.85) !important;
  width: 700px;
}

@media screen and (max-width: 425px) {
  .free_gift_codes_box {
    display: none !important;
  }
}