.vip_about .title {
    color: #fff;
}

.trial {
    margin-top: 15px;
}

.trial .nav_1 .list-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
}

.trial .nav_1 .list-inline li {
    display: block;
    padding: 6px 12px;
    min-width: 200px;
    text-align: center;
    cursor: pointer;
}

.trial .nav_1 .list-inline li.active {
    background-color: #3b5cab;
    color: #fff;
}

.panel_price .panel-heading .title {
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}

.panel_price .panel-heading .desc {
    padding: 0 16%;
    margin-bottom: 20px;
}

.panel_price .panel-heading .price span {
    font-size: 20px;
    font-weight: bold;
}

.panel_price .panel-body {
    display: none;
}

.svg-icon-footer {
    display: inline-block;
    margin-left: 1em;
    margin-top: -5px;
    vertical-align: middle;
    text-decoration: none;
    background: url(../img/svg/sprite.footer.svg) no-repeat;
}

.svg-icon-footer.svg-f-apple_icon {
    height: 22px;
    width: 18px;
    background-position: 5.921656484707322% 7.142857142857143%;
}

.svg-icon-footer.svg-f-apple_icon:hover {
    background-position: 58.88758393125615% 60.8843537414966%;
}

.svg-icon-footer.svg-f-android_icon {
    height: 21px;
    width: 18px;
    margin-top: -1px;
    background-position: 0 0;
}

.svg-icon-footer.svg-f-android_icon:hover {
    background-position: 52.96052631578947% 53.553694357542085%;
}

.svg-icon-footer.svg-f-win_icon {
    height: 17px;
    width: 17px;
    margin-top: -1px;
    background-position: 40.32786885245902% 41.80602006688963%;
}

.svg-icon-footer.svg-f-win_icon:hover {
    background-position: 93.11475409836065% 94.64882943143813%;
}

.svg-icon-footer.svg-f-apple_icon {
    height: 22px;
    width: 18px;
    background-position: 5.921656484707322% 7.142857142857143%;
}

.svg-icon-footer.svg-f-apple_icon:hover {
    background-position: 58.88758393125615% 60.8843537414966%;
}

.check {
    background-image: url("../img/check.png");
    background-repeat: no-repeat;
    width: 23px;
    height: 17px;
    display: inline-block;
}

#table_price {
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

#table_price tbody tr.first-row {
    background-color: transparent;
}

#table_price tbody tr.first-row td {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
}

#table_price tbody tr.first-row td.package-title .package-price {
    color: #fff;
    padding-bottom: 40px;
    position: relative;
    margin: 0 -1px;
}

#table_price tbody tr.first-row td.package-title .package-price:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 102px solid transparent;
    border-right: 102px solid transparent;
    border-bottom: 30px solid #fff;
}

