@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


@font-face {
font-family: GroteskWeb-95Black;
src: url(BWHaasGrotesk-95Black-Web.woff) format("woff");
font-style: normal;
}
@font-face {
font-family: GroteskWeb-65Medium;
src: url(BWHaasGrotesk-65Medium-Web.woff) format("woff");
font-style: normal;
}
@font-face {
font-family: GroteskWeb-56Italic;
src: url(BWHaasGrotesk-56Italic-Web.woff) format("woff");
	font-style: normal;
}	
@font-face {
font-family: GroteskWeb-75Bold;
src: url(BWHaasGrotesk-75Bold-Web.woff) format("woff"),
	 url(BWHaasGrotesk-75Bold-Web.woff2) format("woff2"),
	 url(BWHaasGrotesk-75Bold-Web.eot) format("embedded-opentype");
	font-style: normal;
}	
@font-face {
font-family: GroteskWeb-76BoldItalic;
src: url(BWHaasGrotesk-75Bold-Web.woff) format("woff");
	font-style: normal;
}
@font-face {
font-family: GroteskWeb-55Roman;
src: url(BWHaasGrotesk-55Roman.woff) format("woff"),
     url(BWHaasGrotesk-55Roman.woff2) format("woff2"),
	 url(BWHaasGrotesk-55Roman.eot) format("embedded-opentype");
	font-style: normal;
}
@font-face {
font-family: GroteskWeb-56Italic;
src: url(BWHaasGrotesk-56Italic-Web.woff) format("woff"),
     url(BWHaasGrotesk-56Italic-Web.woff2) format("woff2");
	font-style: normal;
}
@font-face {
font-family: BWHaasText-55Roman;
src: url(BWHaasText-55Roman.woff) format("woff");
font-style: normal;
}
@font-face {
font-family: Macys-com-Symbology;
src: url(Macys-com-Symbology.woff) format("woff");
font-style: normal;
}
@font-face {
font-family: BWHaasText-65Medium;
src: url(BWHaasText-65Medium.woff) format("woff");
font-style: normal;
}

@font-face {
font-family: BWHaasText-75Bold;
src: url(BWHaasText-75Bold.woff) format("woff");
font-style: normal;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
	-webkit-font-smoothing: subpixel-antialiased;
}

/*--------------------------------------------------------------
# Box-Sizing
--------------------------------------------------------------*/

html {
box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}


/*--------------------------------------------------------------
# Basics
--------------------------------------------------------------*/

html {
font-family: 'BWHaasGroteskWeb-55Roman', 'Helvetica Neue', Arial, sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
background-color: #ffffff;
color: #000000;
margin: 0;
}

#offer-external{
	width:1600px;
	/*background-color: #fff;*/
	
}
.wrapper-top,
.wrapper-bottom {
width: 1024px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

    Rules
    Computed
    Animations
    Fonts

element {

}
label.error {

    display: block;
    float: none;
    width: auto;
    margin-top:-32px;
	margin-bottom: 40px;
    text-align: left;
    color: #d0011b;
    /*background: #fff;*/
    padding: 5px;
    clear: left;
    border-radius: 3px;
	font-family: 'BWHaasGroteskWeb-65Medium', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    

}
#expiration-month.error {

	width:100%;
	border: 2px solid #d0011b;
}
#expiration-year.error {
	
	width:100%;
	border: 2px solid #d0011b;
}
label {

    font-weight: normal;
    font-weight: 300;

}
label.myexpiration{
		margin-left:-214px;
	}
/*--------------------------------------------------------------
# Masthead
--------------------------------------------------------------*/

#masthead {
width: 100%;
height: 155px;
border-bottom: 1px solid #474747;
display: block;
background-color:#000;
}
#masthead-width{
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
}
#masthead h1 {
width: 200px;
height: 46px;
text-indent: -9999px;
margin-top: 55px;
float: left;
/*margin-left:-90px;*/
}
#masthead h1 a {
background-image: url('bw_relaunch_20017_logo.svg');
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: contain;
width: 200px;
height: 54px;
display: block;
margin-left:-55px;
}
#sub-header{

margin-left:auto;
margin-right:auto;
/*background-color: #fff;*/
/*width: 500px;*/
height: 141px;
font-family: 'GroteskWeb-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 50px;
font-weight: 900;
line-height: 2.2;
text-align: center;
color: #000;
margin-top:12px;
font-style:normal;
font-stretch: normal;
letter-spacing: normal;

}
#insights{
width: 100%;
height: 52px;
/*background-color: #fff;*/

}

#tag-container{
text-align: center;
color: #000000;
width:100%;
/*display:inline-block;	*/
/*background-color: #fff;*/
}
#tagline-span{
  width: 449px;
  height: 52px;
font-family: 'BWHaasText-55Roman', 'Helvetica Neue', Arial, sans-serif;
font-size: 20px;
  line-height: 1.63;
  text-align: center;
  color: #000000;
  margin-left:auto;
  margin-right:auto;
  margin-top: -40px;
  font-weight:normal;
  font-style:normal;
  font-stretch: normal;
  letter-spacing: normal;
	
}

#scroll{
  width: 139.3px;
  height: 14px;
  font-family: 'BWHaasGroteskWeb-65Medium';
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #009e6e;
}
#scroll-arrow{
  width: 100%;
  height: 57px;
  font-family: 'Macys-com-Symbology';
  font-size: 40px; 
  letter-spacing: 1.3px;
  text-align: center;
  color: #009e6e;
  /*background-color:#fff;*/
  /*background: url(transparent_scroll.png);*/
  cursor: pointer;

}
#scroll-text{
  /*background-color: #fff;*/
  width: 150px;
  /*height: 14px;*/
  font-family: 'BWHaasGroteskWeb-65Medium';
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #009e6e;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  /*background: url(transparent_scroll.png);*/
  cursor: pointer;
	margin-left:auto;
	margin-right:auto;
}
#scroll-down{
	background: url(transparent_scroll.png);
}
#billing-block{
	border-top: 1px solid #ccc;
}
#payment-block{
	border-top: 1px solid #ccc;
}
/*--------------------------------------------------------------
# Top Navigation
--------------------------------------------------------------*/


