a:visited { text-decoration: none; }
.social { background-color: #000; color: #fff; font-family: "Segoe UI Light"; height: 235px; padding: 40px 0 0; padding-bottom: 60px; }
.social-items { width: 100%; }
.social-items .social-item { float: left; width: 33%; }
.social-items .social-item p { text-align: center; }
.social-items .social-item p.top { height: 150px; }
.social-items .social-item p.bot { margin-top: 30px; }
.social-items .social-item p a.text-container { color: #5dc21e; font-family: "Segoe UI", Arial; font-size: 17px; font-weight: normal; line-height: 23px; }
.social .social-separator { display: block; float: left; height: 90px; width: 10%; }
.faq .faq-items { padding: 0; }
.faq h2 { color: #3a3a3a; font-family: "Segoe UI Light","Segoe UI", Arial; font-weight: normal; font-size: 44px; line-height: 50px; margin-top: 25px; }
.faq h3 { color: #3a3a3a; font-family: "Segoe UI", Arial; font-weight: bold; font-size: 20px; margin: 0; }
.faq p { color: #3a3a3a; font-family: "Segoe UI", Arial; font-weight: normal; font-size: 18px; margin: 0; }
.about-games a { display: block; font-family: "Segoe UI", arial; font-size: 18px; font-weight: normal; line-height: 23px; }
.faq .question { margin-top: 30px; }
.process h4 { margin-bottom: 15px; }
.why-join h2 { font-family: "Segoe UI Light", "Segoe UI", Arial; font-size: 44px; font-weight: normal; margin-bottom: 28px; }
.why-join .reason-text { padding: 0; }
.why-join .reason p { font-family: "Segoe UI Semibold", "Segoe UI", Arial; font-size: 18px; font-weight: normal; line-height: 26px; }
.why-join .reason-text p a { color: #5dc21e; }
.why-join .reason-text p a:hover { text-decoration: underline; }
.why-join .reason-text p a:visited { color: #5dc21e; }
.faq { padding-left: 30px; padding-right: 30px; }
.wrapper { margin-top: 0; overflow: hidden; }
.about-idxbox { background-color: #bbb7c2; height: 340px; margin: 0; padding: 0; }
.about-idxbox h1 { font-family: "Segoe UI Light","Segoe UI", Arial; font-size: 46px; font-weight: normal; line-height: 61px; margin-bottom: 13px; }
.about-idxbox p { font-family: "Segoe UI", Arial; font-size: 16px; font-weight: normal; line-height: 24px; }
.hero { float: right; width: 460px; padding-top: 40px; background-repeat: no-repeat; background-position: center top; height: 340px; }
.hero-background { background-image: url(/Media/Default/Images/home-hero.jpg); height: 340px; width: 50%; float: left; background-position: right top; background-repeat: no-repeat; max-width: 1000px; z-index: 3; left: 0; }
.topimage { position: relative; z-index: 1; width: 960px; margin: 0 auto; }
.topimage .topimage-container { width: 1900px; left: -450px; position: relative; }
.topimage img { height: 360px; }
.thumb { display: none; }
.process { height: auto; padding: 20px 30px; padding-bottom: 48px; padding-top: 35px; }
.about-idxbox a { color: #fff; padding: 10px; background-color: #5dc21c; }
.social-item img.small { display: none; }
.about-games { height: 307px; }
.about-games .reason h3 { color: #3a3a3a; font-family: "Segoe UI Light", "Segoe UI", Arial; font-size: 44px; line-height: 40px; margin-bottom: 20px; }
.about-games .reason-text ul li { color: #107c10; margin-top: 18px; }
.about-games .reason-text ul li a { color: #107c10; }
.about-games .reasons-column { height: auto; }
.about-games .reason { height: auto; }
.faq-items, .faq .faq-items { overflow: hidden; margin-top: -12px; }
.why-join { padding-top: 45px; padding-bottom: 62px; }
.why-join .reason { height: auto; }
@media screen and (max-width: 960px) {
  .hero { float: left; width: 100%; color: #fff; height: auto; }
  .hero-background { display: none; }
  .about-idxbox { height: auto; background-color: #007d00; }
  .about-idxbox .content-container { padding: 0 30px 0 30px; }
}
@media screen and (max-width: 900px) {}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 767px) {
  .hero { padding: 10px 0 30px 0; }
  .social-item img.small { display: block; }
  .process h4 { font-size: 24px; }
  .why-join { padding: 40px 0; padding-bottom: 48px; }
  .why-join .reason { height: auto; }
  .about-idxbox { background-color: #007d00; color: #fff; margin-top: 0; margin-bottom: 0; padding-bottom: 0; width: auto; background-image: none; height: auto; }
  .thumb { display: block; width: 100%; }
  .thumb div { margin: 0 auto; width: 450px; }
  .about-idxbox h1 { font-size: 60px; line-height: 68px; }
  .about-idxbox p { font-size: 22px; line-height: 30px; width: auto; }
  .about-games { width: auto; height: auto; padding: 0 30px 0 30px; }
  .step.floated { clear: both; width: 100%; }
  .process { height: auto; margin-top: -1px; padding-bottom: 48px; }
  .process h1 { margin-bottom: 32px; }
  .process h3 { font-size: 32px; }
  .process .step p { font-size: 22px; line-height: 30px; }
  .about-idxbox a { font-size: 22px; margin-top: 17px; }
  .why-join h2 { font-size: 48px; line-height: 54px; }
  .why-join .reason p { font-size: 22px; line-height: 30px; }
  .about-games .reason h3 { font-size: 46px; line-height: 47px; margin-bottom: 28px; }
  .social { height: auto; }
  .social-items { width: 100%; }
  .social-items .social-separator { display: none; }
  .social-items .social-item { width: 33%; }
  .social-items .social-item p { text-align: left; }
  .social-items .social-item p.top { float: none; height: auto; margin-right: 10%; text-align: center; }
  .social-items .social-item p a.img-container { display: block; width: 110%; }
  .social-items .social-item p a.img-container img { display: block; margin: 0 auto; width: 50%; }
  .social-items .social-item p.bot { display: none; }
  .social .social-separator { width: 6%; }
  .about-games a { font-size: 23px; line-height: 30px; font-weight: bold; }
  #layout-navigation { padding-left: 30px; padding-right: 30px; width: 100%; }
  .process .content-container { padding-left: 0px; padding-right: 0px; }
  .topimage { display: block; width: auto; }
  .topimage .topimage-container { right: -50%; left: 0px; position: relative; }
  .topimage .topimage-container img { margin-left: -51%; }
  .faq { padding: 10px 0 0 0; }
  .faq h3 { font-size: 25px; line-height: 30px; }
  .faq p { font-size: 22px; line-height: 30px; }
  .social-items .social-item p a.img-container img.large { display: none; }
  .reasons-column { float: none; margin: 0; padding: 30px 0 0 0; width: 100%; }
  .reason { height: auto; margin-bottom: 20px; }
  .reason span { display: none; }
  .reason-text { padding-left: 0; }
  .reason a.arrowhead { margin: 0 0 35px 0; }
  .reason p { font-size: 14px; font-family: "Segoe UI"; line-height: 18px; }
}
@media screen and (max-width: 480px) {
  .thumb div { width: 100%; }
  .about-idxbox h1 { font-size: 48px; line-height: 54px; }
  .about-games iframe { width: 100% !important; }
  .process h1 { margin-bottom: 32px; }
  .process .step p { font-size: 18px; line-height: 24px; }
  .why-join h2 { font-size: 41px; line-height: 47px; }
  .why-join .reason p { font-size: 18px; line-height: 24px; }
  .about-games .reason h3 { font-size: 44px; line-height: 45px; }
  .process .step h3 { font-size: 26px; }
  .process a { font-size: 23px; }
  .about-games a { font-size: 18px; line-height: 24px; font-weight: bold; }
  .about-idxbox p { font-size: 18px; line-height: 24px; }
  .faq h3 { font-size: 18px; line-height: 27px; }
  .faq p { font-size: 17px; line-height: 24px; margin-top: 5px; }
}