a{transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
.header-graphic{background-image: url("../../img2/fc-banner-img.jpg");background-position: center center;background-repeat: no-repeat;padding: 60px 0;position: relative;background-color:#f0f0f0;}
.banner-text {padding:40px 0;}
.page-title {color: #1a1a1a;font-size: 72px;position:relative;font-weight: 800;padding-bottom:15px;margin-bottom:30px;}
.page-title:after {background-color: #4c4c4c;content:"";position:absolute;left:0;width:90px;height:3px;top:100%;}
.banner-text > h3 {font-size: 24px;}
.page-btn {background-color: #ff2a5e;border-radius: 2px;color: #ffffff;display: inline-block;font-weight:600; font-size: 20px;padding: 15px 30px;vertical-align: middle;position: relative;}
.page-btn:hover{background-color:#ff2a5e;}
.page-btn::before {animation-duration: 1s;-webkit-animation-duration: 1s;border: 6px solid #ff2a5e;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;}
.page-btn:hover::before, .page-btn:focus::before, .page-btn:active::before {animation-name: hvr-ripple-out;-webkit-animation-name: hvr-ripple-out;}

/* Ripple Out */

@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.banner-text .btns {margin: 15px 0 0;}
.latest-tweets {border: 1px solid #e5e5e5;margin: 20px 0;padding: 30px;}
.latest-tweets > p {color: #4c4c4c;font-size: 28px;font-weight: 700;text-align: center;}
.tweet-block{max-width:860px;margin:100px auto;text-align:center;}
.tweet-block > h3 {color: #808080;font-size: 20px;}
.publish-time > h2 {color: #4c4c4c;font-size: 20px;font-weight: 600;}
.tweet-link > a {color: #4c4c4c;font-size: 18px;font-style: italic;text-decoration:underline;display:inline-block;}
.tweet-icon {display: inline-block;vertical-align: middle;}
.tweet-link {padding: 10px 0 0;}
.tweet-link > a:hover {color: #1da1f2;text-decoration:none;}
.tweet-link .tweet-icon img {max-width: 17px;}
.questions {counter-reset: section;}
.question-block::before {counter-increment: section;content: "Q" counter(section) "";}
.questions-bg{background-image: url("../../img2/fc-bg-img.jpg");background-position: right center;background-repeat: no-repeat;position: relative;padding:70px 0;}
.question-block > p {color: #ffffff;}
.question-block::before {color: #ffffff;content: "Q" counter(section, decimal) "";counter-increment: section;font-size: 36px;font-weight: 700;}
.question-block {display: inline-block;padding: 0 50px 30px 0;position: relative;width: 49%;vertical-align:top;}
.block-title {color: #ffffff;font-size: 55px;font-weight: 800;margin: 0 0 25px;padding: 0 0 15px;position: relative;}
.block-title:after {background-color: #fff;content: "";height: 3px;left: 0;position: absolute;top: 100%;width: 60px;}
.question-bgcolor {max-width: 1020px;position: relative;z-index: 9;}
.questions-bg::after {background-color: #3ec9dc;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 76%;}
.published {color: #808080;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
.recaps-section{padding:100px 0;}

.section-title {color: #1a1a1a;font-size: 55px;margin: 0 0 20px;padding: 0 0 10px;position: relative;text-align: center;}
.section-title:after {background-color: #4c4c4c;content: "";height: 3px;left: 0;position: absolute;top: 100%;width: 110px;margin:0 auto;right:0;}
.recaps-block a h2 {color: #1a1a1a;font-size: 24px;font-weight: 600;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
.recaps-block a {display:block;padding:30px;border:1px solid #e5e5e5;background-color:#fff;}
.recaps-block a:hover{border-color:#ff4c65;background-color:#ff4c65;}
.recaps-block {display: inline-block;padding: 10px;text-align: left;vertical-align: middle;width: 32%;}
.recaps-block a:hover h2,.recaps-block a:hover h3{color:#fff}
.title-head {color: #1a1a1a;font-size: 36px;padding-bottom:10px;}
.title-head .tweet-icon {padding-right: 20px;}
.head-block > h3 {color: #4c4c4c;font-size: 18px;}
.head-block{text-align:center;}
.tweet-banner {padding:50px 0;}

.view-all-btn {
  padding: 40px 0 0;
  text-align: center;
}
.view-all-btn .page-btn {
  font-size: 18px;
  padding: 10px 30px;
}
.step-row .step-col:first-child {padding: 40px 120px 40px 0;}
.step-row .step-col:last-child {background-color: #f0ce0b;padding: 40px 0 40px 120px;}
.step-col {display:table-cell;vertical-align:top;width: 50%;}
.step-row{background-color:#e5c302;display:table;width:100%;position:relative;}
.step > h2 {color: #463a00;font-size: 32px;font-weight: 800;padding-bottom: 10px;}
.step > p {color: #463a00;font-size: 17px;}
.step-row::before {background-color: #e5c302;content: "";height: 100%;position: absolute;right: 100%;width: 100%;}
.step-row::after {background-color: #f0ce0b;content: "";height: 100%;position: absolute;left: 100%;width: 100%;}

.step-row.differ {background-color: #f0ce0b;}
.step-row.differ:before{background-color: #f0ce0b;}
.step-row.differ:after{background-color: #e5c302;}
.step-row.differ .step-col:last-child{background-color: #e5c302;}
.head-section {padding: 60px 0;}
.participate{background-image: url("../../img2/fc-bg-img2.jpg");background-position: center top;background-repeat: no-repeat;position: relative;}



@media screen and (max-width: 1280px) {	
.questions-bg {background-size: cover;}
.questions-bg::after {background-color: rgba(62, 201, 220, 0.8);width: 100%;}
}
@media screen and (max-width: 1024px) {
.recaps-block {width: 49%;}
.step-row .step-col:last-child ,.step-row .step-col:first-child{padding: 20px;}
}
@media screen and (max-width: 990px) {
.question-block {display: block;padding: 0 0 30px;width: auto;}
}
@media screen and (max-width: 767px) {
.page-title {font-size: 32px;}
.banner-text {padding: 0;}
.tweet-block {margin: 30px auto;}
.latest-tweets > p {font-size: 18px;}
.latest-tweets {padding: 10px;}
.block-title {font-size: 30px;}
.questions-bg {padding: 40px 0;}
.recaps-section {padding: 30px 0;}
.recaps-block {width: auto;display:block;}
.recaps-block a {padding: 15px;}
.recaps-block a h2 {font-size: 18px;}
.tweet-banner > img {max-width: 100%;}
.section-title {font-size: 26px;}
.step-col {display: block;width: auto;}
.step-row::after,.step-row::before{display:none;}
.step-row .step-col:first-child {background-color: #e5c302}
.step-row.differ .step-col:last-child {background-color: #f0ce0b;}
.participate{background-size:cover;}
.head-section {padding: 20px 0 10px;}
}