@font-face {
    font-family:DagnyOffcPro;
    src: url('DagnyOffcPro.otf');
       }
@font-face {
    font-family:DagnyOffcProBold;
  src: url('DagnyOffcProBold.otf');
}
@font-face {
font-family:DagnyOffcProBlack;
  src: url('DagnyOffcProBlack.otf');
}
@font-face {
font-family:SFNS-Display-Regular;
  src: url('fonts/SFNS-Display-Regular.otf');
}
html {
    position: relative;
    min-height: 100%;
}
.clear {
clear: both;
}
/*.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before{
content: " ";
    display: table;
}*/
.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {
    clear: both;
}
body
 { 
   background-color: #fff;
    font-family: Lato,DagnyOffcPro,Helvetica,Arial,sans-serif;
    font-feature-settings: "lnum";
    font-size: 13px;
    font-variant-numeric: lining-nums;
    height: 100%;
    margin: 0;
color: #fff;
line-height: 1.42857;
}  
ul, ol{
list-style-position: outside;
    list-style-type: none;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.clear:after 
{
 content:"."; 
display:block; 
height:0; 
clear:both;
 visibility:hidden; 
font-size:0px; 
line-height:0; 
}
a {
    color: #2B779B;
    text-decoration: none;
   cursor: pointer !important;
}

/*.container {
    max-width: 1178px;
}
.container, .container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left;
}
.col-lg-6 {
    width: 50%;
}
.col-lg-3 {
    width: 25%;
}
.col-lg-4 {
    width: 33.3333%;
}
*/
.progressStepRenew {
    margin-left: -5px;
}
.sub-head-padding, .sub-header-padding {
	float: left;
	/*padding: 0 0 37px 0;*/
	margin: -6px 0 0 -2px;
}
.form-head {
    font-family: Lato;
    color: #333;
    font-size: 33px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}
.progressStepsBar{
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    width: 100%;
margin: 45px 0 0;
padding-left: 0;
}
.progressedStep {
    margin-top: 15px;
    margin-left: 12px;
}
#welcomeText {
position: relative;
}
#welcomeText p {
    font-size: 22px;
    margin-bottom: 20px;
    font-family: Lato;
    font-weight: 700;
    color: #333;
}
.notMember {
    font-size: 16px;
    line-height: 20px;
    color: #666;
    font-weight: 400;
}
.notMember a {
    font-family: Lato;
    display: block;
    color: #a3180b;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.33;
    margin: 8px 0 17px;
}
#user_form {
margin-top: 60px;
}
.progressedStep, .progressStep {
    display: inline-block;
}
.progressStepsBar .progressStep .stepName {
    display: inline-block;
    height:50px;
}
.mcafee-logo {
    cursor: pointer;
    width: 127px;
    margin-right: 30px;
    height: 50px;
}
.digicertificate, #DigiCertClickID_6H4LoCVJ, #DigiCertClickID_6H4LoCVJSeal img{
 height: 50px;
}

hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
hr{box-sizing:content-box;height:0}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
}
hr.progressRenew {
 border-style: dotted;
    border-top: 1px dotted #999;
    margin-left: 12%;
    margin-top: 20px;
    position: absolute;
    width: 74%;
    z-index: -1;
}

.left_container{
 color: #333;
   /*  float: left;
width: 364px;*/
margin-top: 45px;
margin-bottom: 62px;
}
.giftbox {
    width: 100%;
    display: block;
    margin: 0 auto 30px;
}

.key_ben > li {
    font-size: 16px;
    list-style-type: none;
}
.key_ben > li b {
font-family: DagnyOffcProBold;
font-weight: normal;
}
ul.key_ben > li::before {
    content: "-";
    text-indent: -5px;
}
/*.trbl{
 padding-top: 25px;
}*/
.trbl_txt2{
font-size: 16px;
line-height: 20px;
}
.right_container {
color: #333;
font-family: 'Lato', sans-serif;
}
.require-directions {
position: relative;
margin-bottom: 16px;
}
.require-directions p {
font-size: 16px;
line-height: 18px;
width: 493px;
font-family: 'Lato', sans-serif;
}
.fand-tnc {
    font-size: 12px;
}
.fand-tnc-txt2 {
    padding-top: 10px;
}
.buttonContainer {
margin: 30px 0 10px;
padding-left: 0;
}
form {
    border: 0 none transparent !important;
    display: inline;
}
#billingInfo {
margin-top: 20px;
position: relative;
}
#billingForm h3 {
    font-size: 22px;
    line-height: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: Lato;
    color: #333;
}
#billingForm .yourInfo h3 {
margin-bottom: 15px;
}
#duesRow {
    width: 100%;
}
#duesRow .dues_form {
    display: flex;
}
/*#duesRow .formField {
    width: 84%;
}*/
.formField {
    font-size: 14px;
    line-height: 18px;
}
.form-check {
    margin-bottom: 37px;
}
.tcMembershipFeeRadio {
    border: 0;
    height: 1px;
    left: 9px;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: 1;
    top: 10px;
    opacity: 0;
    cursor: pointer;
}
.aarpForm .formLabel {
    display: inline-block;
    color: #676767;
    font-size: 20px;
    position: absolute;
    transition: 0.2s all ease-in-out;
   -webkit-transition: 0.2s all ease-in-out;
   -moz-transition: 0.2s all ease-in-out; 
   transform: translate(20px,-44px);
   -webkit-transform: translate(20px,-44px);
   -moz-transform: translate(20px,-44px); 
   line-height: 30px;
   pointer-events: none;
}
.aarpForm .error ~ label {
    color: #dc2a2a;
}
.cpyError {
color: #C23934;
font-family: dagnyOffcPro;
font-size: 14px;
}

/*input[type="text"]:focus + .formLabel, input[type="tel"]:focus + .formLabel, input[type="email"]:focus + .formLabel {
    transform: translate(16px,-50px);
    font-size: 13px;
}*/
.textInput:focus ~ label, .textInput.empty:focus ~ label, .textInput.optional.error:focus ~ label, .textInput.error.empty:focus ~ label, .textInput.emptyVal:focus ~ label {
transform: translate(15px,-54px);
 -webkit-transform: translate(15px,-54px);
-moz-transform: translate(15px,-54px); 
    font-size: 14px;
    line-height: 20px;
}
.textInput[aria-invalid="false"] ~ label, .textInput.optional.error[aria-invalid="false"] ~ label, .textInput.error[aria-invalid="true"] ~ label, .form-control.hasValue ~ label {
transform: translate(15px,-54px);
 -webkit-transform: translate(15px,-54px);
-moz-transform: translate(15px,-54px); 
    font-size: 14px;
    line-height: 20px;
} 
.textInput.empty ~ label, .empty[aria-invalid="false"] ~ label, .aarpForm .empty[aria-invalid="true"] ~ label, .textInput.emptyVal ~ label {
transform: translate(15px,-46px); 
 -webkit-transform: translate(15px,-46px); 
-moz-transform: translate(15px,-46px); 
    font-size: 20px;
   line-height: 30px;
} 
.textInput:focus ~ label, .textInput.empty:focus ~ label, .textInput.optional.error:focus ~ label, .aarpForm .textInput.error.empty:focus ~ label, .aarpForm #cardExpirationDateRow .textInput.invalid:focus ~ label, .aarpForm #cardExpirationDateRow .textInput.invalid.empty:focus ~ label, .aarpForm #cardExpirationDateRow .textInput.empty.error:focus ~ label, .aarpForm #billingInfo .textInput.error.empty:focus ~ label, .aarpForm #billingInfo .textInput.error:focus ~ label, .aarpForm #cvvCodeRow .textInput.error.empty:focus ~ label, .aarpForm #cvvCodeRow .textInput.error:focus ~ label, .aarpForm #checkInfo .textInput.error.empty:focus ~ label, .aarpForm #checkInfo .textInput.error:focus ~ label, .aarpForm #billingInfo .formLabel, .aarpForm #billingInfo .textInput.empty:focus ~ label {
transform: translate(15px,-54px);
 -webkit-transform: translate(15px,-54px);
