.paralax .parallax-effect-container{height: 300px;}
.paralax .parallax-effect-container.afy h3{font-size:initial;padding-left: 5px;}
.paralax .parallax-effect-container.afy img{max-height:100px;}
.paralax .parallax-effect-container.afyacc img.afyimg{max-height:150px;}
.paralax .parallax-effect-container.afyacc{font-size:inherit;}
.paralax .parallax-effect-container.afyacc .avatarcontainer{position:relative;}
.paralax .parallax-effect-container.afyacc .avatarcontainer img{border-radius:50%;max-height: 130px;}
.paralax .parallax-effect-container.afyacc .avatarcontainer .edit{position:absolute;top:0;right:0;}
.paralax .parallax-effect-container.afyacc .avatarcontainer .edit .fa{border-radius:50%;background-color:#fff;color:#000;}
.modal-body-avatars img.selected{border: 1px solid #dedede;}
.modal-body-avatars img:hover{cursor:pointer;}
.modal-body-avatars img{border-radius:50%;max-width:100%;height:auto;margin: auto;display: block;}
.accbtns div:nth-child(2)::before{content:""!important;position: absolute;top: 0;background-color: #ccc;left:0;display: block;width:2px;height:70%;}
.accbtns h2,.accbtns h1 {position: relative;font-size: 20px;color: #ccc;text-transform: uppercase;padding-bottom: 10px;padding-top: 15px;}
.accbtns h2.active, .accbtns a:hover h2,.accbtns h1.active, .accbtns a:hover h1, .accbtns a:hover{color:#8ec649;}
.accbtns h2.accbtns h1{position:relative;font-size:20px;color:#ccc;text-transform:uppercase;padding-bottom:10px;padding-top:15px;}
.accbtns h2 a,.accbtns h1 a{color:#ccc;}
.accbtns h2.active::after, .accbtns h2:hover::after,.accbtns h1.active::after, .accbtns h1:hover::after{border-top: 0.15em solid #8ec649;border-color: #8ec649;}
.accbtns h2::after,.accbtns h1::after{border: none;border-radius: 1em;border-top: 0.15em solid #ccc;content:""!important;position: relative;bottom: -15px;transition: all 0.4s ease-out; border-color: #ccc;left: 50%;transform: translateX(-50%);display: block;width: 90%;height: 2px;}
#content.account{min-height:300px;}
.account a:not(.btn){color:#667}
.account label{width:100%;text-transform:uppercase;text-align: left;}
.account input {border: 1px #ccc solid;outline: none; background: transparent;}
.account input:-webkit-autofill { -webkit-background-clip: text;}
.account .ayfimg{max-width: 250px;margin: auto;display: block;}
.account .progressholder .progress-bar{background-color:#8ec649!important}
.account .progressholder .progresstextup{font-size:130%;font-weight:700;padding-bottom:5px;}
.account .progressholder .right{flex-grow: 1;}
.account .progressholder .progresstextdown .left{min-width:110px;}
.account .progressholder .progresstextdown{font-size:90%;padding-top:5px;}
.account .trackingimg{width:18px;}
.account .btn:hover .trackingimg{fill: white;}
#account-account #column-left.account-left ul{list-style:none;}
#account-account #column-left.account-left ul li{margin-bottom:15px;line-height: 30px;}
#account-account #column-left.account-left ul li,#account-account #column-left.account-left ul li a{text-transform:uppercase;color:#011f29}
#account-account #column-left.account-left ul li.active, #account-account #column-left.account-left ul li.active a, #account-account #column-left.account-left ul li:hover a{color:#8ec649!important}
#account-account #column-left.account-left ul li .menuicon{max-width:30px;height:auto;}
#account-account.needhelp .img-svg{max-width:30px;}
#account-account div.navtabs .nav-tabs, #account-account div.navtabs .nav-tabs .nav-item{border:none!important;}
#account-account div.navtabs .nav-tabs .nav-item{text-transform:uppercase;font-weight: 700;}
#account-account div.navtabs .nav-tabs .nav-item.active{color:#8ec649;}
#account-account.addresses .addressdefault{border:2px solid #333;}
#account-account.addresses .address td{line-height: 25px;}
.footer-allforyou{display:none;}
.white-popup-terms {position: relative;background: #FFF;padding: 20px;width: auto;max-width: 800px;margin: 20px auto;}
login_form > div.alert.alert-danger{padding:5px;}
.submitbtn{border: 1px solid #000!important;background-color:#000!important;color:white;line-height: 1em;font-size: 21px;text-transform:uppercase;padding-bottom: 1rem;padding-top: 1rem;padding-left: 1.5rem;padding-right: 1.5rem;}
.submitbtn:hover, .submitbtn:active, .submitbtn:focus{border: 1px solid #000!important;color:#000!important;background-color:transparent!important;}
.accountbtn{border: 1px solid #bd2130;line-height: 1em;font-size: 21px;text-transform:uppercase;padding-bottom: 1rem;padding-top: 1rem;padding-left: 1.5rem;padding-right: 1.5rem;}
.btn-danger{border: 1px solid #bd2130;}
.btn-danger:hover{border: 1px solid #bd2130;color: #dc3545!important;background-color:transparent!important;}
.btn-secondary{border: 1px solid #6c757d;}
.btn-secondary:hover{border: 1px solid #6c757d;color: #6c757d!important;background-color:transparent!important;}
.tooltip_templates{ display: none;}
.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-box {border-radius: 6px;box-shadow: 5px 5px 2px 0 rgba(0,0,0,0.4);}
.tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content {padding: 8px;background-color:#fff;font-size:14px;}
#register-form .form-group label{font-size:13px;}
.column a {color: #000;text-decoration: none;}
.caption{color:white}
.btn{border-radius:0px;}
.accgreen{color:#8ec649;}
/** desktop **/
@media (min-width: 769px) {
.pie .innerdata.coupon1 .text{left: 15px;}
#m-head{display:none;}
.col-md-6.personal-details{border-right:1px solid #ccc;}
.banner-description{font-size:18px;}
#account-account #column-left.account-left ul:after{position: absolute;right:-15px;width: 1px;height: 95%;content: ""; border: 1px solid #ddd;display: block;top: 10px;}
}
/** mobile **/
@media (max-width: 768px) {
.progressbar li a .txt{font-size:.6rem;}
.pie {--w:200px!important;--b: 40px!important;}
.pie .info{font-size:.7rem!important;width: 50%!important;}
.pie .innerdata .text .points{font-size:1rem!important;}
.pie .innerdata.start .text{top: 19px!important;}
.pie .innerdata.coupon1:after, .pie .innerdata.coupon2:after, .pie .innerdata.coupon3:after, .pie .innerdata.start:after{display:none;}
.pie .flagicon{width: 35px!important;}
.paralax .parallax-effect-container.afyacc img.afyimg{max-width:50%;height:auto;max-height:none;}
.paralax .parallax-effect-container.afyacc{font-size:.6rem;}
.paralax .parallax-effect-container.afyacc h6{word-wrap: break-word;font-size:.7rem;}
#account-account #column-left.account-left ul li .menuicon{max-width:25px;}
h1{font-size:24px;}
div.orders .order{font-size:.8rem;}
div.orders .orderpoints{font-size:.8rem!important;}
div.orders .orderpoints .points, div.orders .ordertotal{font-size:.9rem!important;}
.banner-description{font-size:14px;}
#content > div.row.text-center > div.col-md-12.new-year-info > h2{font-size:25px;}
#content > div.row.text-center > div.col-md-12.new-year-info > h3{font-size:18px;}
.col-md-6.personal-details{border-right:none;}
#submit_login.btn, .submitbtn{display:block;margin:auto;}
.paralax .parallax-effect-container{height: 400px;}
.paralax .parallax-effect-container.afyacc{height: 100px;min-height:100px;margin-bottom:40px;overflow: visible;}
.paralax .parallax-effect-container.afyacc .midle{margin-top:50px;}
.paralax .parallax-effect-container.afyacc .avatarcontainer .edit{top: 15px; right: 25%;}
.paralax .parallax-effect-container.afyacc .avatarcontainer .edit .fa{width: 15px;height: 15px;font-size: 10px;padding: 1px!important;}
.card-header .tabtitle{max-width:90%;display: inline-block;font-size: 1rem;}
#account-account #column-left.account-left ul li{padding-bottom: 15px;padding-top: 20px;}
#account-account #column-left.account-left ul li .fa{font-size: 1.5em;}
#account-account #column-left.account-left ul li:not(:last-child):after{position: absolute;left:0px;width: 100%;height: 1px;content: "";border: 1px solid #ddd;display: block;bottom: -10px;}
ul.pagination{justify-content:center;}
}
/** mobile xs**/
@media (max-width: 300px) {
.pie {--w:170px!important;}
.pie .info{font-size:.5rem!important;width: 40%!important;}
.pie {--b: 30px!important;}
.pie .innerdata.start{display:none!important;};
.paralax .parallax-effect-container.afyacc{font-size:80%;}
.paralax .parallax-effect-container.afyacc h6{font-size:90%;}
}
#login_form label{font-size:16px;}
#login_form label:hover{cursor:default}
input[type='text'], input[type='password'], textarea{width:100%;font-size:16px;}
form {display: block;}
.field-icon {float: right;margin-left: -20px;margin-top: -25px;position: relative;z-index: 2;}
.fa-fw {width: 2.285714em;text-align: center;}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {color: #fff;background-color: #8ec649;border-color: #8ec649;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
color: #fff;background-color: #8ec649;border-color: #8ec649;}
.loyalty-forget{color:#000}
.loyalty-forget:hover{color:#23527c}
#myTab > li.col-md-4.active > a,#myTab > li:nth-child(1) > a ,#myTab > li.col-md-4.active > a,#myTab > li:nth-child(2) > a ,#myTab > li.col-md-4.active > a,#myTab > li:nth-child(3) > a {color: #222;text-decoration: none;}
#myTab > li.col-md-4.active > a,#myTab > li:nth-child(1) > a:hover ,#myTab > li.col-md-4.active > a,#myTab > li:nth-child(2) > a:hover ,#myTab > li.col-md-4.active > a,#myTab > li:nth-child(3) > a:hover {cursor:default;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #fff;background-color: #3c763d !important;}
.form-control-feedback.fa.fa-remove,.form-control-feedback.fa.fa-check{padding-right:45px;top:33px;}
.error.help-block {display: block;margin-top: 5px;margin-bottom: 10px;color: #ec1b24;font-size:16px;}
.error {display: block;color: #FF0000;display: block;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color: grey !important;border-color:  grey !important;}
#content > div.container > div > p > a.privacy-link{font-size:16px !important;}
.alert-danger-register{padding:2px;margin: 0px;background: none;border: none;font-size:12px;color: red;}
.progressbar {margin: 0;padding: 0;counter-reset: step;}
.progressbar li {list-style-type: none;float: left;font-size: 14px;position: relative;text-transform: uppercase;color: #7d7d7d;}
.progressbar li:after{position: absolute;z-index:2;left:0;width: 10px;height: 10px;background-color:#7d7d7d;content: "";counter-increment: step;line-height: 40px;border: 2px solid #7d7d7d;display: block;text-align: center;margin: 0 auto 10px auto;border-radius: 50%;font-weight:bold;color:black;top: -18px;}
.progressbar li:nth-child(2):after{left:50%;}
.progressbar li:last-child:after{left:auto;right:0;}
.progressbar li:nth-child(2):before{left:-100%;}
.progressbar li:before {width: 150%;  height: 2px;content: '';position: absolute;background-color: #7d7d7d;top: -15px;left:-50%;z-index: -1;}
.progressbar li a{position:absolute;top:5px;left: 0;}
.progressbar li:nth-child(2) a{left: 51%;transform: translateX(-50%);text-align:center;}
.progressbar li:last-child a{left: auto;right:0;text-align:right;}
.progressbar li a .num{display: block;margin-top: -50px;font-weight:bold;}
.progressbar li a .txt{display: block;margin-top:30px;font-weight:bold;}
.progressbar li.active {color: #8ec649;}
.progressbar li.active:after {border-color: #8ec649;background-color:#8ec649;}
.progressbar li.active:before{z-index:1;background-color: #8ec649;}
.progressbar li:first-child.active:before{width:0;}
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none;background-color: #eee;color: black !important; background: none;}
#register-form > div:nth-child(4) > div > i,#register-form > div:nth-child(6) > div > i{top: 2px; right: -8px;}
.btn.btn-primary.register-btn {color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #3c763d;background-image: none;background-repeat: repeat-x;border-color: #3c763d #3c763d #3c763d;}
/* coupons page*/
div.coupons{margin-top:30px;}
div.coupons h4{text-transform:uppercase;}
div.coupons .coupon{position:relative;width: 150px;height: 150px;min-width: 150px;max-width: 150px;padding:5px;color:#444;font-weight:500;text-transform:uppercase;word-break: break-word;}
div.coupons .coupon .inner{overflow:hidden;height:124px;}
div.coupons .coupon .amount{font-size:2.4rem;height:35px;line-height: 35px;overflow:hidden;display: flex;}
div.coupons .coupon .amountnf{font-size:1.2rem;font-weight: 700;overflow:hidden;}
div.coupons .bgred{background-color:#fc6667}
div.coupons .bggreen{background-color:#8ec649}
div.coupons .bggrey{background-color:#d6d4d5}
div.coupons .bgblue{background-color:#8ccde1}
div.coupons .accred{color:#fc6667}
div.coupons .accgreen{color:#8ec649}
div.coupons .accgrey{color:#d6d4d5}
div.coupons .accblue{color:#8ccde1}
div.coupons.graph{text-transform:uppercase;position:relative;}
div.coupons.graph::after{position: absolute;left:0px;width: 100%;height: 1px;content: "";border: 1px solid #ddd;display: block;bottom: -10px;}
div.coupons.graph .colorbox{width:30px;display: inline;}
/* orders page*/
div.orders .order{border: 1px solid #8ec649;word-wrap:break-word}
div.orders .orderpoints{font-size:1rem;text-transform:uppercase;}
div.orders .orderpoints .points, div.orders .ordertotal{font-size:1.5rem;font-weight:700;}
/* reward page */
.pie {--w:400px;width: var(--w);aspect-ratio: 1;position: relative;display: inline-grid;place-content: center;margin: 5px;font-size: 25px;font-weight: bold;font-family: sans-serif;  margin-bottom:40px;}
.pie:before {content: "";position: absolute;border-radius: 50%;inset: 0;background: conic-gradient(var(--c) calc( (var(--p) * 1%) - ( (var(--p) * 1%) * .10 ) ),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));z-index: 4;transform: rotate(18deg);}
.pie:after {content: "";position: absolute;border-radius: 50%;inset: 0;background: conic-gradient(#f0f0f0 calc(90*1%),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b))); mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));z-index: 3;transform: rotate(18deg);}
.pie .innerdata {content: "";position: absolute; width: 80px;height: auto;top:0;left: 0%;transform-origin: calc( var(--w) / 2 + 10px ) calc( var(--w) / 2); /* is radius of the parent */transform: rotate(65deg); /* initial degrees*/z-index:5;}
.pie .flagicon{width: 38px;rotate: 357deg;}
.pie .innerdata.start{z-index:20;}
.pie .innerdata.start .text{right: -45%;top: 25px;}
.pie .innerdata.currentflag .text{z-index:15;background: #fff;padding:3px;}
.pie .innerdata .text{position:absolute;transform: rotate(calc(-45deg));left:0%;top:0%;font-size:.5rem;word-wrap:break-word;text-transform:uppercase;}
.pie .innerdata .text .points{font-size:1.3rem;font-weight: 700;}
.pie .innerdata .text .pointstext{display:block;margin-top: -5px;}
.pie .innerdata.coupon1{transform: rotate(145deg);}
.pie .innerdata.coupon1 .text{transform: rotate(-145deg);}
.pie .innerdata.coupon2{transform: rotate(245deg);}
.pie .innerdata.coupon2 .text{transform: rotate(calc(-245deg));padding-top: 20px;}
.pie .innerdata.coupon3{transform: rotate(25deg);}
.pie .innerdata.coupon3 .text{transform: rotate(calc(-25deg));}
.pie .innerdata.coupon1:after{content: "";position: absolute;transform: rotate(222deg);background: #959595;width: 100%;top: 90px;height: 2px;}
.pie .innerdata.coupon2:after{content: "";position: absolute;transform: rotate(216deg);background: #959595;width: 90%;top: 83px;height: 2px;}
.pie .innerdata.coupon3:after{content: "";
position: absolute;transform: rotate(227deg);background: #959595;width: 96%;top: 74px;height: 2px;}
.pie .innerdata.start:after{content: "";position: absolute;transform: rotate(222deg);background: #959595;width: 91%;top: 89px;height: 2px;}
.pie .info{text-transform:uppercase;font-size:1rem;width: 70%;margin: auto;z-index: 2;}
.pie .inner{position:absolute;width:100%;height:100%;top:0;left:0;}
/* pagination for pages*/
ul.pagination{margin-bottom:0;border-radius:unset;}
ul.pagination .page-link{border:none!important;margin: 1px 2px;}
ul.pagination .page-item.number:not(.active) .page-link{background-color: #e9ecef;}
ul.pagination .page-item:last-child .page-link{border: none!important;border-radius:unset;}
ul.pagination .page-item:first-child .page-link{border: none!important;border-radius:unset;}
ul.pagination .page-item .page-link:hover{background-color: #333!important;color:#fff;}
/*breadcrumbs*/
.breadcrumb{margin-top:40px;}