#main-navigation {
list-style: none;
padding-left: 0;
margin-top: 68px;
margin-left: 0;
float: right;
margin-right:-60px;
}
.cc-logos {
    background-image: url(credit-cardz.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    background-size: 159px 31px;
}
#small-navigation {
display: none;
}

#main-navigation li {
height: 20px;
font-family: 'BWHaasGrotesk-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400;
letter-spacing: 1px;
padding-top: 2px;
padding-left: 15px;
padding-right: 15px;
float: left;
display: block;
}

#main-navigation li:last-child {
padding-right: 0;
border-left: 1px solid #474747;
}

#main-navigation li a {
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
}


.ca #main-navigation .ca-button a,
.international #main-navigation .international-button a,
.usa.gift-subscription #main-navigation li.gift-button a, .usa-button a, 
.usa.student #main-navigation .student-button a {
color: #fff;
}
/*.usa.gift-subscription #main-navigation li.usa-button a {
    color: #fff;
} */

#main-navigation li a:hover {
color: #009e6e;
}


/*--------------------------------------------------------------
# Intro
--------------------------------------------------------------*/

#intro {
background-image: url('apocolypse.png');
background-position: right 80px;
background-repeat: no-repeat;
background-size: 460px 263px;
color: #ffffff;
padding-top: 135px;
padding-bottom: 150px;
}

#intro h2 {
font-family: 'BWHaasGroteskWeb-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 52px;
line-height: 60px;
font-weight: 400;
margin-top: 0;
margin-bottom: 20px;
}

#intro p {
width: 760px;
font-size: 30px;
line-height: 45px;
font-weight: 400;
margin: 0;
}

#mobile-header{display: none;}
#fifty_issues {
  width: 383px;
  height: 57px;
  font-size: 36px;
font-family: 'GroteskWeb-65Medium', 'Helvetica Neue', Arial, sans-serif;
  
  text-align: left;
  color: #000000;
  margin-left: 122px;
  margin-top: -75px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
	font-weight:bold;
}
#intro p {
width: 760px;
font-size: 30px;
line-height: 45px;
font-weight: 400;
margin: 0;
}

.one-year  {  
  width: 304px;
  height: 35px;
  font-size: 24px;
font-family: 'GroteskWeb-65Medium', 'Helvetica Neue', Arial, sans-serif;

  text-align: left;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 26px;
  
}
.text-style-1{letter-spacing: -.2px;}
/*--------------------------------------------------------------
# Offer
--------------------------------------------------------------*/

.gift-subscription #offers {
    padding-top: 15px;
    display: block;
    width: 1024px;
}	
.offer-bottom h4 .canada {
    font-size: 30px;
    font-weight: normal;
    font-family: 'BWHaasGroteskWeb-75Bold', 'Helvetica Neue', Arial, sans-serif;
}
#offers {
display: block;

/*background-color:#fff;*/
}

.offer-panel {
/*background-color: #ffffff;*/
position: relative;
width: 50%;
height: 1195px;
vertical-align: top;
padding-top: 0;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 60px;
float: right;
display: block;
}

.offer-panel h2 {
background-color: #009e6e;
color: #ffffff;
width: 190px;
height: 50px;
font-family: 'BWHaasGroteskWeb-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
padding-top: 18px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}

.offer-panel h3 {
font-family: 'BWHaasGroteskWeb-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;

}

.offer-panel ul {
list-style: none;
padding-left: 0;
/*padding-bottom: 320px; /* height of .offer-bottom */
margin-top:43px;
}

.offer-panel li {
background-image: url('bullet_lg.png');
background-position: 0px 5px;
background-repeat: no-repeat;
background-size: 11px 11px;
font-size: 16px;
font-family: 'GroteskWeb-55Roman', 'Helvetica Neue', Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;

padding-left: 22px;
margin-bottom: 20px;
/*margin-top:55px;*/
margin-left: 9px;
object-fit: contain;
}

#digital-access {
/*padding-top: 50px;*/
/*border-right: 2px solid #000000;*/
	display:block;
}
.error {
    display: block;
    float: none;
    width: auto;
    margin: 5px 0;
    text-align: left;
    font-weight: normal;
    color: #d0011b;
    /*background: #fff;*/
    padding: 5px;
    clear: left;
    border-radius: 3px;
}
#email.error, #fullname.error, #address-1.error, #address-2.error, #city.error, #state.error, #zip.error, #card-number.error, #donee1-fullname.error, #donee1-address-1.error, #donee1-city.error, #donee1-state.error, #donee1-email.error{
    border: 2px solid #d0011b;
}
.black-bar {
background-color: #000000;
width: 150px;
height: 2px;
margin-top: 54px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
display: block;
}

.offer-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 320px;
padding-left: 50px;
padding-right: 50px;
}

.offer-bottom h4 {
height: 160px;
font-size: 60px;
line-height: 0;
font-weight: 400;
text-transform: uppercase;
text-align: center;
padding-top: 80px;
padding-bottom: 0px;
border-top: 2px solid #000000;
margin-top: 0;
margin-bottom: 0;
}

.offer-bottom h4 sup {
position: relative;
vertical-align: baseline;
top: -23px;
font-size: 30px;
}