-moz-transform: translate(15px,-54px); 
    font-size: 14px;
    line-height: 20px;
}
.textInput[aria-invalid="false"] ~ label, .textInput.optional.error ~ label, .aarpForm #cardExpirationDateRow .textInput.error ~ label, .aarpForm #cardExpirationDateRow .textInput.invalid.error ~ label, .aarpForm #billingInfo .textInput.error ~ label, .aarpForm #cvvCodeRow .textInput.error ~ label, .aarpForm #checkInfo .textInput.error ~ label, .aarpForm #billingInfo .textInput.empty ~ label  {
transform: translate(15px,-54px);
 -webkit-transform: translate(15px,-54px);
-moz-transform: translate(15px,-54px); 
    font-size: 14px;
    line-height: 20px;
} 
.textInput.empty ~ label, .empty[aria-invalid="false"] ~ label, .aarpForm .textInput.error.empty ~ label, .aarpForm #cardExpirationDateRow .textInput.invalid.empty ~ label, .aarpForm #cardExpirationDateRow .textInput.invalid ~ label, .aarpForm #cardExpirationDateRow .textInput.empty.error ~ label, .aarpForm #billingInfo .textInput.error.empty ~ label, .aarpForm #cvvCodeRow .textInput.error.empty ~ label, .aarpForm #checkInfo .textInput.error.empty ~ label, .aarpForm #billingInfo .textInput.error.empty ~ label, .aarpForm #billingInfo .textInput.empty ~ label {
transform: translate(15px,-46px); 
 -webkit-transform: translate(15px,-46px); 
-moz-transform: translate(15px,-46px); 
    font-size: 20px;
    line-height: 30px;
}  
/* .textInput:not(:placeholder-shown) ~ label {
transform: translate(16px,-50px);
 -webkit-transform: translate(16px,-50px);
-moz-transform: translate(16px,-50px); 
    font-size: 13px;
} */
.donation .mem_year {
	width: 435px
}
.donation .seniors {
	font-size: 14px;
	font-family: DagnyOffcProBold;
	color: #4c4c4c;
	padding: 0 0 16px;
	width: 84%
}
form.aarpForm .formRow {
    position: relative;
  /* width: 47.9%;
    float: left;*/
    margin-top: 20px;
}
.formShippingRow {
    position: relative;
    margin-top: 20px;
}
/*#cityRow, #stateRow, #postalCodeRow, #spFirstNameRow, #spLastNameRow {
    width: 47.9%;
    float: left;
}*/
 #emailRow {
width: 76%;
float: left;
margin-top: 55px;
}
.contriTxt {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #333;
}
/*#firstNameRow, #lastNameRow, #cityRow, #postalCodeRow, #spFirstNameRow {
    margin-right: 4.15%;
}*/
.aarpForm .required {
	display: none
}
.textInput {
	height: 25px;
	padding-left: 5px
}
.form-control {
    background: #fff;
    border: 1px solid #676767;
    border-radius: 4px;
    color: #37383d;
    font-size: 20px;
    font-weight: 400;
    height: 60px;
    margin: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    display: block;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%;
    padding: 34px 20px 12px 15px;
    line-height: 30px;
    font-weight: 400;
}
/* form.aarpForm .formRow textarea, form.aarpForm input[type="text"], form.aarpForm input[type="tel"], form.aarpForm input[type="email"], select {
    outline: #b7b7b7 1px;
} */
/* .form-control:focus,
select:focus {
	outline: 2px solid #ababab !important;
	border-color: #66afe9;
	// box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6)
} */
.form-group.error input,
.form-group.error select,
input.error,
select.error {
	border: 1px solid #dc2a2a !important
}
select::-ms-expand {
	display: none
}
#state{
font-size: 20px;
color: #676767 !important;
}
select {
    font-size: 20px;
    -moz-appearance: none;
    background: url(images/down-arrow-transparent.png) 95% center no-repeat #fff !important;
    border: 1px solid #676767;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    height: 60px;
    line-height: 1.2;
    padding: 9px 0 10px 10px;
    -webkit-appearance: none;
    width: 100%;
    color: #676767;
    font-weight: 400;
    font-family: Lato;
}
#stateRow select.error, #echeckAccountTypeRow select.error, #billingStateRow select.error {
	color: #dc2a2a !important;
}
#stateRow select.error option, #echeckAccountTypeRow select.error option, #billingStateRow select.error option {
color: #37474F !important;
}
.textInput {
    background: #fff;
    border: 1px solid #37474F;
    border-radius: 4px;
    color: #37474F;
    font-size: 20px;
    font-weight: 400;
    height: 60px;
    margin: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    display: block;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%;
    padding: 32px 23px 11px 15px;
    line-height: 30px;
    font-family: Lato;
}
#duesRow .formField label {
    font-size: 15px;
    line-height: 24px;
    padding-left: 40px;
    color: #333;
    position: relative;
    clear: both;
    cursor: pointer;
    letter-spacing: -0.13px;
    min-height: 24px;
    font-weight: 400;
}
label .highlight {
    color: #a3180b;
    font-weight: 700;
}
.desktop_mem::before, .desktop_mem::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #C1C7CB;
    border-radius: 50%;
    top: 0;
    left: 0;
}
.desktop_mem::after {
    border: none;
}
.form-check input[type="radio"]:checked + .desktop_mem::after {
    background-color: inherit;
    transform: scale(1);
    width: 22px;
    height: 22px;
    border: 0;
   left: 4px;
   top: 6px;
}
.mem_year, .mem_year_mob {
    padding-left: 10px;
    font-family: DagnyOffcPro, 'Lato', sans-serif;
    position: relative;
    top: 5px;
    display:block;
}
/*.membership_card {
    position: absolute;
    right: 0;
    width: 230px;
    top: -24px;
}*/
.membership_card {
display: flex;
align-items: center;
}
.membership_card img {
    width: 100%;
}
.risk_free {
    font-size: 15px;
    line-height: 22px;
}
.form-control {
    background: #fff;
    border: 1px solid #676767;
    border-radius: 4px;
    color: #37383d;
    font-size: 20px;
    font-weight: 400;
    height: 60px;
    margin: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    display: block;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%;
    padding: 34px 21px 10px 15px;
    line-height: 28px;
}
/* form.aarpForm .formRow textarea, form.aarpForm input[type="text"], form.aarpForm input[type="tel"], form.aarpForm input[type="email"], select {
    outline: #b7b7b7 1px;
} */
/* .form-control:focus,
select:focus {
	outline: 2px solid #ababab !important;
	border-color: #66afe9;
	// box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6)
} */
.form-group.error input,
.form-group.error select,
input.error,
select.error {
	border: 1px solid #dc2a2a !important
}
.errorTxt .error, #frontEndErrors, #addressfrontEndErrors, #fieldsfrontEndErrors, #duesRow .formField label.error {
    color: #dc2a2a !important;
    font-size: 14px;
    line-height: 20px;
    font-family: Lato;
    margin-left: 15px;
    display: block;
}
#duesRow .formField label.error {
padding-left: 5px;
margin-top: -6px;
}
.right_container > div.formLabel, .right_container > div.textTitle{
display:none;
}
#birthYear, #birthDay, #birthMonth {
    width: 28%;
}
#birthDay, #birthMonth{
  margin-right: 16px;
}
.errorTxt {
    width: 98%;
    margin-bottom: 0 !important;
    margin-top: 4px;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn.large.special.submit_button {
    background: #ec1300;
    color: #fff;
    font-size: 16px;
    padding: 15px 0px 24px;
    text-align: center;
    text-decoration: none;
    width: 250px;
    font-family: 'Lato', sans-serif;
    line-height: 18px;
    font-weight: normal;
    border-radius: 25.5px;
    height: 50px;
    font-weight: 700;
}
.btn.large.special.submit_button:hover{
   background: #fff;
   color:#ec1300;
   border: 3px solid #ec1300;
   padding: 13px;
}
.icon-arrow-right {display: none !important;}

.icon-arrow-right::before {
    color: #ba9e5f;
    content: "\f054";
    font-family: fontAwesome;
    font-size: 16px;
padding-left:10px;
}
.formField input {
    color: #333;
}
.disclaimer {
    font-size: 13px;
    margin: 15px 0 78px 0;
    width: 250px;
    line-height: 18px;
    color: #62727b;
    text-align: justify;
    padding-top: 10px;
}
#premium-display {
text-align: center;
}
#premium-display img {
height: 170px;
} 
#premium-display p {
font-size: 18px;
font-family: dagnyOffcProBold;
color: #333;
}

