/*  Import global variables and mixins to use throughout the script. */
/*  Set media breakpoints. */
/*  Simplify transform calls, which need an extra call for certain browsers. */
/*  Simplify transition calls, which need an extra call for certain browsers.
    But this doesn't work well with multiple transitions on the same element,
    which needs to be comma separated in CSS and sent as multiple variables
    to the sass mixin. */
/*  Customize strikethrough settings by
    crossing out regular price during early bird. */
/*  Kill all padding and margins. Mostly used for testing. */
@font-face {
  font-family: "fbgicons1";
  src: url("https://footballguys.com/fbgapps/cheatsheet-resources/fonts/fbgicons1.eot");
  src: url("https://footballguys.com/fbgapps/cheatsheet-resources/fonts/fbgicons1.eot?#iefix") format("embedded-opentype"), url("https://footballguys.com/fbgapps/cheatsheet-resources/fonts/fbgicons1.woff") format("woff"), url("https://footballguys.com/fbgapps/cheatsheet-resources/fonts/fbgicons1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Warsaw Gothic Regular";
  font-style: normal;
  font-weight: normal;
  src: url("https://footballguys.com/2013templates/webfonts/warsaw-gothic/WarsawGothic.woff") format("woff");
}
/*  Customizations for special, one-off page blocks. */
.fbgicons1 {
  font-family: "fbgicons1";
  text-transform: none;
}

.warsaw-gothic {
  font-family: "Warsaw Gothic Regular";
}
.warsaw-gothic p {
  margin: 0px;
}

.warsaw-gothic-large {
  font-size: 64px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.warsaw-gothic-medium {
  font-size: 40px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.warsaw-gothic-small {
  font-size: 24px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 1px 1px 2px rgba(0, 0, 0, 0.6);
}

.front-door-top-blocks {
  margin-top: 68px;
}
.front-door-top-blocks .anchor-offset {
  display: block;
  position: relative;
  top: calc(-1 * 68px);
}

.simple-header-logo {
  float: left;
  width: 240px;
  margin-top: 6px;
  margin-left: 20px;
}
.simple-header-logo img {
  width: 50px;
  float: left;
}
.simple-header-logo p {
  width: 180px;
  float: left;
  margin-top: 2px;
  color: white;
}

.simple-header-right {
  float: right;
  width: 340px;
  margin-top: 16px;
  background-color: #2B4785;
}

.simple-header-hide-buttons .simple-header-right {
  display: none;
}

.simple-header {
  height: 68px;
  width: 1020px;
  background-color: #2B4785;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  z-index: 1000;
}
.simple-header .narrow-header-right {
  width: 200px !important;
}
.simple-header #member-login {
  padding: 0px;
  width: 340px;
}
.simple-header #member-login input.secondary-cta-button {
  margin-left: 0px;
  margin-top: -4px;
}
.simple-header #member-login .login-fields-dropdown {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.simple-header .buttons div.secondary-cta-button,
.simple-header input.secondary-cta-button {
  background-color: #1E325D;
  border-color: #222222;
  color: #EEEEEE;
  font-size: 16px;
  margin-bottom: 0px;
  margin-right: 5px;
  padding-top: 0px;
  cursor: pointer;
}
.simple-header .buttons div.secondary-cta-button:hover,
.simple-header input.secondary-cta-button:hover {
  background-color: #385DAD;
  border-color: #333333;
  color: #FFFFFF;
}
.simple-header .buttons div.secondary-cta-button p {
  margin-bottom: 0px;
}
.simple-header input[type=submit] {
  -webkit-appearance: none;
  border-radius: 8px;
}
.simple-header .buttons div.primary-cta-button {
  border-color: #222222;
  margin-right: 0px;
  margin-bottom: 0px;
}
.simple-header .buttons div.primary-cta-button:hover {
  border-color: #333333;
}
.simple-header .mini-button {
  width: 80px !important;
  margin-top: 0px !important;
}
.simple-header .simple-header-right-login-fields {
  background-color: #2B4785;
}
.simple-header .simple-header-right-login-fields .login-field {
  height: 40px;
}
.simple-header .log-in-here {
  margin-top: 12px;
  border-top: 1px solid #222222;
  padding-top: 6px;
  padding-bottom: 6px;
}
.simple-header .log-in-here p {
  font-size: 12px;
  color: #DDDDDD;
  margin: 0px;
}
.simple-header .forgot-password {
  padding-bottom: 4px;
}
.simple-header .forgot-password a {
  margin: 0px;
  font-size: 10px;
  text-decoration: none;
  color: #DDDDDD;
}
.simple-header .forgot-password a:hover {
  color: #FFFFFF;
}
.simple-header .simple-header-hamburger-menu:hover {
  color: white;
}
.simple-header .simple-header-hamburger-menu {
  float: right;
  padding-right: 18px;
  padding-left: 18px;
  margin-left: -32px;
  color: #EEEEEE;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.simple-header .simple-header-hamburger-menu p {
  font-size: 12px;
  padding-top: 4px;
  margin-bottom: -12px;
  padding-bottom: 0px;
}
.simple-header .simple-header-hamburger-menu .fbgicons1-hamburger:before {
  content: "j";
  font-size: 36px;
}
.simple-header .simple-header-hamburger-menu .simple-header-hamburger-menu-dropdown {
  position: absolute;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1001;
  right: 0px;
  margin-top: 4px;
}
.simple-header .simple-header-hamburger-menu .simple-header-hamburger-menu-dropdown a {
  color: #EEEEEE;
  background-color: #2B4785;
  text-decoration: none;
  display: block;
  font-size: 14px;
  width: 224px;
  height: 40px;
  padding-top: 8px;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #222222;
}
.simple-header .simple-header-hamburger-menu .simple-header-hamburger-menu-dropdown a:first-child {
  border-top-width: 1px;
}
.simple-header .simple-header-hamburger-menu .simple-header-hamburger-menu-dropdown a:hover {
  color: white;
  background-color: #1E325D;
}

@media (max-width: 1020px) {
  .simple-header {
    width: 730px;
  }
}
.front-door {
  width: 1020px;
  margin-left: calc(50% - 1020px / 2);
  color: white;
  text-align: center;
  font-family: "Noto Sans", sans-serif;
}
.front-door .timer-box-padding-medium {
  margin-top: 0px;
}

.page-contents-no-sidebar #page-main-content {
  float: none;
  margin-left: 120px;
}

