*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    overflow-x: hidden;
    font-family: Roboto, sans-serif;
    line-height: 20px;
    font-size: 15px;
}
img {
    background-color: transparent;
    border: 0;
    font-size: 0;
    line-height: 0;
    max-width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border: 0;
    font-size: 0;
    line-height: 0;
    max-width: 100%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    color: #303030;
    text-decoration: none;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
h1, h2, h3, h4, h5 {
    font-weight: bold;
}
h1 {
    font-size: 15px;
    line-height: 22px;
}
h2 {
    font-size: 20px;
    line-height: 24px;
}
h3 {
    font-size: 16px;
    line-height: 20px;
}
h4 {
    font-size: 16px;
    line-height: 20px;
}
h5 {
    font-size: 16px;
    line-height: 20px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
p {
    margin: 0px;
}
a, a:hover, a:active, a:focus, a:visited {
    text-decoration: none;
}
.f-space05 {
    margin-top: 5px
}
.f-space08 {
    margin-top: 8px
}
.f-space11 {
    margin-top: 11px
}
.f-space10 {
    margin-top: 10px;
    padding-top: 10px
}
.f-space15 {
    margin-top: 15px
}
.f-space20 {
    margin-top: 20px
}
.f-space25 {
    margin-top: 25px
}
.f-space30 {
    padding-top: 40px
}
.f-space45 {
    margin-top: 45px
}
.f-space50 {
    margin-top: 50px
}
.f-space70 {
    margin-top: 70px
}
.f-space100 {
    margin-top: 100px
}
/*------------------------css header-----------------------------------*/

.wrap-detail {
    text-align: justify;
    position: relative;
}
.social-share {
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 7;
    height: 0;
    text-align: center;
}
.social-share input[type="checkbox"] {
    display: none;
}
.social-share .checkbox:checked~.social {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-67px);
    -moz-transform: scale(1) translateY(-67px);
    -o-transform: scale(1) translateY(-65px);
    transform: scale(1) translateY(-67px);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.social-share .label {
    background-color: rgba(0, 87, 156, 0.8);
    border-radius: 4px;
    color: #ffffff;
    font-size: 17px;
    cursor: pointer;
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
}
.social-share .checkbox:checked+.label {
    background-color: #acacac;
    color: #ca8021;
}
.social-share .social {
    transform-origin: 50% 0%;
    -webkit-transform: scale(0) translateY(-167px);
    -moz-transform: scale(0) translateY(-167px);
    -o-transform: scale(0) translateY(-167px);
    transform: scale(0) translateY(-167px);
    opacity: 0;
}
.social-share ul {
    color: #ffffff;
    width: 90px;
    height: 30px;
    margin: auto;
    padding: 0;
    list-style: none;
    position: relative;
    left: 0;
    right: 0;
}
.social-share ul li {
    display: block;
    font-size: 15px;
    cursor: pointer;
    width: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
    float: left;
}
.social-share ul li:hover {
    color: rgba(0, 0, 0, .5);
}
.social-share ul:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #33bce9;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 0;
    width: 0;
}
.social-share li[class*="facebook"] {
    background-color: #37528d;
}
.social-share li[class*="twitter"] {
    background-color: #33bce9;
}
.social-share li[class*="google-plus"] {
    background-color: #dc2310;
}
.label:empty {}
/*end icon chia sẻ*/

.icon_xh {
    padding-right: 0px;
}
.icon_xh ul li {
    display: inline-block;
    list-style-type: none;
    padding-right: 13px;
}
.hdtrencung {
    background: #FCF13C;
}
#wrapper {
    overflow: hidden;
    max-width: 1920px;
    margin: 0px auto;
    background: #ffffff;
}
.header {
    width: 100%;
    position: relative;
    z-index: 9;
    background-color: #ffffff;
    padding: 0;
}
.header-sm {
    display: none;
}
.header .logo img {
    padding-top: 7px;
    padding-bottom: 7px;
    max-height: 80px;
    width: auto;
}
.box-search {
    padding: 10px 0;
}
.find {
    padding: 5px 16px;
}
.find .frm-search input[type="text"] {
    width: 88%;
    height: 44px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none;
    padding: 10px 20px;
    float: left;
    font-size: 16px;
    color: #c2ccd6;
}
.find .frm-search button[type="submit"] {
    background: #346995 url(../images/search.png) no-repeat center center;
    height: 44px;
    padding: 0px 20px;
    font-size: 0px;
    float: left;
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 10%;
}
.frm-search input::-webkit-input-placeholder {
    font-size: 16px;
    color: #c2ccd6;
}
.frm-search input:-moz-placeholder {
    font-size: 16px;
    color: #c2ccd6;
}
.frm-search input::-moz-placeholder {
    font-size: 16px;
    color: #346995;
}
.frm-search input:-ms-input-placeholder {
    font-size: 16px;
    color: #346995;
}
.header .shop-cart, .header .account {
    width: auto;
    float: left;
    margin: 20px;
}
.header .item-tel {
    float: left;
    width: auto;
}
.header .member {
    float: right;
    width: auto;
    padding: 12px 0;
}
.header .item-tel .icon {}
.header .item-tel .txt {
    text-align: left;
    padding: 25px 0;
}
.item-tel .txt h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
}
.account .img-user, .account .account-user {
    float: left;
}
.header .shop-cart a {
    font-size: 18px;
    color: #002954;
    text-align: left;
}
.header .shop-cart .img-cart {
    position: relative;
}
.header .shop-cart img {
    margin-left: 5px;
}
.header .shop-cart .count-pro {
    font-size: 13px;
    color: #000;
    font-weight: 700;
    background: url(../images/count_pro.png) no-repeat center center;
    background-size: 100%;
    padding: 2px 4px;
    position: absolute;
    top: -10px;
    right: -5px;
}
.account .img-user img {
    margin-right: 7px;
}
.account {
    background: url(../images/sel_ac.png) no-repeat right center;
    background-position: 65% 30%;
}
.account .account-user p {
    margin: 0 0 0px;
}
.account .account-user .login a {
    font-size: 16px;
    color: #346995;
    font-weight: 800;
}
.account .account-user .register a {
    font-size: 14px;
    color: #346995;
    font-weight: 300;
}
.btn-primary.cancel_order {
    background: red!important;
    margin-left: 20px;
}
.order__review {
    background-color: red!important;
}
.order__revert {
    background: blue!important;
}
.in_order {
    background: yellow!important;
    cursor: default!important;
    color: #fff;
    border: solid 1px #efef04;
}
.in_pack {
    background: orange!important;
    cursor: default!important;
    color: #fff;
    border: solid 1px #da8d00;
}
.in_delivery {
    background: green!important;
    cursor: default!important;
    color: #fff;
    border: solid 1px #006300;
}
.in_received {
    background: blue!important;
    cursor: default!important;
    color: #fff;
    border: solid 1px #0202b7;
}
.in_cancel {
    background: red!important;
    cursor: default!important;
    color: #fff;
    border: solid 1px #ce0808;
}
.in_pink {
    background: pink!important;
    cursor: default!important;
    color: #fff;
}
.in_grey {
    background: gray!important;
    cursor: default!important;
    color: #fff;
}
.btn-primary.shipping_order {
    background: blue!important;
    margin-left: 20px;
}
.btn-primary.un_shipping_order {
    background: cyan!important;
    margin-left: 20px;
}
/*----------------------------end css button------------------------*/

/*----------------------------end css menu header------------------------*/

.menu-home {
    background-image: linear-gradient(#356292, #2ad8bd);
}
/***menu drop**/

.menu-product {
    position: relative;
    width: 100%;
}
.menu-product ul.dropdown {
    position: absolute;
    background-color: #f1f1f1;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99;
    margin: 0px;
    left: -9999px;
    padding-left: 0px;
    list-style: none;
    display: none;
}
.menu-product:hover ul.dropdown {
    display: block;
    left: 0px;
}
.menu-product .dropdown li {
    position: relative;
}
.menu-pro .dropbtn {
    background: #003874;
    color: white;
    padding-left: 50px;
    line-height: 45px;
    padding-right: 10px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
}
.dropdown li a {
    color: #5c5c5c;
    font-size: 16px;
    line-height: 50px;
    padding: 0px 16px 0 68px;
    border-bottom: 1px solid #f1f1f1;
    text-decoration: none;
    display: block;
    -moz-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
}
.dropdown>li>a {
    background-position: center left 25px;
    background-repeat: no-repeat;
}
.dropdown li:hover a {
    /*background-color: rgba(253, 186, 18, 0.98);*/
    background-color: rgba(0, 39, 82, 0.21);
    -moz-transition: background-color 0.01s;
    -webkit-transition: background-color 0.01s;
    -o-transition: background-color 0.01s;
    transition: background-color 0.01s;
}
.dropdown li.ok a {
    background-color: rgba(0, 39, 82, 0.21);
}
.menu-pro ul ul {
    position: absolute;
    margin: 0;
    padding-left: 0;
    list-style: none;
    top: 0;
    left: -9999px;
    /*left: 100%;*/
    width: 100%;
    background: #f1f1f1;
    opacity: 1;
    -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
    -o-transition: opacity 0.2s ease, -o-transform 0.2s ease;
    transition: opacity .2s ease, transform .2s ease;
    -webkit-transform: rotate3d(0, 1, 0, 45deg);
    -moz-transform: rotate3d(0, 1, 0, 45deg);
    transform: rotate3d(0, 1, 0, 45deg);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
}
.menu-pro ul li:hover>ul {
    left: 100%;
    opacity: 1;
    transform: rotate3d(0, 0, 0, 0);
}
.menu-pro ul ul li a {
    margin: 0px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(0, 57, 117, 0.17);
    color: #5c5c5c;
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.menu-pro ul ul li:hover a {
    color: #4287b2;
}
.menu-pro ul ul li.active a {
    color: #4287b2;
}
/* Icon Sink Away */

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}
@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}
/* Icon Sink Away */

.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-left: 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
    content: "\f0c9";
    position: absolute;
    left: 25px;
    font-size: 23px;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
