@font-face{
    font-family:"Avenir LT W01 65 Medium";
    src:url("https://assets.macysassets.com/dyn_img/fonts/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot");
    src:url("https://assets.macysassets.com/dyn_img/fonts/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix") format("embedded-opentype"), url("https://assets.macysassets.com/dyn_img/fonts/2cac77ec-9bc0-4ee7-87e4-27650190744f.woff") format("woff"), url("https://assets.macysassets.com/dyn_img/fonts/aaf11848-aac2-4d09-9a9c-aac5ff7b8ff4.ttf") format("truetype"), url("https://assets.macysassets.com/dyn_img/fonts/294099f3-8d00-4676-afc5-5e9d8d43ad69.svg#294099f3-8d00-4676-afc5-5e9d8d43ad69") format("svg");
}

@font-face{
    font-family:"Avenir LT W01 85 Heavy";
    src:url("https://assets.macysassets.com/dyn_img/fonts/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot");
    src:url("https://assets.macysassets.com/dyn_img/fonts/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix") format("embedded-opentype"), url("https://assets.macysassets.com/dyn_img/fonts/7147ec3a-8ff8-4ec9-8c5c-bd1571dc6ae6.woff") format("woff"), url("https://assets.macysassets.com/dyn_img/fonts/d1dc54b2-878d-4693-8d6e-b442e99fef68.ttf") format("truetype"), url("https://assets.macysassets.com/dyn_img/fonts/731dd4d3-64da-427d-ba61-01575b3cf3f7.svg#731dd4d3-64da-427d-ba61-01575b3cf3f7") format("svg");
}

@font-face{
    font-family:"Avenir LT W01 55 Roman";
    src:url("https://assets.macysassets.com/dyn_img/fonts/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot");
    src:url("https://assets.macysassets.com/dyn_img/fonts/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot?#iefix") format("embedded-opentype"), url("https://assets.macysassets.com/dyn_img/fonts/b9ebb19d-88c1-4cbd-9baf-cf51972422ec.woff") format("woff"), url("https://assets.macysassets.com/dyn_img/fonts/5ed4f98e-9044-4810-88ff-74d412c1351f.ttf") format("truetype"), url("https://assets.macysassets.com/dyn_img/fonts/4cb16859-16ca-4342-b89c-292dc83266af.svg#4cb16859-16ca-4342-b89c-292dc83266af") format("svg");
}

@font-face{
    font-family:"Avenir LT W01 35 Light";
    src:url("https://assets.macysassets.com/dyn_img/fonts/3511a780-31ca-4ee1-9083-89b1b7185748.eot");
    src:url("https://assets.macysassets.com/dyn_img/fonts/3511a780-31ca-4ee1-9083-89b1b7185748.eot?#iefix") format("embedded-opentype"), url("https://assets.macysassets.com/dyn_img/fonts/c4352a95-7a41-48c1-83ce-d8ffd2a3b118.woff") format("woff"), url("https://assets.macysassets.com/dyn_img/fonts/3e419b5b-c789-488d-84cf-a64009cc308e.ttf") format("truetype"), url("https://assets.macysassets.com/dyn_img/fonts/ca038835-1be3-4dc5-ba25-be1df6121499.svg#ca038835-1be3-4dc5-ba25-be1df6121499") format("svg");
}

/* for animation purposes */

/*
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards; */ /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    /* -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;

    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}
*/

.sticky {
    position: fixed;
    top: 0;
    z-index: 100;
    border-top: 0;
    width: 960px;
}


#plenti-wrapper{
    margin-top:0.5em;
}

#plenti-wrapper p{
    font-size: 1em;
    line-height: 1.5em;
    font-family: "Avenir LT W01 65 Medium", arial,sans-serif, Helvetica;
    margin:0;
    padding:0;
    color: #4d4d4f;
}


#plenti-wrapper h2{
    font-size: 1.6em;
    line-height: 1.1em;
    font-family: "Avenir LT W01 65 Medium", arial,sans-serif,Helvetica;
    color: navy;
    margin:0;
    padding:0;
    font-weight:normal;
}

#plenti-wrapper h2, #plenti-wrapper h3{
    text-transform: uppercase;
}


#plenti-wrapper h3{
    font-size: 1.2em;
    line-height: 1em;
    font-family: "Avenir LT W01 65 Medium", arial,sans-serif,Helvetica;
    color: navy;
    font-weight: normal;
}

#plenti-wrapper sub{
    bottom: 0;
    font-size:50%;
}

/* nav bar styles  */

#plenti-nav {

    background-color: transparent;
}

#plenti-nav a {
    text-decoration: none;
    font-family:"Avenir LT W01 85 Heavy", arial, sans-serif ;
    color: white;
    font-size: .75em;
    text-transform: uppercase;
    display: block;
    text-align: center;
    background:#ABADAF;
    opacity: 0.9;
}
#plenti-nav ul{
    display: block;
    margin:0;
    padding:0;
}

#plenti-nav li{
    display: inline-block;
    margin:0;
    padding:0;
    line-height: 2.5em;
    text-align: center;
}