.sales-funnel-block {
  background-color: #4270CF;
}

.sales-funnel-above-fold {
  height: 480px;
  overflow: hidden;
}
.sales-funnel-above-fold .above-fold-text {
  width: calc(100% - 323px + 60px - 96px);
  float: left;
  line-height: 1.2;
  margin-top: 60px;
}
.sales-funnel-above-fold .above-fold-text .primary-cta-button {
  margin-top: 8px;
  margin-bottom: 16px;
  margin-right: 0px;
}
.sales-funnel-above-fold .above-fold-text .secondary-cta-button {
  margin-top: 92px;
}
.sales-funnel-above-fold img {
  float: left;
  margin-top: 32px;
  margin-left: calc(-1 * 60px);
  margin-right: 96px;
}

.sales-funnel-quote-matthew-berry p:nth-of-type(2) {
  padding-bottom: 0px !important;
}

.sales-funnel-three-step-plan {
  background-color: #E8EDFA;
  color: black;
  padding-bottom: 40px;
}
.sales-funnel-three-step-plan > div {
  width: 730px;
  margin-left: calc(50% - 730px / 2);
}
.sales-funnel-three-step-plan > div .plan-step {
  width: 28%;
  margin-bottom: 40px;
  float: left;
  margin-left: 4%;
}
.sales-funnel-three-step-plan > div .circle {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 2px solid black;
  margin-left: calc(50% - 180px / 2);
  margin-bottom: 16px;
  color: white;
  text-align: center;
}
.sales-funnel-three-step-plan > div div:nth-of-type(1) .circle {
  background: #FF553D;
}
.sales-funnel-three-step-plan > div div:nth-of-type(1) .circle img {
  height: 116px;
  margin-top: calc((180px - 116px) / 2 - 2px);
}
.sales-funnel-three-step-plan > div div:nth-of-type(2) .circle {
  background: #02CAAB;
}
.sales-funnel-three-step-plan > div div:nth-of-type(3) .circle {
  background: #29C0FF;
}
.sales-funnel-three-step-plan > div .fbgicons1 {
  font-size: 116px;
}
.sales-funnel-three-step-plan > div .fbgicons1-question:before {
  content: "?";
}
.sales-funnel-three-step-plan > div .fbgicons1-check:before {
  content: "u";
}
.sales-funnel-three-step-plan > div .fbgicons1-trophy:before {
  content: "l";
}
.sales-funnel-three-step-plan > div .plan-step-header p {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sales-funnel-three-step-plan > div .plan-step-description p {
  font-size: 16px;
  font-style: italic;
  margin-bottom: 0px;
}

.sales-funnel-quote {
  background-color: #E8EDFA;
  color: black;
  padding-bottom: 40px;
}
.sales-funnel-quote p:nth-of-type(1) {
  font-size: 36px;
  padding-top: 42px;
  margin-bottom: 10px;
}
.sales-funnel-quote p:nth-of-type(2) {
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 26px;
  margin: 0px;
}

.sales-funnel-quote-adam-schefter p:nth-of-type(1) {
  font-size: 24px;
}
.sales-funnel-quote-adam-schefter p:nth-of-type(2) {
  font-size: 20px;
}

.sales-funnel-message {
  font-size: 20px;
  margin: 10px;
}

.sales-funnel-free-insider p {
  font-size: 36px;
  font-weight: bold;
  padding-top: 24px;
  margin-bottom: 16px;
}
.sales-funnel-free-insider ul {
  font-size: 24px;
  text-align: left;
  width: 660px;
  margin-left: calc(50% - 330px);
  padding-bottom: 36px;
  margin-bottom: 0px;
}
.sales-funnel-free-insider .ck_form_fields {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.sales-funnel-free-insider .subscribe_button {
  background-color: #E7680A !important;
}

.sales-funnel-explore-content p:nth-of-type(1) {
  font-size: 36px;
  font-weight: bold;
  padding-top: 24px;
  margin-bottom: 12px;
}
.sales-funnel-explore-content p:nth-of-type(2) {
  font-size: 28px;
  margin-bottom: 18px;
}
.sales-funnel-explore-content .buttons div.primary-cta-button {
  width: 240px;
  margin-bottom: 18px;
  margin-right: 0px;
}
.sales-funnel-explore-content p:nth-of-type(3) {
  font-size: 20px;
  padding-bottom: 36px;
  margin-bottom: 0px;
}

.sales-funnel-popular-features {
  font-size: 36px;
  font-weight: bold;
  color: #2B4785;
  background-color: white;
}
.sales-funnel-popular-features p {
  margin: 0px;
  padding-top: 24px;
}

.homepage-feature:not(.odd):not(.even) {
  margin-left: calc((100% - 350px) / 2);
}

.losing-sucks-popcorn-face {
  height: 800px;
  background-image: url("https://cdn.footballguys.com/site/2013/content-img/homepage/sofa-popcorn-face.png");
}
.losing-sucks-popcorn-face p {
  padding-top: 128px;
}

.simple-footer {
  height: 68px;
  background-color: #2B4785;
  margin-bottom: 0px;
  box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.2);
}
.simple-footer .buttons div.primary-cta-button,
.simple-footer .buttons div.secondary-cta-button {
  width: 180px;
  margin: 0px;
}
.simple-footer .buttons div.secondary-cta-button {
  background-color: #1E325D;
  border-color: #222222;
  margin-right: 5px;
}
.simple-footer .buttons div.secondary-cta-button:hover {
  background-color: #385DAD;
  border-color: #333333;
}
.simple-footer .buttons div.primary-cta-button {
  border-color: #222222;
}
.simple-footer .buttons div.primary-cta-button:hover {
  border-color: #333333;
}
.simple-footer div.simple-header-right {
  width: 402px;
}

@media (max-width: 1020px) {
  .front-door {
    width: 730px;
    margin-left: calc(50% - 730px / 2);
  }

  .sales-funnel-above-fold .above-fold-text {
    width: calc(100% - 323px + 60px - 16px);
  }
  .sales-funnel-above-fold img {
    margin-right: 16px;
  }

  .sales-funnel-three-step-plan > div {
    margin-left: 0px;
  }

  .page-contents-no-sidebar #page-main-content {
    width: 700px !important;
    margin-left: 0px;
  }
  .page-contents-no-sidebar #page-main-content .article-2018 .info-container {
    width: 510px !important;
  }

  .homepage-feature {
    margin-left: calc((100% - 495px) / 2) !important;
  }

  .losing-sucks-popcorn-face {
    height: 570px;
    background-size: 730px;
  }
  .losing-sucks-popcorn-face p {
    padding-top: 60px;
  }
}
@media (max-width: 730px) {
  .front-door {
    margin-left: 0px;
  }
}
.buy-now-page-contents #draftkings-deposit-deal {
  padding-top: 20px;
  padding-bottom: 24px;
}