h2.form-head.ng-binding, .gift_sec {
    display: none !important;
}
.giftbox {
    margin: 0 auto 26px;
    width: 100%;
}
.limited_offer {
    width: 92%;
    margin-bottom: 30px;
font-size: 16px;
}
.benefits > p, .trbl_txt {
    font-size: 16px;
    font-family: Lato;
    margin-bottom: 2px;
}
.benefits > p.first-head {
font-size: 17px;
margin-bottom: 18px;
color: #333;
line-height: 1.42857;
}
.left-rail-icon-image {
    padding: 5px;
    vertical-align: top;
}
.left-rail-text-box {
    padding: 5px;
    vertical-align: top;
}
.memBenefits .left-rail-text-box {
    padding: 0 5px 0;
}
.left-rail-icon-image img {
width: 50px;
}
.left-rail-text-box h4.left-rail-text {
font-size: 18px;
line-height: 23px;
}
.left-rail-table {
width: 94%;
margin-bottom: 10px;
}
.memBenefits.left-rail-table {
margin: 15px 0 22px;
}
.left-rail-text-box h5.left-rail-text {
font-size: 14px;
line-height: 16px;
}
.left-rail-text-box h5.left-rail-text b {
font-size: 14px;
font-family: Lato;
}
.automaticRenew h5 {
font-size: 14px;
margin-bottom: 10px;
font-family: Lato;
}
.automaticRenew ul li {
font-size: 14px;
width: 84%;
list-style-type: none;
margin-left: 0;
padding-bottom: 8px;
}
.automaticRenew ul li b {
font-family: dagnyOffcProBold;
}
.benefits .key_ben {
}
.key_ben > li {
font-size: 16px;
position: relative;
color: #333;
padding: 0 0 0 4px;
line-height: 1.42857;
font-family: DagnyOffcPro;
}
.join-head-left {
    width: 35%;
}

.modal_error {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9;
    width: 438px;
    text-align: center;
    background: #fff;
    color: #333;
    padding: 50px 40px;
    transform: translate(-50%,-50%);
}
.modal_error img {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
}
.modal_err {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 50px;
}
.err_btn {
    font-size: 24px;
    font-family: DagnyOffcProBold;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    background: #E80808;
    border-radius: 4px;
    padding: 10px 70px;
}

#frontEndErrors {
    clear: both;
margin-bottom: 34px;
}

.renew-es-link { 
font-size: 16px;
text-decoration: none;
color: #2B779B;
line-height: 18px;
font-family: DagnyOffcProBold;
}
.free-gift-head { margin: 30px 0; font-size: 18px; color: #333; }
.prem-img img {height: 137px;
width: auto;}
.prem-img { margin-left: 2%; float: left;}
.mobilelogo {
display: none !important;
}
.mobileText {
display: none !important;
}
.bill_chkbox, .membershipNo {
font-size: 16px;
line-height: 1.25px;
color: #333;
margin-top: 10px;
}
#edit {
color: #2B779B;
font-size: 16px;
line-height: 18px;
font-family: DagnyOffcProBold;
}
.yourInfo{
align-items: baseline;
}
form.aarpForm #paymentTypeRow {
margin-top: 25px;
width: 100%;
}
#expMonth, #expYear {
    width: 33.333%;
}
.billing_header > label {
    margin-top: 20px;
}
.billing_header{
   color: #37474F;
font-size: 16px;
line-height: 19px;
    padding-top: 20px;
   margin-bottom: 32px;
font-family: 'Lato', sans-serif;
}
.formRow {
    margin-top: 15px;
}
/*#cardHolderFirstNameRow, #cardHolderMiddleNameRow, #cardHolderLastNameRow, #cityRow, #stateRow, #postalCodeRow, #billingCityRow, #billingStateRow, #billingPostalCodeRow {
    width: 47.9%;
    float: left;
    margin-right: 4.2%;
}
#addressLine1Row, #addressLine2Row, #billingaddressLine1Row, #billingaddressLine2Row {
    width: 100%;
    margin: 20px 0 0;
}
#cardHolderMiddleNameRow, #stateRow, #billingStateRow {
    margin-right: 0;
}*/
.address_det > li {
    float: left;
    width: 48%;
}
.address_det {
    overflow: hidden;
}
.aarp_visacard, .onlineecheck, #googlePayRadioDiv, #applePayRadioDiv {
    float: left;
    margin-right: 44px;
    position: relative;
    margin-bottom: 34px;
}
input[type="radio"] {
    cursor: pointer;
    height: 21px;
    opacity: 0;
    position: absolute;
}
.aarp_visacard label, .onlineecheck label, #googlePayRadioDiv label, #applePayRadioDiv label, #paypalRadioDiv label {
    cursor: pointer;
    font-family:  Lato, sans-serif;
}
form.aarpForm label {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
input[type="radio"] + label::before {
    border: 1px solid #37383d;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    top: 3px;
    left: 0;
    position: absolute;
}
#paymentTypeRow input[type="radio"] + label::before {
    height: 30px;
    width: 30px;
}
input[type="radio"]:checked + label::before, input[type="radio"]:focus + label::before {
    background: #333 none repeat scroll 0 0;
    box-shadow: 0 0 0 2px #fff inset;
}
 input[type="radio"]:checked:hover + label::before {
 width: 32px;
 height: 32px;
border: 1px solid #37383D;
}
 input[type="radio"]:hover + label::before {
 width: 30px;
 height: 30px;
border: 2px solid #37383D;
}
.cred_card {
    position: relative;
    padding-left: 39px;
    top: 6px;
}
#paypalRadioDiv {
    float: left;
    margin-right: 60px;
    position: relative;
    margin-bottom: 34px;
}
#creditCardInfo, #checkInfo {
    font-weight: normal !important;
    position: relative;
   /* padding-top: 15px;*/
    clear: both;
}
#cardNumberRow {
    width: 100%;
}

