/*--------------------------------------------------------------------------
|  Font family
--------------------------------------------------------------------------*/
@font-face {
    font-family: 'Linotte Regular';
    src: url('../../fonts/linotte-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Linotte Semi Bold';
    src: url('../../fonts/linotte-semi-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Linotte Bold';
    src: url('../../fonts/linotte-bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Utm Avo Bold';
    src: url('../../fonts/utm-avo-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Utm Avo';
    src: url('../../fonts/utm-avo.ttf') format('truetype');
}
body{
    font-family: 'Linotte Regular';
    font-size: 18px;
}
html {
    overflow-y: scroll;
    overflow-x: hidden;
}
.container {
    width: 1300px;
}
@media (max-width: 1366px) {
    .container {
        width: 1140px;
    }
}
@media (max-width: 1024px) {
    .container {
        width: auto;
    }
}
img {
    width: 100%;
    height: 100%;
}
.breadcrumb {
    padding: 0;
    background: unset;
    border-radius: 0;
    margin-top: 20px;
}
/*--------------------------------------------------------------------------
|  End font
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
|  Page Home
--------------------------------------------------------------------------*/
.home.header-menu, .groups .header-menu {
    background: #fde841;
}
.introduce .header-menu, .group_info .header-menu, .news .header-menu {
    position: relative;
}
.header-menu>.container>.row, .header-menu>.container>.row>div[class*="col-"]:last-child {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.header-menu>.container>.row>div[class*="col-"]:last-child {
    justify-content: flex-end;
}
.logo img {
    width: 150px;
}
.logo {
    padding: 25px 0;
    display: inline-block
}
.box-language span {
    color: #1a1c1c;
    text-transform: uppercase;
    font-weight: 700;
}
.box-search {
    position: relative;
}
.box-search .form-group .dropdown-menu {
    background: #fbe643;
    padding: 10px;
    border: none;
    box-shadow: none;
    min-width: 230px;
    right: 0;
    left: inherit;
    top: 40px;
}
.box-search .form-group .dropdown-menu .btn-search {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 10px;
    z-index: 9;
    background: #fbe643;
    border-radius: 10px;
}
.box-search .form-group .input-group {
    display: block;
}
.box-search .form-group .input-group input {
    border: none;
    box-shadow: none;
    border-radius: 10px;
}
.box-search a {
    margin-left: 25px;
}
.box-language {
    margin-left: 30px;
}
.wsmenu-list {
    margin: 0;
    width: 100%;
}
.box-search a, .display-theme-2 a {
    color: #1a1c1c;
    font-weight: 700;
}
.display-theme-2, .mighty-slider .text-sl a.link, .home-about-us .view-more a, .navtext.active {
    background: url(../../images/line-color.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 15px 30px;
}
.groups .navtext.active {
    background: url(/uploads/plugin/custom_img/2020-07-02/1593699698-9855-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 15px 30px;
}
.wsmenucontainer {
    display: inline-block;
    float: right;
}
.wsmenu-list > li > a, .box-search a, .display-theme-2 a, .box-language .click-language, .mighty-slider .text-sl a.link,
.home-about-us .view-more a, .info-company p span, .policy-copyright p, .home-about-us .item-about .descrip-about p span,
.footer-menu .list-menu a, .title-email-news, .item-community p, .list-community .view-more a, .header-join h4 {
    font-family: 'Linotte Semi Bold';
}
.account-user {
    margin: 0 15px;
    display: inline-block;
    float: left;
}
.mighty-slider .image {
    position: relative;
    height: calc(100vh - 126px);
}
.mighty-slider .image img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: initial;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
.mighty-slider .text-sl {
    position: absolute;
    bottom: 11%;
    transform: translate3d(10px, 10px, 10px);
    left: 16.1%;
    width: 560px;
}
.owl-theme .owl-controls {
    text-align: right;
}
.mighty-slider .owl-pagination {
    bottom: 0;
    top: inherit;
    position: absolute;
    width: 100%;
    padding-right: 150px;
}
.mighty-slider .text-sl .title {
    font-weight: 700;
    line-height: 1.5;
    font-size: 41px;
    color: #f1a108;
    text-shadow: 2px 2px #020202;
}
.mighty-slider .text-sl .title span {
    display: block;
    text-transform: uppercase;
}
.mighty-slider .text-sl .description p {
    margin-bottom: 30px;
    font-family: 'Linotte Semi Bold';
}
.mighty-slider .text-sl a.link, .home-about-us .view-more a {
    padding: 0;
    width: 165px;
    height: 45px;
    display: inline-block;
    text-align: center;
    color: #333;
    line-height: 45px;;
}
/*.mighty-slider .text-sl .description ul {*/
/*    margin-left: 15px;*/
/*}*/
.mighty-slider .text-sl .description ul p {margin-bottom: 0;}
.owl-theme .owl-controls .owl-page span {
    background: #c7c7c7;
    margin: 75px 20px;
    width: 20px;
    height: 20px;
}
.owl-theme .owl-controls .owl-page span:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    border: 2px solid #ffc215;
    border-radius: 100%;
    opacity: 0;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ffc215;
    width: 20px;
    position: relative;
}
.owl-theme .owl-controls .owl-page.active span:before, .owl-theme .owl-controls.clickable .owl-page:hover span:before {
    opacity: 1;
}
.owl-theme .owl-controls {
    margin: 0;
}
.padd-100 {
    padding: 100px 0;
}
.bak-about {
    background: #fafafa;
    padding-bottom: 170px;
}
.home-about-us>.row {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.home-about-us .img img {
    width: 500px;
    height: auto;
    object-fit: contain;
    padding: 30px 0;
}
.home-about-us .item-about h4 {
    position: relative;
    padding-left: 70px;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Linotte Semi Bold';
}
.home-about-us .item-about h4:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #fdd340;
}
.home-about-us .item-about .logo {
    padding: 30px 0 20px
}
.home-about-us .item-about .logo img {
    width: 300px;
} 
.home-about-us .item-about .descrip-about {
    margin: 15px 0 30px;
}
.home-about-us .item-about .descrip-about p {
    font-size: 18px;
    color: #4c4b4b;
}
.list-community {
    background: #fff;
    padding: 30px 50px;
    border-radius: 50px;
    text-align: center;
}
.list-community .title-community {
    text-align: center;
}
.list-community .title-community h4 {
    display: inline-block;
    background: url(/uploads/plugin/custom_img/2020-06-03/1591175514-309864793-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 15px 30px;
    font-size: 21px;
    font-family: 'Linotte Bold';
    margin-bottom: 30px;
}
.item-community .img {
    position: relative;
    padding-top: 86%;
}
.item-community .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.item-community .title-community {
    font-size: 21px;
    font-family: 'Linotte Bold';
}
.item-community p {
    font-size: 18px;
}
.list-community .view-more {
    margin: 30px 0;
}
.list-community .view-more a {
    background: #fbe643;
    color: #333;
    font-size: 18px;
    padding: 9px 30px;
    border-radius: 20px;
}
.item-join {
    padding: 80px 30px;
}
.header-join h4 {
    margin: 0;
    text-align: center;
    padding: 30px 15px;
    width: 345px;
    height: 130px;
    font-size: 21px;
    line-height: 1.4;
}
.header-join h4 a {
    background: #fbe643;
    color: #333;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 7px;
    font-size: 19px;
    font-family: 'Linotte Bold';
    position: relative;
}
.header-join h4 a:before {
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: -5px;
    top: -5px;
    color: #d54444;
    font-size: 18px;
}
.join-community .header-join {
    background: url(/uploads/plugin/custom_img/2020-06-03/1591175513-1276598507-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}
.ss-community {
    background: url(/uploads/plugin/custom_img/2020-06-04/1591264420-739061354-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    padding: 210px 0;
    margin-top: -60px;
}
.footer-bk {
    background: url(/uploads/plugin/custom_img/2020-06-09/1591694023-18420-custom.png);
    position: relative;
    padding: 120px 0;
    padding-top: 160px;
}
.footer-bk:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(/uploads/plugin/custom_img/2020-06-04/1591234886-797743259-custom.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
}
.footer-company .header-logo img {
    width: 200px;
}
.footer-company .logo-company {
    margin: 25px 0
}
.footer-company .logo-company img {
    width: auto;
}
.list-social {
    margin-bottom: 20px;
}
.footer-company .social-network ul li {
    list-style: none;
    display: inline-block;
}
.footer-company .social-network ul li a {
    color: #fff;
    font-size: 21px;
    margin: 0 15px;
}
.footer-company .social-network ul li:first-child a {
    margin-left: 0;
}
.info-company .name-company {
    color: #efefef;
    font-style: italic;
}
.info-company p, .policy-copyright span a {
    color: #efefef;
    font-size: 16px;
}
.policy-copyright span a {
    text-decoration: underline;
}
.info-company p span {
    color: #fff;
}
.policy-copyright p {
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
}
.footer-menu .list-menu {line-height: 3}
.footer-menu .list-menu a {
    color: #efefef;
    font-size: 18px;
    text-decoration: underline;
}
.footer-menu {padding-left: 100px;}
.title-email-news {
    margin-top: 0;
    font-size: 19px;
    color: #fff;
    line-height: 3;
}
.signup-copies {
    padding-left: 70px;
}
.signup-copies .form-control {
    height: 40px;
    padding-left: 15px;
    font-size: 18px;
}
.signup-copies .form-control::placeholder {
    color: #555;
}
.signup-copies .btn-send-reg-email {
    border: 2px solid #ffcf03;
    background: none;
    color: #fff;
    padding: 7px 30px;
    margin-top: 15px;
    font-size: 18px;
    border-radius: 7px;
}
.ss-news-hot {
    position: relative;
    background: #fbe643;
    padding: 20px 0 0;
    margin-top: 120px;
    margin-bottom: 100px;
}
.ss-news-hot:before {
    content: "";
    position: absolute;
    top: -114px;
    left: 0;
    right: 0;
    width: 100%;
    height: 115px;
    background: url(/uploads/plugin/custom_img/2020-06-29/1593439159-10379-custom.png);
}
.ss-news-hot:after {
    content: "";
    position: absolute;
    bottom: -69px;
    left: 0;
    right: 0;
    width: 100%;
    height: 70px;
    background: url(/uploads/plugin/custom_img/2020-06-29/1593439159-15962-custom.png);
    background-repeat: no-repeat;
}
.block-news.news-hot .header-title span, .group-active .header-title>span {
    text-transform: uppercase;
    font-family: 'Linotte Semi Bold';
    padding-left: 90px;
    position: relative;
}
.block-news.news-hot .header-title span:before, .group-active .header-title>span:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 2px;
    background: #fdd340;
}
.block-news.news-hot .header-title span:before {
    background: #000;
}
.block-news.news-hot .header-title h4, .group-active .header-title h4 span {
    text-transform: uppercase;
    font-family: 'Utm Avo Bold';
    font-size: 29px;
    margin: 15px 0;
    margin-bottom: 30px;
}
.block-news.news-hot .owl-pagination {
    position: absolute;
    top: -140px;
    right: 0;
}
.block-news.news-hot .owl-theme .owl-controls .owl-page span {
    background: #fff;
    opacity: 1;
    width: 15px;
    height: 15px;
    margin: 75px 15px;
}
.block-news.news-hot .owl-theme .owl-controls .owl-page.active span {
    background: #000;
}
.block-news.news-hot .owl-theme .owl-controls .owl-page span:before {
    width: 30px;
    height: 30px;
    top: -7px;
    left: -7px;
    border-color: #000;
}
.block-news.news-hot .img-blogs {
    position: relative;
    padding-top: 100%;
}
.block-news.news-hot .img-blogs a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.block-news.news-hot .img-blogs a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-news.news-hot .item-blogs .info {
    padding-right: 50px;
}
.block-news.news-hot .item-blogs .title-blogs-item {
    margin-top: 0;
    text-align: justify;
}
.block-news.news-hot .item-blogs .title-blogs-item a {
    color: #000;
    font-size: 21px;
    font-family: 'Linotte Semi Bold';
}
.block-news.news-hot .item-blogs .info .desc-blogs p {
    text-align: justify;
}
.block-news.news-hot .item-blogs .info .desc-blogs a {
    color: #333;
    padding-left: 0;
    font-size: 18px;
    font-family: 'Linotte Semi Bold';
    text-decoration: underline;
}
.block-news.news-hot .best-comment {
    margin-top: 50px;
    position: relative;
}
.block-news.news-hot .best-comment .commnet {
    margin: 21px;
    padding: 30px 20px 15px;
    background: #fff;
    border-radius: 20px;
}
.block-news.news-hot .best-comment img.like, .block-news.news-hot .best-comment img.star {
    width: auto;
    height: auto;
    position:absolute;
}
.block-news.news-hot .best-comment img.star {
    top: -17px;
    left: 0;
}
.block-news.news-hot .best-comment img.like {
    top: -90px;
    right: 0;
}
.block-news.news-hot .best-comment .commnet .avatar {
    width: 70px;;
    float: left;
}
.block-news.news-hot .best-comment .commnet .avatar img{
    width: 70px;
    height: 70px;
    border-radius: 100%;
}
.block-news.news-hot .best-comment .commnet .info-comment {
    width: calc(100% - 70px);
    padding-left: 15px;
    padding-right: 50px;
    float: left;
}
.block-news.news-hot .best-comment .commnet .info-comment h4, .block-news.news-hot .best-comment .commnet .info-comment span {
    display: inline-block;
    margin-right: 15px;
}
.block-news.news-hot .best-comment .commnet .info-comment h4 {
    font-family: 'Linotte Semi Bold';
}
.block-news.news-hot .best-comment .commnet .info-comment .cm-content p {
    color: #000;
    text-align: justify;
}
.block-news.news-hot .border-line {
    display: inline-block;
    padding-left: 25px;
    border-left: 3px solid #4d5b9e;
}
.block-news.news-hot .count-comment {
    position: absolute;
    bottom: -30px;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
    background: #fff;
    padding: 20px;
    border-radius: 20px;
}
.block-news.news-hot .count-comment span {
    font-family: 'Linotte Semi Bold';
}
.block-news.news-hot .count-comment .comment i {
    margin-right: 15px;
}
.block-news.news-hot .count-comment .get-link i {
    margin: 0 20px;
}
.love-reply a {
    color: #333;
}
.group-active .header-title {
    margin-bottom: 50px;
}
.group-active .content img {
    width: 1500px;
    float: right;
}
.ss-group-active, .ss-cong-dong {
    padding: 80px 0;
}
.group-active .content {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    position: relative;
}
.list-group-active .item-group {
    position: absolute;
    border-radius: 100%;
}
.list-group-active .item-group.item-1 {
    width: 280px;
    height: 280px;
    right: 330px;
    top: 60px;
}
.list-group-active .item-group.item-1 img {
    width: 280px;
    height: 280px;
    border-radius: 100%;
}
.list-group-active .item-group.item-2 {
    width: 250px;
    height: 250px;
    left: 415px;
    bottom: 45px;
}
.list-group-active .item-group.item-2 img {
    width: 250px;
    height: 250px;
    border-radius: 100%;
}
.list-group-active .item-group.item-3 {
    width: 260px;
    height: 260px;
    left: 880px;
    bottom: 225px;
}
.list-group-active .item-group.item-3 img {
    width: 260px;
    height: 260px;
    border-radius: 100%;
}
.list-group-active .item-group.item-4 {
    left: 630px;
    top: 90px;
    width: 270px;
    height: 270px;
}
.list-group-active .item-group.item-4 img {
    width: 270px;
    height: 270px;
    border-radius: 100%;
}
.list-group-active .item-group.item-5 {
    left: 400px;
    top: 305px;
    width: 145px;
    height: 145px;
}
.list-group-active .item-group.item-5 img {
    width: 145px;
    height: 145px;
    border-radius: 100%;
}
.list-group-active .item-group.item-6 {
    left: 983px;
    top: 80px;
    width: 150px;
    height: 150px;
}
.list-group-active .item-group.item-6 img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
}
.list-group-active .item-group.item-7 {
    right: 70px;
    top: 380px;
    width: 240px;
    height: 240px;
}
.list-group-active .item-group.item-7 img {
    width: 240px;
    height: 240px;
    border-radius: 100%;
}
.list-group-active .item-group.item-8 {
    right: 70px;
    top: 155px;
    width: 145px;
    height: 145px;
}
.list-group-active .item-group.item-8 img {
    width: 145px;
    height: 145px;
    border-radius: 100%;
}
.list-group-active .item-group .content-overlay {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    border-radius: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.list-group-active .item-group .fadeIn-top {
    top: 20%;
}
.list-group-active .item-group .content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.list-group-active .item-group .content-details h4 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}
.list-group-active .item-group:hover .content-overlay {
    opacity: 1;
}
.list-group-active .item-group:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}
.statistical-bear .header-title {
    text-align: right;
}
.statistical-bear .header-title span {
    text-transform: uppercase;
    font-family: 'Linotte Semi Bold';
    padding-right: 90px;
    position: relative;
}
.statistical-bear .header-title span:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 2px;
    background: #333;
}
.statistical-bear .header-title h4 {
    font-family: 'Utm Avo Bold';
    font-size: 41px;
    margin: 15px 0;
    margin-bottom: 30px;
    line-height: 1.5;
}
.statistical-bear .info {
    margin-left: 235px;
    position: relative;
    padding: 10px 0 10px 50px
}
.statistical-bear .info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 100%;
    background: #fbe643;
    z-index: -1;
}
.statistical-bear .info p {
    font-size: 26px;
    color: #000;
    margin-bottom: 15px;
}
.statistical-bear .info p span {
    display: block;
    font-family: 'Linotte Semi Bold';
    font-size: 64px;
}
.statistical-group .item-group {
    position: relative;
}
.statistical-group .item-group .avatar-group img {
    border-radius: 100%;
    height: 620px;
    object-fit: cover;
}
.statistical-group .item-group .info-statistical {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: right;
}
.statistical-group .item-group .info-statistical h4 {
    display: inline-block;
    background: #323232;
    color: #fff;
    padding: 10px 15px;
    margin-right: 60px;
    border-radius: 5px;
    margin-bottom: 0;
    text-transform: uppercase;
    z-index: 999;
}
.statistical-group .item-group .info-statistical .info {
    background: #e6e7e8;
    margin: 0 60px;
    border-radius: 20px;
    padding: 5px 15px;
    z-index: 9;
    margin-top: -10px;
}
.statistical-group .item-group .info-statistical .info .name-group {
    font-size: 21px;
    margin-bottom: 0;
}
.statistical-group .item-group .info-statistical .info .name-group a {
    color: #000;
}
.statistical-group .item-group .info-statistical .info .number-member {
    color: #000;
}
.statistical-group .item-group .info-statistical .info .number-member span {
    font-family: 'Linotte Semi Bold';
    font-size: 44px;
}
.statistical-group .item-group img.cup {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200px;
    height: auto;
    z-index: 9;
}
.statistical-group .avatar-group img {
    width: 100%;
}
#successModal .modal-header {
    padding: 0;
    border: none;
}
#successModal .modal-dialog {
    margin-top: 200px;
}
#successModal .modal-content {
    background-color: #fbe643;
    box-shadow: none;
    border: none;
}
.share-story-success h4 {
    font-family: 'Linotte Semi Bold';
    font-size: 21px;
}
.info-company a {
    color: #fff;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Page About Us
--------------------------------------------------------------------------*/
.abous-list {
    padding: 80px 0 50px;
}
.abous-list .list h1 {
    text-transform: uppercase;
    font-family: 'Utm Avo Bold';
    font-size: 42px;
}
.abous-list .list ul {
    list-style: none;
    margin: 15px 0 0;
    padding: 0;
}
.abous-list .list ul a {
    font-family: 'Linotte Semi Bold';
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
}
.logo-us {
    padding-right: 70px;
}
.bak-who {
    background: url(/uploads/plugin/custom_img/2020-06-08/1591583602-19921-custom.png);
    padding: 200px 0 100px;
}
.title-about {
    font-size: 31px;
    font-family: 'Utm Avo Bold';
    margin: 0 0 30px;
}
.who-us p {
    font-size: 18px;
    line-height: 1.5;
    color: #000;
}
.bak-why {
    background: #fbe643;
    padding: 100px 0;
}
.bak-why .img-why {
    padding: 0 90px;
}
.info-why {
    padding-right: 100px;
}
.info-why p {
    line-height: 1.7;
    margin-bottom: 20px;
}
.why-about-us>.container>.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.bak-we-do {
    background: url(/uploads/plugin/custom_img/2020-06-09/1591664486-24833-custom.png);
    padding: 100px 0;
}
.what-we-do h4.title-about {
    margin-bottom: 30px;
}
.description-we-do {
    margin-bottom: 15px;
}
.list-we-do {
    margin-top: 30px;
}
.list-we-do .img {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 100%;
}
.list-we-do .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.list-we-do .item {
    text-align: center;
}
.list-we-do .item h4.title {
    margin: 30px 100px;
    font-family: 'Linotte Bold';
    font-size: 19px;
    line-height: 1.5;
}
.bak-join {
    background: #f7f7f7;
    padding: 80px 0;
}
.join-bear-network .title-about img {
    width: auto;
}
.join-bear-network .item-join img {
    width: 330px;
}
.join-bear-network .item-join h4 {
    font-size: 24px;
    font-family: 'Linotte Bold';
    margin: 0 0 15px;
}
.join-bear-network .item-join ul {
    margin-left: 15px;
}
.join-bear-network .item-join {
    padding: 0 0 80px;
}
.join-bear-network .item-join>.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.introduce #footer {
    margin-top: -70px;
}
.group-active .header-title h4 {
    text-transform: uppercase;
    font-size: 29px;
    font-family: 'Utm Avo';
}
.group-active .header-title h4 span {
    display: block;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Page Group
--------------------------------------------------------------------------*/
.group-heaeder {
    background: url(/uploads/plugin/custom_img/2020-06-09/1591705859-23043-custom.png);
    padding: 100px 0 200px;
    background-position: bottom;
}
.group-heaeder h1 {
    text-transform: uppercase;
    font-family: 'Utm Avo Bold';
    font-size: 50px;
}
.group-heaeder>.container>.row {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-end;
    justify-content: center;
}
.sort-group {
    margin: 50px 0;
}
.sort-group .btn {
    background: #fde841;
    padding: 7px 20px;
}
.list-group .item-group {
    text-align: center;
    margin-bottom: 30px;
}
.list-group .item-group .img img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin: 0 auto;
}
.item-group .name-group {
    font-size: 25px;
    font-family: 'Linotte Bold';
    color: #000;
    margin: 15px 0;
}
.bak-group {
    background: url(/uploads/plugin/custom_img/2020-06-09/1591707401-4145-custom.png);
    padding: 30px;
    margin-top: 50px;
}
.content-group .sort-group {
    margin-right: 72px;
}
.content-group .sort-group .btn {
    font-family: 'Linotte Semi Bold';
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Page Register Group
--------------------------------------------------------------------------*/
.register-group {
    position: absolute;
    top: 140px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.box-register {
    background: #fff;
    padding: 50px 40px;
    margin: 0 30px;
    border-radius: 50px;
}
.register-group .logo-company img {
    width: 150px;
    margin: 0 auto;
    display: block;
}
.register-group h3 {
    text-transform: uppercase;
    font-family: 'Utm Avo Bold';
    text-align: center;
    margin: 15px 0 20px;
}
.upload-avatar {
    /*background: #000;*/
    padding: 30px 40px;
    border-radius: 15px;
    position: relative;
    display: inline-block;
}
.upload-avatar img {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}
.upload-avatar p {
    margin: 0;
    color: #fff;
    font-size: 18px;
}
.upload-avatar input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.box-register .form-group h4 {
    font-family: 'Linotte Semi Bold';
    font-size: 21px;
    color: #000;
}
.box-register .form-group label {
    font-family: 'Linotte Semi Bold';
}
.box-register .form-group .check-box label {
    font-weight: normal;
    font-family: 'Linotte Regular';
}
.box-register .form-group input, .box-register .form-group .chosen-single {
    border: none;
    box-shadow: none;
    background: #faf7f2;
    height: 40px;
    line-height: 28px;
    border-radius: 15px;
    width: 100%;
    padding: 6px 12px;
}
.box-register .chosen-container .chosen-drop {
    background: #faf7f2;
    border: none;
    box-shadow: none;
    border-radius: 15px;
}
.box-register .form-group textarea {
    border: none;
    box-shadow: none;
    background: #faf7f2;
    line-height: 28px;
    border-radius: 15px;
    width: 100%;
    padding: 6px 12px;
}
.box-register .form-group .check-box input[type="checkbox"],
.box-register .form-group .check-box input[type="radio"] {
    width: auto;
    height: auto;
    line-height: normal;
    border-color: unset;
}
.box-register .form-group .check-box label {font-size: 17px;}
.select-mascot {
    cursor: pointer;
    display: inline-block;
    margin-left: 15px;
    text-align: center;
}
.box-register .form-group .btn.btn-submit {
    background: #fff140;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-top: 30px;
    font-family: 'Linotte Semi Bold';
}
#select-mascot-modal .modal-dialog {
    width: 900px;
}
#select-mascot-modal h4 {
    font-family: 'Linotte Semi Bold';
    font-size: 24px;
    color: #000;
}
#select-mascot-modal .list-mascot .img {
    position: relative;
    padding-top: 74%;
    margin-bottom: 50px;
}
#select-mascot-modal .list-mascot .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.upload-avatar:hover {
    /*transform: scale(1.05);*/
    cursor: pointer;
}
.upload-avatar .upload-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.upload-avatar .upload-button i {
    position: absolute;
    font-size: 50px;
    top: 35px;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: all .3s ease;
    color: #34495e;
}
.upload-avatar .upload-button:hover i {
    opacity: .9;
}
label span.icon-required, label span.icon_required {
    color: red;
}
.bk-register .text-register {
    position: absolute;
    font-family: 'Linotte Semi Bold';
}
.bk-register .text-register.text-one {
    background: url(/uploads/plugin/custom_img/2020-07-31/1596158745-27159-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 85px;
    left: 360px;
    width: 230px;
    padding: 50px 38px;
}
.bk-register .text-register.text-two {
    background: url(/uploads/plugin/custom_img/2020-07-31/1596158745-7830-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    bottom: 310px;
    left: 230px;
    width: 280px;
    padding: 50px 38px;
}
.bk-register .text-register.text-three {
    background: url(/uploads/plugin/custom_img/2020-07-31/1596158745-24068-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    bottom: 300px;
    right: 220px;
    width: 300px;
    padding: 50px 35px;
    padding-left: 50px;
}
.bk-register .text-register.text-three .title-text {
    text-align: center;
}
.bk-register .text-register.text-three .title-text span {
    background: #fcee44;
    padding: 5px 15px;
    border-radius: 5px;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Detail Group
--------------------------------------------------------------------------*/
/*.detail-group {
    margin-top: 50px;
}*/
.header-detail {
    position: relative;
    padding-bottom: 15px;
}
.header-detail:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(/uploads/plugin/custom_img/2020-10-13/1602589685-1772588060-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}
.header-detail img.img-group {
    height: calc(100vh - 125px);
    object-fit: cover;
    width: 70%;
    float: right;
}
.description-group p {
    font-size: 24px;
}
.detail-group .header-info {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 485px;
}
.bk-title {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.detail-group .header-info h2 {
    position: absolute;
    margin: 0;
    width: 400px;
    padding: 0 25px;
    text-align: center;
}
.detail-group .header-info h2 span {
    display: block;
}
.detail-group .header-info h2 .name-group {
    text-transform: uppercase;
    font-family: 'Utm Avo Bold';
    font-size: 41px;
    line-height: 1.3;
}
.detail-group .info-group {
    margin-top: 50px
}
.detail-group .info-group h4 {
    background: #fde841;
    display: inline-block;
    padding: 10px 30px;
    font-size: 27px;
    font-family: 'Linotte Semi Bold';
}
.detail-group .info-group ul {
    list-style: none;
    margin-top: 30px;
    line-height: 2.5;
    font-size: 27px;
}
.detail-group .info-group ul li {
    font-family: 'Linotte Semi Bold';
}
.detail-group .info-group ul li span {
    font-size: 40px;
    font-family: 'Linotte Regular';
}
.detail-group .description-group span {
    font-family: 'Linotte Semi Bold';
    font-size: 27px;
}
.bk-slogan {
    margin: 50px 0;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.btn-join-group {
    margin-bottom: 30px;
}
.btn-join-group strong {
    display: block;
    font-family: 'Linotte Semi Bold';
    font-size: 29px;
}
.bk-slogan img {
    width: auto;
    display: block;
    margin: 0 auto;
}
.slogan-group span {
    position: absolute;
    top: 10px;
    left: 325px;;
    font-family: 'Linotte Bold';
    font-size: 29px;
}
.slogan-group p {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 950px;
    padding: 0 30px;
    display: block;
    margin: 0 auto;
    font-size: 27px;
}
.news-new {
    padding: 110px 0 125px;
    position: relative;
}
.group-activities {
    padding: 110px 0 70px;
    position: relative;
}
.group-activities .bak-cut {
    padding: 30px 0;
    background: url(/uploads/plugin/custom_img/2020-06-15/1592228840-3109-custom.png) #fbe643;
}
.news-new:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 110px;
    background: url(/uploads/plugin/custom_img/2020-08-27/1598537528-198600129-custom.png);
}
.group-activities:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 110px;
    background: url(/uploads/plugin/custom_img/2020-06-29/1593439159-10379-custom.png);
}
.news-new:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 133px;
    background: url(/uploads/plugin/custom_img/2020-08-27/1598537528-84289624-custom.png);
}
.group-activities:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 70px;
    background: url(/uploads/plugin/custom_img/2020-06-29/1593439159-15962-custom.png);
}
.group-activities .title {
    text-align: center;
    font-family: 'Linotte Bold';
    margin-bottom: 30px;
}
.group-activities .title span {
    background: url(/uploads/plugin/custom_img/2020-06-15/1592228056-23063-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 21px 30px;
    font-size: 34px;
}
.detail-group .info-group .img-mascot img {
    width: 330px;
}
.list-activities {
    padding: 30px 0;
}
.list-activities .item {
    background: #fff;
    padding: 20px;
    margin-bottom: 100px;
    position: relative;
}
.list-activities .item:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fabdac;
    width: 100px;
    height: 30px;
}
.list-activities .item .img {
    position: relative;
    padding-top: 76%;
}
.list-activities .item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #333;
}
.list-activities .item .info {
    padding: 20px 0;
}
.list-activities .item .date-time {
    font-size: 15px;
    color: #000;
}
.list-activities .item .info h4 {
    font-family: 'Linotte Bold';
    font-size: 21px;
}
.member-group {
    padding: 50px 0;
}
.member-group h4 {
    text-align: center;
    font-family: 'Linotte Bold';
    margin-bottom: 30px;
}
.member-group h4 span {
    background: url(/uploads/plugin/custom_img/2020-06-15/1592229404-27495-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10px 30px;
    font-size: 24px;
}
.list-member {
    padding: 30px 0;
}
.list-member .img {
    position: relative;
    padding-top: 64%;
}
.list-member .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 190px;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 100%;
}
.list-member .name-member {
    font-size: 19px;
    margin: 15px 0 30px;
}
.group-pending img {
    width: 400px;
}
.group-pending .bk-title h2 {
    width: 400px;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
}
.group-pending .mascot {
    padding-left: 300px;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  List News
--------------------------------------------------------------------------*/
/*.category-news {
    margin-top: 50px;
}*/
.block-news.news-active .owl-pagination {
    top: 0;
    width: 500px;
}
.block-news.news-active  .owl-theme .owl-controls .owl-page {
    width: calc(100%/3);
    display: none;
}
.block-news.news-active .owl-theme .owl-controls .owl-page.active span, .block-news.news-active .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ffc215;
    width: 100%;
    position: relative;
}
.block-news.news-active .owl-theme .owl-controls .owl-page.active span:before, .block-news.news-active .owl-theme .owl-controls.clickable .owl-page:hover span:before {
    opacity: 0;
}
.block-news.news-active .owl-theme .owl-controls .owl-page span {
    width: 100%;
    border-radius: 0;
    margin: 20px 0 0;
    height: 10px;
}
.silder-news {position: relative;}
.silder-news .info-news h2 {
    font-family: 'Utm Avo Bold';
    font-size: 70px;
    line-height: 2;
    margin-bottom: 30px;
}
.slider-news img {
    width: 70%;
    height: calc(100vh - 126px);
    float: right;
    object-fit: cover;
}
.silder-news .info-news {
    position: absolute;
    bottom: 200px;
    width: 400px;
}
.silder-news .info-news .info {
    background: #fff;
    width: 100%;
    display: inline-block;
    padding: 30px;
    font-family: 'Linotte Semi Bold';
}
.silder-news .info-news .info span.date-time {
    color: #505050;
    font-size: 17px;
}
.silder-news .info-news .info h4 {
    margin-bottom: 30px;
}
.silder-news .info-news .content h4 {
    font-size: 21px;
    font-family: 'Linotte Semi Bold';
    line-height: 1.5;
}
.silder-news .info-news .view-all a {
    background: url(/uploads/plugin/custom_img/2020-06-15/1592232492-1383-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 15px 30px;
    color: #000;
    font-family: 'Linotte Semi Bold';
}
.news-new .bak-cut {
    padding: 100px 0 50px;
    background: #fbe643
}
.news-new .header-new {
    position: absolute;
    top: -220px;
    left: 0;
    right: 0;
    width: 100%;
}
.news-new .header-new h3 {
    font-family: 'Utm Avo Bold';
    font-size: 65px;
    padding-left: 15px;
    display: inline-block;
}
.news-new .header-new img {
    width: 200px;
    float: right;
    margin-top: -25px;
    margin-right: 200px;
}
.news-new {
    margin-top: 100px;
}
.news-new .list-new .item {
    background: #fff;
}
.news-new .list-new .item .img {
    position: relative;
    padding-top: 77%;
}
.news-new .list-new .item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-new .list-new .item .img .no-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.news-new .list-new .item .info {
    padding: 30px;
    position: relative;
}
.news-new .list-new .item .info .name-cate {
    position: absolute;
    top: -20px;
    left: 0;
    display: inline-block;
    background: #f8f8f8;
    padding: 7px 20px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Linotte Bold';
}
.news-new .list-new .item .info .name-cate a,
.news-new .list-new .item .statistical a{
    color: #333;
}
.news-new .list-new .item .statistical {
    display: inline-block;
    width: 100%;
    margin: 10px 0 0;
}
.list-cate-child>.row>div.fix-col {
    width: 20%;
}
.category-child {
    margin: 50px 0;
}
.category-child h3 {
    font-family: 'Utm Avo Bold';
    font-size: 41px;
    text-align: center;
    margin: 30px 0;
}
.category-child h3 span {
    background: url(/uploads/plugin/custom_img/2020-06-18/1592420485-28984-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0 10px;
    background-position-x: center;
}
.list-cate-child {
    margin: 50px 0;
}
.list-cate-child .item-cate {
    text-align: center;
}
.list-cate-child .item-cate .img-cate {
    position: relative;
    padding-top: 64%;
}
.list-cate-child .item-cate .img-cate img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: contain;
}
.list-cate-child .item-cate .name-cate {
    font-family: 'Linotte Semi Bold';
    font-size: 21px;
    margin: 15px 0;
}
.list-cate-child .item-cate .name-cate a {
    color: #000;
}
.list-new .title-news {
    min-height: 38px;
}
.list-new .title-news a {
    color: #000;
    text-transform: uppercase;
    font-family: 'Linotte Bold';
}
.list-new .item .info .desctiption {
    min-height: 125px;
}
.share-story {
    margin-bottom: 50px;
    position: relative;
    padding: 140px 0;
}
.share-story:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(/uploads/plugin/custom_img/2020-06-18/1592421997-7149-custom.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 40%;
}
.share-story h4 {
    color: #000;
    font-size: 24px;
    font-family: 'Utm Avo Bold';
    position: relative;
    height: 60px;
    line-height: 60px;
    margin: 0 0 30px;
}
.share-story h4:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -30px;
    width: 60px;
    height: 100%;
    background: url(/uploads/plugin/custom_img/2020-06-18/1592422347-27394-custom.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
}
.share-story p {
    margin: 15px 0 45px;
}
.share-story .btn-share {
    font-size: 18px;
    color: #000;
    font-family: 'Linotte Semi Bold';
    background: #fbe643;
}
.thank-share-story>img {
    height: 100vh;
    object-fit: cover;
}
.block-news.news-active {
    position: relative;
    padding-bottom: 15px;
}
.block-news.news-active:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -65px;
    width: 100%;
    height: 100%;
    background: url(/uploads/plugin/custom_img/2020-10-13/1602590281-482801514-custom.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Detail News
--------------------------------------------------------------------------*/
.header-post {
    text-align: center;
    padding: 50px 0;
    border-bottom: 1px solid #eaeaea;
}
.header-post .name-cate h4 {
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 4px solid #fbe643;
    margin: 0;
    padding-bottom: 5px;
}
.header-post .name-cate h4 a {
    color: #333;
}
.img-detail-post img {
    height: calc(100vh - 126px);
    object-fit: cover;
}
.detail-post {
    background: url(/uploads/plugin/custom_img/2020-08-28/1598583689-2000630976-custom.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right 170px;
}
.header-post .title-post h2 {
    font-family: 'Linotte Semi Bold';
    line-height: 1.6;
}
.header-post .create-by {
    margin-bottom: 15px;
}
.header-post .create-by span {
    font-family: 'Linotte Semi Bold';
}
.header-post .time-social ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.header-post .time-social ul .jssocials-share {
    display: inline-block;
    margin: 0 15px;
}
.header-post .time-social ul .jssocials-share a {
    color: #333;
}
.header-post .time-social>span {
    padding: 0 15px;
}
.post-view-top {
    padding: 40px 40px 270px;
    background: url(/uploads/plugin/custom_img/2020-08-28/1598598357-1801207342-custom.png) #fbe643;
    background-position: bottom;
    background-repeat: no-repeat;
}
.tag-post {
    margin-top: 70px;
}
.post-view-top h4 {
    font-family: 'Linotte Bold';
    font-size: 21px;
    margin: 0 0 30px;
}
.list-view-top .item .img {
    position: relative;
    padding-top: 64%;
}
.list-view-top .item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom; 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #333;
}
.list-view-top .item .img .no-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.list-view-top .item h4 {
    font-family: 'Linotte Regular';
    font-size: 20px;
    color:#000;
}
.list-view-top .item h4 a {
    color:#000;
}
.post-view-top .list-view-top .item {
    margin-bottom: 30px;
}
.list-view-top .item .name-cate {
    padding: 5px 0;
    display: inline-block;
    color: #000;
}
.list-view-top .item .name-cate a {
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Linotte Bold';
}
.detail-post .content-post .description-post {
    margin-top: 30px;
}
.detail-post .tag-post a {
    display: inline-block;
    margin-right: 30px;
    background: #fff;
    margin-bottom: 15px;
    padding: 7px 15px;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    position: relative;
    z-index: 9999;
    color: #000;
    min-height: 66px;
}
.detail-post .tag-post a:before {
    content: "";
    position: absolute;
    right: -24px;
    top: 9px;
    bottom: 0;
    width: 46px;
    height: 46px;
    background: #fff;
    transform: rotate(-45deg);
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    z-index: -3;
}
.post-view-top .list-cate {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    margin-top: 70px;
}
.post-view-top .list-cate h4 {
    margin: 0;
    border-bottom: 1px solid #aaa;
    font-family: 'Utm Avo Bold';
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 18px;
}
.post-view-top .list-cate ul {
    list-style: none;
}
.post-view-top .list-cate ul li {
    margin: 5px 0;
}
.post-view-top .list-cate ul li span {
    float: right;
}
.comment-post {
    margin: 50px 0 100px;
}
.comment-post h4 {
    font-family: 'Utm Avo Bold';
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 20px;
}
.detail-post .content-post img {
    width: 100%;
    height: 100%;
}
#share-icon {
    display: none;
    transition-delay: 5s;
    margin-left: -130px;
}
.share:hover #share-icon {
    display: inline-block;
    transition-delay: 5s;
    margin-left: 0;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Pages 404
--------------------------------------------------------------------------*/
.page-four {
    background: #f88d3f;
    text-align: center;
    height: 100vh;
    position: relative;
}
.page-four>.container, .page-four>.container>.row {
    height: 100%;
}
.page-four>.container>.row {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.page-four img {
    width: 500px;
    height: auto;
}
.page-four h1 {
    font-family: 'Utm Avo Bold';
    text-transform: uppercase;
    font-size: 41px;
    transform: scale(1,1.3);
    -webkit-transform: scale(1,1.1);
    -moz-transform: scale(1,1.3);
    -ms-transform: scale(1,1.3);
    -o-transform: scale(1,1.3);
}
.page-four .go-back {
    margin: 15px 0;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    color: #f7ff18;
    font-family: 'Utm Avo Bold';
    transform: scale(1,1.3);
    -webkit-transform: scale(1,1.2);
    -moz-transform: scale(1,1.3);
    -ms-transform: scale(1,1.3);
    -o-transform: scale(1,1.3);
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Popup Login
--------------------------------------------------------------------------*/
.login-member .modal-dialog {
    width: 370px;
}
.login-member .modal-header {
    padding: 25px;
    border-bottom: none;
}
.login-member .logo {
    position: absolute;
    top: 50px;
    left: 100px;
    padding: 0;
}
.login-member .modal-content {
    box-shadow: none;
}
.login-member .modal-content .modal-title {
    font-size: 21px;
    text-align: center;
    color: #000;
    font-family: 'Utm Avo Bold';
}
.login-member .modal-body {
    padding: 0 25px 25px;
}
.login-member .form-control {
    height: 40px;
}
.login-member .btn-submit {
    background: #fce643;
    border: none;
    color: #000;
    font-family: 'Linotte Semi Bold';
    padding: 7px 15px;
    border-radius: 10px;
    margin-top: 15px;
}
.login-member label {
    font-weight: 400;
    color: #000;
}
.login-member .form-check {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.login-member .form-check label {
    font-size: 14px;
}
.login-member .form-check a {
    font-size: 14px;
    color: #dc6563;
    text-decoration: underline;
}
.login-member .register {
    display: inline-block;
    font-size: 14px;
    font-family: 'Linotte Semi Bold';
    color: #000;
}
.login-member .register a {
    color: #dc6563;
}
.wrap-avatar-member img {
    width: 15px;
    border-radius: 100%;
}
.wrap-avatar-member {
    background: #fbe643;
    padding: 3px 10px;
    border-radius: 10px;
    font-family: 'Linotte Semi Bold';
    color: #000;
}
.notification-member {
    display: inline-block;
    float: left;
    margin: 0 15px;
    padding: 3px 0;
}
.notification-member a {
    color: #000;
    font-family: 'Linotte Semi Bold';
}
.login-member.bak-login>.container, .login-member.bak-login>.container>.row,
.bk-register>.container, .bk-register>.container>.row {
    height: 100%;
}
.login-member.bak-login>.container>.row, .bk-register>.container>.row {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.bk-register img.bk-regist {
    width: auto;
    margin: 0 auto;
    display: block;
}
.register-member {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    padding: 30px 15px 30px 40px;
    max-width: 480px;
}
.register-member #register-page {
    display: inline-block;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    background: #fff;
    padding-right: 10px;
}
.register-member #register-page::-webkit-scrollbar {
  width: 5px;
   display: none; 
}
 .register-member #register-page:hover::-webkit-scrollbar {
    display: block;
} 
.register-member #register-page::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.register-member #register-page::-webkit-scrollbar-thumb {
  background: #fbe643;
}
.register-member #register-page::-webkit-scrollbar-thumb:hover {
  background: #fbe643;
}
.register-member .logo-cp img {
    width: 100px;
}
.register-member h3 {
    color: #000;
    font-family: 'Utm Avo Bold';
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 21px;
}
.member-bear h4 {
    font-size: 19px;
    color: #000;
}
.register-member label {
    font-weight: normal;
    font-family: 'Linotte Semi Bold';
    font-size: 16px;
    color: #000;
}
.has-error .help-block {
    font-size: 14px;
    margin: 5px 0 !important;
}
.register-member .form-group input, .register-member .chosen-container-single .chosen-single {
    border: none;
    box-shadow: none;
    background: #faf7f2;
    height: 37px;
    line-height: 28px;
    border-radius: 5px;
    width: 100%;
    padding: 6px 12px;
}
.register-member .form-group input[type=radio], .register-member .form-group input[type=checkbox] {
    width: auto;
    line-height: normal;
    height: auto;
}
.member-bear span {
    font-size: 15px;
}
.no-margin {
    margin-bottom: 0;
}
.register-member .guide {
    color: #aaa;
    font-size: 14px;
    padding-top: 5px;
    font-style: italic;
}
.guide.mar-bt-10 {
    margin-bottom: 10px;
}
.member-bear label img {
    width: 24px;
}
.register-member .btn {
    text-transform: uppercase;
    font-family: 'Linotte Semi Bold';
    padding: 10px 15px;
    border-radius: 10px;
    background: #fbe643;
    font-size: 16px;
    margin-top: 30px;
    margin-right: 15px;
}
.register-member .upload-avatar {
    padding: 0;
    border-radius: 100%;
    width: 100%;
    height: auto;
    background: none;
    display: block;
    transition: all .3s ease;
}
.register-member .upload-avatar img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    max-height: 120px;
    transition: all .3s ease;
}
.register-member .upload-avatar .circle span {
    color: #fff;
    font-size: 15px;
}
.register-member .upload-avatar .p-image {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #302d2d;
    border-radius: 100%;
    padding: 3px 6px;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
}
.login-member .div-absolute {
    position: absolute;
    top: 30%;
    right: 20%;
    width: 400px;
}
.login-member .input-group {
    display: block;
    position: relative;
}
.login-member .input-group .form-control {
    border-radius: 4px !important;
}
.login-member .input-group i {
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    z-index: 9;
    color: #8a8989;
}
.forgot-password .logo {
    position: absolute;
    top: 50px;
    left: 100px;
    padding: 0;
}
.forgot-password .logo img {
    width: auto;
    height: auto;
}
.select-mascot img {
    width: 100px;
}
.hear-about {
    width: calc(100% - 15px);
    float: right;
    padding-left: 5px;
}
.member-bear label {
    position: relative;
    cursor: pointer;
    padding-left: 10px;
}
/*.member-bear input {*/
/*    position: absolute;*/
/*    opacity: 0;*/
/*    cursor: pointer;*/
/*    height: 0;*/
/*    width: 0;*/
/*}*/
/*.member-bear label:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 15px;*/
/*    width: 15px;*/
/*    background-color: #eee;*/
/*    border-radius: 50%;*/
/*}*/
/*.member-bear label:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    display: none;*/
/*    top: 4px;*/
/*    left: 4px;*/
/*    width: 3px;*/
/*    height: 3px;*/
/*    border-radius: 50%;*/
/*    background: #fff;*/
/*}*/
/*.member-bear input:checked ~ .label:after {*/
/*    display: block;*/
/*}*/
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Dashboard member
--------------------------------------------------------------------------*/
.info-profile {
    background: url(/uploads/plugin/custom_img/2020-06-21/1592734229-29183-custom.png);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
}
.info-profile .header-menu {
    background: #ffffff7a;
}
.profile-member {
    padding: 100px 0;
}
.profile-member .upload-avatar {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    padding: 0;
}
.profile-member .upload-avatar img {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    object-fit: cover;
    padding: 0;
    margin-bottom: 0;
}
.profile-member .upload-avatar img.no-img {
    width: 50px;
    height: auto;
}
.info-member h2 {
    color: #000;
    font-family: 'Utm Avo Bold';
    margin-bottom: 25px;
}
.info-member .type-member p, .access-date span {
    font-family: 'Linotte Semi Bold';
    color: #615f5f;
} 
.info-member .description h4 {
    font-family: 'Linotte Semi Bold';
    color: #000;
    margin: 20px 0 15px;
}
.profile-member .group {
    background: #fbe643;
    font-family: 'Linotte Semi Bold';
    padding: 6px 15px;
    border-radius: 5px;
    font-size: 18px;
}
.number-like-comment div {
    display: inline-block;
    float: left;
    margin-right: 40px;
}
.number-like-comment span {
    font-size: 21px;
    display: block;
    color: #615f5f;
    text-align: center;
}
.number-like-comment span.number {
    font-size: 29px;
    color: #000;
}
.personal-info {
    margin-top: 50px;
}
.personal-info h3, .comment-activity h3 {
    font-family: 'Linotte Semi Bold';
    font-size: 27px;
    margin-bottom: 20px;
}
.personal-info .info {
    padding-left: 50px;
}
.personal-info .info p {
    color: #000;
    font-size: 19px;
    margin-bottom: 15px;
}
.personal-info .info p span {
    width: 200px;
    display: inline-block;
    color: #615f5f;
}
.personal-info .info p span.change-password a {
    color: #000;
    font-size: 19px;
    text-decoration: underline
}
.personal-info .update-profile {
    margin: 20px 0;
}
.personal-info .update-profile a {
    background: #fbe643;
    color: #000;
    font-size: 19px;
    font-family: 'Linotte Semi Bold';
}
.comment-activity {
    margin: 100px 0;
}
.comment-activity .list-comment {
    padding: 50px;
    margin-top: 30px;
    background: url(/uploads/plugin/custom_img/2020-06-21/1592740150-13563-custom.png);
}
.comment-activity .list-comment h4.title span {
    background: #fbe643;
    color: #000;
    font-size: 19px;
    font-family: 'Linotte Semi Bold';
    padding: 10px 20px;
    margin-bottom: 20px;
    display: inline-block;
}
.comment-activity .list-comment .item {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
    display: inline-block;
    width: 100%;
}
.comment-activity .list-comment .item .avatar {
    width: 130px;
    height: 130px;
    float: left;
    background: #000;
    border-radius: 100%;
}
.comment-activity .list-comment .item .avatar img {
    background: #000;
    width: 130px;
    height: 130px;
    border-radius: 100%;
}
.comment-activity .list-comment .item .comment {
    width: calc(100% - 130px);
    padding-left: 30px;
    float: right;
}
.comment-activity .list-comment .item .comment h4 {
    font-family: 'Linotte Semi Bold';
    font-size: 19px;
    color: #000;
}
.comment-activity .list-comment .item .comment p {
    color: #000;
}
.comment-activity .list-comment .item .comment .img-emoticon {
    width: 20px;
}
.comment-activity .list-comment .like-reply p {
    display: inline-block;
    margin-right: 50px;
}
.comment-activity .list-comment .item .item-reply {
    border-left: 2px solid #aaa;
    padding-left: 20px;
}
.scroll-comment {
    height: 850px;
    overflow-y: scroll;
    padding-right: 10px;
}
/* width */
.scroll-comment::-webkit-scrollbar {
  width: 13px;
}

