.user-profile{box-sizing:border-box;padding:0;width:100%}.user-profile .sub-menu-profile{background:#fff;box-shadow:0 3px 5px 0 rgba(0,0,0,.1);width:100%}.user-profile .sub-menu-profile .container{display:flex;justify-content:end}.user-profile .sub-menu-profile .container .list-sub-menu{display:flex;list-style:none;margin-bottom:0;padding-left:8px;position:relative;width:70%}.user-profile .sub-menu-profile .container .list-sub-menu .list-item{cursor:pointer;margin-right:32px;position:relative}.user-profile .sub-menu-profile .container .list-sub-menu .list-item .link{color:#4a4a4a;float:left;font-size:16px;font-weight:600;padding:22px 0;position:relative;text-decoration:none}.user-profile .sub-menu-profile .container .list-sub-menu .list-item .link:nth-child(2){margin-right:0}.user-profile .sub-menu-profile .container .list-sub-menu .active a{color:#0298da!important}.user-profile .sub-menu-profile .container .list-sub-menu .active:before{background-color:#0298da;bottom:0;content:"";height:3px;left:25%;position:absolute;width:50%}.user-profile .profile-content{background:#f6f6f6;padding:30px 0;width:100%}.user-profile .profile-content .box-content{display:flex;width:100%}.user-profile .profile-content .box-content .box-left{width:30%}.user-profile .profile-content .box-content .box-left .box-info{background-color:#fff;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);padding:16px;position:relative}.user-profile .profile-content .box-content .box-left .box-info .box-avatar{align-items:center;display:flex;height:164px;justify-content:center;margin:0 auto 16px;position:relative;width:164px}.user-profile .profile-content .box-content .box-left .box-info .box-avatar .avatar{border:2px solid #0298da;border-radius:50%;height:154px;-o-object-fit:cover;object-fit:cover;vertical-align:middle;width:154px}.user-profile .profile-content .box-content .box-left .box-info .box-avatar .status{background:#0298da;border:2px solid #fff;border-radius:7px;bottom:-5px;color:#fff;font-size:14px;font-weight:500;padding:2px 16px;position:absolute;text-align:center}.user-profile .profile-content .box-content .box-left .user-name{align-items:center;display:flex;justify-content:center;margin-bottom:11px}.user-profile .profile-content .box-content .box-left .user-name h1{color:#3d4d65;font-family:Roboto;font-size:18px;font-weight:600;margin-bottom:0}.user-profile .profile-content .box-content .box-left .user-name .tick-pro{margin-left:8px}.user-profile .profile-content .box-content .box-left .total-view{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:25px}.user-profile .profile-content .box-content .box-left .total-view .number{color:#0298da;font-family:Roboto;font-size:20px;font-weight:600;margin-bottom:2px}.user-profile .profile-content .box-content .box-left .total-view label{color:#4a4a4a;font-family:Roboto;font-size:14px;margin-bottom:0}.user-profile .profile-content .box-content .box-left .list-menu-action{display:flex;flex-direction:column;margin-bottom:35px}.user-profile .profile-content .box-content .box-left .list-menu-action .item-menu{align-items:center;display:flex;margin-bottom:16px}.user-profile .profile-content .box-content .box-left .list-menu-action .item-menu .icon-user{height:16px;margin-right:10px;width:19px}.user-profile .profile-content .box-content .box-left .list-menu-action .item-menu a{color:#4a4a4a;font-size:15px;font-weight:600;text-decoration:none}.user-profile .profile-content .box-content .box-left .user-introduce{border-top:1px solid #ededed;padding-top:16px}.user-profile .profile-content .box-content .box-left .user-introduce .title{font-family:Roboto;font-size:16px;font-weight:600;margin-bottom:16px}.user-profile .profile-content .box-content .box-left .user-introduce .introduce{color:#4a4a4a;font-size:14px;line-height:1.5;width:100%}.user-profile .profile-content .box-content .box-left .user-introduce .introduce .name{margin-bottom:0}.user-profile .profile-content .box-content .box-left .user-introduce .introduce .another{margin:10px 0 0}.user-profile .profile-content .box-content .box-right{padding:0 8px 8px;position:relative;width:70%}.user-profile .profile-content .box-content .box-right .list-post .title{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.user-profile .profile-content .box-content .box-right .list-post .title p{color:#4a4a4a;font-family:Roboto;font-size:18px;font-weight:600;margin-bottom:0}.user-profile .profile-content .box-content .box-right .list-post .title .see-more{color:#0082d5!important;font-family:Roboto;font-size:15px;font-weight:600;position:relative;text-decoration:none}.user-profile .profile-content .box-content .box-right .list-post .title .see-more .arrow{height:11px;margin-left:5px;width:7px}.user-profile .profile-content .box-content .box-right .list-post .list-post-content{width:100%}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item{background-color:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.1);display:flex;height:164px;margin-bottom:24px;width:100%}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-image{width:200px}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-image img{height:100%;opacity:1;width:100%}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-image img:hover{cursor:pointer;opacity:.8}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info{padding:12px;position:relative;width:calc(100% - 200px)}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info .post-title{color:#4a4a4a;font-size:16px;height:2.6em;line-height:1.4em;overflow:hidden;text-decoration:none}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info .post-desc{color:#4a4a4a;display:flex;font-size:14px;height:40px;line-height:20px;margin-top:5px;position:relative;text-transform:uppercase}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info .post-desc p{margin-bottom:0;position:relative}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info .post-desc img{height:16px;margin-right:2px;margin-top:-5px;width:16px}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info .post-desc img:first-child{margin-left:5px}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info .post-user{align-items:center;border-top:1px solid #e8e8e8;bottom:0;content:"";display:flex;left:0;padding:16px 10px 0;position:absolute;width:100%}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info .post-user .thumb-avatar{border:1px solid #0098da;border-radius:50%;height:32px;margin-right:8px;position:relative;width:32px}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info .post-user .thumb-avatar .user-avatar{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info .post-user .thumb-avatar .tick-pro{content:"";height:16px;position:absolute;right:-6px;top:0;width:16px}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-item .post-info .post-user .user-name{color:#4a4a4a;font-size:14px;margin-bottom:0}.user-profile .profile-content .box-content .box-right .list-post .list-post-content .post-new-img{height:190px;-o-object-fit:cover;object-fit:cover;width:100%}.user-profile .profile-content .box-content .box-right .user-profile-detail{background-color:#fff;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.1)}.user-profile .profile-content .box-content .box-right .user-profile-detail .container{padding:0 30px}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .form-title{padding:30px 0}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .row{margin-bottom:20px}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .row .user-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .row .user-wrapper .user-image-content{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center;width:154px}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .row .user-wrapper .user-image-content .upload-image{width:20px}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .row .user-wrapper .user-image-content .upload-image input{display:none}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .row .user-wrapper .user-image-content .upload-image label{align-items:center;display:flex;flex-direction:column;margin:auto;text-align:center;text-transform:capitalize;width:20px}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .row .user-wrapper .user-image-content .upload-image label .icon-wrapper{align-items:center;background:#0298da;border-radius:50%;bottom:18px;display:flex;height:40px;justify-content:center;position:absolute;right:11px;width:40px}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .row .user-wrapper .user-image-content .upload-image label .icon-wrapper .fa-photo-film{color:#fff}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .row .user-wrapper .user-image-content .user-image{border:1px solid #0298da;border-radius:50%;height:154px;margin-bottom:20px;-o-object-fit:cover;object-fit:cover;padding:1px;position:relative;width:154px}.user-profile .profile-content .box-content .box-right .user-profile-detail .container .btn-update-profile{margin-bottom:30px;margin-top:20px;width:100%}.user-profile .profile-content .box-content .box-right .user-change-password{background-color:#fff;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.1)}.user-profile .profile-content .box-content .box-right .user-change-password .container{padding:30px}.user-profile .profile-content .box-content .box-right .user-change-password .container .title-form{margin-bottom:30px}.user-profile .profile-content .box-content .box-right .user-change-password .container .btn-change-password{margin-top:20px}@media (max-width:991px){.user-profile .sub-menu-profile .container,.user-profile .sub-menu-profile .container .list-sub-menu{justify-content:center}.user-profile .profile-content .container .box-content{flex-wrap:wrap}.user-profile .profile-content .container .box-content .box-left{margin-bottom:20px;width:100%}.user-profile .profile-content .container .box-content .box-left .box-info .list-menu-action{margin-bottom:15px}.user-profile .profile-content .container .box-content .box-right{padding:0;width:100%}}@media (max-width:768px){.user-profile .sub-menu-profile .container .list-sub-menu{width:100%}.user-profile .profile-content .container .box-content .box-right .list-post .list-post-content .post-item{height:150px}.user-profile .profile-content .container .box-content .box-right .list-post .list-post-content .post-item .post-desc{display:none}.user-profile .profile-content .container .box-content .box-right .user-profile-detail .col-mb{margin-bottom:20px}}@media (max-width:576px){.user-profile .sub-menu-profile{display:none}.user-profile .profile-content .container .box-content .box-right .user-profile-detail .col-mt{margin-top:20px}}@media (max-width:480px){.user-profile .profile-content .container .box-content .box-right .list-post .list-post-content .post-item{height:148px}.user-profile .profile-content .container .box-content .box-right .list-post .list-post-content .post-item .post-image{width:150px}.user-profile .profile-content .container .box-content .box-right .list-post .list-post-content .post-item .post-info{width:calc(100% - 150px)}.user-profile .profile-content .container .box-content .box-right .list-post .list-post-content .post-item .post-info .post-title{font-size:15px}}.list-post a:hover{color:#f2761f}.list-post .list-post-content .category-related .heading,.list-post .list-post-content .category-tag-related .heading,.list-post .list-post-content .heading-category-left{font-size:20px}.list-post .list-post-content .category-related .title{font-size:16px}.list-post .list-post-content .category-related-post .heading{font-size:20px}.list-post .list-post-content .category-related-post .small-horizontal .thumbnail{flex:0 0 110px}.list-post .list-post-content .category-related-post .small-horizontal .content .post-heading{font-size:14px}.list-post .list-post-content .category-related-post .small-horizontal .content .post-author{font-size:12px}.list-post .list-post-content .content-creator-img{max-height:160px;-o-object-fit:cover;object-fit:cover;width:100%}.list-post .list-post-content .content .post-meta{-webkit-line-clamp:1;height:1.5em}.list-post .list-post-content .content .post-heading,.list-post .list-post-content .content .post-meta{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.2em;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.list-post .list-post-content .content .post-heading{-webkit-line-clamp:2;font-size:18px;font-weight:700;height:2.4em}.list-post .list-post-content .content .post-description{-webkit-line-clamp:3;height:3.7em}.list-post .list-post-content .content .post-author .text,.list-post .list-post-content .content .post-description{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.2em;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.list-post .list-post-content .content .post-author .text{-webkit-line-clamp:1;height:1.2em}.list-post .list-post-content .bg-light{background-color:#f8f9fa!important}.list-post .list-post-content .heading-new-top a:hover,.list-post .list-post-content .heading-trending-top a:hover{color:#000}.list-post .list-post-content .heading-new-top:before,.list-post .list-post-content .heading-trending-top:before{background-image:linear-gradient(90deg,#b9b9b9,#000,#b9b9b9);bottom:-5px;content:"";height:4px;left:50%;position:absolute;transform:translate(-50%,-50%);width:35%}.list-post .list-post-content .heading-new-top:hover:before,.list-post .list-post-content .heading-trending-top:hover:before{background-image:linear-gradient(90deg,#b9b9b9,#0d6efd,#b9b9b9)}.list-post .list-post-content .heading-category-left-vertical{padding-left:10px}.list-post .list-post-content .heading-category-left-vertical:before{background-image:linear-gradient(90deg,#b9b9b9,#000,#b9b9b9);bottom:20px;content:"";height:4px;left:0;position:absolute;transform:rotate(90deg);width:5%}.list-post .list-post-content .section{padding-bottom:5rem;padding-top:7rem}.list-post .list-post-content .post-entry{position:relative}.list-post .list-post-content .post-entry .thumbnail{margin-bottom:30px}.list-post .list-post-content .post-entry .thumbnail img{border-radius:7px}.list-post .list-post-content .post-entry .content .post-meta .category{color:#222;font-weight:600}.list-post .list-post-content .post-entry .content .post-meta .date{color:#999}.list-post .list-post-content .post-entry .content .post-heading{font-size:18px;font-weight:700}.list-post .list-post-content .post-entry .content .post-discription{color:#888;font-size:14px}.list-post .list-post-content .post-entry .content .post-author .author-pic{flex:0 0 30px;margin-right:10px}.list-post .list-post-content .post-entry .content .post-author .author-pic img{border-radius:50%;max-width:100%}.list-post .list-post-content .small-horizontal .thumbnail{flex:0 0 250px}@media (min-width:576px) and (max-width:768px){.list-post .list-post-content .small-horizontal{grid-gap:20px}}@media (max-width:991px){.list-post .list-post-content .section .box-top-member{display:none}}