/* CSS for mobile.directv.com Marketing pages */
@font-face {
  font-family: 'Omnes_ATT';
  font-weight: normal;
  src: url('https://cdn.directv.com/content/dam/dtv/teamsite/cms3/equipment/fonts/omnes_attw02-webfont.woff2') format('woff2'),
       url('https://cdn.directv.com/content/dam/dtv/teamsite/cms3/equipment/fonts/omnes_attw02-webfont.woff') format('woff'),
       url('https://cdn.directv.com/content/dam/dtv/teamsite/cms3/equipment/fonts/omnes_attw02-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Omnes_ATT Medium';
  font-weight: normal;
  src: url('https://cdn.directv.com/content/dam/dtv/teamsite/cms3/equipment/fonts/omnes_attw02medium-webfont.woff2') format('woff2'),
       url('https://cdn.directv.com/content/dam/dtv/teamsite/cms3/equipment/fonts/omnes_attw02medium-webfont.woff') format('woff'),
       url('https://cdn.directv.com/content/dam/dtv/teamsite/cms3/equipment/fonts/omnes_attw02medium-webfontttf') format('truetype');
}
@font-face {
    font-family: 'Aleck-Sans-Regular';
    src: url('https://cdn.directv.com/content/dam/dtv/directv_marketing/global/fonts/attalecksans/ATTAleckSans_W_Rg.eot'),
         url('https://cdn.directv.com/content/dam/dtv/directv_marketing/global/fonts/attalecksans/ATTAleckSans_W_Rg.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.directv.com/content/dam/dtv/directv_marketing/global/fonts/attalecksans/ATTAleckSans_W_Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Aleck-Sans-Light';
    src: url('https://cdn.directv.com/content/dam/dtv/directv_marketing/global/fonts/attalecksans/ATTAleckSans_W_Lt.eot');
    src: url('https://cdn.directv.com/content/dam/dtv/directv_marketing/global/fonts/attalecksans/ATTAleckSans_W_Lt.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.directv.com/content/dam/dtv/directv_marketing/global/fonts/attalecksans/ATTAleckSans_W_Lt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body, html {
    background-color: #000;
    color: #666666;
}
sup, sub {
    font-size: 75%;
}
sub {
    bottom: 0.2em;
    position: relative;
}
a {
    color: #2395e1;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
span.arrow{
    width: 0; height: 0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 5px solid #2395e1; display: inline-block;
}

.marketing .row {
    max-width: 40.0em;
    background-color: #fff;
}
.marketing .t-center {
    text-align: center;
}
.marketing .top-border {
    border-top: 1px #e4e7ed solid;
}
.marketing .packages img {
    margin-bottom: 0.825rem;
}
.marketing.nflst .tab-bar {
    height: 60px;
}
.marketing.nflst .main-content {
    padding-top: 0;
    margin-top: 60px;
}
.marketing.nflst .btn {
    background: #006ccf;
    border-color: #006ccf;
    color: #fff;
    padding: 8px;
    padding: 8px 42px;
    font-size: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 0px 0px #006ccf;
    -moz-box-shadow: 0 1px 0px 0px #006ccf;
    -webkit-box-shadow: 0 1px 0px 0px #006ccf;
}
.top-shadow {
    background: #fff url(../img/marketing/img_top_shadow.jpg) repeat-x 0 0;
}
.top-image img {
    margin-top: -1.625rem;
}
.push-up {
    padding-top: 0 !important;
}
.underline {
    text-decoration: underline;
}
.reveal-modal {
    padding: 0.975rem;
    top: 0 !important;
}
.reveal-modal h5 {
    font: bold 14px/2.4 arial;
}
.reveal-modal p {
    font: normal 10px/1.5 arial;
    color: #333;
    margin-bottom: 0.625rem;
}
.extra-top-padding {
    padding-top: 1em;
}

/* Top Nav Customize */
.marketing .tab-bar {background: #000!important; height: auto;}
.marketing .tab-bar section {background: #000!important; }
.marketing .tab-bar .left-small {width: 8.5rem; height: 2.8rem; padding: 0rem 0.75rem; border-right: none; z-index: 10;}
.marketing .tab-bar .tab-bar-section.middle {left: 4.2rem; right: 4.2rem; height: 2.8rem; z-index: 5;}
.marketing .tab-bar .tab-bar-section.middle .sign-in {font: 0.9rem/1.1rem arial,Helvetica,sans-serif; text-align: right; position: relative; color: #ccc; margin-top: 0.25rem;}
.marketing .tab-bar .tab-bar-section.middle .my-account {font: bold 0.9rem/1.1rem arial,Helvetica,sans-serif; text-align: right; position: relative; right: -0.8rem; }
.marketing .tab-bar .tab-bar-section.middle .my-account span {width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #2395e1; top: .75rem; position: relative;}

.marketing .tab-bar .nav-middle-cta {background-color: #f0f0f0; padding: .5rem; width: 100vw; margin: 0 auto; position: relative; top:2.8rem; text-align: center;}
.marketing .tab-bar .nav-middle-cta a { text-align: center;}
.marketing .tab-bar .nav-middle-cta a img {height: 41px;}
.marketing .tab-bar .right-small {width: 4.2rem; height: 2.8rem; border-left: none; line-height: 0; text-align: center; background: url(../img/marketing/img_nav_icon.jpg) transparent 0px 0px no-repeat; background-size: 4.2rem 2.8rem;}
.marketing .tab-bar .columns { padding-left: 0.375rem; padding-right: 0.375rem; }

.marketing .invoca-cta {text-decoration: none;}
.marketing .phone-cta {color: #ff8c04; font:bold 2rem/2.5rem arial,Helvetica,sans-serif; padding: 1rem 1.6rem 2.25rem;}
.marketing .phone-cta span {font:bold 3.2rem/3.3rem arial,Helvetica,sans-serif;}

.marketing .move-left > .inner-wrap {
    -ms-transform: translate(-16.5rem, 0);
    -webkit-transform: translate3d(-16.5rem, 0, 0);
    -moz-transform: translate3d(-16.5rem, 0, 0);
    -ms-transform: translate3d(-16.5rem, 0, 0);
    -o-transform: translate3d(-16.5rem, 0, 0);
    transform: translate3d(-16.5rem, 0, 0);
}
.marketing .right-off-canvas-menu {
    width: 16.5rem;
    background: #efefef;
    font: 0.8rem/0.85rem Aleck-Sans-Regular,Trebuchet MS,sans-serif;
}
.marketing .right-off-canvas-menu ul.off-canvas-list li a {padding: 0.8rem; color: #494a4b; border-bottom: 1px solid #ddd; background: url(../img/marketing/img_chevron_right.png) right center no-repeat transparent;}
.marketing .right-off-canvas-menu ul.off-canvas-list li a:hover {background-color: #ccc;}
.marketing .no-csstransforms .left-off-canvas-menu {
  left: -16.5rem; }
.marketing .no-csstransforms .right-off-canvas-menu {
  right: -16.5rem; }
.marketing .no-csstransforms .move-left > .inner-wrap {
  right: 16.5rem; }
.marketing .no-csstransforms .move-right > .inner-wrap {
  left: 16.5rem; }

/* hamburger */
.marketing .lines-button {
  display: inline-block;
  padding: 1.2rem 0.8rem;
}
.marketing .lines-button:hover {
  opacity: 1;
}
.marketing .lines-button:active {
  transition: 0;
  background: rgba(0, 0, 0, 0.1);
}

.marketing .lines {
  display: inline-block;
  width: 1.3rem;
  height: 0.2rem;
  border-radius: 0.9rem;
  transition: 0.3s;
  position: relative;
  background: #034479;
}
.marketing .lines:before, .lines:after {
  display: inline-block;
  width: 1.3rem;
  height: 0.2rem;
  border-radius: 0.9rem;
  transition: 0.3s;
  position: absolute;
  content: '';
  transform-origin: 0.25rem center;
  background: #034479;
}
.marketing .lines:before {
  top: 0.4rem;
  left: 0.12rem;
}
.marketing .lines:after {
  top: -0.45rem;
  left: -0.1rem;
}

.marketing .lines-button:hover .lines:before {
  top: 0.6rem;
}
.marketing .lines-button:hover .lines:after {
  top: -0.6rem;
}

.marketing .lines-button.x.close .lines {
  background: transparent;
}
.marketing .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
  transform-origin: 50% 50%;
  top: 0;
  width: 1.3rem;
  left: 0.5rem;
}
.marketing .lines-button.x.close .lines:before {
  transform: rotate3d(0, 0, 1, 45deg);

}
.marketing .lines-button.x.close .lines:after {
  transform: rotate3d(0, 0, 1, -45deg);
}
.marketing.mobile-apps .tab-bar {
    height: 45px;
}

.header .visa-banner #visa_banner_container {position: relative; padding: 10px 5px; background-color: #333; }
.header .visa-banner #visa_banner_container .promo-container {text-align: center; }
.header .visa-banner #visa_banner_container .promo-text {color: #fff; font:bold 16px/18px Aleck-Sans-Regular;}
.header .visa-banner #visa_banner_container .promo-text span {color: #00b2ed; font: inherit;}
.header .visa-banner #visa_banner_container span.promo-legal {color: #fff!important; font: 9px/10px arial; margin-top: 5px; }
.header .visa-banner #visa_banner_container img {display: none; float: left; }

.visa-outfootprint, .visa-dma {display: none;}


/* Main Content */
.main-content {padding-top: 9.2rem;}
.mobile-apps .main-content { padding-top: 45px !important; }

.main-content .columns {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
}

.main-content .columns.no-padding  {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.main-content h2 {
    display: inline-block;
    color: #333;
    text-transform: uppercase;
    font: italic 15px/2 Aleck-Sans-Light;
    border-top: 4px #229fde solid;
    border-bottom: 4px #1a72af solid;
}

.main-content h4 {
    font: 36px/1.3 Aleck-Sans-Light;
    color: #333;
}

.main-content h3 {
    font: 26px/1.3 Aleck-Sans-Light;
    color: #333;
    margin-bottom: 0.8rem;
    margin-top: 0.8rem;
}
.main-content h3 span {
    display: block;
    font: 20px/1 Aleck-Sans-Regular;
}
.main-content .columns.no-padding h3 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}
.main-content h5 {
    color: #333;
    font: 1.1rem/1.1 Aleck-Sans-Light;
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
}

.main-content p {
    font: 14px/1.6 Verdana, Geneva, sans-serif;
    color: #5f5f5f;
    font-weight: 100;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}
.main-content p.legal-text { font: 10px/12px arial; }
.main-content .columns.no-padding p {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
}

.main-content p.orange-tfn {
    font: normal 1.6rem/2.0rem Aleck-Sans-Light;
    color: #ff9000;
}

.main-content p.note {
    font-size: 10px;
    color: #9c9c9c;
}
.main-content p.note.questions, .main-content p.note.questions a {color: #0496f2; font-weight: bold; }
.main-content p.note.questions a {text-decoration: underline;}
.main-content p.note.dark {
    font-size: 9px;
    color: #333;
}
.main-content p.note.medium {
    font-size: 14px !important;
    font-family: Aleck-Sans-Light;
}
.main-content p:last-child {
    margin-bottom: 0;
}
.main-content p.tfn{
    font: bold 1.0rem/1.2rem Aleck-Sans-Regular;
}
.main-content p.tfn a {color: #ff9000;}
.main-content p.tfn span{
    font: bold 2rem/2rem Aleck-Sans-Regular;
}

.main-content .narrow {
    padding: 1rem 3rem 2.25rem;
}

.main-content .more-padding {
    padding: 1rem 0 1.85rem;
}

.main-content .free-month {
    position: relative;
}

.main-content .free {
    position: absolute;
    width: 41%;
    top: 0px;
    right: 5px;
}

.main-content p.s-link {
    font-size: 12px;
    margin-bottom: 0.3rem;
}

.main-content a.s-link {
    font-size: 14px;
    display: block;
    margin-bottom: 0.3rem;
}
.main-content a.s-link.small {
    font-size: 13px;
}

.main-content .apps-logo {
    margin-top: 0.4rem;
}
.main-content .apps-logo > span {
    font-size: 16px;
    margin-left: 5px;
    color: #000;
    font-weight: 600;
    font-family: arial;
}
.main-content .apps-logo .small {
    font-size: 14px !important;
}
.main-content .red {
    color: #da1f26;
}

.main-content ol.numbered-list {
    display: block;
    padding: 0 0 10px 35px;
    list-style: none;
    overflow: hidden;
    counter-reset: numList;
    margin-left: 0rem;
}
.main-content ol.numbered-list li {
    position: relative;
    text-align: left;
    font: 14px/1.6 Verdana, Geneva, sans-serif;
    color: #5f5f5f;
    font-weight: 100;
    margin-bottom: 1.2rem;

}
.main-content ol.numbered-list li:before {
    counter-increment: numList;
    content: counter(numList);

    float: left;
    position: absolute;
    left: -35px;

    text-align: center;
    color: #fff;
    line-height: 20px;

    width: 21px; height: 21px;
    background: #24afe4;

    -moz-border-radius: 999px;
    border-radius: 999px
}
.legal {
    background-color: #f6f6f6;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.legal.black {
    background-color: #000;
}
.legal p {
    font-size: 10px;
    text-align: justify;
    word-spacing: -1px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1rem;
}
.legal.black p {
    color: #fff;
}
.legal .additional {
    display: block;
    text-align: center;
    font-size: 10px;
    color: #0099cc;
}
.legal .additional span::after {
    content: "";
    display: inline-block;
    position: relative;
    left: 3px;
    width: 0px;
    height: 0px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #0099cc;
}

.legal .additional-links {
    padding-top: 3px;
    display: block;
    text-align: center;
}
.legal .additional-links > a{
    font-size: 10px;
    color: #0099cc;
    padding: 0 3px;
}
.copyright-legal {color: #999; text-align: center; font:normal 12px/14px arial; padding:20px;}

.lb-link span::after {
    content: "";
    display: inline-block;
    position: relative;
    left: 3px;
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #0099cc;
}
/* Connected Home */
.main-content .connected-home .header {
    background: #000 url(../img/marketing/hdr_connect_home.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 240px 40px 40px;
}
.main-content .connected-home .header *,
.main-content .connected-home .dtv-app *,
.main-content .connected-home .connect-hddvr * {
    color: #fff;
}
.main-content .connected-home .btn {
    font: 18px/1.2 Aleck-Sans-Regular;
    max-width: 240px;
    margin: 0 auto;
}
.main-content .connected-home .iconpop {
    width: 300px;
}
.main-content .connected-home .dtv-app {
    background: #000 url(../img/marketing/img_dtv_app.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 240px 20px 40px;
}
.main-content .connected-home .connect-hddvr {
    background: #000 url(../img/marketing/img_connect_now.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 240px 60px 40px;
}

/* Email Newsletter */
#email_container, #email_container .formContainer {position: relative;}
#email_container .email-title {font-size: 22px; margin-top: 0;}
#email_container input[type=text] {
    border: 1px solid #eeeff1;
    margin: 1.6rem auto 0;
    font: 0.8rem/1 arial;
    color:#cdcdcd;
    vertical-align:middle;
    background-color: #fff;
    padding: 0.8rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 49px;
}
#email_container .submitButton {
    background:url(../img/marketing/bttn_email_Submit.jpg) 0 0 no-repeat transparent;
    background-size: contain;
    height: 34px;
    width: 95px;
    border: none;
    cursor:pointer;
    position: absolute;
    top: 9px;
    right: 7px;
}
#email_container #errors {text-align: center; color:#ff0000; font: 0.8rem/0.8rem "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: .5rem;}
#email_container #errors ul {margin: 0;padding: 0;list-style:none;}

/* Genie HD DVR */
.genie-heading {background-color: #eff1f0;}
.free-upgrade {width: 50%; display: inline-block; position: relative; bottom: -16px;}
.genie-customer-heading {background-color: #eff1f0; padding-bottom: 2rem;}

.premium-heading .playing {
    color: #fff;
    font-size: 10px;
}
.premium-channels img {
    padding-left: 1.975rem;
    padding-right: 1.975rem;
    margin-bottom: 25px;
}

/* Packages header */
/*.pkg-header {
    background: url('../img/marketing/hdr_Packages.jpg') 50% 0 no-repeat transparent scroll;
    background-size: 100%;
    padding-bottom: 2rem;
    padding-top: 20em;
}
.pkg-header h2, .pkg-header h4 {color:#fff;}
.pkg-header h2 {font: italic 30px/64px Aleck-Sans-Light;}
.pkg-header h4 {font: 65px/100px Aleck-Sans-Light;}*/

/* Bundles */
/*.bundles-heading {
    position: relative;
}

.bundles-heading h2 {
    border: none;
    font: normal 22px/1.4 Aleck-Sans-Light;
    color: #fff;
    text-transform: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bundles-heading h2 span {
    color: #ffba00;
    display: block;
}*/
.pkg-header h3 { text-align: left; font-size: 2.4em; line-height: 1; font-weight: bold; padding: 14px;}
.pkg-header ul { list-style: none; text-align: left;}
.pkg-header ul li { font: 16px/1.8 Aleck-Sans-Regular; color: #5f5f5f; }
.pkg-header ul li .check {color: #237fd1; }
.pkg-header .hdr-price-wrap { text-align: left; padding: 0 14px; font: 14px/1.6 Aleck-Sans-Regular; color: #000; }
.pkg-header .hdr-price-wrap .hdr-price { font: 55px/1 Aleck-Sans-Regular; }
.pkg-header .hdr-price-wrap .hdr-price sup { font-size: 40%; position: relative; top: -2px; }
.pkg-header .hdr-price-wrap .hdr-price span { font-size: 12px; position: relative; top: -6px; left: -68px; }
.pkg-header .hdr-price-wrap p { padding: 0; color: #000; }
.pkg-header .hdr-price-wrap a { color: inherit; text-decoration: underline; }
/* Boxing */
.ppv .tab-bar .nav-middle-cta {
    background-color: #000;
}
.ppv .reveal-modal {
    background-color: #000;
    padding: 18px 0 0;
    border: 1px #222 solid;
}
.ppv .reveal-modal .close-reveal-modal {
    top: 0;
    right: 0;
    font-size: 1.5rem;
}
.canelo-khan .columns {
    background: #000;
    text-align: center;
}
.canelo-khan .top-border {
    border-top: 1px #323232 solid;
}
.canelo-khan .header {
    padding-top: 10px;
    background: #000;
}
.canelo-khan h3 {
    color: #d20000;
    margin-top: 0;
}
.canelo-khan .intro img {
    margin: 10px auto;
}
.canelo-khan .face-off .columns {
    padding-top: 0;
}
.canelo-khan .face-off h3 {
    position: absolute;
    bottom: 56px;
    left: 30px;
    background: #d20000;
    color: #fff;
    padding: 4px 6px 0;
    font: 28px/28px Aleck-Sans-Regular-CON;
    cursor: pointer;
}
.canelo-khan .face-off h3.top {
    bottom: 86px;
}
.canelo-khan .face-off p {
    position: absolute;
    bottom: 32px;
    left: 20px;
    color: #fff;
    text-align: left;
    font: 28px/28px Aleck-Sans-Regular-CON;
    cursor: pointer;
}
.canelo-khan p {
    color: #fff;
    font: 16px/22px Aleck-Sans-Light;
}
.canelo-khan .oscar p {
    font: 25px/35px Aleck-Sans-Regular;
    color: #8c8c8c;
    margin: 0;
}
.canelo-khan .oscar em {
    color: #8c8c8c;
}
.canelo-khan .fade {
    max-width: 480px;
    margin: 0 auto 20px;
}
.canelo-khan .slick-slide img {
    margin: 0 auto;
    cursor: pointer;
}
.canelo-khan .fade h4 {
    font: bold 20px Aleck-Sans-Regular;
    color: #fff;
    margin-top: 20px;
}
.canelo-khan .fade p {
    padding-bottom: 10px;
}
.canelo-khan .slick-dots {
    margin-left: 0;
}
.canelo-khan .slick-dots li {
    background-color: #666;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10 auto;
}
.canelo-khan .slick-prev,
.canelo-khan .slick-next {
    display: none !important;
}
.canelo-khan .slick-dots li.slick-active {
    background-color: #d20000;
}
.canelo-khan .faq img {
    margin: 10px auto;
}
.canelo-khan .faq a {
    font: 20px/26px Aleck-Sans-Regular-CON;
    color: #d20000;
    display: block;
    margin: 22px 0 6px;
    text-align: left;
}
.canelo-khan .faq p {
    text-align: left;
    padding: 0;
}
.canelo-khan .faq .arrow {
    overflow: hidden;
    position: relative;
    width: 6px;
    height: 14px;
    border: none;
}
.canelo-khan .faq .arrow:before {
    border: 6px solid transparent;
    content: ' ';
    display: block;
    position: absolute;
    z-index: 2;
    border-left-color: #d20000;
    left: 0;
    top: 2px;
}

/* canelo-chavez */
.canelo-chavez h3 {
    color: #c7a959;
}
.canelo-chavez .faq a {
    color: #c7a959;
}
.canelo-chavez .face-off h3 {
    background: #cda332;
}
.canelo-chavez .slick-dots li.slick-active {
    background-color: #cda332;
}
/* UFC 205 */
.ufc205 .columns {
    background: #000;
    text-align: center;
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
}
.ufc205 .top-border {
    border-top: 1px #323232 solid;
}
.ufc205 .header {
    padding-top: 10px;
    background: #000;
}
.ufc205 h3 {
    color: #d20000;
    margin-top: 0;
    font: 30px/1.2 Aleck-Sans-Light;
}
.ufc205 .intro img {
    margin: 10px auto;
}
.ufc205 .face-off .columns {
    padding-top: 0;
    padding-bottom: 1.625rem;
}
.ufc205 .face-off h3 {
    position: absolute;
    bottom: 56px;
    left: 30px;
    background: #d20000;
    color: #fff;
    padding: 4px 6px 0;
    font: 28px/28px Aleck-Sans-Regular-CON;
    cursor: pointer;
}
.ufc205 .face-off p {
    position: absolute;
    bottom: 32px;
    left: 20px;
    color: #fff;
    text-align: left;
    font: 28px/28px Aleck-Sans-Regular-CON;
    cursor: pointer;
}
.ufc205 p {
    color: #fff;
    font: 18px/26px Aleck-Sans-Light;
}
.ufc205 .oscar p {
    font: 25px/35px Aleck-Sans-Regular;
    color: #8c8c8c;
    margin: 0;
}
.ufc205 .oscar em {
    color: #8c8c8c;
}
.ufc205 .fade {
    max-width: 480px;
    margin: 0 auto 20px;
}
.ufc205 .slick-slide img {
    margin: 0 auto;
    cursor: pointer;
}
.ufc205 .fade h4 {
    font: bold 20px/1.2 Aleck-Sans-Regular;
    color: #fff;
    margin-top: 20px;
}
.ufc205 .fade p {
    padding-bottom: 10px;
}
.ufc205 .slick-dots {
    margin-left: 0;
}
.ufc205 .slick-dots li {
    background-color: #666;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10 auto;
}
.ufc205 .slick-prev,
.ufc205 .slick-next {
    display: none !important;
}
.ufc205 .slick-dots li.slick-active {
    background-color: #d20000;
}
.ufc205 .faq img {
    margin: 10px auto;
}
.ufc205 .faq a {
    font: 20px/26px Aleck-Sans-Regular;
    color: #989c9e;
    display: block;
    margin: 22px 0 6px;
    text-align: left;
}
.ufc205 .faq a.learn-more {
    color: #d20000;
}
.ufc205 .faq p {
    text-align: left;
    padding: 0;
    font: 16px/22px Aleck-Sans-Light;
}
.ufc205 .faq .arrow {
    overflow: hidden;
    position: relative;
    width: 6px;
    height: 14px;
    border: none;
}
.ufc205 .faq .arrow:before {
    border: 6px solid transparent;
    content: ' ';
    display: block;
    position: absolute;
    z-index: 2;
    border-left-color: #d20000;
    left: 0;
    top: 2px;
}
/* Sports Wireless */
.call-btn.full {
    width: 100%;
    height: auto;
}

.sports-wireless .top-border.columns {
    padding: 0;
}

.sports-wireless .switch {
    background-color: #118bef;
    margin-top: 50px;
}

.sports-wireless .switch h3,
.sports-wireless .switch p {
    color: #fff;

}

.sports-wireless .switch .note {
    color: #afd2f9;
    padding-bottom: 50px;
}

.sports-wireless .switch img {
    width: 80px;
}

.sports-wireless .switch .devices {
    float: left;
    margin-left: 50px;
}

.sports-wireless .switch .talk-text {
    float: right;
    margin-right: 50px;
}

.sports-wireless .divider {
    position: absolute;
    left: 50%;
    border-left: 1px solid #aed4f9;
    height: 100px;
    top: 115px;
}

.sports-wireless .switch-icons {
    overflow: auto;
    padding: 50px 0;
}
/* 4k */
.marketing.four-k .row {
    max-width: 30em;
}
.marketing.four-k .main-content {
    margin-top: 3.2em;
    padding-top: 0;
}
/*load fonts for this section*/
.marketing.four-k h3 {
    font: 21px 'Omnes_ATT Medium';
}
.marketing.four-k .sub-header {
    font: 41px 'Omnes_ATT';
    color: #333;
}
.marketing.four-k .note {
    font: 24px 'Omnes_ATT';
    color: #333;
}
.marketing.four-k .button {
    font: 25px 'Omnes_ATT Medium';
    max-width: 420px;
    width: 100%;
    height: 75px;
    background: linear-gradient(to top, #ef6f0c, #fd770e);
    border-radius: 10px;
    padding-top: 22px;
}
.marketing.four-k .tab-bar {height: 2.8125rem;}

.mobile-apps .app-button {margin-bottom: 0.5rem;}
.mobile-apps #app_features {background-color: #f4f4f4; padding: 0;}
.mobile-apps .app-title { padding-top: 1.0rem; padding-bottom: 0rem;}
.mobile-apps .sub-title {font: bold 16px/20px arial; color: #000; margin-top: 2rem; margin-bottom: 1rem;}
.mobile-apps .icon-row {text-align: left!important; padding-top: 1.5rem; padding-bottom: 1.5rem;}
.mobile-apps .icon-row.icon-left {clear: left; padding-left: 1.75rem;}
.mobile-apps .icon-row.icon-right {padding-right: 1.0rem;}
.mobile-apps .icon-row p {
    font: 12px/1.5 arial, Verdana, Geneva, sans-serif;
    color: #5f5f5f;
    font-weight: 100;
    padding-left: 0rem;
    padding-right: 0rem;
    margin-bottom: 0.5rem;
}
.mobile-apps .icon-row p.note {
    font: 9px/1.2 arial, Verdana, Geneva, sans-serif;
    color: #9c9c9c;
}
.mobile-apps .blue-bkgd {background-color: #229fde;}
.mobile-apps .blue-bkgd h3 {color: #fff;}
.mobile-apps .top-questions {text-align: left;}
.mobile-apps .top-questions p {margin-bottom: 0rem; padding-left: 1rem; padding-right: 1rem;}
.mobile-apps .top-questions .question {margin-top: 2rem;}


@media (max-width: 28.0em) {
    .main-content {padding-top: 6.3rem;}
    .call-btn {width: 115px; height: 41px;}
    .vap-btn {width: 158px; height: 41px;}
    .call-btn-l {height: 41px;}
    .marketing .phone-cta {font:bold 1rem/1.1rem arial,Helvetica,sans-serif;}
    .marketing .phone-cta span {font:bold 1.5rem/1.6rem arial,Helvetica,sans-serif;}
    /*.pkg-header {padding-bottom: 1rem; padding-top: 13em;}
    .pkg-header h2 {font: italic 18px/36px Aleck-Sans-Light;}
    .pkg-header h4 {font: 46px/62px Aleck-Sans-Light;}*/

}

@media all and (min-width: 28.063em) and (max-width: 37.5em) {
    .main-content {padding-top: 7.5rem;}
    /*.call-btn {width: 180px; height: 65px;}
    .vap-btn {width: 260px; height: 65px;}*/
    .marketing .tab-bar .nav-middle-cta a img {height: 58px;}
    .call-btn-l {height: 65px;}
    .marketing .phone-cta {font:bold 1.5rem/2rem arial,Helvetica,sans-serif;}
    .marketing .phone-cta span {font:bold 2.7rem/2.8rem arial,Helvetica,sans-serif;}
    /*.pkg-header {padding-bottom: 1rem; padding-top: 16em;}
    .pkg-header h2 {font: italic 22px/44px Aleck-Sans-Light;}
    .pkg-header h4 {font: 56px/78px Aleck-Sans-Light;}*/

}

@media all and (min-width: 37.506em) {
    .main-content {padding-top: 9.2rem;}
    /*.call-btn {width: 245px; height: 86px;}
    .vap-btn {width: 330px; height: 86px;}*/
    .marketing .tab-bar .nav-middle-cta a img {height: 84px;}
    .call-btn-l {height: 86px;}
    .marketing .phone-cta {font:bold 2rem/2.5rem arial,Helvetica,sans-serif;}
    .marketing .phone-cta span {font:bold 3.2rem/3.3rem arial,Helvetica,sans-serif;}
    /*.pkg-header {padding-bottom: 1rem; padding-top: 18em;}
    .pkg-header h2 {font: italic 28px/62px Aleck-Sans-Light;}
    .pkg-header h4 {font: 62px/92px Aleck-Sans-Light;}*/

}

.verizonintegrate .main-content {
    padding-top: 3.5rem;
}
.verizonintegrate .main-content.row {
    background: #000 none repeat scroll 0 0;
}

/* internett */
.internet .att-bundles-outfootprint, .internet .att-bundles-dma { display: none; }

.internet .main-content .columns h3 {
  font: 32px/1.1 Aleck-Sans-Light;
}
.internet .main-content .columns p {
  font: 16px/1.5 arial;
  padding: 0;
  margin-bottom: 0.8rem;
}
.internet .main-content .columns .legal {
  background-color: transparent;
  font-size: 10px;
}
.internet .main-content .columns p.phone-number {
    font: 22px/1 Aleck-Sans-Regular;
    color: #333;
    text-transform: uppercase;
    margin: 30px 0;
}
.internet .main-content .columns .phone-number a {
    display: block;
    font: 42px/1 Aleck-Sans-Regular;
    color: #333;
    text-decoration: none !important;
}
.internet hr {
 margin-left: 30px;
 margin-right: 30px;
}
.internet hr.full {
  margin: 0;
}
.internet .dollar {
  width: 145px
}

.internet .thumbs {
  width: 116px
}

.internet .laptop {
  width: 174px
}
.internet .check-mark {
  width: 20px;
  float: left;
  margin-right: 10px;
}

.internet .check-mark + div {
  overflow: hidden;
}

.internet .directv-list {
  background-color: #f2f2f2;
}
.internet .main-content .marquee-copy .cta,
.internet .directv-list .cta,
.internet .att-list .cta {
  width: 220px;
  height: 40px;
}

.internet .att-list {
  background-color: #d9d9d9;
}

.internet .packages-slider {
  background-color: #f2f2f2;
}

.internet .packages-slider .cta {
  width: 250px;
  height: 50px;
}

.cta-sticky {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: arial;
  color: #fff;
  background-image: linear-gradient(#2a97e6, #197ed5);
  border-radius: 3px;
  margin: 0 auto;
  max-width: 235px;
}

.internet .cta {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: arial;
  color: #fff;
  background-image: linear-gradient(#349be6, #237fd1);
  border-radius: 3px;
  margin: 0 auto;
}

.internet .att-package {
  background-color: #fff;
  padding: 20px 20px 40px;
  margin-bottom: 60px;
  border-radius: 5px;
}
.internet .att-package.select-package {
  border-top: 5px solid #efb931;
}

.internet .att-package.select-package h3 {
  color: #efb931 !important;
}

.internet .att-package.choice-package {
  border-top: 5px solid #409ece;
}

.internet .att-package.choice-package h3 {
  color: #409ece !important;
}

.internet .att-package.ultimate-package {
  border-top: 5px solid #9144aa;
}

.internet .att-package.ultimate-package h3 {
  color: #9144aa !important;
}


.internet .swiper-container {
  max-width: 320px;
  margin: 0 auto;
}

.internet .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
}

.internet .swiper-pagination-bullet {
  vertical-align: middle;
}

.internet .main-content .columns .att-package h3 {
  font: 18px Aleck-Sans-Regular;
  font-weight: bold;
  color: #000;
}

.internet .main-content .columns .att-package .package-price {
  font: 40px Aleck-Sans-Regular;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.internet .att-package .package-price:before {
  content: '$';
  vertical-align: super;
  font-size: .5em;
}
.internet .att-package .package-price:after {
  content: '/mo.';
  font-size: .5em;
}

.internet .main-content .columns .channels {
  margin-bottom: 0;
  margin-top: 20px;
}

.internet .main-content .columns .legal-footer {
  font-size: 10px;
}
.internet .packages .columns {
    background-color: #f2f2f2;
    margin: 6px 1%;
    width: 48%;
    color: #000;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.internet .packages h3 {
    margin-bottom: 30px;
}
.internet .packages h4 {
    font: 20px/1 Aleck-Sans-Regular;
}
.internet .packages h4 sup {
    font-size: 60%;
}
.internet .packages .channel-num {
    font: 60px/1 Aleck-Sans-Regular;
}
.internet .packages .channel-text {
    font: 18px/1 arial;
}
.internet .packages .price-tax {
    font: 16px/1 arial;
    margin:5px 0 20px;
}
.internet .packages .pkg-price {
    font: 34px/1 Aleck-Sans-Regular;
    margin-top: 20px;
    color: #3f3f3f;
}
.internet .packages .select {
    border-top: 10px #f0b906 solid;
}
.internet .packages .select h4 {
    color: #f0b906;
}
.internet .packages .entertainment {
    border-top: 10px #00a182 solid;
}
.internet .packages .entertainment h4 {
    color: #00a182;
}
.internet .packages .choice {
    border-top: 10px #019dce solid;
}
.internet .packages .choice h4 {
    color: #019dce;
}
.internet .packages .xtra {
    border-top: 10px #284eb9 solid;
}
.internet .packages .xtra h4 {
    color: #284eb9;
}
.internet .packages .ultimate {
    border-top: 10px #9144aa solid;
    margin-bottom: 30px;
}
.internet .packages .ultimate h4 {
    color: #9144aa;
}
.internet .packages .premier {
    border-top: 10px #de494d solid;
    margin-bottom: 30px;
}
.internet .packages .premier h4 {
    color: #de494d;
}
.internet .packages-slider .nfl {
  background-color: #21923d;
  color: #fff;
  font: 16px Aleck-Sans-Regular;
  font-weight: bold;
  position: absolute;
  width: 100%;
  left: 0;
}

.internet .packages-slider .nfl + .legal {
  margin-top: 80px;
}
.internet .main-content .bundles-heading {
  position: relative;
}
.internet .main-content .marquee-copy {
  text-align: left;
  padding: 1.625rem  0.9375rem;
}
.internet .main-content .marquee-copy .pre-title { font: bold 16px/1 arial; margin-bottom: 10px;}
.internet .main-content .marquee-copy h3 {
  font: 32px/1 Aleck-Sans-Regular;
  margin-bottom: 20px;
}
.internet .main-content .marquee-copy h3 .sm {
  font-size: .5em;
}
.internet .main-content .marquee-copy h3,
.internet .main-content .marquee-copy p {
  color: #000;
  padding: 0;
}
.internet .main-content .marquee-copy p {
  margin-bottom: 5px;
}
.internet .main-content .marquee-copy p .check {
  color: #237fd1;
  font: bold 16px/1 Verdana, Geneva, sans-serif;
  margin-right: 12px;
}
.internet .main-content .marquee-copy .legal {
  background-color: transparent;
  font-size: 10px;
  margin-bottom: 20px;
}

.internet .main-content {
  padding-top: 2.8rem;
  position: relative;
}
.internet .price-container {
  position: relative;
  margin: 10px 0;
}

.internet .price-container p:first-child {
  margin: 0;
}

.internet .cta-price {
  font: 46px/1 Aleck-Sans-Regular;
}
.internet .cta-price sup {
  font-size: 50%;
}
.internet .cta-price::before {
  content: '$';
  font-size: .5em;
  vertical-align: super;
}
.internet .cta-price::after {
  content: '/mo';
  font-size: .5em;
  vertical-align: super;
}
.internet .price-legal {
  position: absolute;
  top: 50px;
  left: 64px;
  font-size: 10px;
}

.bundles-heading .cta-btn { background-color: #f0f0f0; margin: 0 auto; padding: 8px; z-index: 9; position: fixed; top: 2.8rem; max-width: 640px; width: 100%; }
.bundles-heading .cta-btn a { height: 44px; }
.bundles-heading .cta-btn a:hover { color: #fff;}

.bundles-heading .visa-banner #visa_banner_container {position: relative; margin-top: 60px; padding: 10px 5px; background-color: #333; }

.bundles-heading .visa-banner #visa_banner_container .promo-container {text-align: center; }

.bundles-heading .visa-banner #visa_banner_container .promo-text {color: #fff; font:bold 16px/18px Aleck-Sans-Regular; overflow: hidden}

.bundles-heading .visa-banner #visa_banner_container .promo-text span {color: #00b2ed; font: inherit;}

.bundles-heading .visa-banner #visa_banner_container span.promo-legal {color: #fff; font: 9px/10px arial; margin-top: 5px; }

.bundles-heading .visa-banner #visa_banner_container img {display: none; float: left; }

.marketing .packages-lp sup {font-size: 60%;}
.marketing .packages-lp p.note {text-align: left!important;}
.marketing .packages-lp .intro img {width: 50%;}

/* Packages accordion */
#dmgUnlimited .dmgUnlimited--networks .networks--accordion {
      width: 100%;
      margin: 0 auto 20px;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion * {
      outline: 0;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul {
      margin: 5px 0px;
      width: 100%;
      list-style-type: none;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion sup { font-size: 60%;}

  /*open*/

  

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul.openAccordion li {
      height: 14vw
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul.openAccordion li .networks--accordion-content {
      opacity: .8
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul.closeAccordion .networks--accordion-content {
      -webkit-transition-delay: .2s;
      transition-delay: .2s
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li {
      position: relative;
      width: 100%;
      height: 18vw;
      -webkit-transition: all .5s ease;
      transition: all .5s ease;
      overflow: hidden;
      cursor: pointer;
      vertical-align: bottom;
      opacity: 1;
      background-size: cover;
      background-position: center center;
      margin: 0;
  }

  /*closed*/

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.select {
      background-image: url(../img/marketing/img_select.jpg);
      background-position: center -163px;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.entertainment {
      background-image: url(../img/marketing/img_entertainment.jpg);
      background-position: center -122px;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.choice {
      background-image: url(../img/marketing/img_choice.jpg);
      background-position: center -142px;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.xtra {
      background-image: url(../img/marketing/img_xtra.jpg);
      background-position: center -80px;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.ultimate {
      background-image: url(../img/marketing/img_ultimate.jpg);
      background-position: center -125px;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.premier {
      background-image: url(../img/marketing/img_premier.jpg);
      background-position: center -61px;
  }

  #dmgUnlimited .plus-icon svg path:nth-of-type(1) {
    fill: transparent;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox .networks--accordion-content {
      opacity: 0
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox svg path:nth-of-type(1) {
      fill: #ccc;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox svg path:nth-of-type(3),
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox svg path:nth-of-type(4) {
      fill: #000
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li h3 {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      position: absolute;
      left: 18px;
      top: 0;
      bottom: -15px;
      margin: auto;
      z-index: 1;
      color: #fff;
      font: 14px/14px arial;
      height: 14px;
      text-transform: uppercase
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li h4 {
      color: #fff;
      padding: 0
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .plus-icon svg {
      fill: #ccc;
      width: 20px;
      height: 20px;
      min-width: 20px;
      min-height: 20px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: auto;
      right: 20px;
      margin: auto;
      z-index: 1
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content {
      overflow: hidden;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 110vw;
      background-color: #000;
      opacity: .3;
      -webkit-transition: opacity .5s ease;
      transition: opacity .5s ease
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content {
      display: block;
      position: relative;
      color: #fff;
      z-index: 1;
      margin: auto 4vw;
      cursor: pointer;
      text-align: left;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content * {
      opacity: 0
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content h4 {
    font: bold 16px/16px arial !important;
    text-transform: uppercase;
    margin: 0px 0px 5px;
    text-align: left;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .sub-title {
      font: 11px/13px Aleck-Sans-Regular;
      width: 225px;
      margin-bottom: 2px;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .price {
      font: bold 34px/40px Aleck-Sans-Regular;
      margin-bottom: 5px;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .price .price-sub1 {
      font: bold 20px/20px Aleck-Sans-Regular;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .price .price-sub2 {
      font: bold 10px/10px Aleck-Sans-Regular;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .price-legal {
      margin-bottom: 8px;
      font: 7px/10px arial;
      width: 210px;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .includes {
      width: 210px;
      font: 11px/13px Aleck-Sans-Regular !important;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .includes p.check {
      text-align: left;
      margin: 5px 0;
      background: url(//cdn.directv.com/content/dam/dtv/directv_marketing/packages/overview/201811/img_check.png) no-repeat scroll 0 0 transparent;
      background-size: 15px 15px;
      padding-left: 20px;
      min-height: 15px;
      font: inherit;
      color: inherit;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .includes .includes-legal {
      padding-left: 19px;
      font: 7px/10px arial;
      margin: 0px;
      color: inherit;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .includes-text {
      font: 8px/8px Aleck-Sans-Regular;
      margin-bottom: 8px;
      margin-top: 6px;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content img {
      margin-bottom: 9px;
      width: 45vw;
      max-width: 70%;
  }
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .button-cta {
      width: 125px;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content .button-cta {
    font: bold 11px/27px arial!important;
    background-color: #ff5a00;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    display: inline-block;
    color: #ffffff!important;
    text-decoration: none;
    text-align: center;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .plus-icon {
      opacity: 0;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox {
      height: 110vw;
      background-position: center center;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox .plus-icon,
  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox h3 {
      display: none
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox .networks--accordion-content {
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, right top, from(#0a0a0a), to(transparent));
      background-image: -webkit-linear-gradient(left, #0a0a0a, transparent);
      background-image: linear-gradient(to right, #0a0a0a, transparent);
      opacity: 1;
      background-size: 70% 100%;
      background-repeat: no-repeat;
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox .networks--accordion-content .accordion-content * {
      opacity: 1;
      -webkit-transition: opacity .5s ease;
      transition: opacity .5s ease
  }

  /*@media (min-width:768px) {
      #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox .networks--accordion-content .accordion-content .channels p {
          font-size: 16px
      }
  }*/

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox .networks--accordion-content .plus-icon {
      display: block;
      opacity: 1;
      -webkit-transition: opacity .5s ease;
      transition: opacity .5s ease;
      -webkit-transition-delay: .3s;
      transition-delay: .3s
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox .networks--accordion-content .plus-icon svg {
      top: 90%;
      bottom: 20px
  }

  #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li.openBox .networks--accordion-content .plus-icon svg path:nth-of-type(3) {
      fill: transparent
  }

  @media screen and (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
      #dmgUnlimited .dmgUnlimited--networks .networks--accordion ul li .networks--accordion-content .accordion-content {
          margin-top: 8vw
      }
  }