.offer-bottom h4 span {
font-family: 'BWHaasGroteskWeb-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}

.offer-bottom input[type="radio"] {
visibility: hidden;
display: none;
}

.offer-bottom input[type="radio"] + label {
/*background-color: #ffffff;*/
color: #009e6e;
width: 100%;
font-family: 'BWHaasGroteskWeb-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
border: 1px solid #009e6e;
margin-left: auto;
margin-right: auto;
cursor: pointer;
display: block;
}

.offer-bottom input[type="radio"]:checked + label {
background-color: #009e6e;
color: #ffffff;
}

.offer-bottom input[type="radio"] + label:hover {
background-color: #009e6e;
color: #ffffff;
border: 1px solid #009e6e;
}
#outer-bottom-wrapper{
	width:100%;
	background-color: rgba(0, 0, 0, 0.01);
	border-top: 1px solid #ccc;
	transition: all 0.8s ease;
	}
#outer-bottom-wrapper.hidden{opacity:1;
	transform: translate3d(0, 0, 400px) rotateY(-40deg);
}
/*--------------------------------------------------------------
# Subscription Form
--------------------------------------------------------------*/

#subscription-form {

}
#subscription-form h2 {
  /*width: 1024px;*/
  height: 72px;
  font-family: 'BWHaasGroteskWeb-75Bold';
  font-size: 34px;
  font-weight: bold;
  line-height: 72px;
  text-align: center;
  color: #000000;
  letter-spacing: normal;
}

#subscription-form h2 span {
font-family: 'BWHaasGroteskWeb-65Medium', 'Helvetica Neue', Arial, sans-serif;
}

#subscription-form h3 {
margin-top: 0px;
margin-bottom: 20px;
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;

}

#subscription-form h4 {
font-family: 'BWHaasGrotesk-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 22px;
margin-top: 0px;
margin-bottom: 0;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
}
#subscribe, #next {
	cursor: pointer;
}
#subscription-form p {

margin-top: 0px;
margin-bottom: 40px;
  font-family: 'BWHaasText-55Roman';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  width:468px;
}

#subscription-form .left-column {
width: 600px;
padding-right: 100px;
/*display: table-cell;*/
	float:left;
}

#subscription-form .right-column {
width: 422px;
/*display: table-cell;*/
	float:left;
}

#subscription-form .form-block {
/*padding-top: 28px;*/
padding-bottom: 90px;
border-bottom: 2px solid #000000;
display: table;
}
#subscription-form #recipient-block{
	border-bottom: 1px solid rgb(0, 0,0, .5);
}
#email-block {
border-top: 2px solid #000000;
}

#subscription-form label {
font-family: 'BWHaasGroteskWeb-55Medium', 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
font-weight: 400;

text-transform: uppercase;
font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
#gift-subscription-form label {
font-family: 'BWHaasGrotesk-65Medium', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
}
.right-column #expiration-month {
    width: 49%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    background-color: #ffffff;
    background-image: url(arrow_black.png);
    background-size: 15px 9px;
    background-repeat: no-repeat;
    background-position: 180px center;
    font-family: 'BWHaasText-55Roman', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    line-height: 50px;
    color: black;
    padding-left: 25px;
    padding-right: 30px;
    border: 2px solid #000000;
    border-radius: 0;
    margin-right: 2%;
	float:left;;
	/*margin-top:25px;*/
	margin-bottom:3px;
}


.right-column #expiration-year {
    width: 49%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    background-color: #ffffff;
    background-image: url(arrow_black.png);
    background-size: 15px 9px;
    background-repeat: no-repeat;
    background-position: 180px center;
    font-family: 'BWHaasText-55Roman', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    line-height: 50px;
    color: black;
    padding-left: 25px;
    padding-right: 30px;
    border: 2px solid #000000;
    border-radius: 0;
/*    <!--margin-left: 10px;-->*/
}

#payment-block .form-block
{
	    border-top: 1px solid #ccc;
}
#expiration-date{/*display:inline-flex;*/}
#subscription-form input {

width: 422px;
height: 50px;
font-family: 'BWHaasText-55Roman', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 400;
padding-left: 25px;
padding-right: 25px;
border: 2px solid #000000;
margin-top: 20px;
margin-bottom: 50px;
display: block;
}
:required{border:#021445;}
input:required:focus {
  border: 1px solid red;
  outline: none;
}

#subscription-form select {
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/
background-color: #ffffff;
background-image: url(arrow_black.png);
background-size: 17px 10px;
background-repeat: no-repeat;
background-position: 385px center;
width: 50%;
height: 75px;
font-family: 'BWHaasText-55Roman', 'Helvetica Neue', Arial, sans-serif;
font-size: 20px;
line-height: 20px;
color:black;
padding-left: 25px;
padding-right: 30px;
border: 2px solid #000000;
border-radius: 0;
margin-top: 20px;
margin-bottom: 50px;
display: block;
}
#subscription-form textarea {
    width: 422px;
    height: 120px;
    font-family: 'BWHaasText-55Roman', 'Helvetica Neue', Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
    padding: 25px;
    border: 2px solid #000000;
    margin-top: 6px;
    margin-bottom: 34px;
    display: block;
}
#norton {
/*background-color: #cccccc;*/
background-image: url('norton_no_bg.png');
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 140px 85px;
width: 140px;
height: 85px;
margin-right: 50px;
display: inline-block;
}
#verisign {
background-image: url('verisign.png');
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 140px 85px;
width: 140px;
height: 85px;
display: inline-block;
}

#subscription-form input[type="submit"] {
background-color: #009e6e;
color: #ffffff;
width: 422px;
height: 75px;
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
line-height: 75px;
font-weight: 400;
letter-spacing: 1px;
border: 0;
margin-top: 50px;
margin-bottom: 50px;
display: block;
vertical-align: middle;
text-align: center;
}
select.error, textarea.error, input.error {
    border-color: 1px #FF0000;
}


#subscription-form input[type="submit"]:hover {
background-color: #009e6e;
}

/*--------------------------------------------------------------
# thanks - thank you page additions 052417
--------------------------------------------------------------*/

#thanks {
width: 100%;
}

#thanks #thanks-message {
width: 50%;
padding-top: 120px;
display: block;
float: left;
}