/* Track */
.scroll-comment::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
.scroll-comment::-webkit-scrollbar-thumb {
  background: #fbe643;
}

/* Handle on hover */
.scroll-comment::-webkit-scrollbar-thumb:hover {
  background: #fbe643;
}
.profile-member.edit-profile .upload-avatar {
    width: auto;
    height: auto;
    background: unset;
}
.edit-profile .file-caption, .edit-profile .file-preview .fileinput-remove.close {
    display: none;
}
.edit-profile .upload-avatar .file-input {
    margin-top: 15px;
}
.edit-profile .file-preview img {
    width: 150px !important;
    height: 150px !important;
}
.personal-info .form-group {
    min-height: 40px;
}
.personal-info .form-group label {
    font-weight: normal;
    font-family: 'Linotte Semi Bold';
}
.personal-info .form-group input, .personal-info .form-group select, .personal-info .form-group .chosen-container-single .chosen-single {
    border: none;
    box-shadow: none;
    background: #faf7f2;
    height: 40px;
    line-height: 28px;
    border-radius: 5px;
    width: 100%;
    padding: 6px 12px;
}
.personal-info .form-group .form-check input[type="radio"] {
    width: 22px;
    height: 18px;
    line-height: 1.4;
}
.personal-info .form-group .input-group .input-group-addon {
    border: none;
    background: #faf7f2;
}
.info-member .type-member p img {
    width: auto;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Share Stroy
--------------------------------------------------------------------------*/
.share-story-pages {
    padding: 70px 0;
}
.header-info img {
    width: 400px;
}
.header-info>.row {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.header-info .info-header h2 {
    font-family: 'Utm Avo Bold';
    margin-bottom: 20px;
}
.header-info .info p {
    font-family: 'Linotte Semi Bold';
}
.header-info .info p a {
    text-transform: uppercase;
    color: #dc6563;
}
.content-story {
    margin-top: 50px;
}
.content-story .header-story label {
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Linotte Semi Bold';
    font-size: 16px;
    line-height: 40px;
}
.content-story .header-story .form-control, .content-story .header-story .custom-file-input, .content-story .header-story .chosen-single {
    border: none;
    box-shadow: none;
    background: #faf7f2;
    height: 40px;
    line-height: 28px;
    border-radius: 5px;
    width: 100%;
    padding: 6px 12px;
}
.content-story .header-story .chosen-container .chosen-drop {
    border: none;
    box-shadow: none;
    background: #faf7f2;
}
.chosen-container-single .chosen-single div b {
    background-position: 0 10px;
}
.content-story .bk-content img {
    width: 100%;
}
.content-story .bk-content .img-position {
    position: relative;
}
.content-story .bk-content .img-position .content {
    position: absolute;
    top: 107px;
    left: 25px;
    right: 0;
    width: 65%;
    height: 700px;
    margin: 0 auto;
}
.content-story .bk-content .img-position .content span,
.header-story label span {
    color: red;
}
.content-story .bk-content .img-position .content h3 {
    font-family: 'Utm Avo Bold';
    text-transform: uppercase;
    margin-bottom: 100px;
}
.content-story .bk-content .img-position .content textarea {
    border: none;
    height: 580px;
    overflow-y: scroll;
    box-shadow: none;
}
.content-story .bk-content {
    background: url(/uploads/plugin/custom_img/2020-09-16/1600250665-944925008-custom.png);
    background-position: top;
    background-size: 119%;
    background-repeat: no-repeat;
    padding: 100px 0;
}
.content-story .list-btn {
    text-align: center;
}
.content-story .list-btn a {
    background: #fbe643;
    text-transform: uppercase;
    color: #000;
    padding: 10px 20px;
    border-radius: 20px;
    font-family: 'Linotte Semi Bold';
}
img.img-share-story {
    width: calc(100% + 100px);
    margin-left: -100px;
}
.bk-share {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.header-info .info-header {
    position: absolute;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Thank register
--------------------------------------------------------------------------*/
.thank-bk {
    position: relative;
}
.thank-register {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    width: 450px;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    padding: 70px 50px;
    border-radius: 20px;
}
.back-home, .go-group {
    display: block;
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 10px;
}
.back-home {
    margin-top: 10px;
}
p.hoac {
    display: block;
    width: 100%;
    float: left;
    margin: 0;
    font-family: 'Linotte Semi Bold';
    text-transform: uppercase;
}
.back-home a, .go-group a {
    color: #e81b00;
    font-family: 'Linotte Semi Bold';
    text-decoration: underline;
}
.thank-register-group p {
    font-family: 'Linotte Semi Bold';
    font-size: 19px;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Pages Search Tag News
--------------------------------------------------------------------------*/
.list-menu-cate {
    background: #fbe643;
}
.list-menu-cate ul {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.list-menu-cate ul li {
    display: inline-block;
}
.list-menu-cate ul li a {
    font-family: 'Linotte Semi Bold';
    text-transform: uppercase;
    color: #000;
    padding: 20px 50px;
}
.list-menu-cate ul li a:hover {
    background: none;
}
.list-menu-cate ul li:first-child a {
    padding-left: 0;
}
.search-tag {
    padding: 80px 0;
}
.list-post-by-cate {
    background: url(/uploads/plugin/custom_img/2020-08-27/1598544313-1626323071-custom.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right 170px;
}
.search-tag .title-tag {
    text-align: center;
    position: relative;
    font-family: 'Linotte Semi Bold';
    font-size: 41px;
    padding-bottom: 30px;
    margin: 0;
}
.search-tag .title-tag:before, .search-tag .title-tag:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: 4px;
    border-radius: 5px;
    background: #fbe643;
}
.search-tag .title-tag:before {
    width: 400px;
    bottom: 15px;
}
.search-tag .title-tag:after {
    width: 300px;
}
.search-tag>.row>div>.row {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.tag-list .item-blogs {
    margin-bottom: 50px;
}
.tag-list .img-blogs {
    position: relative;
    padding-top: 74%;
}
.tag-list .img-blogs a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.tag-list .item-blogs .like-view span a {
    color: #333;
}
.tag-list .img-blogs a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tag-list .item-blogs .info {
    padding-top: 15px;
}
.tag-list .item-blogs .info span.time {
    font-size: 16px;
}
.tag-list .item-blogs .info .title-blogs-item a {
    font-family: 'Linotte Semi Bold';
    color: #000;
    font-size: 21px;
}
.tag-list .item-blogs .info .title-blogs-item {
    margin: 15px 0;
    min-height: 47px;
}
.about-policy .container {
    width: 1024px;
}
.content-policy .contact img {
    width: auto;
    float: left;
}
.header-policy {
    background: #fff140;
    padding: 50px 0;
    margin-top: 30px;
    margin-bottom: 50px;
}
.header-policy img {
    width: auto;
}
.header-policy>.container>.row {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.header-policy h2 {
    font-family: 'Utm Avo Bold';
    text-transform: uppercase;
    line-height: 1.5;
}
.content-policy h3, .content-policy h4 {
    font-family: 'Linotte Semi Bold';
}
.content-policy ul {
    padding-left: 15px;
}
.about-policy {
    padding-bottom: 100px;
}
.about-policy .question {
    width: 80%;
    background: #fff140;
    margin: 50px auto;
    padding: 30px 100px;
    border-radius: 100px;
}
.content-policy .contact span {
    display: block;
    font-family: 'Linotte Semi Bold';
    padding-left: 115px;
    padding-top: 5px;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Web screen 1680px
--------------------------------------------------------------------------*/
@media (max-width: 1680px) {
    .group-active .content img {
        width: 1300px;
    }
    .mighty-slider .text-sl {
        left: 11.1%;
    }
    .ss-community {
        margin-top: -115px;
    }
    .list-group-active .item-group.item-1 {
        width: 270px;
        height: 270px;
        right: 305px;
        top: 40px;
    }
    .list-group-active .item-group.item-1 img {
        width: 270px;
        height: 270px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-2 {
        width: 250px;
        height: 250px;
        left: 340px;
        bottom: 45px;
    }
    .list-group-active .item-group.item-2 img {
        width: 250px;
        height: 250px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-3 {
        width: 270px;
        height: 270px;
        left: 755px;
        bottom: 175px;
    }
    .list-group-active .item-group.item-3 img {
        width: 270px;
        height: 270px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-4 {
        left: 520px;
        top: 85px;
        width: 250px;
        height: 250px;
    }
    .list-group-active .item-group.item-4 img {
        width: 250px;
        height: 250px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-5 {
        left: 340px;
        top: 260px;
        width: 130px;
        height: 130px;
    }
    .list-group-active .item-group.item-5 img {
        width: 130px;
        height: 130px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-6 {
        left: 850px;
        top: 75px;
        width: 130px;
        height: 130px;
    }
    .list-group-active .item-group.item-6 img {
        width: 130px;
        height: 130px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-7 {
        right: 50px;
        top: 310px;
        width: 230px;
        height: 230px;
    }
    .list-group-active .item-group.item-7 img {
        width: 230px;
        height: 230px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-8 {
        right: 60px;
        top: 120px;
        width: 150px;
        height: 150px;
    }
    .list-group-active .item-group.item-8 img {
        width: 150px;
        height: 150px;
        border-radius: 100%;
    }
    .register-member {
        top: 15%;
    }
    .bk-register .text-register.text-one {
        left: 240px;
    }
    .bk-register .text-register.text-two {
        bottom: 410px;
        left: 100px;
    }
    .bk-register .text-register.text-three {
        bottom: 395px;
        right: 100px;
    }
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Web screen 1600px
--------------------------------------------------------------------------*/
@media (max-width: 1600px) {
    .mighty-slider .text-sl {
        left: 9.1%;
    }
    .ss-community {
        margin-top: -135px;
    }
    .ss-group-active {
        padding-top: 0;
    }
    .list-group-active .item-group.item-1 {
        width: 300px;
        height: 300px;
        right: 310px;
        top: 40px;
    }
    .list-group-active .item-group.item-1 img {
        width: 300px;
        height: 300px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-2 {
        width: 270px;
        height: 270px;
        left: 255px;
        bottom: 45px;
    }
    .list-group-active .item-group.item-2 img {
        width: 270px;
        height: 270px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-3 {
        width: 270px;
        height: 270px;
        left: 680px;
        bottom: 170px;
    }
    .list-group-active .item-group.item-3 img {
        width: 270px;
        height: 270px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-4 {
        left: 450px;
        top: 60px;
        width: 280px;
        height: 280px;
    }
    .list-group-active .item-group.item-4 img {
        width: 280px;
        height: 280px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-5 {
        left: 255px;
        top: 255px;
        width: 140px;
        height: 140px;
    }
    .list-group-active .item-group.item-5 img {
        width: 140px;
        height: 140px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-6 {
        left: 780px;
        top: 75px;
        width: 125px;
        height: 140px;
    }
    .list-group-active .item-group.item-6 img {
        width: 140px;
        height: 140px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-7 {
        right: 50px;
        top: 320px;
        width: 250px;
        height: 250px;
    }
    .list-group-active .item-group.item-7 img {
        width: 250px;
        height: 250px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-8 {
        right: 60px;
        top: 120px;
        width: 150px;
        height: 150px;
    }
    .list-group-active .item-group.item-8 img {
        width: 150px;
        height: 150px;
        border-radius: 100%;
    }
    .bk-register .text-register.text-one {
        left: 210px;
    }
    .bk-register .text-register.text-two {
        bottom: 400px;
        left: 90px;
    }
    .bk-register .text-register.text-three {
        bottom: 375px;
        right: 90px;
    }
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Web screen 1400px
--------------------------------------------------------------------------*/
@media (max-width: 1440px) {
    .mighty-slider .text-sl {
        left: 4%;
    }
    .ss-community {
        background: url(/uploads/plugin/custom_img/2020-06-06/1591407418-1458893796-custom.png);
        background-position: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .list-group-active .item-group.item-1 {
        width: 230px;
        height: 230px;
        right: 335px;
        top: 60px;
    }
    .list-group-active .item-group.item-1 img {
        width: 230px;
        height: 230px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-2 {
        width: 240px;
        height: 240px;
        left: 115px;
        bottom: 45px;
    }
    .list-group-active .item-group.item-2 img {
        width: 240px;
        height: 240px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-3 {
        width: 240px;
        height: 240px;
        left: 500px;
        bottom: 185px;
    }
    .list-group-active .item-group.item-3 img {
        width: 240px;
        height: 240px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-4 {
        left: 305px;
        top: 89px;
        width: 240px;
        height: 240px;
    }
    .list-group-active .item-group.item-4 img {
        width: 240px;
        height: 240px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-5 {
        left: 90px;
        top: 255px;
        width: 120px;
        height: 120px;
    }
    .list-group-active .item-group.item-5 img {
        width: 120px;
        height: 120px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-6 {
        left: 585px;
        top: 65px;
        width: 120px;
        height: 120px;
    }
    .list-group-active .item-group.item-6 img {
        width: 120px;
        height: 120px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-7 {
        right: 50px;
        top: 315px;
        width: 230px;
        height: 230px;
    }
    .list-group-active .item-group.item-7 img {
        width: 230px;
        height: 230px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-8 {
        right: 60px;
        top: 115px;
        width: 150px;
        height: 150px;
    }
    .list-group-active .item-group.item-8 img {
        width: 150px;
        height: 150px;
        border-radius: 100%;
    }
    .silder-news .info-news {
        bottom: 100px;
    }
    .register-member {
        top: 14%;
    }
    .register-group {
        top: 25px;
    }
    .bk-register .text-register.text-one {
        left: 120px;
    }
    .bk-register .text-register.text-two {   
        bottom: 250px;
        left: 30px;
        width: 250px
    }
    .bk-register .text-register.text-three {
        bottom: 250px;
        right: 20px;
    }
    .detail-group .header-info {
        left: 90px;
    }
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Web screen 1366px
--------------------------------------------------------------------------*/
@media (max-width: 1366px) {
    .header-join h4 {
        padding: 10% 0;
        width: 280px;
    }
    .list-new .item .info .desctiption {
        min-height: 150px;
    }
    .register-member {
        top: 25%;
    }
    .register-group {
        top: 40px;
    }
    .box-register {
        background: #fff;
        padding: 30px;
        margin: 0 0;
        border-radius: 50px;
    }
    .bk-register .text-register.text-one {
        left: 90px;
    }
    .bk-register .text-register.text-two {   
        bottom: 15px;
        left: 10px;
        width: 250px
    }
    .bk-register .text-register.text-three {
        bottom: 0;
        right: 20px;
        width: 290px;
    }  
    .wsmenu-list > li > .navtext {
        padding: 15px 20px !important;
    }
    .display-theme-2 {
        padding: 15px 0;
        width: 150px;
        text-align: center;
    }
    .group-active .content img {
        width: 1000px;
    }
    .list-group-active .item-group.item-1 {
        width: 200px;
        height: 200px;
        right: 240px;
        top: 30px;
    }
    .list-group-active .item-group.item-1 img {
        width: 200px;
        height: 200px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-2 {
        width: 200px;
        height: 200px;
        left: 320px;
        bottom: 45px;
    }
    .list-group-active .item-group.item-2 img {
        width: 200px;
        height: 200px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-3 {
        width: 200px;
        height: 200px;
        left: 660px;
        bottom: 140px;
    }
    .list-group-active .item-group.item-3 img {
        width: 200px;
        height: 200px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-4 {
        left: 490px;
        top: 60px;
        width: 200px;
        height: 200px;
    }
    .list-group-active .item-group.item-4 img {
        width: 200px;
        height: 200px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-5 {
        left: 320px;
        top: 185px;
        width: 120px;
        height: 120px;
    }
    .list-group-active .item-group.item-5 img {
        width: 120px;
        height: 120px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-6 {
        left: 715px;
        top: 35px;
        width: 120px;
        height: 120px;
    }
    .list-group-active .item-group.item-6 img {
        width: 120px;
        height: 120px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-7 {
        right: 30px;
        top: 240px;
        width: 190px;
        height: 190px;
    }
    .list-group-active .item-group.item-7 img {
        width: 190px;
        height: 190px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-8 {
        right: 45px;
        top: 80px;
        width: 130px;
        height: 130px;
    }
    .list-group-active .item-group.item-8 img {
        width: 130px;
        height: 130px;
        border-radius: 100%;
    }
    .statistical-group .item-group img.cup {
        width: 170px;
    }
    .header-info img {
        width: 240px;
    }
    .detail-group .header-info h2 {
        width: 246px;
        font-size: 24px;
    }
    .detail-group .header-info h2 .name-group {
        font-size: 25px;
    }
    .statistical-group .item-group .avatar-group img {
        height: 540px;
    }
    .header-detail:before {
        width: 975px;
        bottom: -50px;
    }
    .block-news.news-active:before {
        width: 1100px;
        bottom: -90px;
    }
    img.img-share-story {
        width: calc(100% + 100px);
        margin-left: -100px;
    }
    .content-story .bk-content .img-position .content h3 {
        margin-bottom: 50px;
    }
    .content-story .bk-content .img-position .content .tox-tinymce {
        height: 420px !important;
    } 
    .content-story .bk-content .img-position .content {
        top: 80px;
        left: 0;
        height: 630px;
    }
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Web screen 1280px
--------------------------------------------------------------------------*/
@media (max-width: 1280px) {
    .mighty-slider .text-sl {
        left: 4%;
    }
    .ss-community {
        background: url(/uploads/plugin/custom_img/2020-06-06/1591407418-1458893796-custom.png);
        background-position: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .group-active .content img {
        width: calc(100% - 100px);
    }
    .list-group-active .item-group.item-1 {
        width: 210px;
        height: 210px;
        right: 320px;
        top: 50px;
    }
    .list-group-active .item-group.item-1 img {
        width: 210px;
        height: 210px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-2 {
        width: 220px;
        height: 220px;
        left: 115px;
        bottom: 45px;
    }
    .list-group-active .item-group.item-2 img {
        width: 220px;
        height: 220px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-3 {
        width: 210px;
        height: 210px;
        left: 480px;
        bottom: 185px;
    }
    .list-group-active .item-group.item-3 img {
        width: 210px;
        height: 210px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-4 {
        left: 305px;
        top: 89px;
        width: 220px;
        height: 220px;
    }
    .list-group-active .item-group.item-4 img {
        width: 220px;
        height: 220px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-5 {
        left: 90px;
        top: 255px;
        width: 110px;
        height: 110px;
    }
    .list-group-active .item-group.item-5 img {
        width: 110px;
        height: 110px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-6 {
        left: 540px;
        top: 65px;
        width: 110px;
        height: 110px;
    }
    .list-group-active .item-group.item-6 img {
        width: 110px;
        height: 110px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-7 {
        right: 50px;
        top: 300px;
        width: 210px;
        height: 210px;
    }
    .list-group-active .item-group.item-7 img {
        width: 210px;
        height: 210px;
        border-radius: 100%;
    }
    .list-group-active .item-group.item-8 {
        right: 60px;
        top: 115px;
        width: 150px;
        height: 150px;
    }
    .list-group-active .item-group.item-8 img {
        width: 150px;
        height: 150px;
        border-radius: 100%;
    }
    .bk-register img.bk-regist {
        width: 1200px;
    }
    .register-member {
        width: 35%;
    }
    .register-member {
        top: 25%;
    }
}
.title-about {
    text-align: center;
}
.coppy-link {
    border: none;
    background: none;
    padding: 0;
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
|  Web mobile
--------------------------------------------------------------------------*/
@media(max-width: 768px) {
    body {
        overflow-x: hidden;
    }
    .logo img, .home-about-us .img img {
        width: 100%;
    }
    .list-group-active .item-group {
        position: relative;
        width: 50% !important;
        float: left !important;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
        height: auto !important;
        margin-bottom: 20px;
    }
    .list-group-active .item-group img {
        width: 130px !important;
        height: 130px !important;
        max-height: 130px;
        object-fit: cover;
    }
    .block-news.news-hot .item-blogs .info {
        padding-right: 0;
    }
    .block-news.news-hot .best-comment .commnet {
        margin: 21px 0;
        padding: 30px 15px 15px;
    }
    .block-news.news-hot .border-line {
        padding-left: 15px;
    }
    .block-news.news-hot .best-comment .commnet .info-comment {
        padding: 0;
    }
    .statistical-bear .info {
        margin-left: 0;
    }
    .box-language {
        margin-left: 0;
    }
    .logo {
        padding: 12px 0;
    }
    .mobile-header-menu>.container>.row {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
    }
    .wsmenucontainer {
        float: left;
    }
    .box-search .form-group {
        margin-bottom: 0;
    }
    .mobile-slider>.container>.row>div[class*="col-"] {
        padding: 0;
    }
    .bak-about {
        padding-bottom: 150px;
    }
    .ss-community {
        background: url(/uploads/plugin/custom_img/2020-06-06/1591407418-1458893796-custom.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 60px 0 100px;
    }
    .item-join {
        padding: 50px 0;
    }
    .list-community .title-community h4 {
        background: #fbe643;
        border-radius: 20px
    }
    .ss-news-hot {
        padding: 0 0 30px;
    }
    .block-news.news-hot .owl-pagination {
        bottom: -45px;
        top: auto;
    }
    .block-news.news-hot .img-blogs {
        margin-bottom: 50px;
    }
    .block-news.news-hot .count-comment .get-link i {
        margin: 0 5px;
    }
    .statistical-group .item-group img.cup {
        width: 100px;
    }
    .statistical-group .item-group {
        padding-bottom: 80px;
    }
    .statistical-group .item-group .info-statistical h4 {
        margin-right: 0;
    }
    .statistical-group .item-group .info-statistical .info {
        margin: 0;
    }
    .footer-menu, .signup-copies {
        padding-left: 0;
    }
    .signup-copies {
        margin-bottom: 50px;
    }
    .footer-bk:before {
        background-size: contain;
    }
    .footer-bk {
        background: #2b2b2b;
        padding: 30px 0 250px;
    }
    .bak-who {
        background: url(/uploads/plugin/custom_img/2020-06-08/1591583602-19921-custom.png);
        padding: 70px 0 0;
        background-position: center;
        background-repeat: no-repeat;
    }
    .info-why {
        padding: 0;
    }
    .title-about {
        font-size: 29px;
        text-align: left;
    }
    .list-we-do .img {
        width: 100%;
        height: 150px;
    }
    .list-we-do .item h4.title {
        margin: 20px 0;
    }
    .join-bear-network .item-join h4 {
        margin: 15px 0;
    }
    .group-heaeder>.container>.row {
        display: block;
    }
    .group-heaeder {
        padding: 70px 0;
    }
    .group-heaeder h1 {
        margin-bottom: 30px;
    }
    .bak-group {
        padding: 0;
    }
    .info-group .hello-group {
        background: #fde841;
        text-align: center;
        padding: 15px 30px;
        border-radius: 100px;
        margin: 45px 0;
    }
    .group-activities .title span {
        font-size: 25px;
    }
    .info-group .hello-group h2 span.name-group {
        text-transform: uppercase;
        font-family: 'Utm Avo Bold';
        line-height: 1.3;
    }
    .bk-slogan {
        display: block;
        margin: 0;
        margin-bottom: 30px;
        padding: 15px;
        background: #fde841;
        border-radius: 20px;
    }
    .slogan-group span, .slogan-group p {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
    }
    .list-member .img {
        padding-top: 100%;
    }
    .list-member .img img {
        width: 100%;
    }
    .comment-activity .list-comment {
        padding: 15px;
    }
    .header-info>.row, .login-member.bak-login>.container>.row, .bk-register>.container>.row {
        display: block;
    }
    .login-member .logo {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        padding: 20px 0 ;
        display: block;
    }
    .login-member .logo img {
        width: auto;
    }
    .login-member.bak-login {
        background: #fbe643;
        padding: 20px 0 50px;
    }
    .register-member {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        padding: 20px 15px;
        border: 1px solid #fbe643;
        margin: 30px 0;
        border-radius: 5px;
    }
    .register-member #register-page {
        max-height: 100%;
        overflow-y: hidden;
        overflow-x: hidden;
        width: 100%;
    }
    .register-member .upload-avatar {
        width: 120px ;
        margin: 0 auto;
    }
    .silder-news .info-news {
        position: relative;
        width: 100%;
        bottom: 0;
    }
    .category-news {
        margin-top: 0;
    }
    .silder-news .info-news h2 {
        font-size: 31px;
    }
    .silder-news .info-news .content {
        padding: 15px;
    }
    .news-new {
        margin-top: 30px;
        padding: 30px 0;
    }
    .news-new .header-new {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 30px;
        display: inline-block;
        width: 100%;
    }
    .news-new .header-new img {
        width: 100px;
        margin: 0;
        float: right;
    }
    .news-new .header-new h3 {
        font-size: 35px;
        width: 50%;
        float: left;
    }
    .list-cate-child>.row>div.fix-col {
        font-size: 35px;
        width: 50%;
        float: left;
    }
    .home-about-us>.row {
        display: block;
    }
    .statistical-group .item-group .avatar-group img {
        height: 330px;
    }
    .statistical-bear {
        margin-top: 30px;
    }
    .navtext.active {
        background: #fbe643 !important;
    }
    .wsmenu > .wsmenu-list > li > a > .fa {
        display: none;
    }
    .mighty-slider .image {
        position: relative;
        height: 200px;
    }
    .mighty-slider .text-sl .description {
        display: none;
    }
    .mighty-slider .owl-controls {
        display: none !important;
    }
    .mighty-slider .text-sl .title {
        font-size: 21px;
        text-shadow: 1px 1px #020202;
    }
    .mighty-slider .text-sl a.link {
        width: 120px;
        font-size: 14px;
    }
    .header-join h4 {
        width: 100%;
    }
    .abous-list .list {
        margin: 20px 0 50px !important;
    }
    .abous-list {
        padding-top: 15px;
    }
    .bak-why {
        padding-top: 30px;
    }
    .bak-who {
        padding-bottom: 30px;
    }
    .logo-us {
        margin-bottom: 30px;
    }
    .img-why {
        margin-top: 30px;
    }
    .item-join img {
        margin-bottom: 30px;
    }
    .img-detail-post img {
        height: 230px
    }
    .silder-news .info-news h2 {
        text-shadow: -3px 1px #000 !important;
    }
    .silder-news .info-news .info {
        background: #ddd;
        margin-bottom: 30px;
    }
    .slider-news img, .header-detail img.img-group {
        width: 100%;
        height: 230px;
    }
    .news-new:after, .share-story:before {
        content: none;
    }
    .content-post iframe {
        width: 100%;
        height: auto;
    }
    .content-post {
        overflow: hidden;
    }
    .col-md-4.col-sm-4.col-xs-6.list-item:nth-child(3) {
        clear: both;
    }
    .share-story {
        padding-top: 0;
    }
    .list-cate-child .descript-cate p {
        font-size: 14px;
    }
    .search-tag>.row>div>.row {
        display: block;
    }
    .slogan-group {
        text-align: center;
    }
    .about-policy .container {
        width: auto;
    }
    .header-policy>.container>.row {
        display: block;
    }
    .about-policy .question {
        padding: 30px 13px;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 30px;
        width: 100%;
        border-radius: 50px;
    }
    .header-policy img {
        display: none;
    }
    .content-policy .contact span {
        padding-left: 60px;
    }
    .content-policy .contact img {
        width: 50px;
    }
    .share-story-pages .img img {
        margin-top: 50px;
    }
    .content-story .bk-content img {
        display: none;
    }
    .content-story .bk-content .img-position .content {
        position: relative;
        width: 100%;
        top: 0;
        height: auto;
    }
    .content-story .bk-content {
        padding: 50px 0;
    }
    .statistical-bear {
        margin-bottom: 100px;
    }
    .profile-member {
        padding: 50px 0;
    }
    .number-like-comment div {
        width: 50%;
        margin-right: 0;
    }
    .personal-info .info {
        padding-left: 0;
    }
    .comment-activity .list-comment .item .comment {
        width: 100%;
        float: none;
        padding-left: 0;
        margin-top: 30px;
    }
    .comment-activity .list-comment .item .avatar {
        float: none;
        display: block;
        margin: 0 auto;
    }
    .personal-info .btn.btn-submit {
        margin-top: 30px;
        font-size: 17px;
    }
    .bk-register .box-text {
        display: none;
    }
    .register-member .form-group input[type=checkbox] {
        display: inline-block;
        float: left;
        width: 15px;
        /*min-height: 21px;*/
    }
    .register-member .form-group input[type=checkbox] {
        width: 15px;
        margin: 0;
        min-height: 25px;
    }
    .input-check {
        display: inline-block;
        width: 100%;
    }
    .group-active .content img {
        width: 100%;
    }
    .list-group-active {
        position: absolute;
        top: 75px;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    .bak-register-group img.img-regis-group {
        display: none;
    }
    .register-group {
        position: relative;
        top: 0;
    }
    .box-register {
        background: #fff;
        padding: 20px;
        margin: 30px 0;
        border: 1px solid #fbe643;
        border-radius: 0;
    }
    .thank-bk, .bk-register {
        position: relative;
        background: #fff140;
    }
    .thank-register {
        position: relative;
        top: 0;
        padding: 30px;
        display: inline-block;
        width: 100%;
        margin-bottom: 100px;
    }
    #select-mascot-modal .modal-dialog {
        width: auto;
    }
    .box-member-group {
        display: inline-block;
        width: 100%;
        border-radius: 10px;
        padding: 30px 15px;
    }
    .box-member-group ul {
        list-style: none;
    }
    .group-pending img, .group-pending .bk-title h2 {
        width: 100%;
    }
    .group-pending .mascot {
        padding-left: 0;
    }
    .group-pending .mascot-pedding {
        width: 200px;
    }
    .box-regis-member {
        background: #fff;
    }
    .block-news.news-hot .owl-theme .owl-controls .owl-page span {
        margin: 15px;
    }
    .group-active .header-title h4 span {
        line-height: 40px;
        margin-bottom: 15px;
    }
}
@media(max-width: 320px) {
    .search-tag .title-tag {
        font-size: 23px;
    }
    .group-activities .title span {
        font-size: 21px;
    }
    .statistical-bear .header-title span {
        padding-right: 80px;
        font-size: 16px;
    }
    .news-new .header-new h3 {
        font-size: 28px;
    }
    .list-cate-child .descript-cate p {
        font-size: 13px;
    }
}
/*--------------------------------------------------------------------------
|  End
--------------------------------------------------------------------------*/