.bill_chkbox {
    max-width: 100%;
    display: block;
    font-size: 16px;
    left: 0 !important;
    line-height: 20px;
    position: relative !important;
}
input[type="checkbox"] {
    display: inline;
    cursor: pointer;
    height: 35px;
    left: 0;
    opacity: 0.01; 
    position: absolute;
    top: 0;
    width: 35px;
    z-index: 9999;
}
/* .terms_chkbox input[type="checkbox"] + label::before {
    background: #000;
    height: 35px;
    border: 1px solid #000;
    border-radius: 4px;
    margin-right: 15px;
    width: 35px;
    position: absolute;
    content: "\f00c";
    color: #fff;
    font-size: 23px;
    font-family: fontAwesome !important;
}
.terms_chkbox input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background: #000;
    left: 1px;
    top: 1px;
} */


.pull-left {
    float: left !important;
}
input[type="checkbox"] + .sudo-checkbox {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #37383D;
    height: 35px;
    margin-right: 15px;
    width: 35px;
    cursor: pointer;
    border-radius: 4px;
}
input[type="checkbox"] + .sudo-checkbox:hover, input[type="checkbox"]:hover + .sudo-checkbox {
border: 2px solid #37383D;
}
input[type="checkbox"]:checked + .sudo-checkbox {
    background: #000;
    margin-right: 15px;
    width: 35px;
    height: 35px;
    cursor: pointer;
}
input[type="checkbox"]:checked + .sudo-checkbox::before {
    content: "\f00c";
    color: #fff;
    font-size: 23px;
    background: #000;
    margin-right: 15px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    font-family: fontAwesome !important;
    left: 5px;
    position: relative;
}
.echeckChbxd_block input[type="checkbox"]:checked + .sudo-checkbox::before {
    top: 5px;
}

.billing-label {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    position: relative;
    top: 4px;
    font-family: Lato;
    padding-bottom: 8px;
}
#billingForm #paymentTypeRow h3 {
margin-bottom: 34px;
}
.billing-hr {
margin: 70px 0 0;
border-top: 1px solid #eee;
}
#termsCondition .billing-hr {
margin: 55px 0 0;
}
.emailSubText {
font-size: 16px;
line-height: 18px;
}
#contributionRow {
width: 100%;
margin-top: 57px;
margin-bottom: 20px;
}
.cont_set1, .cont_set2 {
margin-top: 20px;
}
/*.cont_set1 div, .cont_set2 div {
    float: left;
    margin-right: 10px;
    position: relative;
    margin-bottom: 20px;
    width: 23%;
   margin-top: 20px;
}*/
.cont_val {
position: relative;
padding-left: 40px;
top: 5px;
font-size: 15px;
line-height: 24px;
font-weight: 400;
}
.contributionText {
    font-size: 14px;
    line-height: 18px;
    color: #a3180b;
    font-weight: 400;
}
#emailSubText {
padding-top: 8px;
width: 106%;
}
.hintCls {
    font-size: 14px;
    font-style: italic;
    padding-top: 6px;
    word-wrap: break-word;
}
#termsCondition h4 {
    font-size: 22px;
    line-height: 1.42857;
    font-family: Lato;
    font-weight: 700;
}
#terms_hide {
    font-size: 15px;
    line-height: 22px;
    font-family: Lato;
    font-weight: 700;
}
.autorenewTxt{
font-family: Lato;
display: block;
padding-bottom:10px;
}
.terms_chkbox {
margin-top: 34px;
position: relative;
}
.terms_chkbox p {
font-size: 18px;
line-height: 22px;
padding-left: 15px;
color: #37474F;
position: relative;
top: 4px;
padding-bottom: 7px;
}
#errTncCheck {
position: relative;
top: 5px;
}
/*#echeckBankTransitNumberRow, #echeck_account_numberRow, #echeckAccountTypeRow, #echeckRoutingNumberRow, #conf_account_numberRow {
    width: 47.9%;
float: left;
}
#echeck_account_numberRow, #conf_account_numberRow, #echeckAccountTypeRow{
    margin-left:0;
}
#echeck_account_numberRow, #echeckAccountTypeRow{
clear:left;
}
#echeckBankTransitNumberRow, #echeck_account_numberRow {
    margin-right:4%;
}*/
.billing_details {
margin-top: 5px;
}
#checkInfo {
overflow: hidden;
padding-bottom: 0;
}
#payPalDiv p, #googlePayDiv p, #applePayDiv p {
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0;
    text-align: initial;
}
.tooltip1:hover .tooltiptext1, .tooltip2:hover .tooltiptext2, .tooltip1 .tooltiptext1.visible, .tooltip2 .tooltiptext2.visible {
    visibility: visible;
    opacity: 1;
}
.tooltip1 {
    position: absolute;
    display: inline-block;
    top: 2px;
    left: 80px;
}
#paypal_pop {
    width: 20px;
    height: 20px;
    left: 20px;
    position: relative;
    top: 4px;
}
#paypalpop {

    width: 100%;
    height: auto;
}
.modal-dialog {
    position: relative;
}
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out 0s;
}
#paypalpop .modal-dialog {
    width: 100%;
    margin: 0;
}
.modal-content {
    height: inherit;
    margin: 0 auto;
    text-align: left;
    width: inherit;
}
.modal-content {
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0 none;
    position: relative;
}
.paypal_desc {
    text-align: center;
}
.paypal_desc p {
    font-size: 15px;
    padding: 15px;
    color: #37474F;
    line-height: 22px;
    clear: both;
}
.tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: 310px;
    background-color: #fff;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -132px;
    opacity: 0;
    transition: opacity 0.3s;
    border: 2px solid #555;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(85,85,85,0.2);
    -moz-box-shadow: 0px 0px 4px 1px rgba(85,85,85,0.2);
    box-shadow: 0px 0px 4px 1px rgba(85,85,85,0.2);
}
.tooltip1 .bottom.tooltiptext1 {
    bottom: auto;
    top: 32px;
}

.hidden-xs.col-sm-12.col-md-12.col-lg-12 {
    margin: 10px 0 14px;
    padding: 0 !important;
}
.card-types.list-inline.credit-cards {
    margin: 0;
    padding: 0;
}
.list-inline > li {
    display: inline-block;
    margin-right:10px;
}
.accepted-card-types {
    height: 30px !important;
}
.accepted-card-types img{
    height: 30px ;
    width: 50px ;
}
.dim-50 {
    opacity: 0.5;
}