#thanks h2 {
color: #ffffff;
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 60px;
line-height: 75px;
font-weight: 400;
margin-top: 0;
margin-bottom: 20px;
}

#thanks p {
color: #ffffff;
width: 510px;
font-size: 30px;
line-height: 45px;
font-weight: 400;
margin: 0;
}

#thanks #summary-panel {
background-color: #ffffff;
width: 50%;
padding-left: 60px;
padding-right: 60px;
padding-bottom: 30px;
margin-top: 130px;
display: block;
float: left;
}

#thanks .black-bar {
margin-top: 30px;
margin-bottom: 20px;
}

#thanks h3 {
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}

#thanks .info-row {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
border-top: 2px solid #000000;
display: table;
}

#thanks .info-row h4 {
width: 50%;
font-size: 16px;
line-height: 16px;
font-weight: bold;
vertical-align: middle;
margin-top: 0;
margin-bottom: 0;
display: table-cell;
}

#thanks .info-row p {
color: #000000;
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
width: 50%;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-align: right;
vertical-align: middle;
margin-top: 0;
margin-bottom: 0;
display: table-cell;
}

#instructions h2 {
font-size: 60px;
line-height: 75px;
font-weight: 400;
padding-top: 50px;
padding-bottom: 50px;
border-bottom: 2px solid #000000;
margin-top: 0;
margin-bottom: 0;
}

#instructions .instruction-row {
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
border-bottom: 2px solid #000000;
display: table;
}

#instructions h3 {
width: 195px;
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 200px;
line-height: 200px;
font-weight: 400;
text-align: left;
vertical-align: middle;
display: table-cell;
}

.instruction-details {
width: auto;
text-align: left;
vertical-align: middle;
display: table-cell;
}

#instructions h4 {
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 30px;
line-height: 30px;
font-weight: 400;
margin-top: 0;
margin-bottom: 20px;
}

#instructions h4 span {
display: none;
}

#instructions p {
font-size: 30px;
line-height: 40px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0px;
}

#instructions a {
color: #009e6e;
text-decoration: none;
}

#instructions a:hover {
text-decoration: underline;
}

.app-download-button {
margin-top: 25px;
display: inline-block;
}

.app-download-button a {
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: contain;
width: 135px;
height: 40px;
text-indent: -9999px;
display: block;
}

#app-store-button {
margin-right: 10px;
}

#app-store-button a {
background-image: url('bw_relaunch_20017_app_store_button.png');
}

#google-play-button a {
background-image: url('bw_relaunch_20017_google_play_button.png');
}

/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/

#footer {
padding-top: 40px;
padding-bottom: 40px;
background-color: #000;
color: #fff;
}

#footer-inside {
max-width:1024px;
margin: 0 auto;
}

#footer p {
font-size: 11px /*14px*/;
/*line-height: 14px;*/
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
float: left;
width: 40%;
}

#footer p a {
color: #fff;
}

#footer-navigation {
list-style: none;
padding-left: 0;
margin-top: 0px;
margin-left: 0;
float: right;
width: auto;
}

#footer-navigation li {
/*height: 20px;*/
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 12px /*14px*/;
/*line-height: 14px;*/
font-weight: 400;
letter-spacing: 1px;
/*padding-top: 2px;*/
padding-left: 10px /*15px*/;
padding-right: 10px /*15px*/;
float: left;
}

#footer-navigation li:last-child {
padding-right: 0;
}

#footer-navigation li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
}

#footer-navigation li a:hover {
color: #009e6e;
}

.manage-footer-button, .ca-footer-button, .international-footer-button, .student-footer-button, .gift-footer-button  {
border-left: 1px solid #474747;
border-right: 1px solid #474747;
}
.ca-footer-button
{
border-left:none;
border-right: 1px solid #474747;
}
.faq-footer-button
{
border-left: 1px solid #474747;	
border-right:none;
}

/*--------------------------------------------------------------
# Tablet
--------------------------------------------------------------*/


@media only screen 
and (max-width : 1280px) {

	
/*--------------------------------------------------------------
# Basics - Tablet
--------------------------------------------------------------*/

.outer-wrapper {
padding-bottom: 30px;
}

.wrapper-top,
.wrapper-bottom {
width: 700px;
}
	
/*--------------------------------------------------------------
# Masthead - Tablet
--------------------------------------------------------------*/

#masthead {
height: 110px;
}

#masthead h1 {
width: 175px;
height: 40px;
margin-top: 35px;
}

#masthead h1 a {
width: 175px;
height: 40px;
margin-left:25px;
}

/*--------------------------------------------------------------
# Top Navigation - Tablet
--------------------------------------------------------------*/


#main-navigation {
display: none;
}
#small-navigation {
margin-top: 61px;
float: right;
display: block;
}

#small-navigation select {
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/
background-color: #000000;
color: #009e6e;
background-image: url('bw_relaunch_20017_arrow_white.png');
background-repeat: no-repeat;
background-position: 167px center;
width: 173px;
height: 20px;
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 12px;
line-height: -10px;
text-transform: uppercase;
letter-spacing: .03em;
padding-left: 0;
padding-right: 0;
border: 0;
border-radius: 0;
display: block;
margin-right:25px;
}
#small-navigation select option
{
color:white;
font-weight:400;
}

/*--------------------------------------------------------------
# Intro - Tablet
--------------------------------------------------------------*/

#intro {
background-image: url('https://data.bloomberglp.com/promo/sites/12/bw-allaccess-img.png');
background-position: right 40px;
background-repeat: no-repeat;
background-size: 303px 173px;
padding-top: 50px;
padding-bottom: 60px;
}

#intro h2 {
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 30px;
line-height: 30px;
margin-bottom: 15px;
}

