.login-form{max-width:500px;margin:auto;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0px 3px 12px rgba(0,0,0,0.12);}
.login-form .lf-tabs{display:flex;}
.login-form .lf-tabs .lf-tab{width:50%;padding:12px 16px;font-size:0.875em;font-weight:700;font-family:'Poppins', arial, sans-serif;text-align:center;text-transform:uppercase;color:rgba(255,255,255,0.5);background:#2b2d2f;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.login-form .lf-tabs .lf-tab:hover{text-decoration:none;}
.login-form .lf-tabs .lf-tab.active{color:#ee1b2e;background:#fff;}
.login-form .lf-content{margin:32px 40px;}
.login-form .lf-content .lf-form h1{font-size:1.8em;text-align:center;}
.login-form .lf-content .lf-form .field{margin:16px 0 0;}
.login-form .lf-content .lf-form .field .label{margin:0 0 4px;font-size:0.875em;font-weight:bold;}
.login-form .lf-content .lf-form .field .inp input,.login-form .lf-content .lf-form .field .inp select{width:100%;}
.login-form .lf-content .lf-form .field .chk{display:flex;}
.login-form .lf-content .lf-form .field .chk .inp-checkbox{flex-shrink:0;margin:0 5px 0 0;}
.login-form .lf-content .lf-form .field .rules-more-btn span{color:#ee1b2e;cursor:pointer;}
.login-form .lf-content .lf-form .field .rules-more-btn span::after{content:"\f078";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:0.9rem;font-weight:bold;margin:0 0 0 4px;}
.login-form .lf-content .lf-form .field .rules-more-btn span.active::after{content:"\f077";}
.login-form .lf-content .lf-form .field .rules-more{margin:4px 0 0;font-size:1.1rem;color:#999;}
.login-form .lf-content .lf-form .field.autologin{margin-top:24px;font-size:1.2rem;}
.login-form .lf-content .lf-form .field.rules{margin-top:16px;font-size:1.2rem;}
.login-form .lf-footer{margin:32px 40px;text-align:center;}
.login-form .lf-footer .forgot{margin:12px 0 0;display:inline-block;font-size:0.813em;font-weight:500;text-decoration:underline;color:#999;}
.login-form .lf-footer .forgot:hover{text-decoration:none;}
.box.box-user{border-radius:8px;box-shadow:0px 3px 12px rgba(0,0,0,0.12);overflow:hidden;}
.box.box-user .box-hdr{padding:16px 24px;margin:0;display:flex;align-items:center;font-size:1.125em;font-weight:700;color:#fff;background-color:#1a4731;border-radius:8px 8px 0 0;}
.box.box-user .box-cnt{padding:24px;background-color:#fff;}
.box.box-user .remove-avatar{margin-left:5px;vertical-align:bottom;color:#ee1b2e;font-size:0.8em;text-transform:lowercase;}
.box.box-user .remove-avatar .fa{margin-right:2px;}
.box.box-user .remove-avatar:hover{text-decoration:underline;cursor:pointer;}
.box.box-user .remove-account{text-align:right;font-size:1.2rem;padding:0 10px;}
.box.box-user .remove-account a{color:#ee1b2e;}
.user-favorites.tbl .image{width:56px;height:56px;display:flex;align-items:center;justify-content:center;}
.user-favorites.tbl .image.noimg{background:transparent;position:relative;}
.user-favorites.tbl .image.noimg:before{content:'\f03e';font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-size:2.2em;opacity:0.1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.user-favorites.tbl .name{display:block;min-width:220px;font-weight:500;color:inherit;}
.user-favorites.tbl .price-old{font-size:0.875em;font-weight:700;color:#999;text-decoration:line-through;line-height:1.2;}
.user-favorites.tbl .price{font-size:1.125em;font-weight:700;color:#d0a43a;line-height:1.4;}
.user-favorites.tbl .del::before{color:#999;transition:250ms color ease;-webkit-transition:250ms color ease;}
.user-favorites.tbl .del:hover::before{color:#ee1b2e;}
.user-loyality .title{font-size:2em;text-align:center;margin:50px 0;text-transform:uppercase;font-weight:bold;}
.user-loyality .title span{color:#ee1b2e;display:inline-block;position:relative;}
.user-loyality .title span:after{content:'';height:4px;position:absolute;left:0;bottom:-5px;right:0;background:#ee1b2e;}
.user-loyality .items{max-width:900px;display:flex;margin:auto;}
.user-loyality .items .item{width:33.3333%;padding:0 24px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.user-loyality .items .item .icon{width:120px;height:120px;line-height:120px;margin:auto;text-align:center;font-size:30px;border:4px solid #ee1b2e;border-radius:50%;}
.user-loyality .items .item .info{font-size:1.2em;text-align:center;text-transform:uppercase;margin:15px 0 0;}
@media screen and (min-width: 741px){.user-menu{border-bottom:2px solid #ccd2d3;}
.user-menu ul,.user-menu li{margin:0;padding:0;list-style:none;}
.user-menu ul{margin:0 0 -2px;display:flex;}
.user-menu ul li .a{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:0.938em;font-weight:700;color:#999;border:2px solid transparent;border-bottom:2px solid #ccd2d3;border-radius:8px 8px 0 0;transition:250ms color ease;-webkit-transition:250ms color ease;}
.user-menu ul li .a::before{content:"";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;margin:0 8px 0 0;}
.user-menu ul li .a:hover{text-decoration:none;color:#ee1b2e;}
.user-menu ul li.active .a{color:#ee1b2e;border-color:#ccd2d3;border-bottom:2px solid #f2f8f9;}
.user-menu ul li.mydata .a::before{content:"\f2bb";}
.user-menu ul li.bill-data .a::before{content:"\f570";}
.user-menu ul li.orders .a::before{content:"\f07a";}
.user-menu ul li.favorites .a::before{content:"\f004";}
.user-menu ul li.recommend .a::before{content:"\f49c";}
.user-menu ul li.logout{margin-left:auto;}
.user-menu ul li.logout .a::before{content:"\f2f5";}
}
@media screen and (max-width: 1000px){.box.box-user .box-hdr{padding:16px;}
.box.box-user .box-cnt{padding:16px;}
}
@media screen and (max-width: 740px){.user-menu ul,.user-menu li{margin:0;padding:0;list-style:none;}
.user-menu ul li{border-bottom:1px solid #ccd2d3;}
.user-menu ul li:first-child{border-top:1px solid #ccd2d3;}
.user-menu ul li .a{padding:12px 0;display:flex;align-items:center;font-weight:700;line-height:1.2;color:#999;}
.user-menu ul li .a::before{content:"";font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.125em;font-weight:400;margin:0 8px 0 0;width:30px;display:flex;align-items:center;justify-content:center;text-align:center;}
.user-menu ul li.mydata .a::before{content:"\f2bb";}
.user-menu ul li.bill-data .a::before{content:"\f570";}
.user-menu ul li.orders .a::before{content:"\f07a";}
.user-menu ul li.favorites .a::before{content:"\f004";}
.user-menu ul li.recommend .a::before{content:"\f49c";}
.user-menu ul li.logout .a::before{content:"\f2f5";}
.user-menu ul li.active .a,.user-menu ul li.current .a{color:#ee1b2e;}
}
@media screen and (max-width: 480px){.login-form .lf-content{margin:32px 24px;}
.login-form .lf-footer{margin:32px 24px;}
}