.buy-now-page-contents #draftkings-deposit-deal > div {
  background-color: #E8EDFA;
  border-radius: 8px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 36px;
  padding-bottom: 24px;
}
.buy-now-page-contents #draftkings-deposit-deal > div h1 {
  padding-bottom: 16px;
}
.buy-now-page-contents #draftkings-deposit-deal > div .draftkings-deal-description {
  font-size: 20px;
  margin-bottom: 8px;
}
.buy-now-page-contents #draftkings-deposit-deal > div .draftkings-deal-list {
  text-align: left;
  font-size: 16px;
  margin-bottom: 12px;
  padding-right: 2em;
}
.buy-now-page-contents #draftkings-deposit-deal > div .draftkings-deal-list-button {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: -8px;
}
.buy-now-page-contents #draftkings-deposit-deal > div .draftkings-logo-small {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 60px;
}

.buy-now-page-contents #plans-and-pricing {
  padding-top: 20px;
  padding-bottom: 20px;
}

.buy-now-page-contents #plans-and-pricing > div {
  background-color: #E8EDFA;
  border-radius: 8px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-title {
  padding-top: 24px;
  padding-bottom: 16px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-title h1 {
  text-align: center;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-welcome {
  max-width: 610px;
  margin: auto;
  font-size: 16px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold {
  /*  Set widths of columns. Text-align is to center pairs of buttons. */
  /*  Set the borders, margins, and colors of the three columns. */
  /*  Set colors and sizes of of header text. */
  /*  Cross out regular price during early bird */
  /*  We want heights of three columns' feature lists to be the same, but we
      have to strike a balance between too much white space and having words
      spill out of the container. */
  /*  Set spacing of feature list. */
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > div.et_pb_column {
  width: 308px;
  text-align: center;
  float: left;
  font-size: 13px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(1) {
  background-color: #eeeeee;
  border-left: 2px solid #333333;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-top: 22px;
  margin-left: 18px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(3) {
  background-color: #eeeeee;
  border-right: 2px solid #333333;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: 22px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(2) {
  background-color: #ffffff;
  border: 2px solid #333333;
  border-radius: 8px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(1) > .et_pb_module:nth-of-type(1) {
  border-top-left-radius: 4px;
  background-color: #2B4785;
  margin: 0px;
  padding-top: 14px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(3) > .et_pb_module:nth-of-type(1) {
  border-top-right-radius: 4px;
  background-color: #2B4785;
  margin: 0px;
  padding-top: 14px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(2) > .et_pb_module:nth-of-type(1) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(2) > .et_pb_module:nth-of-type(1) {
  background-color: #E7680A;
  margin: 0px;
  padding-top: 14px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(2) > .et_pb_module:nth-of-type(2) {
  background-color: #E7680A;
  margin: 0px;
  padding-top: 4px;
  padding-bottom: 14px;
  padding-left: 0px;
  padding-right: 0px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(1) > .et_pb_module:nth-of-type(2),
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(3) > .et_pb_module:nth-of-type(2),
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(2) > .et_pb_module:nth-of-type(3) {
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
  margin: 0px;
  padding-top: 14px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold h1 {
  font-size: 60px;
  color: black;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold h2 {
  font-size: 28px;
  color: white;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold h4 {
  font-size: 16px;
  color: black;
  margin: 0px;
  padding-top: 6px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold h5 {
  font-size: 16px;
  color: white;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold .strikethrough {
  position: relative;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold .strikethrough:before, .buy-now-page-contents #plans-and-pricing > div .pricing-trifold .strikethrough:after {
  position: absolute;
  content: "";
  width: 60%;
  left: 20%;
  top: 45%;
  border-top: 3px solid #E7680A;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold .strikethrough:before {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold .strikethrough:after {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold .feature-list {
  height: 430px;
  text-align: left;
  font-size: 1.1em;
  margin: 0px;
  padding: 16px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold .feature-list ul {
  margin: 0px;
  padding-left: 16px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 8px;
}
.buy-now-page-contents #plans-and-pricing > div .pricing-notes {
  clear: both;
  text-align: center;
  padding-top: 36px;
  padding-bottom: 24px;
}

/* -------------------------------- */
/* ------------ TABLET ------------ */
/* -------------------------------- */
/*  Dynamically adjust for Tablets, Phones, and mid-width Desktop Windows. */
@media (max-width: 1020px) {
  /*  Reduce anchor padding to match side padding change. */
  .buy-now-page-contents #plans-and-pricing {
    padding-top: 13px;
  }

  .buy-now-page-contents #plans-and-pricing > div {
    width: 700px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold {
    /*  Set widths of columns. Text-align is to center pairs of buttons. */
    /*  Set the borders, margins, and colors of the three columns. */
    /*  Set colors and sizes of of header text. */
    /*  We want heights of three columns' feature lists to be the same, but we
        have to strike a balance between too much white space and having words
        spill out of the container. */
    /*  Set spacing of feature list. */
    /*  Remove horizontal space between buttons when they stack. */
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold > div.et_pb_column {
    width: 224px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(1) {
    margin-top: 18px;
    margin-left: 14px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(3) {
    margin-top: 18px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(1) > .et_pb_module:nth-of-type(1) {
    padding-top: 14px;
    padding-bottom: 10px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(3) > .et_pb_module:nth-of-type(1) {
    padding-top: 14px;
    padding-bottom: 10px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(2) > .et_pb_module:nth-of-type(1) {
    padding-top: 14px;
    padding-bottom: 4px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(2) > .et_pb_module:nth-of-type(2) {
    padding-top: 4px;
    padding-bottom: 14px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(1) > .et_pb_module:nth-of-type(2),
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(3) > .et_pb_module:nth-of-type(2),
.buy-now-page-contents #plans-and-pricing > div .pricing-trifold > .et_pb_column:nth-of-type(2) > .et_pb_module:nth-of-type(3) {
    padding-top: 14px;
    padding-bottom: 10px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold h1 {
    font-size: 48px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold h2 {
    font-size: 24px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold h4 {
    font-size: 14px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold h5 {
    font-size: 14px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold .feature-list {
    height: 580px;
    padding: 14px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold .feature-list ul {
    padding-left: 16px;
    padding-right: 6px;
  }
  .buy-now-page-contents #plans-and-pricing > div .pricing-trifold .buttons .primary-cta-button {
    margin-right: 0px;
  }
}
.buy-now-page-contents #rotopass h2 {
  color: white;
}
.buy-now-page-contents #rotopass > div {
  width: 700px;
  margin: auto;
  border-radius: 8px;
  border: 2px solid black;
}
.buy-now-page-contents #rotopass > div .header-bar {
  border-bottom: 2px solid black;
  border-radius: 4px 4px 0px 0px;
}
.buy-now-page-contents #rotopass .bottom-buttons {
  margin: 28px;
}
.buy-now-page-contents #rotopass .primary-cta-button {
  width: 400px;
}

.buy-now-page-contents #plan-comparison-table {
  margin-top: 60px;
  padding-top: 48px;
  padding-bottom: 48px;
}
.buy-now-page-contents #plan-comparison-table .comparison-table {
  /*  Set table width and remove border. */
  table-layout: fixed;
  margin: 0 auto;
  width: 850px;
  /*  Set leftmost column to auto width based on difference of explicitly
      set widths of other columns and overall table width. */
  /*  Explicitly set width of all cells except left column. */
  /*  Move main table titles closer to table body. */
  /*  Remove padding, remove wrapping, and center text on cells that aren't
      descriptions, slanted, or dividers. */
  /*  Center header text and pad it slightly when its horizontal. */
  /*  Center featured header text, but leave padding thicker so text
      appears on multiple rows. */
  /*  Apply CTA color to featured header cells. */
  /*  Apply dark BG color to non-featured header cells. */
  /*  Add bottom borders to pricing row. */
  /*  Override default button size settings. */
  /*  Set font sizes and colors. */
  /*  Cross out regular price during early bird */
  /*  Left-align leftmost column and give text breathing room with padding. */
  /*  Font is too high in cells. Center it better vertically. */
  /*  Format left column with darker colors. */
  /*  Use dark colors on divider rows. */
  /*  Color featured column white so it stands out. */
  /*  Make non-featured cells slightly darker than white to help
      featured column stand out. */
  /*  Add checkmark image to appropriate cells. */
}
.buy-now-page-contents #plan-comparison-table .comparison-table td.description-column {
  width: auto;
}
.buy-now-page-contents #plan-comparison-table .comparison-table td:not(.description-column) {
  width: 110px;
}
.buy-now-page-contents #plan-comparison-table .comparison-table thead h1 {
  margin-top: 36px;
}
.buy-now-page-contents #plan-comparison-table .comparison-table tfoot h1 {
  margin-bottom: 36px;
}
.buy-now-page-contents #plan-comparison-table .comparison-table tr:not(.divider-row) td:not(.description-column):not(.rotate-table-header) {
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
.buy-now-page-contents #plan-comparison-table .comparison-table td.rotate-table-header:not(.featured-column) {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  height: 120px;
  text-align: center;
}
.buy-now-page-contents #plan-comparison-table .comparison-table td.rotate-table-header.featured-column {
  padding: 24px;
  text-align: center;
}
.buy-now-page-contents #plan-comparison-table .comparison-table thead td.featured-column:not(.description-column),
.buy-now-page-contents #plan-comparison-table .comparison-table tfoot td.featured-column:not(.description-column) {
  background-color: #E7680A;
  border-left: 1px solid #b65208;
  border-right: 1px solid #b65208;
  border-top: 1px solid #b65208;
}
.buy-now-page-contents #plan-comparison-table .comparison-table thead .pricing-row .description-column,
.buy-now-page-contents #plan-comparison-table .comparison-table thead td:not(.featured-column):not(.description-column),
.buy-now-page-contents #plan-comparison-table .comparison-table tfoot .pricing-row .description-column,
.buy-now-page-contents #plan-comparison-table .comparison-table tfoot td:not(.featured-column):not(.description-column) {
  background-color: #2B4785;
  border-left: 1px solid #1f325e;
  border-right: 1px solid #1f325e;
  border-top: 1px solid #1f325e;
}
.buy-now-page-contents #plan-comparison-table .comparison-table thead .pricing-row td:not(.featured-column) {
  border-bottom: 1px solid #1f325e;
}
.buy-now-page-contents #plan-comparison-table .comparison-table thead .pricing-row td.featured-column {
  border-bottom: 1px solid #b65208;
}
.buy-now-page-contents #plan-comparison-table .comparison-table .button {
  width: 90px;
  height: auto;
  line-height: auto;
}
.buy-now-page-contents #plan-comparison-table .comparison-table .button a {
  font-size: 16px;
  height: auto;
}
.buy-now-page-contents #plan-comparison-table .comparison-table .primary-cta-button,
.buy-now-page-contents #plan-comparison-table .comparison-table .secondary-cta-button {
  margin: 2px;
}
.buy-now-page-contents #plan-comparison-table .comparison-table h3 {
  font-size: 22px;
  color: white;
}
.buy-now-page-contents #plan-comparison-table .comparison-table h4 {
  font-size: 18px;
  color: white;
}
.buy-now-page-contents #plan-comparison-table .comparison-table h5 {
  font-size: 16px;
  color: white;
}
.buy-now-page-contents #plan-comparison-table .comparison-table td:not(.featured-column) .strikethrough {
  position: relative;
}
.buy-now-page-contents #plan-comparison-table .comparison-table td:not(.featured-column) .strikethrough:before, .buy-now-page-contents #plan-comparison-table .comparison-table td:not(.featured-column) .strikethrough:after {
  position: absolute;
  content: "";
  width: 50%;
  left: 25%;
  top: 40%;
  border-top: 2px solid #E7680A;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.buy-now-page-contents #plan-comparison-table .comparison-table td:not(.featured-column) .strikethrough:before {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.buy-now-page-contents #plan-comparison-table .comparison-table td:not(.featured-column) .strikethrough:after {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
}
.buy-now-page-contents #plan-comparison-table .comparison-table td.featured-column .strikethrough {
  position: relative;
}
.buy-now-page-contents #plan-comparison-table .comparison-table td.featured-column .strikethrough:before, .buy-now-page-contents #plan-comparison-table .comparison-table td.featured-column .strikethrough:after {
  position: absolute;
  content: "";
  width: 50%;
  left: 25%;
  top: 40%;
  border-top: 2px solid #2B4785;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.buy-now-page-contents #plan-comparison-table .comparison-table td.featured-column .strikethrough:before {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.buy-now-page-contents #plan-comparison-table .comparison-table td.featured-column .strikethrough:after {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
}
.buy-now-page-contents #plan-comparison-table .comparison-table tr td:nth-of-type(1) {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
.buy-now-page-contents #plan-comparison-table .comparison-table .pricing-row td,
.buy-now-page-contents #plan-comparison-table .comparison-table tr.divider-row td {
  padding-top: 10px !important;
  padding-bottom: 7px !important;
}
.buy-now-page-contents #plan-comparison-table .comparison-table td.checkmark {
  padding-top: 5px !important;
  padding-bottom: 2px !important;
}
.buy-now-page-contents #plan-comparison-table .comparison-table tbody tr td.description-column {
  background-color: #dddddd;
  border: 1px solid #c4c4c4;
  font-size: 1.1em;
}
.buy-now-page-contents #plan-comparison-table .comparison-table tbody tr.divider-row {
  text-align: left;
  background-color: #2B4785;
  border: 1px solid #1f325e;
  white-space: nowrap;
}
.buy-now-page-contents #plan-comparison-table .comparison-table tbody tr:not(.divider-row) td.featured-column {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
}
.buy-now-page-contents #plan-comparison-table .comparison-table tbody tr:not(.divider-row) td:not(.featured-column):not(.description-column) {
  background-color: #eeeeee;
  border: 1px solid #d5d5d5;
}
.buy-now-page-contents #plan-comparison-table .comparison-table tbody tr td.checkmark:after {
  content: url("https://cdn.footballguys.com/site/2013/img/check_sm.png");
}

