html,body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #f9f9f9;
}
.padding-0{
    padding: 0!important
}
.padding-left-0{
    padding-left: 0;
}
.padding-right-0{
    padding-right: 0;
}
.padding-left-5{
    padding-left: 5px;
}
.padding-right-5{
    padding-right: 5px;
}
.padding-left-10{
    padding-left: 10px;
}
.padding-right-10{
    padding-right: 10px;
}
.padding-left-15{
    padding-left: 15px;
}
.padding-right-15{
    padding-right: 15px;
}
.padding-left-20{
    padding-left: 20px;
}
.padding-right-20{
    padding-right: 20px;
}
.padding-left-30{
    padding-left: 30px;
}
.padding-right-30{
    padding-right: 30px;
}
.padding-left-40{
    padding-left: 40px;
}
.padding-right-40{
    padding-right: 40px;
}
.padding-left-50{
    padding-left: 50px;
}
.padding-right-50{
    padding-right: 50px;
}
.padding-left-60{
    padding-left: 60px;
}
.padding-right-60{
    padding-right: 60px;
}
.margin-0{
    margin: 0!important
}
.margin-bottom-0{
    margin-bottom: 0;
}
.margin-top-0{
    margin-top: 0;
}
.margin-bottom-5{
    margin-bottom: 5px;
}
.margin-top-5{
    margin-top: 5px;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-top-10{
    margin-top: 10px;
}
.margin-bottom-15{
    margin-bottom: 15px;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-bottom-25{
    margin-bottom: 25px;
}
.margin-top-25{
    margin-top: 25px;
}
.margin-bottom-30{
    margin-bottom: 30px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-bottom-50{
    margin-bottom: 50px;
}
.margin-top-50{
    margin-top: 50px;
}
.margin-bottom-60{
    margin-bottom: 60px;
}
.margin-top-60{
    margin-top: 60px;
}
._nostyle{
    padding: 0;
}
._nostyle li{
    list-style: none;
}
img{
    max-width: 100%;
}
a:hover{
    text-decoration: none;
}
._pagewrap{
    position: relative;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    overflow: hidden;
}
._pagewrap-2{
    position: relative;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

/* ==Header=== */
._topHeader{
    padding: 5px 0;
    background: #39a170;
}
._slTop{
    height: 38px!important;
    border: 2px white solid;
    border-radius: 15px;
    background-color: transparent;
    color: white;
}
._slTop option{
    color: black;
}
._hlTop{
    font: 14px 'Roboto-Regular';
    color: white;
    margin-top: 8px;
}
._hlTop span{
    font: 15px 'Roboto-Medium';
    color: white;
}
._ulTop{
    margin: 4px 0 0;
}
._ulTop li{
    padding: 0 20px;
}
._ulTop a, ._aTop a{
    font: 13px 'OpenSans-Regular';
    color: white;
}
._aTop{
    text-align: right;
    margin-top: 6px;
}
._banner{
    background-color: #f9f9f9;
    position: relative;
    z-index: 100;
    overflow: visible;
}
._banner ._pagewrap{
    overflow: visible;
}
._menuD{
    margin-top: 50px;
    position: relative;
    z-index: 101;
}
._menuD ul{
    margin: 0;
}
._menuD li{
    padding: 0 5px;
}
._menuD li._menuD-has-sub{
    position: relative;
}
._menuD li:first-child{
    padding-left: 0;
}
._menuD li:last-child{
    padding-right: 0;
}
._menuD li a{
    font: 14px 'OpenSans-Regular';
    color: #1f1f1f;
    text-transform: uppercase;
}
._menuD li a:hover{
    color: #39a170;
}
._menuD ._menuD-sub{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    min-width: 190px;
    padding: 10px 0;
    margin-top: 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    text-align: left;
}
._menuD ._menuD-sub li{
    display: block;
    padding: 0;
}
._menuD ._menuD-sub li a{
    display: block;
    padding: 8px 16px;
    font-size: 13px;
    line-height: 1.4;
    text-transform: none;
    white-space: nowrap;
}
._menuD ._menuD-sub li a:hover{
    background: #f3fbf7;
}
._menuD li._menuD-has-sub:hover ._menuD-sub{
    display: block;
}
._box-r-top{
    margin-top: 30px;
}
._btnSearch, ._shoppingCart div:first-child{
    float: left;
}
._shoppingCart div:first-child span{
    display: none;
}
._shoppingCart div:last-child{
    float: left;
    padding-left: 10px;
    text-align: left;
}
._shoppingCart div:last-child a{
    font: 14px 'Roboto-Regular';
    color: #282828;
}
._shoppingCart div:last-child a span{
    font: 14px 'Roboto-Bold';
}
._btnSearch{
    margin-top: 15px;
    padding: 0 15px;
}
._slider{
    position: relative;
}
._menuCat{
    position: absolute;
    left: 0;
    top: 2px;
    height: 100%;
    z-index: 99;
    width: 100%;
    overflow: visible;
}
._menuCat-home {
    position: absolute;
    left: calc((100% - 1170px)/2);
    top: 2px;
    height: 100%;
    z-index: 99;
    width: 260px;
    overflow: visible;
}
._box-mn-cat{
    position: relative;
    background: white;
    border-bottom: 2px #39a170 solid;
    z-index: 20;
}
.content_cat{
    overflow: visible;
}
._icon-mn1{
    position: absolute;
    left: -10px;
    top: 0;
    z-index: 9;
}
._title-menu-cat{
    background-color: #39a170;
}
._title-menu-cat i{
    width: 48px;
    color: white;
    background-color: #74c042;
    margin-left: 7px;
    line-height: 48px;
    text-align: center;
    float: left;
}
._title-menu-cat span{
    font: 16px 'Quicksand-Bold';
    line-height: 48px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    display: block;
}
._menu-item-cat li{
    display: block;
    border-bottom: 1px #e1e1e1 solid;
    position: relative;
}
._menu-item-cat li:last-child{
    border: none;
}
._menu-item-cat li a{
    font: 14px 'Roboto-Regular';
    color: #282828;
    text-transform: uppercase;
    display: table;
    width: 100%;
    min-height: 50px;
}
._menu-item-cat li a:hover{
    color: #39a170;
}
._menu-item-cat li a span{
    display: table-cell;
    vertical-align: middle;
}
._menu-item-cat li a span:first-child{
    width: 55px;
    text-align: center;
    background-color: #f3efef;
}
._menu-item-cat li a span:last-child{
    padding: 0 5px 0 10px;
}
._menu-item-cat li.has-child > a:after{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}
._menu-item-cat ._menu-item-cat-sub{
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 9999;
    min-width: 240px;
    margin: 0;
    padding: 0;
    background: #fff;
    border-left: 2px solid #39a170;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
._menu-item-cat li:hover > ._menu-item-cat-sub{
    display: block;
}
._menu-item-cat ._menu-item-cat-sub li a{
    min-height: 42px;
}
._menu-item-cat ._menu-item-cat-sub li a span:first-child{
    display: none;
}
._menu-item-cat ._menu-item-cat-sub li a span:last-child{
    display: block;
    padding: 12px 34px 12px 15px;
}
.mburger b{
    color: #39a170;
}
/* Content */
._title-cat{
    position: relative;
    margin: 10px 0;
    display: block;
}
._title-cat h2{
    margin: 0;
    font: 25px 'American-Sans';
    color: #39a170;
    text-transform: uppercase;
}
._see-all{
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 9;
    font: 11px 'Roboto-Regular';
    color: #9f9f9f;
}
._see-all:hover{
    color: red;
}
._line{
    position: relative;
}
._line:before{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
}
._line:after{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    content: "";
    width: 44px;
    height: 1px;
    background-color: #74c042;
}
._width-pr{
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
    margin-bottom: 20px;
}
._box-pr{
    background-color: white;
    border: 1px #f2f2f2 solid;
    padding: 20px 5px 30px;
    height: 332px;
    overflow: hidden;
}
._box-name{
    float: left;
    margin-right: 5px;
    width: calc(100% - 45px);
}
._btn-add-cart{
    width: 40px;
    text-align: center;
    float: left;
    padding-top: 10px;
}
._name-pr a{
    display: block;
    font: 14px 'OpenSans-Regular';
    line-height: 24px;
    color: #282828;
}
._name-pr a:hover{
    color: red;
}
._price{
    font: 14px 'OpenSans-Regular';
    color: #6d6d6d;
}
._price span{
    color: #e00000;
}
._box-ck{
    height: 150px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}
._imgck{
    display: inline-block;
    text-align: center;
    width: 124px;
    height: 150px;
    float: left;
    padding-top: 40px;
    background-image: url('../images/bg-iconCk.png');
}
._content-ck{
    display: inline-block;
    width: calc(100% - 124px);
    float: left;
    padding: 30px 10px 10px 25px;
    text-align: left;
}
._name-ck{
    font: 18px 'Quicksand-Bold';
    color: white;
    text-transform: uppercase;
    margin-bottom: 10px;
}
._des-ck{
    font: 14px 'OpenSans-Regular';
    color: #e4e4e4;
    line-height: 25px;
}
._title-post{
    font: 35px 'American-Sans';
    color: #39a170;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
._title-post:after{
    content: "";
    width: 50px;
    height: 3px;
    background-color: #74c042;
    position: absolute;
    left: calc(50% - 25px);
    bottom: 0;
    z-index: 9;
}
._name-post a{
    font: 14px 'Helvetica';
    color: #030303;
    text-transform: uppercase;
    display: block;
    line-height: 25px;
    min-height: 50px;
}
._name-post a:hover{
    color: red;
}
._des-post{
    font: 14px 'Helvetica';
    color: #333333;
    margin: 20px 0 5px;
    line-height: 26px;
}
._post-wrap .owl-nav{
    text-align: right;
    margin-top: 20px;
}
._post-wrap .owl-theme .owl-nav .owl-prev {
    width: 24px;
    height: 22px;
    background-image: url('../images/iconPrev.png')!important;
    margin: 2px!important;
    position: unset;
}
._post-wrap .owl-theme .owl-nav .owl-next {
    width: 24px;
    height: 22px;
    background-image: url('../images/iconNext.png')!important;
    margin: 2px!important;
    position: unset;
}



/* ==Footer== */
._footer{
    margin-top: 50px;
    padding: 45px 0 15px;
    background-color: #39a170;
}
._dmfoot{
    position: relative;
    font: 15px 'OpenSans-Regular';
    color: white;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
._dmfoot:after{
    content: "";
    width: 40px;
    height: 1px;
    background-color: #74c042;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}
._menuf a{
    display: block;
    font: 13px 'Roboto-Regular';
    color: white;
    margin-bottom: 8px;
}
._menuf a:hover{
    color: #e6e6e6;
}
._namef{
    font: 15px 'OpenSans-Regular';
    color: white;
    text-transform: uppercase;
    margin-bottom: 10px;
}
._contentf{
    font: 13px 'Roboto-Regular';
    color: white;
    line-height: 25px;
}
._postf a{
    display: inline-block;
    font: 16px 'Roboto-Regular';
    color: white;
    text-transform: uppercase;
    padding: 5px 20px;
    border: 1px white solid;
    margin-bottom: 15px;
}
._postf a:hover{
    color: #e6e6e6;
    border-color: #e6e6e6;
}
._cpr{
    font: 13px 'Roboto-Regular';
    color: white;
}

/* ==Owl-carousel custom css== */
.owl-theme .owl-nav [class*=owl-] span{
    color: white;
    font-size: 35px;
    background: rgb(34 43 223 / 60%);
    padding: 5px 10px;
    display: none;
}
.owl-theme .owl-nav [class*=owl-]{
    overflow: hidden;
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background-color: transparent!important;
}
.owl-carousel .owl-item img{
    width: auto!important;
    display: inline-block;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e1e7ec;
    border-radius: 7px;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-body .form-group {
    margin-bottom: 20px;
}
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #f5f5f5;
    border-top: 1px solid #e1e7ec;
}
.card-body .input-group-addon{
    border-radius: 18px 0 0 18px;
    background-color: #fff;
}
.d-block {
    display: block !important;
}
#_frmdk input.form-control, #_frmdn input.form-control{
    height: 44px;
    border-radius: 0 22px 22px 0;
    padding-left: 5px;
    border-left: none;
}
#_frmdk .input-group-addon, #_frmdn .input-group-addon{
    border-radius: 22px 0 0 22px;
    background: white;
}
#_frmdk select.form-control{
    height: 44px;
    border-radius: 22px;
}
#_frmdk textarea.form-control{
    border-radius: 22px;
}

.hero-slider owl-item, .hero-slider item, .card-img-tiles {
    min-height: 1px;
}
._frm-custom{
    height: 44px;
    border-radius: 22px;
}
.owl-carousel .owl-next{
    width: 40px;
    height: 40px;
    background-image: url('../images/btnNext.png')!important;
}
.owl-carousel .owl-prev{
    width: 40px;
    height: 40px;
    background-image: url('../images/btnPrev.png')!important;
}
.grid-system {
    display: grid;
    grid-template-columns: 29% 71%;
    margin: 0 -15px;
    padding: 30px 0;
}
.grid-system > * {
    margin: 0 15px;
}
.grid-system .left {
    overflow-y: auto;
    max-height: 615px;
    border: 1px solid #dedede;
}
.item-system {
    padding: 15px;
    border-bottom: 1px solid #dedede;
}
.item-system.active {
    background: #dedede;
}
.item-system h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 1.5;
}
.item-system p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5;
    position: relative;
    padding-left: 25px;
}
.item-system p:last-child {
    margin-bottom: 0;
}
.grid-select {
    display: grid;
    grid-template-columns: 30% 70%;
    margin: 0 -5px;
}
.grid-select > * {
    margin: 0 5px;
}
.item-select {
    margin-bottom: 10px;
}
.item-select select {
    appearance: none;
    position: relative;
    width: 100%;
    height: 44px;
    border-radius: inherit;
    padding: 0 15px 0 16px;
    border: 1px solid #dddddd;
    font-size: 15px;
}
.item-input {
    grid-column: 2/3;
    position: relative;
}
.item-input input {
    padding: 0 44px 0 16px;
    border: 1px solid #dddddd;
    height: 44px;
    width: 100%;
}
.item-input i {
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    display: flex;
    text-align: center;
    justify-content: center;
    color: #898989;
    line-height: 44px;
}
.frame-map {
    margin-top: 15px;
}
.frame-map iframe {
    width: 100%;
    height: 300px;
}
p.name.gn {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
}
p.name.gn:before {
    width: 60px;
    height: 2px;
    background-color: #39a170;
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
}
.ot-news > a {
    display: block;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    transition: all 0.2s linear 0s;
    text-decoration: none;
    color: #222;
}
.ot-news span {
    color: #5f5f5f;
    margin-right: 5px;
}
._thumb-sp{
    margin-top: 5px;
}
._thumb-sp .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    left: 0;
    top: calc(50% - 22.5px);
    z-index: 999;
    width: 100%;
}
._thumb-sp .owl-theme .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    width: 22px;
    height: 45px;
    background-image: url('../images/iconPrev2.png')!important;
    margin: 0!important;
}
._thumb-sp .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 20px;
    width: 22px;
    height: 45px;
    background-image: url('../images/iconNext2.png')!important;
    margin: 0!important;
}
._thumb-sp .owl-theme .owl-nav [class*=owl-] span{
    color: white;
    font-size: 35px;
    background: rgb(34 43 223 / 60%);
    padding: 5px 10px;
    display: none;
}
._thumb-sp .owl-theme .owl-nav [class*=owl-]{
    overflow: hidden;
}
._thumb-sp .owl-theme .owl-nav [class*=owl-]:hover{
    background-color: transparent!important;
}
._title-sp-detail{
    font: 25px 'OpenSans-Regular';
    color: #374250;
    margin-bottom: 20px;
}
._price-detail{
    font: 25px 'Roboto-Medium';
    color: red;
    margin-bottom: 15px;
}
._price-goc{
    font: 16px 'Roboto-Regular';
    color: #999999;
    text-decoration: line-through;
    padding-right: 5px;
}
._discount{
    font: 12px 'Roboto-Regular';
    color: white;
    display: inline-block;
    padding: 2px 5px;
    background-color: red;
    border-radius: 2px;
    margin-left: 10px;
    vertical-align: super;
}
._mausac{
    display: flex;
    margin-bottom: 24px;
    align-items: baseline;
}
._title-ms{
    color: #757575;
    width: 110px;
    text-transform: capitalize;
    flex-shrink: 0;
    align-items: center;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
}
._item-ms{
    display: flex;
    align-items: center;
    flex-basis: 515px;
    max-width: 515px;
    flex-wrap: wrap;
    max-height: 220px;
    overflow-y: auto;
    margin-top: -8px;
}
._item-ms button{
    padding-left: 2.75rem;
    overflow: visible;
    cursor: pointer;
    min-width: 5rem;
    min-height: 2.5rem;
    box-sizing: border-box;
    padding: 0.5rem 0.75rem;
    margin: 8px 8px 0 0;
    color: rgba(0,0,0,.8);
    text-align: left;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,.09);
    position: relative;
    background: #fff;
    outline: 0;
    word-break: break-word;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