#cvvCodeRow, #cardExpirationDateRow {
    position: relative;
   /* width: 47.9%;
    float: left;
    margin-right: 4.2%;*/
}
#cvvCodeRow {
    margin-right: 0px;
    width: 43%;
}
.whats_this {
    cursor: pointer;
    float: right;
    padding-top: 3px;
    position: relative;
    top: -50px;
    left: 37px;
}
#popup_cvv {
width: 20px;
}
#cvvpopup {
    width: 100%;
    height: auto;
}
.tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 575px;
    color: #fff;
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -560px;
    opacity: 0;
    transition: opacity 0.3s;
    border: 2px solid #555;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(85,85,85,0.2);
    -moz-box-shadow: 0px 0px 4px 1px rgba(85,85,85,0.2);
    box-shadow: 0px 0px 4px 1px rgba(85,85,85,0.2);
}
.tooltip2 .bottom.tooltiptext2 {
    bottom: auto;
    top: 36px;
}
.modal-SecureCode {
    color: #37474F;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 0 20px;
line-height: 1.42;
}
.col-lg-12 {
    width: 100%;
}
.modal-creditContent {
    color: #37474F;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 15px 15px 15px 20px;
}
.cardBlock {
    margin-left: 55px;
    margin-right: -5px;
}
.col-lg-5 {
    width: 41.6667%;
}
.col-lg-offset-1 {
    margin-left: 8.33333%;
}
.visaImage {
    margin-left: -5px;
    padding: 0 6px 10px 0;
}
.discoverImage, .mastercardImage {
    padding: 0 6px 10px 0;
}
.amexImage {
    padding: 0 6px 10px 0;
}
.masterContent {
    color: #37474F;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin: 14px 0 30px;
    text-align: left;
}
.fourCard {
    height: 110px !important;
    width: 176px;
}
.americaContent {
    color: #37474F;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin: 14px 0 30px;
    text-align: left;
}
.tooltip1 .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 148px;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip1 .bottom.tooltiptext1::after {
    top: -14px;
    transform: rotate(-180deg);
    border-width: 6px;
    left: 151px;
}
.tooltip2 .tooltiptext2::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 6px;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip2 .bottom.tooltiptext2::after {
    top: -14px;
    transform: rotate(-180deg);
    border-width: 6px;
}
.wrapper {
overflow-x: hidden;
}
#dob_date {
background: #F3F3F3;
}
.nameMem {
    display: inline-block;
}
::before, ::after {
    box-sizing: unset;
}
#duesRow  input[type="radio"] + label::before {
top: -5px;
left: 0;
}

.left-rail-title{
color: #a3180b;
font-weight: 700;
font-size: 24px;
font-family: Lato;
line-height: 1.1;
margin-bottom: 10px;
}
.left-rail-text b {
font-family: Lato;
font-weight: 700;
}
.left_rail_list_pointer{
padding-left: 20px;
margin-top: 10px;
}
.left_rail_list_pointer_item{
margin-bottom: 10px;
}
.trbl_txt{
font-weight: 700;
}
.ar-term span.highlight + br {
    display: block;
     margin-top: 10px;
}
.Emailaddre, .NumberPhone{
    display: inline-block;
}
.single_renew, .NothingSelect {
    font-size: 16px;
    line-height: 18px;
    margin-top: 10px;
}
.single_renew {
    font-size: 16px;
}
.echeckTerms {
color: #333;
clear: both;
padding-top: 30px;
}

.echeckTerms h5 {
    margin-bottom: 15px;
    margin-top: 0;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    line-height: 20px;
    font-family: Lato;
}
.echeckTerms p {
    font-weight: 700;
    margin: 0 0 10px;
    font-size: 15px;
    font-family: Lato;
}
.terms_chkbox label p {
    position: relative;
    top: 6px;
    font-size: 15px;
    padding-left: 20px;
    font-family: Lato;
    font-weight: 400;
}
.echeckChbxd_block p {
left: 0;
font-family: Lato,sans-serif,Helvetica,Arial !important;
margin: 25px 0 0;
color: #333;
}
.terms_chkbox {
margin-top: 24px;
position: relative;
}
#account_auth_pop {
background: #fff none repeat scroll 0 0;
border-radius: 6px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
color: #000;
display: none;
font-size: 11px;
line-height: 20px;
position: fixed;
text-align: left;
z-index: 300;
width: 540px;
height: auto;
left: 50% !important;
top: 50% !important;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
#account_auth_pop .modal-dialog {
width: 100%;
margin: 0;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out 0s;
}


/* flex microform css */
.flex-microform-invalid {border: 1px solid #dc2a2a !important;}
.flex-microform, #cardNumber-container {
background: #fff;
border: 1px solid #676767;
border-radius: 4px;
color: #37383D;
font-size: 20px;
font-weight: 400;
height: 60px;
margin: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
display: block;
transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
width: 100%;
padding: 0 23px 0 19px;
line-height: 30px;
}
#cardNumber-container.flex-microform-valid, #cardNumber-container.flex-microform-focused, #cardNumber-container.flex-microform-invalid  {
    padding-top: 20px;
}
.aarpForm div.flex-microform-focused ~ label, .aarpForm div.flex-microform-valid ~ label {
transform: translate(20px,-54px);
-webkit-transform: translate(20px,-54px);
font-size: 16px;
line-height: 20px;
}
.aarpForm div.flex-microform-invalid ~ label{
transform: translate(20px,-54px);
-webkit-transform: translate(20px,-54px);
font-size: 16px;
line-height: 20px;
color: #dc2a2a !important;
}
#errCardNumber{
color: #dc2a2a ;
}
#cardExpirationDateRow .formLabel {
    -moz-transform: translate(15px,-54px) !important;
    font-size: 14px;
    line-height: 20px;
}
/*media qury for ipad*/

.renewEsSection {
    display: none !important;
}
.notMember a:hover{
   text-decoration: underline;
}
.offer_section {
    border-bottom: solid #686868 1px;
}
input:focus {
    outline: none;
}

/*  term selector CSS starts */
#bottom_terms {
    margin-top: 40px;
}