.navigation, .navigation ul, .navigation ul li, .navigation ul li a {
    list-style: none;
    line-height: 0;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.navigation ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.navigation:after, .navigation>ul:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.navigation {
    width: 100%;
    z-index: 8;
}
.navigation>ul>li {
    display: table-cell;
    width: 1%;
}
.navigation>ul>li>a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    padding: 0px 20px;
    white-space: nowrap;
    position: relative;
    transition: all 0.4s ease;
}
.navigation>ul>li:last-child>a {}
.navigation>ul>li:hover, .navigation>ul>li:focus {}
.navigation>ul>li>a:hover, .navigation>ul>li>a:focus, .navigation>ul>li.active>a {
    background: #003874;
    color: #ffffff;
}
.navigation ul ul {
    position: absolute;
    left: -9999px;
    top: 50px;
    width: 100%;
    min-width: 200px;
    z-index: 999;
    opacity: 0;
    -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
    -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
    -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
    -o-transition: top 0.2s ease, opacity 0.2s ease-in;
    transition: top 0.2s ease, opacity 0.2s ease-in;
}
.navigation ul ul ul {
    width: auto;
}
.navigation.align-right ul ul {
    text-align: right;
}
.navigation>ul>li>ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #ca8021;
    top: -16px;
    left: 35px;
}
.navigation.align-right>ul>li>ul::after {
    left: auto;
    right: 20px;
}
.navigation ul ul ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-color: #ca8021;
    top: 12px;
    left: -8px;
}
.navigation.align-right ul ul ul::after {
    border-right-color: transparent;
    border-left-color: #ca8021;
    left: auto;
    right: -4px;
}
.navigation>ul>li:hover>ul {
    top: 45px;
    left: 0px;
    opacity: 1;
}
.navigation.align-right>ul>li:hover>ul {
    left: auto;
    right: 0;
}
.navigation ul ul ul {
    padding-top: 0;
    padding-left: 6px;
}
.navigation.align-right ul ul ul {
    padding-right: 6px;
}
.navigation ul ul>li:hover>ul {
    left: 200px;
    top: 0;
    opacity: 1;
}
.navigation.align-right ul ul>li:hover>ul {
    left: auto;
    right: 100%;
    opacity: 1;
}
.navigation ul ul li a {
    background-color: #2cbcb3;border-bottom: 1px solid #ffffff;background-image: linear-gradient(#0653a6, #2cc2b5);
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    padding: 0 10px 0 25px;
    line-height: 36px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.navigation ul ul li a::before {
    font: normal normal normal 10px/1 FontAwesome;
    content: "\f101";
    position: absolute;
    top: 14px;
    left: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.navigation ul ul li:hover>a, .navigation ul ul li>a:hover, .navigation ul ul li>a:focus {
    background-color: #003874;
}
.navigation ul ul li.active>a {
    background-color: #004f8c;
}
.navigation ul ul li:hover>a::before, .navigation ul ul li>a:hover:before, .navigation ul ul li>a:focus:before {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.navigation ul ul li.active>a::before {
    color: #fff373;
}
/**** menu-tabs ***/

.menu-tabs {
    margin-top: 25px;
}
.menu-tabs ul li {
    text-align: center;
    text-align: -moz-center;
    /*** Firefox**/
    text-align: -webkit-center;
    /*** Chrome - Safari**/
}
.menu-tabs ul li label {
    width: 100%;
    color: #3f3f24;
    cursor: pointer;
    border: 1px solid #dbd5d5;
    padding: 20px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: -moz-center;
    /*** Firefox**/
    text-align: -webkit-center;
    /*** Chrome - Safari**/
}
.menu-tabs ul li a {
    font-size: 18px;
    color: #3f3f24;
    line-height: 19px;
    position: relative;
}
.menu-tabs ul li label span.fa {
    font-size: 35px;
    padding: 0px;
    color: #f1f1f1;
    margin-bottom: 5px;
}
.menu-tabs ul li label.active span.fa {
    color: #ffffff;
}
.menu-tabs ul li label:hover span.fa {
    color: #ffffff;
}
.menu-tabs ul li label span.fa:hover {
    background: inherit;
}
.menu-tabs ul li label.active, .menu-tabs ul li label:hover {
    background: #f1f1f1;
    color: #ffffff;
}
.menu-tabs ul li label .title {
    vertical-align: middle;
    height: 42px;
    display: table-cell;
}
.right-article {
    float: left;
}
.left-article {
    float: right;
}
/* list active*/

.wp-list {
    margin-top: -10px;
}
.col-news {
    margin: 15px 0;
}
.col-news .box {
    border: 1px solid #efecec;
    position: relative;
    background: #ffffff;
}
.col-news .box .img {
    border-bottom: 1px solid #efecec;
}
.col-news .time-view {
    border-bottom: 1px solid #efecec;
    color: #aeaeae;
    font-size: 13px;
    line-height: 18px;
    padding: 7px 0;
    margin: 0 10px;
}
.col-news .time-view .time {
    float: left;
    display: block;
}
.col-news .time-view .view {
    float: right;
    display: block;
}
.col-news .time-view .view {
    text-align: right;
}
.col-news .time-view:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.col-news .comment {
    text-align: justify;
    padding: 7px 10px 0;
    margin-bottom: 30px;
    height: 147px;
    overflow: hidden;
    color: #7c7c7c;
}
.col-news .comment h3 {
    margin-bottom: 10px;
}
.col-news .comment .title {
    text-align: justify;
}
.col-news .comment .title, .col-news .comment a {
    color: inherit;
}
.col-news .comment a:hover, .col-news .comment a:focus {
    color: #e62028;
}
.col-news .box .detail {
    font-size: 13px;
    position: absolute;
    bottom: 5px;
    right: 10px;
}
.col-news .box .detail:hover, .col-news .box .detail:focus {
    text-decoration: underline;
}
.title-vs {
    position: relative;
    padding-bottom: 15px;
    font-size: 26px;
}
.time, .time-views {
    color: #9c9fa0;
    font-size: 12px;
}
.time-views {
    border-bottom: 1px dotted #e8ebec;
    margin: 10px 0;
    padding-bottom: 10px;
}
.time-views label+label {
    margin-left: 10px;
}
.wrap-detail .social-like {
    margin: 20px 0 0;
    position: relative;
    z-index: 1;
    line-height: 20px !important;
}
.wrap-detail .social-like .item-social {
    float: left;
    margin: 0 10px 0 0;
    position: relative;
}
.wrap-detail .social-like .item-social ._2pi8 {
    padding: 0 !important;
}
.others {
    margin-top: 20px;
}
.others .title-other {
    border-bottom: 1px solid #573e33;
    color: #573e33;
    padding-bottom: 5px;
    text-transform: uppercase;
}
ul.list-other {
    margin: 15px 0 10px;
    padding: 0;
    width: auto;
    list-style: none;
}
ul.list-other li {
    font-size: 16px;
    line-height: 20px;
    /*text-transform: uppercase;*/
    margin-bottom: 12px;
    padding-left: 27px;
    position: relative;
}
ul.list-other li::before {
    content: "\f0a4";
    color: #573e33;
    font: normal normal normal 16px/1 FontAwesome;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}
ul.list-other li a {}
ul.list-other li:hover, ul.list-other li:focus, ul.list-other li a:hover, ul.list-other li a:focus {
    text-decoration: underline;
}
.updating {
    padding: 20px 0 15px 0;
}
/*----------------------------end scc menu -> menu left--------------------------------*/

.sidebar .menu-left ul li ul {
    background-color: #f1f1f1;
    position: absolute;
    margin: 0;
    padding-left: 0;
    list-style: none;
    top: 0;
    left: -9999px;
    width: 100%;
    opacity: 1;
    -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
    -o-transition: opacity 0.2s ease, -o-transform 0.2s ease;
    transition: opacity .2s ease, transform .2s ease;
    -webkit-transform: rotate3d(0, 1, 0, 45deg);
    -moz-transform: rotate3d(0, 1, 0, 45deg);
    transform: rotate3d(0, 1, 0, 45deg);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 99;
}
.sidebar .menu-left ul li:hover a {
    background-color: rgba(0, 39, 82, 0.21);
}
.sidebar .menu-left ul ul li:hover a {
    background-color: rgba(0, 39, 82, 0.21);
}
.sidebar .menu-left ul li:hover ul li a {
    background-color: rgba(0, 39, 82, 0.21);
}
.sidebar .menu-left ul ul li:hover a {
    color: #346995;
}
.sidebar .menu-left ul ul li a {
    margin: 0px;
    padding: 0 20px;
    color: #5c5c5c;
    background-color: #f1f1f1;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sidebar .menu-left ul li ul li:last-child {
    border-bottom: none;
}
.sidebar .menu-left ul:first-child {
    border-bottom: none;
}
.sidebar .menu-left ul>li>a {
    color: #5c5c5c;
    font-size: 16px;
    line-height: 50px;
    padding: 0px 16px 0 68px;
    border-bottom: 1px solid #f1f1f1;
    text-decoration: none;
    display: block;
    -moz-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
    background-position: center left 25px;
    background-repeat: no-repeat;
    background-color: #f1f1f1;
    border-bottom: 1px solid #e1e1e1;
}
.sidebar .menu-left ul ul li a {
    border-bottom: 1px solid rgba(0, 57, 117, 0.17) !important;
}
.sidebar .menu-left ul li a:hover, .sidebar .menu-left ul li a:focus {
    background-color: rgba(0, 39, 82, 0.21);
}
.menu-left ul li {
    padding: 0;
    position: relative;
}
.menu-left ul li:hover ul {
    left: 100%;
    opacity: 1;
    transform: rotate3d(0, 0, 0, 0);
}
.menu-left ul li ul li:hover a {
    background-color: rgba(0, 39, 82, 0.21);
}
.menu-left ul ul li a {
    margin: 0px;
    padding: 0 20px;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.menu-left ul li ul li:last-child {
    border-bottom: none;
}
.menu-left ul:first-child {
    border-bottom: none;
}
.menu-left ul a:hover, .menu-left ul a:focus {
    color: #6f6f6f;
}
.line p.view-all a::before, .view-pro a::before, .dropdown>li>a::before, .sidebar .menu-left>ul>li>a::before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f105";
    position: absolute;
    top: 16px;
    right: 15px;
    color: #5c5c5c;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.line p.view-all:hover a::before, .line p.view-all:hover a::before, .view-pro:hover a::before, .view-pro a:hover::before, .dropdown>li:hover>a::before, .dropdown>li>a:hover::before, .dropdown>li>a:focus::before, .sidebar .menu-left>ul>li:hover>a:before, .sidebar .menu-left>ul>li>a:hover:before, .sidebar .menu-left>ul>li>a:focus:before {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.view-pro a::before {
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f101" !important;
    top: 7px;
    right: 7px;
    color: #ffffff;
}
.star-bar {
    line-height: 13px;
    font-size: 13px;
}
.star-bar label {
    color: #2673b7;
    line-height: 21px;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500
}
.star-bar .pro-bar {
    background: #f6f6f6;
    margin: 2px 0;
}
.star-bar .pro-bar .progress-bar {
    background: #f7a30f;
}
.star-bar .progress-bar {
    height: 18px;
}
.star-bar span {
    font-weight: 500;
    float: right;
    line-height: 21px;
    font-size: 15px;
}
.star-bar .row div {
    padding: 0px;
}
.btn-evaluate a {
    color: #ffffff;
}
.icon-star .c-ratings {
    color: #f7a30f;
    font-size: 18px;
    padding-right: 2px;
}
.box-comment {
    border-top: 1px solid #f1f1f1;
}
.box-comment .item-comment {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
}
.box-comment .item-comment:last-child {
    border-bottom: none;
}
.box-comment .item-comment .name {
    font-weight: 600;
}
.box-comment .item-comment .start-ratting .star-line {
    text-align: left;
}
.box-comment .item-comment .start-ratting .star-line .c-ratings {
    color: #f7a30f;
    padding-right: 2px;
}
.box-comment .item-comment .start-ratting .date {
    font-size: 13px;
}
/*------------------------css footer---------------------------------*/

.tongfooter {
    background: #F5EA19;
}
.divtongdau {
    padding: 0;
}
.trumngoai>img {
    border: 1px solid #979797;
    padding: 9px 13px;
    border-radius: 5px;
}
.trumdiachi {
    margin-top: 40px;
    margin-bottom: 20px;
}
.trumsdt>img {
    border: 1px solid #979797;
    padding: 5px;
    border-radius: 5px;
}
.trumsophone {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}
.sophone {
    display: inline-block;
    margin-top: -36px;
    /* vertical-align: middle;*/
    margin-left: 5px;
    font-weight: 400;
    font-size: 17px;
}
.trummail>img {
    border: 1px solid #979797;
    padding: 9px;
    border-radius: 5px;
}
.trumdcmail {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: right;
}
.mailerd {
    display: inline-block;
    margin-top: -36px;
    /*vertical-align: middle;*/
    margin-left: 5px;
    font-weight: 400;
    font-size: 17px;
}
.footergiua {
    background-image: linear-gradient(#356292, #2ad8bd);
}
.footercuoi {
    background: #003874;
    color: #ffffff;
}
.inputnhapmail {
    width: 75%;
    padding: 0;
}
.butonguimail {
    width: 25%;
}
.butonguimail input {
    background: #f5ea19 url(../images/mailtr.png) 7px 12px no-repeat;
    border-radius: 4px;
    width: 100px;
    height: 36px;
    margin-left: -27px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding-left: 25px;
    outline: none;
}
.inputnhapmail input {
    font-size: 14px;
    color: #949494;
    letter-spacing: 0;
    text-align: left;
    padding-left: 10px;
    border: none;
    background: #ffffff;
    border-radius: 4px;
    width: 240px;
    height: 38px;
    outline: none;
}
.diviconxhq ul li {
    display: inline-block;
    margin-right: 20px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.diviconxhq ul li:last-child {
    margin-right: 0px;
}
.diviconxhq ul li:hover {
    color: #ffffff;
    background: #ffffff;
}
.ulcm {
    list-style-type: inherit;
    color: #ffffff;
    margin-left: 15px;
    font-size: 18px;
    line-height: 31px;
}
.ulcm li a {
    color: #ffffff;
}
.ulcm li a:hover {
    color: #949494;
}
.ulcskh {
    list-style-type: inherit;
    color: #ffffff;
    margin-left: 15px;
    font-size: 18px;
    line-height: 31px;
}
.ulcm li a, .ulcskh li a {
    color: #ffffff;
    font-size: 16px;
    line-height: 31px;
}
.ulcm li:hover, .ulcskh li:hover, .ulcskh li a:hover {
    color: #949494;
}
.chuyenmuc h3 {
    font-size: 21px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 15px;
    font-weight: 700;
}
.box-address h3.name-address, .cskhang h3 {
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0;
    text-align: left;
    font-weight: 700;
    margin-bottom: 15px;
}
.box-address .text-address {
    color: #ffffff;
    line-height: 30px;
}
.dknhantin h3 {
    font-size: 21px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 15px;
    font-weight: 700;
}
.dknhantin p {
    font-size: 18px;
    color: #949494;
    letter-spacing: 0;
    text-align: left;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 25px;
}
.divtonggiua {
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 0;
}
.nganhang ul li {
    float: right;
    padding-left: 10px;
}
.cpygh {
    font-size: 18px;
    color: #949494;
    letter-spacing: 0;
    text-align: left;
    font-weight: 400;
}
.divtongcuoi {
    padding: 15px 0;
}
.trumcpyring .cprigh {
    font-size: 15px;
    color: #ffffff;
}
.divtongcuoi .chosilive {
    text-align: right;
}
.divtongcuoi .chosilive img {
    padding-left: 7px;
}
/*---------------------------end css footer------------------------------*/

/*---------------------------css trang home----------------------------*/

.product__amount {
    color: red;
}
.box-adv {
    padding: 30px 0;
}
.line h2 {
    font-size: 25px;
    line-height: 39px;
    color: #434441;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    float: left;
    width: 85%;
    overflow: hidden;
}
.line .title-others {
    font-size: 19px;
    line-height: 35px;
}
.line h2.title-others span:after {
    bottom: 11px;
}
.line h2 span {
    position: relative;
    padding-right: 20px;
}
.line h2 span:after {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 15px;
    border-bottom: 1px solid #c7c7c7;
    width: 1000px;
}
.line .view-all {
    float: right;
    width: 15%;
    text-align: right;
    margin-top: 8px;
}
.line p.view-all a {
    background-color: #f1f1f1;
    border-radius: 4px;
    padding: 10px 25px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    position: relative;
}
.line p.view-all a:before {
    color: #ffffff;
    top: 12px;
    right: 10px;
}
.line p.view-all a:hover {
    background-image: linear-gradient(#356292, #2ad8bd);
}
.list-pro .col-0 .box-it {
    border: 1px solid #c5c5c5;
}
.col-pro .box-it {
    border: 1px solid #c5c5c5;
    margin: 15px 0;
}
.col-news .box .img, .col-pro .box-it .img {
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.col-news .box .img img, .col-pro .box-it .img img {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.col-news .box:hover .img img, .col-news .box:focus .img img, .col-pro .box-it:hover .img img, .col-pro .box-it:focus .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.col-pro .comment {
    padding: 7px 10px;
}
.col-pro .comment h4 {
    font-weight: 400;
    color: #434441;
    height: 40px;
    overflow: hidden;
}
.col-pro .comment .bottom {
    border-top: 1px solid #c5c5c5;
    padding-top: 7px;
    margin-top: 7px;
}
.col-pro .bottom .cost {
    width: auto;
    float: left;
}
.cost span {
    font-size: 13px;
}
.cost p.price {
    font-size: 18px;
    line-height: 14px;
    color: #434441;
    font-weight: 600;
}
.col-pro .bottom .view-pro {
    width: auto;
    float: right;
    padding: 10px 0;
}
.view-pro a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 800;
    background-image: linear-gradient(#356292, #2ad8bd);
    position: relative;
    border-radius: 4px;
    padding: 5px 20px 5px 12px;
    text-transform: none;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.view-pro a:hover {
    background: #f1f1f1;
}
.ser_ship {
    background-image: linear-gradient(#356292, #2ad8bd);
    padding: 4px 30px;
    margin-bottom: 34px;
}
.ser_ship .info-ship {
    padding: 20px 0px;
}
.ser_ship .list-ship {
    border-right: 1px solid rgba(255, 255, 255, 0.48);
}
.ser_ship .list-ship:last-child {
    border-right: none;
}
.ser_ship .box {
    text-align: center;
}
.ser_ship .img {
    display: inline-block;
}
.ser_ship .comment {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    color: #ffffff;
}
.ser_ship .comment h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 3px;
}
.ser_ship .comment p {
    font-size: 15px;
    font-weight: 400;
}
.adv_bag {
    margin-bottom: 45px;
}
.adv_bag .item {
    position: relative;
}
.adv_bag .item .pre_adv_bag {
    position: absolute;
    top: 40px;
    left: 60px;
}
.adv_bag .item .pre_adv_bag h4 {
    font-size: 36px;
    color: #346995;
    font-family: 'UTMFlamenco';
    font-weight: bold;
}
.pre_adv_bag .pre_bag {
    font-size: 24px;
    color: #346995;
    font-weight: 800;
    text-align: center;
    margin-top: 10px;
    position: relative;
    font-family: 'UTMAvo';
    font-weight: 700;
}
.pre_adv_bag .pre_bag:before {
    content: '';
    position: absolute;
    top: 65%;
    left: 0;
    border-bottom: 1px solid #346995;
    width: 20%;
}
.pre_adv_bag .pre_bag:after {
    content: '';
    position: absolute;
    top: 65%;
    right: 0;
    border-bottom: 1px solid #346995;
    width: 20%;
}
.pre_adv_bag .view_bag {
    font-size: 16px;
    color: #ffffff;
    border: 1px solid #fff;
    padding: 7px 15px;
    text-align: center;
    margin-top: 21px;
    display: block;
    width: 28%;
}
.recevie {
    background-color: #f1f1f1;
    padding-top: 20px;
    padding-bottom: 20px;
}
.recevie .title-receive .img-receive {
    display: inline-block;
}
.recevie .title-receive .noimg-receive {
    vertical-align: middle;
    display: inline-block;
    padding-left: 10px;
}
.recevie .title-receive .noimg-receive h4 {
    font-size: 20px;
    color: #346995;
    font-weight: 800;
}
.recevie .title-receive .noimg-receive p {
    font-size: 16px;
    color: #346995;
}
.register_mail {
    padding-top: 10px;
}
.register_mail .input_mail {
    float: left;
    width: 80%;
}
.register_mail input[type="text"] {
    width: 95%;
    background: #ffffff;
    border: 1px solid #868686;
    border-radius: 4px;
    padding: 10px 15px;
    color: #868686;
}
.register_mail input[type="submit"] {
    float: left;
    width: 20%;
    padding: 10px 15px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 800;
    padding: 10px 20px;
    background-image: linear-gradient(#356292, #2ad8bd);
    border-radius: 4px;
    border: none;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.register_mail input[type="submit"]:hover {
    background-color: #003874;
}
.box-banner {
    position: relative;
}
.box-banner .img:after {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}
.breadcrumbs {
    width: 100%;
    background: inherit;
    position: absolute;
    bottom: 0px;
    border-top: 1px solid rgba(214, 214, 214, 0.5);
    left: 0;
    right: 0;
    padding-bottom: 3px;
}
.box-breadcrumb {
    border-radius: 0px;
}
.breadcrumb a {
    padding: 0 15px;
    line-height: 26px;
    position: relative;
}
.breadcrumbs a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    line-height: 35px;
    position: relative;
    padding: 0 15px;
}
.breadcrumb a:hover, .breadcrumbs a:hover {
    color: #f1f1f1;
}
.breadcrumb a:first-child, .breadcrumbs a:first-child {
    padding-left: 0px;
}
.breadcrumbs a:last-child {
    font-weight: 500;
}
.breadcrumb a:before, .breadcrumbs a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f101";
    position: absolute;
    top: 4px;
    right: -3px;
    color: #ffffff;
}
.breadcrumb a:before {
    color: #303030;
    top: 2px;
    right: -5px;
}
.breadcrumbs a:hover:before {
    color: #ffffff;
}
.breadcrumb a:last-child:before, .breadcrumbs a:last-child:before {
    display: none;
}
.text-h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1170px;
    height: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.text-h1 .box {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    display: table;
    width: 100%;
    height: 100%;
}
.text-h1 .box-title {
    display: table-cell;
    vertical-align: middle;
}
.text-h1 .box-title h1 {
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.box-title h1 a {
    color: #ffffff;
}
/*** end Thinh ***/

.chuahinhspcat {
    width: 100%;
    overflow: hidden;
}
.chuahinhspcat a:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: all 2s;
    -webkit-transition: all 2s;
}
.chiadivdm {
    width: 20%;
    padding: 0;
    text-align: center;
}
.div12tong {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.divhinh {
    height: 74px;
    margin-bottom: 15px;
    display: inline-block;
}
.divhinh:hover img {
    -ms-animation: tada 0.3s 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: tada;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
}
.divchu a {
    font-weight: 600;
    font-size: 18px;
    color: #603813;
}
.divchu:hover a {
    color: #4F9A56;
}
.danhmucsanpham {
    background: #FCF155;
    padding: 12px 0px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 19px;
    color: #333333;
    letter-spacing: 0;
}
.dmucsanpham {
    padding-left: 0px;
}
.divchinhsanpham {
    padding: 0;
}
.tongsanpham {
    padding: 0px;
}
.tongtatca {
    margin-top: 30px;
}
.danhmucabout {
    background: #003874;
    padding: 0px 15px;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 45px;
    color: #ffffff;
    letter-spacing: 0;
}
.actves>a {
    color: #6e86ff !important;
}
.item-gallery .img {
    padding: 10px 0;
}
.classtrung li {
    list-style-type: none;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    cursor: pointer;
}
.classtrung li a {
    padding-left: 15px;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 43px;
}
.classtrung li:hover, .classtrung li.active, .classtrung li:focus {
    color: #f1f1f1;
}
.classtrung li:hover a, .classtrung li.active a, .classtrung li:focus a {
    color: #f1f1f1;
}
.boxto {
    margin-bottom: 20px;
}
.tcgioithieu {
    font-weight: 600;
}
.tcgioithieu a {
    color: #000;
}
.tcgioithieu a:hover {
    color: #f1f1f1;
}
.tengthiue {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 15px;
}
.divtruma {
    padding: 0px;
}
.tengiothi {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}
.tcsanpham a {
    font-weight: 600;
    color: #000;
}
.tcsanpham a:hover {
    color: #f1f1f1;
}
.wperlist1 {
    padding: 0px;
}
.tintuctren a {
    font-weight: 600;
    color: #000;
    position: relative;
    padding-right: 25px;
}
.tintuctren a:hover {
    color: #346995;
}
.tintuctren a.tragch:before {
    content: "";
    position: absolute;
    top: 0px;
    background: url(../images/toi.png) no-repeat;
    width: 20px;
    height: 20px;
    left: 100px;
}
.tragch {
    font-size: 16px;
    color: #bababa;
    letter-spacing: 0;
    text-align: left;
}
.titu {
    font-size: 16px;
    color: #bababa;
    letter-spacing: 0;
    text-align: left;
}
.tentinchinh {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.chinhndtintuc div {
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 15px;
}
.motanoidunga {
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 24px;
}
.chinhndtintuc p {
    font-weight: 400;
    line-height: 25px;
}
.kgngang {
    font-size: 16px;
    font-weight: 600;
    color: #346995;
    border-bottom: 1px solid #346995;
}
.danhmuconchinh li {
    position: relative;
    padding-right: 20px;
}
.danhmuconchinh li:before {
    content: "/";
    width: 0;
    height: 0;
    position: absolute;
    left: 92%;
    top: -2px;
    font-size: 1.4em;
    font-weight: 300;
}
.danhmuconchinh li:last-child {
    padding-right: 0px;
}
.danhmuconchinh li:last-child:before {
    content: none;
}
.sanpham {
    margin-bottom: 30px;
}
.harps2 {
    position: relative;
}
.hvha:hover .trenha1 {
    -webkit-transition: all 1s;
    -webkit-transform: scale(1);
    cursor: pointer;
}
.trenha1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(27,79,147,0.7) url('../images/view.png') center no-repeat;*/
    -webkit-transform: scale(0);
    line-height: 27px;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 1s ease-in-out;
}
.trenha1:hover a {
    text-decoration: none;
}
.trenha1 a img {
    width: 50px;
    height: 50px;
    text-align: center;
    margin-top: 50px;
}
.breadcr .mainsanphamchinh {
    padding: 0px;
    margin-bottom: 20px;
}
.breadcr .mainsana {
    padding: 0px;
}
.tintuctrena {
    margin-top: 15px;
}
.form-order tr {
    border: 1px solid #e9e9e9;
}
.fa-trash:before {
    color: red;
}
.divchinsanpham {
    padding: 0px;
}
.form-order tr th {
    text-transform: uppercase;
    line-height: 40px;
    padding: 0 4px;
    font-size: 14px !important;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
    border: 1px solid #e9e9e9;
    white-space: nowrap;
}
.form-order tr td {
    line-height: 40px;
    font-size: 15px !important;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
    border: 1px solid #e9e9e9;
}
.form-order tr td input {
    text-align: center;
    margin: 0 10px;
    line-height: 28px;
    width: 60%;
}
.form-order {
    border-collapse: collapse;
    border: 1px solid #e9e9e9;
}
.inputsoluong {
    border: none;
}
.form-order tr:hover {
    background: #fafafa !important;
}
.form-order .img {
    /*min-width: 150px;*/
    padding: 10px;
}
.inputsoluong input {
    border: none;
}
.btn-order {
    background: #346995 !important;
    margin: 10px 15px 7px 15px;
    padding: 13px 15px;
    color: #000;
    border: none;
    font-weight: 700;
    outline: none;
}
.btn-primary {
    background: #003874 !important;
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-primary:hover {
    background: #f1f1f1 !important;
}
.btn-space {
    margin-right: 4px;
}
#order-form {
    margin-top: 15px;
}
.formmuahang {
    text-align: center;
}
.coupon--input {
    float: right;
    margin-bottom: 20px;
}
.coupon--input label {
    margin-right: 15px;
}
.coupon--input input {
    height: 35px;
    width: 150px;
    padding-left: 10px;
    display: inline-block;
    margin-right: 15px;
}
.coupon--input button {
    display: inline-block;
    height: 35px;
}
.trtop {
    background: #fafafa !important;
}
.btn-order:hover {
    background: #FCF13C !important;
}
.btn-order:hover i {
    -webkit-animation: fadeInLeft 0.4s ease-in;
    -ms-animation: fadeInLeft 0.4s ease-in;
    -o-animation: fadeInLeft 0.4s ease-in;
    animation: fadeInLeft 0.4s ease-in;
}
.img>a>img {
    width: 100%;
}
#thucnguyen .img>a>img {
    width: 101px;
}
.tongtien {
    font-weight: bold;
}
.total {
    font-weight: bold;
}
.hoten input {
    width: 100%;
    padding: 10px 0px 10px 40px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    outline: none;
    margin-bottom: 10px;
}
.hoten i {
    position: absolute;
    top: 26%;
    left: 6%;
    color: #003874;
}
.diachimuahang input {
    width: 100%;
    padding: 10px 0px 10px 40px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    outline: none;
    margin-bottom: 10px;
}
.diachimuahang i {
    position: absolute;
    top: 26%;
    left: 6%;
    color: #003874;
}
.emailgui input {
    width: 100%;
    padding: 10px 0px 10px 40px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    outline: none;
    margin-bottom: 10px;
}
.emailgui i {
    position: absolute;
    top: 26%;
    left: 6%;
    color: #003874;
}
.sodietho input {
    width: 100%;
    padding: 10px 0px 10px 40px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    outline: none;
    margin-bottom: 10px;
}
.sodietho i {
    position: absolute;
    top: 18%;
    left: 6%;
    color: #003874;
    font-size: 25px;
}
.noidungthemlh textarea {
    width: 100%;
    padding: 10px 0px 10px 40px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    outline: none;
    margin-bottom: 10px;
}
.noidungthemlh i {
    position: absolute;
    top: 7%;
    left: 3%;
    color: #003874;
}
.nutmuahang {
    text-align: center;
}
.nutmuahang input {
    background: #f1f1f1 url('../images/sen.png') center no-repeat;
    border-radius: 5px;
    outline: none;
    display: inline-block;
    width: 75px;
    height: 35px;
    border: none;
    outline: none;
}
.nutmuahang input:hover {
    background: #003874 url('../images/sen.png') center no-repeat;
}
.carthang {
    display: none;
}
.wrptonga {
    padding: 0px;
}
.activesa>a {
    color: #4F9A56 !important;
}
.activesa>i {
    color: #4F9A56 !important;
}
.leftinclu {
    margin-top: 20px;
    padding-left: 0px;
    width: 22%;
}
#cla {
    height: 390px;
}
.divchuatengiasp {
    text-align: center;
    height: 60px;
}
.sanphamtraicay {
    background: #fff;
    height: 100%;
    margin-bottom: 20px;
}
.tensapham a {
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    text-align: left;
    font-weight: 400;
}
.tensapham a:hover {
    color: #228C44;
}
.divxemngay {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.divxemngay a {
    border: 1px solid #e9e9e9;
    padding: 10px;
    font-size: 16px;
    color: #cccccc;
    letter-spacing: 0;
    text-align: left;
}
.divxemngay a:hover {
    border: 1px solid #000;
    color: #000;
}
.trumcaidau {
    background: #B73838;
    text-align: center;
}
.trumcaidau>img {
    margin-top: 30px;
    margin-bottom: 10px;
}
.tenship {
    color: #fff;
    display: inline-block;
    margin-left: 20px;
    margin-top: -70px;
    /*vertical-align: middle;*/
    font-size: 21px;
    color: #ffffff;
    letter-spacing: -0.26px;
    text-align: left;
    font-weight: 700;
}
.sotienship {
    display: inline-block;
    margin-left: 70px;
    color: #fff;
    /*vertical-align: middle;*/
    margin-top: -60px;
    font-size: 15px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: left;
    font-weight: 400;
}
.trumcaigiua {
    background: #65BA09;
    text-align: center;
}
.trumcaigiua>img {
    margin-top: 26px;
}
.tendh {
    color: #fff;
    display: inline-block;
    margin-left: 20px;
    margin-top: -70px;
    /*vertical-align: middle;*/
    color: #ffffff;
    letter-spacing: -0.26px;
    text-align: left;
    font-weight: 700;
    font-size: 21px;
}
.trumcaigiua>p {
    display: inline-block;
    margin-left: 60px;
    color: #fff;
    /*vertical-align: middle;*/
    margin-top: -60px;
    font-size: 15px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: left;
    font-weight: 400;
}
.trumcaicuoi {
    background: #66CCFF;
    text-align: center;
}
.trumcaicuoi>img {
    margin-top: 28px;
}
.tentv {
    color: #fff;
    display: inline-block;
    margin-left: 20px;
    margin-top: -70px;
    vertical-align: middle;
    color: #ffffff;
    letter-spacing: -0.26px;
    text-align: left;
    font-weight: 700;
    font-size: 21px;
}
.sdienthoai {
    display: inline-block;
    margin-left: 50px;
    color: #fff;
    vertical-align: middle;
    margin-top: -60px;
    font-size: 15px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: left;
    font-weight: 400;
}
.tongbacai {
    margin-top: 10px;
    margin-bottom: 30px;
}
.tongctnfgu {
    background: url('../images/nenbgr.png') no-repeat;
    background-size: cover;
    margin-bottom: 40px;
}
.tentickdau {
    display: inline-block;
    /*vertical-align: middle;*/
    margin-top: -24px;
    margin-left: 10px;
    font-size: 30px;
    color: #f1f1f1;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: uppercase;
}
.tentickgiua {
    display: inline-block;
    /*vertical-align: middle;*/
    margin-top: -24px;
    margin-left: 15px;
    font-size: 30px;
    color: #f1f1f1;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: uppercase;
}
.tentickcuoi {
    display: inline-block;
    /*vertical-align: middle;*/
    margin-top: -24px;
    margin-left: 15px;
    font-size: 30px;
    color: #f1f1f1;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: uppercase;
}
.contentndung>p {
    font-size: 18px;
    color: #070707;
    letter-spacing: -0.3px;
    line-height: 27px;
    text-align: left;
    font-weight: 400;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.divntrdau {
    margin-bottom: 20px;
}
.divntrgiua {
    margin-bottom: 20px;
}
.ndungbentrong {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 55%;
}
.hbatintuc {
    text-align: center;
    margin-bottom: 20px;
}
.hbatintuc h3 a {
    font-size: 24px;
    color: #333333;
    letter-spacing: 0;
    text-align: left;
    font-weight: 700;
}
.hbatintuc h3 a:hover {
    color: #f1f1f1;
}
.tentintuctp {
    margin-top: 10px;
    margin-bottom: 10px;
}
.tentintuctp a {
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    text-align: left;
    font-weight: 700;
}
.tentintuctp a:hover {
    color: #f1f1f1;
}
.tintucanh {
    width: 100%;
    overflow: hidden;
}
.tintucanh a img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 2s;
    -webkit-transition: all 2s;
}
.ngaydang {
    font-size: 16px;
    color: #c1c1c1;
    letter-spacing: 0;
    text-align: left;
    display: inline-block;
    margin-top: -15px;
    vertical-align: middle;
    margin-left: 5px;
}
.commentng {
    font-size: 18px;
    color: #333333;
    margin-top: 10px;
    letter-spacing: 0;
    line-height: 23px;
    text-align: left;
}
.tongtintuc {
    margin-bottom: 30px;
}
.divmhtong {
    padding: 0;
}
.moi {
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: left;
    background: #f1f1f1;
    padding: 3px 8px 3px 8px;
}
.giamgia {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: left;
    background: #C62E13;
    padding: 3px 8px 3px 8px;
}
.divchuaanhsanpham {
    width: 100%;
    overflow: hidden;
}
.divchuaanhsanpham>a>img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 2s;
    -webkit-transition: all 2s;
}
.divchuaanhsanpham>a>img {
    padding: 25px 5px 5px 5px;
}
.classtrung {
    border: 1px solid #e4e4e4;
}
.classtrung li:last-child {
    border-bottom: none;
}
/*------------------------css trang sản phẩm-----------------------------*/

.formsoluong {
    /*position: absolute;
    top: 238px;
    left: 150px;*/
}
.datmuasanpham {
    margin-top: 10px;
    margin-bottom: 10px;
}
.submitdatmua {
    line-height: 28px;
    margin-left: 0px;
    border: none;
    background: #333;
    font-weight: 400;
    display: block;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    margin-top: 30px;
}
.submitdatmua:hover {
    background: rgba(0, 0, 0, 0.6);
}
.inputsoluong>input {
    background: none;
}
.qtyu {
    text-align: center;
    width: 60px;
    height: 35px;
    padding-left: 10px;
    background: #ECEEF3;
    border: 1px solid #999;
}
.cong {
    position: absolute;
    right: -41px;
    top: 0px;
    border: 1px solid #999;
    padding: 6.5px 14px;
    cursor: pointer;
}
.tru {
    position: absolute;
    left: -36px;
    top: 0px;
    border: 1px solid #999;
    padding: 6.5px 14px;
    cursor: pointer;
}
.icongiohang {
    padding-right: 10px;
}
.tenspha {
    margin-bottom: 10px;
}
.tenspha h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #333333;
    letter-spacing: 0;
    text-align: left;
}
.giaspha .price {
    font-size: 22px;
    font-weight: 600;
}
.giaspha #price span, .giaspha #revenue span {
    font-weight: bold;
}
.giaspha #price, .giaspha #revenue {
    margin-bottom: 15px;
}
.sotien {
    font-weight: 700;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    text-align: left;
    padding-left: 5px;
}
.sotiengoc {
    font-weight: 400;
    font-size: 16px;
    color: #868686;
    letter-spacing: 0;
    text-align: left;
}
.tietkiem {
    font-weight: 400;
    opacity: .7;
}
.giatong {
    margin-bottom: 10px;
}
.xuatxu {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}
.soluongtren {
    font-weight: 700;
    display: inline-block;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    text-align: left;
    font-weight: 700;
    margin-right: 50px;
}
.sanpham1 {
    margin: 20px 0px;
}
.sanpham1 i {
    font-size: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
.sanpham1 a {
    font-size: 17px;
    font-weight: 400;
    color: #000;
    position: relative;
    padding-right: 30px;
}
.sanpham1 a:hover {
    color: #346995;
}
.sanpham1 a:before {
    content: "";
    position: absolute;
    top: 1px;
    background: url(../images/toi.png) no-repeat;
    width: 20px;
    height: 20px;
    left: 90px;
}
.sliderchitiet {
    text-align: center;
    margin-bottom: 120px;
}
.sanpham1 a:last-child {
    padding-right: 0px;
}
.sanpham1 a:last-child:before {
    content: none;
}
.sanpham2 {
    padding: 0;
}
.iconchitietsp ul li {
    float: left;
    padding-right: 10px;
}
.cs a img {
    padding-top: 5px;
}
.iconchitietsp {
    margin-top: 20px;
}
/*.thongtinsap{
    padding: 0;
}*/

.hbathongtin h3 {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #346995;
    color: #346995;
    display: inline-block;
    padding-bottom: 8px;
}
.chitietsanphamchih h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0px;
}
.chitietsanphamchih {
    /*margin-bottom: 20px;*/
}
.chitietsanphamchih p {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
}
/*.cacsanphamkhac{
    padding: 0px;
}*/

.cacsanphamkhac1 h3 {
    font-weight: 700;
    display: inline-block;
    padding-bottom: 8px;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    text-align: left;
}
.cacsanphamkhac3 {
    margin: 20px 0px;
    min-height: 375px;
}
.chuahinhspcat a img {
    width: 100%;
}
.tensanphamcat a {
    font-weight: 600;
    color: #000;
}
.tensanphamcat {
    margin-top: 10px;
}
.tensanphamcat:hover a {
    color: #346995;
}
.gia1 {
    margin-top: 5px;
    text-align: left;
}
.listsanpham1 {
    background: #fff;
}
.listsanpham1 a img {
    width: 100%;
}
.listsanpham1s a {
    font-weight: 600;
    color: #000;
    line-height: 19px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.listsanpham1s {
    margin-top: 10px;
}
.listsanpham1s:hover a {
    color: #346995;
}
.phantranga {
    text-align: right;
}
.pagination {
    padding: 0 15px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-image: linear-gradient(#356292, #2ad8bd);
    border-color: #346995;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #346995;
    background-color: #eee;
    border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
    color: #346995;
}
/*-------------------------end css trang sản phẩm-------------------------*/

/*-----------------------css trang liên hệ-------------------------------*/

.ttlh {
    font-weight: bold;
    color: red;
    margin-top: 10px;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 7px;
}
.ndlh p {
    font-weight: 400;
    line-height: 25px;
}
.ipname {
    position: relative;
    top: 0;
    left: 0;
}
.ipname i {
    position: absolute;
    top: 23px;
    left: 15px;
}
.ipdc {
    position: relative;
    top: 0;
    left: 0;
}
.ipdc i {
    position: absolute;
    top: 23px;
    left: 30px;
}
.ipsdt {
    position: relative;
    top: 0;
    left: 0;
}
.ipsdt i {
    position: absolute;
    top: 23px;
    left: 30px;
}
.ipem {
    position: relative;
    top: 0;
    left: 0;
}
.ipem i {
    position: absolute;
    top: 23px;
    left: 15px;
}
.ipcm {
    position: relative;
    top: 0;
    left: 0;
}
.ipcm i {
    position: absolute;
    top: 23px;
    left: 15px;
}
/*form*/

.form-sm {
    padding: 5px;
    width: 50%;
    float: left;
}
.form-bg {
    padding: 5px;
}
.frm .form-item {
    position: relative;
    padding: 5px;
}
.frm .form-item input, .frm .form-item select, .frm .form-item textarea {
    background-color: #f9f9f9;
    border: 1px solid #cecfce;
    padding: 5px 10px 5px 35px;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    border-radius: 4px;
}
.frm .form-item textarea {
    resize: none;
}
.frm .form-item i {
    left: 5px;
    top: 5px;
    position: absolute;
    height: 34px;
    width: 40px;
    color: #b8b8b8;
    text-align: center;
    line-height: 34px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.frm .form-item input:hover~i, .frm .form-item select:hover~i, .frm .form-item textarea:hover~i {
    color: #003874;
}
.frm .form-item input:focus~i, .frm .form-item select:focus~i, .frm .form-item textarea:focus~i {
    color: #003874;
}
.frm .form-item input[type=submit] {
    background: #003874 url('../images/btn-send.png') center no-repeat;
    width: 100%;
    padding: 6px 0;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    max-width: 100px;
    text-transform: uppercase;
}
.frm .form-item input[type=submit]:hover, .frm .form-item input[type=submit]:focus {
    background-color: #5f5f5f;
}
.frm .form-item .show-error {
    color: #f70626;
    font-size: 0.9em;
    font-weight: lighter;
    white-space: nowrap;
}
.form-item.it-error input, .form-item.it-error select, .form-item.it-error textarea {
    border: 1px solid #ff6e69;
}
/*end form*/

.nutsend {
    width: 100%;
    display: inline-block;
    text-align: center;
}
#_send_contact {
    background: #f1f1f1 url(../images/btn-send.png) center no-repeat;
    border: none;
    width: auto;
    min-width: 100px;
    padding: 6px 0;
    display: inline-block;
    color: #ffffff;
    font-weight: 600;
    height: 35px;
    text-transform: uppercase;
}
#_send_contact:hover {
    background: #FCF13C url(../images/btn-send.png) center no-repeat;
}
/*------------------------end css trang liên hệ-----------------------*/

/*------------------css trang tin tức-------------------------------*/

.wrpdetail {
    margin-bottom: 20px;
    overflow: hidden;
}
.wrptong {
    margin-bottom: 20px;
    overflow: hidden;
}
.iconlike {
    margin-top: 10px;
    margin-bottom: 20px;
}
.iconlike ul li {
    width: 30px;
    font-size: 13px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    transition: all 1.6s;
    cursor: pointer;
    margin: 0px 3px;
}
.iconlike ul li:hover {
    transform: rotate(360deg);
}
.iconlike ul li.fa-facebook {
    background: #37528d;
}
.iconlike ul li.fa-twitter {
    background: #33bce9;
}
.iconlike ul li.fa-google-plus {
    background: #dc2310;
}
.kgngang:hover {
    text-decoration: none;
}
.danhmuculli {
    padding: 0px;
    border: 1px solid #e4e4e4;
}
.danhmuculli .lidau {
    list-style-type: none;
    padding: 11px 0px 11px 10px;
    border: 1px solid #e4e4e4;
}
.khongco {
    margin: 10px 0px 10px 15px;
    font-size: 17px;
    font-weight: bold;
}
.lidau:hover {
    color: #fff;
}
.lidau:hover>a {
    color: #fff;
}
.lidau a {
    color: #333;
    font-weight: 600;
    font-size: 17px;
}
.licaphai {
    display: none;
}
.licaphai>li>a {
    color: #333;
}
.licaphai>li {
    color: #333;
}
.activeq {
    background: #333;
    color: #fff;
}
.activeq a {
    color: #fff;
}
.activeq>ul {
    background: #ECEEF3;
    margin-top: 12px;
    margin-left: -10px;
}
.activeq>ul>li:hover {
    color: #f1f1f1;
}
.activeq>ul>li>a:hover {
    color: #f1f1f1;
}
.licaphai li:last-child {
    margin-bottom: -11px;
}
.classtrung>li>a:hover {
    color: #f1f1f1;
}
.activesa {
    background: #333;
}
.activesa>.licaphai {
    background: #ECEEF3;
    margin-left: -10px;
    margin-top: 10px;
}
.activesa>.licaphai>.activesaqa {
    color: #f1f1f1;
}
.activesa>.licaphai>.activesaqa>a {
    color: #f1f1f1;
}
.activesa>.licaphai>li:hover {
    color: #f1f1f1;
}
.activesa>.licaphai>li>a:hover {
    color: #f1f1f1;
}
.activesa>i {
    color: #fff !important;
}
.activesa>a {
    color: #fff !important;
}
.licaphai {
    margin-bottom: -13px;
}
/*.licaphai li a::before {
    font: normal normal normal 10px/1 FontAwesome;
    content: "\f101";
    position: absolute;
    top: 12px;
    left: -3px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}*/

.iconhai {
    float: right;
    padding-right: 10px;
    cursor: pointer;
}
.danhmuculli li:hover>a::before, .danhmuculli li>a:hover:before, .danhmuculli li>a:focus:before {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.danhmuculli li:hover a {
    text-decoration: none;
}
.licaphai {
    padding-top: 5px;
    padding-left: 40px;
}
.licaphai li {
    position: relative;
    padding: 10px 0px;
    list-style-type: disc;
}
.icontvkh {
    text-align: center;
}
.icontvkh ul li {
    list-style-type: none;
    display: inline-block;
    margin-top: 5px;
    padding-right: 3px;
}
.anhkhtv {
    text-align: center;
}
.ttlqua ul {
    padding: 0px;
}
.ttlqua ul li {
    list-style-type: none;
}
.ttlqua ul li a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.ttlqua ul li:hover a {
    text-decoration: none;
    color: #00568D;
}
.rpsmdr {
    padding: 0px;
}
.hvanh {
    padding: 0px;
}
.noidungtin h3 {
    font-size: 21px;
    margin: 0px 0px 5px 0px;
}
.noidungtin h3 a {
    color: #000;
    font-size: 20px;
    font-weight: 400;
}
.noidungtin h3:hover a {
    color: #346995;
    text-decoration: none;
}
.ndtindgh {
    line-height: 26px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.mota {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    font-weight: 400;
    line-height: 22px;
}
/*-------------------------end css trang tin tức--------------------------*/

/*-------------------------end css trang dự án--------------------------*/

.doctiep a {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.doctiep a:hover {
    color: #346995;
}
.doctiep {
    text-align: right;
    padding-right: 20px;
}
.ngthag {
    font-size: 13px;
    font-weight: 600;
    opacity: .7;
}
.mota2 {
    height: 90px;
    padding-right: 10px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
}
.wpradet {
    overflow: hidden;
}
.wperlist {
    overflow: hidden;
}
.nddan {
    padding-bottom: 10px !important;
    margin-left: 5px;
}
.nddan h3 {
    font-size: 17px;
    margin: 5px 10px 5px 0px;
}
.nddan h3 a {
    color: #000;
    font-weight: 600;
}
.nddan h3:hover a {
    color: #346995;
    text-decoration: none;
}
.bsdow {
    box-shadow: 1px 1px 10px #ccc;
}
.wpradet {
    margin-bottom: 20px;
}
.wperlist {
    margin-bottom: 20px;
}
.hvanhcotrinh {
    width: 100%;
    overflow: hidden;
}
.hvanhcotrinh a:hover img {
    transform: scale(1.3);
    transition: all 1s;
    -webkit-transform: scale(1.3);
    -webkit-transition: all 1s;
}
.clasduanh {
    width: 100%;
    overflow: hidden;
}
.clasduanh a:hover img {
    transform: scale(1.3);
    transition: all 1s;
    -webkit-transform: scale(1.3);
    -webkit-transition: all 1s;
}
/*-------------------------end css trang dự án--------------------------*/

.chinhndtintuc {
    margin-bottom: 20px;
}
/*-------------------------css nút lên top--------------------------------*/

#go-top {
    display: block;
    position: fixed;
    bottom: 100px;
    right: -4px;
    cursor: pointer;
    font: 12px arial;
    background: url(../images/go-top.png) center top no-repeat;
    width: 100px;
    height: 40px;
    z-index: 99999;
}
#go-top:hover {
    background: url(../images/go-top.png) center no-repeat;
}
/*---------------------end css nút lên top--------------------*/

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }
    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }
    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }
    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }
    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }
    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}
@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }
    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }
    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }
    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }
    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }
    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}