._item-ms button:hover{
    color: red;
    border-color: red;
}
._item-ms button.active{
    color: red;
    border-color: red;
}
._item-ms button.active:after{
    content: "";
    width: 10px;
    height: 10px;
    border-top: 10px transparent solid;
    border-right: 10px red solid;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
}
._soluong {
    display: flex;
    margin-bottom: 24px;
    align-items: baseline;
}
._item-sl{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.quantity-col1 .bootstrap-touchspin .input-group-btn {
    position: relative;
    white-space: nowrap;
    vertical-align: text-bottom;
    display: table-cell;
}
.quantity-col1 .input-group-btn>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    line-height: 15px;
    font-size: 14px;
    font-weight: 300;
    height: 28px;
    position: relative;
    box-shadow: none;
}
.quantity-col1 .bootstrap-touchspin .input-group-btn .bootstrap-touchspin-down {
    border-radius: 4px 0 0 4px;
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: 0 10px;
}
.quantity-col1 .bootstrap-touchspin .input-group-btn .bootstrap-touchspin-up {
    border-radius: 0 4px 4px 0;
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: 0 10px;
}
.quantity-col1 .bootstrap-touchspin [name=qty] {
    display: block;
    border: 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    height: 28px;
    padding: 0;
    width: 40px;
    text-align: center;
    float: none;
}
.quantity-col1 .input-group .input-group-btn{
    right: unset;
    margin: 0;
}
input#qty::-webkit-outer-spin-button,
input#qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input#qty {
    -moz-appearance: textfield;
}
._btn-cart{
    display: flex;
}
._btn-cart button{
    display: flex;
    align-items: center;
    justify-content: center;
}
._btn-cart button:first-child{
    background-color: #cccccc;
    color: #333333;
}