#top_terms, #top_terms #duesRow, #bottom_terms, #bottom_terms #duesRow {
    padding: 0;
}
#bottom_terms .fee_box, #top_terms .fee_box {
/*    padding: 45px 0 0; */
    border-bottom: none;
}
.selectOffers.ascending_terms {
    display: flex;
    flex-direction: column;
}
.selectOffers {
    display: flex;
    flex-direction: column-reverse;
}
.selectPrice {
    color: #0E1719;
    border: 1px solid #676767;
    height: 120px;
    border-radius: 20px;
    width: auto;
    padding: 20px 0;
    margin-bottom: 30px;
    display: flex;
    position: relative;
    cursor: pointer;
    line-height: 1.42857;
    align-items: center;
    cursor: pointer;
}
.tcMembershipFeeRadio {
    border: 0;
    height: 1px;
    left: 0;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: 1;
    top: 0;
    opacity: 0;
    cursor: pointer;
    border-radius: 20px;
    width: 100%;
    height: 100% !important;
}
.selectPrice .leftText {
    width: 66.6%;
    padding: 0 20px;
    text-align: left;
}
.selectPrice .leftText .offerdetails, .selectPrice .rightText .offerTerm {
    font-size: 14px;
    font-family: Lato;
    line-height: 17px;
    font-weight: normal;
    color: #37383D;
}
.selectPrice .leftText .offerdetails span {
    font-family: Lato;
    color: #EC1300;
    font-weight: bold;
}
.selectPrice .rightText {
    width: 34.3%;
    padding: 0;
    text-align: center;
    border-left: 1px solid #37383D;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.selectPrice .leftText .offerterm {
    font-family: Lato;
    font-size: 28px;
    font-weight: bold;
}
.selectPrice .rightText .offerPrice {
    font-family: Lato;
    color: #37383D;
    font-weight: bold;
    line-height: 50px;
    font-size: 42px;
}
.selectPrice.boxActive {
    border: 4px solid #0087CC;
    background: #F5F5F5;
    pointer-events: none;
}
.badge.DesktopImg.mostpopBadge, .badge.mobileImg.mostpopBadge {
    width: 130px;
    height: auto;
}
.selectPrice .badge {
    position: absolute;
    top: -10px;
    left: -9px;
}
.boxActive .badge {
    top: -11px;
    left: -12px;
}
.selectPrice .badge.longbadge {
    position: absolute;
    top: -13px;
    left: -11px;
}
.boxActive .badge.longbadge {
    top: -13px;
    left: -14px;
}
.badge.DesktopImg.mostpopBadge.longbadge {
    width: 165px;
    height: 35px;
}
.ts-most-popular-text {
    position: absolute;
    left: 3px;
    top: -8px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-align: left;
    font-family: Lato;
    width: auto;
}
.dues_aarp_card {
    position: relative;
    top: 0px;
    width: 180px;
    left: 0;
}
#top_terms .disc_txt, #bottom_terms .disc_txt {
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 45px;
}
#bottom_terms .disc_txt {
    padding-bottom: 0;
}
.red_card_img  {
    position: absolute;
    top: 90px;
    right: 100px;
}

/*  term selector CSS  ends*/
.member-term-options.ascending_terms {
    display: flex;
    flex-direction: column-reverse;
}


@media screen and (max-width: 1180px) {
.benefits > p.first-head {
font-size: 16px;
}
.limited_offer {
    width: 86%;
    margin-bottom: 30px;
}
.key_ben li:nth-child(2)::before {
    background-position: 0px -26px;
    height: 26px;
}
.key_ben li:nth-child(3)::before {
    background-position: 0px -51px;
    left: -4px;
}
.key_ben li:nth-child(4)::before {
    background-position: -1px -76px;
    top: 13px;
}
#duesRow .formField label {
    font-size: 17px;
}
}

@media screen and (max-width: 1027px) {
.prem-web-mkt-inc-desc:empty{
display:none;
}
.prem-web-mkt-inc-desc{
margin-top: 15px;
}

.progressStepsBar {
margin: 28px auto 0;
}
.left_container {
display: none;
}
/* .mob-prem-disp{
display: inline-block;
text-align: center;
width: 100%;
}
.prem-img {
    float: none;
    margin: 0 !important;
} */
}

@media screen and (max-width: 767px) {
#top_terms .red_card_img, #bottom_terms .red_card_img {
    display: none;
}
#top_terms #duesRow, #bottom_terms #duesRow {
    max-width: 100%;
}
#top_terms .formField, #bottom_terms .formField  {
    width: 100%;
}
#top_terms .disc_txt, #bottom_terms .disc_txt {
    padding-bottom: 10px;
}

.mob_trmsChk {
color: #37474f !important;
}
.close.renew-crossIcon.accclose {
    font-size: 30px;
    float: right;
    cursor: pointer;
}
.accclose span {
font-size: 30px;
color: #333;
}
#account_auth_pop .modal-content {
max-height: 90vh;
overflow-y: scroll;
}
.accBody {
margin: 0 auto;
width: 81.250vw;
}
.close.renew-crossIcon {
margin: 20px 0px 0 0;
}
.account_auth_desc {
padding: 50px 0 0px;
}
.account_auth_desc p {
    font-size: 18px;
    color: #37474f;
    line-height: 22px;
    margin: 0 0 15px;
    font-family: DagnyOffcPro, Helvetica, Arial, sans-serif;
}
#account_auth_pop {
width: 100%;
height: 100%;
border-radius: 0;
}
#accn_pop {
cursor: pointer;
}
.authspan {
width: 90%;
display: block;
}
.account_auth_desc p a {
color: #2B779B;
text-decoration: none;
}
#account_auth_pop {
display: none;
}
.echeck-text span{
padding-right: 0;
position: relative;
}
.fa.fa-chevron-right {
position: absolute;
font-size: 16px;
display: block !important;
top: 50%;
right: 20px;
margin-top: -8px;
}
.b_txt {
color: #2B779B;
}
.desk_txt {
display: none !important;
}
.terms_chkbox label p {
position: relative;
font-size: 15px;
font-family: Lato;
color: #000;
}
.echeck-text {
    display: block !important;
    background: #fff;
    border: 1px solid #37474f !important;
    color: #37474f !important;
    font-size: 18px !important;
    font-weight: 600;
    position: relative;
    padding: 12px 45px 12px 20px;
    border-radius: 3px !important;
    text-align: left;
    text-decoration: none;
}


.OnceText.single_renew {
    margin-top:0;
}
.NothingSelect {
    margin-top: 20px;
}
.billingLabel{
    display: flex !important;
}
.form-check input[type="radio"]:checked + .desktop_mem::after {
background-color: inherit;
}
#user_form {
    margin-top: 0;
}
.renewEsSectionMobile {
display: none !important;
}
.renew-es-linkMob{
margin-bottom: 40px;
}
.edit_btn{
margin-left: auto;
}
.contriTxt{
font-size: 16px;
line-height: 20px;
}
.contributionText{
display: inline-block;
padding-bottom: 20px;
}
.autorenewTxt{
padding-bottom: 0px;
}
input[type="radio"] + label::before {
    border: 1px solid #37383d;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    top: 4px;
    left: 1px;
    position: absolute;
}
.renew-es-linkp {
display:none;
}
#welcomeText p {
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 34px;
}
.notMember {
    font-size: 14px;
}
#billingForm h3{
    margin-bottom: 27px;
   line-height: 20px;
   margin-top: 25px;
}
#contributionRow h3{
  margin-bottom: 20px;
}
#billingForm .yourInfo h3{
margin-bottom: 10px;
}
.userDatatopTxt{
margin-bottom:20px;
}
#paymentTypeRow input[type="radio"] + label::before {
    height: 26px;
    width: 26px;
}
.list-inline > li {
    margin-right: 6px;
    width: 50px;
    height: 30px;
}
.accepted-card-types {
    height: 20px !important;
    width: 40px !important;
}
.whats_this{
top: -50px;
left: 30px;
margin-left: 10px;
}
.btn.large.special.submit_button{
display: block;
width: 100%;
margin: 0;
}
#billingForm #paymentTypeRow h3 {
font-size: 18px;
line-height: 20px;
margin-bottom: 10px;
}
#billingForm h3 span {
display: none;
}
.billing-label{
padding-bottom: 0px;
}
#duesRow{
margin-top: 0;
}
/*#duesRow .formField {
    width: 100%;
}*/
#duesRow .formField label {
font-size: 15px;
line-height: 24px;
height: auto;
min-height: 32px;
align-items: center;
}
.progressStepsBar {
    text-align: left;
}
	/*.container {
		width: 100%;
               padding: 0 20px;
margin: 0 auto;
	}
.right_container {
    width: 100%;
    margin-top: 0;
}*/
	.header-logo .stepName {
		padding-right: 0;
	}
	.header-logo {
		margin-right: 0;
	}