@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }
    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }
    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }
    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }
    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }
    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}
@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }
    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }
    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }
    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }
    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }
    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}
@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }
    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }
    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }
    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }
    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }
    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }
    76% {
        opacity: 0;
        transform: rotate(900deg);
    }
    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}
/*end css menu reponsize*/

#_loading_popup {
    display: block;
    position: fixed;
    z-index: 9999999;
}
.windows8 {
    position: relative;
    width: 80px;
    height: 80px;
}
.windows8 .wBall {
    position: absolute;
    width: 76px;
    height: 76px;
    opacity: 0;
    -moz-transform: rotate(225deg);
    -moz-animation: orbit 4.95s infinite;
    -webkit-transform: rotate(225deg);
    -webkit-animation: orbit 4.95s infinite;
    -ms-transform: rotate(225deg);
    -ms-animation: orbit 4.95s infinite;
    -o-transform: rotate(225deg);
    -o-animation: orbit 4.95s infinite;
    transform: rotate(225deg);
    animation: orbit 4.95s infinite;
}
.windows8 .wBall .wInnerBall {
    background-color: #e62127;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.windows8 #wBall_1 {
    -moz-animation-delay: 1.08s;
    -webkit-animation-delay: 1.08s;
    -ms-animation-delay: 1.08s;
    -o-animation-delay: 1.08s;
    animation-delay: 1.08s;
}
.windows8 #wBall_2 {
    -moz-animation-delay: 0.22s;
    -webkit-animation-delay: 0.22s;
    -ms-animation-delay: 0.22s;
    -o-animation-delay: 0.22s;
    animation-delay: 0.22s;
}
.windows8 #wBall_3 {
    -moz-animation-delay: 0.43s;
    -webkit-animation-delay: 0.43s;
    -ms-animation-delay: 0.43s;
    -o-animation-delay: 0.43s;
    animation-delay: 0.43s;
}
.windows8 #wBall_4 {
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}
.windows8 #wBall_5 {
    -moz-animation-delay: 0.86s;
    -webkit-animation-delay: 0.86s;
    -ms-animation-delay: 0.86s;
    -o-animation-delay: 0.86s;
    animation-delay: 0.86s;
}
.error404 {
    text-align: center;
    min-height: 300px;
    font-size: 1.15em;
}
.error404 i {
    padding-top: 30px;
    font-size: 10em;
}
.error404 p:last-child {
    color: #ff7b79;
}
.coming-soon p:last-child {
    color: #1fa67a;
}
.header-sm {
    background: #f8f8f8;
    padding: 0px 55px 0px 0px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    display: none;
}
/**** gio hang **/