#intro p {
width: 370px;
font-size: 18px;
line-height: 30px;
}
#offer-external {
    width: 100%;
    background-color: #fff;
}
	.gift-subscription #offers {
    padding-top: 15px;
    display: block;
    width: 100%;
	
}
/*--------------------------------------------------------------
# Offer - Tablet
--------------------------------------------------------------*/

#offers {
display: block;
}
#sub-header{margin-top: 0px;}
.offer-panel {
width: 600px;
height: auto;
padding-left: 80px;
padding-right: 80px;
display: block;
}
#tagline-span{margin-top:-41px;}
.offer-panel h2 {
width: 150px;
height: 30px;
font-size: 14px;
line-height: 14px;
padding-top: 9px;
}

.offer-panel h3 {
font-size: 14px;
line-height: 14px;
margin-bottom: 40px;
font-weight:bold;
}

.offer-panel ul {
padding-bottom: 10px; /* height of .offer-bottom */
}

#digital-access {
    display: block;
    height: 200px;
    margin-top: -475px;
	
	
}
	
.black-bar {
background-color: #000000;
width: 150px;
height: 2px;
margin-top: 36px;
margin-left: auto;
margin-right: auto;
display: block;
}

.offer-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 185px;
padding-left: 50px;
padding-right: 50px;
}

.offer-bottom h4 {
height: 90px;
font-size: 30px;
padding-top: 50px;
}

.offer-bottom h4 sup {
position: relative;
vertical-align: baseline;
top: -10px;
font-size: 16px;
}

.offer-bottom h4 span {
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
font-weight: 400;
padding-left: 5px;
}
	
.offer-bottom input[type="radio"] + label {
width: 290px;
font-size: 14px;
line-height: 14px;
padding-top: 15px;
padding-bottom: 15px;
}
.offer-bottom h4 .canada {
font-size: 20px;
font-weight: normal;
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
}
	.outer-wrapper{padding-bottom:5px;}
/*--------------------------------------------------------------
# Subscription Form - Tablet
--------------------------------------------------------------*/

#subscription-form h2 {
font-size: 30px;
line-height: 30px;
margin-top: 60px;
margin-left: auto;
margin-bottom: 60px;
	margin-right: auto;
	width:400px;
}

#subscription-form .left-column {
width: 700px;
/*padding-left: 95px;*/
padding-right: 95px;
display: block;
}

#subscription-form .right-column {
width: 700px;
padding-left: 150px;
padding-right: 95px;
display: block;
}

#subscription-form .form-block {
padding-top: 50px;
padding-bottom: 50px;
display: block;
}

#subscription-form label {
font-family: 'BWHaasText-65Medium', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
line-height: 14px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
margin-top:-20px;
}

#subscription-form input {
margin-top: 10px;
margin-bottom: 30px;
}
	
/*--------------------------------------------------------------
# thanks - thank you page additions 052417 - tablet
--------------------------------------------------------------*/

#thanks {
width: 100%;
}

#thanks #thanks-message {
width: 100%;
padding-top: 50px;
}

#thanks h2 {
width: 420px;
font-size: 30px;
line-height: 40px;
margin-top: 0;
margin-bottom: 20px;
}

#thanks p {
width: 420px;
font-size: 20px;
line-height: 28px;
font-weight: 400;
}

#thanks #summary-panel {
width: 100%;
margin-top: 30px;
}

#instructions h2 {
font-size: 30px;
line-height: 40px;
padding-top: 50px;
padding-bottom: 50px;
}

#instructions .instruction-row {
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}

#instructions h3 {
width: 120px;
font-size: 150px;
line-height: 150px;
text-align: left;
}

#instructions h4 {
font-size: 20px;
line-height: 20px;
margin-bottom: 7px;
}

#instructions h4 span {
display: none;
}

#instructions p {
font-size: 20px;
line-height: 28px;
}

/*--------------------------------------------------------------
# footer - tablet
--------------------------------------------------------------*/

#footer:after {
content: "";
display: table;
clear: both;
}

#footer p {
line-height: 20px;
float: none;
width: 100%;
margin: 0 auto;
}

#footer-navigation {
float: none;
width: 100%;
margin: 0 auto;
}

#footer-navigation li:first-child {
padding-left: 0;
}





}

/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/


@media only screen 
and (max-width : 700px) {

/*--------------------------------------------------------------
# Basics - Mobile
--------------------------------------------------------------*/

	
#sub-header
{
width: 100%;
    height: 141px;
    font-family: 'GroteskWeb-65Medium';
    font-size: 24px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.36;
    letter-spacing: .8px;
    text-align: center;
    color: #009e6e;
    margin-top: -18px; 
   
}

#mobile-header{
		display: block;
		background: url('main_header_mobile.png') no-repeat center;
		height:150px;
		background-size:contain;
		 margin-bottom: -68px;
		border-bottom: 2px #000 solid;
		
	}
	#tagline-span{
  width:100%;
  height: 88px;
  font-family: 'BWHaasText-55Roman';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
margin-top:-48px;
	}
	.black-bar{margin-top: 16px;}
	.cc-logos {
    background-image: none;
}
#card-number {
	width: 72%;
}
	#billing-block{margin-top: -30px; }
	#cds_cc_security_code{width:72%;}
	#subscription-form #recipient-block{border-bottom:none;}
.one-year  {  
  width: 304px;
  height: 35px;
  font-family: 'BWText-Bold';
  font-size: 24px;
  text-align: left;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 26px;
	display:block;
  
}
#recipient-block{margin-top:50px;}

	.offer-panel ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: 320px;
    /*margin-top: 51px;*/
}
#digital-access{display: none;}
.outer-wrapper {
/*padding-bottom: 30px;*/
}

	

.wrapper-top,
.wrapper-bottom {
width: 100%;
}
.offer_left{
	width:250px;
	}
.offer_right{
	width:250px; 
	float: right;

	}

.gift-subscription #offers {
    padding-top: 15px;
    display: block;
    width: 100%;
}	
	#offer-external{width:100%;}
	