/* -------------------------------- */
/* ------------ TABLET ------------ */
/* -------------------------------- */
/*  Dynamically adjust for Tablets, Phones, and mid-width Desktop Windows. */
@media (max-width: 1020px) {
  .buy-now-page-contents #plan-comparison-table .comparison-table {
    width: 700px;
    /*  Remove colors from non-rotated parents of rotated headers. */
    /*  Apply CTA color to rotated featured header cells. */
    /*  Apply dark BG color to rotated non-featured header cells. */
    /*  Set width of other four columns */
    /*  Slant headers. */
    /*  Reduce padding on description column. */
    /*  Reduce line height to better fit smaller font. */
    /*  Remove padding from rotated headers. */
    /*  Shrink buttons. */
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table td.rotate-table-header {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0 !important;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table td.rotate-table-header.featured-column > div {
    background-color: #E7680A !important;
    border-left: 1px solid #b65208 !important;
    border-right: 1px solid #b65208 !important;
    border-top: 1px solid #E7680A !important;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table td.rotate-table-header:not(.featured-column) > div {
    background-color: #2B4785 !important;
    border-left: 1px solid #1f325e !important;
    border-right: 1px solid #1f325e !important;
    border-top: 1px solid #2B4785 !important;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table tr td:not(.description-column) {
    width: 75px !important;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table td.rotate-table-header > div {
    position: relative;
    /*  Skew headers into rhombus shapes. */
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    -o-transform: skewX(45deg);
    transform: skewX(45deg);
    /*  Set worldspace height of slanted cells. */
    height: 160px;
    /*  Translate slanted BGs and text to the right in worldspace. */
    left: -79px;
    /*  Translate slanted BGs and text up in worldspace. */
    bottom: 0px;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table td.rotate-table-header span {
    position: absolute;
    display: inline-block;
    text-align: left;
    white-space: nowrap;
    /*  Counter-skew and rotate text. */
    -webkit-transform: skewX(-45deg) rotate(45deg);
    -moz-transform: skewX(-45deg) rotate(45deg);
    -ms-transform: skewX(-45deg) rotate(45deg);
    -o-transform: skewX(-45deg) rotate(45deg);
    transform: skewX(-45deg) rotate(45deg);
    /*  Shifts text right in worldspace. */
    left: -42px;
    /*  Translates text up and to the left at 45 degree angle. */
    bottom: 80px;
    /*  Width of the slanted text container. */
    width: 150px;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table tfoot td.rotate-table-header > div {
    /*  Skew headers into rhombus shapes. */
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    transform: skewX(-45deg);
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table tfoot td.rotate-table-header span {
    /*  Counter-skew and rotate text. */
    -webkit-transform: skewX(45deg) rotate(-45deg);
    -moz-transform: skewX(45deg) rotate(-45deg);
    -ms-transform: skewX(45deg) rotate(-45deg);
    -o-transform: skewX(45deg) rotate(-45deg);
    transform: skewX(45deg) rotate(-45deg);
    /*  Shifts text right in worldspace. */
    left: -51px;
    /*  Translates text down and to the left at 45 degree angle. */
    top: 84px;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table tr.divider-row td,
.buy-now-page-contents #plan-comparison-table .comparison-table tr td.description-column {
    padding-left: 16px;
    padding-right: 16px;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table tbody td.description-column {
    line-height: 1.5em;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table td.rotate-table-header {
    padding: 0 !important;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table .button {
    width: 71px;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table .button a {
    font-size: 14px;
  }
  .buy-now-page-contents #plan-comparison-table .comparison-table .primary-cta-button,
.buy-now-page-contents #plan-comparison-table .comparison-table .secondary-cta-button {
    margin: 2px;
  }
}
.buy-now-page-contents .header-bar {
  margin: 0px;
  padding-top: 12px;
  padding-bottom: 6px;
  background-color: #2B4785;
  text-align: center;
}
.buy-now-page-contents .header-bar h1 {
  color: white;
}
.buy-now-page-contents .progress-bar-image {
  text-align: center;
}
.buy-now-page-contents .upgrade-message {
  max-width: 600px;
  margin: auto;
}
.buy-now-page-contents .upgrade-message h2 {
  font-size: 24px;
  text-align: center;
}
.buy-now-page-contents .upgrade-message h3 {
  font-size: 18px;
  text-align: center;
}
.buy-now-page-contents .upgrade-message p {
  font-size: 1.1em;
}
.buy-now-page-contents .upgrade-buttons {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 24px;
}
.buy-now-page-contents .big-upgrade-buttons .button {
  width: 200px;
  height: 59px;
  line-height: 1.4;
  padding-top: 4px;
}
.buy-now-page-contents .upgrade-feature-list-header {
  text-align: center;
}
.buy-now-page-contents .upgrade-feature-list ul {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}
.buy-now-page-contents .upgrade-feature-list {
  font-size: 1.1em;
}
.buy-now-page-contents .season-long-pro-feature-list {
  max-width: 580px;
}
.buy-now-page-contents .daily-fantasy-pro-feature-list {
  max-width: 660px;
}
.buy-now-page-contents .upgrade-footer h3 {
  margin-top: 20px !important;
}
.buy-now-page-contents #upgrade-offer {
  padding-top: 20px;
  padding-bottom: 24px;
}
.buy-now-page-contents #upgrade-offer > div {
  width: 700px;
  margin: auto;
  border-radius: 8px;
  border: 2px solid black;
}
.buy-now-page-contents #upgrade-offer > div .header-bar {
  background-color: #E7680A;
  border-bottom: 2px solid black;
  border-radius: 4px 4px 0px 0px;
}
.buy-now-page-contents .upgrade-footnote .primary-cta-button {
  width: 400px;
  margin-top: 4px;
  margin-bottom: 36px;
}

/*  Customize big timer at top of Buy Now Page. */
.buy-now-page-contents .timer {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 24px;
}
.buy-now-page-contents .timer h1 {
  font-size: 30px;
}
.buy-now-page-contents .timer .button {
  width: 436px;
  margin-right: 0px;
}

/*  Customize medium-sized timers. */
.timer-box-padding-medium {
  width: 436px;
}
.timer-box-padding-medium img {
  padding: 12px;
}

/*  Customize small-sized timers. */
.timer-box-padding-small {
  width: 316px;
}
.timer-box-padding-small img {
  padding: 6px;
}

/*  Customize all timers. */
.timer-box-padding {
  background-color: #2B4785;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
  margin-bottom: 6px;
}

.buy-now-footer {
  position: fixed;
  bottom: 0;
  left: calc(50% - 263px);
  background-color: #cccccc;
  text-align: center;
  border-left: 2px solid black;
  border-right: 2px solid black;
  border-top: 2px solid black;
  border-radius: 8px 8px 0px 0px;
}

.buy-now-timer-banner-thin .timer-msg-and-button {
  float: left;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 10px;
  margin-right: 10px;
}
.buy-now-timer-banner-thin .timer-msg-and-button h3 {
  padding: 0px;
  color: black;
  margin-top: 2px;
  margin-bottom: 4px;
}
.buy-now-timer-banner-thin .timer-msg-and-button .button {
  width: 180px;
  height: 36px;
  line-height: 30px;
  margin-bottom: 0px;
}
.buy-now-timer-banner-thin .timer-box-padding-small {
  float: left;
  margin-right: 6px;
}

.buy-now-page-contents .sales-funnel-roadblock {
  padding: 0px;
  margin-top: 40px;
  margin-bottom: 50px;
  background-color: lightyellow;
  text-align: center;
}
.buy-now-page-contents .sales-funnel-roadblock #member-login {
  background-color: #385DAD;
  float: none;
  width: 100%;
  margin: 0px;
}
.buy-now-page-contents .sales-funnel-roadblock #member-login p {
  color: white;
  margin-bottom: 8px;
}
.buy-now-page-contents .sales-funnel-roadblock #member-login .login-fields {
  padding-bottom: 6px;
}
.buy-now-page-contents .sales-funnel-roadblock #member-login a, .buy-now-page-contents .sales-funnel-roadblock #member-login a:visited, .buy-now-page-contents .sales-funnel-roadblock #member-login a:hover, .buy-now-page-contents .sales-funnel-roadblock #member-login a:active {
  text-decoration: none;
  font-size: 0.8em;
  float: right;
  margin-top: -39px;
}
.buy-now-page-contents .sales-funnel-roadblock #member-login a, .buy-now-page-contents .sales-funnel-roadblock #member-login a:visited {
  color: #dddddd;
}
.buy-now-page-contents .sales-funnel-roadblock #member-login a:hover, .buy-now-page-contents .sales-funnel-roadblock #member-login a:active {
  color: #ffffff;
}
.buy-now-page-contents .sales-funnel-roadblock h1 {
  padding: 28px 10px 10px 10px;
}
.buy-now-page-contents .sales-funnel-roadblock .primary-cta-button {
  margin-top: 4px;
  margin-bottom: 24px;
  margin-right: 10px;
}
.buy-now-page-contents .sales-funnel-roadblock .roadblock-end {
  width: 455px;
  margin: auto;
  padding-bottom: 16px;
}
.buy-now-page-contents .sales-funnel-roadblock .roadblock-end img {
  width: 147px;
  height: 148px;
}
.buy-now-page-contents .sales-funnel-roadblock .roadblock-end p {
  margin-right: 20px;
}
.buy-now-page-contents .sales-funnel-roadblock .roadblock-matthew-berry {
  padding-top: 10px;
}
.buy-now-page-contents .sales-funnel-roadblock .roadblock-money-back {
  padding-bottom: 10px;
}