.sub-header-padding {
padding: 60px 0 40px;
width: 100%;
}
.progressStep {
float: none !important;
}
	.join-header,
	.form-head {
		margin: 0;
	}
.require-directions {
		margin-bottom: 41px;
	}
.join-header {
padding: 0;
}
	#firstNameRow,
	#middleNameRow,
	#lastNameRow,
	#cityRow,
	#stateRow,
	#postalCodeRow,
	#cardHolderFirstNameRow,
	#cardHolderMiddleNameRow,
	#cardHolderLastNameRow,
	#billingCityRow,
	#billingStateRow,
	#billingPostalCodeRow,
	#spFirstNameRow,
	#spMiddleNameRow,
	#spLastNameRow, #echeckBankTransitNumberRow, #echeckRoutingNumberRow, #echeck_account_numberRow, #conf_account_numberRow, #echeckAccountTypeRow {
		margin: 20px 0 0 !important;
		width: 100% !important;
	}
	#birthDateRow {
		margin: 20px 0 0;
		width: 100% !important;
	}
	#addressLine1Row,
	#addressLine2Row,
	#billingaddressLine1Row,
	#billingaddressLine2Row {
		width: 100%;
		margin: 20px 0 0;
	}
	#email {
		width: 100% !important;
	}
	#duesRow .membership_card {
		display: none;
	}
	.form-control, .aarpForm .formLabel, .textInput.empty ~ label, .empty[aria-invalid="false"] ~ label, .aarpForm .empty[aria-invalid="true"] ~ label {
               font-size: 22px;
               line-height: 27px;
       } 
	#emailRow {
		margin: 0;
                width: 100%;
	}
	.spouseinfo > span {
padding-left: 0;
line-height: 30px;
font-size: 18px;
	}
.mem_year, .mem_year_mob {
padding-left: 10px;
display: block;
font-size: 18px;
line-height: 22px;
top: 5px;
margin-bottom: 0px;
}

	.spouseinfo {
		margin: 0 0 10px !important;
		font-size: 28px !important;
                line-height: 30px;
	}
	#memberShipFee .formLabel {
		font-size: 20px !important;
		margin-bottom: 4px !important;
	}
	.progressStepsBar .progressStep .stepName {
		margin: 0;
	}
	.progressStepsBar .progressedStep .stepName {
		font-size: 13px;
	}
	img.mcafee-logo-mob {
		width: 83px;
	}
	.mobilelogo {
		display: block !important;
                height: 50px;
	}
	.desktoplogo {
		display: none !important;
	}
	#memberShipFee {
    margin: 0;
}
.join-head {
width: 100%;
}
.progressStepsBar {
width: 100%;
margin: 0 auto;
}
.stepper {
font-size: 16px;
line-height: 20px;
}
.form-head-link {
    font-size: 12px;
}
h3.info_heading {
font-size: 28px;
line-height: 30px;
padding-bottom: 10px;
}

.digicertificate img {
    height: 50px  !important;
    width: 88px !important;
}
img.mcafee-logo-mob {
    width: 129px;
    height: 50px;
    margin-right: 20px;
}
.DesktopText {
display: none !important;
}
.mobileText {
display: block !important;
}
#globalOptInRow {
    margin: 41px 0 60px;
}
.cardfree {
padding-bottom: 20px;
}
/* .buttonContainer {
top: 60px;
    margin: 0 0 58px;
    text-align: center;
position: relative;
    width: 335px;
    height: 78px;
} */
.loader {
padding: 29px 0px 27px;
}
.renew-es-link {
font-size: 14px;
line-height: 17px;
}
.renew-es-link span {
display: inline-block;
}
.require-directions p {
width: 100%;
}
footer {
position: relative !important;
height: auto;
    margin: 0 auto 0;
}
.bill_chkbox {
    font-size: 18px;
    line-height: 22px;
}
.aarp_visacard, .onlineecheck, #googlePayRadioDiv, #applePayRadioDiv, #paypalRadioDiv {
float: none;
height: 30px;
margin-bottom: 10px;
}
.cred_card {
    position: relative;
    padding-left: 39px;
    top: 6px;
}
#popup_cvv {
    width: 20px;
    height: 20px;
}
#cvvCodeRow {
width: 91%;
height: 72px;
}
#billingInfo {
    margin-top: 30px;
}
.billing-hr {
margin: 0 0 20px;
}
#termsCondition .billing-hr {
margin: 60px 0 0;
}
#contributionRow {
margin-top: 45px;
margin-bottom: 15px;
}
.cont_set1 {
    margin-top: 0;
}
.cont_set2 {
    margin-top: 0px;
}
#userData_Text {
    margin-bottom: 20px;
}
.disclaimer {
    text-align: justify;
    font-size: 13px;
    margin: 0 0 50px;
    width: 100%;
    line-height: 18px;
    padding-top: 10px;
    color: #62727b;
}
.cont_set1 div, .cont_set2 div {
margin-top: 10px;
height: 35px;
}
.cont_set1 div:nth-child( even ), .cont_set2 div:nth-child( even ) {
width: 80px;
}
.terms_chkbox p {
    font-size: 16px;
    line-height: 18px;
}
#popupdesk {
display: none !important;
}
#popupmob  {
display: block !important;
}
#popupmob .row {
    margin: 0;
}
.col-xs-offset-4 {
    margin-left: 33.3333%;
	}
	.text-center {
    text-align: center;
}
.visaImage {
    margin-left: 0;
    margin-top: 20px;
    padding: 0 6px 10px 0;
}
.discoverImage, .mastercardImage {
    margin-top: 20px;
    padding: 0 6px 10px 0;
}
.col-xs-4 {
    width: 33.3333%;
}
.editmaster {
    padding-right: 0 !important;
}
.masterContent {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
    text-align: left;
    color: #37474F;
}
.col-xs-8 {
    width: 66.6667%;
}
.amexImage {
    height: 42px;
    margin-top: 20px;
    padding: 0 6px 10px 0;
    width: 58px;
}
.fourCard {
    height: 110px !important;
    width: 176px;
}
.americaContentmobile {
line-height: 15px;
color: #37474F;
}
.risk_free {
padding: 10px 0;
margin-bottom: 10px;
}
#edit {
margin-left: 30px;
}
.form-check {
    position: relative;
    margin-bottom: 20px;
    display: flex;
    min-height: 30px;
}
#billingForm h3 {
    font-size: 18px;
}
.hidden-xs.col-sm-12.col-md-12.col-lg-12 {
margin: 10px 0 0;
}
form.aarpForm label {
    font-size: 16px;
    line-height: 24px;
    width: auto;
}
#emailSubText {
padding-top: 8px;
font-size: 14px;
line-height: 22px;
padding-bottom: 8px;
}
#terms_hide span{
   margin-bottom: 10px;
}
#termsCondition h4 {
padding: 20px 0;
}
.terms_chkbox {
    margin-top: 25px;
    margin-bottom: 10px;
}
.terms_chkbox p{
padding-left: 10px;
}
.tooltip1 .tooltiptext1 {
width: 250px;
margin-left: -50px;
}
.tooltip1 .tooltiptext1::after {
left: 60px;
}
.tooltip1 .bottom.tooltiptext1::after {
left: 60px;
}
.paypal_desc p {
    font-size: 13px;
    padding: 10px;
line-height: 20px;
}
.tooltip2 .tooltiptext2 {
    width: 410px;
    margin-left: -391px;
}
.tooltip2 .tooltiptext2::after {
right: 12px;
border-width: 8px;
}
#cvvpopup {
height: 260px;
overflow: scroll;
}
#cardHolderFirstNameRow {
margin-top: 0 !important;
}
#billingPostalCodeRow {
margin-bottom: 20px !important;
}
#paypal_pop{
left: 15px;
top: 5px;
}
.cont_val{
padding-left: 34px;
top: 8px;
}
input[type="checkbox"] + .sudo-checkbox{
margin-right: 10px;
}
input[type="checkbox"]:checked + .sudo-checkbox{
margin-right: 10px;
}
#paypalRadioDiv{
    margin-bottom: 0;
}
#cardNumberRow{
margin-top:15px;
}
#checkInfo{
margin-top:40px;
padding-bottom: 0px;
}
.terms_chkbox input[type="checkbox"] + label::before {
margin-right: 10px;
}
.billing_checkbox{
padding-bottom: 20px;
}
}
@media screen and (max-width:550px) {
.terms_chkbox label {
    width: 95% !important;
}
}
@media screen and (max-width: 375px) {
.buttonContainer, .btn.large.special.submit_button, .disclaimer {
width: 100%;
}
}
@media screen and (max-width: 341px) {
.selectPrice .leftText {
    padding: 0 12px;
}
}



