@media screen and (max-width: 740px){.user-menu ul{margin:-1px -20px -1px !important;flex-wrap:wrap;border-right:1px solid #ededed;border-bottom:1px solid #ededed;}
.user-menu ul li{width:33.3333%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-top:1px solid #ededed;border-left:1px solid #ededed;}
.user-menu > ul > li:last-child{flex-grow:1;}
}
@media screen and (max-width: 540px){.user-menu ul li{width:50%;}
}
.login-form{max-width:500px;margin:auto;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:3px;overflow:hidden;background:#fff;}
.login-form .lf-tabs{display:flex;}
.login-form .lf-tabs .lf-tab{width:50%;padding:12px 15px;color:inherit;text-align:center;text-transform:uppercase;font-weight:bold;background:#ededed;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.login-form .lf-tabs .lf-tab.active{background:#fff;color:#222e36;}
.login-form .lf-content{padding:30px 40px 0;}
.login-form .lf-content h1{font-size:1.8em;margin-bottom:20px;}
.login-form .lf-content .info{margin:-5px 0 20px;font-size:0.9em;}
.login-form .lf-content .field{margin:0 0 10px;}
.login-form .lf-content .field .label{margin:0 0 5px;font-weight:bold;}
.login-form .lf-content .field .inp input,.login-form .lf-content .field .inp select{width:100%;}
.login-form .lf-content .field .chk{display:flex;}
.login-form .lf-content .field .chk .inp-checkbox{flex-shrink:0;margin:0 5px 0 0;}
.login-form .lf-content .field.autologin{font-size:0.9em;margin-top:20px;}
.login-form .lf-content .field.rules{font-size:0.9em;margin-top:15px;}
.login-form .lf-footer{text-align:center;padding:10px 40px 30px;}
.login-form .lf-footer .button.base{display:flex;margin:0 0 20px;}
.login-form .lf-footer .forgot{font-size:0.9em;font-weight:bold;text-decoration:underline;}
.login-form .lf-footer .forgot:hover{text-decoration:none;}
.login-form .lf-footer:after{content:'';display:block;clear:both;}
.register-form{max-width:600px;background:#fff;padding:0;}
.register-form .lf-content .field{display:flex;align-items:center;}
.register-form .lf-content .field .label{width:145px;text-align:right;margin:0 10px 0 0;}
.register-form .lf-content .field .inp{flex-grow:1;}
.register-form .rules-more-btn{font-size:0.9em;color:#222e36;margin:2px 0 5px;}
.register-form .rules-more-btn span:after{content:' \f0d7';font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.register-form .rules-more-btn span:hover{text-decoration:underline;cursor:pointer;}
.register-form .rules-more-btn span.active:after{content:' \f0d8';}
.register-form .rules-more{color:#666;font-size:0.8em;}
.register-form .spam-info{padding:10px;background:#222e36;color:rgba(0,0,0,0.7);}
.user-menu{margin:-24px -50vw 24px;z-index:-1;padding:0 50vw;background:#ededed;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.user-menu ul,.user-menu li{list-style:none;margin:0;}
.user-menu > ul{display:flex;}
.user-menu > ul > li{margin:0;position:relative;}
.user-menu > ul > li .a{padding:12px 20px;font-weight:600;color:#000;display:block;transition:200ms all ease;-webkit-transition:200ms all ease;}
.user-menu > ul > li .a:hover{text-decoration:none;background:rgba(255,255,255,0.1);}
.user-menu > ul > li.active{background:#fff;border-bottom:1px solid #fff;margin-bottom:-1px;}
.user-menu > ul > li:last-child{margin-left:auto;}
.user-menu > ul > li:last-child .a:before{content:'\f2f5';margin-right:5px;font-weight:normal;font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.user-menu > ul > li:last-child .a:hover{opacity:0.8;}
.user-box{border:none !important;}
.user-box .box-hdr{padding:0 !important;margin:0 15px 15px;}
.user-box .box-cnt{padding:0 !important;}
.user-box .remove-avatar{margin-left:5px;vertical-align:bottom;color:#d14747;font-size:0.8em;text-transform:lowercase;}
.user-box .remove-avatar .fa{margin-right:2px;}
.user-box .remove-avatar:hover{text-decoration:underline;cursor:pointer;}
.user-box .remove-account{text-align:right;font-size:11px;padding:0 10px;}
.user-box .remove-account a{color:#d14747;}
.user-favorites .image{width:40px;height:40px;overflow:hidden;}
.user-favorites .image.noimg{background:#ededed;position:relative;}
.user-favorites .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:4em;opacity:0.1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.user-favorites .name a{color:inherit;}
.user-favorites .price{font-weight:700;color:#313131;}
.user-favorites .price-old{font-size:0.9em;text-decoration:line-through;color:#000;}
.user-loyality .title{font-size:2em;text-align:center;margin:50px 0;text-transform:uppercase;font-weight:bold;}
.user-loyality .title span{color:#222e36;display:inline-block;position:relative;}
.user-loyality .title span:after{content:'';height:4px;position:absolute;left:0;bottom:-5px;right:0;background:#222e36;}
.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 #222e36;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 (max-width: 740px){.user-menu ul{margin:-1px -20px -1px !important;flex-wrap:wrap;border-right:1px solid #ededed;border-bottom:1px solid #ededed;}
.user-menu ul li{width:33.3333%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-top:1px solid #ededed;border-left:1px solid #ededed;}
.user-menu > ul > li:last-child{flex-grow:1;}
}
@media screen and (max-width: 540px){.user-menu ul li{width:50%;}
.login-form .lf-content{padding:20px 30px 0;}
.login-form .lf-content h1{font-size:1.6em;}
.login-form .lf-footer{padding:10px 30px 20px;}
.register-form .lf-content .field{display:block;}
.register-form .lf-content .field .label{width:auto;margin:0 0 5px;text-align:left;}
}
