.eg-card-img img, .eg-features-logo img {
  display: block;
  width: 100%;
  height: auto; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.eg-row {
  display: block;
  padding: 10px 20px; }
  .eg-row-container {
    display: block;
    max-width: 1400px;
    margin: 0 auto; }
  .eg-row--grey {
    background: #F6F9FC; }
  .eg-row--last {
    padding-bottom: 20px; }

@media only screen and (min-width: 1024px) {
  .eg-flex-container {
    display: flex;
    justify-content: space-between; } }

@media only screen and (min-width: 1100px) {
  .eg-flex-container--large {
    display: flex;
    justify-content: space-between; } }

.eg-heading {
  font-family: 'XFINITY-Sans-Extra-Light', sans-serif;
  font-size: 48px;
  line-height: 58px;
  color: #191919;
  text-align: center; }
  .eg-heading-module {
    background: #F6F9FC;
    padding: 15px 20px 5px; }

.eg-card {
  display: block;
  width: 100%;
  background: #fff;
  padding: 30px 0 0;
  margin: 0 0 20px 0;
  box-shadow: 0 2px 4px 0 rgba(50, 50, 93, 0.05); }
  .eg-card:last-child {
    margin: 0; }
    @media only screen and (min-width: 1024px) {
      .eg-card:last-child {
        margin: 0 0 0 10px; } }
  @media only screen and (min-width: 1024px) {
    .eg-card {
      margin: 0 10px 0 0; } }
  .eg-card-heading {
    font-family: 'XFINITY-Sans-Extra-Light', sans-serif;
    font-size: 34px;
    line-height: 41px;
    font-weight: 100;
    color: #191919;
    padding: 0 0 0 40px; }
    .eg-card-heading--center {
      max-width: 500px;
      margin: 0 auto 15px;
      padding: 0; }
  .eg-card-subheading {
    display: block;
    font-family: 'XFINITY-Sans-Extra-Light', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #191919;
    margin: 5px 0 10px;
    padding: 0 0 0 40px; }
    .eg-card-subheading--center {
      padding: 0; }
  .eg-card-link {
    display: inline-block;
    font-family: 'XFINITY-Sans', sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300 !important;
    color: #0272b6;
    text-decoration: none;
    margin: 10px 0 30px;
    padding: 2px 0 2px 40px; }
    .eg-card-link--center {
      padding: 2px 0; }
    .eg-card-link.right-caret {
      position: relative; }
      .eg-card-link.right-caret:hover:after {
        right: -20px; }
      .eg-card-link.right-caret:after {
        content: '\203A';
        position: absolute;
        right: -15px;
        top: 1px;
        font-size: 22px;
        transition: all .5s; }
  .eg-card-img {
    padding: 40px 40px 0; }
    .eg-card-img--center {
      max-width: 550px;
      margin: 15px auto;
      padding: 15px 10px 10px; }
    .eg-card-img-internet {
      padding: 0; }
    .eg-card-img-tv {
      padding: 0; }
  .eg-card-x1 .tv-player {
    position: relative;
    cursor: pointer; }
    .eg-card-x1 .tv-player:before, .eg-card-x1 .tv-player:after {
      transition: all .25s ease-in-out; }
    .eg-card-x1 .tv-player:before {
      content: '';
      position: absolute;
      left: calc(50% - 24px);
      top: calc(50% - 24px);
      width: 48px;
      height: 48px;
      background-color: #2b9cd8;
      border-radius: 24px; }
    .eg-card-x1 .tv-player:after {
      content: '';
      position: absolute;
      left: calc(50% - 4px);
      top: calc(50% - 8px);
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 12px solid #fff; }
    .eg-card-x1 .tv-player:hover:before, .eg-card-x1 .tv-player:focus:before, .eg-card-x1 .tv-player:active:before {
      left: calc(50% - 29px);
      top: calc(50% - 29px);
      width: 58px;
      height: 58px;
      border-radius: 30px;
      transition: all .25s ease-in-out; }
    .eg-card-x1 .tv-player:hover:after, .eg-card-x1 .tv-player:focus:after, .eg-card-x1 .tv-player:active:after {
      left: calc(50% - 4px);
      top: calc(50% - 9px);
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 15px solid #fff;
      transition: all .25s ease-in-out; }
  .eg-card-compete {
    display: block; }
    .eg-card-compete-submod {
      display: inline-block;
      font-size: 14px;
      line-height: 17px;
      color: #191919;
      text-align: left;
      width: 300px;
      padding: 5px 0 5px 60px;
      margin: 20px 0 34px !important;
      background: url("//cdn.comcast.com/~/Media/2017/Home page/Evergreen/January2017/img/x1-badge (1).png?rev=494a557c-0ae3-4ce7-a31b-564df2aeb517") no-repeat;
      background-size: contain; }
    .eg-card-compete-txt--small {
      font-size: 11px;
      line-height: 13px !important;
      opacity: .5;
      color: #191919;
      margin: 15px 0 75px !important; }
  .eg-card-voice, .eg-card-home {
    padding: 50px 0;
    max-height: 270px; }
  .eg-card-voice {
    background: #fff url("//cdn.comcast.com/~/Media/2017/Home page/Evergreen/January2017/img/voice.png?rev=61ae3062-dddb-4635-a8ec-d92abc44913e") no-repeat;
    background-size: auto 95%;
    background-position: 90% 100%; }
    @media only screen and (min-width: 1024px) {
      .eg-card-voice {
        margin: 0 10px 0 0; } }
  .eg-card-home {
    background: #fff url("//cdn.comcast.com/~/Media/2017/Home page/Evergreen/January2017/img/home.png?rev=950f3d69-eec6-4c13-8efc-34294b69d9b8") no-repeat;
    background-size: auto 95%;
    background-position: 90% 100%; }
  .eg-card--center {
    text-align: center; }

.eg-features {
  display: block;
  padding: 45px 0;
  max-height: 270px;
  width: 100%;
  background: #fff;
  margin: 0 0 20px 0;
  box-shadow: 0 2px 4px 0 rgba(50, 50, 93, 0.05); }
  @media only screen and (min-width: 1100px) {
    .eg-features:last-child {
      margin: 0; } }
  @media only screen and (min-width: 1100px) {
    .eg-features {
      margin: 0 20px 0 0; } }
  .eg-features-logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 0 15px 40px; }
  .eg-features-heading {
    font-family: 'XFINITY-Sans-Regular', sans-serif;
    font-size: 16px;
    font-weight: bolder;
    line-height: 19px;
    color: #191919;
    padding: 0 5px 0 40px; }
  .eg-features-subheading {
    display: block;
    font-family: 'XFINITY-Sans-Extra-Light', sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #191919;
    margin: 5px 0 10px;
    padding: 0 5px 0 40px; }
  .eg-features-link {
    display: inline-block;
    font-family: 'XFINITY-Sans', sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300 !important;
    color: #0272b6;
    text-decoration: none;
    margin: 10px 0;
    padding: 2px 0 2px 40px; }
    .eg-features-link.right-caret {
      position: relative; }
      .eg-features-link.right-caret:hover:after {
        right: -20px; }
      .eg-features-link.right-caret:after {
        content: '\203A';
        position: absolute;
        right: -15px;
        top: 1px;
        font-size: 22px;
        transition: all .5s; }

.eg-exist {
  background: #fff;
  text-align: center; }
  .eg-exist-container {
    max-width: 550px;
    padding: 60px 0 40px;
    margin: 0 auto; }
  .eg-exist-heading {
    font-family: 'XFINITY-Sans-Regular', sans-serif;
    font-size: 16px;
    font-weight: bolder;
    line-height: 19px;
    color: #191919; }
  .eg-exist-subheading {
    display: block;
    font-family: 'XFINITY-Sans-Extra-Light', sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #191919;
    margin: 5px 0 10px; }
  .eg-exist-service a {
    display: inline-block;
    font-family: 'XFINITY-Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #0272b6;
    text-decoration: none;
    margin: 20px 15px;
    padding: 5px 0 5px 33px; }
  .eg-exist-service-account {
    background: url("//cdn.comcast.com/~/Media/2017/Home page/Evergreen/January2017/img/ma-acct.png?rev=5c493a4a-5b73-4061-a5da-bee528465841") no-repeat left center;
    background-size: auto 70%; }
  .eg-exist-service-tv {
    background: url("//cdn.comcast.com/~/Media/2017/Home page/Evergreen/January2017/img/ma-tv.png?rev=b20e6bd0-1784-459c-8991-9a5b0d7c7f08") no-repeat left center;
    background-size: auto 70%; }
  .eg-exist-service-email {
    background: url("//cdn.comcast.com/~/Media/2017/Home page/Evergreen/January2017/img/ma-mail.png?rev=ccf80c23-678e-430e-a27d-df36e289ddb8") no-repeat left center;
    background-size: auto 50%; }
  .eg-exist-service-home {
    background: url("//cdn.comcast.com/~/Media/2017/Home page/Evergreen/January2017/img/ma-home.png?rev=31b9f6c1-50f9-4a8b-9862-1a022d75bf05") no-repeat left center;
    background-size: auto 70%; }