#plenti-nav ul li a{
    border-right: 1px solid white;
    border-left: 1px solid white;
}

#plenti-nav ul li a:hover {
    color: grey;
}

#plenti-nav ul li a:hover {
    background: #ffffff;
}


#plenti-nav ul .lp-pg a{
    border-left:none;
}

#plenti-nav ul .faq-pg a{
    border-right:none !important;
}

#plenti-nav .active-pg a{
   background:white;
    opacity: 0.7;
    color: grey;
}

/* image header for each page */


#outer-border{
    padding: 0.5em;
    background: rgba(255,255,255,0.9);
}

#inner-border{

    background: transparent;
    opacity: 0.9;  /* can change for better clarity of text*/
    padding:2em 1em 2em 2.5em;
    border:5px solid silver;
}



#hdr_content h2{
    font-size: 1.5em;
    line-height: 1.2em;
    font-family: "Avenir LT W01 65 Medium",arial,sans-serif,Helvetica;
    color: navy;
    margin:0;
    padding:0;
}

#hdr_content p{
    font-size: 1.2em;
    line-height: 1.3em;
    font-family: "Avenir LT W01 55 Roman", arial,sans-serif, Helvetica;
    margin:0;
    padding:0;
}

#plenti-wrapper .legal p{
    font-size: 0.8em;
    line-height: 1.5em;
    font-family: "Avenir LT W01 35 Light", arial,sans-serif, Helvetica;
    margin:0;
    padding:0;
    margin-bottom: 0.8em;
    text-align: justify;
    text-justify: inter-word;
    text-rendering: optimizeLegibility;
    color: #999999;
}

#plenti-wrapper .legal p a{
    color: #999999;

}

#plenti-wrapper .joinfree h3{
    margin:1em 0 0.5em 0;
    font-size: 1.1em;
}

#plenti-wrapper .btn_navy{
    color: white;
    background-color: navy;
    border: none;
    display: inline-block;
    margin-right: 0.5em;
}

#plenti-wrapper .hdr-btn{
    margin-top: 1.5em;
    margin-bottom: 0;
}

#plenti-wrapper .right-btn{
    padding-left:1.5em;
    padding-right:1.5em;
}

#plenti-wrapper .btn_white{
    color: navy;
    background-color: white;
    border: navy solid 1px;
    padding-left: 3em;
    padding-right: 3em;
}

#plenti-wrapper .small_ruler{
    border-top:3px solid silver;
    width:25%;
    margin:0.5em 0;
}

#plenti-wrapper .welcome-vid{
    padding:0.5em;
    background:navy;
    text-align: center;
}

#plenti-wrapper .welcome-vid h2{
    color: white;
}

#plenti-wrapper .icon_after{
    display: inline-block;
    padding:0.5em;
    color: #fff;
}

.hrule-navy{
    height:0.5em;
    background:navy;
    text-align: center;
}

.cir{
    width:1.7em;
    height:1.7em;
    border-radius: 50%;
    background-color:navy;
    border:1px blue solid;
    color:white;
    padding-top: 0.3em;
    text-align: center;
    font-size: 1.2em;
}

.border{
    border: 3px solid silver;
}

.border_rt{
    border-right:3px solid silver;
}

.hzrule{
    border-top:3px solid silver;
    padding: 2em 0;
}

.padd{
    padding-top:2em;
    padding-bottom:2em;
}

.padd-list{
    /*padding-top:8.5em;*/
    padding-bottom:2em;
}

#plenti-wrapper .padd-list p{
    margin:0.5em 0;
    font-size: 1.1em;
    line-height: 1.2em;
}

 #plenti-wrapper .padd-list .cir{
    margin:0.5em 0;
    font-size: 1.2em;
    font-family: "Avenir LT W01 65 Medium", arial,sans-serif,Helvetica;
}


#hdr_content.padd{
    padding-top:2em;
    padding-bottom:0.5em;
}

.no-display{
    display: none;
}

#plenti-wrapper .float-left{
    float: left;
}

#plenti-wrapper .overlay {
    background:rgba(255,255,255,1);
    width: 100%;
    overflow: visible !important;
}
#overlay1 .arrow_top:after, #overlay1 .arrow_top:before{
    left:18%;
}

#overlay2 .arrow_top:after, #overlay2 .arrow_top:before{
    left:82%;
}


#overlay3 .arrow_top:after, #overlay3 .arrow_top:before{
    left:18%;
}

#overlay4 .arrow_top:after, #overlay4 .arrow_top:before{
    left:82%;
}

.arrow_top {
    position: relative;
    background: #ffffff;
    border: 4px solid #888188;
    background: rgba(255,255,255,0.5);
    padding:2em;
}
.arrow_top:after, .arrow_top:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_top:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
}
.arrow_top:before {
    border-color: rgba(136, 129, 136, 0);
    border-bottom-color: #888188;
    border-width: 36px;
    margin-left: -36px;
}

.remove-bg{
    background-size:0 0;
}

#plenti-wrapper .lrg_mgn_left{
    margin-left: 2em;
}

#plenti-wrapper .earnsave_p p{
    margin-bottom: 2em;
    font-size:1.2em;
    text-align: center;
}