.buy-now-page-contents .bottom-buttons {
  margin: 48px;
  text-align: center;
}

.buy-now-page-contents {
  /*  Section header text customizations. */
  /*  General button sizing, borders, and text properties. */
  /*  Secondary CTA colors and spacing. */
  /*  Primary CTA colors and spacing. */
}
.buy-now-page-contents .coming-soon {
  color: red;
  text-align: center;
}
.buy-now-page-contents h1 {
  font-size: 36px;
  color: black;
}
.buy-now-page-contents .button {
  display: inline-block;
  width: 136px;
  height: 40px;
  line-height: 34px;
  border: 2px solid #333333;
  border-radius: 8px;
}
.buy-now-page-contents .button:hover {
  border-color: #555555;
}
.buy-now-page-contents .button a {
  color: #eeeeee;
  text-decoration: none;
  font-size: 16px;
  display: block;
  height: 36px;
}
.buy-now-page-contents .button a:hover {
  color: #ffffff;
}
.buy-now-page-contents .secondary-cta-button {
  background-color: #2B4785;
  margin-bottom: 16px;
}
.buy-now-page-contents .secondary-cta-button:hover {
  background-color: #385DAD;
}
.buy-now-page-contents .primary-cta-button {
  background-color: #E7680A;
  margin-bottom: 5px;
}
.buy-now-page-contents .primary-cta-button:hover {
  background-color: #F2911B;
}
.buy-now-page-contents .buttons .primary-cta-button {
  margin-right: 5px;
}
.buy-now-page-contents .quote {
  background-color: #385DAD;
  border-radius: 8px;
  width: 620px;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}
.buy-now-page-contents .quote p {
  text-align: center;
  font-size: 20px;
  color: white;
  padding: 48px;
}
.buy-now-page-contents .testimonials,
.buy-now-page-contents .faq {
  max-width: 860px;
  margin: auto;
}
.buy-now-page-contents .testimonials blockquote p,
.buy-now-page-contents .faq blockquote p {
  font-size: 1.1em;
}
.buy-now-page-contents .buy-now-image {
  margin-bottom: 36px;
}

/*# sourceMappingURL=file:///Applications/MAMP/htdocs/2018-fbg-site-update/home/football/public_html/2013templates-ssl/css/sales-funnel.css.map */