.c-cart-left, .c-cart-right {
    float: left;
    width: 50%;
    position: relative;
    padding: 10px 0;
}
.c-cart-left {
    padding-right: 30px;
}
.c-cart-right {
    padding-left: 30px;
}
.c-cart-left:before {
    content: " ";
    display: block;
    width: 300%;
    height: 700%;
    position: absolute;
    top: -10px;
    right: 0;
    bottom: -10px;
    background-color: #fff;
    z-index: -1;
    box-shadow: 1px 0 0 #e1e1e1 inset;
}
.cart-customer-information {
    margin: 10px -5px;
}
.cart-customer-information .field, #register_account .field, .field-2x {
    float: left;
    position: relative;
    padding: 7px;
}
#register_account .field, .field-2x {
    padding-left: 0;
}
#register_account .field+.field, .field-2x+.field-2x {
    padding: 7px 0 7px;
}
.cart-customer-information .field-1 {
    width: 100%;
}
.cart-customer-information .field-2 {
    width: 60%;
}
.cart-customer-information .field-3 {
    width: 40%;
}
.cart-customer-information .field-4, #register_account .field-4, .field-2x {
    width: 50%;
}
.cart-customer-information .field input, .cart-customer-information .field select, .cart-customer-information .field textarea, #register_account select, .field-2x select {
    border: 1px solid #d0cece;
    border-radius: 5px;
    color: #333333;
    display: block;
    padding: 0 15px 0 40px;
    width: 100%;
    height: 46px;
    line-height: 44px;
}
#register_account select, .field-2x select {
    height: 34px;
    line-height: 34px;
}
.cart-customer-information .field textarea {
    resize: none;
    height: auto;
}
.cart-customer-information .field input[type=submit] {
    background-color: #003874;
    color: #fff;
    padding: 0 15px;
    text-align: center;
}
.cart-customer-information .field input[type=submit]:hover, .cart-customer-information .field input[type=submit]:focus {
    background-color: #f1f1f1;
}
.cart-customer-information .field i.fa-pa, #register_account i.fa-pa {
    color: #4b4647;
    width: 40px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    position: absolute;
    left: 10px;
    top: 7px;
}
.cart-customer-information .field a.f-back {
    color: #003874;
    font-size: 15px;
}
.cart-customer-information .field a.f-back:hover {
    color: #f1f1f1;
    text-decoration: underline;
}
.cart-customer-information .field .show-error {
    color: #f70626;
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
    white-space: nowrap;
}
.form-cart tr td {
    border-bottom: 1px solid #dfdfdf;
    padding: 7px;
}
.form-cart tr td .money {
    white-space: nowrap;
}
.form-cart .img {
    border: 1px solid #d0cece;
    border-radius: 0px;
}
.form-cart .img {
    overflow: inherit;
    position: relative;
}
.form-cart .img .quantity {
    background-color: rgba(255, 77, 0, 0.9);
    border-radius: 50%;
    color: #fff;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0 5px;
    white-space: nowrap;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
}
.form-cart tr.c-count td {
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 5px;
}
.form-cart tr.c-shipping td {
    padding-top: 5px;
    padding-bottom: 20px;
}
.form-cart tr.c-total td {
    padding-top: 20px;
    border-bottom: none;
    font-size: 16px;
    line-height: 22px;
}
.form-cart tr.c-total td.total {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}
.c-pay-select {
    margin: 20px 0 30px;
}
.c-pay-select .c-opt {
    border: solid #d0cece;
    border-width: 1px 1px 0 1px;
    color: #333333;
}
.c-pay-select .c-opt .c-opt-radio {
    cursor: pointer;
    display: block;
    padding: 17px 20px;
}
.c-pay-select .c-opt:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.c-pay-select .c-opt:last-child {
    border-bottom-width: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.c-pay-select .c-opt label, .c-pay-select .c-opt span {
    display: table-cell;
    vertical-align: middle;
}
.c-pay-select .c-opt span.sp-text {
    font-size: 15px;
    width: 100%;
    padding-left: 12px;
}
.c-pay-select .c-opt span.sp-sub {
    white-space: nowrap;
    padding-left: 25px;
}
.c-pay-select .c-opt input[type=radio], .c-pay-select .c-opt input[type=checkbox] {
    display: none !important;
}
.c-pay-select .c-opt label.input-radio span.sp-bn, .c-pay-select .c-opt label.input-checkbox span.sp-bn {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}
.c-pay-select .c-opt label.input-radio>span.sp-bn, .c-pay-select .c-opt label.input-checkbox>span.sp-bn {
    background-color: #fff;
    border: 1px solid #d0cece;
    display: block;
    width: 20px;
    height: 20px;
}
.c-pay-select .c-opt label.input-radio>span.sp-bn {
    border-radius: 50%;
}
.c-pay-select .c-opt input[type=radio]:checked~label.input-radio>span.sp-bn, .c-pay-select .c-opt input[type=checkbox]:checked~label.input-checkbox>span.sp-bn {
    border: 8px solid #003874;
}
.c-pay-select .c-opt .c-des {
    background-color: #f4f4f4;
    padding: 15px 25px;
    font-size: 14px;
    line-height: 22px;
}
.c-pay-select .c-hidden {
    display: none;
}
.box-btn {
    text-align: center;
}
.show-cart input[type=button], .show-cart input[type=submit] {
    margin-right: 20px !important;
    padding: 8px 15px;
    font-size: 15px;
}
.btn-booking-maket {
    background: #f1f1f1 !important;
}
.btn-booking-maket:hover {
    background: #003874 !important;
}
.icon_xh ul li img:hover {
    -ms-animation: flash 0.3s 1;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: flash;
    -webkit-animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
}
.sanphamsearch {
    margin-bottom: 20px;
}
.thongtindk {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 206px;
    display: none;
}
.thongtindk>h3 {
    font-weight: 600;
    font-size: 18px;
    margin-top: 17px;
    margin-bottom: 10px;
    color: #53A250;
}
.thongtincung {
    font-weight: 400;
    padding: 12px 5px 10px 5px;
    line-height: 20px;
}
.diachisodienthoai>p {
    color: #fff;
    line-height: 30px;
}
.resulttk a {
    color: #000;
}
.resulttk a:hover {
    color: #000;
}
.chitietsanphamchih p {
    text-align: justify;
}
.motasp {
    text-align: justify;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    line-height: 26px;
    text-align: left;
}
.chuahinhspcat {
    text-align: center;
}
.thucphamcn1 {
    border-bottom: 1px solid #555;
}
.myphamcc1 {
    border-bottom: 1px solid #555;
}
.dodungte1 {
    border-bottom: 1px solid #555;
}
.suahanquoc1 {
    border-bottom: 1px solid #555;
}
.suanhatnd1 {
    border-bottom: 1px solid #555;
}
.hoapro>.licaphai {
    display: block;
}
.trumsanphamtk {
    padding: 0px;
}
.sanphamsearch {
    padding: 0px;
}
.heightengach {
    height: 40px;
}
.heightengach1 {
    height: 40px;
}
.heightengach2 {
    height: 40px;
}
.heightengach3 {
    height: 40px;
}
.heightengach4 {
    height: 40px;
}
.ndctthtoan {
    display: inline-block;
}
.ndcttratruoc {
    display: inline-block;
}
.tenthanhtoan {
    font-size: 19px;
    color: green;
    margin-bottom: 10px;
}
.noidungthemsau {
    margin-bottom: 10px;
}
.noidungthemsau input {
    margin-right: 10px;
}
.noidungthemsau1 {
    margin-bottom: 10px;
}
.noidungthemsau1 input {
    margin-right: 10px;
}
.thongtinchuyenkhoan {
    margin-left: 25px;
    display: none;
    margin-bottom: 30px;
}
.thongtinchuyenkhoan1 {
    font-weight: 600;
}
.divbadanhmuc {
    width: 22%;
}
.divchinhsanpham {
    width: 78%;
}
.chititt {
    width: 78%;
}
.dvrps {
    width: 22%;
}
.dvrps1 {
    width: 78%;
}
.dmucsanpham {
    width: 22%;
}
.newhb {
    position: relative;
}
.newhb:before {
    content: "";
    height: 1px;
    background: #fff;
    left: -75px;
    position: absolute;
    width: 60px;
    top: 20px;
}
.newhb:after {
    content: "";
    height: 1px;
    background: #fff;
    right: 105px;
    position: absolute;
    width: 60px;
    top: 20px;
}
/*.new {
    top: -20px;
    width: 100%;
    position: absolute;
    text-align: center;
}
.newhb {
    color: #000;
    background: url('../images/nen.png') no-repeat;
    padding: 0px 20px;
    display: inline-block;
    background-size: cover;
}*/

.newhb {
    font-size: 36px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: left;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.chutrenslianh {
    padding: 0px;
    /*height: 1px;
    background: rgb(255, 255, 255);*/
    margin-top: 60px;
    z-index: 1;
    width: 35%;
    position: absolute;
    top: 0;
    left: 457px;
}
.chutrenslianha {
    padding: 0px;
    height: 1px;
    margin-top: 110px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 250px;
    width: 55%;
}
.tenctyab {
    font-size: 68px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
}
.tenctyabc {
    font-size: 43px;
    color: #fcf155;
    letter-spacing: 0;
    text-align: center;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    margin-top: 20px;
}
.chutrenslislug {
    padding: 0px;
    height: 1px;
    margin-top: 150px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 250px;
    width: 55%;
}
.tenslugcats {
    font-size: 68px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.table_info_right .panel-heading {
    padding: 0px;
    border: none;
}
.table_info_right .panel.with-nav-tabs.panel-default {
    border: none;
}
.table_info_right .nav.nav-tabs>li {
    padding: 0px 0px 0px 0px;
    border: 1px solid #d8d8d8;
}
.table_info_right .nav.nav-tabs>li>a {
    padding: 10px 20px 7px 20px;
    border-radius: 0px;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    text-align: left;
}
.table_info_right .panel-heading {
    background: none;
}
.table_info_right .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #333;
    background: #D8D8D8;
    outline: 0;
}
.nav-tabs>li {
    margin-right: 5px;
}
.nav-tabs>li>a {
    margin-right: 0px;
}
.table_info_right .list_info {
    list-style-type: none;
}
.nav-tabs {
    border-bottom: none;
}
.table_info_right .title_table_info {
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 3px;
}
.table_info_right .price_table_info {
    font-weight: 600;
    color: #FA3242;
}
.panel-body {
    border: 1px solid #d8d8d8;
}
.panel {
    background: none;
}
.bdduoi {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.lienhegia {
    font-weight: 700;
}
.tumtrendf {
    padding: 0px 15px;
}
.divtendmdpham {
    width: 48%;
    display: inline-block;
}
.tumtrendf .line h2 {
    width: 67%;
}
.divsapxepd {
    width: 33%;
    display: inline-block;
    text-align: right;
    padding-top: 3px;
}
.divsapxepd>p {
    display: inline-block;
}
.show-pro h2 {
    width: 100%;
}
.tenxsp {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    padding-right: 10px;
    text-align: left;
}
.thutumad a {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    text-align: left;
}
.thutumad>a>i {
    color: #333;
}
.fa-list-ul {
    padding: 5px;
}
.fa-list-ul:hover {
    background: #333;
    color: #fff;
}
.fa-th {
    padding: 5px;
}
.fa-th:hover {
    background: #333;
    color: #fff;
}
.fa-sort-alpha-asc {
    padding: 5px;
}
.fa-sort-desc {
    padding: 5px;
    margin-top: -18px;
    vertical-align: -webkit-baseline-middle;
}
.acitvehoa {
    background: #333;
    color: #fff;
}
.acitvehoa>i {
    background: #333;
    color: #fff !important;
    font-size: 16px;
}
.thutumad>select {
    margin-right: 12px;
    cursor: pointer;
    padding: 5px;
}
.btn-login {
    color: #f4f4f4;
    background: #1abc9c;
    font-weight: bold;
    margin-left: 5px;
    border: solid 0 #e3edf4;
    border-radius: 4px;
    /*padding: 10px 25px 10px 25px;*/
}
.btn-login:hover {
    background-color: #ffd505;
    border-color: #a78b04;
}
.modal-location {
    display: block!important;
    z-index: 99999999999999999999;
    background-color: #000000a6;
}
.modal-location .modal-dialog {
    width: 600px;
    margin: 10% auto;
}
.modal-location .modal-header {
    border-bottom: 1px solid #e5e5e5;
}
.modal-location .modal-header .modal-title {
    text-transform: uppercase;
}
.user-ctv .dropdown-toggle {
    color: #fff;
    font-weight: bold;
}
.user-ctv .img-user-ctv {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-left: 10px;
}
.user-ctv .dropdown-menu {
    right: 0;
}
.user-ctv .dropdown-menu .dropdown-item {
    display: block;
    padding: 10px 15px;
    font-size: 1.8rem;
    border-bottom: 2px solid #f1f1f1;
    font-family: 'Roboto';
}
.user-ctv .dropdown-menu .name-user-ctv {
    display: block;
    padding: 10px 15px;
    border-bottom: 2px solid #9d9d9d;
    font-weight: bold;
    font-family: 'Roboto';
    font-size: 2rem;
}
.header .show-location {
    float: right;
    width: auto;
    padding: 16px 0;
}
.header .show-location select {
    margin-top: 10px;
}
.header .shop-cart-user-guest {
    margin: 20px 0;
}
.header .show-location-user-guest {
    float: left;
    margin-left: 15px;
}
/* đăng nhập - đăng ký*/

.tab {
    list-style-type: none;
}
.tab li {
    float: left;
}
.tab li a {
    padding: 15px 20px;
    border: #cecece;
    background: #f1f1f1;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.tab li.active a {
    background: #f59e2e;
}
#tab1, #tab2 {
    display: none;
}
.modal-header {
    border-bottom: none;
}
.text-forgot-pw {
    color: #003874;
    font-weight: 500;
    font-style: italic;
    text-decoration: underline;
    text-align: right;
}
.text-forgot-pw a {
    color: #003874;
}
.btn-auth {
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #f59e2e;
    color: #ffffff;
}
/* End :đăng nhập - đăng ký*/

.column-inner {
    background-image: linear-gradient(#356292, #2ad8bd);
    padding: 20px;
}
.column-inner:hover {
    background-color: #003874;
}
.column-inner-child {
    padding: 40px 18px;
    height: 100%;
    text-align: center;
    border: 2px solid #fff;
}
.column-inner-child .banner_title {
    color: #fff;
    padding: 0;
    margin: 0;
    font-weight: 900;
    font-size: 32px;
    line-height: 1.391em;
}
.banner_subtitle {
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5em;
    min-height: 75px;
}
.shortcode_banner_simple {
    margin: 5px auto;
    background-color: #fff;
    width: 20%;
    height: 2px;
    background: #fff;
}
.intro-home {
    /*padding: 60px 70px 36px;*/
}
.intro-home .entry-title {
    color: #000000;
    margin-bottom: 20px;
    font-size: 30px;
}
.intro-home .entry-content {
    line-height: 1.7;
    | position: absolute;
    width: 100%;
    height: 100% !important;
    left: 0;
    top: 0;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 35px;
    border: 2px dashed rgb(53 101 147) !important;
}
.intro-home .thrv_contentbox_shortcode {
    padding: 20px;
    position: relative;
    box-sizing: border-box;
    min-height: 10px;
    max-width: 985px;
    float: none;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px;
    margin-bottom: 20px;
}
.intro-home .thrv_wrapper {
    text-align: center;
}
.intro-home .thrv_wrapper.thrv-divider {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 0 10px;
    border: 0px;
    font-size: 30px;
    line-height: 15px;
    vertical-align: baseline;
    float: none;
    box-sizing: border-box;
    color: rgb(169, 169, 169);
}
.intro-home .thrv_wrapper.thrv_text_element.tve-u {
    margin-right: 0px;
    margin-left: 0px;
    margin: 0 auto;
    padding: 1px;
    border: 0px;
    font-size: 19px;
    vertical-align: baseline;
    float: none;
    max-width: 710px;
    box-sizing: border-box;
    color: rgb(1, 34, 67);
}
.intro-home .thrv_wrapper.thrv-button.thrv-button-v2.tcb-local-vars-root {
    margin-bottom: 25px;
}
.title-mobile-home {
    display: none;
}
.tve-u-17140d77805 {
    margin: 24px 0px; 
    border: 0px; 
    vertical-align: baseline; 
    clear: both; font-weight: 700;
    text-align: center; 
    font-size: 46px; 
    color: rgb(255, 40, 60) !important;
    line-height: 42px !important; 
    --tcb-applied-color: rgb(255, 40, 60)  !important;
}
.tve-u-17140dc15aa {
   margin-right: 0px; margin-left: 0px; border: 0px; vertical-align: baseline; color: rgb(0, 0, 0) !important;
}
.tve-u-17140dc471b {
    margin-right: 0px; margin-left: 0px; border: 0px; vertical-align: baseline; color: rgb(0, 0, 0) !important;
}
.tve-u-17140db3ad4 {
    margin: 24px 0px;
    border: 0px;
    vertical-align: baseline;
    clear: both;
    font-weight: 700;
    text-align: center;
    font-size: 32px;
    color: #346995 !important;
    line-height: 42px !important;
    --tcb-applied-color: #346995 !important;
}
.tve-u-1714105d54e {
    margin: 24px 0px;
    border: 0px;
    vertical-align: baseline;
    clear: both;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    font-size: 32px;
    color: rgb(234, 44, 62) !important;
    --tcb-applied-color: rgb(234, 44, 62) !important;
}
.tcb-styled-list {
    margin-left: 20px;
    border: 0px;
    vertical-align: baseline;
    list-style: none;
    line-height: 1.7;
    margin-right: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.thrv-styled-list-item.tve-u-171410a52b6 {
    margin-right: 0px;
    margin-left: 36px;
    border: 0px;
    vertical-align: baseline;
    display: flex;
    -webkit-box-pack: start;
    place-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    word-break: break-word;
}
.price.sales-price {
    text-decoration: line-through;
    opacity: 0.5;
}
.giaspha .sales {
    font-size: 22px;
    font-weight: 600;
}
.cost p.price {
    font-size: 18px;
    line-height: 14px;
    color: #434441;
    font-weight: 600;
}
.col-pro .bottom .sales {
    width: auto;
    float: right;
}   
.sales p.price {
    font-size: 18px;
    line-height: 14px;
    color: #434441;
    font-weight: 600;
}
.sales-price .price {
    text-decoration: line-through;
    opacity: 0.5;
}

/*
.button-copy-1 {
    width: 85%;
    float: left;
}
.button-copy-2 {
    width: 15%;
    float: left;
}
.button-copy-2 button{
    width: 100%;
}
*/
/*------------Responsive---------------*/

@media screen and (max-width: 1200px) {
    .header .item-tel {
        display: none;
    }
    .navigation>ul>li>a {
        padding: 0px;
    }
    .container {
        max-width: 1140px;
        width: 100%;
    }
}
@media screen and (max-width: 1199px) {
    .tumtrendf .line h2 {
        width: 50% !important;
    }
    .divsapxepd {
        width: 50% !important;
    }
}
@media screen and (max-width: 1024px) {
    .recevie .title-receive .noimg-receive {
        width: 84%;
    }
}
@media screen and (max-width: 991px) {
    .modal-location .modal-dialog {
        width: 80%;
        margin: 35% auto;
    }
}
@media screen and (max-width: 961px) {
    .box-banner {
        margin-top: -5px;
    }
    #wrapper {
        padding-top: 67px;
    }
    #hamburger {
        top: 15px !important;
        right: 10px !important;
    }
    .box-sidebar, .menu-home {
        display: none;
    }
    .header {
        display: none;
    }
    .header-sm {
        display: block;
        background-color: #f1f1f1;
    }
    .mm-listview>li>a {
        background-image: none !important;
    }
    .header .shop-cart {
        margin: 20px 0;
    }
    .line h2 {
        width: 80%;
    }
    .line .view-all {
        width: 20%;
    }
    .header .logo img {
        max-width: 90px;
        padding-top: 0;
    }
    .box-search {
        padding: 3px 0 0;
    }
    .header .shop-cart {
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .box-address .diviconxhq {
        display: none;
    }
}
@media screen and (max-width: 951px) {}
@media screen and (max-width: 941px) {}
@media screen and (max-width: 931px) {}
@media screen and (max-width: 901px) {}
@media screen and (max-width: 881px) {
    .find .frm-search input[type="text"] {
        width: 85%;
    }
}
@media screen and (max-width: 855px) {
    .form-order .img {
        max-width: 147px !important;
        padding: 10px;
    }
}
@media screen and (max-width: 841px) {
    .find .frm-search input[type="text"] {
        width: 75%;
    }
    .col-news .comment {
        height: 140px;
    }
    .star-bar {
        padding-top: 10px;
    }
    .danhgia {
        padding-top: 10px;
    }
    .form-order .img {
        width: 134px !important;
        padding: 10px;
    }
}
@media screen and (max-width: 810px) {
    .line h2 {
        width: 78%;
    }
    .line .view-all {
        width: 22%;
    }
}
@media screen and (max-width: 781px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {
    .box-ad {
        display: none;
    }
    .tumtrendf .line h2 {
        width: 40% !important;
    }
    .divsapxepd {
        width: 60% !important;
    }
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
      font-size: 16px!important;
    }
}
@media screen and (max-width: 760px) {}
@media screen and (max-width: 750px) {}
@media screen and (max-width: 736px) {
    .trumcpyring .cprigh, .divtongcuoi .chosilive {
        text-align: center;
        line-height: 25px;
    }
    .sanpham2 .noidungchitiet {
        padding-left: 30px !important;
    }
}
@media screen and (max-width: 732px) {
    .line h2 {
        width: 70%;
    }
    .line .view-all {
        width: 30%;
    }
}
@media screen and (max-width: 720px) {}
@media screen and (max-width: 667px) {}
@media screen and (max-width: 655px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 631px) {}
@media screen and (max-width: 625px) {}
@media screen and (max-width: 615px) {
    .tumtrendf .line h2 {
        width: 100% !important;
    }
    .divsapxepd {
        width: 100% !important;
    }
}
@media screen and (max-width: 591px) {
    .form-order {
        display: block;
        overflow-x: auto;
    }
}
@media screen and (max-width: 580px) {
    .tve-u-17140d77805 {
        font-size: 16px;
        margin: 5px 0px;
    }
    .tve-u-17140db3ad4 {
        margin: 15px 0px;
    }
    .tve-u-1714105d54e {
        margin: 24px 0px;
        border: 0px;
        vertical-align: baseline;
        clear: both;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
        font-size: 20px;
        padding: 0 10px;
        color: rgb(234, 44, 62) !important;
        --tcb-applied-color: rgb(234, 44, 62) !important;
    }
    .intro-home .thrv_wrapper.thrv_text_element.tve-u {
        padding: 0 18px;
    }
    .intro-home .thrv_wrapper.thrv-divider {
        font-size: 25px;
    }
    .tcb-styled-list {
        margin-left: 0;
    }
    .thrv-styled-list-item.tve-u-171410a52b6 {
        margin-left: 0px;
    }
    .tcb-styled-list-icon {
        line-height: 0!important;
        height: 0;!important;
    }
    .thrv-advanced-inline-text.tve_editable.tcb-styled-list-icon-text.tcb-no-delete.tcb-no-save{
        line-height: 1.5em!important;
        padding: 0 15px;

    }
    .ser_ship .comment h4 {
        text-align: center;
        padding-top: 10px;
    }
    .form-order tr td {
        line-height: 25px !important;
    }
    .intro-home .thrv_wrapper.thrv-button.thrv-button-v2.tcb-local-vars-root {
        margin-top: 25px;
    }
    .show-cart input[type=button], .show-cart input[type=submit] {
        padding: 8px 15px;
        font-size: 15px;
        margin: 5px 5px !important;
    }
    .form-order .img {
        width: 89px !important;
        padding: 10px;
    }
    .c-cart-left {
        width: 100%;
        padding-right: 0px;
    }
    .c-cart-right {
        width: 100%;
        padding-left: 0px;
    }
    .cart-customer-information .field {
        width: 100%;
    }
    .cart-customer-information .field-3 {
        width: 100%;
    }
    .cart-customer-information .field-2 {
        float: right;
    }
}
@media screen and (max-width: 568px) {}
@media screen and (max-width: 531px) {
    .sanpham2 .img-product {
        width: 100% !important;
    }
    .sanpham2 .noidungchitiet {
        width: 100% !important;
        margin-top: 20px;
        padding-left: 15px !important;
    }
}
@media screen and (max-width: 521px) {
    .header-sm .find {
        display: none;
    }
    .header-sm .cus-top {
        float: right !important;
        width: 45%;
        padding: 0;
    }
    .header .show-location select {
        margin-top: 5px;
    }
    .header-sm .user-session {
        width: 30%;
        padding: 12px 10px;
    }
    .header-sm .shop-cart {
        float: right;
        padding-right: 10px;
    }
    .breadcrumbs {
        position: relative;
    }
    .user--panel {
        overflow-y: scroll;
    }
    .user--panel table {
        width: 650px!important;
    }
}
@media screen and (max-width: 505px) {
    .line h2 {
        width: 65%;
    }
    .line .view-all {
        width: 35%;
    }
    .col-pro .bottom .cost {
        width: 100%;
        float: left;
    }
    .col-pro .bottom .view-pro {
        width: 100%;
        margin-top: 7px;
    }
}
@media screen and (max-width: 500px) {
    .header .logo img {
       max-width: 150px;
    }
    .main-content .box-adv {
        padding: 10px 0;
    }
    .box-adv .column-inner {
        padding: 5px;
        background-color: #4dbfc0;
    }
    .box-adv .column-inner .column-inner-child {
        padding: 5px;
    }
    .column-inner .column-inner-child .banner_title {
        font-size: 20px;
    }
    .column-inner .column-inner-child .banner_subtitle {
        min-height: 45px;
        font-size: 15px;
    }
    .title-mobile-home {
        text-align: center;
        color: red;
        font-weight: bold;
        font-size: 24px;
        line-height: 28px;
        display: block;
    }
}
@media screen and (max-width: 481px) {}
@media screen and (max-width: 466px) {
    .line h2 {
        font-size: 18px;
    }
    .line h2 span::after {
        bottom: 11px;
    }
    .line p.view-all a {
        padding: 6px 25px;
        font-size: 12px;
    }
    .line p.view-all a::before {
        top: 4px;
    }
}
@media screen and (max-width: 451px) {}
@media screen and (max-width: 441px) {
    .header .logo img {
       max-width: 150px;
        padding: 5px 0;
    }
}
@media screen and (max-width: 425px) {
    .register_mail input[type="submit"] {
        padding: 10px 0;
    }
    .recevie .title-receive .noimg-receive {
        width: 80%;
    }
}
@media screen and (max-width: 414px) {
    .table_info_right .nav.nav-tabs>li>a {
        padding: 10px 7px 7px 7px !important;
        font-size: 14px !important;
    }
}
@media screen and (max-width: 410px) {
    .col-pro, .col-news {
        width: 100%;
    }
    .col-news .comment {
        height: auto;
    }
    .divtonggiua .trumchuyenmuc, .divtonggiua .trumcskh {
        width: 100%;
        margin-bottom: 25px;
    }
    .col-pro .bottom .cost {
        width: auto;
        float: left;
    }
    .col-pro .bottom .view-pro {
        width: auto;
        margin-top: 0px;
    }
}
@media screen and (max-width: 407px) {
    .breadcrumbs {
        white-space: nowrap;
        overflow-x: auto;
    }
    .breadcrumbs a {
        line-height: 38px;
    }
}
@media screen and (max-width: 399px) {}
@media screen and (max-width: 395px) {}
@media screen and (max-width: 390px) {}
@media screen and (max-width: 375px) {
    .box-adv .col-xs-6 {
        width: 100% !important;
    }
    .box-adv .col-xs-6:first-child {
        margin-top: -15px;
    }
    .box-adv .col-xs-6:last-child {
        padding-top: 15px;
    }
}
@media screen and (max-width: 360px) {
    .form-sm {
        width: 100%;
    }
}
@media screen and (max-width: 370px) {
    .line .view-all {
        display: none;
    }
    .line h2 {
        width: 100%;
    }
}
@media screen and (max-width: 355px) {
    .title-receive .img-receive img {
        max-width: 52px;
    }
    .recevie .title-receive .noimg-receive h4 {
        font-size: 16px;
    }
    .recevie .title-receive .noimg-receive p {
        font-size: 14px;
        color: #346995;
    }
    .register_mail input[type="submit"] {
        font-size: 14px;
    }
}
@media screen and (max-width: 331px) {
    .header-sm .cus-top {
        float: right !important;
        width: 70%;
    }
    .table_info_right .nav.nav-tabs>li>a {
        padding: 10px 5px 7px 5px !important;
        font-size: 13px !important;
    }
}