#plenti-wrapper .earnsave_p h3{
    margin-top: 1em;
    text-align: center;
}

#plenti-wrapper .earnsave_img{
    margin-left: 1.7em;
}

#plenti-wrapper .no-textdecor{
    text-decoration: none;
}

#plenti-wrapper .padd-list h2{
    margin-bottom:0.5em;

}

#earnPointsSave {
    font-size: 1.75em !important;
}

#earnPointsText {
    width: 13.5em;
}

#earnPointsText br {
    display: none;
}

#ml13 {
    margin-left: -1.3em;
}

.mt12 {
    margin-top: 1.2em !important;
}

#benefitsAltPadd {
    padding-bottom: 0;
}

#otherFormsAltPadd {
    padding-top: 0.5em;
}

#earnMoreAltPadd {
    padding-bottom: 0;
}

/* --------------------------------------------------------------------------------------  */

/* --------------------------------------------------------------------------------------  */

/*ipad styling  */
@media only screen
and (min-device-width: 641px)
and (max-device-width: 1023px)
and (-webkit-min-device-pixel-ratio: 1) {

    #plenti-wrapper .brk_lrg{
        display: none;
    }
    #plenti-wrapper .medium_btn{
        font-size: 0.95em;
        padding-left: 1.65em;
        padding-right: 1.65em;


    }
    #plenti-wrapper p{
        font-size: 0.9em;
        line-height: 1.5em;
    }


    #plenti-wrapper h2{
        font-size: 1.3em;
        line-height: 1.1em;

    }
    #plenti-wrapper h3{
        font-size: 1.1em;
        line-height: 1em;
    }

    #plenti-nav a{
        font-size:0.65em;
    }

    #earnPointsText {
        width: auto;
    }

    #earnPointsText br {
        display: block;
    }
}


/* --------------------------------------------------------------------------------------  */

/* --------------------------------------------------------------------------------------  */


/* mobile styling  */
@media only screen and (max-width: 640px) {

.small-only-text-center {
        text-align: center;
    }

#outer-border{

    opacity: 1;
    background:transparent;
}

#inner-border{
   opacity: 1;
    background:transparent;
    border:none;
    padding-bottom:0px;
}

#hdr_content p{
    font-size: 1.2em;
    line-height: 1.5em;

}

#plenti-nav {
    background-color: navy;
}

#plenti-nav a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: .8em;
    text-transform: uppercase;
    text-align: left;
    padding-left: 20%;
    background: navy;
}

#plenti-nav ul{
    display: block;
    margin:0;
    padding:0;
}

#plenti-nav li{
    display: block;
    margin:0;
    padding:0;
    line-height: 2em;
    width: 100%;
    margin:0 auto;
    border:1px solid white;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#plenti-nav ul li a{
    border-right: none;
    border-left: none;
}

#plenti-nav nav{
    overflow:auto;
    padding:2em 0;
}


.no-display{
    display: none;
}

#plenti-wrapper h2 {

    font-size: 1.6875em;
    line-height: 1.2125em;
}

#hdr_content h2{

    font-size: 1.6875em;
    line-height: 1.2125em;
}
#plenti-wrapper button, #plenti-wrapper .button{
    border-radius: 10px;
    color: white;
    background-color: navy;
}

.border_rt{
    border-right:none;
}

#plenti-wrapper .small_ruler{
    border-top:3px solid silver;
    width:25%;
    margin:0.5em;
}

#plenti-wrapper h3{
    font-size: 1.375em !important;
    line-height: 1.2125em;
    font-family: "Avenir LT W01 65 Medium", arial,sans-serif,Helvetica;
    color: navy;
    font-weight: normal;

}

#plenti-wrapper   .mrgn_top{
    margin-top:2em;
}

    #plenti-nav #faq-pg{
        border-right: 1px solid white;
    }

    #plenti-nav .active-pg {
        background:white;
        opacity: 1;
    }

    #hdr_content{
        margin-top: 0;

    }
    #plenti-wrapper #hdr_content.padd{
        padding-top:0;
        padding-bottom:0;

    }

    #plenti-wrapper .lrg_mgn_left{
        margin-left: auto;
    }

    #plenti-wrapper .padd{
        padding-bottom: 0;
    }

    #plenti-wrapper .brk_lrg{
        display: none;
    }

    #plenti-wrapper .btn_extend{
        padding-left: 3.3em;
        padding-right: 3.3em;

    }

    .small-only-text-center {
        text-align: center;
    }

    .arrow_top {
        padding:1em;
    }

    .arrow_top_mobile{
    background: #ffffff;
    border: 4px solid #888188;
    opacity: 0.9;
    padding: 1em;
    }

    #plenti-wrapper .btn_white{
        color: navy;
        background-color: white;
        border: navy solid 1px;
        padding-left: 2em;
        padding-right: 2em;
    }

    #plenti-wrapper .btn_navy{
        margin-right: 0;
    }


    #plenti-nav ul li a:hover {
        background: navy;
        color: white;

    }

    .close_overlay{
        color: navy;
        margin-bottom: 1em;
    }
}