/*--------------------------------------------------------------
# Masthead - Mobile
--------------------------------------------------------------*/

#masthead {
width: 100%;
height: 90px;
margin-left: auto;
margin-right: auto;
}
#masthead-width {
	width: 100%;
	
}
#masthead h1 {
width: 120px;
height: 28px;
margin-top: 30px;
}

#masthead h1 a {
width: 120px;
height: 28px;
/*margin-left:115px;*/
}


/*--------------------------------------------------------------
# Top Navigation - Tablet
--------------------------------------------------------------*/

#small-navigation {
margin-top: 44px;
}

/*--------------------------------------------------------------
# Intro - Mobile
--------------------------------------------------------------*/

#intro {
background-position: center 320px;
background-size: 280px 160px;
color: #ffffff;
padding-top: 30px;
padding-left: 30px;
padding-bottom: 220px;
}

#intro h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 10px;
}

#intro p {
width: 260px;
}

/*--------------------------------------------------------------
# Offer - Mobile
--------------------------------------------------------------*/

#offers {
width: 320px;
padding-left: 15px;
padding-right: 15px;

}
	label.myexpiration{margin-left:-168px;}

.offer-panel {
width: 290px;
padding-left: 15px;
padding-right: 15px;
}

.offer-panel h2 {
font-size: 12px;
line-height: 12px;
padding-top: 10px;
}

.offer-panel ul {
padding-bottom: 10px; /* height of .offer-bottom */
margin-top:42px;
}

.offer-panel li {
background-position: 0px 5px;
font-size: 16px;
line-height: 24px;
padding-left: 20px;
margin-bottom: 20px;
/*margin-top:55px;*/
}

.offer-panel li:last-child {
margin-bottom: 0;
}

#digital-access {
/*border-top: 15px solid #000000;*/
}

.offer-bottom {
height: 170px;
padding-left: 15px;
padding-right: 15px;
}

.offer-bottom input[type="radio"] + label {
width: 100%;
font-size: 12px;
line-height: 12px;
padding-top: 15px;
padding-bottom: 15px;
}
.offer-bottom h4 .canada {
font-size: 20px;
font-weight: normal;
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
}

/*--------------------------------------------------------------
# Subscription Form - Mobile
--------------------------------------------------------------*/

#subscription-form h2 {
/*font-size: 30px;
line-height: 40px;
font-weight: 400;
margin-top: 30px;
margin-left: 15px;
margin-bottom: 30px;*/
	display:none;
}

#subscription-form h3 {
font-size: 20px;
line-height: 20px;
margin-bottom: 10px;
font-weight:bold;
margin-left:15px;
}

#subscription-form h4 {
font-size: 16px;
line-height: 24px;
font-weight:bold;
}
	#gift-header{font-size: 30px;}
	
#subscription-form p {
font-size: 16px;
line-height: 24px;
margin-bottom: 30px;
width:336px;
}
	#recip-heading{margin-left: 15px;}
	#billing-block h3{margin-left: 15px;}
#subscription-form .left-column {
width: 320px;
padding-left: 15px;
padding-right: 15px;
}

#subscription-form .right-column {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}

#subscription-form .form-block {
padding-top: 30px;
padding-bottom: 30px;
}

#subscription-form input {
width: 100%;
height: 50px;
font-size: 16px;
line-height: 16px;
padding-left: 15px;
padding-right: 15px;
margin-top: 5px;
margin-bottom: 30px;
}


#subscription-form select {
background-position: 260px center;
width: 100%;
height: 50px;
font-size: 16px;
line-height: 16px;
padding-left: 15px;
padding-right: 15px;
margin-top: 4px;
margin-bottom: 30px;
background-image: url(arrow_black.png);
background-size: 17px 10px;
background-repeat: no-repeat;
background-position: 300px;
}

#norton {
background-size: 120px 73px;
width: 120px;
height: 73px;
margin-right: 30px;
}

#verisign {
background-size: 120px 73px;
width: 120px;
height: 73px;
}

#subscription-form input[type="submit"] {
width: 100%;
height: 50px;
font-size: 14px;
line-height: 14px;
margin-top: 30px;
margin-bottom: 30px;
}

#subscription-form input[type="submit"]:hover {
background-color: #009e6e;
}

/*--------------------------------------------------------------
# thanks - thank you page additions 052417 - mobile
--------------------------------------------------------------*/

#thanks {
width: 290px;
margin-left: 15px;
margin-right: 15px;
}

#thanks #thanks-message {
width: 260px;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
}

#thanks h2 {
width: 260px;
font-size: 30px;
line-height: 40px;
margin-bottom: 15px;
}

#thanks p {
width: 260px;
font-size: 20px;
line-height: 36px;
}

#thanks #summary-panel {
padding-left: 30px;
padding-right: 30px;
}

#thanks h3 {
font-size: 14px;
line-height: 14px;
margin-bottom: 30px;
}

#thanks .info-row {
padding-top: 15px;
padding-bottom: 15px;
display: block;
}

#thanks .info-row h4 {
width: 100%;
display: block;
}

#thanks .info-row p {
width: 100%;
text-align: left;
margin-top: 7px;
margin-bottom: 0;
display: block;
}

#instructions {
padding-left: 15px;
padding-right: 15px;
}

#instructions h2 {
font-size: 30px;
line-height: 40px;
padding-top: 40px;
padding-bottom: 40px;
}

#instructions .instruction-row {
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}

#instructions h3 {
display: none;
}

#instructions h4 {
line-height: 28px;
}

#instructions h4 span {
display: inline;
}

.app-download-button {
margin-top: 20px;
}

.app-download-button a {
width: 120px;
height: 36px;
}

/*--------------------------------------------------------------
# footer - Mobile
--------------------------------------------------------------*/

#footer {
padding-top: 30px;
padding-left: 15px; /* added 052417 */
padding-right: 15px; /* added 054517 */
padding-bottom: 30px;
text-align: center;
}

