/***************************
Account Login Page
***************************/
.login-box{background:none repeat scroll 0 0;margin:0; font-family:'freight-display-pro','Times New Roman',times,serif;}
.login-box-content{padding:0;}
.login-box-content .form-caption{font-family:'proxima-nova',helvetica,sans-serif; color:#77767A; clear:both;}

.login-box h2{font-family:'freight-display-pro','Times New Roman',times,serif; font-size:30px; letter-spacing:0.8px; color: #001f37; font-weight:400;}
.login-box h2.section-header{padding:0 0 5px; text-transform:none;}

.login-box p{font-family:'proxima-nova',helvetica,sans-serif; font-size: 14px; line-height:1.2; color: #686564; margin:0;}
.login-box p.after-h{max-width:282px; min-height:84px;}
.login-box p.after-h span{font-size:12px;}
 
.login-box .double-row{overflow:hidden; margin:13px 0 0;}
.login-box .double-row .form-row{float:left; width:47.8%; margin:0 2%;}
.login-box .double-row .form-row:first-child{margin-left:0;}
.login-box .double-row .form-row:last-child{margin-right:0;}
.login-box .double-row .form-row input{width:99%;}
.login-box input.error, .login-box input.invalid{border:1px solid #d31100;}
.login-box-content .generalErrorText{text-transform:uppercase; padding:10px 0 0;}
.login-cols .corporatemember-inputs .form-row.invalid + div.error{display:block; clear:both; text-transform:uppercase;}
#root #container #main .login-box span.error, #root #container #main .login-box div.error, .login-box-content .error-form, .login-box-content .generalErrorText{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; letter-spacing:0.4px; font-weight:400 !important; color:#d0011b;}
.login-box .input-text-email{width:278px;}

.login-box fieldset{margin:10px 0;}
.login-box-content label,#PasswordResetForm .form-row label,#NewPasswordForm .form-row label{font-family:'proxima-nova',helvetica,sans-serif; font-size: 12px; color: #686564; letter-spacing: 0.4px; padding-bottom:5px; max-width:282px; overflow:hidden;}
.login-box-content .form-row.required label {display: inline-block;}
.login-box-content label span{float:left;}
.login-box-content input[type=text],.login-box-content input[type=password] {font-size: 12px!important;}
.login-box-content input[type=text],.login-box-content input[type=password],.login-box-content .chzn-container, .pt_account .form-row .input-text-email{ height:38px; line-height:38px; text-indent:5px;
-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; /*removed ios default styling*/ width:278px; font-size:12px;}
.login-box-content .form-row{padding-left:0;margin:11px 0 0;}
.login-box-content .forgot-link,.saved-preference-bottom .forgot-link,.cis-ui .forgot-link{font-family:'proxima-nova',helvetica,sans-serif; font-size: 12px; line-height:1.25; color:#686564; border-bottom:1px solid #686564; font-weight:normal; letter-spacing:0; float:right; margin-left:10px; margin-top:-3px; text-transform:none; display:inline-block;overflow:visible;}
.login-box-content .forgot-link {margin-top: 0;}
.login-box-content .checkbox-row{margin:0;}
.login-box-content .checkbox-row span.checkbox{background:url(../images/checkbox-states.png) no-repeat;}
.login-box-content .checkbox-row label,.login-box-content .checkbox-row span{min-height:15px;display:block;float:left;margin:0;}
.login-box-content .checkbox-row label{font-family:'proxima-nova',helvetica,sans-serif; font-size: 14px; text-transform:none; color:#686564; padding-left:24px;background:none; font-weight:normal; margin-top:-2px;}
.login-box-content .btn-wrap{padding:1px;border:1px solid #e7e7e7;}
.login-box-content .form-row.form-row-button{margin:20px 0 0;}
.login-box-content .registrationErrors{font-size:16px;}
.login-box button.submit-btn,.login-box-content button.signup-btn,.login-box-content button.continue-checkout,.login-box-content button.check-order,.pageshow-content .giftcards-landing a.btn-gc{
background-color:#bca578; border:none; display:block; min-width:126px; padding:0 12px; height:40px; font-family:'proxima-nova',helvetica,sans-serif; font-size: 13px; font-weight:400; letter-spacing:1px; text-transform:uppercase; text-align:center; color:#faffff;}
.col-2 .login-box button.submit-btn{width:100%; margin-top:30px;}


.login-box-content button.submit-btn span,.login-box-content button.signup-btn span,.login-box-content button.continue-checkout span,.login-box-content button.check-order span,#dialog-saved-preference button.submit-btn span,a#dw51checkoutMat-shopUK, .continueBtnWrapper button.billing-continue-btn span{display:block;background:url(../images/bg-blue.png) repeat;border:1px solid #e5e5e5;color:#FFF;text-transform:uppercase;font-size:.9em;letter-spacing:3px;}
.continueBtnWrapper button.billing-continue-btn{display:block; border:1px solid #9a9a9a;}
.my-account-login-banner{display:block; margin:0 auto 30px; overflow:hidden;}
.my-account-login-banner img {float:left;}
.my-account-login-cisbanner{margin:15px 0 0;}
.account-benefits{margin-bottom:0;}
.blackfleece .account-benefits{margin-bottom:0;}
.account-benefits ul,.account-benefits ul a{color:#7b7d7f;}
.account-benefits ul{list-style-image:url(../images/brown-bullet.png);padding-left:23px;}
.account-benefits ul.act_login_accountBenefits {
    padding-left: 15px;
}
.notfound-content #notfound-content-right ul li,.nohits-content #nohits-content-right ul li{list-style-type:none;background:url(../images/brown-bullet.png) no-repeat left center;padding-left:10px;}
.account-benefits ul li{margin:2px 0;font-size:1.1em;list-style:inherit;list-style-type:none;line-height:17px;}
.account-benefits ul.act_login_accountBenefits {
    list-style-image: none;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
}
.account-benefits ul.act_login_accountBenefits li {
    color: #BCA579;
    font-family: 'proxima-nova',helvetica,sans-serif;
    font-size: 1.6em;
    line-height: 1em;
    margin-left: 1.2em;
    list-style: disc;
}
.account-benefits ul.act_login_accountBenefits li span {
    color: #002038;
    margin-left: -3px;
    font-size: 0.7em;
}
.account-benefits p span {
    font-size: 12px;
}
@media screen and (max-width: 767px){
    .account-benefits ul.act_login_accountBenefits {
        margin-top: 0;
    }
    .pt_account .form-row .input-text-email{width:99%;}
}
.login-cols{margin:20px auto; position:relative;padding-bottom:20px; width:730px;}
.login-cols .col-1, .login-cols .col-2{
	padding-right:80px;
	width:280px;
}
.pt_account .primary-content .col-2,.login-cols .col-2{border-left:solid 1px #d8d8d7; min-height:300px; padding-left:80px; padding-right:0;}
.col-1,.col-2{margin-top:15px;}
.col-1 .subheading-wrapper, .col-2 .subheading-wrapper {margin-left:18px;}
.login-cols .col-1,.login-cols .col-2{padding-bottom:35px;margin-top:0;}
.pt_account .page-content.onecolumn-content .primary-content,.pt_product-details .primary-focus .primary-content.bv-login{padding-bottom:20px;}
.login-box-content button.continue-checkout{width:auto;margin-left:10px;}
.login-box-content button.continue-checkout.login{margin-left:0;}
.col-2 .login-box p.first-p{padding:0 0 0 10px;margin:0;}
.login-cols .checkbox{background-position:left 0;}
.oldie .login-cols .checkbox-row label{padding-top:3px;}
.reviewlogin > h2{font-family:'freight-display-pro','Times New Roman',times,serif;color:#6E6B6A;text-transform:uppercase;font-size:1.3em;font-weight:400;letter-spacing:.1em;margin:24px 0 -12px 99px;}


.login-cols .corporatemember-inputs, .login-cols .corporatemember-inputs .form-row + div.error{display:none; padding-top:10px;}
.login-cols .corporatemember-inputs .caption{font-family:'proxima-nova',helvetica,sans-serif; font-size: 14px; color: #001f37; padding:15px 0;}
.login-cols .corporatemember-inputs .caption a{font-family:'proxima-nova',helvetica,sans-serif; font-size: 12px; line-height:1.25; color:#686564; font-style:normal; border-bottom:1px solid #686564;}

.login-cols .corporatemembership .forgotNumber {float: right; margin: -59px -2px 0 0; position: relative; font-family:'proxima-nova',helvetica,sans-serif; font-size: 12px; line-height:1.25; color:#686564; font-style:normal; border-bottom:1px solid #686564;
    background:none;
    padding:0;
    color:#686564;
    text-transform:none;
    letter-spacing:0;
    display:inline-block;
    overflow:visible;
    cursor: pointer;
}
.login-cols .corporatemembership .forgotNumber.invalid{margin:-84px -2px 0 0;}

@media screen and (max-width:991px){
    .my-account-login-banner{margin:0 auto; width:auto !important;}
    .page-content.onecolumn-content{background:none;}
    .login-cols{margin:0 20px 25px;}
    .pt_account .login-cols .col-1{width:49%;}
    .pt_account .login-cols .col-1 .login-box fieldset{max-width:78%;}
    .pt_account .primary-content .col-2, .login-cols .col-2{width:40%; padding-left:60px; padding-bottom:20px;}
    .my-account-login-banner-mobile{background:none;}
}
@media (max-width: 765px) {
    .login-cols{margin:0 0 25px;}
    .pt_account .login-cols .col-1{width:100%; margin-bottom:50px;}
    .pt_account .login-cols .col-1 .login-box fieldset{max-width:100%;}
    .pt_account .login-cols .col-2 .login-create-account{max-width:100%;}
    .pt_account .login-cols .col-2{width:100%;}
    .pt_account .primary-content .col-2, .login-cols .col-2{width:100%; padding-left:0px; border:none;}
    .login-box p.after-h{max-width:100%; padding:0;}

    .login-box-content input[type=text], .login-box-content input[type=password], .login-box-content .chzn-container, .login-box .input-text-email,
    .login-box .double-row .form-row input{width:99%;}
    .login-cols .col-1 .login-box-content div.form-row.required label{max-width:100%;}
}


/***************************
 Account Global
***************************/
.account-landingcontent h1,.account-section-headline h1, .account-landingcontent h2, .account-section-headline h2,.account-section-headline h3{font-family:'freight-display-pro','Times New Roman',times,serif; font-size:30px; font-weight:400; letter-spacing: 0.8px; color:#001f37; text-transform:capitalize; margin:0;}

/***************************
Account Overview
***************************/
.pt_myaccount .page-content.twocolumn-content .primary-content.rewards{padding-top:0;}
.account-landingcontent{padding:0;}
.account-tile{width:45%; margin:0 0 2% 0; border: solid 1px #001f37; padding:2% 2% 7% 2%; float:right;position:relative; min-height:150px; font-family:'proxima-nova',helvetica,sans-serif; font-size: 14px; color:#001f37;}
.account-tile.user-info, .account-tile.bbrewards-info{background:#001f37;}
.account-tile:nth-child(even) {margin-left:0; clear:left; float:left;}
.account-tile .avatar{font-family:'freight-display-pro','Times New Roman',times,serif; float:left; margin-right:16px; width:67px; height:67px; background:#bca578; line-height:67px; text-align:center; color:#f7f9f6; font-size:36px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; text-transform:uppercase;}
.account-tile .avatar+div{float:left;}
.account-tile .tile-list-item{margin-top:10px;}
.account-tile .tile-list-item:first-child{margin:0;}
.account-tile .tile-list-item.tile-header+div{margin:0;}
.account-tile .tile-list-item .item-id{color:#77767A; text-transform:capitalize;}
.account-tile .tile-list-item .item-id span{text-transform:lowercase;}
.account-tile .empty-msg{color:#77767A;}

.account-tile.user-info .tile-header{font-size:30px; color:#fff; padding-bottom:0;}
.account-tile.user-info .member-date{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; color:#bca578; text-transform:uppercase;}
.account-tile.user-info .info{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; color:#fff; margin-top:20px;}

.account-tile.bbrewards-info .tile-header{font-family:'proxima-nova',helvetica,sans-serif; font-size:16px; color:#fff; text-align:right;}
.account-tile.bbrewards-info .tile-header .gold{color:#bca578;}
.account-tile.bbrewards-info .tile-header .badge{float:left;width:30%;}
.account-tile.bbrewards-info .tile-header .badge img{float:left;max-width:100%;}
.account-tile.bbrewards-info .tile-header .badge span.tier{float:left; width:100%;text-align:left;text-transform:uppercase;font-size: 14px;}
.account-tile.bbrewards-info .tile-header .points{padding:10px 0 0;}
.account-tile.bbrewards-info .empty-msg{color:#fff; clear:both; padding:10px 0 0; position:absolute; bottom:60px;}

.account-tile .tile-header{font-family:'freight-display-pro','Times New Roman',times,serif; font-size: 24px; letter-spacing: 0.3px; color: #001f37; padding-bottom:20px; text-transform:capitalize;}
.account-tile .tile-header a{float:right; color:#998c70; border-bottom:1px solid #998c70; font-size:14px; font-weight:normal;}

.account-tile .tile-footer{width:92%; border-top:1px solid #eff0ec; height:40px; padding-top:10px; position:absolute; bottom:0; line-height:30px; text-align:right; font-size:14px;}
.account-tile.user-info .tile-footer, .account-tile.bbrewards-info .tile-footer{border-top:1px solid #bca578;}
.account-tile .tile-footer a, .account-tile .tile-footer button{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; color:#998c70; border:none; padding:0; font-weight:600; letter-spacing: 0.4px; text-transform:uppercase; text-decoration:underline !important; background:none;}
.account-tile .tile-footer a#rewards-enroll{border:1px solid #bca578; background:#681d20; height:30px; line-height:30px;  padding:0 20px; display:inline-block; text-decoration:none !important;}
.account-tile .tile-footer .left{float:left;}
.account-tile .tile-footer .right{float:right;}
.account-tile.bbrewards-info .pending{color:#bca578; text-align:left;}
.account-tile.bbrewards-info .pending span{color:#fff;}
.account-tile .tile-footer a#rewards-link::before{content:"";background:url("../images/loyalty/link.svg") no-repeat 0 0; width:13px; height:13px; display:inline-block; margin-right:5px; vertical-align:middle;}

/*Wishlist tile*/
.wishlist-tile{margin-bottom:10px; padding-bottom:8px; overflow:hidden; border-bottom:solid 1px #eff0ec;}
.wishlist-tile:last-child{border:none; margin:0; padding:0;}
.wishlist-tile .thumb, .wishlist-tile .details{float:left;}
.wishlist-tile .thumb{margin-right:8px;}
.wishlist-tile .thumb img{width:76px;}
.wishlist-tile .details, .wishlist-tile .details .value{font-family:'proxima-nova',helvetica,sans-serif; font-size: 12px; color:#686564; width:70%;}
.wishlist-tile .details .value{letter-spacing:0; text-transform:none;}
.wishlist-tile .details span.name a{font-family:'freight-display-pro','Times New Roman',times,serif; font-size: 14px; color: #001f37; display:block; padding-bottom:20px;}
.wishlist-tile .wishlist-price span, .wishlist-tile .wishlist-price p{display:inline;}
.wishlist-tile .wishlist-price .price-sales-red{color:#d0011b;}
.wishlist-tile .wishlist-price .price-standard.discounted{text-decoration:line-through;}

/*Order history*/
.overview-order-history{clear:both; margin:40px 0 0; width:100%;}
.overview-order-history h2{font-family:'freight-display-pro','Times New Roman',times,serif; font-size:30px; letter-spacing: 0.8px; font-weight:400; text-align: left; color: #001f37; border-bottom:solid 1px #eff0ec; padding:0 15px 6px; margin:0 0 25px;}
.overview-order-history .empty-msg{font-family:'proxima-nova',helvetica,sans-serif; font-size: 14px; color: #686564; padding:15px 15px 6px;}
.overview-order-history table{width:100%; font-family:'proxima-nova',helvetica,sans-serif; color:#686564; text-align:left; border-collapse:separate; border-spacing:0 5px;}
.overview-order-history tfoot{text-align:center;}
.overview-order-history tbody tr{background:#f7f9f6; border:1px solid #bca578; margin-bottom:4px;}
.overview-order-history tbody tr td{border-top:1px solid #bca578; border-bottom:1px solid #bca578;width:22%;}
.overview-order-history .right-aligned{text-align:right;}
.overview-order-history tbody tr td:first-child{border-left:1px solid #bca578;}
.overview-order-history tbody tr td:last-child {border-right:1px solid #bca578;}
.overview-order-history td span{padding:5px 0 0;}
.overview-order-history td{font-size:14px; padding:15px;}
.overview-order-history a{text-decoration:underline !important;font-size:12px; font-family:'proxima-nova',helvetica,sans-serif; text-transform:uppercase;}
.overview-order-history button{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; color:#6e6b6a; border:none; padding:0; text-transform:uppercase; text-decoration:underline !important; background:none;}
.overview-order-history .gold{color:#998c70; font-size:14px; text-transform:capitalize;}
.overview-order-history a.view-all{left: calc(50% - 42.5px); position:relative; margin:17px 0 0; display:inline-block;}

@media screen and (max-width:991px){
    .pt_account #main{border:none; padding:0 2%;}
    .account-landingcontent{padding:0 0 20px; float: none; margin: 0 auto; width:100%;}
    .primary-content a.backtomyaccount{display:inline-block;}
    .pt_account #primary{width:96%; padding:0 2% 2%;}
}
@media (max-width: 765px) {
    .account-tile{width:96%; float:none; padding:2% 2% 60px 2%;}
    .account-tile:nth-child(even){float:none;}
    .account-tile .tile-footer{width:96%;}
}

/***************************
Account left nav
***************************/
#account-mainnav{width:14%; max-width:175px; padding-left:1%; border:none;position:relative;margin:0; z-index:5;float:left;font-family: "Times New Roman", Times, serif; background:#FFF;}
#account-mainnav nav{padding:0;}
#account-mainnav .secondary-navigation ul{padding:0; margin:20px 0 20px;}
#account-mainnav .secondary-navigation ul li{list-style:none; margin:0;}
#account-mainnav .secondary-navigation ul li a{color:#686564; font-size:14px;line-height:17px;font-family:'freight-display-pro','Times New Roman',times,serif;display:inline-block;padding:2px 0;}
#account-mainnav .secondary-navigation ul li.active a{font-weight:700; color:#001f37;}
#account-mainnav .secondary-navigation .title-span{padding:0 0 8px 0;font-size:16px;letter-spacing:.3px;color:#8B7341;;font-family:'freight-display-pro','Times New Roman',times,serif; font-weight:400; margin:0;text-transform:uppercase;display:block; border-bottom:1px solid #eae8e6; line-height: 1.3;}
#account-mainnav .secondary-navigation p a.title-link {display: none;}
#account-mainnav .secondary-navigation .toggle{padding:0;}

/***************************
Brooks Rewards
***************************/
.pt_account .page-content.twocolumn-content{width:100%; max-width:1230px; margin-top:20px; border:none;}
.pt_account .page-content.twocolumn-content .primary-content{width:81%; padding:0 2% 40px;}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.pt_account .page-content.twocolumn-content .primary-content{max-width:800px;}
}

.myaccount-top{margin:0 0 40px 0; overflow:hidden;}
.myaccount-top h1{text-align:center; margin:0;}
.myaccount-top .gold{font-family:'freight-display-pro','Times New Roman',times,serif; font-size: 14px; color: #917851;}
.rewards .cs-header-wrap, .visible-mobile{display:none;}
.rewards .lp-wrapper, .rewards .secondary-inner, .rewards .primary-inner{border:none;padding:0; margin:0; top:0; left:0;}
.rewards .points-listing .item p{width:73%;}
.rewards .gold-btn{display:inline-block; background:#998C70; color:#FFF; text-transform:uppercase; line-height:26px; padding:0 20px; font-family:'proxima-nova',helvetica,sans-serif; font-size:13px; letter-spacing:2px;}

/*Top Member Info -left- */
.loyalty-member-info{font-family:'freight-display-pro','Times New Roman',times,serif; width:30%; min-width:240px; border:1px solid #001f37; padding:0; overflow:hidden; float:left; font-size:16px; margin:0 0 50px 0;}
.loyalty-member-info .badge{float:left; display:inline;}
.loyalty-member-info .badge span.tier{color:#fff; padding:0 0 20px 0; text-transform:uppercase;font-size:18px; font-weight:700; display:block;}
.loyalty-member-info .badge span.memberid{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; text-transform:uppercase; line-height:1.58; letter-spacing:0.7px; color:#bca578; display:block;}

.loyalty-member-info .member-data{min-height:152px; padding:14px; background:#001f37;}
.loyalty-member-info .data{float:right; width:57%; padding:0;}
.loyalty-member-info .data span{display:block; font-weight:normal;}
.loyalty-member-info .data span.name{color:#bca578; font-size:30px; line-height:30px;}
.loyalty-member-info .data span.city{color:#bca578; font-size:22px;}
.loyalty-member-info .data span.memberid{font-family:'proxima-nova',helvetica,sans-serif; color:#bca578; padding:0; font-size:12px; text-transform:uppercase;}

/*Points Sections -right- */
.loyalty-member-points{font-family:'freight-display-pro','Times New Roman',times,serif; width:63%; border:solid 1px #bca578; min-height:140px; padding:2%; float:right; margin:0 0 50px 0;}
.loyalty-member-points .member-data{width:52%; float:left;}
.loyalty-member-points .divider{float:left; height:80px; background:#edece6; width:2px; float:left; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg);}
.loyalty-member-points .member-data:first-child{width:48%; margin-bottom:10px;}

.loyalty-member-points .member-data .data span{display:block; font-weight:normal;}
.loyalty-member-points .member-data .data span.name{color:#001f37; font-size:36px; font-weight:600; line-height:32px; text-transform:capitalize;}
.loyalty-member-points .member-data .data span.city{color:#001f37; font-size:16px; font-weight:600;}


.loyalty-member-points .section{width:45.5%; float:left; text-align:center; padding:0 2%;}
.loyalty-member-points .section span{display:block; font-size:14px; color:#001f37; font-weight:600; text-transform:uppercase;}
.loyalty-member-points .section span.no{font-size:36px; line-height:36px; color:#8B7341; padding-bottom:5px;}
.loyalty-member-points .section span.msg{padding-bottom:10px; line-height:13px;}
.loyalty-member-points .section span.note{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; color:#686564; text-transform:none;}

.loyalty-member-points .progress-wrap{clear:both; padding:4px 0 0px;}
.loyalty-member-points .progress-wrap span{font-style:italic; display:inline-block; text-align:center; height:18px; line-height:18px;}
.loyalty-member-points .progress-bar{background:#bca578; height:10px;}
.loyalty-member-points .progress-bar .bar{background:#001f37; width:40%; height:16px; position:relative; top:-3px;}
.loyalty-member-points .progress.msg{font-family:'proxima-nova',helvetica,sans-serif; font-size:16px; color:#001f37; text-align:center; border:none; padding:10px 0 10px;}
.loyalty-member-points .progress.msg u{color:#8B7341; font-weight:600;}
.loyalty-member-points .progress-wrap .progress.msg:last-child{padding-bottom:0;}

.loyalty-member-points .progress.indicator{border:none; padding-bottom:10px;}
.loyalty-member-points .progress.indicator span{ font-size:18px; font-style:normal; width:auto; left:32%; position:relative; color:#8B7341; text-transform:uppercase;}


/*Certificates and  Activity sections*/
.bordered-box{
    font-family: AGaramondPro;
    border: 1px solid #bca578;
    clear: both;
    text-align: center;
    margin: 20px 0 50px;
    padding: 0 20px 20px;
}
.bordered-box.certificates{padding:0 4% 4%; margin-bottom:30px; border:1px solid #D6C7B3;}
.bordered-box.certificates h2, .bordered-box.certificates h4 {
    font-family:'freight-display-pro','Times New Roman',times,serif;
    border:1px solid #D6C7B3;
    line-height:41px;
    top:-21px;
    color:#8B7341;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background: #FFF;
    margin: 0;
    position: relative;
    padding: 0 20px;
 }
.bordered-box.certificates h3, .bordered-box.certificates .empty-msg{font-family:'freight-display-pro','Times New Roman',times,serif; color:#77767A; font-style: italic; font-size:24px;}
.bordered-box.certificates h3{margin:0 0 30px 0;}
.bordered-box.certificates h4{top:0; font-size:20px; line-height:20px; margin:30px 0; border:none;}
.bordered-box.certificates .empty-msg{text-transform:none;}
.rewards-certificates{width:100%; text-align:left; font-family: 'proxima-nova',helvetica,sans-serif; color:#686564;}
.rewards-certificates thead, .rewards-certificates td{border-bottom:1px solid #bababd;}
.rewards-certificates th{font-weight:bold; text-transform:uppercase; font-size:12px; padding-bottom:10px;}
.rewards-certificates th:first-child, .rewards-certificates td:first-child{padding-left:4%;}
.rewards-certificates.redeemed th:first-child, .rewards-certificates.redeemed td:first-child{width:42.6%;}
.rewards-certificates.redeemed th:nth-child(2), .rewards-certificates.redeemed td:nth-child(2) {width:33.3%;}
.rewards-certificates td{font-size:16px; padding:20px 0;}
.rewards-certificates a{font-family:'proxima-nova',helvetica,sans-serif; text-decoration:underline !important; cursor:pointer;}
.rewards-certificates .gold{color:#8B7341;}
.rewards-certificates .print{font-size:14px; text-transform:uppercase; color:#bababd;}
.rewards-certificates .expired, .rewards-certificates .redeemed{font-size:14px;color:#bababd;}

.rewards-certificates-activity-wrapper{margin-bottom:50px;}
.rewards-certificates-activity{font-family:'proxima-nova',helvetica,sans-serif; color:#686564; width:100%; text-align:left; border-collapse:separate; border-spacing:0 4px;}
.rewards-certificates-activity tfoot{text-align:center; background:#f7f9f6;}
.rewards-certificates-activity tbody{height:80px;overflow-y:auto;width:100px;background:yellow;}

.rewards-certificates-activity tbody tr{background:#f7f9f6; border:1px solid #F5F5F5; margin-bottom:4px;}
.rewards-certificates-activity .right-aligned{text-align:right;}
.rewards-certificates-activity tbody tr td:first-child{border-left:1px solid #F5F5F5;}
.rewards-certificates-activity tbody tr td:last-child {border-right:1px solid #F5F5F5;}
.rewards-certificates-activity td span{padding:5px 0 0;}

.rewards-certificates-activity th{font-weight:bold; text-transform:uppercase; font-size:12px; padding:20px; background:#edece6;}
.rewards-certificates-activity th:first-child, .rewards-certificates-activity td:first-child{padding-left:8%;}
.rewards-certificates-activity td{font-size:14px; padding:20px;}
.rewards-certificates-activity tfoot td:first-child{padding-left:20px;}
.rewards-certificates-activity a{text-decoration:underline !important; font-family:'proxima-nova',helvetica,sans-serif;  font-size:14px; color:#001f37; text-transform:uppercase; cursor:pointer;}
.rewards-certificates-activity .gold{color:#917851;}

.rewards-certificates-activity-wrapper tfoot .less{display:none;}

.rewards-certificates-activity-wrapper.expanded tfoot .more,
.rewards-certificates-activity-wrapper.expanded-noscroll tfoot .more{display:none; cursor:pointer;}
.rewards-certificates-activity-wrapper.expanded tfoot .less,
.rewards-certificates-activity-wrapper.expanded-noscroll tfoot .less{display:block; cursor:pointer; padding:0;}

.rewards-certificates-activity-wrapper.expanded .scroll-wrapper,
.rewards-certificates-activity-wrapper.expanded-noscroll .scroll-wrapper{max-height:427px;overflow-y:auto;}

.rewards-certificates-activity-wrapper .scroll-wrapper{max-height:178px; overflow:hidden;}

.scroll-wrapper table{margin-top:-4px;}

.rewards-certificates-activity th.date-td{width:29%;}
.rewards-certificates-activity th.activity-td{width:23.5%;}
.rewards-certificates-activity th.description-td{width:23.5%;}
.rewards-certificates-activity th.points-td{width:12%;}

.rewards-certificates-activity-wrapper.expanded th.date-td{width:32.5%;}
.rewards-certificates-activity-wrapper.expanded th.activity-td{width:25.5%;}
.rewards-certificates-activity-wrapper.expanded th.description-td{width:27%;}
.rewards-certificates-activity-wrapper.expanded th.points-td{width:15%;}

.rewards-certificates-activity .date-td{width:25.7%;}
.rewards-certificates-activity .activity-td{width:21.1%;}
.rewards-certificates-activity .description-td{width:29.4%;}
.rewards-certificates-activity .points-td{width:10.6%;}

.rewards-certificates-activity tbody  td.activity-td{text-transform:capitalize;}
.rewards-certificates-activity-wrapper .empty-msg, .bordered-box .empty-msg, .header-rewards-error{font-family:'proxima-nova',helvetica,sans-serif;  font-size:14px; background-color:#edece6; display:block; color:#686564; text-align:center; line-height:50px; text-transform:uppercase;}
.bordered-box .empty-msg{background:none;}

/*FAQ account */
.account-qa{margin:20px 0 40px; font-family:'freight-display-pro','Times New Roman',times,serif;}
.account-qa h2{text-align:center;font-size:36px; font-weight:700; color:#001f37; margin:0;}
.account-qa h2 span{font-weight:300; font-style:italic;}
.account-qa .wrapper{padding:20px 0 0;}
.account-qa .question{font-size:18px; color:#001f37; padding:20px 50px 20px 20px; margin:10px 0 0; cursor:pointer; background:url(../images/loyalty/icon-plus-gold.png) no-repeat 97% center #edece6;}
.account-qa .question.expanded{background:url(../images/loyalty/icon-minus-gold.png) no-repeat 97% center #edece6;}
.account-qa .answer{font-size:18px; line-height:1.44; color:#686564; padding:20px; margin:0; display:none; background:#f7f9f6;}
.account-qa .answer span{color:#8B7341; display:block; padding:0 0 10px;}
.account-qa .account-qa-footer {text-align:center; padding:40px 0 0;}
.account-qa .account-qa-footer a{font-family:'proxima-nova',helvetica,sans-serif; font-size:14px; color:#001f37; font-weight:600; text-transform:uppercase; border-bottom:1px solid #edece6;}

/*FAQ page*/
.faqs{margin:20px 0 40px; font-family:'freight-display-pro','Times New Roman',times,serif;}
.faqs h2{text-align:center;font-size:36px; font-weight:700; color:#001f37; margin:0;}
.faqs h2 span{font-weight:300; font-style:italic;}
.faqs .wrapper{padding:20px 0 0;}
.faqs .answers-wrapper{margin:100px 0 0;}
.faqs .question, .faqs .section-title{font-size:18px; color:#001f37; padding:20px 50px 20px 20px; margin:10px 0 0; cursor:pointer; background:#edece6;}
.faqs .answers-wrapper .question{background:#fff; border:2px solid #edece6;}
.faqs .faq-list li{list-style-type:disc;}
.faqs .answer{font-size:18px; line-height:1.44; color:#686564; padding:20px; margin:0; background:#f7f9f6;}
.faqs .answer span{color:#8B7341; display:block; padding:0 0 10px;}

.faqs .answer table {width: 100%;border: 1px solid #edece6;border-collapse: collapse;background: #fff;}
.faqs .answer table tr td, .faqs .answer table tr th {text-align: center;padding: 5px;vertical-align: middle;border: 1px solid #edece6;}
.faqs .answer img {max-width: 100%;display: block;vertical-align: top;margin: 10px auto;}
.faqs .answer ul {padding-left: 20px;}

/*Unenroll*/
.unenroll-option{border:1px solid #8B7341; background:#f7f9f6; text-align:center; padding:20px 40px; overflow:hidden; position:relative;}
.unenroll-option .msg{float:left; width:46%; font-family:'freight-display-pro','Times New Roman',times,serif;}
.unenroll-option .msg span{color:#001f37; font-size:24px; font-style:italic;}
.unenroll-option .msg span strong{font-style:normal;}
.unenroll-option .msg p{color:#77767A; font-size:18px; font-style:italic; margin:10px 0 0;}
.unenroll-option a{position:absolute; right:40px; top:50%; margin-top:-25px; width:42%; font-family:'proxima-nova',helvetica,sans-serif; font-size:15px; text-transform:uppercase; color:#fff; background:#bca578; line-height:50px; display:inline-block;}


@media screen and (max-width:991px){
    #account-mainnav{width:100%; max-width:100%; margin:10px auto; padding:0; float:none; clear:both;}

    #account-mainnav .secondary-navigation .title-span{border-bottom:1px solid #E0DFDB; display:block; padding:10px 0; margin:0; background: url('../images/full-bleed-images/interface/icon-arrow-left.png') no-repeat; background-position: right center;}
    #account-mainnav .secondary-navigation p.expanded .title-span{background: url('../images/full-bleed-images/interface/icon-arrow-down.png') no-repeat; background-position: right center;}
    #account-mainnav .secondary-navigation p+ul{display:none;}

    #account-mainnav .secondary-navigation ul{margin:5px 0;}
    .bordered-box.certificates h3 br{display:none;}
    .pt_myaccount .page-content.twocolumn-content{padding:0 20px; border:none;}
    .loyalty-member-points{width:60%; min-height:153px;}
    .rewards-certificates-activity-wrapper .scroll-wrapper{max-height:180px;}
}
@media (max-width: 765px) {
    .loyalty-member-info{width:100%; margin:0 0 30px}
    .loyalty-member-points{width:95.6%; padding:2% 2% 4%;}
    .loyalty-member-points{margin-bottom:50px;}
    .loyalty-member-info .badge{max-width:100px;}
    .loyalty-member-info .data{width:60%;}

    .loyalty-member-points .member-data:first-child{width:100%; text-align:center; padding:0 0 20px 0;}
    .loyalty-member-points .member-data{width:100%;}

    .unenroll-option{padding:20px;}
    .unenroll-option .msg{float:none; width:100%;}
    .unenroll-option a{position:static; margin:20px 0 0; width:100%;}

    .rewards-certificates-activity-wrapper .scroll-wrapper{max-height:248px;}
    .hidden-mobile{display:none;}
    .visible-mobile{display:block;}
    .alignright-mobile{text-align:right;}
    .rewards-certificates a.certnum{pointer-events:none; cursor:default; text-decoration:none !important;}
}


/***************************
Account Addresses
***************************/
.account-section-headline{clear:both;}
.account-section-headline h3{font-size: 24px;}
.account-section-headline p{ font-size: 18px; color:#686564; margin:0;}
.account-section-headline p span{display:block; font-family:'proxima-nova',helvetica,sans-serif;font-size:12px;}

ul.address-list{padding:0;}
ul.address-list li{background: #f7f9f6; border:solid 1px #bca578; margin:10px 0; padding:15px 20px;}
ul.address-list li.edit-address-inputs{background:#FFF; padding:0; border:none;}
ul.address-list li li{background:none; border:none;}
ul.address-list li:last-child{margin-bottom:30px;}
ul.address-list li li:last-child{margin-bottom:0;}

.pt_account .breadcrumb{display:none;}
.pt_account #addresses, .pt_account .payment-methods-list{padding:20px 0; box-sizing: border-box; clear:both;}

#addresses .addressformcnt .form-row-button .button-wrap:first-child {margin-right: 10px;}

.miniaddresscontainer .miniaddress{font-family:'proxima-nova',helvetica,sans-serif;font-size:14px;color:#686564; width:70%; float:left;overflow:hidden;}
.miniaddresscontainer .miniaddressactions{float:right; margin:0; padding:0; max-width:26%;}
.miniaddresscontainer .miniaddressactions .actions{text-transform:uppercase;float:right;color:#686564; text-align:right;}
.miniaddresscontainer .miniaddressactions .actions a{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; color:#686564; text-decoration:underline !important;}
.miniaddresscontainer .miniaddressactions a{padding:3px;}
.miniaddresscontainer .miniaddressactions span{color:#8e754c;}
span#default-address {display:block; font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; color:#686564;}
span#default-address-mobile {display:none;}

.miniaddressheading .miniaddressheadingcnt{width:40%; float:left;}
.miniaddresscontainer .miniaddress .locationContainer{float:left; width:60%;}
.mini-address-location address{ font-style:normal;}
.miniaddressactions .actions a.address-make-default, .miniaddressactions .actions a.address-delete {border-right:1px solid #e3e3e3; padding:0px 3px 0px 0px; margin-right:3px;}
.pt_account .item-user-actions button.button-normal-txt{font-family:'proxima-nova',helvetica,sans-serif;font-size:14px;color:#998c70; border:none; border-bottom:1px solid #998c70; margin:0 0 30px;}
.pt_account button:focus{outline:none;}

@media screen and (max-width:991px){
    .miniaddresscontainer .miniaddressactions a{padding:5px 0;}
    .miniaddressactions .actions a.address-make-default, .miniaddressactions .actions a.address-delete {border:none; margin:5px 0; padding:0;}
    .miniaddresscontainer .miniaddressactions a:first-child{margin:0 0 0; padding:0 0 5px;}
    .form-persistant-actions .button-normal-gold{min-width:160px;}
}

@media (max-width: 483px) {
    ul.address-list li{padding:15px 5px;}
}

/*Add/Edit address form*/
.pt_account .addressformcnt{width:296px;}
.pt_account .addressformcnt h1, .pt_account .addressformcnt h2{font-family:'freight-display-pro','Times New Roman',times,serif; font-size: 24px; letter-spacing: 0.8px; text-transform:none; color: #001f37; margin:0 0 20px;}
.pt_account li .addressformcnt .myaddressheadercnt{margin:0;}
.pt_account .addressformcnt .myaddressheadercnt{margin:20px 0 0;}
.pt_account #edit-address-form .form-row label{font-family:'proxima-nova',helvetica,sans-serif; font-size: 12px; letter-spacing: 0.4px; color: #686564; padding:0 0 6px;}
.pt_account #edit-address-form input[type=text],
.pt_account #edit-address-form input[type=tel]{width:94% !important; padding:0 3%; font-family:'proxima-nova',helvetica,sans-serif; font-size:16px; color:#686564; height:40px; line-height:40px; border:solid 1px #e4e4e4;}

.pt_account #edit-address-form .chzn-container {min-width:100%;}
.pt_account #edit-address-form .chzn-drop{min-width:99.4%;  font-family:'proxima-nova',helvetica,sans-serif;}
.pt_account #edit-address-form .chzn-container-single .chzn-single span{font-size:12px;}
.pt_account #edit-address-form .chzn-container-single .chzn-single{font-family:'proxima-nova',helvetica,sans-serif; font-size:16px; color:#686564; border:solid 1px #e4e4e4; height:40px; line-height:40px;}
.pt_account #edit-address-form .chzn-container-single .chzn-drop{border-color:#e4e4e4; width:100%;}
.pt_account #edit-address-form .chzn-container-single.error .chzn-single{border:solid 1px #d0011b;}

.pt_account div.form-row div.chzn-container div.chzn-drop ul.chzn-results li.active-result{font-family:'proxima-nova',helvetica,sans-serif; color:#686564 !important;}
.pt_account #edit-address-form  .checkbox-row label{text-transform:capitalize; font-size:14px; padding-left:20px; letter-spacing:0 !important;}
.pt_account #edit-address-form  .checkbox-row,
.pt_account #edit-address-form .addressmakedefault span.checkbox{margin-left:0;}
#root #container #main #edit-address-form span.error{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; letter-spacing:0.4px; font-weight:400 !important;}

/*Persistent form actions*/
.form-persistant-actions{position:fixed; bottom:0; left:0; margin:0; z-index:200; width:100%; height:87px; background: #001f37; text-align:right;}
.form-persistant-actions .inner{max-width:1170px; padding:20px; margin:0 auto;}
.form-persistant-actions .button-wrap{float:right; padding:0; border:none;}
.form-persistant-actions button{font-family:'proxima-nova',helvetica,sans-serif; text-transform:uppercase; border:none; padding:0; height:36px; line-height:36px; margin-left:15px;}
.form-persistant-actions button:focus{outline:none;}
.form-persistant-actions .button-normal-txt{background:none; font-size:14px; font-weight:500; letter-spacing:1px; color:#edece6; text-decoration:underline !important; width:auto; cursor:pointer;}
.form-persistant-actions a.button-normal-txt{font-family:'proxima-nova',helvetica,sans-serif; text-transform:uppercase; height:36px; line-height:36px; font-size:14px; font-weight:500; letter-spacing:1px; color:#edece6; text-decoration:underline; width:auto;}
.form-persistant-actions .button-normal-gold{background:#bca578; font-size:13px; font-weight:600; letter-spacing:1px; color: #faffff; min-width:236px;}
@media screen and (max-width:991px){
    .form-persistant-actions .button-normal-gold{min-width:160px;}
}

/***************************
Account Payment Methods
***************************/
.pt_account .my-account-hidden{display: none;}
.pt_account .payment-list{padding:0;}
.pt_account .payment-list .minicard{width:68%;}
.pt_account .payment-list .minicardactions {width:30%; float:right;}
.pt_account .payment-list .minicardactions .actions{padding:0;}
.pt_account .minicardactions .actions button, .pt_account .minicardactions .actions a{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; color:#686564; text-decoration:underline !important; letter-spacing:normal; padding:0;}
.pt_account .minicardactions .actions a{padding:3px;}
.pt_account .payment-list .minicardcontainer{padding:15px 20px;}
.pt_account .payment-list .mini-credit-card-location{font-family:'proxima-nova',helvetica,sans-serif;font-size:14px;color:#686564; padding:0;}
.pt_account #add-new-payment.paymentpage{margin:0; width:296px;}

.pt_account .paymentpage .form-row{width:100%;}
.pt_account .paymentpage input{width:94%; padding:0 3%;}

.pt_account #add-new-payment #CreditCardForm .form-row.label-removed{margin-top:20px;}
.pt_account #CreditCardForm .expirationCCFields div.month{width:60%; margin:0 5% 0 0;}
.pt_account #CreditCardForm .expirationCCFields div.year .chzn-drop{min-width:96.4%;}
.pt_account #CreditCardForm .expirationCCFields div.month .chzn-drop{min-width:98.4%;}
.pt_account #CreditCardForm .expirationCCFields.clearfix div.year{width:35%;}

.pt_account #CreditCardForm .form-row label, .pt_account #add-new-payment.paymentpage label{font-family:'proxima-nova',helvetica,sans-serif; font-size: 12px; letter-spacing: 0.4px; color:#686564; padding:0 0 6px;}
.pt_account #CreditCardForm .form-row .checkbox-row .form-caption{font-family:'proxima-nova',helvetica,sans-serif; text-transform:capitalize; font-size:14px; color:#686564 !important; letter-spacing:0; margin:-6px 0 0;}
.pt_account #CreditCardForm input[type=text]{font-family:'proxima-nova',helvetica,sans-serif; font-size:16px;color:#686564; height:40px; line-height:40px; border:solid 1px #e4e4e4;}
.pt_account #CreditCardForm .chzn-container-single .chzn-single{font-family:'proxima-nova',helvetica,sans-serif; color:#686564; border:solid 1px #e4e4e4; height:40px; line-height:40px;}
.pt_account #CreditCardForm .chzn-container-single.error .chzn-single{border:solid 1px #d0011b;}
.pt_account #CreditCardForm .chzn-container-single .chzn-drop{border-color:#e4e4e4;}

.pt_account #CreditCardForm .chzn-container {min-width:100%;}
.pt_account #CreditCardForm .chzn-drop{min-width:99.4%;  font-family:'proxima-nova',helvetica,sans-serif;}
.pt_account #CreditCardForm .chzn-container-single .chzn-single span{font-size:12px; color:#77767A;}
.pt_account #CreditCardForm .chzn-container-single .chzn-single{font-family:'proxima-nova',helvetica,sans-serif; font-size:16px; color:#686564; border:solid 1px #e4e4e4; height:40px; line-height:40px;}
.pt_account #CreditCardForm .chzn-container-single .chzn-drop{border-color:#e4e4e4; width:100%;}

#root #container .pt_account #CreditCardForm span.error,
.pt_account #CreditCardForm .CCMonthYearErrors{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; letter-spacing:0.4px; font-weight:400 !important;}
.pt_account #CreditCardForm .CCMonthYearErrors{position:relative; top:-24px;}

.pt_account #paypal-section a.button-normal-txt,
.pt_account #paypal-section .button-normal-gold{font-family:'proxima-nova',helvetica,sans-serif; font-weight:600; text-transform:uppercase; height:36px; line-height:36px; letter-spacing:1px;}
.pt_account #paypal-section a.button-normal-txt{font-size:14px; color:#77767A; text-decoration:underline !important; width:auto; cursor:pointer; margin:0 20px 0 0;}
.pt_account #paypal-section .button-normal-gold{background:#bca578; font-size:13px; color:#faffff; min-width:190px; display:inline-block;}

@media screen and (max-width:991px){
    .pt_account .paymentpage .form-row{width:100%; position:relative;}
    .pt_account #CreditCardForm select{width:100%  !important; height:40px !important;}
    .pt_account #CreditCardForm .expirationCCFields div.month, .pt_account #CreditCardForm .expirationCCFields div.year{position:relative;}
}

/***************************
Account Settings
***************************/
.pt_account #account-edit, .pt_account #MailSubscriptionForm, .pt_account #RequestCatalogForm{padding:20px 0 0;}
.pt_account #account-edit .account-section-headline{padding:0 0 20px;}
.pt_account #account-edit .form-field-separator{display:none;}
.pt_account #account-edit label,
.pt_account #account-edit .form-row.readonly .field-value{font-family:'proxima-nova',helvetica,sans-serif; font-size: 12px; letter-spacing: 0.4px; color: #686564; padding:0 0 6px;}
.pt_account #account-edit .form-row.readonly .field-value{padding:0; font-size: 16px;}

.pt_account #account-edit input[type=text],
.pt_account #account-edit input[type=tel],
.pt_account #account-edit input[type=password],
.pt_account #account-edit input[type=email]{font-family:'proxima-nova',helvetica,sans-serif; color:#686564; height:40px; line-height:40px; border:solid 1px #e4e4e4; font-size:16px;}
.pt_account #account-edit .chzn-container-single .chzn-single{font-family:'proxima-nova',helvetica,sans-serif; color:#686564; border:solid 1px #e4e4e4; height:40px; line-height:40px;}
.pt_account #account-edit .chzn-container-single .chzn-drop{border-color:#e4e4e4;}
#root #container #main #account-edit span.error, .passwordhint-error{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; letter-spacing:0.4px; font-weight:400 !important;}

.pt_account #account-edit-left .formelem-country .chzn-container {max-width:360px; min-width:316px;}
.pt_account #CreditCardForm .chzn-container-single.error .chzn-single{border:solid 1px #d0011b;}
.pt_account #account-edit-left .formelem-country .chzn-drop {max-width:358px; min-width:314px;}

#mailsettings-editable .mail-subscribtion .checkbox-row{margin-left:0;}
.pt_account #account-edit .button-wrap{border:none; padding:0; float:left;}
.pt_account #account-edit button{font-family:'proxima-nova',helvetica,sans-serif; text-transform:uppercase; border:none; padding:0; height:36px; line-height:36px; margin-right:25px;}
.pt_account #account-edit button:focus{outline:none;}
.pt_account #account-edit .button-normal-gold{background:#bca578; font-size:13px; font-weight:600; letter-spacing:1px; color: #faffff; min-width:232px;}
.pt_account #account-edit .button-normal-txt{background:none; font-size:14px; font-weight:600; letter-spacing:1px; color: #77767A; text-decoration:underline !important; width:auto; cursor:pointer;}

.pt_account .emailError{font-size:18px;}

@media screen and (max-width:991px){
    .pt_account #account-edit button{margin-right:10px;}
}

/***************************
Account Rewards Modals
***************************/
.ui-widget.ui-widget-content.reward-modal, .ui-widget.ui-widget-content.reward-modal-light{background:#001f37; border:solid 0.5px #bca578; padding:15px;}
.ui-dialog.reward-modal .ui-dialog-content, .ui-dialog.reward-modal-light .ui-dialog-content{overflow:hidden;}
.ui-dialog.reward-modal .ui-dialog-titlebar, .ui-dialog.reward-modal-light .ui-dialog-titlebar{border:none; background:#001f37;}
.ui-dialog.reward-modal .ui-dialog-titlebar-close,.ui-dialog.reward-modal-light .ui-dialog-titlebar-close{width:26px; height:26px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: url("../images/interface/promo-x-white@2x.png") center no-repeat; background-color: #bca578; background-size:12px;}
.ui-dialog.reward-modal .ui-dialog-content span.error, .ui-dialog.reward-modal-light .ui-dialog-content span.error{font-family:'proxima-nova',helvetica,sans-serif;}
.ui-widget.ui-widget-content.reward-modal .form-field-separator,
.ui-widget.ui-widget-content.reward-modal-light .form-field-separator{width:30px; border-bottom:1px solid #bca578; left:-10px;}
.ui-widget.ui-widget-content.reward-modal .form-row.readonly .field-value{color:#bca578;}

.ui-widget.ui-widget-content.reward-modal-light .form-field-separator{border-bottom:1px solid #bca578;}
.ui-widget.ui-widget-content.reward-modal-light .form-row.readonly .field-value{color:#bca578;}

.enrollment-box{width:286px; margin:0 auto 25px;}
.enrollment-box #link-account{font-family:'proxima-nova',helvetica,sans-serif; font-size: 16px; letter-spacing:1.5px; color:#bca578; text-transform:uppercase; text-decoration:underline; margin:0 0 15px; display:inline-block; border-bottom:1px solid #917851; cursor:pointer;}

.ui-dialog.reward-modal h2,.ui-dialog.reward-modal-light h2{font-family:'freight-display-pro','Times New Roman',times,serif; color:#fff; font-weight:700; font-style:normal; font-size:36px; line-height:32px; letter-spacing:0.5px;  margin:0;}
.ui-dialog.reward-modal h2 span,.ui-dialog.reward-modal-light h2 span {font-style:italic; font-weight:400;}
.ui-dialog.reward-modal p, .ui-dialog.reward-modal-light p{font-size:18px; font-weight:300; margin:15px 0; color:#fff;}

.ui-dialog.reward-modal-light.thankyou p{color:#fff;}

.enrollment-box label{font-family:'proxima-nova',helvetica,sans-serif; font-size: 12px; letter-spacing: 0.4px; color:#f7f9f6; padding:0 0 6px;}
.enrollment-box .form-row .input-text,
.enrollment-box input[type=text],
.enrollment-box input[type=tel],
.enrollment-box input[type=password],
.enrollment-box input[type=email]{font-family:'proxima-nova',helvetica,sans-serif; font-size:12px; height:40px; line-height:40px; border:solid 1px #e4e4e4; width:93%; padding:0 3%; color:#77767A;}
.enrollment-box input[type=email]{font-style:italic;}
.enrollment-box input[type=tel]{width:93%;}
.enrollment-box .chzn-container-single .chzn-single{font-family:'proxima-nova',helvetica,sans-serif; color:#686564; border:solid 1px #e4e4e4; height:40px; line-height:40px;}
.enrollment-box .chzn-container-single .chzn-drop{border-color:#e4e4e4;}

.enrollment-box .enrollment-header p.enrollment-header-sub{margin:5px 0 20px;}

.enrollment-box .ui-dialog .chzn-container-single.error .chzn-single, .enrollment-box .chzn-container-single.error .chzn-single, .enrollment-box .chzn-container.error .chzn-drop{border:1px solid #d31100;}
.enrollment-box .chzn-container.error .chzn-drop{border-top:none;}

.enrollment-box .formelem-country .chzn-container{width:100% !important;}
.enrollment-box .formelem-country .chzn-container .chzn-drop{width:99.4% !important;}

.enrollment-box .form-row .form-row{margin:0;}
.enrollment-box .statezip{width:100%;display:inline-flex;}
.enrollment-box .state{width:60%;}
.enrollment-box .zip{width:40%;}
.enrollment-box .state .chzn-container .chzn-drop{width:99.4% !important;}

.enrollment-box .terms-conditions{position:relative;text-align:center;}
.enrollment-box .terms-conditions label{text-transform:none; font-size:14px;}
.enrollment-box .terms-conditions a{color:#bca578; cursor:pointer;}

.enrollment-box button{font-family:'proxima-nova',helvetica,sans-serif; text-transform:uppercase; border:none; padding:0; height:36px; line-height:36px; margin-left:5px;}
.enrollment-box button:focus{outline:none;}
.enrollment-box .button-normal-txt{background:none; font-size:12px; font-weight:500; letter-spacing:1px; color:#77767A; text-decoration:underline !important; width:auto; cursor:pointer;}
.enrollment-box a.button-normal-txt{font-family:'proxima-nova',helvetica,sans-serif; text-transform:uppercase; height:36px; line-height:36px; font-size:12px; font-weight:500; letter-spacing:1px; color:#77767A; text-decoration:underline; width:auto;}
.enrollment-box .button-normal-gold{background:#bca578; font-size:13px; font-weight:600; letter-spacing:1px; color:#001f37; width:100%;}

.enrollment-box .form-actions{padding:15px 0; overflow:hidden;}
.enrollment-box .form-actions.centered{text-align:center;}
.enrollment-box .form-actions.centered button{margin:0;}
.enrollment-box .form-actions.floated button{float:left;}
.enrollment-box .form-actions.floated button:last-child{margin-right:0;}

.enrollment-box .enrollment-content .country{display:none;}

.ui-widget.ui-widget-content.reward-modal-light #RewardsSignupForm .form-actions .requestInProgress,
.ui-widget.ui-widget-content.reward-modal #RewardsSignupForm .form-actions .requestInProgress{width:32px;height:32px;margin:0 auto;position:relative;background:url(../images/loading-small.gif) no-repeat 0 0;}
.ui-widget.ui-widget-content.reward-modal #RewardsSignupForm .form-actions .requestInProgress{margin-left:55%;}

.ui-widget.ui-widget-content.reward-modal.thankyou,
.ui-widget.ui-widget-content.reward-modal-light.thankyou,
.ui-widget.ui-widget-content.reward-modal.thankyou .ui-widget-header,
.ui-widget.ui-widget-content.reward-modal-light.thankyou .ui-widget-header{background:#001f37;}

.enrollment-thankyou-modal{font-family:'freight-display-pro','Times New Roman',times,serif; text-align:center; display:none;}
.enrollment-thankyou-modal img{margin:0 0 20px;}
.enrollment-thankyou-modal img#brooks-rewards-logo{margin:20px 0 0 0;}
.ui-dialog.reward-modal.thankyou .enrollment-thankyou-modal p.bottom-message a#rewards-link{color:#bca578;}
.ui-dialog.reward-modal.thankyou .enrollment-thankyou-modal h2{font-size:20px; letter-spacing:3.5px; color:#fff; text-transform:uppercase; font-weight:400;}
.ui-dialog.reward-modal.thankyou p{font-size:24px; font-weight:normal; margin:15px 0; color:#fff;}
.ui-dialog.reward-modal-light .dialog-cancel-button{display:none;}
.ui-dialog.reward-modal .enrollment-box .button-normal-gold{width:70%;}
.ui-dialog.reward-modal .enrollment-badge{width:70%;}

.enrollment-box .tooltip{display:inline-block;}
.enrollment-box .tooltip-icon{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; display:inline-block; width:10px; height:10px; line-height:10px; color:#001f37; text-align:center; font-size:10px;}
.enrollment-box .tooltip:hover .tooltip-msg{display:block;}
.enrollment-box .tooltip-msg{display:none; width:140px; font-family:'proxima-nova',helvetica,sans-serif; font-size: 12px; line-height: 1.25; text-align: left; color:#001f37; background:#fff; padding:10px; position:absolute; left:22px; top:2px;}
.enrollment-box .tooltip-arrow-left{ width: 0; height: 0; border-top:5px solid transparent; border-right:10px solid #fff; border-bottom:5px solid transparent; position:absolute; left:-9px; top:5px;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .ui-widget.ui-widget-content.reward-modal, .ui-widget.ui-widget-content.reward-modal-light{width:450px !important; max-width:100%;}
}

/***************************
Account Print Reward Certificate
***************************/
.certificate-wrapper{max-width:750px; font-family:'freight-display-pro','Times New Roman',times,serif; -webkit-print-color-adjust: exact; overflow:hidden; background-size:760px; background-position:center;}
.certificate-wrapper.ten{background-image:url(../images/loyalty/cert-pattern-10.svg);}
.certificate-wrapper.twenty{background-image:url(../images/loyalty/cert-pattern-20.svg);}
.certificate-wrapper.thirty{background-image:url(../images/loyalty/cert-pattern-30.svg);}
.certificate-wrapper.forty{background-image:url(../images/loyalty/cert-pattern-40.svg);}
.certificate-wrapper.fifty{background-image:url(../images/loyalty/cert-pattern-50.svg);}
.certificate-badge{background:#001f37; width:180px; height:220px; padding:24px 0 0 24px; float:left;}
.certificate-badge h1{margin-top:0;}
.certificate-badge .badge-txt{color:#c1aa7b; font-size:18px; margin:30px 0 0; display:block;}
.certificate-badge .badge-txt .divider{height:1px; width:50px; margin:0 0 15px; display:block; background:#fff;}

.certificate-wrapper .reward-amount{float:right; margin:10px; width:104px; height:104px; line-height:104px; font-size:48px; color:#FFF; text-align:center; background:url(../images/loyalty/gold-cert-dot.svg) no-repeat;}

.certificate-wrapper .reward-info-wrapper{float:right; background:#FFF; width:446px; padding:10px 20px 10px 10px; clear:right;}
.reward-info-wrapper .reward-info-left{float:left; width:70%;}
.reward-info-wrapper .reward-info-left .section-value{font-family:'proxima-nova',helvetica,sans-serif; color:#001f37; font-size:12px; font-weight:600;}
.reward-info-wrapper .reward-info-left .section-label{margin:5px 0 0; text-transform:uppercase; color:#bca578; font-size:12px; font-weight:600;}
.reward-info-wrapper .reward-info-left .profile-name{text-transform:uppercase; margin:0 0 5px; font-size:12px; font-weight:600;display:inline-block;}
.reward-info-wrapper .reward-info-left .profile-name::first-letter{font-size:16px;}
.reward-info-wrapper .reward-info-right{float:right;}
.reward-info-wrapper .reward-info-left span{display:block;}
.rewards-disclaimer{max-width:750px; padding:10px 0 0; font-family:'proxima-nova',helvetica,sans-serif; font-size:11px; color:#777574; text-align:justify;}

.activation-failed{font-size:18px;color:#E81127;width:100%;text-align:center;}
.rewards-activation-failed{font-size:15px;color:#E81127;clear:both;padding-top:10px;}
.activation-success-modal p.top-message,
.activation-success-modal p.bottom-message{font-size:24px;color:#fff}
.activation-success-modal p.top-message{text-transform:uppercase;letter-spacing:3.5px;}
.activation-success-modal span#login{cursor:pointer;}
.gold{color:#bca578;}

#code #canvas{display:inline;float:left;}

/*Credit Cards landing page*/
.pt_account .page-content.twocolumn-content .primary-content.fullwidth{width:100%; padding:0 0 40px;}
.pt_account .page-content.twocolumn-content.fullwidth{max-width:100%; margin-top:0;}

.pt_account .page-content.twocolumn-content.fullwidth .centered-wrapper{width:62%; margin:0 auto;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .pt_account .page-content.twocolumn-content .primary-content.fullwidth{max-width:100%;}
    .pt_account .page-content.twocolumn-content.fullwidth .centered-wrapper{width:100%;}
}
@media screen and (max-width:991px){
    .pt_account #main.fullwidth{padding:0;}
    .pt_account .page-content.twocolumn-content.fullwidth .centered-wrapper{width:100%;}
}