#table_price tbody tr.first-row td.package-title .package-price.standar {
    background: -webkit-gradient(linear, left top, right top, from(#f7ddbc), to(#f4a139));
    background: -webkit-linear-gradient(left, #f7ddbc, #f4a139);
    background: -o-linear-gradient(left, #f7ddbc, #f4a139);
    background: linear-gradient(to right, #f7ddbc, #f4a139);
    /* Standard syntax */
}

#table_price tbody tr.first-row td.package-title .package-price.basic {
    background: -webkit-gradient(linear, left top, right top, from(#b7efc9), to(#7ac048));
    background: -webkit-linear-gradient(left, #b7efc9, #7ac048);
    background: -o-linear-gradient(left, #b7efc9, #7ac048);
    background: linear-gradient(to right, #b7efc9, #7ac048);
    /* Standard syntax */
}

#table_price tbody tr.first-row td.package-title .package-price.advance {
    background: -webkit-gradient(linear, left top, right top, from(#74f2f8), to(#1bb0e8));
    background: -webkit-linear-gradient(left, #74f2f8, #1bb0e8);
    background: -o-linear-gradient(left, #74f2f8, #1bb0e8);
    background: linear-gradient(to right, #74f2f8, #1bb0e8);
    /* Standard syntax */
}

#table_price tbody tr.first-row td.package-title .package-price.combo {
    background: -webkit-gradient(linear, left top, right top, from(#fbdcbd), to(#f05334));
    background: -webkit-linear-gradient(left, #fbdcbd, #f05334);
    background: -o-linear-gradient(left, #fbdcbd, #f05334);
    background: linear-gradient(to right, #fbdcbd, #f05334);
    /* Standard syntax */
}

#table_price tbody tr.first-row td.package-title .package-price .name_package {
    margin: 0;
    font-size: 16px;
    line-height: 36px;
    background-color: rgba(255, 255, 255, 0.36);
}

#table_price tbody tr.first-row td.package-title .package-price .caption {
    padding: 10px 20px;
}

#table_price tbody tr.first-row td.package-title .package-price .caption .price {
    font-size: 23px;
}

#table_price tbody tr.first-row td.package-title .package-price .caption hr {
    margin: 5px 0;
    border-color: #fff;
}

#table_price tbody tr.first-row td.package-title .package-price .caption span {
    font-size: 18px;
}

#table_price tbody tr.title {
    background: -webkit-gradient(linear, left top, right top, from(#1bb1e8), to(#71f0f7));
    background: -webkit-linear-gradient(left, #1bb1e8, #71f0f7);
    background: -o-linear-gradient(left, #1bb1e8, #71f0f7);
    background: linear-gradient(to right, #1bb1e8, #71f0f7);
    /* Standard syntax */
}

#table_price tbody tr.title td {
    height: 30px;
    line-height: 30px;
    text-align: left;
}

#table_price tbody tr.title.top {
    background: -webkit-gradient(linear, left top, right top, from(#b6efc7), to(#7cc24d));
    background: -webkit-linear-gradient(left, #b6efc7, #7cc24d);
    background: -o-linear-gradient(left, #b6efc7, #7cc24d);
    background: linear-gradient(to right, #b6efc7, #7cc24d);
    /* Standard syntax */
}

#table_price tbody tr.title.top td {
    text-align: center;
}

#table_price tbody tr.title td {
    color: #fff !important;
}

#table_price tbody tr td:not(:first-child) {
    text-align: center;
    vertical-align: middle;
}

.bg_home {
    min-height: 100vh;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 20px 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .bg_home {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .bg_home .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.bg_home .img-thumbnail {
    background-color: transparent;
    border: none;
}

@media (max-width: 767px) {
    .bg_home .img-thumbnail {
        margin-bottom: 20px;
    }
}

.bg_home .title {
    line-height: 36px;
}

.bg_home .desc {
    font-size: 15px;
}

.bg_home .desc .text-info {
    font-size: 18px;
}

.bg_home .btn {
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bg_home .btn.btn-warning {
    background-color: #f26522;
    border-color: #f26522;
}

.bg_home .btn.btn-primary {
    background-color: #0f75bd;
    border-color: #0f75bd;
}

.Omnichannel {
    padding: 70px 0;
    background-size: cover !important;
    min-height: 700px;
    background-position: center bottom !important;
}

.Omnichannel .title {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 40px;
}

.Omnichannel .desc {
    font-size: 16px;
}

.Omnichannel .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 768px) {
    .Omnichannel .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .Omnichannel .row .items {
        text-align: center;
    }
}

.Omnichannel .img-thumbnail {
    background-color: transparent;
    border: none;
}

.Omnichannel .items {
    max-width: 110%;
    position: relative;
}

@media (min-width: 992px) {
    .ecommerce {
        position: absolute;
        right: -77px;
        bottom: -36px;
    }
    .Omnichannel .items:nth-child(1) {
        top: 74px;
        right: -7px;
    }
    .Omnichannel .items:nth-child(1).text-center {
        top: 20px;
        margin-top: 5px;
        margin-left: -18px;
    }
    .Omnichannel .items:nth-child(2) {
        top: -30px;
    }
    .Omnichannel .items:nth-child(2).text-right {
        z-index: 99;
        right: -79px;
        top: 85px;
    }
    .Omnichannel .items:nth-child(2).text-left {
        left: -90px;
    }
    .d-style-d .items:nth-child(1){
        top: 78px !important;
        right: -6px;
    }
    .d-style-d .items:nth-child(2){
        top: 98px !important;
        left: -84px !important;
    }
}

.Omnichannel .items .title1 {
    font-size: 15px;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 600;
}

.brand_doitac {
    background-color: #000;
    padding: 25px 0;
}

.brand_doitac .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brand_doitac .owl-carousel {
    margin-bottom: 0;
}

.brand_doitac .img-thumbnail {
    background-color: transparent;
    border: none;
    max-width: 60%;
    margin: 0 auto;
    -webkit-filter: grayscale(100%);
}
.brand_doitac .img-thumbnail:hover{
  -webkit-filter: grayscale(0%);
}

.last-icon{
        display: inline-block;
        width: 253px;
    }
    a.icon-zalo-logo {
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 15px solid #a9db0f;
    border-radius: 100%;
    padding: 10px;
    position: relative;
    }
    a.icon-zalo-logo:after{
        content:"";
        width:0px;
        height:0px;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        border-left: 20px solid #a9db13;
        position: absolute;
        right: -27px;
        top: 15px;
    }

    a.icon-sendo-logo {
    width: 101px;
    height: 100px;
    display: inline-block;
    border: 15px solid #604044;
    border-radius: 100%;
    padding: 10px;
    position: relative;
}
    a.icon-sendo-logo:after {
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 12px solid transparent;
    border-top: 14px solid transparent;
    border-left: 24px solid #604044;
    position: absolute;
    right: -24px;
    top: -9px;
    z-index: 1;
    transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-48deg);
    -o-transform: rotate(-20deg);
}
a.icon-lazada-logo {
    position:relative;
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 15px solid #06ade6;
    border-radius: 100%;
    padding: 10px;
}
a.icon-lazada-logo:after {
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 12px solid transparent;
    border-top: 14px solid transparent;
    border-left: 24px solid #09ade7;
    position: absolute;
    right: 50%;
    top: -29px;
    margin-right: -7px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.icon-banhang-logo{
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 15px solid #e14625;
    border-radius: 100%;
    padding: 10px;
    position: relative;
}
.icon-facebook-logo{
    overflow: hidden;
    width: 103px;
    height: 100px;
    display: inline-block;
    border: 15px solid #fead09;
    border-radius: 100%;
    padding: 0px;
    position: relative;
    border-radius: 100%;
}
.icon-facebook-logo:after{
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 12px solid transparent;
    border-top: 14px solid transparent;
    border-left: 24px solid #fead0c;
    position: absolute;
    left: -27px;
    top: 10px;
    transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-48deg);
    -o-transform: rotate(-20deg);
}
.icon-banhang-logo:after{
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 12px solid transparent;
    border-top: 14px solid transparent;
    border-left: 24px solid #e24727;
    position: absolute;
    left: -8px;
    top: -18px;
    transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
}
.icon-sendo-logo:before{
    content:"";
    width:90px;
    height:90px;
    border-radius:50%;
    border: 2px dashed #fff;
    float: left;
    position: absolute;
    top: -10px;
    left: -11px;
    z-index: 99;
    display:none;
}
.icon-sendo-logo:hover:before{
    display:block !important;
}
.icon-facebook-logo:before{
    content:"";
    width:90px;
    height:90px;
    border-radius:50%;
    border:2px dashed #fff;
    float: left;
    position: absolute;
    top: -10px;
    left: -11px;
    z-index: 99;
}
.icon-banhang-logo:before{
    content:"";
    width:90px;
    height:90px;
    border-radius:50%;
    border:2px dashed #fff;
    float: left;
    position: absolute;
    top: -10px;
    left: -11px;
    z-index: 99;
}
.icon-zalo-logo:before{
    content:"";
    width:90px;
    height:90px;
    border-radius:50%;
    border: 2px dashed #fff;
    float: left;
    position: absolute;
    top: -10px;
    left: -11px;
    z-index: 99;
}
.icon-lazada-logo:before{
    content:"";
    width:90px;
    height:90px;
    border-radius:50%;
    border:2px dashed #fff;
    float: left;
    position: absolute;
    top: -10px;
    left: -11px;
    z-index: 99;
}
.Omnichannel .items a:before{
    display:none;

}
.Omnichannel .items:hover a:before{
    display:block !important;
}
.Omnichannel .a:hover:before{
    display:block !important;
}
.icon-banhang-logo img{
    margin-top:15px;
    width: 58px;
}
.icon-facebook-logo img{
    margin-top:8px;
}
.icon-zalo-logo img{
    width: 35px;
    margin:auto;
    margin-top: 7px;
}
a.icon-lazada-logo img{
    margin-top:14px
}