/* ======= Home Section ======= */
.home {
  background: #17baef;
  color: #fff;
  padding-top: 150px;
  background-image: url("/contests/1st.png");
  background-size: cover;
}
.home .title {
  font-size: 48px;
  color: #074f66;
  margin-top: 0;
}
.home .title .highlight {
  color: #eebf3f;
}
.home .intro {
  font-size: 28px;
  max-width: 680px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.home .btns .btn {
  margin-right: 15px;
  font-size: 18px;
  padding: 8px 30px;
}
.home .meta {
  margin-top: 120px;
  margin-bottom: 30px;
  color: #0a7396;
}
.home .meta li {
  margin-right: 15px;
}
.home .meta a {
  color: #0a7396;
}
.home .meta a:hover {
  color: #074f66;
}
.home .social-media {
  background: #0c86ae;
  padding: 10px 0;
  margin: 0 auto;
}
.home .social-media li {
  margin-top: 15px;
}
.home .social-media li.facebook-like {
  margin-top: 0;
  position: relative;
  top: -5px;
}
/* ======= Phases Section ======= */
.phases {
  padding: 80px 0;
  background: #f5f5f5;
}
.phases .title {
  color: #074f66;
  margin-top: 0;
  margin-bottom: 60px;
}
.phases .intro {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.phases .item {
  position: relative;
  margin-bottom: 30px;
}
.phases .item .icon-holder {
  position: absolute;
  left: 30px;
  top: 0;
}
.phases .item .icon-holder .fa {
  font-size: 24px;
  color: #074f66;
}
.phases .item .content {
  padding-left: 60px;
}
.phases .item .content .sub-title {
  margin-top: 0;
  color: #074f66;
  font-size: 18px;
}
/* ======= Prizes Section ======= */
/* .prizes {
  padding: 80px 0;
  background: #17baef;
  color: #fff;
}
.prizes .title {
  color: #074f66;
  margin-top: 0;
  margin-bottom: 30px;
}
.prizes a {
  color: #074f66;
}
.prizes a:hover {
  color: #042a36;
}
.prizes .feature-list li {
  margin-bottom: 10px;
  color: #074f66;
}
.prizes .feature-list li .fa {
  margin-right: 5px;
  color: #fff;
} */
/* ======= Criteria Section ======= */
.criteria {
  padding: 80px 0;
  background: #f5f5f5;
}
.criteria .title {
  color: #074f66;
  margin-top: 0;
  margin-bottom: 30px;
}
.criteria .criteria-inner {
  max-width: 800px;
  background: #fff;
  padding: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 auto;
}
.criteria .block {
  margin-bottom: 60px;
}
.criteria .code-block {
  margin: 30px inherit;
}
.criteria .code-block pre[class*="language-"] {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* ======= FAQs Section ======= */
.faqs {
  padding: 80px 0;
  background: #f5f5f5;
}
.faqs .title {
  margin-top: 0;
  margin-bottom: 60px;
  color: #074f66;
}
.faqs .faqs-inner {
  max-width: 800px;
  background: #fff;
  padding: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 auto;
}
.faqs .info {
  max-width: 760px;
  margin: 0 auto;
}
.faqs .cta-container {
  max-width: 540px;
  margin: 0 auto;
  margin-top: 60px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.faqs .cta-container .speech-bubble {
  background: #d6f3fc;
  color: #074f66;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.faqs .cta-container .speech-bubble:after {
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d6f3fc;
}
.faqs .cta-container .icon-holder {
  margin-bottom: 15px;
}
.faqs .cta-container .icon-holder .fa {
  font-size: 56px;
}
.faqs .cta-container .intro {
  margin-bottom: 30px;
}
/******************************************************************************/
/****************************** 1731 - START **********************************/
/******************************************************************************/
.ui.comments .comment .avatar img
{
    min-height: 100%;
    height: auto;
}

.ui.basic.blue.button
{
    margin-top: 10px;
}

.ui.basic.green.button:hover
{
    background-color: #16ab39!important;
    color: #FFF!important;
}

.ui.basic.red.button:hover
{
    background-color: #db2828!important;
    color: #FFF!important;
}

.ui.basic.blue.button:hover
{
    background-color: #2185d0!important;
    color: #FFF!important;
}

.ui.basic.yellow.button:hover
{
    background-color: #eaae00!important;
    color: #FFF!important;
}

.column > .ui .date
{
    min-height: 44px;
}

i.green.icon:hover
{
    color: #1aff1a!important;
}

i.teal.icon:hover
{
    color: #66ccff!important;
}

.ui.green.message .small.text:hover .green.dropdown,
.ui.green.message .small.text:hover span
{
    color: #1aff1a!important;
}

.ui.teal.message .small.text:hover .teal.dropdown,
.ui.teal.message .small.text:hover span
{
    color: #66ccff!important;
}

/*
.ui.two.cards > .card
{
    width: 100%;
}
*/
/******************************************************************************/
/******************************* 1731 - STOP ***********************************/
/******************************************************************************/