#footer-inside {
	width: 100%;
}

#footer p {
line-height: 20px;
float: none;
width: 75%;
margin-bottom: 20px;
}

#footer-navigation {
float: none;
width: 100%;
}

#footer-navigation li {
height: 30px;
font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 12px;
line-height: 12px;
letter-spacing: 1px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
float: none;
}

#footer-navigation li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
}

#footer-navigation li a:hover {
color: #009e6e;
}

.manage-footer-button {
border-left: 0;
border-right: 0;
}
.manage-footer-button, .ca-footer-button, .international-footer-button, .student-footer-button, .gift-footer-button  {
border-left: 1px none;
border-right: 1px none;
}
.ca-footer-button
{
border-left:none;
border-right: none;
}
.faq-footer-button
{
border-left: none;	
border-right:none;
}

}

/*--------------------------------------------------------------
# All-Access Page - Desktop Only - additions 052517
--------------------------------------------------------------*/

@media only screen 
and (min-width : 1279px) {

/*--------------------------------------------------------------
# Basics - Desktop Only - additions 052517
--------------------------------------------------------------*/

.all-access-only .outer-wrapper {
padding-bottom: 95px;
}


/*--------------------------------------------------------------
# Intro - Desktop Only - additions 052517
--------------------------------------------------------------*/

.all-access-only #intro {
width: 50%;
background-image: url('https://data.bloomberglp.com/promo/sites/12/bw-allaccess-img.png');
background-position: 0px 500px;
background-repeat: no-repeat;
background-size: 460px 263px;
color: #ffffff;
padding-top: 95px;
padding-bottom: 350px;
float: left;
}

.all-access-only #intro h2 {
width: 510px;
}

.all-access-only #intro p {
width: 510px;
}

/*--------------------------------------------------------------
# Offer - Desktop Only - additions 052517
--------------------------------------------------------------*/

.all-access-only #offers {
padding-top: 95px;
}

.all-access-only .offer-panel {
/*background-color: #ffffff;*/
position: relative;
width: 640px;
height: 1150px;
vertical-align: top;
padding-top: 0;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 60px;
float: right;
display: block;
}

}

/*--------------------------------------------------------------
# Offer - All Sizes - additions 052517
--------------------------------------------------------------*/

.offer-bottom input[type="radio"]:checked + label {
background-color: #009e6e;
color: #ffffff;
}

.all-access-radio input[type="radio"]:checked + label {
background-color: #ffffff;
color: #009e6e;
}


/*--------------------------------------------------------------
# Gift Subscription - Basics - Desktop - additions 052617
--------------------------------------------------------------*/

.gift-subscription .outer-wrapper {
/*padding-bottom: 95px;*/
}


/*--------------------------------------------------------------
# Gift Subscription - Gift Inro - Desktop - additions 052617
--------------------------------------------------------------*/

.gift-subscription #gift-intro {
width: 50%;
background-image: url('apocolypse.png');
background-position: 0px 780px;
background-repeat: no-repeat;
background-size: 460px 263px;
color: #ffffff;
padding-bottom: 290px;
display: block;
float: left;
margin-top:-11px;
}

.gift-subscription #gift-intro h2 {
width: 510px;
font-family: 'BWHaasGroteskWeb-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 60px;
line-height: 60px;
font-weight: 400;
margin-top: 0;
margin-bottom: 20px;
}

.gift-subscription #gift-intro p {
width: 430px;
font-size: 30px;
line-height: 45px;
font-weight: 400;
margin-top: 15px;
margin-bottom: 50px;
}

.gift-subscription #gift-intro b {
font-family: 'BWHaasGroteskWeb-75Bold', 'Helvetica Neue', Arial, sans-serif;
}

/*--------------------------------------------------------------
# Gift Subscription - Offer - Desktop - additions 052617
--------------------------------------------------------------*/



.gift-subscription .offer-panel {
/*background-color: #ffffff;*/
position: relative;
width: 50%;
height: 432px;
vertical-align: top;
padding-top: 0;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 60px;
float: right;
display: block;
}

.gift-subscription #gift-intro {
background-image: url('bloomberg_composition.png');
background-position: 0px 110px;
background-repeat: no-repeat;
background-size: contain;
color: #000;
/*padding-top: 55px;*/
padding-bottom: 290px;
display: block;
float: left;
margin-left: -47px;
width: 415px;

}
.gift-subscription .offer-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: auto;
padding-left: 50px;
padding-bottom: 50px;
padding-right: 50px;
}

.gift-subscription .all-access .offer-bottom input[type="radio"]:checked + label {
background-color: #ffffff;
color: #009e6e;
}

.all-access-radio .gift-subscription  .offer-bottom input[type="radio"] + label:hover {
background-color: #009e6e;
color: #ffffff;
border: 1px solid #009e6e;
}

/*--------------------------------------------------------------
# Gift Subscription -  Subscription Form - Desktop - additions 052617
--------------------------------------------------------------*/
#bill-heading {
  padding: 28px 0 68px 0;
  height: 28px;
  font-family: 'BWHaasGroteskWeb-75Bold';
  font-size: 28px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;

  color: #000000;
}
#pay-heading {
  padding: 28px 0 68px 0;
  height: 28px;
  font-family: 'BWHaasGroteskWeb-75Bold';
  font-size: 28px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;

  color: #000000;
}
#recipient-block{border-top:2px #000 solid;}
#recip-heading {
    padding: 28px 0 63px 0;
  height: 28px;
  font-family: 'BWHaasGroteskWeb-75Bold';
  font-size: 28px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;

  color: #000000;
}  
#spacer{padding-bottom: 43px;}
.gift-subscription #subscription-form h2 br {
display: none;
}

.gift-subscription #subscription-form h2 b {
/*font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;*/
display:none;
}