#mcafee_pop {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
    height: 480px;
    z-index: 9;
}

.overlay {
  width: 100%;
  height: 100%;
  background: rgba(20, 20, 20, 0.95);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}

.mcafee-logo, .mcafee-logo-mob {
cursor: pointer;
}
.close_pop{
cursor: pointer;
}
.prem-web-mkt-inc-desc {
font-size: 20px;
font-family: dagnyOffcProBold;
margin-bottom: 10px;
}
.prem-web-disp-name { clear: both; font-size: 18px; font-weight: 700; }
.prem-part-m { text-align: center; }
.prem-part-m p.prem-img { float: none; }
.prem-part-m .prem-web-disp-name { color: #333; }


@media screen  and (max-width:440px) {
.tooltip2 .tooltiptext2 {
width: 300px;
margin-left: -279px;
}
}

@media screen and (max-width:400px){
#popupmob .row {
    margin: 0;
}
.visaImage, .discoverImage, .mastercardImage, .amexImage {
width: 42px;
height: auto;
}
.threeCard, .fourCard {
height: auto !important;
width: 100%;
}
#echeckImage img {
width: 100%;
}
}
.stateLabel {
position: absolute;
left: 9999px;
}

@media screen and (min-width:320px) {  
.container {
padding-right: 30px;
padding-left: 30px;
}
}

@media screen and (min-width:768px) { 
.ar-term.form-check label {
    display: flex;
    flex-direction: column;
}
.autom_rnwl::before {
    top: 8px !important;
    left: 0;
} 
.container {
    padding-right: 8px;
    padding-left: 8px;
   max-width: 1200px;
    width: 92%;
}
.mob-prem-disp {
    display: none;
}
#user_form {
 margin-top: 25px;
}
.form-check {
    position: relative;
    margin-bottom: 25px;
}
.risk_free{
padding-top: 10px;
padding-bottom: 45px;
}
#billingForm .yourInfo h3 {
    margin-bottom: 10px;    
}
.yourInfo{
    margin-top: 45px;    
}
#billingForm #paymentTypeRow h3 {
    margin-bottom: 10px;
}
.aarp_visacard, .onlineecheck, #googlePayRadioDiv, #applePayRadioDiv, #paypalRadioDiv{
margin-right: 0;
margin-bottom: 10px;
width: 25%;
}
.form.aarpForm .formRow{
margin-top: 0;
}
.dues_form .formField h3 {
margin-bottom: 30px;
}
.billing-hr{
margin: 20px 0 0;
}
#emailRow{
margin-top: 20px;
}
#emailSubText {
    padding-top: 10px;
}
#contributionRow {
    margin-top: 45px;
    margin-bottom: 20px;
}
#contributionRow h3{
    margin-bottom: 20px !important;
}
#termsCondition h4 {
    padding: 40px 0 15px;
}
.terms_chkbox {
    margin-top: 30px;
}
#termsCondition .billing-hr {
    margin: 60px 0 0;
}
.disclaimer{
margin: -2px 0 30px 0;
padding-left: 0;
}
#billingForm h3{
    margin-bottom: 10px;
}
.member-term-options {
    padding-top: 30px;
}
#duesRow{
margin-top: 0px;
}
#frontEndErrors{
margin-bottom: 30px;
}
.userDatatopTxt {
 padding-bottom: 20px;
}
.cont_set1 {
    margin-top: 15px;
    width: 55%;
}
.cont_set2 {
    margin-top: 10px;
    width: 55%;
}
.cont_set1 input[type="radio"] + label:before, .cont_set2 input[type="radio"] + label:before{
    top: 2px;
    left: 14px;
    margin-bottom: 20px;
}
.hidden-xs.col-sm-12.col-md-12.col-lg-12{
margin: 10px 0 0;
}
#cardNumberRow{
margin-top: 20px;
}
#cvvCodeRow{
flex: 0 0 46%;
height: 0;
}
.whats_this {
    top: -50px;
    left: 30px;
    margin-left: 10px;
}
#billingInfo{
margin-top: 20px;
}
#echeckImage{
margin-top: 20px;
}
.edit_btn{
margin-left: 30px;
}
.header-logo.progressStep {
    margin-left: 30px;
}
.cont_set1 div, .cont_set2 div{
height: 32px;
}
.renewEsSection div {
margin-left: auto;
}
.membership_card img {
    width: 180px;
    padding-top: 30px;
}
}
::before, ::after {
    box-sizing: content-box;
}
}

@media screen and (min-width:992px) {  
.selectPrice:hover {
    border: 2px solid #676767;
    background: #F5F5F5;
}
}

@media screen and (min-width:1028px) {  
.selectPrice:hover {
    border: 2px solid #676767;
    background: #F5F5F5;
}
.container{
padding-right: 12px;
padding-left: 12px;
max-width: 1200px;
width: 94.33%;
}
.mob-prem-disp{
display:none;
}
}
@media screen and (min-width:1200px) {  
.container{
max-width: 1200px;
width: 1200px;
}
}
#card_expDate ::placeholder{
color: #333;
}
form.aarpForm input[type="tel"]::placeholder {
color: #333;
}
.textInput::Placeholder{
color: #333;
opacity:1;
}