#contact-form .form-group label{
    padding-left: 0;
}
#contact-form .required{
    color: red;
}
#contact-form .btn-default{
    background-color: #cccccc;
}
a[disabled] {
    pointer-events: none;
}
#ghichu{
    border-radius: 22px;
}
#pickupinfo{
    margin-top: 10px;
    display: none;
}
#khach_phuong option{
    display: none;
}

.fb-livechat,.fb-widget{
    display:none
}
.ctrlq.fb-button,.ctrlq.fb-close{
    position:fixed;
    right:5px;
    cursor:pointer
}
.ctrlq.fb-button{
    z-index:998;
    background:url('../images/messenger.png') center no-repeat;
    width:52px;
    height:52px;
    text-align:center;
    bottom:87px;
    border:0;
    outline:0;
    transition:all .2s ease-in-out
}
.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{
    transform:scale(1.1);
}
.fb-widget{
    background:#fff;
    z-index:99999999;
    position:fixed;
    width:280px;
    height:435px;
    overflow:hidden;
    opacity:0;
    bottom:0;
    right:10px;
    border-radius:6px;
    -o-border-radius:6px;
    -webkit-border-radius:6px;
    box-shadow:0 5px 40px rgba(0,0,0,.16);
    -webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);
    -moz-box-shadow:0 5px 40px rgba(0,0,0,.16);
    -o-box-shadow:0 5px 40px rgba(0,0,0,.16)
}
.fb-credit{
    text-align:center;
    margin-top:8px;
    margin-bottom:8px
}
.fb-credit a{
    transition:none;
    color:#bec2c9;
    font-family:Helvetica,Arial,sans-serif;
    font-size:12px;
    text-decoration:none;
    border:0;
    font-weight:400
}
.ctrlq.fb-overlay{
    z-index:0;
    position:fixed;
    height:100vh;
    width:100vw;
    -webkit-transition:opacity .4s,visibility .4s;
    transition:opacity .4s,visibility .4s;
    top:0;
    left:0;
    background:rgba(0,0,0,.05);
    display:none
}
.ctrlq.fb-close{
    right: 15px;
    z-index:4;
    padding:0 6px;
    background:#365899;
    font-weight:700;
    font-size:11px;
    color:#fff;
    margin:8px;
    border-radius:3px!important;
}
.ctrlq.fb-close::after{
    content:'x';
    font-family:sans-serif
}
.chat_zalo{
    position: fixed;
    bottom: 150px;
    right: 5px;
    z-index: 998;
    transition:all .2s ease-in-out
}
._fbfacebook{
    position: fixed;
    bottom: 205px;
    right: 5px;
    z-index: 998;
    transition:all .2s ease-in-out
}
.chat_zalo:hover, ._fbfacebook:hover{
    transform:scale(1.1);
}
.coccoc-alo-phone{
    position:fixed;
    background-color:transparent;
    width:150px;
    height:150px;
    cursor:pointer;
    z-index:200000!important;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    transition:visibility .5s;
    left:0;
    bottom:15px
}
.coccoc-alo-phone.coccoc-alo-show{
    visibility:visible
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.coccoc-alo-ph-circle,.coccoc-alo-ph-circle-fill{
    -webkit-transform-origin:50% 50%;
    position:absolute
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
.coccoc-alo-phone.coccoc-alo-static{
    opacity:.6
}
.coccoc-alo-phone.coccoc-alo-hover,.coccoc-alo-phone:hover{
    opacity:1
}
.coccoc-alo-ph-circle{
    width:160px;
    height:160px;
    top:20px;
    left:-30px;
    background-color:transparent;
    border-radius:100%;
    border:2px solid #bfebfc;
    opacity:.1;
    -webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    transform-origin:50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{
    -webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out!important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{
    -webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out!important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-circle{
    border-color:#00aff2;
    opacity:.5
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{
    border-color:#75eb50;
    border-color:#baf5a7 9;
    opacity:.5
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{
    border-color:#F20000;
    border-color:#bfebfc 9;
    opacity:.5
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{
    border-color:#ccc;
    opacity:.5
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{
    border-color:#75eb50;
    opacity:.5
}
.coccoc-alo-ph-circle-fill{
    width:100px;
    height:100px;
    top:50px;
    left:0;
    background-color:#000;
    border-radius:100%;
    border:2px solid transparent;
    opacity:.1;
    -webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    transform-origin:50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{
    -webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{
    -webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{
    background-color:#00aff2 9;
    opacity:.75!important
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{
    background-color:#baf5a7 9;
    opacity:.75!important
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{
    background-color:#a6e3fa 9;
    opacity:.75!important
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{
    background-color:#ccc 9;
    opacity:.75!important
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{
    background-color:rgba(117,235,80,.5);
    opacity:.75!important
}
.coccoc-alo-ph-img-circle{
    width:60px;
    height:60px;
    top:70px;
    left:20px;
    position:absolute;
    z-index:10;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) center center no-repeat rgba(30,30,30,.1);
    border-radius:100%;
    border:2px solid transparent;
    opacity:1;
    -webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.br-crumb,.coccoc-alo-popup-close{
    background-position:center center
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{
    -webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out!important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{
    -webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out!important;
    animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out!important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{
    background-color:#00aff2
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{
    background-color:#75eb50 9
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{
    background-color:red
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{
    background-color:#ccc
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{
    background-color:#75eb50
}
@-webkit-keyframes coccoc-alo-circle-anim{
    0%{
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }
    30%{
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }
    100%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}
@-webkit-keyframes coccoc-alo-circle-fill-anim{
    0%,100%{
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
    50%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }
}
@-webkit-keyframes coccoc-alo-circle-img-anim{
    0%,100%,50%{
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
    10%,30%{
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    20%,40%{
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@-webkit-keyframes coccoc-alo-circle-anim{
    0%{
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }
    30%{
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }
    100%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}
@keyframes coccoc-alo-circle-anim{
    0%{
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }
    30%{
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }
    100%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}
@-webkit-keyframes coccoc-alo-circle-fill-anim{
    0%,100%{
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
    50%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }
}
@keyframes coccoc-alo-circle-fill-anim{
    0%,100%{
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
    50%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }
}
@-webkit-keyframes coccoc-alo-circle-img-anim{
    0%,100%,50%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg)
    }
    10%,30%{
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
        transform:rotate(-25deg) scale(1) skew(1deg)
    }
    20%,40%{
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
        transform:rotate(25deg) scale(1) skew(1deg)
    }
}
@keyframes coccoc-alo-circle-img-anim{
    0%,100%,50%{
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg)
    }
    10%,30%{
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
        transform:rotate(-25deg) scale(1) skew(1deg)
    }
    20%,40%{
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
        transform:rotate(25deg) scale(1) skew(1deg)
    }
}
#coccoc-alo-wrapper{
    position:fixed;
    width:100%;
    bottom:0;
    top:0;
    left:0;
    z-index:2000000;
    overflow:visible;
    display:none;
    color:#383838
}
#coccoc-alo-wrapper.night-mode{
    color:#fff
}
.coccoc-alo-popup-close{
    border-radius:2px;
    position:absolute!important;
    right:-15px!important;
    top:-15px!important;
    height:30px!important;
    width:30px!important;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=);
    background-repeat:no-repeat;
    cursor:pointer!important;
    transition:.3s ease-out!important
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC)
}
#coccoc-alo-wrapper .coccoc-alo-popup-close:hover{
    opacity:.6!important
}
.coccoc-alo-ph-img-circle-text{
    position:absolute;
    top:75px;
    left:45px;
    width:170px;
    background-color:#c00;
    height:50px;
    border-radius:50px;
    line-height:50px;
    padding:0 15px;
    color:#fff;
    z-index:9;
    font-size:16px;
    text-align:right;
    font-weight:700
}
#back-top {
    display: inline-block;
    background-color: #74c042;
    width: 52px;
    height: 52px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 25px;
    right: 5px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#back-top i {
    font-weight: normal;
    font-style: normal;
    font-size: 3em;
    line-height: 52px;
    color: #fff;
}
#back-top:hover {
    cursor: pointer;
    background-color: #333;
}
#back-top:active {
    background-color: #555;
}
#back-top.show {
    opacity: 1;
    visibility: visible;
}
#notfound {
    position: relative;
    height: 100vh;
}
#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.notfound {
    max-width: 520px;
    width: 100%;
    text-align: center;
    line-height: 1.4;
}
.notfound .notfound-404 {
    height: 190px;
}
.notfound .notfound-404 h1 {
    font-size: 146px;
    font-weight: 700;
    margin: 0;
    color: #39a170;
}
.notfound .notfound-404 h1>span {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-image: url('../images/emoji.png');
    background-size: cover;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    z-index: -1;
}
.notfound h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    color: #232323;
}
.notfound p {
    color: #787878;
    font-weight: 300;
}
.notfound a {
    display: inline-block;
    padding: 12px 30px;
    font-weight: 700;
    background-color: #f99827;
    color: #fff;
    border-radius: 40px;
    text-decoration: none;
    -webkit-transition: .2s all;
    transition: .2s all;
}

.sidebar-content--2{
    margin-top: 30px;
}
.widget {
    margin-bottom: 10px;
}
.sidebar--profile .sidebar__widget {
    margin-right: 0;
}
.card-member {
    border-radius: 13px;
    box-sizing: border-box;
    min-height: 210px;
    margin: 0;
    position: relative;
    padding: 10px;
    font-family: 'Bebas';
}
.card-silver {
    background: url('../images/bg-card-silver.png') no-repeat;
    background-size: 100% 100%;
}
.pic-silver {
    border: 2px solid #b3b3b8;
}
.pic-member {
    width: 90px;
    height: 90px;
    position: absolute;
    border-radius: 100%;
    overflow: hidden;
    top: 15px;
    left: 15px;
}
.box-name {
    font-size: 20px;
    text-transform: uppercase;
    position: absolute;
    top: 115px;
    left: 15px;
    letter-spacing: 4px;
    width: 60%;
    font-weight: bold;
    line-height: 23px;
}
.box-name-silver {
    color: #001d41;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 4px;
    width: 210px;
}
.box-diem {
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    top: 115px;
    right: 15px;
    width: 40%;
    padding-left: 20px;
}
.tt-diem-silver {
    font-size: 16px;
    letter-spacing: 4px;
    display: block;
    color: #001d41;
}
.diem-silver {
    font-size: 30px;
    letter-spacing: 3px;
    color: #000000;
    font-weight: bold;
    display: block;
}
.hsd-silver {
    font-size: 13px;
    color: #000000;
    letter-spacing: 3px;
}
.block-tab {
    background: #fffef8;
    padding: 20px 15px;
    margin-top: -10px;
}
.block-tab .box-tt-tab-diem {
    display: flex;
    padding: 5px 0;
    font-size: 14px;
    color: #878787;
}
.block-tab .box-tt-tab-diem .tab-c1 {
    width: 33%;
}
.block-tab .box-tt-tab-diem .tab-c2 {
    width: 33%;
    text-align: center;
}
.block-tab .box-tt-tab-diem .tab-c3 {
    width: 33%;
    text-align: right;
}
.block-tab .box-tab-diem {
    width: 100%;
    height: 8px;
    background: #cdcdcd;
    border-radius: 50px;
    position: relative;
    margin: 5px 0;
    overflow: hidden;
}
.block-tab .box-tab-diem .tab-diem-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    background: #ff3a46;
    border-radius: 50px;
}
.box {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
}
.box--no-padding {
    padding: 0;
}
.box__body {
    padding: 20px 20px 20px;
}
.box--no-padding> .box__body {
    padding: 0;
}
.side-menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.left-account {
    padding: 10px 0 10px 25px;
}
.side-menu> li {
    list-style-type: none;
}
.side-menu> li> a {
    position: relative;
    display: block;
    color: #222222;
    padding: 5px 5px 5px 0;
    font-size: 15px;
}
.side-menu> li.active> a, .side-menu> li> a:hover {
    color: #ee272f;
    text-decoration: none;
}
.box__header {
    border-bottom: 1px solid #d2d2d2;
    padding: 14px 20px;
}
.box__title {
    text-transform: uppercase;
}
.box__title {
    display: inline-block;
    margin: 0;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}
.text-color-red{
    color: red;
}
.box__body .form-group label{
    padding-left: 0;
}
#period {
    font-size: 14px;
}
.box-chitiet-dh
{
    padding:45px 15px 15px
}

.chitiet-dh-steps
{
    width:100%;
    margin:10px auto 30px;
    list-style:none;
    padding:0;
    display:table;
    table-layout:fixed;
    color:#353535
}

.chitiet-dh-steps> li
{
    position:relative;
    display:table-cell;
    text-align:center;
    font-size:13px;
    line-height: 18px;
}

.chitiet-dh-steps> li> a
{
    color:#353535
}

.chitiet-dh-steps> li> a:active,.chitiet-dh-steps> li> a:focus,.chitiet-dh-steps> li> a:hover
{
    text-decoration:none
}

.chitiet-dh-steps> li:before
{
    color:#fff;
    content:attr(data-step);
    display:table;
    margin:0 auto -60px;
    background:#ddd;
    width:22px;
    height:22px;
    text-align:center;
    line-height:22px;
    border-radius:100%;
    position:relative;
    z-index:910
}

.chitiet-dh-steps> li:after
{
    content:'';
    position:absolute;
    display:block;
    background:#ddd;
    width:90%;
    height:6px;
    top:8px;
    left:55%;
    z-index:20
}

.chitiet-dh-steps> li:last-child:after
{
    display:none
}

.chitiet-dh-steps> li.is-complete
{
    color:#353535
}

.chitiet-dh-steps> li.is-complete:before a
{
    color:#353535
}

.chitiet-dh-steps> li.is-complete:before,.chitiet-dh-steps> li.is-complete:after
{
    color:#FFF;
    background:#39a170
}

.chitiet-dh-steps> li.is-complete:before
{
    color:#FFF;
    background:#39a170 url('../images/icon-check.svg') no-repeat;
    background-size:65% auto;
    background-position:5px 5px
}

.chitiet-dh-steps> li.is-active
{
    color:#39a170
}

.chitiet-dh-steps> li.is-active> a
{
    color:#39a170
}

.chitiet-dh-steps> li.is-active:before
{
    color:#FFF;
    background:#39a170
}

.chitiet-dh-steps> li.is-active:before
{
    color:#FFF;
    background:#39a170 url('../images/icon-check.svg') no-repeat;
    background-size:65% auto;
    background-position:5px 5px
}

.chitiet-dh-steps> li.is-cong:before
{
    color:#FFF;
    background:#39a170 url('../images/cong.svg') no-repeat;
    background-size:65% auto;
    background-position:5px 5px
}
.box__heading {
    border-bottom: 1px solid #d2d2d2;
    margin: 0 0 10px;
    padding: 10px 0;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}
.bor-top
{
    border-top:1px solid #d2d2d2
}
.table--keyval> tbody> tr> th {
    padding: 8px 0;
    border: 0;
    width: 180px;
    min-width: 180px;
    color: #777777;
    font-size: 14px;
    font-weight: 400;
}
.table--keyval> tbody> tr> td {
    padding: 5px 0;
    border: 0;
}
.table--order-details> thead> tr> th {
    background-color: #eeeeee;
}
.table--listing thead> tr> th {
    border-top: 0;
    border-bottom: 1px solid #d2d2d2;
    color: #777777;
    font-size: 13px;
    font-weight: 400;
}
.table--listing tbody> tr> td {
    border-top: 0;
}
#user_info_header{
    margin: 5px 0 0;
    padding: 0;
}
#user_info_header li{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#user_info_header a{
    color: white;
    font-size: 13px;
}
#user_info_header .dropdown-menu> li> a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333!important;
    white-space: nowrap;
}
#user_info_header .dropdown-menu {
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
#user_info_header .dropdown-arrow .dropdown-menu:before, #user_info_header .dropdown-arrow .dropdown-menu:after {
    position: absolute;
    display: inline-block;
    border-color: transparent;
    border-style: solid;
    content: '';
}
#user_info_header .dropdown-arrow .dropdown-menu::before {
    top: -9px;
    right: 0;
    border-width: 0 9px 9px 9px;
    border-bottom-color: white;
}

#ui-datepicker-div{
    z-index: 999!important;
}
.ui-datepicker-title select{
    color: #333333!important;
    font-weight: normal!important;
    font-size: 14px!important;
}