@media only screen 
and (max-width : 1280px) {

/*--------------------------------------------------------------
# Gift Subscription - Intro - Tablet - additions 052617
--------------------------------------------------------------*/

.gift-subscription #gift-intro {
width: 100%;
/*background-image: url('apocolypse.png');*/
background-position: right 100px;
background-repeat: no-repeat;
background-size: 303px 173px;
padding-top: 36px;
padding-bottom: 34.4px;
height:100px;
margin-left:13%;
}
#fifty_issues{margin-top: -45px; font-size:32px; }
.gift-subscription #gift-intro h2 {
width: 700px;
font-family: 'BWHaasGroteskWeb-75Bold', 'Helvetica Neue', Arial, sans-serif;
font-size: 30px;
line-height: 30px;
margin-bottom: 15px;

}

.gift-subscription #gift-intro p {
width: 370px;
font-size: 18px;
line-height: 30px;
margin-bottom: 15px;
}

/*--------------------------------------------------------------
# Gift Subscription - Offer - Tablet - additions 052617
--------------------------------------------------------------*/

.gift-subscription .offer-panel {
width: 700px;
height: 450px;
padding-left: 80px;
padding-right: 80px;
display: block;
float: left;
}
.offer-panel ul {
    

    margin-top: 100px;
}
.gift-subscription .offer-bottom {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: auto;
padding-left: 50px;
padding-bottom: 50px;
padding-right: 50px;
}
#subscription-form .form-block {
    padding-top: 18px;
    padding-bottom: 50px;
    display: block;
}


.gift-subscription #recipient-block h3, .gift-subscription #billing-block h3 {
margin-bottom: 30px;
  font-family: 'BWHaasText-75Bold', 'Helvetica Neue', Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
	.gift-subscription #payment-block{
		border-top:1px solid #ccc;
	}
/*--------------------------------------------------------------
# Gift Subscription - Subscription Form - Tablet - additions 052617
--------------------------------------------------------------*/

.gift-subscription #subscription-form h2 {
line-height: 40px;
}

.gift-subscription #subscription-form h2 br {
display: block;
}

.gift-subscription #recipient-block h3,
.gift-subscription #billing-block h3 {
margin-bottom: 30px;
}

}


@media only screen 
and (max-width : 700px) {

/*--------------------------------------------------------------
# Gift Subscription - Intro - Mobile - additions 052617
--------------------------------------------------------------*/
	#subscription-form input, #subscription-form select, #subscription-form textarea{
	width:100%;}
	.gift-subscription #subscription-form h2{
		width:100%;
		font-size: 34px; 
         font-family: 'BWHaasGrotesk-75Bold';
	}  
.gift-subscription #gift-intro {
/*width: 290px;*/
background-position: center 440px;
background-size: 280px 160px;
color: #ffffff;
padding-top: 30px;
/*padding-left: 15px;*/
/*padding-right: 15px;*/
padding-bottom: 200px;
	margin-left:-15px;
}
.offer-panel ul {
    margin-top: 60px;
	margin-left: -15px;
}
.gift-subscription #gift-intro h2 {
width: 260px;
font-size: 30px;
line-height: 40px;
margin-bottom: 10px;
}

.gift-subscription #gift-intro p {
width: 100%;
}
.gift-subscription #recipient-block {
   border-top:none;
}
	.right-column #expiration-month{
		width:49%; 
		text-align: left;
		background-image: url(arrow_black.png);
        background-size: 17px 10px;
        background-repeat: no-repeat;
		background-position: 130px;
		font-size: 16px;
		
	}
	.right-column #expiration-year{
		width:48%;
		text-align: left;
		    background-image: url(arrow_black.png);
    background-size: 17px 10px;
    background-repeat: no-repeat;
		background-position: 130px;
		font-size:16px;
	}
	.one-year{
width: 100%;
    margin-left: 8px;
    margin-right: auto;
    color: #000;
  
    font-size: 20px;
    margin-top: 25px;
	}
	#fifty_issues{width: 100%; margin-top: -47px; font-size:32px; margin-left: 78px;}
	#digital-access{display:block; height:200px; margin-top:-580px;}
/*--------------------------------------------------------------
# Gift Subscription - Offer - Mobile - additions 052617
--------------------------------------------------------------*/

.gift-subscription .offer-panel {
width: 100%;
padding-left: 5px;
padding-right: 5px; 
height:510px;
	margin-top:50px;
}

.gift-subscription .offer-bottom {
height: 80px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}

.gift-subscription .offer-bottom input[type="radio"] + label {
line-height: 18px;
}

}

@media only screen and (max-width: 768px) and (min-width: 700px)  {
	
	#footer-navigation li {
	height: 30px;
	text-align: center;
	width: 100%;
} 
	#footer p {
    width: 267px;
    margin-bottom: 20px;
	text-align: center;
}
	#footer {
	height: 306px;
}
	.one-year{margin-left:20px;}

#sub-header {
    margin-top: -3px;
	font-size:38px;
}
#tagline-span {
    margin-top: -38px;
}
	.right-column #expiration-month{width:46%;}
	.right-column #expiration-year{width:45%;}
.black-bar{margin-top:32px;}
#fifty_issues{
	font-size:36px;
	margin-top:-77px; 
	margin-left:118px;
	}
#digital-access{
	margin-top:0px;
	}
.offer-panel li{margin-left:-18px;}
.offer-panel ul {
    margin-top: 111px;
}
	.gift-subscription .offer-panel {
    width: 700px;
    /* height: 450px; */
    padding-left: 80px;
    padding-right: 80px;
    display: block;
    float: left;
    /* height: 500px; */
    height: 223px;
}
	.gift-subscription #gift-intro p {
    width: 430px;
    font-size: 30px;
    line-height: 45px;
    font-weight: 400;
    margin-top: -241px;
    margin-bottom: 50px;
}
	#cvv{
		margin-right:30px;
		margin-top:-22px;
	}
}