@font-face {
     font-family: Omnes ATT Md;
     src: url(https://www.att.com/es-us/att/dmdrguide/fonts/Omnes_ATTW02Medium.eot?#iefix) format("eot"), url(https://www.att.com/es-us/att/dmdrguide/fonts/Omnes_ATTW02Medium.woff) format("woff"), url(https://www.att.com/es-us/att/dmdrguide/fonts/Omnes_ATTW02Medium.ttf) format("truetype");
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-family: Omnes ATT LtObl;
     src: url(https://www.att.com/es-us/att/dmdrguide/fonts/Omnes_ATTW02LightItalic.eot?#iefix) format("eot"), url(https://www.att.com/es-us/att/dmdrguide/fonts/Omnes_ATTW02LightItalic.woff) format("woff"), url(https://www.att.com/es-us/att/dmdrguide/fonts/Omnes_ATTW02LightItalic.ttf) format("truetype");
     font-weight: 400;
     font-style: normal
 }

 @font-face {
     font-family: Omnes ATT Lt;
     src: url(https://www.att.com/es-us/att/dmdrguide/fonts/Omnes_ATTW02Light.eot?#iefix) format("eot"), url(https://www.att.com/es-us/att/dmdrguide/fonts/Omnes_ATTW02Light.woff) format("woff"), url(https://www.att.com/es-us/att/dmdrguide/fonts/Omnes_ATTW02Light.ttf) format("truetype");
     font-weight: 400;
     font-style: normal
 }

 .happy-hour {
     zoom: 1
 }

 body {
     width: 100%;
     -webkit-font-smoothing: antialiased;
     font-family: Omnes ATT Lt, Arial
 }

 h1,
 h3,
 h4 {
     font-family: Omnes ATT Md, Arial
 }

 h2 {
     font-size: 32px;
     line-height: 1.2em;
     font-family: Omnes ATT LtObl, Arial
 }

 p {
     font-size: 20px;
     line-height: 1.4em
 }

 .main-content * {
     box-sizing: border-box
 }

 .no-wrap {
     white-space: nowrap
 }

 section {
     margin: 36px auto
 }

 section:first-child {
     margin: 0 auto
 }

 .section-flush,
 section {
     max-width: 976px;
     width: 96%
 }

 .section-wide {
     max-width: 1024px
 }

 .section-max {
     max-width: 1440px
 }

 .section-full {
     max-width: none;
     width: 100%
 }

 .faux-bleed {
     overflow: hidden;
     position: relative
 }

 .faux-bleed>img.faux-bg-blur {
     -webkit-filter: blur(10px);
     filter: blur(10px);
     filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
     position: absolute;
     z-index: 0;
     width: 110%;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }

 @media (max-width:768px) {
     .faux-bleed>img.faux-bg-blur {
         display: none
     }
 }

 .faux-bleed .faux-wrapper {
     max-width: 1440px;
     position: relative;
     z-index: 2;
     margin: 0 auto;
     display: block
 }

 .no-cssfilters .faux-bleed>img.faux-bg-blur {
     display: none
 }

 .btn {
     font-size: 32px;
     padding: 24px 0;
     width: 60%;
     max-width: 500px;
     min-width: 240px;
     height: auto;
     border-radius: 8px;
     background-color: #0574ac;
     background-image: -webkit-linear-gradient(top, #078cc5, #078cc5 25%, #0574ac);
     background-image: linear-gradient(180deg, #078cc5 0, #078cc5 25%, #0574ac)
 }

 .btn-orange {
     border: #ef6f00;
     background-color: #ef6f00;
     background-image: -webkit-linear-gradient(top, #fd7703, #ef6f00 25%, #e06100);
     background-image: linear-gradient(180deg, #fd7703 0, #ef6f00 25%, #e06100)
 }

 .btn-flat {
     background-image: none
 }

 footer {
     font-family: Arial
 }

 footer a,
 footer li,
 footer ol,
 footer p,
 footer ul {
     font-family: inherit
 }

 footer #footerBtm p a:link,
 footer #footerBtm p a:visited {
     color: #0574ac!important
 }

 .phone-only {
     display: none
 }

 .bg-white {
     background-color: #fff
 }

 .disclaimer,
 .small-text {
     font-size: .8em;
     line-height: 1.1em
 }

 .disclaimer {
     display: block
 }

 span.disclaimer {
     margin-top: 1em
 }

 .disclaimer-inline {
     font-size: .75em
 }

 .disclaimer-inline-code {
     font-size: 50%
 }

 @media only screen and (min-width:1025px) {
     .hide-desktop {
         display: none
     }
 }

 @media (max-width:480px) {
     .phone-only {
         display: block
     }
     .btn.phone-only {
         display: inline-block
     }
 }

 .slick-slider {
     box-sizing: border-box;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent
 }

 .slick-list,
 .slick-slider {
     position: relative;
     display: block
 }

 .slick-list {
     overflow: hidden;
     margin: 0;
     padding: 0
 }

 .slick-list:focus {
     outline: none
 }

 .slick-list.dragging {
     cursor: pointer;
     cursor: hand
 }

 .slick-slider .slick-list,
 .slick-slider .slick-track {
     -webkit-transform: translateZ(0);
     transform: translateZ(0)
 }

 .slick-track {
     position: relative;
     left: 0;
     top: 0;
     display: block
 }

 .slick-track:after,
 .slick-track:before {
     content: "";
     display: table
 }

 .slick-track:after {
     clear: both
 }

 .slick-loading .slick-track {
     visibility: hidden
 }

 .slick-slide {
     float: left;
     height: 100%;
     min-height: 1px;
     display: none
 }

 [dir=rtl] .slick-slide {
     float: right
 }

 .slick-slide img {
     display: block
 }

 .slick-slide.slick-loading img {
     display: none
 }

 .slick-slide.dragging img {
     pointer-events: none
 }

 .slick-initialized .slick-slide {
     display: block
 }

 .slick-loading .slick-slide {
     visibility: hidden
 }

 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent
 }

 .slick-arrow.slick-hidden {
     display: none
 }

 .slick-dots {
     position: static;
     margin-top: 20px;
     text-align: center
 }

 .slick-dots li {
     width: 36px;
     height: 22px;
     display: inline-block;
     vertical-align: middle
 }

 .slick-dots li button {
     border: 0;
     background: #999;
     border-radius: 15px;
     background-clip: padding-box;
     width: 18px;
     height: 18px;
     padding: 0;
     opacity: 1;
     line-height: 0;
     font-size: 0
 }

 .slick-dots li.slick-active button {
     background: #0574ac
 }

 .slick-dots li.slick-active button:before {
     color: #0574ac
 }

 .slick-next,
 .slick-prev {
     position: absolute;
     display: block;
     color: #fff;
     top: 50%;
     height: 61px;
     width: 61px;
     opacity: .7;
     -webkit-transition: opacity .3s;
     transition: opacity .3s;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     padding: 0;
     border: 2px solid #fff;
     border-radius: 50%;
     outline: none;
     font-size: 0
 }

 .slick-next:hover,
 .slick-prev:hover {
     opacity: 1;
     -webkit-transition: opacity .3s;
     transition: opacity .3s
 }

 .slick-prev {
     left: 25px;
     z-index: 3;
     background: url(https://www.att.com/es-us/att/dmdrguide/images/sprites/att-icon-arrows.png) -2px -2px no-repeat
 }

 .slick-next {
     right: 25px;
     background: url(https://www.att.com/es-us/att/dmdrguide/images/sprites/att-icon-arrows.png) -62px -2px no-repeat
 }

 .hero-carousel .slide-container {
     position: relative
 }

 .hero-carousel .hero-image {
     max-width: none;
     width: 100%
 }

 .hero-carousel .slide-content {
     position: absolute;
     top: 15%;
     left: 10vw
 }

 .hero-carousel .slide-content .hero-left {
     text-align: left
 }

 .hero-carousel .slide-content .hero-center {
     text-align: center
 }

 .hero-carousel .slide-content .hero-right {
     text-align: right
 }

 .hero-carousel .slide-content .hero-light {
     color: #fff
 }

 .hero-carousel .slide-content a:active,
 .hero-carousel .slide-content a:hover,
 .hero-carousel .slide-content a:link,
 .hero-carousel .slide-content a:visited {
     text-decoration: none;
     color: #fff
 }

 .hero-carousel .slide-content .hero-dark,
 .hero-carousel .slide-content .hero-dark p {
     color: #000
 }

 .hero-carousel .slide-content .hero-dark a:active,
 .hero-carousel .slide-content .hero-dark a:hover,
 .hero-carousel .slide-content .hero-dark a:link,
 .hero-carousel .slide-content .hero-dark a:visited {
     text-decoration: none;
     color: #000
 }

 .hero-carousel .slide-content .hero-dark a.btn {
     color: #fff;
     margin-top: 10px
 }

 .hero-carousel .slide-content h2 {
     display: block;
     font-size: 52px;
     padding-bottom: 5px;
     line-height: 1.1;
     font-family: Omnes ATT LtObl, Arial
 }

 .hero-carousel .slide-content h2>span {
     font-family: Omnes ATT Md, Arial
 }

 .hero-carousel .slide-content h2 sup {
     font-size: 24px
 }

 .hero-carousel .slide-content .btn {
     width: 180px;
     min-width: 0;
     height: 55px;
     font-size: 18px;
     padding-top: 17px;
     border-radius: 8px;
     box-shadow: 0 8px 8px -6px #555
 }

 .hero-carousel .slide-content p {
     display: block;
     font-size: 26px;
     padding-top: 10px;
     color: #fff
 }

 .hero-carousel .slide-content p.disclaimer {
     font-size: 20px
 }

 @media (max-width:1280px) {
     .hero-carousel .slide-content {
         left: 60px
     }
 }

 @media (min-width:769px) and (max-width:1024px) {
     .hero-carousel .slide-content {
         top: 10%;
         left: 6vw
     }
     .hero-carousel .slide-content h2 {
         font-size: 5vw
     }
     .hero-carousel .slide-content p {
         font-size: 20px
     }
 }

 @media (max-width:768px) {
     .hero-carousel .slide-container>a:after {
         content: "";
         position: absolute;
         background: rgba(0, 0, 0, .5);
         left: 0;
         top: 0;
         right: 0;
         bottom: 0
     }
     .hero-carousel .slide-container .slide-content {
         top: 50%;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%)
     }
     .hero-carousel .slide-container .slide-content a:active,
     .hero-carousel .slide-container .slide-content a:hover,
     .hero-carousel .slide-container .slide-content a:link,
     .hero-carousel .slide-container .slide-content a:visited {
         text-decoration: none;
         color: #fff
     }
     .hero-carousel .slide-container .slide-content h2 {
         position: relative;
         font-size: 36px;
         text-align: left;
         z-index: 4;
         left: 0;
         text-decoration: none
     }
     .hero-carousel .slide-container .slide-content h2:hover {
         text-decoration: none
     }
     .hero-carousel .slide-container .slide-content p {
         display: none
     }
     .hero-carousel .slide-container .slide-content p.disclaimer {
         display: block
     }
 }

 @media (max-width:580px) and (min-width:481px) {
     .hero-carousel .slide-container .slide-content h2 {
         font-size: 28px
     }
     .hero-carousel .slide-container .slide-content p.disclaimer {
         font-size: 16px
     }
 }

 @media (max-width:480px) {
     .hero-carousel .slick-next,
     .hero-carousel .slick-prev {
         display: none
     }
     .hero-carousel .slide-container>a:after {
         content: "";
         position: absolute;
         background: rgba(0, 0, 0, .5);
         left: 0;
         top: 0;
         right: 0;
         bottom: 0
     }
     .hero-carousel .slide-container .slide-content {
         left: 50%;
         top: 50%;
         -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         width: 96%
     }
     .hero-carousel .slide-container .slide-content a:active,
     .hero-carousel .slide-container .slide-content a:hover,
     .hero-carousel .slide-container .slide-content a:link,
     .hero-carousel .slide-container .slide-content a:visited {
         text-decoration: none;
         color: #fff
     }
     .hero-carousel .slide-container .slide-content h2 {
         position: relative;
         font-size: 34px;
         text-align: center;
         z-index: 4;
         left: 0;
         text-decoration: none
     }
     .hero-carousel .slide-container .slide-content h2:hover {
         text-decoration: none
     }
     .hero-carousel .slide-container .slide-content p,
     .hero-carousel .slide-container .slide-content p.disclaimer {
         display: none
     }
     .hero-carousel .slide-container .slide-content a.btn {
         content: "";
         display: none;
         position: absolute;
         background: none;
         background-color: rgba(255, 0, 0, .5);
         top: 0;
         left: 0;
         right: 0;
         bottom: 0
     }
 }

 .cards .card-heading1,
 .cards .card-heading2 {
     display: none
 }

 .cards .card-heading1 {
     height: 1.4em;
     color: #666
 }

 .cards .card-heading2 {
     height: 2.8em
 }

 .cards .card-panel {
     text-align: center;
     position: relative
 }

 .cards .card-text {
     text-align: left;
     font-size: 1em;
     line-height: 1.6em
 }

 .cards .card-text>p.small-text {
     font-family: Omnes ATT Lt, Arial;
     color: #666
 }

 .cards .card-text>p.disclaimer {
     position: absolute;
     bottom: 10px;
     width: 90%;
     left: 50%;
     -webkit-transform: translate(-50%);
     transform: translate(-50%);
     font-size: .7em
 }

 .cards .toggle-header {
     font-size: 26px;
     line-height: 30px
 }

 .cards img {
     height: 84px;
     margin: 20px
 }

 .cards h2 {
     text-align: center;
     font-weight: 700
 }

 @media only screen and (min-width:768px) {
     .cards .toggle-header {
         display: none
     }
     .cards .toggle-header+div {
         padding: 20px 0
     }
     .cards .tiny-accordion {
         border-bottom: 0;
         display: table;
         border-spacing: 3vw;
         border-collapse: separate
     }
     .cards .card-panel {
         display: table-cell!important;
         width: 30%;
         margin: 1%;
         border: 1px solid #cdcccb;
         border-radius: 8px;
         font-size: 2vw;
         line-height: 34px;
         color: #000
     }
     .cards .card-heading1,
     .cards .card-heading2 {
         font-size: 1.3em;
         display: block
     }
     .cards .card-heading1 {
         color: #666;
         padding: 0 20px
     }
     .cards .card-heading2 {
         color: #333;
         padding: 10px 20px
     }
     .cards .card-text {
         text-align: center;
         border-top: 1px solid #cdcccb;
         padding: 20px 20px 0
     }
 }

 @media only screen and (min-width:1024px) {
     .cards .tiny-accordion {
         border-spacing: 30px
     }
     .cards .card-panel {
         font-size: 20px
     }
 }

 .header-desktop {
     display: none
 }

 @media (min-width:1025px) {
     .header-desktop {
         display: block
     }
     .header-desktop .ge5p_z1-navbar .ge5p_z1-menu {
         display: none
     }
     .header-desktop #ge5p_z2-primary-nav.expanded {
         height: 93px
     }
     .header-mobile {
         display: none
     }
 }

 .feature-cards {
     overflow: hidden
 }

 .feature-cards .feature-card {
     margin: 10px 0;
     position: relative
 }

 .feature-cards .feature-card:after {
     content: "";
     display: table;
     clear: both
 }

 .feature-cards img {
     display: block;
     width: 100%
 }

 .feature-cards h2 {
     font-size: 35px;
     font-weight: 700;
     padding-bottom: 20px;
     line-height: 1.2em;
     clear: both
 }

 .feature-cards .card-content {
     width: 45%;
     height: 100%;
     padding: 0 3%;
     position: absolute;
     top: 0;
     margin-left: 4%;
     color: #fff;
     background-color: rgba(0, 0, 0, .8)
 }

 .feature-cards .card-desc {
     position: relative;
     top: 18%
 }

 .feature-cards .card-desc p {
     font-size: 18px
 }

 .feature-cards .card-desc .disclaimer {
     font-size: 12px;
     margin-top: 1.4em
 }

 .feature-card:nth-of-type(even) .card-content {
     right: 4%
 }

 @media only screen and (min-width:769px) and (max-width:1024px) {
     .feature-cards .card-desc {
         top: 12%
     }
     .feature-cards .feature-card h2 {
         font-size: 28px;
         line-height: 1em;
         padding-bottom: 10px
     }
     .feature-cards .feature-card p {
         line-height: 1.2em
     }
 }

 @media only screen and (max-width:768px) {
     .feature-cards .feature-card .card-content {
         padding: 8% 5%;
         margin: 0;
         width: 100%;
         position: static;
         color: #000;
         background-color: transparent
     }
     .feature-cards .feature-card h2 {
         font-style: italic
     }
 }

 .faqs {
     font-family: Omnes ATT Lt, Arial;
     font-size: 20px;
     line-height: 1.4em
 }

 .faqs .span12 .page-header>h1 {
     font-weight: bolder;
     padding-left: 15px
 }

 .faqs .tiny-accordion {
     margin-bottom: 48px
 }

 .faqs .tiny-accordion h1 {
     font-family: Omnes ATT LtObl, Arial;
     padding-left: 15px
 }

 .faqs .tiny-accordion h3.toggle-header {
     font-size: 22px;
     font-family: Omnes ATT Md, Arial;
     font-weight: 400
 }

 .faqs .tiny-accordion .cssIcon-toggle-minus:after,
 .faqs .tiny-accordion .cssIcon-toggle-minus:before,
 .faqs .tiny-accordion .cssIcon-toggle-plus:after,
 .faqs .tiny-accordion .cssIcon-toggle-plus:before {
     border-color: #0574ac
 }

 .gigapower-locator-map {
     height: 80vh;
     min-height: 460px;
     max-height: 720px
 }

 .capture-form {
     background-color: #f2f2f2;
     width: 100%;
     max-width: none;
     margin-bottom: 0
 }

 .capture-form label {
     font-size: 22px
 }

 .capture-form input[type=submit] {
     margin: 40px 0
 }

 .capture-form .form-row {
     margin-bottom: 24px
 }

 .capture-form .content-pad {
     margin: 0 auto
 }

 .capture-form .content-pad h2 {
     padding-top: 60px;
     font-family: Omnes ATT LtObl, Arial
 }

 .capture-form .callus-wrapper {
     padding: 30px
 }

 .capture-form .callus-wrapper .btn {
     margin-bottom: 0
 }

 .capture-form .cssIcon-chevron-d-w {
     background-position: -1px -67px
 }

 .capture-form .form-row.error .mod-select+span:after,
 .capture-form .mod-select+span:after {
     background-color: transparent;
     border-color: transparent
 }

 .capture-form .error .error-dropdown-msg {
     font-size: 14px;
     font-weight: 700
 }

 @media only screen and (max-width:568px) {
     .capture-form .row-fluid-nowrap,
     .capture-form .span6 {
         float: none;
         margin-left: 0;
         width: 100%
     }
 }

 .feature-block {
     padding: 30px
 }

 .feature-block h2 {
     font-family: Omnes ATT Lt, Arial
 }

 .feature-block p {
     font-family: Omnes ATT LtObl, Arial
 }

 .feature-block.internet-disclaimer {
     margin-top: 0;
     padding-top: 0
 }

 .feature-block.locator-feature {
     padding: 15px 0 0
 }

 .feature-block.locator-feature h2 {
     font-weight: 700
 }

 .feature-block .phone-only {
     font-size: 20px
 }

 @media only screen and (min-width:1025px) {
     .feature-block.locator-feature {
         padding: 0;
         margin-top: -20px
     }
     .feature-block.locator-feature h2 {
         text-align: left!important
     }
 }

 @media only screen and (max-width:1025px) {
     .feature-block>div .btn {
         display: block;
         width: 70%;
         margin: 0 auto 20px
     }
 }

 @font-face {
     font-family: iconfont;
     src: url(https://www.att.com/es-us/att/dmdrguide/fonts/iconfont.eot);
     src: url(https://www.att.com/es-us/att/dmdrguide/fonts/iconfont.eot?#iefix) format("eot"), url(https://www.att.com/es-us/att/dmdrguide/fonts/iconfont.woff2) format("woff2"), url(https://www.att.com/es-us/att/dmdrguide/fonts/iconfont.woff) format("woff"), url(https://www.att.com/es-us/att/dmdrguide/fonts/iconfont.ttf) format("truetype"), url(https://www.att.com/es-us/att/dmdrguide/fonts/iconfont.svg#iconfont) format("svg");
     font-weight: 400;
     font-style: normal
 }

 .s:before {
     display: inline-block;
     font-family: iconfont;
     font-style: normal;
     font-weight: 400;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 .s-lg {
     font-size: 1.3333333333333333em;
     line-height: .75em;
     vertical-align: -15%
 }

 .s-2x {
     font-size: 2em
 }

 .s-3x {
     font-size: 3em
 }

 .s-4x {
     font-size: 4em
 }

 .s-5x {
     font-size: 5em
 }

 .s-fw {
     width: 1.2857142857142858em;
     text-align: center
 }

 .s-social-1_logo-behance:before {
     content: "EA01"
 }

 .s-social-1_logo-facebook:before {
     content: "EA02"
 }

 .s-social-1_logo-pinterest:before {
     content: "EA03"
 }

 .s-social-1_logo-slack:before {
     content: "EA04"
 }

 .s-social-1_logo-spotify:before {
     content: "EA05"
 }

 .s-social-1_logo-twitter:before {
     content: "EA06"
 }

 .s-social-1_logo-vine:before {
     content: "EA07"
 }

 .s-social-1_logo-youtube:before {
     content: "EA08"
 }

 .icon-icon-social-fb-lg {
     background-image: url(https://www.att.com/att/dmdrguide/css/icons.png);
     background-position: 0 0;
     width: 128px;
     height: 128px
 }

 .icon-icon-social-fb {
     background-image: url(https://www.att.com/att/dmdrguide/css/icons.png);
     background-position: -256px 0;
     width: 32px;
     height: 32px
 }

 .icon-icon-social-git-lg {
     background-image: url(https://www.att.com/att/dmdrguide/css/icons.png);
     background-position: -128px 0;
     width: 128px;
     height: 128px
 }

 .icon-icon-social-git {
     background-image: url(https://www.att.com/att/dmdrguide/css/icons.png);
     background-position: -256px -32px;
     width: 32px;
     height: 32px
 }

 .icon-icon-social-tw-lg {
     background-image: url(https://www.att.com/att/dmdrguide/css/icons.png);
     background-position: 0 -128px;
     width: 128px;
     height: 128px
 }

 .icon-icon-social-tw {
     background-position: -256px -64px
 }

 .icon-icon-social-tw,
 .icon-icon-social-yt {
     background-image: url(https://www.att.com/att/dmdrguide/css/icons.png);
     width: 32px;
     height: 32px
 }

 .icon-icon-social-yt {
     background-position: -256px -96px
 }

 .icon-social-icon-yt-lg {
     background-image: url(https://www.att.com/att/dmdrguide/css/icons.png);
     background-position: -128px -128px;
     width: 128px;
     height: 128px
 }

 .video-card img.img-landscape,
 .video-card img.img-portrait {
     width: 100%
 }

 @media (min-width:516px) {
     .video-card .gvp-style-1-cta-duration,
     .video-card .gvp-style-1-cta-title {
         text-align: center
     }
 }

 .video-card .videolink {
     display: block;
     position: relative
 }

 .video-card div.videoMarqueeBottomVat {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(0, 0, 0, .5);
     display: block;
     z-index: 1
 }

 .video-card div.videoMarqueeBottomVat>div.video-content {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 90%;
     text-align: center
 }

 .video-card div.videoMarqueeBottomVat>div.video-content div.videoTitle {
     float: none;
     padding-top: 15px;
     font-size: 35px;
     line-height: 1.1em;
     text-align: center
 }

 .video-card div.videoMarqueeBottomVat>div.video-content div.videoTitle i.videoPlay {
     float: none;
     display: block;
     margin: 0 auto 45px;
     background-size: auto;
     width: 100px;
     height: 100px
 }

 .video-card div.videoMarqueeBottomVat>div.video-content div.videoTitle span {
     font-size: 20px
 }