/* CSS for mobile.directv.com */
@font-face {
  font-family: 'DTV-DIN';
  src: url('../fonts/DINWeb.eot');
  src: url('../fonts/DINWeb.eot?#iefix') format('embedded-opentype'), url('../fonts/DINWeb.woff') format('woff');
}
@font-face {
  font-family: 'DTV-DIN-LGT';
  src: url('../fonts/DINOT-Light.eot');
  src: url('../fonts/DINOT-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DINOT-Light.woff') format('woff');
}

/* Ticketmaster page */
body, html {
	background-color: #000;
	color: #333;
}
h1 { 
	font: 40px/48px DTV-DIN-LGT;
}
p { 
	font: 30px/38px DTV-DIN-LGT;
}
sup, sub {
	font-size: 50%;
}
sub {bottom: 0.4em;
    position: relative;
}
a {
	color: #2395e1;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.btn {
	display: block;
	/*background-color: #2581d3;*/
	color: #fff;
	padding: 8px;
	margin: 0 20px 20px;
	font: bold 32px arial;
	border-top: 1px solid #ffc564;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 0px 0px #ff4e00;
	-moz-box-shadow: 0 1px 0px 0px #ff4e00;
	-webkit-box-shadow: 0 1px 0px 0px #ff4e00;
	background: #ffa80f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTgwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjgwMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffa80f 0%, #ff800f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa80f), color-stop(100%,#ff800f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffa80f 0%,#ff800f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffa80f 0%,#ff800f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffa80f 0%,#ff800f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffa80f 0%,#ff800f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa80f', endColorstr='#ff800f',GradientType=0 ); /* IE6-8 */
}
a:hover.btn {
	text-decoration: none;
}
.row {
	max-width: 40.0em;
	background-color: #fff;
}
.t-center {
	text-align: center;
}
.top-border {
	border-top: 1px #d8d8d8 solid;
	padding-top: 30px;
}
.top-shadow {
	background: #fff url(../offer/images/img_shadow_border.jpg) repeat-x 0 0; padding-top: 45px;
}
.promo {
	background-color: #000;
	padding: 14px 20px;
}
.promo img {
	display: inline-block;
}
.promo img.dtv-logo {height: 30px;}
.tt-cash {
	padding: 20px 0;
}
.tt-cash.cap { background-color: #f2f2f2; }
.tt-cash p {
	font: bold 32px/42px DTV-DIN;
	margin: 0;
}
.tt-cash p span {
	padding: 8px 8px 0;
	/*background-color: #c41f25;*/
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #1e65ad; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNjVhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjM3NzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #1e65ad 0%, #0f3771 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e65ad), color-stop(100%,#0f3771)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e65ad 0%,#0f3771 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e65ad 0%,#0f3771 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e65ad 0%,#0f3771 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e65ad 0%,#0f3771 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e65ad', endColorstr='#0f3771',GradientType=0 ); /* IE6-8 */
}

.tt-cash p.activate {
	font-size: 22px;
	margin-top: 0 !important;
}
.legal {
	font:10px arial !important; 
	color: #333;
}
.legal span, .legal span span {background: none!important; color: #666;}
.plus .legal { color: #666; } 
.phone {
	color: #fe9100;
}
.header .columns { 
	padding: 0; 
}
.plus {
	background-color: #000;
	color: #fff;
}
.plus p {
	margin-top: 20px;
}
/*.reveal-modal-bg {
	background: rgba(0, 0, 0, 0.75);
}
.reveal-modal {
	width: 100%;
	max-width: 640px;
	padding: 20px;
}
.reveal-modal h2 { 
	font: bold 12px/14px arial; 
}
.reveal-modal p { 
	font: 10px/14px arial; 
}*/
.reveal-modal {
	padding: 0.975rem;
	top: 0 !important;
}
.offer .reveal-modal {top:0px!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;
}

/* Offer styles & adjustments */
.offer .row.last {padding-bottom: 2em;}
.offer .row.legal-row {background-color: #000; padding: 2em 0;}
.offer .row.full-width .columns{padding:0; position:relative;}
.offer .small-legal { font: 8px/12px arial;}
.offer .top-border {
	padding-top: 2em;
}
.body-text {
	font: 20px/28px arial;
	color: #666;
}
.fixed-section {
	position: fixed;
	margin:0 auto;
	left:0;
	right: 0;
	z-index: 10;
	background-color: #f0f0f0;
}
.offer .promo img {
	max-width: 45%;
	max-height: 45%;
}
.nav-tfn {
	float: right;
	color: #c0c0c0;
	text-align: right;
	max-width: 50%;
	font: bold 24px/26px arial;
	position: relative;
	top:.3em;
}
.offer .header {padding-top: 240px; padding-bottom: 1em;}
.offer p.bold-header {color: #333; font: 70px/80px DTV-DIN; margin-top: 1.5rem; margin-bottom: 0; }
.b-section, .offer .tt-cash {
	padding: 1.5em .5em;
}
.b-section a:first-child {
	margin-right: .25em;
}
.upgrade span {
	text-decoration: underline;
	color: #d60002;
	font-weight: bold;
}
.package, .bundles {padding-bottom: 1em;}
div.package
.bundles p {margin-bottom: 0.5em;}
.bundle-tfn {
	font: bold 26px/34px arial; 
	color: #ff8a00;
	margin-top: .75em;
}
.cto-tfn{
	font: bold 1.0rem/1.2rem DTV-DIN;
}
.cto-tfn a {color: #ff9000;}
.cto-tfn span{
	font: bold 2rem/2rem DTV-DIN;
}
.partners p {font-family: DTV-DIN!important; color: #666;}
.genie {padding-top: 1.0em;}
.genie h1{padding-bottom:1.0em;}
.legal-text {font:normal 16px/20px arial; color: #fff;}
.shop-link {font:normal 16px/20px arial; margin-top: 0.8em; display: inline-block;}
.copyright-legal {color: #999; text-align: center; font:normal 12px/14px arial; padding:20px;}
.additional-links {
	padding-top: 3px; 
	display: block; 
	text-align: center;
}
.additional-links > a{
	font-size: 10px;
	color: #0099cc;
	padding: 0 3px;
}
.extra-top-padding {
	padding-top: 1em;
}
.full-width .call-to-order{width:38%; height:12%; position:absolute; top:48%; left:9%;}
.full-width .complete-details{width:25%; height:8%; position:absolute; top:86%; left:24%;}

.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 DTV-DIN;}
.header .visa-banner #visa_banner_container .promo-text span {color: #00b2ed; font: inherit;}
.header .visa-banner #visa_banner_container .promo-legal {color: #fff; font: 9px/10px arial; margin-top: 5px; }
.header .visa-banner #visa_banner_container img { float: left; }


@media (max-width: 28.0em) {
	.offer p {font: 20px/22px DTV-DIN-LGT;}
	.offer .small-legal {font: 5px/6px arial;}
	.body-text {font: 10px/16px arial;}
	.nav-tfn {font: bold 12px/14px arial;}
	.offer .header {padding-top: 140px;}
	.b-section {padding: .5em .1em;}
	.offer .tt-cash {padding: .5em .5em;}
	.offer .tt-cash img {height: 41px;}
	.b-section .call-btn {width: 115px; height: 41px;}
	.b-section .vap-btn {width: 158px; height: 41px;}
	.upgrade h1, .bundles {font: 24px/28px DTV-DIN-LGT;}
	.bundle-tfn {font: bold 13px/23px arial;}
	.legal-text, .shop-link {font:normal 11px/12px arial;}
	.copyright-legal {color: #999; text-align: center; font:normal 9px/12px arial; padding:20px;}
	.offer p.bold-header {font: 38px/1.2 DTV-DIN;}
	.reveal-modal p {font: normal 10px/1.5 arial;}
}

@media all and (min-width: 28.063em) and (max-width: 37.5em) {
	.offer p {font: 30px/32px DTV-DIN-LGT;}
	.offer .header {padding-top: 270px;}
	.offer .small-legal {font: 7px/8px arial;}
	.b-section {padding: 1em .25em;}
	.offer .tt-cash {padding: 1em .5em;}
	.offer .tt-cash img {height: 65px;}
	.b-section .call-btn {width: 180px; height: 65px;}
	.b-section .vap-btn {width: 260px; height: 65px;}
	.offer p.bold-header {font: 50px/60px DTV-DIN;}
}

@media all and (min-width: 37.506em) and (max-width: 40.0em) {
	.offer p {font: 30px/32px DTV-DIN-LGT;}
	.offer .small-legal {font: 8px/8px arial;}
	.nav-tfn {font: bold 24px/26px arial;}
	.offer .header {padding-top: 240px;}
	.offer .tt-cash img {height: 86px;}
	.b-section .call-btn {width: 245px; height: 86px;}
	.b-section .vap-btn {width: 330px; height: 86px;}
	.upgrade h1 {font: 48px/50px DTV-DIN-LGT;}
	.offer p.bold-header {font: 70px/80px DTV-DIN;}
}