@charset "utf-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
thead,
time,
tr,
tt,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

h2 {
    font-size: 30px;
    margin-top: 2em;
    margin-bottom: .5em
}

h3 {
    font-size: 26px;
    margin-top: 1.5em;
    margin-bottom: .5em
}

h4 {
    font-size: 20px;
    margin-top: 1.2em;
    margin-bottom: .3em
}

h5 {
    font-size: 16px;
    margin-top: 1em;
    margin-bottom: .1em
}

h6 {
    font-size: 12px;
    margin-top: 1em;
    margin-bottom: .1em
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    color: #2d2d2d;
    overflow-x: hidden
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

* {
    outline: 0
}

.wrapper {
    margin: 0 auto;
    clear: both
}

.centered {
    text-align: center !important
}

.lefted {
    text-align: left !important
}

.righted {
    text-align: right !important
}

.content-cell-list span.bullet,
.icon i,
.sub-content.banner span.bullet-down,
.sub-content.pic-bg button.viewall span {
    background-image: url(../images/kv2Bg.png);
    background-repeat: no-repeat
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    color: #12679b;
    overflow: visible;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn-home {
    border: 1px solid #199dcb;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3YjdlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM3YjdlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #37b7e5 0, #37b7e5 100%);
    background-image: -o-linear-gradient(bottom, #37b7e5 0, #37b7e5 100%);
    background-image: -webkit-linear-gradient(bottom, #37b7e5 0, #37b7e5 100%);
    color: #fff;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn-home:hover {
    border-color: #106888 !important;
    background: #106888 !important
}

.white-bg .btn {
    width: 153px;
    height: 27px;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.page-template-homepage .white-bg .btn {
    border: 0
}

.page-template-homepage .white-bg .btn:hover {
    background: 0 0;
    color: #333
}

.btn:focus {
    outline: 0;
    color: #fff
}

.btn:hover {
    background: #2c5603;
    color: #fff
}

.btn-group {
    margin-bottom: 20px
}

.btn-group .btn:last-child {
    margin-left: -1px
}

button,
input[type=reset],
input[type=submit] {
    cursor: pointer
}

@media (min-width:1204px) {
    .navbar-fixed-tops {
        position: fixed;
        background: #212121;
        -webkit-transition: .2s all ease-in-out;
        -moz-transition: .2s all ease-in-out;
        -o-transition: .2s all ease-in-out;
        transition: .2s all ease-in-out
    }

    .navbar-fixed-tops .nav-kiotviet li a {
        line-height: 50px
    }

    .navbar-fixed-tops .nav-kiotviet .login {
        margin: 8px 0 0 10px !important
    }
}

.login .nm {
    color: #333;
    margin-left: 10px;
    margin-top: 12px
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent
}

.navbar-toggle {
    margin-right: 0
}

.navbar-toggle .icon-bar {
    background-color: #e3e3e3
}

.navbar-toggle .icon-bar2 {
    background: rgba(13, 109, 168, .9)
}

.nav-kiotviet li a:hover:before {
    width: 100%
}

.nav-kiotviet li.active a:hover:before,
.nav-kiotviet li.login a:hover:before {
    width: 0
}

.navbar-fixed-tops li a:hover {
    line-height: 50px
}

.navbar-fixed-tops .logo {
    margin-top: 6px
}

.nav-top ul {
    list-style: none;
    float: right
}

.nav-top ul li {
    float: left;
    display: inline
}

.nav-top ul li a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 3px solid #fff;
    line-height: 62px
}

/*!*color: #04679a;*!*/
.nextstep-button-dt input.step-login:hover {
    background: #2c5603;
    color: #fff
}

.nav-kiotviet .login .active {
    height: 150px
}

.nav-kiotviet .login input {
    background: #fff;
    border: none;
    padding: 6px 10px;
    width: 140px;
    color: #4d4d4d;
    font-style: italic
}

.nav-kiotviet .login .lgn div {
    color: #fff;
    padding-left: 10px
}

.nav-kiotviet .login .lgn strong {
    color: #fff
}

.nav-kiotviet .login a.active,
.navbar-header .login a.active {
    background: rgba(0, 0, 0, .5)
}

.cell {
    overflow: hidden
}

.cell .content-cell-list {
    display: block;
    margin-bottom: 47px
}

.cell .content-cell-list span.icon i,
.row .row-list .content-row-list span.icon i {
    display: block;
    position: absolute;
    width: 34px;
    height: 34px;
    top: 11px;
    left: 11px
}

.cell .content-cell-list span.icon {
    float: left
}

.cell .content-cell-list span.icon.cell-list-1,
.cell .content-cell-list span.icon.setting {
    background-color: #5dba00
}

.cell .content-cell-list span.icon.cell-list-1 i,
.cell .content-cell-list span.icon.setting i {
    background-position: -87px -173px
}

.cell .content-cell-list span.icon,
.row .row-list .content-row-list img.around,
.row .row-list .content-row-list span.icon,
.wrapper-qt-right .avatar {
    width: 57px;
    height: 57px;
    border-radius: 99999px;
    -webkit-border-radius: 99999px;
    -moz-border-radius: 99999px;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    zoom: 1;
    behavior: url(ie-css3.htc)
}

.cell .content-cell-list span.icon.cell-list-2,
.cell .content-cell-list span.icon.refresh {
    background-color: #30c4c8
}

.cell .content-cell-list span.icon.cell-list-2 i,
.cell .content-cell-list span.icon.refresh i {
    background-position: -87px -207px
}

.cell .content-cell-list span.icon.cell-list-3,
.cell .content-cell-list span.icon.security {
    background-color: #fdc731
}

.cell .content-cell-list span.icon.cell-list-3 i,
.cell .content-cell-list span.icon.security i {
    background-position: -87px -241px
}

.cell .content-cell-list span.icon.cell-list-4,
.cell .content-cell-list span.icon.save {
    background-color: #ed3239
}

.cell .content-cell-list span.icon.cell-list-4 i,
.cell .content-cell-list span.icon.save i {
    background-position: -87px -275px
}

.cell .content-cell-list span.bullet {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-position: -236px -53px;
    margin-left: 50px;
    position: absolute;
    margin-top: -14px;
    left: 36px
}

.cell .content-cell-list .thumbnail-row-list {
    margin-left: 72px;
    color: #474747;
    font-size: 12px
}

.cell .content-cell-list .thumbnail-row-list h4 {
    font-size: 12px;
    font-family: font-helveticaNeueBold;
    text-transform: uppercase
}

.cell .content-cell-list .thumbnail-row-list p {
    line-height: 20px
}

.row .row-list .content-row-list span.icon {
    width: 159px;
    height: 159px;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px
}

.row .row-list .content-row-list span.icon i {
    width: 87px;
    height: 87px;
    top: 36px;
    left: 36px
}

.row .row-list .content-row-list span.icon.coffee {
    background-color: #ed3239
}

.row .row-list .content-row-list span.icon.coffee i {
    background-position: 0 -173px
}

.row .row-list .content-row-list span.icon.setting {
    background-color: #30c4c8
}

.row .row-list .content-row-list span.icon.setting i {
    background-position: 0 -260px
}

.row .row-list .content-row-list span.icon.call {
    background-color: #fdc731
}

.row .row-list .content-row-list span.icon.call i {
    background-position: 0 -347px
}

.row .content-row-list .thumbnail-row-list {
    display: block;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 0;
    opacity: 0
}

.white-bg .row .content-row-list .thumbnail-row-list {
    opacity: 1
}

.page-template-about-php .white-bg .row .content-row-list .thumbnail-row-list p {
    line-height: 22px;
    margin: 0 10px 60px;
    min-height: 100px;
    overflow: hidden;
    color: #656565;
    font-size: 13px;
    font-style: italic
}

.pic-bg .row .content-row-list .thumbnail-row-list {
    position: relative;
    opacity: 1;
    max-width: 300px;
    float: left;
    margin-left: 40px
}

.row .content-row-list .thumbnail-row-list h2 {
    font-size: 24px;
    margin-top: 33px;
    white-space: nowrap;
    font-weight: 400
}

.row .content-row-list .thumbnail-row-list p.content-text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
    color: #505050;
    text-align: left;
    overflow: hidden;
    height: 108px
}

@-webkit-keyframes wpb_ttb {
    0% {
        -webkit-transform: translate(0, -10%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes wpb_ttb {
    0% {
        -moz-transform: translate(0, -10%);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes wpb_ttb {
    0% {
        -o-transform: translate(0, -10%);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes wpb_ttb {
    0% {
        transform: translate(0, -10%);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes wpb_btt {
    0% {
        -webkit-transform: translate(0, 10%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes wpb_btt {
    0% {
        -moz-transform: translate(0, 10%);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes wpb_btt {
    0% {
        -o-transform: translate(0, 10%);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes wpb_btt {
    0% {
        transform: translate(0, 10%);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes wpb_ltr {
    0% {
        -webkit-transform: translate(-10%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes wpb_ltr {
    0% {
        -moz-transform: translate(-10%, 0);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes wpb_ltr {
    0% {
        -o-transform: translate(-10%, 0);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes wpb_ltr {
    0% {
        transform: translate(-10%, 0);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes wpb_rtl {
    0% {
        -webkit-transform: translate(10%, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-moz-keyframes wpb_rtl {
    0% {
        -moz-transform: translate(10%, 0);
        opacity: 0
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1
    }
}

@-o-keyframes wpb_rtl {
    0% {
        -o-transform: translate(10%, 0);
        opacity: 0
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes wpb_rtl {
    0% {
        transform: translate(10%, 0);
        opacity: 0
    }

    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@media (min-width:1366px) {

    .row-list-a .content-row-list,
    .row-list-a .content-row-list .thumbnail-row-list {
        -webkit-animation: wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -moz-animation: wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -o-animation: wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        animation: wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        opacity: 1
    }

    .gray-bg .row-list-a2 {
        -webkit-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -moz-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -o-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        opacity: 1
    }

    .function .row-list-a2,
    .green-bg .row-list-a2,
    .pic-bg .row-list-a2 {
        -webkit-animation: wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -moz-animation: wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -o-animation: wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        animation: wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        opacity: 1
    }

    .customer .customerSay .row-list-a,
    .wrapper-col-info .row-list-a {
        -webkit-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -moz-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -o-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        opacity: 1
    }

    .page-template-about-php .team .row-list-a {
        -webkit-animation: wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -moz-animation: wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -o-animation: wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        animation: wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        opacity: 1
    }

    .page-template-about-php .about-us .row-list-a {
        -webkit-animation: wpb_rtr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -moz-animation: wpb_rtr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -o-animation: wpb_rtr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        animation: wpb_rtr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        opacity: 1
    }

    .page-template-product-php .row-list-a {
        -webkit-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -moz-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        -o-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275);
        opacity: 1
    }

    .nav-kiotviet li a:hover {
        color: #04679a;
        text-decoration: none;
        line-height: 62px
    }

    .nav-kiotviet li.login a:hover {
        background: #2c5603;
        color: #fff
    }

    .navbar-fixed-tops li a:hover {
        line-height: 50px
    }
}

.wrap-img-about {
    position: relative;
    overflow: hidden;
    height: 250px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.wrap-img-about img {
    position: relative;
    width: 100% !important
}

.wrap-img-about:hover .overlay {
    opacity: .5
}

.nav-footer-bottom {
    clear: both;
    overflow: hidden;
    padding: 10px 0
}

.nav-footer-bottom ul {
    list-style: none;
    float: left
}

.nav-footer-bottom li {
    display: inline;
    padding: 5px
}

.nav-footer-bottom li:first-child {
    padding-left: 0
}

.nav-footer-bottom li a {
    color: #a0a49d
}

.nav-footer-bottom li a:hover {
    color: #5dba00
}

.nav-footer-bottom p {
    margin: 0;
    padding: 0;
    text-align: center;
    font: 400 12px 'Segoe UI', Helvetica, sans-serif
}

.nav-top .login input {
    background: #5dba00
}

.nav-top .login input:hover {
    background: #468c00
}

.single-post .nav-second-mobile {
    margin-top: 63px
}

.success {
    padding-bottom: 40px
}

.success table {
    margin: 0 auto
}

.success table td {
    padding: 5px 0
}

.wrapper-content div,
.wrapper-content p,
.wrapper-content table {
    font-size: 13px;
    line-height: 22px
}

.page-template-blog .viewnew {
    margin-top: -21px
}

.customer {
    max-width: 1230px !important
}

.customer .box-kh {
    border: 1px solid #d6d6d6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 30px;
    max-width: 343px
}

.customerSay .box-kh em:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    background-color: #e8e8e8
}

.customerSay .box-kh em:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #e8e8e8
}

.customerSay .wrap-img-kh {
    position: relative;
    overflow: hidden;
    height: 252px;
    cursor: pointer
}

.customerSay .box-kh img {
    max-width: 100%;
    display: block;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
    position: relative;
    -webkit-transition: all 4s ease-in-out;
    -moz-transition: all 4s ease-in-out;
    transition: all .4s ease-in-out
}

.overlay {
    background: #212121;
    opacity: 0;
    -webkit-transition: all 4s ease-in-out;
    -moz-transition: all 4s ease-in-out;
    transition: all .4s ease-in-out
}

.wrap-img-kh:hover .overlay {
    opacity: .5
}

.khach-hang .overlay {
    z-index: 0 !important
}

.customerSay .box-kh h3 {
    font-size: 15px;
    color: #333;
    padding: 0;
    font-family: Inter, sans-serif;
    margin-top: 12px
}

.customerSay .box-kh em {
    position: relative;
    display: block;
    margin: 0 0 10px;
    color: #737373;
    font-size: 13px;
    font-style: inherit;
    padding-top: 8px;
    padding-bottom: 8px
}

.customerSay .box-kh .kh-content {
    display: block;
    height: 210px;
    padding: 0 1px 18px 2px;
    color: #4c4c4c;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    margin-bottom: 18px
}

.loading {
    background: #f7fafa;
    color: #fff;
    font-size: 16px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

img.lazy {
    background: #f7fafa
}

.loading img {
    margin: 0 0 10px
}

@media (max-width:991px) {
    .nav-second li {
        float: left !important;
        text-align: center !important;
        width: 33.333333% !important
    }

    .nav-second li a:first-child span {
        padding: 10px 5px !important
    }

    #captcha-code {
        width: 50%
    }

    .nav-footer .wrapper-ct,
    .nav-footer .wrapper-ht,
    .nav-footer .wrapper-lh {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px
    }

    .nav-kiotviet li a {
        padding: 0 9px 0 0;
        font-size: 8px
    }

    .white-bg .row-list {
        margin-bottom: 40px
    }

    .contact-right {
        margin-top: 50px;
        text-align: center
    }

    .form-btn-red {
        margin-bottom: 25px
    }

    .clearfix {
        clear: both
    }

    .nav-footer,
    .right-container,
    .sub-content {
        text-align: center
    }

    .nav-footer ul li {
        display: inline-block;
        float: none;
        font-size: 14px
    }

    .sub-content.green-bg button.register {
        font-size: 15px !important;
        margin: 0 0 30px !important
    }

    .cell .content-cell-list span.bullet {
        display: none
    }

    .col-giupkiot {
        margin-top: 30px
    }

    .banner-homepage h1.title-homepage {
        margin-top: 54px !important
    }

    .img-wrapper,
    .sub-container {
        text-align: center
    }

    .wrapper-content {
        padding-bottom: 5px !important
    }

    .sub-content.bannerPrice {
        margin-bottom: 0 !important
    }

    .wrap-price {
        border: 1px solid #ddd;
        padding: 10px 15px
    }

    .txtC {
        margin-top: 30px;
        margin-bottom: 0 !important
    }

    .txtB {
        text-align: center
    }

    .priceAdv h2 {
        padding-top: 10px
    }

    .about-info .info {
        text-align: center
    }

    .about-content.gray-bg {
        margin-top: 0
    }

    .about-us .title,
    .supportPage {
        margin-bottom: 20px !important
    }

    .support h3.title {
        padding-bottom: 10px !important
    }

    .download {
        float: none;
        width: auto !important;
        clear: both
    }

    .wrapper-container img {
        max-width: 100%;
        height: auto
    }
}

.navbar-nav {
    margin: 0
}

.flex-viewport {
    max-height: 100% !important
}

.priceOther {
    padding: 10px 0 40px !important
}

@media (max-width:376px) {
    .login {
        display: none
    }

    .nav-second li a:first-child span {
        padding: 10px 2px;
        font-size: 9px
    }

    .nav-second li a {
        padding-bottom: 0 !important
    }
}

.page-template-homepage-php .sub-content.banner p {
    margin: 7px 0 38px
}

.wrapper-list-text-home {
    margin-bottom: 30px
}

.wp-feature-list-text {
    padding-right: 0
}

.page-template-product-php .img-wrapper img {
    max-width: 100%
}

.description .sub-container p a {
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -transition: .5s all ease-in-out
}

.description .sub-container p a:hover {
    background-color: #2d5900 !important;
    text-decoration: none
}

.page-template-homepage-php .white-bg .content-row-list {
    width: 280px;
    margin-left: auto;
    margin-right: auto
}

.page-template-homepage-php .white-bg .title {
    margin-top: 28px;
    margin-bottom: 55px;
    font-family: font-helveticaNeueBold
}

.page-template-homepage-php .white-bg .thumbnail-row-list h2 {
    margin-bottom: 10px;
    font-family: font-helveticaNeueBold
}

.page-template-homepage-php .white-bg .thumbnail-row-list p {
    font-family: font-helveticaNeueRegular;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 22px;
    color: #505050
}

.page-template-homepage-php .white-bg {
    padding-bottom: 37px !important
}

.page-template-homepage-php .gray-bg h2.title {
    margin-top: 31px
}

.page-template-homepage-php .gray-bg p.title {
    margin-top: 17px;
    margin-bottom: 33px
}

.page-template-homepage-php .gray-bg .right-container {
    max-width: 401px;
    margin-left: auto;
    margin-right: auto
}

.page-template-homepage-php .function .cnvt {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
}

.page-template-homepage-php .function h2.title {
    margin-bottom: 26px
}

.page-template-homepage-php .function .cnvt h3.title-cnvt {
    margin-top: 23px
}

.page-template-homepage-php .function a.xemthem {
    margin-top: 7px !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -transition: all .5s ease-in-out
}

.page-template-homepage-php .function a.xemthem:hover {
    text-decoration: none;
    color: #212121
}

.page-template-homepage-php .pic-bg h2.title {
    margin-top: 43px;
    color: #333;
    font-family: font-helveticaNeueBold;
    font-size: 50px
}

.page-template-homepage-php .pic-bg .content-row-list {
    text-align: center
}

.wrap_box_pic .col-md-6 {
    height: 200px;
    padding-bottom: 15px;
    overflow: hidden
}

.green-bg h2.title {
    margin-top: 39px;
    margin-bottom: 27px;
    font-size: 36px
}

.register label {
    padding-bottom: 5px;
    text-align: right;
    margin-top: 10px
}

.btn-register {
    background: #dc1816;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dc1816), to(#c01412));
    background-image: -webkit-linear-gradient(top, #dc1816, #c01412);
    background-image: -moz-linear-gradient(top, #dc1816, #c01412);
    background-image: -ms-linear-gradient(top, #dc1816, #c01412);
    background-image: -o-linear-gradient(top, #dc1816, #c01412);
    background-image: linear-gradient(top, #dc1816, #c01412);
    border: 1px solid #dc1816;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    width: 100%;
    margin-top: 20px
}

.col-sub-register input {
    height: 37px
}

.gg-share,
.tw-share {
    display: inline-block;
    position: relative;
    top: 6px
}

.tw-share iframe {
    width: 85px !important;
    margin-left: 10px
}

.gg-share>div {
    width: 60px !important
}

.blog-other .wrapper-qt-right {
    width: 50%;
    float: left;
    clear: none;
    padding: 7px 15px;
    margin-top: 0
}

.blog-other .wrapper-qt-right .wr-name {
    margin-left: 65px
}

.header-z {
    position: relative;
    z-index: 999
}

@media (max-width:1024px) {
    .nav-kiotviet li a {
        font-size: 14px;
        font-family: font-helveticaNeueBold;
        padding: 0 8px
    }

    .customerSay .box-kh .kh-content {
        height: 240px
    }

    .sub-content.pic-bg .row .row-list .content-row-list .around {
        width: 100px !important;
        height: 100px !important
    }

    .social li {
        margin-left: 8px;
        float: left
    }

    .sub-content.green-bg .register:hover {
        background-color: transparent
    }

    .nav-kiotviet li a:hover:before {
        width: 0
    }

    .customer .box-kh {
        max-width: 100%;
        margin-right: 0
    }

    .sub-content.bannerPrice .feature-img-price {
        height: 373px !important;
        background-size: auto 72% !important;
        background-position-x: 18% !important;
        background-position-x: 64% !important;
        margin-top: 55px !important
    }

    .pricePaket {
        background: 0 0 !important
    }

    .supportContent .support-sec1 ul {
        padding-left: 0 !important;
        padding-right: 30px !important
    }

    .supportTeamview ul.supportTeamview-right {
        border-right: 0 !important
    }

    .bannerContact .wrapper-feature-ct {
        position: inherit;
        padding-top: 91px !important
    }

    .support-wk .supportLeft {
        width: 545px !important
    }

    .support-wk ul {
        padding-left: 39px !important
    }

    .sopportBox .supportRight {
        margin-top: 0
    }

    .description .sub-container p,
    .wrapper-content .img-wrapper {
        text-align: center
    }
}

@media (max-width:768px) {
    .wrapper-container-feauture {
        padding-left: 50px;
        padding-top: 0
    }

    .nav-kiotviet li a {
        font-size: 10px;
        font-weight: 400
    }

    .pic-bg .row .content-row-list .thumbnail-row-list {
        max-width: 193px
    }

    .sub-content.pic-bg .row .row-list .content-row-list .around {
        width: 100px !important;
        height: 100px !important
    }

    .sub-content.green-bg .register:hover {
        background-color: transparent
    }

    .nav-kiotviet li a:hover:before {
        width: 0
    }

    .customer .box-kh {
        max-width: 100%;
        margin-right: 0
    }

    .sub-content.bannerPrice .feature-img-price {
        height: 373px !important;
        margin-top: 0 !important;
        background-size: auto 72% !important;
        background-position-x: 18% !important
    }

    .pricePaket {
        background: 0 0 !important
    }

    .note-price,
    .priceAdv .priceTxt,
    .priceAdv h2 {
        padding-right: 0 !important
    }

    .supportContent .support-sec1 ul {
        padding-bottom: 30px
    }

    .supportTeamview ul {
        padding: 0 !important
    }

    .supportTeamview ul.supportTeamview-right {
        border-right: 0 !important
    }

    .bannerContact .wrapper-feature-ct {
        position: inherit;
        padding-top: 91px !important
    }

    .green-bg h2.title {
        font-size: 45px
    }

    .lgn {
        margin-left: -189px
    }
}

@media (max-width:768px) and (-webkit-min-device-pixel-ratio:1.3) {
    .wrapper-container-feauture {
        padding-left: 50px;
        padding-top: 0
    }

    .page-template-homepage .wrapper-banner,
    .page-template-product-php .bannerPage,
    .sub-content.bannerCustomer {
        height: 425px !important
    }

    .page-template-homepage-php .pic-bg h2.title {
        font-size: 33px
    }

    .wrapper-feature-tn h3 {
        line-height: 30px;
        margin-top: 32px
    }

    .customer {
        padding-left: 0
    }

    .wrap-price ul:last-child {
        padding-left: 14px
    }

    .page-template-blog .sub-content.banner h1.title {
        line-height: 5px !important
    }

    .nav-second-mobile .container {
        padding-left: 0;
        padding-right: 0
    }

    .pic-bg .row .content-row-list .thumbnail-row-list {
        max-width: 144px
    }

    .bannerContact .wrapper-feature-ct .title:before {
        top: 0 !important
    }
}

@media (max-width:767px) {

    .nav-kiotviet .login a,
    .navbar-header .login a {
        color: #fff
    }

    .nav-kiotviet .login {
        margin-top: 10px;
        margin-bottom: 5px
    }

    .nav-kiotviet .login .active {
        height: 180px;
        width: 100%
    }

    .wiki-right p {
        font-size: 14px !important;
        line-height: 20px !important
    }
}

@media (max-width:600px) {
    .wrapper-container-feauture {
        padding-left: 50px;
        padding-top: 0
    }

    .page-template-homepage .wrapper-banner,
    .page-template-product-php .bannerPage,
    .sub-content.bannerCustomer {
        height: 425px !important
    }

    .page-template-homepage-php .pic-bg h2.title {
        font-size: 33px
    }

    .wrapper-feature-tn h3 {
        line-height: 30px;
        margin-top: 32px
    }

    .customer {
        padding-left: 0
    }

    .wrap-price ul:last-child {
        padding-left: 14px
    }

    .page-template-blog .sub-content.banner,
    .page-template-contact .sub-content.banner {
        height: 340px !important
    }

    .page-template-blog .sub-content.banner {
        height: 250px !important
    }

    .page-template-blog .sub-content.banner h1.title {
        line-height: 5px !important
    }

    .nav-second-mobile .container {
        padding-left: 0;
        padding-right: 0
    }

    .pic-bg .row .content-row-list .thumbnail-row-list {
        max-width: 144px
    }
}

@media (max-width:568px) {
    .sub-content.banner h1 {
        font-size: 16px
    }
}

@media (max-width:414px) {
    .wrapper-container-feauture {
        padding-left: 50px;
        padding-top: 0
    }

    .page-template-homepage .wrapper-banner,
    .page-template-product-php .bannerPage,
    .sub-content.bannerCustomer {
        height: 425px !important
    }

    .page-template-homepage-php .pic-bg h2.title {
        font-size: 33px
    }

    .wrapper-feature-tn h3 {
        line-height: 30px;
        margin-top: 32px
    }

    .customer {
        padding-left: 0
    }

    .wrap-price ul:last-child {
        padding-left: 14px
    }

    .page-template-blog .sub-content.banner,
    .page-template-contact .sub-content.banner {
        height: 340px !important
    }

    .page-template-blog .sub-content.banner {
        height: 250px !important
    }

    .page-template-blog .sub-content.banner h1.title {
        line-height: 5px !important
    }

    .nav-second-mobile .container {
        padding-left: 0;
        padding-right: 0
    }
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fs14,
.fs14 * {
    font-size: 14px;
    line-height: 22px
}

.fs16,
.fs16 * {
    font-size: 16px;
    line-height: 26px
}

.fs18,
.fs18 * {
    font-size: 18px
}

.fs30,
.fs30 * {
    font-size: 30px
}

.ovh {
    overflow: hidden
}

.ovh h3 {
    font-size: 30px !important;
    font-weight: 700;
    line-height: 36px;
    color: #002249 !important;
    padding-bottom: 0 !important;
    margin-bottom: 24px !important
}

.fll {
    float: left
}

.flr {
    float: right
}

.clb {
    clear: both
}

.txtB {
    font-weight: 700 !important
}

.txtC {
    text-align: center !important
}

.txtL {
    text-align: left !important
}

.txtR {
    text-align: right !important
}

.uln ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.txtGay {
    color: #6e6e6e
}

.txt2c {
    color: #2c2c2c
}

.mb20 {
    margin-bottom: 20px
}

.mb10 {
    margin-bottom: 10px
}

.posR {
    position: relative
}

.posA {
    position: absolute
}

.pageTop .title {
    font-size: 36px;
    margin: 0;
    padding: 30px 0 15px;
    font-weight: 400;
    text-align: left;
    color: #2c2c2c;
    line-height: 48px
}

.customerSay .wrap-img-kh figure {
    position: relative;
    height: 100%
}

.customerSay .wrap-img-kh:hover figure:after {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.veaM {
    vertical-align: middle
}

@keyframes bounce {
    from {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounce {
    from {
        -webkit-transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

.register_box .register_head {
    padding: 15px 20px 16px
}

.sub-content {
    overflow: hidden;
    clear: both;
    background-color: #fff
}

.sub-content p.title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px
}

.page.page-id-297.page-child.parent-pageid-77.page-template.page-template-product.page-template-product-php.logged-in {
    background: 0 0 !important
}

.feature-list-text h5 {
    font-size: 16px;
    text-align: left;
    margin: 0
}

.feature-list-text h5 i {
    padding-right: 10px;
    font-size: 20px
}

.btn-feature {
    margin-top: 0;
    padding-bottom: 60px;
    text-align: left
}

.sub-content.banner .wrapper {
    background: url(../images/trans-bg.png) no-repeat top center;
    overflow: inherit;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 46px;
    min-height: 430px
}

.sub-content.banner h1,
.sub-content.banner h2,
.sub-content.wiki h2,
.support-online .container h1.txtC {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto !important;
    transform: translate(-50%, -50%);
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px
}

.wrapper-list-text-home {
    max-width: 440px;
    margin-top: 15px
}

.wrapper-list-text-home h5 {
    text-align: left !important;
    font-family: font-helveticaNeueBold;
    font-size: 16px;
    color: #fff;
    line-height: 24px
}

.sub-content.banner p.last {
    font-size: 14px
}

.sub-content.banner p em {
    font-size: 11px;
    color: #5dba00;
    text-transform: uppercase
}

.sub-content.banner span.scrolled {
    width: 49px;
    height: 27px;
    display: inline-block;
    animation: bounce .5s infinite alternate;
    -webkit-animation: bounce .5s infinite alternate;
    cursor: pointer
}

.sub-content.banner span.scrolled i {
    color: #fff;
    font-size: 70px;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    bottom: -15px
}

.sub-content.banner .wrapper-feature {
    margin-bottom: 30px;
    height: auto;
    margin-left: auto;
    max-width: 900px;
    border: 1px solid red;
    margin-right: auto
}

.sub-content.banner ul li i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle
}

.sub-content.bannerCustomer ul {
    margin: 0;
    padding: 0
}

.sub-content.bannerCustomer .wrapper,
.sub-content.bannerCustomer ul.flex-direction-nav {
    overflow: visible
}

.sub-content.bannerCustomer .flex-prev {
    opacity: 0;
    background: url(../images/next_prev.png) no-repeat;
    width: 0;
    padding-left: 47px;
    height: 47px;
    overflow: hidden
}

.sub-content.bannerCustomer .flex-next {
    opacity: 0;
    background: url(../images/next_prev.png) no-repeat -48px 0;
    width: 0;
    padding-left: 47px;
    height: 47px;
    overflow: hidden
}

.bannerCustomer:hover .flex-next,
.bannerCustomer:hover .flex-prev {
    opacity: 1 !important
}

.sub-content.white-bg {
    text-align: center;
    background-color: #fff;
    padding-bottom: 50px
}

.wrapper-btn-group {
    position: relative;
    text-align: center
}

.wrapper-btn-group .btn {
    margin-right: 10px
}

.sub-content.gray-bg {
    background-color: #f5f5f5;
    padding-bottom: 11px
}

.box5,
.page-template-homepage-php .gray-bg img {
    width: 100%
}

@media (min-width:991px) {
    .sub-content.gray-bg .btn-group {
        margin-bottom: 37px
    }
}

.sub-content.gray-bg p.title {
    color: #6f6f6f
}

.sub-content.pic-bg {
    background: url(../images/bg-main-second1.jpg) center top;
    color: #fff
}

.wrapper-viewall {
    text-align: center;
    margin-top: 40px
}

.sub-content.pic-bg button.viewall {
    background-color: #0e77b7;
    border: none;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
    width: 260px;
    font-family: font-helveticaNeueBold;
    text-transform: uppercase;
    cursor: pointer
}

.sub-content.pic-bg button.viewall p {
    margin-bottom: 0
}

.sub-content.pic-bg button.viewall span {
    background-position: -87px -309px;
    width: 23px;
    height: 11px;
    display: block;
    position: relative;
    top: -11px;
    margin: 0 auto
}

.sub-content.pic-bg p.title {
    margin-bottom: 44px;
    margin-top: -3px;
    font-size: 16px;
    color: #999;
    font-weight: 700
}

.sub-content.pic-bg .row .row-list .content-row-list .around {
    position: relative;
    width: 123px;
    height: 123px;
    margin: 20px auto;
    display: inline-block;
    overflow: hidden;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 23px;
    float: left
}

.pic-bg .row .content-row-list .thumbnail-row-list:before {
    content: '';
    position: absolute;
    background: url(../images/icon-kh-home.png) no-repeat;
    width: 24px;
    height: 46px;
    top: 58px;
    left: -33px
}

.pic-bg .wrapper-container {
    width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.sub-content.pic-bg .row .row-list .content-row-list .around .overlay {
    moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #212121
}

.sub-content.pic-bg .row .row-list .content-row-list .around:hover .overlay {
    opacity: .5
}

.sub-content.pic-bg .row .row-list .content-row-list .around img {
    max-height: 123px
}

.sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list p {
    color: #333
}

.sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address {
    font-size: 12px;
    font-family: font-helveticaNeueBold;
    padding-top: 20px
}

.sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p {
    text-align: left;
    color: #999;
    margin: 0;
    font-size: 12px;
    font-family: font-helveticaNeueBold;
    height: auto;
    padding: 2px 0
}

.sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p.name {
    color: #333;
    font-family: font-helveticaNeueBold;
    font-size: 21px
}

.sub-content.green-bg h1.title {
    margin-top: 20px
}

.sub-content.green-bg {
    background-color: #80be41 !important;
    text-align: center;
    color: #fff;
    border-bottom: 4px solid #122300;
    padding-top: 60px;
    padding-bottom: 70px
}

.sub-content.green-bg .register {
    background-color: #428400;
    border: 0;
    font-size: 24px;
    padding: 24px 42px 24px 77px;
    margin: 8px 0 30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fdfdfd;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

a.scrollTo {
    position: absolute;
    bottom: 20px;
    left: 49%;
    font-size: 70px;
    color: #fff;
    animation: bounce .5s infinite alternate;
    -webkit-animation: bounce .5s infinite alternate;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out
}

a.scrollTo i {
    font-size: 61px
}

a.scrollTo:hover i {
    color: rgba(255, 255, 255, .6)
}

.sub-content.green-bg .register .ic-dtmp {
    background: url(../images/icon-dt.png) no-repeat;
    position: absolute;
    display: block;
    top: 17px;
    width: 40px;
    height: 39px;
    left: 21px
}

.sub-content.green-bg .register:hover {
    background-color: #2c5603
}

.pageTop {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    margin-bottom: 25px
}

.pageBottom {
    padding: 20px 0
}

a,
a:visited,
input {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out
}

textarea {
    resize: initial
}

.btnRed {
    background: #428400;
    font-size: 18px;
    color: #fff;
    padding: 18px 80px;
    text-transform: uppercase;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: font-helveticaNeueBold
}

a.btnRed {
    display: inline-block
}

.btnRed:hover {
    background: #2c5603
}

.fr ul li {
    clear: both
}

.fr ul li+li {
    margin-top: 28px
}

.fr ul li span.lbl {
    display: inline-block;
    width: 145px;
    font-size: 16px;
    color: #292929;
    padding-top: 6px;
    vertical-align: top
}

.fr input[type=email],
.fr input[type=password],
.fr input[type=text],
.fr select,
.fr textarea {
    width: 50%;
    border: 1px solid #dadada;
    background: #fff;
    color: #292929;
    font-size: 14px;
    margin: 0;
    padding: 8px 12px;
    overflow: visible;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#captcha-code {
    width: 25%
}

.fr input.error {
    border-color: red
}

.fr label.error {
    display: none !important
}

.fr #http {
    width: 33% !important;
    margin: 0 5px !important
}

.fr textarea {
    height: 145px
}

.fr ul li strong {
    font-weight: 700
}

.fr ul li .zone {
    width: 144px
}

.fr ul li .zone option {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px
}

input[type=password]:hover,
input[type=text]:hover {
    background: rgba(0, 0, 0, .1)
}

.nm:hover {
    background: #fff !important
}

.contactBox {
    margin-bottom: 30px
}

.contactBox p {
    padding-bottom: 5px
}

.register ul li span.lbl {
    width: 270px;
    margin-right: 80px;
    text-align: right
}

.hotline {
    font-size: 14px;
    font-family: font-helveticaNeueBold;
    background: url(../images/phoneBlue.png) no-repeat center left;
    color: #fff;
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
    text-transform: uppercase
}

.hotline.blue {
    color: #005f8e
}

.pricing {
    background: url(../images/maps.png) no-repeat center 170px
}

.pricelist {
    margin-bottom: 20px
}

.priceTxtadd .txtB {
    font-size: 20px
}

.pricelist ul li {
    width: 30%;
    margin: 0 0 30px 15%;
    float: left;
    background: url(../images/true.png) no-repeat left center;
    padding-left: 36px
}

.pricelist ul li strong {
    font-family: font-helveticaNeueBold;
    text-transform: uppercase
}

.priceTxt {
    color: #d30000;
    font-size: 31px;
    margin: 12px 0 25px
}

.priceImg {
    margin-bottom: 85px
}

.priceOption {
    text-align: center;
    color: #333;
    margin: 40px 0 60px
}

.priceOption .col-md-8 {
    padding: 25px 0 15px
}

.priceOption .vector {
    line-height: 54px
}

.priceOption .vector a {
    color: #fff;
    white-space: nowrap
}

.priceOption .vector.priceOption2 {
    width: 36%;
    background: red
}

.price_year_l {
    background: url(../images/price_year_l.png) no-repeat;
    width: 16px;
    height: 54px;
    display: inline-block
}

.price_year_r {
    background: url(../images/price_year_r.png) no-repeat;
    width: 16px;
    height: 54px;
    display: inline-block
}

.pricePaket {
    background: url(../images/priceBg.png) no-repeat top center;
    min-height: 464px
}

.priceBasic {
    padding-top: 61px
}

.priceAdv {
    padding-top: 38px
}

.priceBasic h1 {
    text-align: center;
    margin: 0;
    padding: 0 0 15px;
    font-size: 26px;
    color: #323232;
    font-weight: 400
}

.priceBasic .priceTxt {
    font-size: 26px;
    margin: 0;
    padding: 0 0 30px
}

.priceAdv .priceTxt {
    padding: 0 98px 20px 0
}

.priceAdv ul li,
.priceBasic ul li {
    display: inline-block;
    font-size: 13px;
    color: #454545;
    padding-left: 30px;
    margin: 0 0 20px -7px;
    width: 192px
}

.priceAdv h2 {
    margin: 0;
    font-size: 26px;
    font-family: font-helveticaNeueBold;
    color: #169dd5;
    padding-right: 97px
}

.priceAdv ul li {
    margin-right: 40px
}

.priceAdv i {
    display: block;
    background: url(../images/price_adv.png) no-repeat;
    width: 93px;
    height: 90px;
    position: absolute;
    right: 107px;
    top: -39px
}

.note-price {
    padding-right: 140px
}

.pricePaket ul li.true {
    background: url(../images/icon-1.png) no-repeat left center
}

.pricePaket ul li.false {
    background: url(../images/icon-2.png) no-repeat left center
}

.pricePaket h1,
.pricePaket h2 {
    text-align: center
}

.priceOther {
    border-bottom: 1px solid #e2e2e2
}

.priceOther a {
    color: #0f80cf;
    font-size: 14px
}

.priceOther a i {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 20px;
    font-family: font-helveticaNeueBold;
    width: 14px
}

.priceOther ul {
    margin: 10px 0 0 34px;
    display: none
}

.priceOther ul li {
    margin-top: 8px;
    font-size: 14px
}

.btnBlue {
    background: #0a9dd2 !important
}

.btnBlue:hover {
    background: #0b87bb !important
}

.function {
    padding-bottom: 65px
}

.function img {
    float: right;
    margin: 32px 0 0 60px;
    max-width: 100%;
    height: auto
}

.function h3 {
    font-size: 18px;
    font-family: font-helveticaNeueBold;
    color: #505050
}

.function p {
    font-size: 14px;
    color: #505050;
    line-height: 26px
}

.function a {
    color: #12679b;
    display: inline-block;
    margin-top: 10px
}

.registerTop p {
    margin: 0;
    padding: 0
}

.registerTop .title {
    padding-bottom: 10px
}

.register.fr ul li+li {
    margin-top: 20px
}

.blog-paging {
    text-align: right;
    clear: both;
    margin-top: 30px
}

.blog-paging a,
.blog-paging span {
    text-align: center;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    width: 32px;
    padding: 6px 0;
    color: #2d7fd0;
    margin-bottom: 5px
}

.blog-paging a.next,
.blog-paging a.prev,
.blog-paging span.next,
.blog-paging span.prev {
    width: auto;
    padding: 6px 10px;
    display: none
}

.blog-paging a:hover,
.blog-paging span.current {
    background: #428400;
    color: #fff;
    text-decoration: none
}

.about-content p.title {
    margin-bottom: 55px;
    font-size: 16px;
    color: #858585;
    line-height: 30px
}

.about-content.banner {
    background: url(../images/imgAbout.jpg) no-repeat center top;
    height: 418px;
    overflow: hidden;
    position: relative;
    background-attachment: fixed
}

.about-content.banner video {
    margin-top: -200px
}

.about-content.white-bg.about-us {
    background-color: #fff;
    margin-bottom: 50px
}

.about-content.white-bg.about-us header p {
    margin: 0 0 40px;
    font-size: 16px;
    color: #858585;
    text-align: center;
    line-height: 30px
}

.about-content.white-bg.about-us .row .row-list .content-row-list img.around {
    width: 250px;
    height: 250px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -filter: grayscale(100%);
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -transition: .2s all ease-in-out
}

.about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list h4.name {
    font-size: 16px;
    font-family: font-helveticaNeueBold;
    color: #333;
    margin: 20px 10px 10px;
    text-transform: uppercase
}

.about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
    font-size: 14px;
    font-weight: 400;
    color: #a1a1a1;
    margin: 0 10px 16px;
    padding: 0 0 20px;
    border-bottom: 1px solid #d1cfcf;
    display: block;
    text-transform: uppercase;
    font-style: inherit
}

.about-info {
    height: auto;
    margin-bottom: 15px;
    padding-bottom: 30px
}

.wrapper-col-info h2 {
    margin-top: 62px;
    font-size: 32px;
    font-family: font-helveticaNeueBold;
    color: #333
}

.wrapper-col-info p {
    font-size: 16px;
    font-family: font-helveticaNeueBold;
    color: #5cba47;
    line-height: 24px
}

.wrapper-col-info-right {
    margin-top: 60px;
    font-family: font-helveticaNeueRegular;
    font-size: 15px;
    color: #666;
    line-height: 26px
}

.about-info .info {
    font-size: 15px;
    line-height: 30px;
    color: #000
}

.about-info .info .title {
    margin: 0;
    padding: 15px 0;
    font-size: 38px;
    line-height: 46px
}

.about-content .row .row-list {
    height: 515px;
    margin-bottom: 30px;
    border: 1px solid #dedede;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -transition: .2s all ease-in-out
}

.about-content .row .row-list:before {
    position: absolute;
    background-color: #727272;
    width: 100%;
    height: 5px;
    content: '';
    bottom: 0;
    left: 0
}

.about-content .row .row-list:hover {
    border: 1px solid #dedede;
    background-color: #fff;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .27);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .27);
    box-shadow: 0 0 10px rgba(0, 0, 0, .27)
}

.about-content .row .col-md-3.col-sm-6:hover .row-list:before {
    background-color: #04679a
}

.about-content .row .row-list:hover .thumbnail-row-list h4.name {
    color: #04679a !important
}

.about-content .row .row-list:hover .content-row-list img.around {
    -webkit-filter: inherit !important;
    -moz-filter: inherit !important;
    filter: inherit !important
}

.about-content .row .row-list .content-row-list .thumbnail p {
    height: auto
}

.about-content header h1 {
    margin-bottom: 30px
}

.about-content .text-feature {
    margin-top: 110px;
    margin-left: 60px
}

.about-content .text-feature li {
    color: #fdfdfd;
    font-family: font-helveticaNeueBold;
    font-size: 35px;
    line-height: 60px;
    position: relative
}

.about-content .text-feature li:before {
    content: '\f138';
    position: absolute;
    top: 0;
    left: -50px;
    font-size: 35px;
    color: #fff;
    font-family: FontAwesome
}

.team .container {
    border-top: 1px solid #ddd
}

.error404 {
    background: #fff
}

.error404 .header {
    background: #169dd5;
    position: relative
}

.error404 .footer {
    position: relative;
    background: #222
}

.error404 .footer .wrapper {
    background: #222;
    padding: 0
}

.error404 .nav-top {
    padding-top: 16px
}

.errorPage img {
    max-width: 100%;
    height: auto
}

.customer {
    padding-top: 59px
}

.customerSay {
    padding-top: 8px
}

.msg-error {
    text-align: center;
    padding: 10px
}

.support h3.title {
    position: relative;
    margin: 0;
    padding: 0 0 6px;
    font-size: 32px;
    font-weight: 400;
    color: #333;
    padding-left: 80px;
    font-family: font-helveticaNeueBold;
    margin-left: 15px;
    margin-right: 15px
}

.support h3.title:before {
    content: '\f06a';
    position: absolute;
    top: -6px;
    left: 3px;
    font-size: 60px;
    color: #666;
    font-family: FontAwesome
}

.support h3.title-video:before {
    content: '\f16a';
    left: 0
}

.supportPage {
    background: url(../images/sopport-bg.jpg) no-repeat top center;
    font-size: 14px;
    line-height: 24px;
    min-height: 363px;
    margin: 40px 0;
    position: relative
}

.supportPage .col-md-6 {
    min-height: 353px
}

.supportVideo {
    position: absolute;
    top: 44px
}

.supportVideo object {
    width: 100%
}

.supportPage h1,
.supportPage h2 {
    margin: 0 0 22px;
    padding: 32px 0 0 20px;
    line-height: 30px;
    font-size: 26px
}

.supportPage p {
    margin: 0;
    padding: 0 0 30px 20px;
    color: #3d3d3d;
    font-family: 'Segoe UI';
    font-size: 14px
}

.supportPhone {
    position: absolute;
    bottom: 5px;
    left: 25px
}

.supportPhone .phoneGray {
    font-size: 12px;
    font-style: italic;
    color: #4a4a4a
}

.phoneGray {
    background: url(../images/phoneGray.png) no-repeat left center;
    padding-left: 22px;
    display: inline-block
}

.video ul {
    width: 107%;
    margin-left: -40px
}

.video ul li {
    width: 306px;
    padding: 0 0 15px;
    margin-left: 40px;
    border-right: 1px solid #e6e6e6;
    font-size: 14px;
    color: #666;
    float: left
}

.video ul li p {
    padding: 0 0 5px;
    margin: 0
}

.videoIcon {
    display: inline-block;
    background: url(../images/video.png) no-repeat left center;
    padding-left: 24px;
    font-size: 14px;
    font-family: font-helveticaNeueBold;
    color: #009ddc
}

.downloadIcon {
    display: inline-block;
    background: url(../images/pdf.png) no-repeat left center;
    color: #009ddc;
    padding-left: 30px;
    line-height: 22px;
    font-size: 14px
}

.download {
    width: 306px;
    font-size: 14px;
    color: #666
}

.download p {
    margin: 0;
    padding: 0 0 20px
}

.faqs {
    margin: 55px 0 0
}

.faqs-item h6,
.faqs-item h6 a {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.faqs h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 10px
}

.faqs a {
    color: #0076a6
}

.suport-chtg .faqs-item ul li {
    padding-right: 0
}

.faqs-item {
    width: 33%;
    padding-right: 15px;
    padding-left: 15px;
    float: left
}

.faqs-item ul li+li {
    margin-top: 12px
}

.faqs-no {
    border: none;
    margin: 0;
    padding: 0
}

.faqs-item ul li aside {
    display: none;
    line-height: 22px
}

.faqs-item ul li aside,
.faqs-item ul li aside * {
    font-size: 13px;
    color: #666
}

.faqs-item ul li aside p {
    padding: 0;
    margin: 0
}

a.link.active {
    display: block;
    padding: 5px 15px;
    background: #f1f1f1
}

.faqs-item ul li aside.active {
    background: #e8e8e8;
    padding: 10px 15px 15px
}

.faqs-item ul.faqs-show {
    display: none
}

.support-online .container {
    padding-top: 55px
}

.support-online-left {
    float: left;
    padding: 15px 15px 30px;
    width: 240px;
    margin-right: 25px;
    background: #f5f5f5
}

.support-online-left h3 {
    background: url(../images/icon5.png) no-repeat left 5px;
    padding: 0 0 2px 18px;
    margin: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000
}

.support-online-left h3.active {
    background-image: url(../images/icon6.png)
}

.support-online-left .support-items {
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0
}

.support-online-left .support-items+.support-items {
    padding-top: 12px;
    border-top: 1px solid #fff
}

.support-online-left ul {
    margin: 8px 0 0 18px;
    display: none
}

.support-online-left ul li a {
    display: block;
    padding: 6px 0 7px
}

.support-online-left ul li a.active {
    background: #125186;
    color: #fff;
    text-decoration: none;
    margin-left: -18px;
    padding-left: 18px
}

.support-online-right {
    color: #212121;
    padding-top: 10px
}

.support-online-right img {
    max-width: 100%;
    height: auto
}

.support-online-right h2 {
    margin: 0;
    padding: 0 0 30px;
    font-size: 30px;
    color: #000
}

.support-online-right p {
    margin: 0;
    padding: 0 0 20px;
    font-size: 14px;
    line-height: 24px
}

.support-online-right ol,
.support-online-right ul {
    margin-bottom: 20px;
    list-style: square
}

.support-online-right ol li,
.support-online-right ul li {
    font-size: 14px;
    line-height: 24px;
    margin-left: 20px
}

.priceBarcode p.title {
    margin: 0 0 20px;
    font-size: 20px
}

.priceBarcode h4 {
    font-family: font-helveticaNeueBold;
    font-size: 15px;
    padding-bottom: 25px;
    position: relative;
    height: 57px
}

.priceBarcode img {
    height: auto;
    max-width: 100%;
    margin-bottom: 10px;
    border: 1px solid #d8d8d8
}

.priceBarcode ul {
    margin-bottom: 10px;
    text-align: left;
    padding-left: 20px
}

.priceBarcode ul li {
    border-bottom: 1px dotted #cdcdcd;
    padding: 7px 10px;
    font-family: font-helveticaNeueRegular;
    font-size: 13px;
    line-height: 23px
}

.priceBarcode .bacodePrice {
    color: #d00;
    font-size: 16px;
    margin: 0 0 100px
}

.row .row-list .content-row-list span.icon {
    position: relative;
    zoom: 1;
    behavior: url(ie-css3.htc)
}

#register label .error {
    color: red
}

.page-template-product-php .wrapper-content .title {
    margin-bottom: 40px
}

.tp_inner_padding {
    background: 0 0 !important
}

.customer .kh-content i {
    color: #ededed;
    font-size: 20px
}

.fr input[type=text] {
    width: 100%
}

.fr input[type=text].branch {
    width: 350px
}

.fr input[type=text]#http {
    width: 143px !important
}

.fr input[type=text].user {
    width: 198px
}

.fr input[type=text]#captcha-code {
    width: 90%
}

.fr input[type=password] {
    width: 142px
}

.fr input[type=email],
.fr textarea {
    width: 100%
}

.fr select.zone {
    width: 218px
}

.form-horizontal .control-label {
    text-align: left
}

.wikiPage {
    padding: 0 0 60px;
    color: #212120;
    overflow: hidden
}

.wiki-left {
    text-align: left;
    border-right: 1px solid #e8eaed;
    margin-left: -12px;
    padding-left: 24px !important;
    padding-right: 23px !important
}

.wiki-left h3 {
    font-size: 14px;
    font-weight: 400
}

.wiki-left ul li a {
    padding: 12px 8px 12px 20px;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #292e35
}

.wiki-left ul li a:hover {
    background-color: #f0f1f3;
    border-radius: 8px
}

.wiki-left ul li a:focus {
    border-radius: 8px;
    background-color: #e8eaed
}

.wiki-left ul li a.active {
    color: #0070f4;
    text-decoration: none;
    font-weight: 600
}

.wiki-right {
    float: left
}

.wiki-right h3 {
    font-size: 18px;
    color: #000;
    margin: 0;
    padding: 0 0 10px
}

.wiki-right p {
    padding: 0 0 24px;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #15171a
}

.wiki-right img {
    max-width: 100%;
    height: auto
}

ul.tags li a {
    display: inline-block;
    padding: 1px 5px 3px;
    margin: 0 4px 4px 0;
    font-size: 13px;
    background: #428400;
    color: #fff;
    border-radius: 3px
}

ul.tags li a:hover {
    background: #428400;
    color: #fff;
    text-decoration: none;
    opacity: .8
}

.mobileCatg {
    background: url(../images/mobileCatg.png) no-repeat;
    width: 0;
    height: 28px;
    padding-left: 32px;
    overflow: hidden;
    display: none;
    margin: 0 0 10px
}

.img-wrapper img {
    max-width: 100%;
    height: auto
}

.supportTop {
    color: #fff
}

.supportContent {
    background: #fff;
    margin: 30px 0 0;
    padding: 14px 0 0
}

.sopportBox {
    font-size: 14px;
    color: #6a6a6a;
    overflow: hidden;
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative;
    padding-top: 20px
}

.sopportBox:before {
    position: absolute;
    height: 1px;
    bottom: 0;
    background-color: #dbdbdb;
    left: 15px;
    right: 15px;
    content: ''
}

.sopportBox ul li {
    margin-bottom: 20px;
    position: relative
}

.support-sec1 {
    margin-top: 40px;
    padding-left: 15px
}

.support-sec1 ul li {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.sopportBox .support-sec1 ul li:before {
    left: 0
}

.sopportBox ul li:before {
    position: absolute;
    content: '\f101';
    top: 3px;
    left: -18px;
    font-family: FontAwesome
}

.supportLeft {
    width: 490px
}

.supportRight {
    margin-top: -54px
}

.sopportBox p {
    padding-left: 95px;
    font-family: font-helveticaNeueBold;
    font-size: 13px;
    line-height: 20px;
    margin-top: 6px;
    margin-bottom: 19px;
    padding-right: 25px
}

.sopportBox .register {
    border: 0;
    padding: 11px 35px 8px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 0
}

.sopportBox .register:before {
    content: '';
    background: url(../images/icon7.png) no-repeat;
    width: 5px;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 14px
}

.support-th .register {
    margin-left: 0
}

.sopportBox li a {
    color: #0768a9;
    font-size: 14px;
    font-family: font-helveticaNeueRegular;
    line-height: 20px
}

.teamview {
    clear: both
}

.hdsd {
    float: left;
    margin-top: 28px;
    margin-left: 20px
}

.hdsd a {
    font-size: 12px
}

.supportlist {
    width: 250px
}

.support-video {
    height: 404px;
    overflow-y: auto;
    background: #f3f3f3;
    padding-left: 18px;
    padding-top: 21px
}

.sopportBox .support-video ul li:before {
    content: '\f0da'
}

.supportRight embed {
    width: 580px !important;
    height: 400px !important;
    margin-top: 55px !important
}

.support-wk .supportLeft {
    width: 600px
}

.support-wk .supportRight {
    margin-top: 21px
}

.support-wk ul {
    float: left;
    width: 50%;
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px
}

.support-wk ul:first-child {
    padding-left: 18px
}

.support-wk p {
    margin-top: 0;
    margin-bottom: -4px
}

.support-wk .register {
    clear: both;
    margin-left: 0
}

.support-wk h3.title:before {
    content: '\f02d';
    left: 0
}

.support-wk img {
    width: 385px
}

.suport-chtg h3:before {
    content: '\f059' !important;
    top: -12px !important
}

.suport-chtg {
    margin-left: -15px;
    margin-right: -15px
}

.suport-chtg ul {
    margin-top: 40px;
    margin-left: 17px
}

.suport-chtg ul li a {
    line-height: 22px
}

.supportTeamview h3:before {
    content: '\f019' !important
}

.supportTeamview ul.supportTeamview-right {
    border-right: 1px solid #ddd
}

.supportTeamview ul li p a {
    font-size: 25px !important;
    color: #60a11e
}

.supportTeamview .register {
    background-color: #60a11e;
    padding: 5px 40px 5px 20px;
    font-size: 25px;
    color: #fff
}

.supportTeamview p {
    font-family: font-helveticaNeueBold;
    color: #666
}

.support-video::-webkit-scrollbar {
    width: 10px
}

.support-video::-webkit-scrollbar-track {
    background: #dcdcdc
}

.support-video::-webkit-scrollbar-thumb {
    background: #a5a5a5
}

.support-video::-webkit-scrollbar-thumb:window-inactive {
    background: #a5a5a5
}

.supportTeamview {
    border: none;
    margin-left: -15px;
    margin-right: -15px
}

.supportTeamview ul {
    float: left;
    width: 50%;
    padding: 40px 15px;
    margin-bottom: 20px
}

.supportTeamview p {
    font-size: 14px;
    margin: 0;
    padding-bottom: 25px
}

.supportTeamview h5 {
    margin: 0 0 15px;
    font-size: 13px;
    color: #5c5c5c;
    padding-left: 95px
}

.nav-second ul {
    list-style: none
}

.nav-second li {
    float: left;
    position: relative
}

.nav-second li a {
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    -transition: .5s all ease-in-out;
    padding-bottom: 6px;
    display: block
}

.nav-second li a span {
    -webkit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    -transition: .5s all ease-in-out;
    font: 400 12px 'Segoe UI', Helvetica, sans-serif;
    padding: 9px 17px;
    display: block;
    color: #8ed7f6;
    cursor: pointer;
    font-weight: 700
}

.nav-second li a.active,
.nav-second li a:hover,
.nav-second li:hover a {
    transition: none;
    background: url(../images/nav-bullet.png) center bottom no-repeat;
    text-decoration: none
}

.blog-nav ul.sub-menu {
    background: #0775a2;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    width: auto !important;
    z-index: 999;
    display: none
}

.blog-nav ul.sub-menu li {
    float: none
}

.blog-nav ul.sub-menu li+li {
    border-top: 1px solid #8ed7f6
}

.blog-nav li:hover ul.sub-menu {
    display: block
}

.blog-nav ul.sub-menu li a {
    padding-bottom: 0
}

.blog-nav ul.sub-menu li a span {
    white-space: nowrap
}

@media (max-width:990px) {

    .nav-second li a.active,
    .nav-second li a:hover {
        background: 0 0
    }

    .nav-second li a {
        padding-bottom: 1px
    }
}

.nav-second li a.active span,
.nav-second li a:hover span {
    color: #fff
}

.pop-close {
    display: none
}

.box-banner {
    color: #fff;
    height: 200px;
    background-color: transparent;
    padding: 0;
    position: relative;
    background-position: top right;
    background-repeat: no-repeat;
    max-width: 100%;
    overflow: hidden;
    background-size: cover !important
}

.box-banner h3 {
    margin-top: 0;
    max-width: 531px;
    line-height: 52px;
    font-size: 40px;
    padding-top: 80px;
    margin-bottom: 30px;
    text-align: left;
    color: #fff
}

.box-banner p {
    font-size: 20px;
    max-width: 531px;
    line-height: 40px;
    margin-top: 35px
}

.box-banner p span {
    padding: 0;
    color: #65d34d;
    font-size: 40px;
    white-space: nowrap
}

.box-banner ul li {
    margin: 0 0 20px;
    font-size: 22px;
    position: relative;
    float: none !important;
    width: 100%;
    text-align: left;
    padding-left: 35px;
    font-family: font-helveticaNeueBold
}

.box-banner .wrapper-feature-tn {
    max-width: 580px
}

.box-banner .wrapper-feature-tn ul li:before {
    content: '\f046';
    position: absolute;
    top: 0;
    left: 3px;
    font-family: FontAwesome
}

.tinh-nang .box-banner {
    background: url(../images/imgFeatured.jpg) no-repeat center
}

.tinh-nang .box-banner h3 {
    padding-top: 60px
}

.khach-hang .box-banner {
    background: url(../images/bg-main-second2.jpg) center top repeat-x;
    background-position-y: 64%
}

.ho-tro .box-banner {
    background: url(../images/support.jpg) no-repeat center center
}

.blog .box-banner,
.single .box-banner,
.tag .box-banner {
    background: url(../images/blog.jpg) no-repeat center
}

.blog .box-banner h3,
.single .box-banner h3,
.tag .box-banner h3 {
    padding-top: 155px
}

.lien-he .box-banner {
    background-image: url(../images/contact.jpg);
    margin-bottom: 50px;
    margin-top: 0
}

.dang-ky .box-banner {
    background-image: url(../images/register.jpg)
}

.dang-ky .box-banner .wrapper-feature-tn,
.dang-ky .box-banner .wrapper-feature-tn h3 {
    max-width: 100%
}

.ve-ki-ot-viet .box-banner {
    background: url(../images/imgAbout.jpg) no-repeat center top
}

.ve-ki-ot-viet .box-banner .wrapper-feature-tn .text-feature li:before {
    content: '\f138';
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
    font-size: 35px;
    color: #fff;
    font-family: FontAwesome
}

.ve-ki-ot-viet .box-banner .wrapper-feature-tn {
    max-width: 100%
}

.ve-ki-ot-viet .box-banner .wrapper-feature-tn .text-feature {
    padding-top: 70px
}

.ve-ki-ot-viet .box-banner .wrapper-feature-tn .text-feature li {
    font-size: 30px;
    padding-left: 45px;
    margin-bottom: 35px
}

.page-template-support_online-php .box-banner {
    background: url(../images/banner-used.jpg) no-repeat center
}

.sub-content.banner {
    background-color: transparent;
    margin-top: 60px
}

.wrapper-banner {
    height: 570px;
    margin-top: 63px
}

.phi-dich-vu .sub-content.bannerPrice {
    overflow: visible
}

.note-table {
    text-align: center
}

.popup_success {
    margin-left: -366px !important;
    margin-top: 100px !important
}

.dang-ky .success {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9999
}

.dang-ky .success .content-success {
    border-radius: 5px;
    margin-top: 10% !important;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    color: #878787;
    background: #fff;
    min-height: 400px;
    overflow: auto;
    width: 712px
}

.dang-ky .success .content-success .header-title {
    position: relative
}

.dang-ky .success .content-success .fa-times-circle {
    position: absolute;
    right: 20px;
    top: 12px;
    color: #fff;
    font-size: 30px;
    cursor: pointer
}

@media all and (max-width:1024px) {
    .left-container h1.title {
        margin-top: 0
    }

    .sub-content.banner .btn.register {
        font-size: 30px
    }

    .about-content .row .row-list {
        height: 600px
    }

    .page-template-homepage .wrapper-banner,
    .sub-content.bannerCustomer {
        margin-top: 0
    }
}

@media all and (max-width:768px) {

    .container .left-container,
    .container .right-container {
        margin-top: 0
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list img.around {
        height: auto
    }

    .nav-footer .address {
        padding-right: 30px
    }
}

@media (max-width:999px) {

    .faqs-item,
    .supportLeft {
        float: none;
        width: auto
    }
}

@media (max-width:991px) {
    .sub-content.banner h1 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .row .content-row-list .thumbnail-row-list p {
        height: auto
    }

    .sub-content.white-bg {
        padding-bottom: 0
    }

    .team img {
        width: 100%
    }

    .sub-content.pic-bg p.title {
        margin: 0 auto
    }

    .feature-list-text h5 {
        font-size: 13px !important
    }

    .priceAdv i {
        display: none
    }

    .nav-footer .address {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        line-height: 20px
    }

    .nav-footer .address h4 {
        font-size: 16px
    }

    .page-template-homepage-php .white-bg .content-row-list {
        width: 100%;
        margin-bottom: 30px
    }

    .nav-second {
        display: none
    }

    .nav-mobile-top {
        width: 100%;
        height: 35px;
        background: #0775a2;
        position: relative;
        text-align: center;
        padding-top: 3px
    }

    .nav-mobile-top span {
        font-size: 18px;
        color: #fff;
        line-height: 30px
    }

    .nav-mobile-top i {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 27px;
        color: #fff;
        margin-top: 4px;
        margin-right: 25px
    }

    .nav-mobile {
        display: none
    }

    .mnopen {
        display: block
    }

    .mnclose {
        display: none
    }

    .nav-second-mobile .nav-mobile {
        border: 0;
        background-color: #0775a2;
        border-top: 1px solid #fff;
        padding: 10px 0;
        position: absolute;
        z-index: 2;
        left: 15px;
        right: 15px
    }

    .single-post .nav-second-mobile .nav-mobile {
        width: auto
    }

    .blog .nav-second-mobile .menu a,
    .nav-second-mobile .lt a,
    .single .nav-second-mobile .menu a,
    .tag .nav-second-mobile .menu a {
        color: #8ed7f6
    }

    .blog .nav-second-mobile .menu a:active,
    .blog .nav-second-mobile .menu a:hover,
    .nav-second-mobile .lt a:active,
    .nav-second-mobile .lt a:hover,
    .single .nav-second-mobile .lt a:active,
    .single .nav-second-mobile .lt a:hover,
    .tag .nav-second-mobile .menu a:active,
    .tag .nav-second-mobile .menu a:hover {
        color: #fff;
        text-decoration: none
    }

    .blog .nav-second-mobile .menu a,
    .nav-second-mobile .lt a,
    .single .nav-second-mobile .menu a,
    .tag .nav-second-mobile .menu a {
        line-height: 35px;
        font-size: 16px
    }
}

.dang-ky .success .login-success .row {
    margin: 0 auto;
    max-width: 700px;
    text-align: left
}

.dang-ky .box-banner p.fs18 {
    margin-top: 25px
}

.dang-ky .box-banner h3 {
    padding-top: 120px;
    margin-bottom: 15px
}

.dang-ky .sub-content.green-bg {
    display: none
}

.dang-ky .register-wr {
    overflow: hidden;
    padding: 40px 0 60px
}

.dang-ky .col-sub-register input {
    padding: 18px 60px;
    font-size: 18px
}

.dang-ky .col-sub-register input:hover {
    background-color: #2c5603
}

.dang-ky .login-success .row .col-lg-8,
.dang-ky .success .login-success .row .col-lg-4 {
    text-align: left;
    margin-bottom: 20px;
    word-wrap: break-word
}

.dang-ky .success .login-success .row .col-lg-12 input {
    margin-top: 20px
}

.dang-ky .success .pageTop .title {
    padding: 30px 20px 15px
}

.wiki-left h3 {
    position: relative
}

.form-horizontal .control-label {
    padding-top: 0
}

.col-md-5.wr-support {
    padding-top: 10px
}

@media (max-width:767px) {
    .ve-ki-ot-viet .box-banner .wrapper-feature-tn .text-feature li:before {
        font-size: 20px
    }

    .dang-ky .success .content-success {
        max-width: 100%
    }

    .wrapper-content h1,
    h2,
    h3 {
        margin-top: 0
    }

    .ovh h3 {
        font-size: 20px !important;
        line-height: 28px !important;
        text-align: left
    }

    .page-template-support_online-php .sub-content .support-content {
        margin-top: 0 !important
    }

    .home {
        background: 0 0 !important
    }

    .dang-ky .pageTop h2.title {
        line-height: 36px
    }

    .dang-ky .success .login-success .row {
        max-width: 100%
    }

    .dang-ky .success .login-success .row .col-lg-12 input {
        font-size: 16px
    }

    .sub-content.bannerRegister .wrapper-register {
        top: 86px !important;
        padding: 0 20px
    }

    .dang-ky .sub-content.bannerRegister .wrapper-register {
        top: 40px !important;
        padding: 0
    }

    .dang-ky .sub-content.bannerRegister .wrapper-register h1 {
        text-align: left
    }

    .success .header-title h2.title span {
        font-size: 18px
    }

    .success .header-title h2.title {
        text-align: left !important
    }

    .wr-content-success .form-group .col-sm-8,
    .wr-content-success .form-group .col-sm-8 span {
        margin-top: 0
    }

    .fr input[type=email],
    .fr input[type=password],
    .fr input[type=text],
    .fr select,
    .fr textarea {
        height: 35px !important
    }

    .dang-ky .sub-content.bannerRegister .wrapper-register {
        text-align: left
    }

    .dang-ky .sub-content.banner p {
        font-size: 22px;
        margin-top: 20px;
        padding-left: 30px;
        line-height: 30px
    }

    .success .header-title h2.title span.text {
        position: relative;
        top: 4px;
        left: 7px
    }

    .ajax-auth .fa-times-circle {
        top: 5px !important
    }

    .box5 {
        width: auto;
        float: none
    }

    .priceBarcode h4 {
        height: auto
    }

    .fr #http {
        width: 67%
    }

    .navbar-bt ul li.active a {
        background: 0 0;
        border-bottom: 0;
        line-height: 40px
    }

    ul.nav-kiotviet {
        padding-bottom: 10px;
        background-color: #7fb84f
    }

    .navbar-kiotviet {
        background-color: #fff
    }

    .zopim {
        display: none !important
    }

    .nav-kiotviet li a:hover {
        border: 0;
        line-height: 40px
    }

    .btn-contact-mb,
    .nextstep-button input.step-login {
        background: #428400;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#428400), to(#386f01));
        background-image: -webkit-linear-gradient(top, #428400, #386f01);
        background-image: -moz-linear-gradient(top, #428400, #386f01);
        background-image: -ms-linear-gradient(top, #428400, #386f01);
        background-image: -o-linear-gradient(top, #428400, #386f01);
        background-image: linear-gradient(top, #428400, #386f01);
        border: 1px solid #428400;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        color: #fff;
        width: 100%;
        margin-top: 20px
    }

    ::-webkit-input-placeholder {
        font-size: 12px
    }

    :-moz-placeholder {
        font-size: 12px
    }

    ::-moz-placeholder {
        font-size: 12px
    }

    :-ms-input-placeholder {
        font-size: 12px
    }

    .nav-kiotviet .login a,
    .navbar-header .login a {
        background: 0 0
    }

    .navbar-header .login .lgn {
        width: 100%;
        display: block;
        position: absolute;
        right: 0;
        background: #555;
        padding: 0;
        overflow: hidden;
        color: #fff;
        top: 100%;
        height: 0;
        white-space: nowrap;
        text-transform: none
    }

    .login .nm {
        margin-left: 0
    }

    .nav-kiotviet li a:hover:before {
        background: 0 0;
        width: 0
    }

    .login input {
        background: #fff;
        padding: 6px 10px;
        width: 190px;
        height: 40px;
        color: #4d4d4d;
        border: 1px solid #d9d9d9;
        border-top: 1px solid silver
    }

    .wp-lgn .d-c-login {
        font-weight: 700
    }

    .navbar-header .login .active {
        height: 178px
    }

    .login:hover a {
        display: block;
        color: #1c1c1c;
        text-decoration: none
    }

    .clearfix {
        clear: both
    }

    .container-header {
        width: 100%
    }

    .home .nav-kiotviet .login a,
    .home .navbar-header .login a {
        padding: 0 30px !important;
        font-weight: inherit;
        margin-left: 0;
        margin-top: 15px
    }

    .nav-second .container {
        padding: 0
    }

    .nav-kiotviet li a {
        line-height: 40px
    }

    .sub-content.banner h1 {
        font-size: 24px !important;
        margin-bottom: 15px !important
    }

    .btn-feature {
        margin-top: 20px !important
    }

    .sub-content.banner h1 {
        padding: 0 5%
    }

    .sub-content.banner .feature-list-text {
        padding: 0 !important
    }

    .sub-content.banner .feature-list-text h5 {
        white-space: nowrap;
        text-align: left !important;
        padding: 0;
        font-size: 130%
    }

    .page-template-product-php .icon-caret {
        width: 25px;
        height: 25px;
        background: #2d5900;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        position: relative
    }

    .page-template-homepage-php .sub-content.banner {
        padding-top: 35px !important
    }

    .page-template-homepage-php .wrapper-btn-group .btn {
        float: none !important;
        margin-bottom: 10px
    }

    .function img {
        float: none !important;
        margin: 0 !important;
        height: auto !important;
        max-width: 100% !important
    }

    .cell .content-cell-list .thumbnail-row-list {
        margin-left: 0 !important
    }

    .cell .content-cell-list span.icon {
        float: none
    }

    .cell .content-cell-list {
        margin-bottom: 20px !important
    }

    .page-template-homepage-php .left-container img {
        max-width: 100%
    }

    .row .row-list .content-row-list span.icon {
        margin-top: 12px;
        margin-bottom: 5px
    }

    .page-template-homepage-php .white-bg .title {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 700
    }

    .page-template-homepage-php .row .content-row-list .thumbnail-row-list h2 {
        font-size: 16px;
        margin-top: 10px !important
    }

    .page-template-homepage-php .row .content-row-list .thumbnail-row-list p {
        font-size: 12px
    }

    .white-bg .btn {
        width: 121px;
        height: 22px;
        font-size: 10px
    }

    .page-template-homepage-php .white-bg {
        padding-bottom: 10px !important
    }

    .page-template-homepage-php .gray-bg h2.title {
        font-size: 16px;
        margin-top: 0 !important;
        margin-bottom: 0
    }

    .page-template-homepage-php .gray-bg p.title {
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 15px !important
    }

    .page-template-homepage-php .btn-group .btn {
        font-size: 10px;
        padding: 4px 6px
    }

    .page-template-homepage-php .function h2.title {
        font-size: 18px;
        margin-bottom: 0 !important;
        margin-top: 7px !important
    }

    .function h3 {
        font-size: 16px
    }

    .function p {
        font-size: 12px;
        line-height: 18px
    }

    .page-template-homepage-php .function .cnvt h3.title-cnvt {
        margin-top: 10px
    }

    .function {
        padding-bottom: 10px
    }

    .page-template-homepage-php .sub-content.pic-bg .content-row-list .around {
        margin-bottom: 4px !important
    }

    .page-template-homepage-php .row .content-row-list .thumbnail-row-list p {
        margin-bottom: 10px
    }

    .page-template-homepage-php .sub-content.pic-bg div.address {
        padding-top: 5px !important
    }

    .customerSay .box-kh img {
        height: auto
    }

    .customerSay .box-kh .kh-content {
        height: auto;
        padding: 4px 15px 0 25px;
        font-size: 12px;
        line-height: 20px
    }

    .green-bg h2.title {
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 0 !important
    }

    .sub-content.green-bg .register {
        position: relative;
        margin: 0 0 10px !important;
        font-size: 10px !important;
        padding: 10px !important
    }

    .nav-kiotviet li a {
        font-size: 12px !important;
        color: #fff
    }

    .sub-content.bannerCustomer ul.slides li img.person {
        left: 0 !important
    }

    .sub-content.bannerCustomer ul.flex-direction-nav {
        display: none !important
    }

    .wrapper-feature-ct {
        width: 100%;
        top: 50%;
        left: 0;
        text-align: center
    }

    .customer {
        padding-top: 0
    }

    .customer .txt-img img {
        width: 100%
    }

    .priceOption {
        margin: 0 0 5px !important
    }

    .sub-content.bannerPrice .feature-text-price {
        background-size: 276px !important
    }

    .sub-content.bannerPrice .feature-img-price {
        background-size: 276px !important;
        margin-top: -33px !important
    }

    .priceBasic {
        padding-top: 0 !important;
        margin-bottom: 20px
    }

    .priceAdv .priceTxt,
    .priceAdv h2,
    .priceBasic .priceTxt,
    .priceBasic h1 {
        font-size: 16px !important;
        padding: 0
    }

    .priceAdv h2 {
        padding-right: 0;
        padding-top: 5px
    }

    .priceBasic .priceTxt {
        padding: 0 0 5px
    }

    .priceAdv ul li,
    .priceBasic ul li {
        margin-bottom: 10px
    }

    .priceAdv {
        padding-top: 20px;
        margin-bottom: 20px
    }

    .priceAdv ul li {
        margin-right: 0
    }

    .priceAdv ul li,
    .priceBasic ul li {
        padding-left: 0
    }

    .priceTxtadd .txtB {
        font-size: 14px;
        margin-bottom: 10px
    }

    .txtC {
        margin-top: 5px
    }

    .customer .txt-img {
        margin-top: 5px !important
    }

    .priceTxt {
        margin: 12px 0 0
    }

    .priceOption .vector {
        line-height: 30px
    }

    .fs16,
    .fs16 * {
        font-size: 11px;
        line-height: 15px
    }

    .priceOther a {
        font-size: 12px
    }

    .priceOther a i {
        font-size: 14px
    }

    .page-template-register-php {
        background: #f1f1f1
    }

    .register:before {
        color: #fff
    }

    .register span.lbl {
        font-family: font-helveticaNeueBold;
        color: #222;
        font-size: 14px
    }

    .register .form-group .lbl,
    .register .form-group strong {
        font-size: 14px;
        font-weight: 400
    }

    .register .form-group .col-sm-5.col-md-5 {
        display: none
    }

    .register .col-sub-register input {
        margin-top: 7px
    }

    .register .class-support {
        display: none
    }

    .register input.captcha {
        margin-top: 0 !important;
        position: absolute;
        right: 50px
    }

    .dang-ky .sub-content.bannerRegister {
        height: 230px !important
    }

    .page-template-homepage-php .wrapper-list-text-home {
        margin-bottom: 0
    }

    .nav-footer .wrapper-ct,
    .nav-footer .wrapper-ht,
    .nav-footer .wrapper-lh {
        width: 100%
    }

    .priceOther {
        padding: 5px 0 14px !important
    }

    .wrapper-feature-ct {
        position: absolute
    }

    .contactBox iframe {
        width: 100%;
        margin: 5px 0 15px
    }

    .bannerContact .wrapper-feature-ct {
        padding-top: 60px !important
    }

    .sub-content.bannerContact {
        margin-bottom: 0 !important
    }

    .btnRed {
        padding: 10px 15px;
        font-size: 10px
    }

    .contactBox {
        margin-bottom: 10px
    }

    .contactBox p {
        padding-bottom: 0
    }

    .page-template-contact-php .contact-right {
        margin-top: 30px
    }

    .about-info .info .title {
        font-size: 129% !important;
        line-height: 20px !important
    }

    .about-slogan {
        background-size: 320px !important
    }

    .about-content.gray-bg p.title {
        margin: 5px 0 10px;
        font-size: 12px;
        line-height: 16px
    }

    .about-info .info .title {
        padding: 10px 0 15px;
        margin: 0 !important
    }

    .about-info .info {
        font-size: 12px;
        line-height: 18px
    }

    .about-content p.title,
    .about-content.white-bg.about-us,
    .white-bg .row-list {
        margin-bottom: 0
    }

    .about-content p.title {
        font-size: 12px;
        line-height: 17px;
        margin-top: 0 !important
    }

    .about-us .title {
        margin: 20px 0 10px !important
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        margin: 0;
        font-size: 12px;
        margin-bottom: 10px !important
    }

    .page-template-about-php .row .content-row-list .thumbnail-row-list p {
        font-size: 12px;
        line-height: 18px
    }

    .team .title {
        margin-top: 0 !important;
        margin-bottom: 5px
    }

    .about-content.banner {
        height: 295px
    }

    .msg-error {
        padding-left: 0 !important
    }

    .fr input[type=email],
    .fr input[type=password],
    .fr input[type=text],
    .fr select,
    .fr textarea {
        width: 100% !important
    }

    #captcha-code {
        width: 143px !important
    }

    .wrapper-content img {
        max-width: 100%;
        height: auto
    }

    .sub-content .title {
        margin-top: 10px !important
    }

    .page-template-product-php .wrapper-content .title {
        margin-bottom: 10px
    }

    h4 {
        margin-top: 10px
    }

    .wrapper-content div,
    .wrapper-content p,
    .wrapper-content table {
        font-size: 12px
    }

    .page-template-product-php .sub-content.banner p {
        line-height: 18px !important
    }

    .supportVideo {
        top: 25px
    }

    .supportPage .col-md-6 {
        min-height: 375px
    }

    .nav-footer .address {
        margin-left: 0 !important
    }

    .nav-footer {
        margin-bottom: 10px
    }

    .mobileCatg {
        display: inline-block
    }

    .wiki-left {
        padding: 0;
        overflow: hidden
    }

    .wiki-right {
        width: 100%
    }

    .page-template-wiki-php .sub-content .container {
        padding-top: 0 !important
    }

    .sub-content.banner.bannerPage.wiki {
        min-height: 100px
    }

    .sub-content.banner.bannerPage.wiki .container {
        min-height: 70px
    }

    .fb_iframe_widget {
        width: 100% !important
    }

    .fb_iframe_widget iframe,
    .fb_iframe_widget span {
        width: 100% !important
    }

    .fr input[type=email],
    .fr input[type=password],
    .fr input[type=text],
    .fr select,
    .fr textarea {
        background: #fff;
        border: 1px solid #d9d9d9;
        border-top: 1px solid silver;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        margin-top: 10px
    }

    .contact-left .lbl {
        font-weight: 700
    }

    .bg-mb-ct {
        background-color: #f1f1f1;
        padding-top: 20px
    }

    .page-template-customer-php {
        margin-top: -15px
    }
}

@media (max-width:446px) {
    .cell .content-cell-list span.bullet {
        display: none
    }
}

@media (min-width:640px) {
    .sub-content.bannerCustomer ul.slides li aside {
        position: absolute;
        right: 0;
        top: 40%;
        left: 234px;
        margin-left: 100px
    }
}

@media (max-width:640px) {

    .supportlist,
    .teamview {
        float: none;
        width: auto;
        padding-top: 20px
    }

    .sub-content.bannerCustomer ul.slides li aside {
        margin-top: 12%;
        text-align: center
    }

    .sub-content.bannerCustomer ul.slides li img.person {
        width: 150px;
        margin-left: 0
    }

    .sub-content.bannerCustomer ul.slides li aside p {
        line-height: 25px
    }
}

@media (max-width:360px) {
    .sub-content.bannerCustomer ul.slides li aside {
        margin-top: 100px
    }

    .sub-content.bannerCustomer ul.slides li img.person {
        margin-left: 80px;
        width: 73px
    }
}

@media screen and (max-device-width:767px) and (orientation:landscape) {
    .nav-kiotviet li a {
        font-size: 9px !important;
        line-height: 20px !important
    }

    .navbar-bt ul li.active a {
        background: 0 0;
        border: 0
    }

    .navbar-toggle {
        margin-top: 15px !important
    }

    .sub-content.banner h1 {
        margin-top: 0 !important
    }

    .feature-list-text h5 {
        font-size: 9px !important;
        margin-bottom: 8px !important
    }

    .page-template-homepage-php .btn-feature {
        padding-bottom: 10px
    }

    .wrapper-list-text-home {
        margin-bottom: 5px
    }

    .page-parent h2,
    .title,
    h1 {
        font-size: 14px;
        margin-bottom: 10px !important
    }

    .row .row-list .content-row-list span.icon {
        width: 120px;
        height: 120px
    }

    .row .row-list .content-row-list span.icon i {
        width: 82px;
        height: 86px;
        top: 50%;
        left: 50%;
        margin: -41px;
        margin-left: -43px
    }

    .white-bg .btn {
        width: 120px;
        height: 20px;
        padding: 0
    }

    .btn {
        font-size: 9px;
        padding: 1px 5px
    }

    .page-template-homepage-php .white-bg {
        padding-bottom: 0 !important
    }

    .cell .content-cell-list .thumbnail-row-list h4 {
        font-size: 9px
    }

    .cell .content-cell-list .thumbnail-row-list p {
        font-size: 7px;
        line-height: 10px
    }

    .cell .content-cell-list {
        margin-bottom: 10px !important
    }

    .sub-content p.title {
        font-size: 9px !important
    }

    .page-template-homepage-php .left-container img {
        width: 65% !important
    }

    .white-bg .row-list {
        margin-bottom: 10px
    }

    .function h3 {
        font-size: 14px
    }

    .cell .content-cell-list .thumbnail-row-list .register {
        margin-top: 5px
    }

    .page-template-homepage-php .function h2.title {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .page-template-homepage-php .function .cnvt h3.title-cnvt {
        margin-top: 15px
    }

    .function p {
        font-size: 9px;
        line-height: 10px;
        margin: 0 auto
    }

    .function img {
        width: 65% !important
    }

    .function {
        padding-bottom: 0
    }

    .sub-content.pic-bg .row .row-list .content-row-list .around {
        margin: 5px auto
    }

    .row .content-row-list .thumbnail-row-list p {
        margin-bottom: 5px
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address {
        padding-top: 5px
    }

    .wrapper-viewall {
        margin-top: 20px
    }

    .sub-content.pic-bg button.viewall {
        padding-bottom: 5px;
        width: 100px
    }

    .sub-content.pic-bg button.viewall p {
        font-size: 10px !important
    }

    .sub-content.pic-bg .row .row-list .content-row-list .around {
        width: 100px;
        height: 100px
    }

    .wrapper-feature-tn h3 {
        font-size: 120% !important;
        margin-top: 40px
    }

    .sub-content.banner p {
        line-height: 15px
    }

    .nav-mobile-top span {
        font-size: 14px
    }

    .description .sub-container p {
        font-size: 8px !important;
        line-height: 15px !important;
        margin-bottom: 5px
    }

    .wrapper-content .img-wrapper img,
    .wrapper-content p img {
        width: 90%
    }

    .description .sub-container p a {
        padding: 4px 7px !important;
        font-size: 10px
    }

    .wrapper-content div,
    .wrapper-content p,
    .wrapper-content table {
        line-height: 12px;
        padding-bottom: 15px
    }

    .page-parent h2,
    .title,
    h1 {
        margin-top: 15px !important
    }

    h4 {
        font-size: 15px;
        margin: 0;
        margin-bottom: 3px
    }

    .wrapper-content div,
    .wrapper-content p,
    .wrapper-content table {
        font-size: 9px
    }

    .sub-content.green-bg .register {
        padding: 5px !important
    }

    .customerSay .box-kh .kh-content {
        font-size: 9px;
        line-height: 12px
    }

    .sub-content.bannerPrice .feature-text-price {
        background-size: 200px !important
    }

    .sub-content.bannerPrice .feature-img-price {
        background-size: 176px !important;
        margin-top: -60px !important
    }

    .priceBasic h1 {
        padding: 0;
        margin: 0
    }

    .phi-dich-vu .sub-content.banner {
        padding-top: 110px !important
    }

    .phi-dich-vu .sub-content.bannerPrice .feature-img-price {
        margin-left: 0
    }

    .priceAdv ul li,
    .priceBasic ul li {
        font-size: 9px;
        margin-bottom: 5px
    }

    .priceTxtadd .txtB {
        font-size: 12px
    }

    .priceOption .vector {
        line-height: 20px;
        font-size: 9px
    }

    .priceOther {
        padding: 0 0 8px !important
    }

    .priceOther a {
        font-size: 9px
    }

    .about-content.banner {
        height: 150px
    }

    .about-slogan {
        background-size: 200px !important;
        margin-top: -30px
    }

    .about-content.gray-bg p.title {
        font-size: 9px !important;
        line-height: 12px
    }

    .about-info .info .title {
        font-size: 120% !important;
        margin-bottom: 0 !important
    }

    .about-info .info {
        font-size: 9px;
        line-height: 14px
    }

    .team .title {
        margin-bottom: 0 !important;
        padding-bottom: 4px !important
    }

    .about-content p.title {
        font-size: 9px;
        line-height: 14px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list img.around,
    .wrap-img-about {
        width: 150px;
        height: 150px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        font-size: 9px !important
    }

    .bannerContact .wrapper-feature-ct {
        padding-top: 40px !important;
        padding-bottom: 10px
    }

    .sub-content.banner h1 {
        font-size: 11px !important;
        margin-bottom: 3px !important
    }

    .fs16,
    .fs16 * {
        font-size: 9px
    }

    .fs18,
    .fs18 * {
        font-size: 10px
    }

    .fr input[type=email],
    .fr input[type=password],
    .fr input[type=text],
    .fr select,
    .fr textarea {
        width: 90% !important;
        height: 25px;
        border: 1px solid #dadada
    }

    .btnRed {
        border-radius: 0;
        padding: 5px 9px;
        font-size: 9px
    }

    .contactBox p {
        margin-bottom: 0 !important
    }

    .nav-footer h4 {
        margin: 3px 0
    }

    .nav-footer ul li {
        padding-bottom: 4px
    }

    .nav-footer .address p {
        margin-bottom: 3px
    }

    .wrapper-social {
        display: none
    }

    .nav-footer {
        margin-bottom: 5px
    }
}

@media (max-width:700px) {
    .video ul li {
        width: auto;
        float: none;
        border: none
    }

    .supportVideo embed,
    .supportVideo object {
        max-width: 100% !important
    }
}

@media (max-width:991px) {
    .priceOption .vector {
        border-bottom: 1px solid #fff
    }
}

@media (max-width:1250px) {
    .pricePaket {
        background: 0 0
    }

    .pricing ul {
        text-align: center
    }

    .priceAdv ul li,
    .priceBasic ul li {
        width: 215px !important
    }

    .sub-content.bannerCustomer {
        height: auto;
        padding: 0 !important
    }

    .note-price,
    .priceAdv .priceTxt,
    .priceAdv h2 {
        padding-right: 0 !important
    }
}

body.mnopen .navbar-bt {
    display: block !important
}

@media all and (min-width:768px) {

    #off-canvas,
    .menu .close-menu {
        display: none
    }

    .icon-search-mobile {
        display: none !important
    }

    .wrapper-p {
        z-index: 1
    }
}

@media (max-width:768px) and (-webkit-min-device-pixel-ratio:1.3) {
    .sub-content.banner h1 {
        padding-left: 2px
    }

    .function img {
        margin-top: 36px !important;
        margin-left: 10px !important
    }

    .sub-content.green-bg .register .ic-dtmp {
        top: 10px;
        left: 11px;
        background-size: 60%
    }

    .sub-content.green-bg .register {
        padding: 10px 44px !important
    }

    .sub-content.green-bg {
        padding-top: 30px;
        padding-bottom: 10px
    }

    .page-template-homepage .wrapper-banner,
    .sub-content.bannerCustomer {
        height: 525px !important
    }

    .blog .box-banner h3,
    .single .box-banner h3 {
        padding-top: 80px
    }

    .supportTop .title {
        line-height: 30px
    }

    .supportTop .fs18 {
        margin-top: 30px
    }

    .supportTop .number-phone-support,
    .supportTop a .number-phone-support {
        color: #65d34d !important;
        font-size: 40px !important
    }

    .support h3.title {
        font-size: 20px
    }

    .support-sec1 {
        margin-left: 0;
        margin-top: 0
    }

    .supportTeamview ul {
        margin-left: 93px
    }

    .hdsd {
        margin-top: 18px;
        margin-left: 53px
    }

    .sopportBox .register {
        margin-top: 32px;
        margin-left: 53px
    }

    .supportlist,
    .teamview {
        padding-top: 0
    }

    .support h3.title:before {
        font-size: 45px
    }

    .about-content .text-feature {
        margin-top: 85px;
        margin-left: 60px
    }

    .about-content .text-feature li {
        font-size: 16px;
        line-height: 36px
    }

    .about-content .text-feature li:before {
        font-size: 28px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        padding-left: 10px
    }

    .bannerContact .wrapper-feature-ct .title-bt {
        line-height: 25px !important;
        padding-left: 12px !important
    }

    .bannerContact .wrapper-feature-ct .title:before {
        top: -2px
    }

    .customerSay .box-kh img {
        width: 100%
    }
}

@media (max-width:600px) {
    .sub-content.banner h1 {
        padding-left: 2px
    }

    .function img {
        margin-top: 36px !important;
        margin-left: 10px !important
    }

    .sub-content.green-bg .register .ic-dtmp {
        top: 10px;
        left: 11px;
        background-size: 60%
    }

    .sub-content.green-bg .register {
        padding: 10px 44px !important
    }

    .sub-content.green-bg {
        padding-top: 30px;
        padding-bottom: 10px
    }

    .page-template-homepage .wrapper-banner,
    .page-template-product-php .bannerPage,
    .sub-content.bannerCustomer {
        height: 425px !important
    }

    .supportTop .title {
        line-height: 30px
    }

    .supportTop .fs18 {
        margin-top: 30px
    }

    .supportTop .number-phone-support {
        color: #65d34d !important;
        font-size: 40px !important
    }

    .support h3.title {
        font-size: 20px !important
    }

    .sopportBox p {
        padding-left: 47px
    }

    .support-sec1 {
        margin-left: 0;
        margin-top: 0
    }

    .supportTeamview ul {
        margin-left: 93px
    }

    .hdsd {
        margin-top: 18px;
        margin-left: 53px
    }

    .sopportBox .register {
        margin-top: 32px;
        margin-left: 53px
    }

    .supportlist,
    .teamview {
        padding-top: 0
    }

    .support h3.title:before {
        font-size: 45px
    }

    .sub-content.bannerPrice .feature-img-price {
        background-size: 357px !important;
        margin-top: -88px !important;
        margin-left: 95px
    }

    .priceBarcode h4.active:after {
        right: 10px
    }

    .about-content .text-feature {
        margin-top: 85px;
        margin-left: 60px
    }

    .about-content .text-feature li {
        font-size: 16px;
        line-height: 36px
    }

    .about-content .text-feature li:before {
        font-size: 28px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        padding-left: 10px
    }

    .bannerContact .wrapper-feature-ct .title-bt {
        line-height: 25px !important;
        padding-left: 12px !important
    }

    .bannerContact .wrapper-feature-ct .title:before {
        top: -2px
    }

    .customerSay .box-kh img {
        width: 100%
    }

    .wrapper-feature-tn h4 {
        margin-top: 96px
    }
}

@media (max-width:414px) {
    .sub-content.banner h1 {
        padding-left: 2px
    }

    .sub-content.pic-bg .row .row-list .content-row-list .around {
        margin-left: -10px
    }

    .pic-bg .row .content-row-list .thumbnail-row-list {
        margin-left: 54px
    }

    .function img {
        margin-top: 36px !important;
        margin-left: 10px !important
    }

    .sub-content.green-bg .register .ic-dtmp {
        top: 10px;
        left: 11px;
        background-size: 60%
    }

    .sub-content.green-bg .register {
        padding: 10px 44px !important
    }

    .sub-content.green-bg {
        padding-top: 30px;
        padding-bottom: 10px
    }

    .page-template-homepage .wrapper-banner,
    .page-template-product-php .bannerPage,
    .sub-content.bannerCustomer {
        height: 425px !important
    }

    .supportTop .title {
        line-height: 30px
    }

    .supportTop .fs18 {
        margin-top: 30px
    }

    .supportTop .number-phone-support {
        color: #65d34d !important;
        font-size: 40px !important
    }

    .support h3.title {
        font-size: 20px
    }

    .sopportBox p {
        padding-left: 47px
    }

    .support-sec1 {
        margin-left: 0;
        margin-top: 0
    }

    .hdsd {
        margin-top: 18px;
        margin-left: 53px
    }

    .sopportBox .register {
        margin-top: 0;
        margin-left: 53px
    }

    .supportlist,
    .teamview {
        padding-top: 0
    }

    .support h3.title:before {
        font-size: 45px
    }

    .sub-content.bannerPrice .feature-img-price {
        background-size: 289px !important;
        margin-top: -80px !important;
        margin-left: 0
    }

    .about-content .text-feature {
        margin-top: 85px;
        margin-left: 60px
    }

    .about-content .text-feature li {
        font-size: 16px;
        line-height: 36px
    }

    .about-content .text-feature li:before {
        font-size: 28px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        padding-left: 10px
    }

    .bannerContact .wrapper-feature-ct .title-bt {
        line-height: 25px !important;
        padding-left: 12px !important
    }

    .bannerContact .wrapper-feature-ct .title:before {
        top: -2px
    }

    .nav-footer .address {
        margin-right: 0;
        padding-right: 0;
        width: 70%;
        max-width: 100%;
        margin-left: 53px !important
    }

    .wrapper-feature-tn h4 {
        font-size: 20px !important
    }

    .wrapper-feature-tn h4.title-kh {
        font-size: 33px !important
    }
}

.bannerContact .wrapper-feature-ct .title-bt span {
    background: 0 0 !important;
    padding: 0 !important;
    color: #65d34d !important;
    font-size: 40px !important;
    white-space: nowrap
}

@media screen and (max-width:991px) {

    .row .content-row-list .thumbnail-row-list p,
    .white-bg .row-list {
        margin-bottom: 10px
    }

    .page-template-homepage-php .white-bg .title {
        font-size: 36px
    }
}

.tags a {
    line-height: 22px
}

@media screen and (max-width:767px) {

    .sub-content.banner.bannerBlog.bannerPage h1,
    .sub-content.banner.bannerBlog.bannerPage h2 {
        line-height: 55px !important
    }

    .mobileCatg {
        display: none
    }

    .navbar-nav li.ht i {
        display: block !important
    }

    .home li.ht ul {
        position: inherit !important;
        width: 100% !important;
        top: 0 !important
    }

    .home li.ht ul li a {
        padding: 0 30px !important
    }

    .blog-other {
        padding-top: 21px !important
    }

    .page-template-blog .bannerBlog.sub-content.banner h1.title {
        margin-top: 100px !important
    }

    .single .sub-content.banner.bannerBlog h1,
    .single .sub-content.banner.bannerBlog h2 {
        line-height: 30px !important
    }

    .mnopen .navbar-header .navbar-toggle {
        left: auto !important
    }

    .navbar-nav li.ht a {
        padding-bottom: 15px !important
    }

    .home ul.nav-kiotviet li a {
        font-weight: 400 !important;
        padding: 10px 30px
    }

    .navbar-collapse.collapse {
        position: fixed;
        bottom: 0;
        top: 46px;
        left: 0;
        right: 0;
        overflow: scroll
    }

    .register .form-group label {
        padding-bottom: 0;
        margin-top: 5px
    }

    .lien-he .bannerContact .wrapper-feature-ct {
        padding-top: 0 !important
    }

    .page .lien-he .sub-content.banner h1,
    .page .lien-he .supportTop .title {
        margin-top: 60px !important
    }

    .page .nav-kiotviet .login label a,
    .page .navbar-header .login label a {
        margin-left: 0
    }

    .single .sub-content.banner.bannerPage.bannerTempPage {
        padding-top: 130px !important
    }

    .about-content.banner {
        height: 255px
    }

    .register-wr .wp-col-rg .col-sm-7,
    .register-wr .wp-col-rg .control-label {
        width: 100% !important;
        padding-left: 15px !important
    }

    .register-wr .col-sub-register input {
        margin-top: 0
    }

    .form-btn-red .col-sm-3.control-label,
    .header-title-sub {
        display: none !important
    }

    .about-content.white-bg.about-us .col-md-3.col-sm-6 {
        width: 50%;
        float: left
    }

    .wrapper-col-info h2 {
        font-size: 26px !important
    }

    .page .dang-ky .sub-content.banner h1,
    .page .dang-ky .supportTop .title,
    .page-template-blog .sub-content.banner h1.title,
    .wrapper-feature-tn h4.title-kh {
        font-size: 30px !important
    }

    .phi-dich-vu .priceAdv span.icon-caret i {
        margin-left: -158px;
        margin-top: -6px
    }

    .home .off-canvas-inner ul {
        margin-top: 0
    }

    .about-content .text-feature li {
        font-size: 22px !important;
        line-height: 28px;
        margin-top: 10px
    }

    .about-content .text-feature li:first-child {
        margin-top: 0
    }

    .wrapper-list-text-home {
        margin-top: 15px !important
    }

    .home,
    body {
        background: 0 0 !important
    }

    .page .sub-content.banner h1,
    .page .supportTop .title,
    .page-template-homepage-php .function h2.title,
    .page-template-homepage-php .gray-bg h2.title,
    .page-template-homepage-php .pic-bg .wrapper-pic-bg-row h2.title,
    .page-template-homepage-php .white-bg .title,
    .priceBarcode h1.title,
    .pricePaket h1,
    .pricePaket h2,
    .wraper-function-row h2.title {
        font-size: 24px !important;
        line-height: 34px !important
    }

    .box-banner h3 {
        font-size: 30px !important;
        line-height: 40px !important
    }

    .page-template-homepage-php .function .cnvt h3.title-cnvt,
    .page-template-homepage-php .row .content-row-list .thumbnail-row-list h2,
    .page-template-product-php .wrapper-content .title,
    .phi-dich-vu .register {
        font-size: 20px !important
    }

    .page .feature-list-text h5,
    .page .sub-content.banner ul li {
        font-size: 15px !important
    }

    .page-template-homepage-php .gray-bg p.title,
    .phi-dich-vu .about-content p.title,
    .priceBasic .priceTxt,
    .priceOption .col-md-8 .vector,
    .priceTxt,
    .priceTxtadd .txtB,
    .sub-content.pic-bg p.title {
        font-size: 16px !important
    }

    .page-template-homepage-php .btn-group .btn,
    .priceOther a {
        font-size: 14px !important
    }

    .priceOther a {
        font-size: 14px !important;
        line-height: 22px
    }

    .priceOther {
        padding: 5px 0 30px !important
    }

    .phi-dich-vu .about-content p.title {
        text-align: center;
        font-weight: 400
    }

    .phi-dich-vu .pricing .priceBarcode ul {
        margin-left: 5px
    }

    .wrapper-col-info {
        margin-top: 40px !important
    }

    .cell .content-cell-list .thumbnail-row-list button.register {
        margin-bottom: 20px
    }

    .page-template-product .description .sub-container p {
        margin-top: 15px
    }

    .cell .content-cell-list .thumbnail-row-list h4 {
        padding: 10px 10px 0
    }

    .page .sub-content.banner h1,
    .page .supportTop .title {
        margin-top: 40px !important
    }

    .priceBasic .priceTxt,
    .priceTxt {
        margin-bottom: 10px !important
    }

    .priceAdv .priceTxt {
        margin-top: -10px
    }

    .priceAdv h2 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .wrapper-container .wrapper-content .wrapper-content {
        margin-bottom: 20px
    }

    .phi-dich-vu .priceBasic {
        margin-top: 30px !important
    }

    .page-template-homepage-php .white-bg .content-row-list {
        margin-bottom: 10px
    }

    .box-one .viewnew {
        margin-top: -1px
    }

    .tinh-nang .sub-content.green-bg .container {
        padding: 20px 0 30px
    }

    .col-giupkiot .cell .content-cell-list {
        margin-top: 30px
    }

    .page-template-homepage-php .gray-bg img {
        width: auto;
        max-width: 100%
    }

    .ho-tro .supportTop .fs18 {
        margin-top: 20px
    }

    .page-template-homepage-php .function h2.title,
    .page-template-homepage-php .pic-bg .wrapper-pic-bg-row h2.title {
        margin-top: 20px !important
    }

    .cell .content-cell-list .thumbnail-row-list p,
    .function p {
        font-size: 16px !important
    }

    .page .ho-tro .supportTop .title {
        margin-top: 25px !important
    }

    .nav-footer .address {
        padding: 0 15px
    }

    .wrap_box_pic .col-md-6 {
        height: auto
    }

    .function,
    .gray-bg,
    .team .container {
        padding: 0 !important
    }

    .sopportBox.support-wk .supportLeft,
    .sopportBox.support-wk .supportRight,
    .supportTeamview ul {
        width: 100% !important
    }

    .support-wk ul li:before {
        left: -19px !important
    }

    .wrapper-banner {
        background-position: 55% 0 !important
    }

    .wrapper-container-feauture {
        padding-left: 25px
    }

    .page-template-homepage-php .pic-bg h2.title {
        line-height: 44px;
        padding: 0 20px
    }

    .page-template-homepage-php .pic-bg p.title {
        line-height: 24px;
        margin-top: 0 !important;
        padding: 0 15px
    }

    .page-template-homepage-php .row .content-row-list .thumbnail-row-list h2 {
        margin-top: 20px !important
    }

    .me-be .wrapper-banner {
        background-position: 60% 0 !important
    }

    .sieu-thi-mini .wrapper-banner {
        background-position: 61% 15px !important
    }

    .noi-that .wrapper-banner,
    .nong-san-thuc-pham .wrapper-banner {
        background-position: 71% 56px !important
    }

    .vat-lieu-xay-dung .wrapper-banner {
        background-position: 67% 56px !important
    }

    .hoa-qua-tang .wrapper-banner {
        background-position: 85% 0 !important
    }

    .ho-tro .support h3.title {
        padding-left: 55px
    }

    .ho-tro .sopportBox p {
        padding-left: 70px;
        font-size: 14px !important
    }

    .ho-tro .support-sec1 {
        margin-top: 20px
    }

    .supportRight embed {
        min-width: 200px !important
    }

    .ho-tro .supportContent .support-sec1 ul {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .ho-tro .suport-chtg.sopportBox .register {
        margin-left: 25px
    }

    .ho-tro .sopportBox ul li {
        margin-bottom: 20px;
        width: 100% !important;
        padding-right: 0
    }

    .ho-tro .hdsd,
    .ho-tro .sopportBox .register {
        margin-left: 0;
        float: none
    }

    .ho-tro .support h3.title:before {
        left: 0
    }

    .ho-tro .supportContent {
        margin: 30px 0 0
    }

    .ho-tro .sopportBox {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .support-online .sub-content .container .support-content .wiki-right {
        width: 100%;
        padding: 0
    }

    .support-online .sub-content .container .support-content {
        padding: 0
    }

    .wiki-right p {
        font-size: 16px;
        text-align: left
    }

    .ho-tro .support-video {
        padding-left: 19px;
        padding-top: 5px
    }

    .ho-tro .support-wk ul {
        padding-left: 19px !important;
        float: none
    }

    .ho-tro .suport-chtg ul {
        margin-top: 15px;
        margin-left: 19px
    }

    .ho-tro .supportTeamview h5 {
        padding-left: 70px;
        line-height: 20px;
        padding-right: 15px
    }

    .ho-tro .supportTeamview ul {
        margin-left: 0 !important;
        width: 100%;
        margin-top: 30px !important
    }

    .sub-content.banner h1,
    .supportTop .title {
        line-height: 45px !important
    }

    .ho-tro .supportTeamview ul li p a {
        word-break: break-all;
        line-height: 30px;
        font-size: 24px !important
    }

    .ho-tro .supportTeamview p {
        padding-bottom: 0
    }

    .ho-tro .supportTeamview .register {
        margin-top: 5px;
        margin-bottom: 20px;
        padding: 15px 25px 15px 20px !important;
        font-size: 18px !important;
        font-family: font-helveticaNeueBold;
        text-align: center;
        display: block;
        width: 242px;
        position: relative;
        left: 50%;
        margin-left: -121px;
        background-color: #12669a;
        background-image: none
    }

    .ho-tro .supportTop .fs18 {
        line-height: 35px
    }

    .ho-tro .supportTop .fs18 * {
        margin-bottom: 0
    }

    .ho-tro .supportTop {
        background-position: 58% 0
    }

    .khach-hang .wrapper-feature-tn {
        width: auto
    }

    .khach-hang .customerSay .wrap-img-kh {
        height: auto
    }

    .khach-hang .customerSay .box-kh .kh-content {
        padding: 0;
        margin-bottom: 10px
    }

    .khach-hang .customer .box-kh {
        margin-bottom: 20px
    }

    .phi-dich-vu .pricing ul li {
        width: 100% !important;
        float: none
    }

    .phi-dich-vu .pricing ul {
        margin-left: 40px
    }

    .phi-dich-vu .pricing .register {
        margin-top: 10px
    }

    .khach-hang .customerSay .box-kh img {
        margin-bottom: 0
    }

    .khach-hang .customer p.txtC {
        line-height: 25px
    }

    .khach-hang .sub-content.banner {
        background-position-x: -422px
    }

    .khach-hang .customer p.txtC {
        padding: 0 20px;
        margin-top: 5px !important
    }

    .khach-hang .customer h1.title {
        font-size: 27px !important;
        padding: 0 33px;
        line-height: 35px;
        margin-bottom: 0 !important;
        margin-top: 40px !important
    }

    .phi-dich-vu .priceBarcode .bacodePrice {
        margin: 0 0 45px;
        position: absolute;
        top: 275px;
        left: 17px
    }

    .phi-dich-vu .priceBarcode .box5 {
        position: relative;
        margin-top: 20px
    }

    .phi-dich-vu .about-content p.title {
        margin-bottom: 0 !important;
        line-height: 22px
    }

    .phi-dich-vu .about-content h1.title {
        margin-bottom: 5px !important
    }

    .blog .left-container.blogs ul li {
        padding-left: 0
    }

    .blog .left-container.blogs ul li img {
        width: 100%;
        position: relative;
        margin-bottom: 10px
    }

    .blog .social {
        float: left !important
    }

    .blog .fb_iframe_widget {
        float: left
    }

    .blog .fb-like {
        width: 100px !important;
        margin-right: -25px
    }

    .blog .gg-share,
    .blog .tw-share {
        top: 2px
    }

    .blog .blogs ul li .date {
        margin-bottom: 5px
    }

    .blog .blogs ul li .fb_iframe_widget iframe {
        top: 0;
        left: 0;
        position: relative
    }

    h3.title-right {
        background: url(../images/bullet-title.png) right bottom no-repeat;
        padding-bottom: 0 !important;
        margin: 0 !important
    }

    .title-right {
        position: relative
    }

    .blog .nav-footer .wrapper-social .social {
        float: none !important
    }

    .fr input[type=email],
    .fr input[type=password],
    .fr input[type=text],
    .fr select,
    .fr textarea {
        width: 99% !important
    }

    .fr textarea {
        height: 147px
    }

    .lien-he .fs18 {
        font-size: 25px;
        margin: 10px 0 20px
    }

    .lien-he .contact-right .vp-ct {
        font-size: 15px;
        line-height: 0
    }

    .lien-he .contact-right .fs18.txtB.mb20 {
        padding: 0 27px;
        line-height: 33px
    }

    .lien-he .wrapper-feature-ct h1.title {
        padding-top: 15px
    }

    .lien-he .bannerContact .wrapper-feature-ct .title-bt span {
        font-size: 40px;
        white-space: nowrap;
        font-family: font-helveticaNeueBold;
        display: block;
        padding: 15px 0 !important;
        color: #fff !important
    }

    .lien-he .bannerContact .wrapper-feature-ct .title-bt {
        padding-top: 0;
        padding-left: 60px !important
    }

    .lien-he .wrapper-feature-ct h1.title {
        padding-bottom: 5px
    }

    .tinh-nang .sub-content.banner ul li {
        font-size: 14px
    }

    .tinh-nang .wrapper-feature-tn h3 {
        text-align: left;
        padding-left: 0
    }

    .bannerContact .wrapper-feature-ct .title:before {
        top: 16px !important
    }

    .main-content {
        padding-top: 55px !important
    }

    .main-content h1.title {
        line-height: 24px;
        padding-top: 33px
    }

    .white-bg .row .content-row-list .thumbnail-row-list {
        padding: 0 !important
    }

    .white-bg .btn {
        width: auto
    }

    .sub-content.pic-bg .row .row-list .content-row-list .around {
        float: none;
        margin: 0 auto;
        display: block
    }

    .pic-bg .row .content-row-list .thumbnail-row-list {
        max-width: 100%;
        margin-left: 0
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p {
        text-align: center
    }

    .page-template-homepage-php .row .content-row-list .thumbnail-row-list p {
        text-align: center;
        line-height: 18px
    }

    .pic-bg .row .content-row-list .thumbnail-row-list:before {
        display: none
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address {
        padding: 10px 0 5px !important
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p.name {
        margin-bottom: 5px;
        font-size: 16px
    }

    .wrap_box_pic .col-md-6,
    .wrap_box_pic .col-md-6 .row-list {
        overflow: hidden
    }

    .sub-content.pic-bg .row .row-list .content-row-list .around img {
        max-height: 100%
    }

    .row .content-row-list .thumbnail-row-list p.content-text {
        height: auto
    }

    .sub-content.green-bg .register .ic-dtmp {
        top: 10px;
        left: 22px;
        background-size: 84%
    }

    .sub-content.banner .feature-list-text h5 {
        white-space: normal;
        line-height: 20px
    }

    .feature-list-text h5 {
        margin: 0 0 12px
    }

    .wrapper-content .right-container.description {
        padding: 0
    }

    .page-template-homepage-php .gray-bg p.title {
        line-height: 20px
    }

    .customerSay .box-kh .kh-content {
        font-size: 14px
    }

    .priceBarcode ul li {
        line-height: 18px;
        border: none;
        padding: 5px 0
    }

    .priceBarcode ul {
        list-style-type: square;
        text-align: left;
        padding-left: 15px;
        padding-top: 25px
    }

    .priceBarcode h4 {
        text-align: left;
        padding-bottom: 15px
    }

    .sub-content.bannerPrice {
        position: relative
    }

    .sub-content.bannerPrice .feature-img-price {
        background: transparent url(../images/img_price3.png) no-repeat scroll center center !important;
        background-size: 100% auto !important;
        background-position: 23px auto !important
    }

    .bannerContact .wrapper-feature-ct .title-bt {
        line-height: 33px !important
    }

    .lien-he .btnRed {
        font-weight: 400;
        font-size: 14px;
        display: block;
        line-height: 24px;
        margin-top: 0
    }

    .wrapper-col-info-right {
        margin-top: 15px
    }

    .wrapper-col-info-right p {
        text-align: justify;
        line-height: 22px;
        font-size: 16px
    }

    .about-info {
        padding-bottom: 0
    }

    .about-content p.title {
        text-align: justify;
        width: auto;
        padding: 0 30px;
        font-size: 14px;
        margin: 10px 0 15px !important
    }

    .about-content .row .row-list,
    .content-row-list .wrap-img-about {
        height: auto !important;
        width: 100%
    }

    .about-content .row .row-list {
        height: 535px !important
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list h4.name {
        margin: 15px 10px 5px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        margin: 0 !important;
        padding: 0 10px 15px !important
    }

    .page-template-about-php .white-bg .row .content-row-list .thumbnail-row-list p {
        margin: 10px 10px 20px;
        font-size: 15px
    }

    .left-container img {
        max-width: 100%
    }

    .single .sub-content {
        padding-top: 0
    }

    .left-container {
        text-align: justify
    }

    .single-post .nav-second-mobile {
        margin-top: 0
    }

    .tags a {
        font-size: 13px
    }

    .blog-other {
        border: 1px solid #aaa;
        overflow: hidden;
        margin: -1px 11px 0 0
    }

    .blog-other .wrapper-qt-right {
        width: 100%;
        float: none
    }

    .right-container .wrapper-qt-right {
        padding: 0;
        padding-top: 30px
    }

    .fb_iframe_widget span {
        position: static !important
    }

    .fb_iframe_widget_fluid {
        display: inline-block !important
    }

    .single .right-container {
        display: none
    }

    .sub-content.bannerPrice .feature-img-price {
        margin-top: -120px !important
    }

    .ho-tro .number-phone-support {
        white-space: nowrap;
        font-family: font-helveticaNeueBold;
        color: #fff !important
    }

    .ho-tro .wrapper-feature-tn a {
        color: #fff !important
    }

    .ho-tro .sub-content.banner p {
        line-height: 30px;
        margin-top: 10px
    }

    .ho-tro .wrapper-feature-tn h3 {
        margin-top: 0
    }

    .khach-hang .sub-content .container,
    .sub-content,
    .supportTop .container,
    .tinh-nang .sub-content .container {
        position: relative;
        z-index: 1
    }

    .khach-hang .sub-content:after,
    .wrapper-banner:after {
        position: absolute;
        content: '';
        background-color: rgba(0, 0, 0, .3);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .tinh-nang .description {
        margin-left: 0;
        margin-right: 0;
        padding: 0
    }

    .wrapper-banner {
        position: relative
    }

    .function {
        padding-top: 0
    }

    h3.title-right {
        margin-bottom: 21px
    }

    .right-container .box-one,
    .right-container .box-two {
        width: 100% !important;
        float: none
    }

    .green-bg h2.title {
        padding: 0 10px !important;
        font-size: 25px !important
    }

    .nav-second-mobile .nav-mobile {
        left: 0;
        right: 0
    }
}

.single .left-container img {
    height: auto
}

.left-container .content-write {
    line-height: 22px
}

.single .left-container .wrapper-qt-right .avatar {
    height: 50px;
    margin-top: 0
}

.page-template-blog .viewnew,
.viewmax,
.viewnew {
    padding: 8px 15px;
    border: 1px solid #aaa;
    margin-right: 11px
}

.viewmax .wrapper-qt-right,
.viewnew .wrapper-qt-right {
    padding: 8px 0 !important;
    margin-top: 0
}

.wrapper-qt-right .wr-name {
    margin-left: 65px;
    text-align: left
}

.wrapper-qt-right {
    padding: 0 11px 10px 0;
    margin-top: -21px
}

.viewmax {
    margin-top: -21px
}

.page-template-blog .viewnew {
    padding-top: 25px
}

.home {
    background-image: url(../images/Intro_resize.jpg) !important
}

.box-two .fb_iframe_widget,
.box-two .fb_iframe_widget iframe,
.box-two .fb_iframe_widget span {
    width: 100% !important
}

.left-container div {
    font-size: 14px
}

.left-container img {
    margin: 20px auto;
    text-align: center;
    display: block;
    max-width: 100%
}

.sopportBox {
    margin-left: -15px;
    margin-right: -15px
}

.sopportBox .supportLeft {
    width: 60%;
    padding-left: 15px;
    padding-right: 15px
}

.sopportBox .supportRight {
    width: 40%;
    padding-left: 15px;
    padding-right: 15px
}

.suport-chtg h3.title {
    margin-top: 5px
}

.suport-chtg .register {
    margin-left: 25px
}

.blog-other {
    overflow: hidden;
    border: 1px solid #aaa;
    margin: 0 10px 30px 0;
    padding: 8px 0
}

.register-wr .wr-icon .fa-check:before {
    position: static !important
}

.left-container.blogs img {
    margin: 0
}

.sopportBox .supportRight object embed {
    width: 100% !important
}

.single .sub-content.banner h1,
.single .sub-content.banner h2 {
    text-align: left !important
}

.blog-more .viewnew ul li a {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-left: 15px;
    color: #393939;
    font-size: 14px;
    line-height: 22px
}

.blog-more .viewnew ul li a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f101';
    position: absolute;
    top: 2px;
    left: 0;
    color: #393939;
    font-size: 14px
}

.box-add img {
    width: 100%
}

.choose-home {
    display: none
}

.choose-home p {
    font-size: 12px;
    line-height: 26px;
    padding-left: 30px;
    background-color: #7fb84f;
    color: #fff;
    border-bottom: 1px solid #6aad32
}

.register label.col-md-5.col-xs-4 {
    margin-top: 0
}

.leftTitle {
    background: #fff;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
    padding: 13px 8px;
    color: #292e35;
    border-radius: 8px
}

.leftTitle:hover {
    background-color: #f0f1f3
}

.leftTitle:active,
.leftTitle:focus {
    background-color: #e8eaed
}

.boxLeft .showhideicon {
    position: absolute;
    top: 14px;
    right: 8px;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #677484;
    font-size: 16px;
    font-weight: 400
}

.boxLeftC {
    display: none
}

.blog .sub-content.banner h1 {
    margin-top: 0 !important
}

.wiki-left .content-left {
    background-color: #fff;
    padding-top: 28px
}

.page-template-support_online-php .sub-content .support-content .page-template-wiki-php .support-content {
    background: 0 0;
    overflow: inherit;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 30px
}

.page-template-support_online-php .sub-content .ovh,
.page-template-wiki-php .sub-content .ovh {
    background-color: #fff;
    padding-left: 28px;
    padding-top: 40px
}

.page-template-support_online-php .sub-content.green-bg {
    background-color: #80be41
}

.page-template-support_online-php .pluginFontHelvetica,
.page-template-support_online-php .sub-content .fb_iframe_widget,
.page-template-support_online-php .sub-content .fb_iframe_widget iframe,
.page-template-support_online-php .sub-content .fb_iframe_widget span {
    width: 100% !important
}

.page-template-support_online-php .sub-content .social2 .fb_iframe_widget,
.page-template-support_online-php .sub-content .social2 .fb_iframe_widget span {
    width: auto !important;
    min-width: 76px;
    margin-right: 0
}

.box-two ._h7l {
    background: 0 0 !important;
    border: none !important
}

.single .box-two.blog-facebook {
    margin-bottom: 20px
}

.lien-he .bannerContact .wrapper-feature-ct {
    padding-top: 95px
}

.box-tribute-home {
    position: absolute;
    right: 0;
    bottom: 38px
}

.zopim {
    right: 5px !important;
    bottom: 2px !important
}

.priceOption .col-md-3 {
    width: 10%
}

.priceOption .col-md-8 {
    width: 80%
}

.priceOption .col-md-1 {
    width: 10%
}

.priceOption .col-md-4 {
    text-align: center
}

.ajax-auth.popup-promotion {
    background: 0 0 !important;
    width: 788px;
    height: 409px;
    margin-left: -394px !important;
    left: 50% !important;
    margin-top: -205px !important;
    top: 50% !important;
    overflow: hidden;
    box-shadow: none;
    padding-bottom: 0;
    right: auto !important
}

.ajax-auth.popup-promotion img {
    width: 100%
}

.ajax-auth.popup-promotion .fa-times-circle {
    position: absolute;
    right: 10px;
    top: 10px
}

.bg-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 9
}

.ajax-auth .fa-times-circle {
    z-index: 9999999
}

.ajax-auth.popup-promotion .mobile {
    display: none
}

@media screen and (max-width:767px) {

    .container .left-container,
    .container .right-container {
        width: 100% !important;
        padding-right: 0 !important
    }

    .pricing .btn-khuyenmai img {
        max-width: 100%
    }

    .ajax-auth.popup-promotion {
        width: 100%;
        left: 0 !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
        top: 0 !important
    }

    .ajax-auth.popup-promotion img {
        width: 100%;
        margin-left: 0
    }

    .ajax-auth.popup-promotion .fa-times-circle {
        right: 105px;
        top: 55px !important
    }
}

@media screen and (max-width:1366px) {
    .home {
        background-position-x: 75%
    }
}

@media screen and (max-width:1024px) {
    .dang-ky .success .login-success .row .col-lg-4 {
        width: 30%;
        float: left
    }

    .box-tribute-home {
        bottom: 0 !important
    }

    .right-container .box-two .wrapper-qt-right {
        padding-bottom: 0
    }

    .blog .blog-more .viewnew {
        padding: 30px 15px 15px
    }

    .sub-content.banner.bannerBlog h1,
    .sub-content.banner.bannerBlog h2,
    .sub-content.banner.bannerBlog.bannerPage h1 {
        line-height: 410px !important
    }

    .dang-ky .success .login-success .row .col-lg-8 {
        width: 70%;
        float: left
    }

    .box-two {
        margin-top: 0
    }

    .kvList ul li a {
        font-size: 13px !important
    }

    .cell .content-cell-list .thumbnail-row-list,
    .cell .content-cell-list .thumbnail-row-list h4,
    .customerSay .box-kh .kh-content,
    .description .sub-container p,
    .function p,
    .left-container p,
    .page-template-homepage-php .white-bg .thumbnail-row-list p,
    .priceAdv ul li,
    .priceBasic ul li,
    .row .content-row-list .thumbnail-row-list p.content-text,
    .sopportBox li a,
    .wiki-right p {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .btn,
    .hdsd a {
        font-size: 14px
    }

    .wiki-right p {
        text-align: left !important;
        font-size: 14px !important;
        line-height: 20px !important
    }

    .supportTeamview h5 {
        padding-left: 105px;
        font-size: 15px
    }

    .priceBarcode ul li,
    .sopportBox p,
    .wiki-left h3,
    .wiki-left ul li a,
    .wrapper-qt h4,
    .wrapper-qt h4 a,
    .wrapper-qt-right .wr-name h4,
    .wrapper-qt-right .wr-name h4 a {
        font-size: 15px !important;
        line-height: 20px !important
    }

    .wrapper-qt h4,
    .wrapper-qt h4 a,
    .wrapper-qt-right .wr-name h4,
    .wrapper-qt-right .wr-name h4 a {
        font-weight: 400 !important
    }

    .cell .content-cell-list span.bullet {
        left: 15px
    }

    .support-video ul {
        margin-left: 20px
    }

    .home {
        background-position-x: 42%
    }

    .home .wrapper-hd .container {
        margin-left: 25px
    }

    .priceBasic .col-md-3 {
        width: 0
    }

    .priceBasic .col-md-9 {
        width: 100%
    }

    .priceAdv ul li,
    .priceBasic ul li {
        width: 100% !important;
        padding-left: 130px
    }

    .pricing ul {
        text-align: left
    }

    .pricePaket ul li.true {
        background: url(../images/icon-1.png) no-repeat 95px center
    }

    .pricePaket ul li.false {
        background: url(../images/icon-2.png) no-repeat 95px center
    }

    .priceOption {
        margin: 25px 0 40px
    }

    .priceOption .col-md-8 {
        width: 100%
    }

    .priceOption .col-md-3 {
        width: 0
    }

    .priceOption .col-md-4 {
        text-align: right
    }

    .support-th .register {
        margin-left: 0
    }

    .sopportBox .supportLeft,
    .sopportBox .supportRight {
        width: 50% !important
    }

    .sopportBox .supportRight embed,
    .sopportBox .supportRight object {
        width: 100% !important
    }

    .support-wk .supportRight {
        width: 30% !important
    }

    .support-wk .supportLeft {
        width: 70% !important
    }

    .support-wk ul li:before {
        left: -38px
    }

    .support-wk img {
        width: 100%
    }

    .supportTeamview ul {
        padding: 20px 25px
    }

    .container .left-container {
        width: 65%;
        padding-right: 30px
    }

    .container .right-container {
        width: 35%;
        padding-left: 0
    }

    .right-container .box-one,
    .right-container .box-two {
        width: 100%;
        float: left
    }

    .page-template-blog .viewnew,
    .viewmax,
    .viewnew {
        max-height: 540px;
        overflow-y: scroll
    }

    .blog-more {
        margin: 20px 0
    }

    .blog-more .viewnew {
        overflow: hidden;
        padding: 20px 15px 15px;
        max-height: inherit
    }

    .blog-more .viewnew ul li a {
        text-align: left
    }

    .wrapper-feature-tn ul li:before {
        left: 10px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list img.around {
        height: auto
    }

    .wrap-img-about {
        height: 210px;
        overflow: hidden
    }

    .about-content .row .row-list {
        height: 450px;
        overflow: hidden
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        text-transform: none;
        font-style: italic;
        margin: 0 10px 15px;
        padding: 0 0 15px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list h4.name {
        margin: 20px 10px 5px
    }

    .page-template-about-php .white-bg .row .content-row-list .thumbnail-row-list p {
        line-height: 20px
    }

    .supportContent .support-sec1 ul li {
        width: 33.33%
    }
}

li.ht i {
    display: none
}

@media screen and (max-width:768px) {
    .nav-mobile .sub-menu {
        display: none !important
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title,
    .cell .content-cell-list .thumbnail-row-list,
    .cell .content-cell-list .thumbnail-row-list h4,
    .customerSay .box-kh .kh-content,
    .description .sub-container p,
    .function p,
    .left-container p,
    .page-template-about-php .white-bg .row .content-row-list .thumbnail-row-list p,
    .page-template-homepage-php .white-bg .thumbnail-row-list p,
    .priceAdv ul li,
    .priceBasic ul li,
    .row .content-row-list .thumbnail-row-list p.content-text,
    .sopportBox li a {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .box-tribute-home {
        background: rgba(0, 0, 0, .5);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0 !important;
        z-index: 999;
        text-align: center
    }

    .box-tribute-home img {
        max-width: 100%;
        height: auto
    }

    .pop-box {
        position: relative;
        display: inline-block;
        margin: 48px 30px 0
    }

    .pop-close {
        display: inline-block;
        background: #fff;
        border-radius: 100%;
        text-align: center;
        width: 24px;
        line-height: 24px;
        color: #000;
        position: absolute;
        right: 0;
        top: -5px
    }

    .page-template-support_online-php .wiki-left {
        padding: 0
    }

    .menu3 {
        margin-bottom: 10px
    }

    .leftTitle {
        margin-left: 0 !important
    }

    .wiki-left .content-left .boxLeft {
        padding: 0;
        margin-bottom: 0
    }

    .page-template-support_online-php .sub-content .container,
    .page-template-support_online-php .sub-content .support-content {
        margin-top: 0 !important
    }

    .wiki-left,
    .wiki-right {
        float: none;
        width: 100%
    }

    .wrap-img-about {
        height: auto !important
    }

    .home li.ht ul {
        width: 100%
    }

    .navbar-nav li.ht {
        position: relative
    }

    .navbar-nav li.ht a {
        padding-bottom: 0
    }

    .navbar-nav li.ht i {
        display: block;
        position: absolute;
        right: 30px;
        color: #fff;
        font-size: 18px;
        top: 50%
    }

    .navbar-nav li.ht .fa-sort-desc {
        margin-top: -14px
    }

    .navbar-nav li.ht .fa-sort-asc {
        margin-top: -6px
    }

    .home li.ht ul,
    .off-canvas-inner-pr ul li.ht ul {
        position: initial
    }

    .home li.ht ul li a,
    .off-canvas-inner-pr ul li.ht ul li a {
        padding: 0 0 0 50px;
        font-weight: 400;
        line-height: 35px
    }

    .home .nav-kiotviet li.ht ul {
        top: 51px
    }

    .page-template-homepage-php .function .cnvt p {
        margin-bottom: 30px
    }

    .home .nav-kiotviet li a {
        font-size: 13px !important;
        font-weight: 700 !important;
        padding: 0 10px
    }

    .home .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }

    .box-one {
        margin-bottom: 30px
    }

    .box-one .title-right a:first-child {
        float: left
    }

    .nav-second-mobile .lt {
        list-style: none
    }

    .blogs ul li img {
        margin: 0
    }

    body.mnopen #off-canvas-pr {
        width: 35%
    }

    .home .navbar-nav {
        margin-top: 8px
    }

    .home .nav-kiotviet .login {
        margin-top: 4px
    }

    .register-wr .wp-col-rg .control-label {
        padding-left: 25px;
        width: 35%
    }

    .register-wr .form-group .wr-icon {
        margin: 0 0 0 25px
    }

    .register-wr .form-group .wr-text {
        margin-left: 70px
    }

    .register-wr .header-title .header-title-sub,
    .register-wr .header-title h2.title {
        padding-right: 30px;
        padding-top: 15px
    }

    .ajax-auth .fa-times-circle {
        top: 5px !important
    }

    .register-wr .wp-col-rg .col-sm-7 {
        width: 65%
    }

    .sopportBox .register {
        margin-top: 20px !important
    }

    .priceAdv ul li {
        margin-right: 0
    }

    .register-wr .form-group .wr-text span,
    .wr-support .form-group .wr-text ul li {
        font-weight: 400
    }

    .container {
        width: 100%
    }

    .customerSay .box-kh .kh-content {
        margin-bottom: 0
    }

    .contactBox {
        text-align: left
    }

    .contactBox iframe {
        width: 100%;
        min-height: 210px
    }

    .contactBox p {
        padding-bottom: 5px
    }

    .gray-bg-row h2.title,
    .page-template-homepage-php .function h2.title,
    .page-template-homepage-php .pic-bg h2.title {
        font-size: 36px;
        font-weight: 700
    }

    .centered .btn {
        font-size: 13px
    }

    .page-template-homepage-php .function .cnvt,
    .page-template-homepage-php .gray-bg .right-container {
        max-width: 100%
    }

    .cell .content-cell-list {
        margin-bottom: 40px
    }

    .cell .content-cell-list span.icon {
        float: none
    }

    .cell .content-cell-list .thumbnail-row-list {
        margin-left: 0
    }

    .cell .content-cell-list .thumbnail-row-list p,
    .function p {
        font-size: 14px;
        line-height: 22px
    }

    .wrapper-function-content .col-md-6 {
        width: 100%;
        float: none;
        left: 0
    }

    .wrapper-function-content .col-md-6 img {
        margin: 20px 0 !important
    }

    .function img {
        margin: 0;
        float: none
    }

    .page-template-homepage-php .function .cnvt h3.title-cnvt {
        font-size: 24px;
        font-weight: 700
    }

    .sub-content.pic-bg p.title {
        color: #6f6f6f;
        font-size: 18px;
        font-weight: 400;
        margin-top: 14px !important;
        margin-bottom: 33px
    }

    .function,
    .gray-bg,
    .team .container {
        padding: 0 100px
    }

    .supportContent .support-sec1 ul li {
        width: 50%
    }

    .support-th .register {
        margin-left: 0
    }

    .support h3.title {
        margin-top: 0 !important;
        padding-bottom: 0 !important
    }

    .support-sec1 {
        margin-top: 25px
    }

    .sopportBox .supportLeft,
    .sopportBox .supportRight,
    .supportTeamview ul {
        width: 100% !important;
        float: none
    }

    .supportRight embed {
        width: auto !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block;
        max-width: 100%;
        min-width: 600px;
        min-height: 350px
    }

    .support-wk ul {
        padding-left: 25px !important
    }

    .support-wk .supportLeft,
    .support-wk .supportRight {
        float: left;
        width: 50% !important
    }

    .support-wk img {
        width: 100%
    }

    .support-wk ul {
        float: none;
        width: 100%
    }

    .support-wk ul li:before {
        left: -26px
    }

    .suport-chtg h3.title {
        margin-top: 5px !important;
        margin-bottom: 40px !important
    }

    .support-video {
        margin-top: 20px
    }

    .suport-chtg ul {
        margin-top: 0
    }

    .supportTeamview ul {
        padding: 0 25px !important
    }

    .supportTeamview-right {
        margin-top: 40px
    }

    .sub-content.green-bg {
        padding: 20px 0 30px;
        margin-top: 20px
    }

    .green-bg h2.title {
        font-size: 32px;
        padding: 0 100px;
        line-height: 40px
    }

    .sub-content.green-bg button.register {
        font-size: 20px !important
    }

    .sopportBox .register,
    .supportTeamview .register {
        margin-top: 10px
    }

    .about-content p.title {
        line-height: 26px;
        margin-bottom: 30px
    }

    .about-us.white-bg .row .content-row-list .thumbnail-row-list,
    .wikiPage {
        padding: 0
    }

    .sub-content.green-bg .container {
        padding-top: 0 !important
    }

    .lien-he .sub-content .container {
        margin-top: 0 !important
    }

    .wrap-price ul {
        padding-left: 0
    }

    .pricing ul {
        text-align: left;
        margin-left: 37px
    }

    .priceTxtadd {
        margin-top: 25px;
        margin-bottom: 10px
    }

    .priceOption {
        margin-top: 0
    }

    .priceOption .vector {
        line-height: 40px
    }

    .priceBarcode h1.title,
    .pricePaket h1,
    .pricePaket h2 {
        font-size: 36px;
        font-weight: 700
    }

    .priceBarcode p.title {
        font-size: 24px;
        line-height: 10px
    }

    .priceBasic .priceTxt,
    .priceTxt {
        font-size: 24px
    }

    .priceBasic {
        padding-top: 0
    }

    .priceAdv ul li,
    .priceBasic ul li {
        width: 33.33% !important;
        padding-left: 25px
    }

    .priceOption .col-md-4 {
        text-align: center
    }

    .pricePaket ul li.true {
        background: url(../images/icon-1.png) no-repeat left center
    }

    .pricePaket ul li.false {
        background: url(../images/icon-2.png) no-repeat left center
    }

    .box5 ul li {
        padding: 7px 0;
        line-height: 20px
    }

    .clb.priceBarcode.ovh.txtC.uln,
    .priceBarcode h1.title {
        margin-top: 0 !important
    }

    .phi-dich-vu .register {
        font-size: 24px
    }

    .priceAdv i {
        background: 0 0
    }

    .priceAdv span.icon-caret i {
        margin-left: -172px;
        margin-top: 0
    }

    .pricing .register {
        margin-top: -15px;
        margin-bottom: 25px
    }

    .hdsd {
        margin-top: 28px
    }

    .faqs-item {
        margin: 0 5px
    }

    .box-one .viewnew {
        max-height: 540px;
        overflow-y: scroll
    }

    .left-container p {
        line-height: 22px !important
    }

    .blogs ul li h2 a {
        font-size: 20px !important
    }

    .blog .nav-second-mobile .menu,
    .nav-mobile-top,
    .nav-second-mobile .lt,
    .single .nav-second-mobile .menu,
    .tag .nav-second-mobile .menu {
        text-align: left;
        padding-left: 20px
    }

    .page-template-product-php .wrapper-content .title {
        margin-bottom: 0;
        font-size: 24px;
        font-weight: 700
    }

    .tinh-nang .left-container {
        margin-top: 20px !important
    }

    .customer p.txtC {
        margin-bottom: 20px !important
    }

    .single .left-container img {
        max-width: 100%;
        margin: 0 auto;
        display: block;
        margin-top: 15px
    }

    .single-post .nav-second-mobile {
        margin-top: 0
    }

    .wrapper-col-info {
        margin-top: 40px
    }

    .wrapper-col-info-right {
        margin-top: 20px;
        line-height: 22px;
        font-size: 16px;
        text-align: justify
    }

    .about-info {
        padding-bottom: 0
    }

    .team h2.title {
        font-size: 32px;
        font-family: font-helveticaNeueBold;
        margin-top: 30px !important;
        margin-bottom: 10px
    }

    .about-content .row .row-list {
        height: 610px
    }

    .page-template-homepage .white-bg .btn {
        font-size: 13px
    }

    .feature-list-text h5,
    .sub-content.banner ul li {
        font-size: 16px !important
    }

    .page-template-homepage-php .white-bg .title {
        margin-top: 40px !important;
        margin-bottom: 40px
    }

    .page-template-homepage-php .white-bg {
        padding-bottom: 0 !important
    }

    .col-giupkiot .cell {
        margin-bottom: 0
    }

    .col-giupkiot .cell .content-cell-list {
        margin-bottom: 30px
    }

    .wrapper-feature-tn ul li:before {
        left: 0
    }

    .wrapper-feature-tn ul li {
        padding-left: 25px !important
    }

    .nav-mobile-top {
        width: auto;
        margin: 0
    }

    .sub-content.banner h1,
    .sub-content.banner h2,
    .supportTop .title {
        font-size: 40px !important;
        line-height: 48px !important
    }

    .about-content .text-feature li {
        font-size: 24px
    }

    .about-content.white-bg.about-us .row .row-list .content-row-list .thumbnail-row-list em.title {
        text-transform: none;
        font-style: italic
    }

    .nav-kiotviet li a {
        line-height: 45px
    }

    .off-canvas-inner-pr ul li a {
        font-size: 14px !important;
        padding: 10px 30px
    }

    .nav-kiotviet .login {
        margin-top: 0
    }

    .nav-kiotviet .login a,
    .navbar-header .login a {
        margin-left: 15px
    }

    .white-bg .row .content-row-list .thumbnail-row-list {
        padding: 0 100px
    }

    .page-template-homepage-php .gray-bg h2.title,
    .wraper-function-row h2.title {
        margin-top: 40px !important
    }

    .sub-content.pic-bg {
        margin-top: 40px
    }

    .page-template-homepage-php .gray-bg button.register {
        margin-top: 0
    }

    .page-template-homepage-php .pic-bg h2.title {
        margin-top: 40px !important;
        margin-bottom: 10px !important
    }

    .wrapper-pic-bg-row-content {
        margin-bottom: 40px
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list p {
        text-align: justify
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p.name {
        font-size: 18px
    }

    .sub-content.pic-bg .row .row-list .content-row-list .thumbnail-row-list div.address p {
        font-size: 13px;
        font-weight: 400
    }

    .wrapper-pic-bg-row p.title {
        margin-bottom: 20px !important
    }
}

@media screen and (max-width:768px) {
    .ajax-auth.popup-promotion .fa-times-circle {
        top: 15px !important;
        right: 15px !important
    }

    .ajax-auth.popup-promotion {
        width: 100%;
        height: auto;
        margin-left: 0 !important;
        left: 0 !important
    }

    .box-banner {
        margin-top: 55px
    }

    .ho-tro .box-banner {
        background-position-x: 65%
    }
}

@media screen and (max-width:480px) {
    .ho-tro .number-phone-support {
        display: block;
        line-height: 36px
    }

    .container .left-container,
    .container .right-container {
        width: 100%;
        float: none;
        padding: 0
    }

    .container .left-container {
        margin-top: 30px
    }

    .support h3.title:before {
        top: 0
    }

    .header-title h2.title .fa-check {
        right: 18px
    }

    .success .header-title h2.title span.text {
        left: -5px
    }

    .home .sub-content.green-bg {
        padding: 25px 0 30px !important
    }

    .success .header-title h2.title span {
        font-size: 16px
    }

    .bg-popup .ajax-auth.popup-promotion {
        width: 100%;
        left: 0 !important;
        margin-left: 0 !important;
        margin-top: -150px !important;
        top: 50% !important
    }

    .wr-content-success .form-group .col-sm-8,
    .wr-content-success .form-group .col-sm-8 span {
        margin-top: 5px
    }

    .ajax-auth.popup-promotion .fa-times-circle {
        right: 15px !important
    }

    .ajax-auth.popup-promotion .mobile {
        display: block
    }

    .ajax-auth.popup-promotion .pc {
        display: none
    }

    .success .header-title h2.title {
        padding: 15px 60px 15px 45px !important
    }

    .dang-ky .success .content-success {
        max-width: 100%
    }

    .success .col-sub-register {
        text-align: center
    }

    .box-one .viewmax {
        margin-top: 0
    }

    .navbar-nav li.ht a {
        padding-bottom: 0 !important
    }

    .right-container .box-two .wrapper-qt-right {
        margin-right: 11px
    }

    .support-online .container {
        padding-top: 110px
    }

    .page .blog .sub-content.banner h1,
    .page-template-blog .bannerBlog.sub-content.banner h1.title {
        margin-top: 65px !important
    }

    .about-content .row .row-list {
        height: auto !important
    }

    .dangkysuccess .fa-check:before {
        content: '\f00c';
        position: absolute !important;
        top: 8px !important;
        left: 8px !important
    }

    .home ul.nav-kiotviet li a {
        padding: 0 30px
    }

    .dang-ky .sub-content.banner p,
    .wrapper-list-text-home {
        display: none
    }

    .dang-ky .success .login-success .row .col-lg-4,
    .dang-ky .success .login-success .row .col-lg-8 {
        width: 100% !important;
        float: none
    }

    .dang-ky .sub-content.bannerRegister .wrapper-register {
        top: -90px !important;
        padding: 0 20px
    }

    .dang-ky .success .login-success .row .col-lg-4 {
        margin-bottom: 10px
    }

    .dang-ky .success .login-success .row .col-lg-8 {
        margin-bottom: 25px
    }

    .dang-ky .sub-content.bannerRegister .wrapper-register {
        margin-top: 100px !important
    }

    .dang-ky .sub-content.bannerRegister .wrapper-register h1 {
        line-height: 40px !important;
        text-align: left;
        margin-top: 95px !important
    }

    .dang-ky .login-success .row .col-lg-12 input {
        font-size: 14px !important
    }

    .sub-content.bannerRegister .wrapper-register {
        top: -87px !important
    }

    .dang-ky .sub-content.banner {
        background-position-x: -587px
    }

    .single .left-container .blog-other img {
        margin-top: 0
    }

    .single .left-container .blog-other .wrapper-qt-right {
        margin: 8px 15px;
        padding: 4px;
        width: auto
    }

    .sub-content.banner .btn.register {
        font-size: 20px;
        padding: 11px 16px
    }

    .page .sub-content.banner h1,
    .page .supportTop .title {
        margin-top: 160px !important;
        margin-bottom: 30px
    }

    .phi-dich-vu .priceAdv span.icon-caret i {
        margin-left: -157px;
        margin-top: -7px
    }

    .page .off-canvas-inner-pr ul li a {
        padding: 0 30px
    }

    .about-content.banner {
        height: 295px
    }

    .about-content.white-bg.about-us .col-md-3.col-sm-6 {
        width: 100%
    }

    .lien-he .bannerContact .wrapper-feature-ct h1 {
        margin-top: 55px !important
    }

    .page .sub-content.banner h1 {
        margin-top: 100px !important
    }

    .my-pham .wrapper-banner {
        background-position: 60% 32px !important
    }

    .dien-tu-dien-may .wrapper-banner {
        background-position: 55% -66px !important
    }

    .dien-tu-dien-may .banner-homepage .btn-feature,
    .linh-kien-may-moc .banner-homepage .btn-feature,
    .me-be .banner-homepage .btn-feature,
    .sieu-thi-mini .banner-homepage .btn-feature,
    .vat-lieu-xay-dung .banner-homepage .btn-feature {
        bottom: 15px !important
    }
}

@media screen and (max-width:414px) {
    .priceBarcode h4 {
        margin-left: 62px
    }

    .phi-dich-vu .pricing .priceBarcode ul {
        margin-left: 45px
    }

    .phi-dich-vu .pricing ul li {
        list-style: none
    }

    .phi-dich-vu .priceBarcode .bacodePrice {
        left: 62px;
        top: 272px
    }
}

@media screen and (max-width:375px) {
    .priceBarcode h4 {
        margin-left: 40px
    }

    .phi-dich-vu .pricing .priceBarcode ul {
        margin-left: 30px
    }

    .phi-dich-vu .pricing ul li {
        list-style: none
    }

    .phi-dich-vu .priceBarcode .bacodePrice {
        left: 45px
    }
}

@media screen and (max-width:320px) {
    .priceBarcode h4 {
        margin-left: 20px
    }

    .phi-dich-vu .pricing .priceBarcode ul {
        margin-left: 10px
    }

    .phi-dich-vu .pricing ul li {
        list-style: none
    }

    .phi-dich-vu .priceBarcode .bacodePrice {
        left: 25px
    }
}

.sec a,
.sec h1,
.sec h2,
.sec h3,
.sec h4,
.sec h5,
.sec h6,
.sec td,
.sec th {
    color: #333;
    font-family: font-helveticaNeueBold
}

.sec h3 {
    color: #fdfdfd;
    font-size: 45px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.sec h5 {
    font-size: 24px;
    color: #fff
}

.sec h4 {
    font-size: 32px
}

.sec h6 {
    font-family: font-helveticaNeueBold;
    font-size: 16px;
    line-height: 22px
}

.sec p {
    font-family: font-helveticaNeueRegular;
    color: #333;
    font-size: 14px;
    line-height: 22px
}

a.btn-ht {
    border: 1px solid #13a1d3;
    background-color: #13a1d3;
    color: #fff;
    font-size: 32px;
    padding: 0;
    padding: 20px 44px 20px 96px;
    position: relative
}

.btn-ht:hover {
    color: #fff;
    background-color: #1287b1
}

.partner .btn:hover {
    border: 1px solid #1287b1
}

.btn-ht i.fa {
    position: absolute;
    top: 23px;
    left: 44px;
    font-size: 40px
}

.sec {
    padding-top: 45px;
    padding-bottom: 65px
}

li.ht {
    position: relative
}

li.ht ul {
    position: absolute;
    background-color: #036799;
    width: 283px;
    top: 64px;
    display: none
}

.home li.ht ul {
    top: 62px
}

li.ht:hover ul {
    display: block
}

li.ht ul li:hover {
    background-color: #1285c0
}

.feature-ht {
    min-height: auto;
    background: url(../images/bg-feature.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 65px
}

.feature-ht .wrapper-text-feature {
    max-width: 393px
}

.feature-ht .wrapper-text-feature h3 {
    margin-top: 0;
    color: #fdfdfd;
    font-size: 45px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    font-family: font-helveticaNeueBold;
    line-height: 50px
}

.feature-ht .btn-ht {
    margin-top: 60px
}

.sec1 h4 {
    color: #0767a9;
    max-width: 445px;
    line-height: 35px;
    margin-bottom: 28px;
    margin-top: 0
}

.sec1 h6 {
    color: #656565;
    max-width: 574px;
    line-height: 23px
}

.sec2 {
    height: auto;
    background-color: #eaeaea
}

.sec2 h4 {
    max-width: 100%;
    margin-bottom: 30px;
    line-height: 40px
}

.sec2 ul {
    margin-bottom: 60px;
    min-height: 71px;
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.sec2 ul li {
    float: left;
    padding-bottom: 65px
}

.sec2 ul li img {
    float: left
}

.sec2 ul li h6 {
    margin-top: 15px;
    padding-left: 20px;
    line-height: 22px;
    overflow: hidden
}

.sec3 {
    margin-top: 20px
}

.wrapper-sec3 {
    border: 1px solid #bcbcbc
}

.wrapper-sec3 h4 {
    text-align: center;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -32px;
    background-color: #fff;
    line-height: 40px
}

.wrapper-sec3 .sec3-left {
    margin-right: 160px;
    margin-top: 50px;
    position: relative
}

.wrapper-sec3 .sec3-left:before {
    position: absolute;
    content: '';
    background: url(../images/ic6.png) no-repeat;
    width: 111px;
    height: 188px;
    right: -112px;
    top: -24px
}

.wrapper-sec3 .sec3-left ul {
    float: right
}

.wrapper-sec3 .sec3-left ul li {
    text-align: right;
    line-height: 35px;
    margin-right: 20px
}

.wrapper-sec3 .sec3-left ul li.actv {
    width: 220px;
    margin-left: 79px;
    margin-right: 0
}

.wrapper-sec3 .sec3-left h5 {
    background-color: #dc5454;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    margin-bottom: 10px
}

.wrapper-sec3 .sec3-right {
    margin-left: 160px;
    margin-top: 50px;
    position: relative
}

.wrapper-sec3 .sec3-right:before {
    position: absolute;
    content: '';
    background: url(../images/ic7.png) no-repeat;
    width: 167px;
    height: 188px;
    left: -166px;
    top: -24px
}

.wrapper-sec3 .sec3-right:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 200px;
    background-color: #e6e6e6;
    left: -189px
}

.wrapper-sec3 .sec3-right ul {
    float: right
}

.wrapper-sec3 .sec3-right ul li {
    text-align: left;
    line-height: 35px;
    margin-left: 20px
}

.wrapper-sec3 .sec3-right ul li.actv {
    width: 220px;
    margin-right: 79px;
    margin-left: 0
}

.wrapper-sec3 .sec3-right ul li h6 {
    margin: 0;
    line-height: 34px
}

.wrapper-sec3 .sec3-right h5 {
    background-color: #128bc3;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    margin-bottom: 10px
}

.sec3-bt {
    background-color: #e9e9e9;
    margin-top: 51px
}

.sec3-bt h6 {
    text-align: center;
    position: relative;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 22px
}

.sec3-bt h6:before {
    content: '';
    position: absolute;
    background: url(../images/ic8.png) no-repeat;
    width: 104px;
    height: 103px;
    left: -120px;
    top: 20px
}

.sec4 {
    padding-top: 0 !important
}

.wrapper-sec4 h4 {
    text-align: center;
    margin-bottom: 20px
}

.wrapper-sec4 .table {
    max-width: 600px;
    margin: 0 auto
}

.wrapper-sec4 .note-table {
    margin-top: 30px
}

.table {
    border: 1px solid #bcbcbc;
    margin-top: 20px
}

.table thead.top {
    border: 1px solid #0c81b8;
    background-color: #118bc3
}

.table thead.top th {
    color: #fff;
    font-size: 18px
}

.table>thead>tr>th {
    border-bottom: 0
}

.table thead.top2 {
    border: 1px solid #bcbcbc;
    background-color: #e9e9e9
}

.table tbody td,
.table tbody th {
    color: #656565;
    font-size: 14px
}

td,
th {
    padding-left: 20px !important
}

.sec5 {
    background-color: #eaeaea
}

.wrapper-sec5 {
    text-align: center
}

.wrapper-sec5 h4 {
    margin-bottom: 10px
}

.wrapper-sec5 ul {
    position: relative
}

.wrapper-sec5 ul:last-child {
    margin-right: 0
}

.wrapper-sec5 ul:before {
    position: absolute;
    content: '\f061';
    color: #999;
    font-family: FontAwesome;
    font-size: 24px;
    right: -38px;
    top: 46px
}

.wrapper-sec5 ul:last-child:before {
    content: ''
}

.ic-t {
    width: 122px;
    height: 123px;
    line-height: 123px;
    -moz-border-radius: 59px;
    -webkit-border-radius: 59px;
    border-radius: 59px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #13a1d3;
    color: #fff;
    font-size: 60px;
    font-family: font-helveticaNeueBold;
    margin-left: auto;
    margin-right: auto
}

.wrapper-sec5 ul li h6 {
    margin-top: 30px
}

.ic-t-1 {
    background-color: #c57d49
}

.ic-t-2 {
    background-color: #e85555
}

.ic-t-3 {
    background-color: #4cb256
}

.ic-t-4 {
    background-color: #6060cf
}

.sec6 {
    background-color: #fff
}

.sec6 h4 {
    text-align: center
}

.sec6 p {
    margin-top: 10px;
    text-align: center
}

.sec6 .wp-img {
    float: left
}

.sec6 .meta {
    float: left;
    padding-left: 20px
}

.sec6 .meta h4 {
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 0
}

.sec6 .meta p span {
    color: #999;
    font-size: 12px
}

.sec6 .meta p {
    margin-top: 3px;
    margin-bottom: 15px
}

.sec6 .meta h4,
.sec6 .meta p {
    text-align: left
}

.sec6 p.txt {
    max-width: 380px;
    color: #333;
    font-size: 14px;
    line-height: 19px
}

#owl-demo {
    margin-top: 60px;
    position: relative
}

.owl-theme .owl-controls .owl-buttons div {
    width: 46px;
    height: 46px
}

.owl-theme .owl-controls .owl-buttons div i {
    color: #fff;
    font-size: 35px
}

.owl-prev {
    top: 61px;
    position: absolute;
    left: -80px
}

.owl-next {
    top: 61px;
    position: absolute;
    right: -61px
}

.sec7 {
    background-color: #eaeaea;
    padding-top: 115px;
    padding-bottom: 90px;
    text-align: center
}

.sec7 h4 {
    margin-bottom: 77px;
    color: #0767a9;
    margin-top: 0
}

.khuyen-mai .banner {
    margin-top: 0
}

.address p {
    color: #9e9e9e;
    font: 400 12px 'Segoe UI', Helvetica, sans-serif
}

.nav-footer {
    padding-top: 55px
}

@media all and (max-width:1024px) {
    .sec .wrapper-img img {
        width: 100%
    }

    .wrapper-sec5 ul {
        margin-right: 118px
    }
}

@media all and (max-width:768px) {
    .sec .wrapper-img img {
        width: 100%
    }

    .sec h4 {
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
        line-height: 38px
    }

    .sec h6 {
        max-width: 100% !important
    }

    .sec2 p {
        margin-bottom: 20px
    }

    .wrapper-sec3 .sec3-right:before {
        left: -78px
    }

    .wrapper-sec3 .sec3-left ul {
        margin-right: 136px
    }

    .wrapper-sec3 .sec3-left:before {
        right: -56px
    }

    .sec3-bt h6 {
        text-align: inherit;
        padding-left: 144px
    }

    .sec3-bt h6:before {
        left: 0
    }

    .wrapper-sec5 ul {
        margin-right: 110px
    }

    .wrapper-sec3 .sec3-right:after {
        height: 0
    }
}

@media all and (max-width:600px) {
    h6 {
        font-size: 14px
    }

    .wrapper-sec3 .sec3-left ul {
        margin-right: 0
    }

    .wrapper-sec3 .sec3-right ul {
        float: none
    }

    .wrapper-sec5 ul {
        margin-right: 0
    }

    .wrapper-sec3 .sec3-right:after {
        height: 0
    }
}

@media all and (max-width:414px) {
    .btn-ht {
        font-size: 25px
    }

    .sec4 .container {
        padding-right: 0;
        padding-left: 0
    }

    .wrapper-sec3 .sec3-right:after {
        height: 0
    }
}

body.register-bd {
    position: relative;
    background: url(images/bg-home.png) no-repeat
}

.wrapper-page {
    min-height: 925px
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999
}

.poup-register-partner {
    width: 880px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -440px;
    margin-top: 0;
    z-index: 9999;
    display: none;
    top: 10%
}

.poup-register-partner .title {
    min-height: 64px;
    background-color: #5bb947;
    padding-left: 30px;
    line-height: 64px;
    position: relative;
    margin-top: 0;
    padding-top: 20px;
    margin-bottom: 0
}

.poup-register-partner .title h3 {
    color: #fff;
    font-family: font-helveticaNeueBold;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0
}

.poup-register-partner .title a.close,
.title-register-sc a.close {
    position: absolute;
    z-index: 99;
    right: 16px;
    top: 15px;
    opacity: 1
}

.register-wr .form-group {
    margin-bottom: 8px
}

.ajax-auth {
    border-radius: 5px;
    display: none;
    z-index: 999999;
    position: fixed;
    top: 10%;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    color: #878787;
    background: #fff;
    min-height: 400px;
    overflow: auto;
    max-width: 980px;
    left: 50%;
    margin-left: -490px;
    padding-bottom: 15px
}

.ajax-auth .fa-times-circle {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #9cdcf3;
    font-size: 30px;
    cursor: pointer
}

.ajax-auth .fa-times-circle:hover {
    color: #fff
}

.primary-poup {
    background: #fff;
    padding-left: 30px;
    height: auto;
    display: none
}

.primary-poup form label.control-label {
    color: #333;
    font-family: font-helveticaNeueBold;
    font-size: 14px;
    font-weight: 700
}

.primary-poup form label span {
    color: red;
    padding-left: 3px
}

.primary-poup form label.control-label {
    text-align: left;
    padding-left: 0
}

.primary-poup form label img {
    margin-top: -10px
}

.primary-poup form input {
    color: #656565;
    font-family: font-helveticaNeueBold;
    font-size: 14px;
    font-weight: 700
}

input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=url]:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.primary-poup .btn-poup {
    background-color: #5bb947;
    color: #fff;
    font-family: font-helveticaNeueBold;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 123px;
    margin-top: 20px;
    text-transform: uppercase
}

.btn-poup:hover {
    color: #fff;
    background-color: #1d8007
}

.primary-poup .title-right {
    color: #5bb947;
    font-size: 18px;
    font-family: font-helveticaNeueBold;
    text-transform: uppercase;
    margin-bottom: 35px
}

.primary-poup ul li {
    color: #333;
    font-family: font-helveticaNeueRegular;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
    line-height: 20px
}

.primary-poup ul li:before {
    position: absolute;
    content: '\f005';
    left: 0;
    font-family: FontAwesome;
    top: 2px;
    font-size: 18px;
    color: #a4a4a4
}

.primary-poup ul li.n1:before {
    content: '\f02e';
    top: 5px
}

.primary-poup ul li.n2:before {
    content: '\f0a1'
}

.primary-poup ul li.n3:before {
    content: '\f02c'
}

.primary-poup ul li.n4:before {
    content: '\f061'
}

.primary-poup .btn-poup {
    margin-left: 120px
}

.primary-popup .content-popup {
    padding: 65px 135px
}

.primary-popup .content-popup ul li a {
    color: #13a1d3;
    font-style: italic
}

.primary-popup .content-popup ul li {
    color: #333;
    display: block;
    position: relative;
    padding-left: 35px;
    padding-bottom: 35px;
    font-size: 18px;
    line-height: 24px
}

.primary-popup .content-popup ul li:after {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    background-image: url(../images/Popup_partner_41416.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px
}

.primary-popup .content-popup .group-button {
    margin-bottom: 60px;
    clear: both;
    padding-left: 20px
}

.primary-popup .content-popup .group-button a {
    border-radius: 3px;
    float: left;
    background-color: #13a1d3;
    text-transform: uppercase;
    color: #fff;
    line-height: 60px;
    padding: 0 60px;
    margin-left: 15px;
    font-size: 18px;
    font-weight: 700
}

.primary-popup .content-popup .group-button a:hover {
    background-color: rgba(19, 161, 211, .81)
}

.primary-popup .content-popup .group-button a.btn-popup {
    background-color: #5bb947
}

.primary-popup .content-popup .group-button a.btn-popup:hover {
    background-color: rgba(91, 185, 71, .83)
}

.title-register-sc {
    background-color: #5bb947;
    height: 123px;
    padding: 30px 240px
}

.title-register-sc h3 {
    line-height: 33px;
    color: #fff;
    font-family: font-helveticaNeueBold;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    margin: 0
}

.primary-sc {
    background: #fff;
    text-align: center;
    padding-top: 40px
}

.primary-sc h5 {
    color: #333;
    font-family: font-helveticaNeueBold;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 0
}

.primary-sc h5 span {
    color: red
}

.poup-register-partner .ajax-auth,
.poup-register-partner .success {
    padding-bottom: 0
}

.primary-sc p {
    color: #333;
    font-family: font-helveticaNeueRegular;
    font-size: 14px;
    margin-bottom: 30px
}

.primary-sc .btn-sc {
    color: #fff;
    font-family: font-helveticaNeueBold;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 35px;
    background-color: #13a1d3;
    border-bottom: 4px solid #0e90bf
}

.primary-sc .btn-sc:hover {
    background: #0f8bb8
}

.primary-sc p.bt {
    color: #333;
    font-family: font-helveticaNeueRegular;
    font-size: 14px;
    margin-top: 40px;
    line-height: 22px
}

.show_signup_partner {
    color: #fff
}

.menu-ql {
    min-height: 63px;
    background-color: #fff;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    line-height: 63px
}

.menu-ql .logo {
    float: left
}

.menu-ql .logo img {
    width: 107px;
    height: 40px;
    float: left;
    margin-top: 12px
}

.menu-ql .info {
    float: right
}

.menu-ql .info ul li {
    float: left;
    padding-left: 70px;
    position: relative;
    font-family: helveticaneue;
    color: #999;
    font-size: 13px
}

.menu-ql .info ul li a {
    font-family: helveticaneue;
    color: #999;
    font-size: 13px
}

.menu-ql .info ul li span {
    font-family: helveticaneuebold;
    text-transform: capitalize
}

.menu-ql .info ul li i {
    color: #999;
    font-size: 14px;
    margin-right: 10px
}

.menu-ql .info ul li:first-child:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 25px;
    background-color: #dfdfdf;
    right: -33px;
    top: 18px
}

.content-primary {
    background-color: #e9e9e9;
    min-height: 900px;
    padding-top: 25px;
    margin-top: 1px
}

#tabs .tabs-left {
    background-color: #fff;
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 0
}

#tabs .tabs-left li {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 20px;
    border-bottom: 1px solid #dfdfdf
}

#tabs .tabs-left li:hover,
.ui-tabs-active {
    background-color: #efefef;
    border-bottom: 1px solid #c8c8c8
}

.ui-tabs-active a {
    color: #333 !important
}

#tabs .tabs-left li a {
    color: #999;
    font-family: helveticaneuebold;
    font-size: 14px;
    font-weight: 700;
    display: block
}

#tabs .tabs-left li:hover a,
.ui-tabs-active a {
    color: #333;
    outline: 0;
    text-decoration: none
}

#tabs .tabs-left li a:hover {
    text-decoration: none
}

#text1 {
    width: 130px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
    background: -webkit-linear-gradient(#fff, #f0f0f0);
    background: linear-gradient(#fff, #f0f0f0);
    border: 1px solid #ccc;
    color: #5f5f5f;
    cursor: pointer;
    font-weight: 700;
    text-shadow: 0 1px #fff;
    white-space: nowrap;
    background-color: #f0f0f0;
    padding: 7px 23px
}

.title-tabs {
    color: #fff;
    font-family: helveticaneuebold;
    font-size: 24px;
    font-weight: 700;
    padding: 14px 20px;
    background-color: #73c361;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.content-form {
    background-color: #fff;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden
}

.managerPage i.fa-pencil-square-o {
    color: #999;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 4px
}

.box-mk .control-label {
    color: #656565 !important;
    font-family: helveticaneue !important;
    font-size: 12px !important;
    text-align: right !important;
    font-weight: 400 !important
}

.box-mk .form-group {
    border: 0 !important
}

.content-form .form-horizontal .control-label {
    text-align: left;
    color: #656565;
    font-family: helveticaneuebold;
    font-size: 13px;
    font-weight: 700;
    padding-left: 25px
}

.content-form .form-horizontal .form-group {
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    border-bottom: 1px solid #c8c8c8
}

.content-form .form-horizontal .frm-mk {
    border-bottom: 0 !important
}

.btn-form-active,
body.mnopen .btn-form {
    background-color: #68bc55;
    padding: 9px 45px;
    border: 0;
    border-bottom: 4px solid #5bab4a;
    color: #fff;
    font-family: helveticaneuebold;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 25px 20px 0;
    float: right
}

.btn-form-active:hover {
    background-color: #49a136;
    color: #fff;
    border-bottom: 4px solid #5bab4a
}

.btn-form {
    background-color: #e7e7e7;
    padding: 9px 45px;
    border: 0;
    border-bottom: 4px solid #ddd;
    color: #999;
    font-family: helveticaneuebold;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 25px 20px 0;
    float: right
}

.btn-form:hover {
    background-color: #cbc8c8;
    color: #999
}

.content-form .form-horizontal .form-group input {
    background-color: #f3f3f3;
    position: absolute;
    top: -5px
}

.content-form .form-horizontal .form-group h5 {
    color: #656565;
    font-family: helveticaneue;
    font-size: 14px;
    padding-top: 5px
}

.box-tab-2 {
    background-color: #fff;
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 0;
    height: 300px;
    padding-top: 5px
}

.box-tab-2 .form-group {
    min-height: 47px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    padding-top: 9px
}

.box-tab-2 label {
    float: left;
    padding-left: 28px;
    padding-top: 10px;
    color: #999;
    font-family: helveticaneue;
    font-size: 13px;
    text-align: left !important
}

.box-tab-2 ul li.lb {
    width: 120px
}

.box-tab-2 #text {
    font-family: helveticaneue;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    padding-top: 5px
}

.box-tab-2 .wp-8 {
    padding-left: 0
}

.box-tab-2 .form-horizontal .form-group input {
    background-color: #f3f3f3;
    position: absolute;
    top: -5px
}

.box-tab-2 i.fa-pencil-square-o {
    color: #999;
    font-size: 18px;
    padding-top: 4px
}

.box-tab-2 .btn-form-active {
    padding: 6px 34px;
    font-size: 12px;
    margin-top: 13px
}

.content-dskh {
    background-color: #fff;
    min-height: 592px;
    border: 1px solid #dfdfdf;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 20px
}

.box1-content-dskh {
    min-height: 225px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

h4.title-box {
    color: #333;
    font-family: helveticaneue;
    font-size: 16px;
    font-weight: 700;
    padding-left: 13px;
    height: 40px;
    background-color: #f3f3f3;
    line-height: 40px
}

.box1-content-dskh ul li {
    float: left;
    color: #656565;
    font-family: helveticaneue;
    font-size: 13px;
    padding-left: 13px
}

.box1-content-dskh ul {
    min-height: 45px;
    border-bottom: 1px solid #dfdfdf;
    line-height: 45px
}

.box1-content-dskh ul:last-child {
    border-bottom: 0
}

.box1-content-dskh ul li.j1 {
    width: 140px
}

.box1-content-dskh ul li span {
    width: 90px;
    display: block;
    text-align: right;
    padding-right: 13px;
    font-weight: 700
}

.box2-content-dskh .search {
    min-height: 183px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 25px
}

.box2-content-dskh .search ul {
    min-height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #dfdfdf
}

.box2-content-dskh .search ul li {
    position: relative;
    float: left;
    font-family: helveticaneue;
    font-size: 13px;
    color: #666;
    padding-left: 10px;
    padding-right: 25px
}

.box2-content-dskh .search ul li.lbf {
    color: #656565;
    font-weight: 700;
    width: 110px;
    padding-right: 0
}

.box2-content-dskh .search input[type=radio] {
    position: absolute;
    top: 11px;
    left: -9px
}

.box2-content-dskh .search ul.bt .lbf {
    width: 87px
}

.box2-content-dskh .search ul.bt input[type=date] {
    height: 25px;
    background-color: #f3f3f3;
    width: 146px;
    padding-left: 21px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d6d3ce
}

.box2-content-dskh .search ul.bt li {
    padding-right: 0
}

.btn-form-bl {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    color: #656565;
    font-family: helveticaneue;
    font-size: 13px;
    font-weight: 700
}

.box2-content-dskh .search .btn {
    margin-top: 25px
}

.content-dskh .table-bordered {
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 0
}

.content-dskh .table-bordered thead th {
    border-bottom: 0;
    color: #222;
    font-family: helveticaneue;
    font-size: 13px;
    font-weight: 700
}

.content-dskh .table-bordered tbody td,
.content-dskh .table-bordered tbody th {
    color: #222;
    font-family: helveticaneue;
    font-size: 13px;
    border: 1px solid #bababa
}

.content-dskh .table-bordered tbody tr.blue td {
    color: #035ba6
}

.content-dskh .table-bordered tbody tr.opact td {
    color: #999
}

.content-dskh .table-bordered tbody tr.red td {
    color: #d25656
}

.content-dskh .table-bordered .bg1 {
    background-color: #d4d4d4
}

.content-dskh .table-bordered .bg2 {
    background-color: #f3f3f3
}

.content-dskh .total {
    height: 40px;
    border: 1px solid #dfdfdf;
    border-top: 0;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    color: #656565;
    font-family: helveticaneue;
    font-size: 13px;
    line-height: 40px;
    padding-left: 5px
}

.content-dskh .total span {
    color: #222;
    font-family: helveticaneue;
    font-size: 13px;
    padding-left: 20px
}

.phantrang {
    float: right;
    margin-top: 17px
}

.phantrang li {
    float: left;
    padding-right: 15px
}

.phantrang li a {
    color: #999;
    font-family: helveticaneue;
    font-size: 13px
}

.phantrang li a.at {
    color: #333;
    font-weight: 700
}

.content-box3 {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    min-height: 490px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 14px 20px
}

.content-box3 .top {
    max-width: 320px;
    min-height: 48px;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 48px;
    padding-left: 10px
}

.content-box3 .top li {
    float: left;
    color: #b1b1b1;
    font-family: helveticaneue;
    font-size: 16px;
    font-weight: 700;
    padding-right: 60px
}

.content-box3 .top li.kl {
    color: #ec3636;
    background-color: #f3f3f3;
    padding-right: 28px;
    padding-left: 33px;
    height: 46px;
    border-left: 1px solid #dfdfdf
}

.content-box3 .primary-tab3 {
    clear: both
}

.content-box3 h4.title-box {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 15px;
    border: 1px solid #dfdfdf
}

.content-box3 table {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #dfdfdf;
    border-top: 0;
    padding-left: 10px
}

.content-box3 .primary-tab3 th {
    color: #656565;
    font-family: helveticaneue;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px
}

.content-box3 .primary-tab3 td {
    color: #035ba5;
    font-family: helveticaneue;
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px
}

.content-box3 .phantrang {
    margin-top: 0
}

.content-box3 .fx li {
    color: #656565;
    font-family: helveticaneue;
    font-size: 11px;
    padding-bottom: 10px
}

.content-box3 .fx {
    clear: both
}

.content-box3 .fx li i {
    color: #0474bb;
    padding-right: 10px
}

.content-box3 .fx li:last-child i {
    color: #5bab4a
}

.blue2 td {
    color: #5bab4a !important
}

.box-yctt {
    height: 120px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-top: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 17px;
    padding-top: 20px
}

.box-yctt .yc li {
    float: left;
    color: #656565;
    font-family: helveticaneue;
    font-size: 13px;
    padding-right: 10px
}

.box-yctt .yc li:last-child {
    margin-right: 0
}

.box-yctt .yc li span {
    padding-left: 5px
}

.box-yctt .yc li input {
    width: 90px;
    height: 27px;
    background-color: #f3f3f3;
    border: 1px solid #d6d3ce;
    padding-left: 15px;
    line-height: 27px;
    margin-top: -9px
}

.box-yctt .btn-form-active {
    padding: 6px 11px;
    font-size: 15px
}

footer {
    min-height: 66px;
    border-top: 1px solid #ccc;
    line-height: 66px;
    background-color: #e9e9e9;
    text-align: center
}

footer p i {
    margin-right: 10px
}

.poup-register-partner.ajax-auth .fa-times-circle {
    z-index: 999
}

@media screen and (max-width:1024px) {
    .owl-carousel .owl-item {
        padding-left: 15px;
        padding-right: 15px
    }

    .wrapper-sec5 ul:before {
        right: -14px
    }

    .container {
        width: 100%
    }

    .sec2 .box-sec2-one,
    .sec2 .box-sec2-two {
        width: 100%;
        float: none
    }

    .sec {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sec2 h4 {
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 10px
    }

    .sec2 .box-sec2-two {
        margin-top: 25px
    }

    .sec2 ul li {
        padding-bottom: 30px
    }

    .sec6 .wp-img,
    .sec6 .wp-img img {
        width: 100%
    }

    .sec6 .meta {
        padding-left: 0;
        padding-top: 15px
    }

    .sec6 .meta p {
        margin-top: 0;
        margin-bottom: 5px
    }

    .sec2 .box-sec2-two {
        padding-left: 0
    }

    .sec2 ul {
        margin-bottom: 30px
    }
}

@media screen and (max-width:768px) {
    .primary-popup .content-popup {
        padding: 50px;
        text-align: justify
    }

    .sec1 .col-md-7 {
        width: 100%
    }

    .sec2 ul {
        min-height: 30px
    }

    .sec {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .sec1 {
        padding-top: 30px
    }

    .sec2 ul li h6 {
        margin-top: 0;
        margin-left: 0;
        line-height: 30px
    }

    .wrapper-sec3 .sec3-right ul {
        padding-right: 25px
    }

    .wrapper-sec5 ul:before {
        right: -15px;
        top: 31px
    }

    .wrapper-sec5 ul li h6 {
        margin-top: 15px
    }

    .ic-t {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 40px
    }

    .sec6 .meta h4 {
        margin-bottom: 0
    }

    .wrapper-sec3 .sec3-left {
        margin-top: 0
    }

    .home li.ht ul li a {
        padding: 0 15px
    }

    .home li.ht ul {
        position: absolute;
        width: 160px
    }

    .home li.ht ul.menu2 {
        padding-bottom: 0;
        margin-top: -10px;
        padding-top: 10px
    }

    .navbar-nav li.ht i {
        display: none
    }
}

@media screen and (max-width:767px) {
    .wrapper-sec3 .sec3-left:before {
        right: -110px
    }

    .wrapper-sec3 .sec3-right:before {
        left: -130px
    }

    .wrapper-sec3 .sec3-right {
        padding-left: 30px
    }
}

@media screen and (max-width:480px) {
    .poup-register-partner.ajax-auth .fa-times-circle {
        top: 13px !important
    }

    .poup-register-partner .title h3 {
        font-size: 18px !important
    }

    .primary-popup .content-popup {
        padding: 30px 20px
    }

    .primary-popup .content-popup .group-button {
        padding-left: 0
    }

    .primary-popup .content-popup ul li {
        font-size: 15px;
        line-height: 18px;
        padding-bottom: 25px
    }

    .primary-popup .content-popup .group-button a {
        font-size: 12px;
        line-height: 45px;
        padding: 0 20px
    }

    .primary-popup .content-popup .group-button {
        margin-bottom: 40px
    }

    .btn-ht i.fa {
        left: 20px;
        top: 20px;
        font-size: 35px
    }

    .wrapper-sec3 .sec3-left::before,
    .wrapper-sec3 .sec3-right::before {
        background: 0 0;
        display: none
    }

    .wrapper-sec3 .sec3-left ul li {
        text-align: center;
        line-height: 35px
    }

    .wrapper-sec3 .sec3-right ul li {
        text-align: center;
        margin-left: 0
    }

    .wrapper-sec3 .sec3-left ul li.actv,
    .wrapper-sec3 .sec3-right ul li.actv {
        margin: 0 auto;
        display: block
    }

    .wrapper-sec3 .sec3-right {
        margin-left: 0
    }

    .wrapper-sec3 .sec3-left {
        margin-right: 0
    }

    .sec3-bt h6:before {
        left: 50%;
        margin-left: -60px
    }

    .sec3-bt h6 {
        text-align: justify;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 140px
    }

    a.btn-ht {
        font-size: 22px;
        padding: 20px 15px 20px 65px
    }

    .sec2 ul {
        float: none;
        width: 100%
    }

    .sec5 .wrapper-sec5 ul:before {
        display: none
    }

    .sec5 .wrapper-sec5 ul {
        width: 100%;
        float: none;
        margin-top: 25px
    }

    .wrapper-sec4 h4 {
        padding: 0 15px
    }

    .wrapper-sec5 p {
        margin-bottom: 30px
    }

    #owl-demo {
        margin-top: 30px
    }

    .sec6 .meta {
        padding-top: 5px
    }

    .sec h4 {
        font-size: 28px;
        line-height: 34px
    }

    .sec2 .box-sec2-two {
        padding-left: 0;
        margin-top: 10px
    }

    .sec2 ul li h6 {
        line-height: 24px !important
    }

    .sec2 p {
        margin-bottom: 10px
    }

    .sec1 h6 {
        text-align: justify
    }

    .feature-ht .wrapper-text-feature h3 {
        margin-bottom: 0
    }
}

.wrapper-sec5 {
    margin-left: -15px;
    margin-right: -15px
}

.wrapper-sec5 h4,
.wrapper-sec5 p,
.wrapper-sec5 ul {
    padding-left: 15px;
    padding-right: 15px
}

.wrapper-sec5 ul {
    width: 20%;
    float: left;
    margin: 0
}

.wrapper-sec5 ul li h6 {
    line-height: 24px
}

.box-sec2-one {
    overflow: hidden;
    width: 33.3333%;
    float: left
}

.box-sec2-one .col-md-4 {
    width: 100%
}

.box-sec2-two {
    width: 66.6667%;
    float: left;
    padding-left: 30px
}

.box-sec2-two .col-md-4 {
    width: 50%;
    float: left
}

.sec2 {
    padding-bottom: 0
}

.wrapper-sec5 p {
    margin-bottom: 50px
}

.sec6 p.txt {
    text-align: justify
}

.pricing .owl-theme .owl-controls .owl-buttons div {
    width: 27px;
    height: 70px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #c9d0cd;
    opacity: .3
}

.pricing .owl-theme .owl-prev {
    top: 155px;
    position: absolute;
    left: -5px
}

.pricing .owl-theme .owl-next {
    top: 155px;
    position: absolute;
    right: -5px
}

.pricing .owl-theme .owl-controls .owl-buttons div i {
    font-size: 21px;
    line-height: 67px
}

.pricing .owl-theme .owl-controls .owl-buttons div:hover {
    opacity: 1
}

@media (max-width:1199px) {
    .wikiPage {
        padding-bottom: 40px
    }

    .wikiPage-main {
        flex-direction: column
    }

    .wiki-left {
        border-right: unset;
        padding-left: 12px !important;
        margin-left: 0
    }

    .wiki-right {
        padding: 0
    }

    .ovh {
        padding-left: 0 !important
    }
}

@media screen and (max-width:767px) {

    .sub-content.banner h1,
    .sub-content.banner h2,
    .supportTop .title {
        font-size: 30px !important;
        line-height: 36px !important;
        width: 100%
    }
}