.mfp-title,
body,
pre {
    word-wrap: break-word;
}
.align-center,
.fa-fw,
.fa-li,
.kang-form-order .client-fill,
.mfp-container {
    text-align: center;
}
.flexslider .slides > li,
.mfp-wrap {
    -webkit-backface-visibility: hidden;
}

body,
html {
    min-width: 100%;
}
body,
pre {
    line-height: 1.4;
}
#orders .head,
body {
    background: #f5f5f5;
}
.glyphicon,
body {
    -webkit-font-smoothing: antialiased;
}
table,
table#customers {
    border-collapse: collapse;
}
.fa,
.glyphicon,
[class*=" ti-"],
[class^="ti-"] {
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: FontAwesome;
    src: url(fonts/fontawesome-webfont.eot?v=4.2.0);
    src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff?v=4.2.0) format("woff"), url(fonts/fontawesome-webfont.ttf?v=4.2.0) format("truetype"),
        url(fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-stack,
.header-info .text .l a,
.mfp-container:before,
.mfp-content,
table td,
table th {
    vertical-align: middle;
}
.fa-2x,
.fa-stack-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-fw {
    width: 1.28571429em;
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.footerBar button,
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.fa.pull-left {
    margin-right: 0.3em;
}
.fa.pull-right {
    margin-left: 0.3em;
}
.fa-spin {
    -webkit-animation: 2s linear infinite fa-spin;
    animation: 2s linear infinite fa-spin;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-inverse,
.info .info-hotline a,
.mfp-preloader a:hover,
cite,
footer * {
    
}
.fa-glass:before {
    content: "\f000";
}
.fa-music:before {
    content: "\f001";
}
.fa-search:before,
.flex-direction-nav a.flex-next:before {
    content: "\f002";
}
.fa-envelope-o:before,
.flex-pauseplay a.flex-play:before {
    content: "\f003";
}
.fa-heart:before {
    content: "\f004";
}
.fa-star:before {
    content: "\f005";
}
.fa-star-o:before {
    content: "\f006";
}
.fa-user:before {
    content: "\f007";
}
.fa-film:before {
    content: "\f008";
}
.fa-th-large:before {
    content: "\f009";
}
.fa-th:before {
    content: "\f00a";
}
.fa-th-list:before {
    content: "\f00b";
}
.fa-check:before {
    content: "\f00c";
}
.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d";
}
.fa-search-plus:before {
    content: "\f00e";
}
.fa-search-minus:before {
    content: "\f010";
}
.fa-power-off:before {
    content: "\f011";
}
.fa-signal:before {
    content: "\f012";
}
.fa-cog:before,
.fa-gear:before {
    content: "\f013";
}
.fa-trash-o:before {
    content: "\f014";
}
.fa-home:before {
    content: "\f015";
}
.fa-file-o:before {
    content: "\f016";
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-road:before {
    content: "\f018";
}
.fa-download:before {
    content: "\f019";
}
.fa-arrow-circle-o-down:before {
    content: "\f01a";
}
.fa-arrow-circle-o-up:before {
    content: "\f01b";
}
.fa-inbox:before {
    content: "\f01c";
}
.fa-play-circle-o:before {
    content: "\f01d";
}
.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e";
}
.fa-refresh:before {
    content: "\f021";
}
.fa-list-alt:before {
    content: "\f022";
}
.fa-lock:before {
    content: "\f023";
}
.fa-flag:before {
    content: "\f024";
}
.fa-headphones:before {
    content: "\f025";
}
.fa-volume-off:before {
    content: "\f026";
}
.fa-volume-down:before {
    content: "\f027";
}
.fa-volume-up:before {
    content: "\f028";
}
.fa-qrcode:before {
    content: "\f029";
}
.fa-barcode:before {
    content: "\f02a";
}
.fa-tag:before {
    content: "\f02b";
}
.fa-tags:before {
    content: "\f02c";
}
.fa-book:before {
    content: "\f02d";
}
.fa-bookmark:before {
    content: "\f02e";
}
.fa-print:before {
    content: "\f02f";
}
.fa-camera:before {
    content: "\f030";
}
.fa-font:before {
    content: "\f031";
}
.fa-bold:before {
    content: "\f032";
}
.fa-italic:before {
    content: "\f033";
}
.fa-text-height:before {
    content: "\f034";
}
.fa-text-width:before {
    content: "\f035";
}
.fa-align-left:before {
    content: "\f036";
}
.fa-align-center:before {
    content: "\f037";
}
.fa-align-right:before {
    content: "\f038";
}
.fa-align-justify:before {
    content: "\f039";
}
.fa-list:before {
    content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}
.fa-indent:before {
    content: "\f03c";
}
.fa-video-camera:before {
    content: "\f03d";
}
.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e";
}
.fa-pencil:before {
    content: "\f040";
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-adjust:before {
    content: "\f042";
}
.fa-tint:before {
    content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}
.fa-share-square-o:before {
    content: "\f045";
}
.fa-check-square-o:before {
    content: "\f046";
}
.fa-arrows:before {
    content: "\f047";
}
.fa-step-backward:before {
    content: "\f048";
}
.fa-fast-backward:before {
    content: "\f049";
}
.fa-backward:before {
    content: "\f04a";
}
.fa-play:before {
    content: "\f04b";
}
.fa-pause:before {
    content: "\f04c";
}
.fa-stop:before {
    content: "\f04d";
}
.fa-forward:before {
    content: "\f04e";
}
.fa-fast-forward:before {
    content: "\f050";
}
.fa-step-forward:before {
    content: "\f051";
}
.fa-eject:before {
    content: "\f052";
}
.fa-chevron-left:before {
    content: "\f053";
}
.fa-chevron-right:before {
    content: "\f054";
}
.fa-plus-circle:before {
    content: "\f055";
}
.fa-minus-circle:before {
    content: "\f056";
}
.fa-times-circle:before {
    content: "\f057";
}
.fa-check-circle:before {
    content: "\f058";
}
.fa-question-circle:before {
    content: "\f059";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-crosshairs:before {
    content: "\f05b";
}
.fa-times-circle-o:before {
    content: "\f05c";
}
.fa-check-circle-o:before {
    content: "\f05d";
}
.fa-ban:before {
    content: "\f05e";
}
.fa-arrow-left:before {
    content: "\f060";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-arrow-down:before {
    content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}
.fa-expand:before {
    content: "\f065";
}
.fa-compress:before {
    content: "\f066";
}
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
    content: "\f068";
}
.fa-asterisk:before {
    content: "\f069";
}
.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-gift:before {
    content: "\f06b";
}
.fa-leaf:before {
    content: "\f06c";
}
.fa-fire:before {
    content: "\f06d";
}
.fa-eye:before {
    content: "\f06e";
}
.fa-eye-slash:before {
    content: "\f070";
}
.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071";
}
.fa-plane:before {
    content: "\f072";
}
.fa-calendar:before {
    content: "\f073";
}
.fa-random:before {
    content: "\f074";
}
.fa-comment:before {
    content: "\f075";
}
.fa-magnet:before {
    content: "\f076";
}
.fa-chevron-up:before {
    content: "\f077";
}
.fa-chevron-down:before {
    content: "\f078";
}
.fa-retweet:before {
    content: "\f079";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-folder:before {
    content: "\f07b";
}
.fa-folder-open:before {
    content: "\f07c";
}
.fa-arrows-v:before {
    content: "\f07d";
}
.fa-arrows-h:before {
    content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-facebook-square:before {
    content: "\f082";
}
.fa-camera-retro:before {
    content: "\f083";
}
.fa-key:before {
    content: "\f084";
}
.fa-cogs:before,
.fa-gears:before {
    content: "\f085";
}
.fa-comments:before {
    content: "\f086";
}
.fa-thumbs-o-up:before {
    content: "\f087";
}
.fa-thumbs-o-down:before {
    content: "\f088";
}
.fa-star-half:before {
    content: "\f089";
}
.fa-heart-o:before {
    content: "\f08a";
}
.fa-sign-out:before {
    content: "\f08b";
}
.fa-linkedin-square:before {
    content: "\f08c";
}
.fa-thumb-tack:before {
    content: "\f08d";
}
.fa-external-link:before {
    content: "\f08e";
}
.fa-sign-in:before {
    content: "\f090";
}
.fa-trophy:before {
    content: "\f091";
}
.fa-github-square:before {
    content: "\f092";
}
.fa-upload:before {
    content: "\f093";
}
.fa-lemon-o:before {
    content: "\f094";
}
.fa-phone:before {
    content: "\f095";
}
.fa-square-o:before {
    content: "\f096";
}
.fa-bookmark-o:before {
    content: "\f097";
}
.fa-phone-square:before {
    content: "\f098";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-facebook:before {
    content: "\f09a";
}
.fa-github:before {
    content: "\f09b";
}
.fa-unlock:before {
    content: "\f09c";
}
.fa-credit-card:before {
    content: "\f09d";
}
.fa-rss:before {
    content: "\f09e";
}
.fa-hdd-o:before {
    content: "\f0a0";
}
.fa-bullhorn:before {
    content: "\f0a1";
}
.fa-bell:before {
    content: "\f0f3";
}
.fa-certificate:before {
    content: "\f0a3";
}
.fa-hand-o-right:before {
    content: "\f0a4";
}
.fa-hand-o-left:before {
    content: "\f0a5";
}
.fa-hand-o-up:before {
    content: "\f0a6";
}
.fa-hand-o-down:before {
    content: "\f0a7";
}
.fa-arrow-circle-left:before {
    content: "\f0a8";
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.fa-arrow-circle-up:before {
    content: "\f0aa";
}
.fa-arrow-circle-down:before {
    content: "\f0ab";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-wrench:before {
    content: "\f0ad";
}
.fa-tasks:before {
    content: "\f0ae";
}
.fa-filter:before {
    content: "\f0b0";
}
.fa-briefcase:before {
    content: "\f0b1";
}
.fa-arrows-alt:before {
    content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}
.fa-cloud:before {
    content: "\f0c2";
}
.fa-flask:before {
    content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}
.fa-paperclip:before {
    content: "\f0c6";
}
.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7";
}
.fa-square:before {
    content: "\f0c8";
}
.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9";
}
.fa-bag-shopping:before,
.fa-shopping-bag:before {
  content: "\f290";
}

.fa-list-ul:before {
    content: "\f0ca";
}
.fa-list-ol:before {
    content: "\f0cb";
}
.fa-strikethrough:before {
    content: "\f0cc";
}
.fa-underline:before {
    content: "\f0cd";
}
.fa-table:before {
    content: "\f0ce";
}
.fa-magic:before {
    content: "\f0d0";
}
.fa-truck:before {
    content: "\f0d1";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-pinterest-square:before {
    content: "\f0d3";
}
.fa-google-plus-square:before {
    content: "\f0d4";
}
.fa-google-plus:before {
    content: "\f0d5";
}
.fa-money:before {
    content: "\f0d6";
}
.fa-caret-down:before {
    content: "\f0d7";
}
.fa-caret-up:before {
    content: "\f0d8";
}
.fa-caret-left:before {
    content: "\f0d9";
}
.fa-caret-right:before {
    content: "\f0da";
}
.fa-columns:before {
    content: "\f0db";
}
.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc";
}
.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd";
}
.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-linkedin:before {
    content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}
.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}
.fa-comment-o:before {
    content: "\f0e5";
}
.fa-comments-o:before {
    content: "\f0e6";
}
.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7";
}
.fa-sitemap:before {
    content: "\f0e8";
}
.fa-umbrella:before {
    content: "\f0e9";
}
.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea";
}
.fa-lightbulb-o:before {
    content: "\f0eb";
}
.fa-exchange:before {
    content: "\f0ec";
}
.fa-cloud-download:before {
    content: "\f0ed";
}
.fa-cloud-upload:before {
    content: "\f0ee";
}
.fa-user-md:before {
    content: "\f0f0";
}
.fa-stethoscope:before {
    content: "\f0f1";
}
.fa-suitcase:before {
    content: "\f0f2";
}
.fa-bell-o:before {
    content: "\f0a2";
}
.fa-coffee:before {
    content: "\f0f4";
}
.fa-cutlery:before {
    content: "\f0f5";
}
.fa-file-text-o:before {
    content: "\f0f6";
}
.fa-building-o:before {
    content: "\f0f7";
}
.fa-hospital-o:before {
    content: "\f0f8";
}
.fa-ambulance:before {
    content: "\f0f9";
}
.fa-medkit:before {
    content: "\f0fa";
}
.fa-fighter-jet:before {
    content: "\f0fb";
}
.fa-beer:before {
    content: "\f0fc";
}
.fa-h-square:before {
    content: "\f0fd";
}
.fa-plus-square:before {
    content: "\f0fe";
}
.fa-angle-double-left:before {
    content: "\f100";
}
.fa-angle-double-right:before {
    content: "\f101";
}
.fa-angle-double-up:before {
    content: "\f102";
}
.fa-angle-double-down:before {
    content: "\f103";
}
.fa-angle-left:before {
    content: "\f104";
}
.fa-angle-right:before {
    content: "\f105";
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-angle-down:before {
    content: "\f107";
}
.fa-desktop:before {
    content: "\f108";
}
.fa-laptop:before {
    content: "\f109";
}
.fa-tablet:before {
    content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}
.fa-circle-o:before {
    content: "\f10c";
}
.fa-quote-left:before {
    content: "\f10d";
}
.fa-quote-right:before {
    content: "\f10e";
}
.fa-spinner:before {
    content: "\f110";
}
.fa-circle:before {
    content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}
.fa-github-alt:before {
    content: "\f113";
}
.fa-folder-o:before {
    content: "\f114";
}
.fa-folder-open-o:before {
    content: "\f115";
}
.fa-smile-o:before {
    content: "\f118";
}
.fa-frown-o:before {
    content: "\f119";
}
.fa-meh-o:before {
    content: "\f11a";
}
.fa-gamepad:before {
    content: "\f11b";
}
.fa-keyboard-o:before {
    content: "\f11c";
}
.fa-flag-o:before {
    content: "\f11d";
}
.fa-flag-checkered:before {
    content: "\f11e";
}
.fa-terminal:before {
    content: "\f120";
}
.fa-code:before {
    content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}
.fa-location-arrow:before {
    content: "\f124";
}
.fa-crop:before {
    content: "\f125";
}
.fa-code-fork:before {
    content: "\f126";
}
.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127";
}
.fa-question:before {
    content: "\f128";
}
.fa-info:before {
    content: "\f129";
}
.fa-exclamation:before {
    content: "\f12a";
}
.fa-superscript:before {
    content: "\f12b";
}
.fa-subscript:before {
    content: "\f12c";
}
.fa-eraser:before {
    content: "\f12d";
}
.fa-puzzle-piece:before {
    content: "\f12e";
}
.fa-microphone:before {
    content: "\f130";
}
.fa-microphone-slash:before {
    content: "\f131";
}
.fa-shield:before {
    content: "\f132";
}
.fa-calendar-o:before {
    content: "\f133";
}
.fa-fire-extinguisher:before {
    content: "\f134";
}
.fa-rocket:before {
    content: "\f135";
}
.fa-maxcdn:before {
    content: "\f136";
}
.fa-chevron-circle-left:before {
    content: "\f137";
}
.fa-chevron-circle-right:before {
    content: "\f138";
}
.fa-chevron-circle-up:before {
    content: "\f139";
}
.fa-chevron-circle-down:before {
    content: "\f13a";
}
.fa-html5:before {
    content: "\f13b";
}
.fa-css3:before {
    content: "\f13c";
}
.fa-anchor:before {
    content: "\f13d";
}
.fa-unlock-alt:before {
    content: "\f13e";
}
.fa-bullseye:before {
    content: "\f140";
}
.fa-ellipsis-h:before {
    content: "\f141";
}
.fa-ellipsis-v:before {
    content: "\f142";
}
.fa-rss-square:before {
    content: "\f143";
}
.fa-play-circle:before {
    content: "\f144";
}
.fa-ticket:before {
    content: "\f145";
}
.fa-minus-square:before {
    content: "\f146";
}
.fa-minus-square-o:before {
    content: "\f147";
}
.fa-level-up:before {
    content: "\f148";
}
.fa-level-down:before {
    content: "\f149";
}
.fa-check-square:before {
    content: "\f14a";
}
.fa-pencil-square:before {
    content: "\f14b";
}
.fa-external-link-square:before {
    content: "\f14c";
}
.fa-share-square:before {
    content: "\f14d";
}
.fa-compass:before {
    content: "\f14e";
}
.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150";
}
.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151";
}
.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152";
}
.fa-eur:before,
.fa-euro:before {
    content: "\f153";
}
.fa-gbp:before {
    content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}
.fa-inr:before,
.fa-rupee:before {
    content: "\f156";
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157";
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158";
}
.fa-krw:before,
.fa-won:before {
    content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}
.fa-file:before {
    content: "\f15b";
}
.fa-file-text:before {
    content: "\f15c";
}
.fa-sort-alpha-asc:before {
    content: "\f15d";
}
.fa-sort-alpha-desc:before {
    content: "\f15e";
}
.fa-sort-amount-asc:before {
    content: "\f160";
}
.fa-sort-amount-desc:before {
    content: "\f161";
}
.fa-sort-numeric-asc:before {
    content: "\f162";
}
.fa-sort-numeric-desc:before {
    content: "\f163";
}
.fa-thumbs-up:before {
    content: "\f164";
}
.fa-thumbs-down:before {
    content: "\f165";
}
.fa-youtube-square:before {
    content: "\f166";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-xing:before {
    content: "\f168";
}
.fa-xing-square:before {
    content: "\f169";
}
.fa-youtube-play:before {
    content: "\f16a";
}
.fa-dropbox:before {
    content: "\f16b";
}
.fa-stack-overflow:before {
    content: "\f16c";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-flickr:before {
    content: "\f16e";
}
.fa-adn:before {
    content: "\f170";
}
.fa-bitbucket:before {
    content: "\f171";
}
.fa-bitbucket-square:before {
    content: "\f172";
}
.fa-tumblr:before {
    content: "\f173";
}
.fa-tumblr-square:before {
    content: "\f174";
}
.fa-long-arrow-down:before {
    content: "\f175";
}
.fa-long-arrow-up:before {
    content: "\f176";
}
.fa-long-arrow-left:before {
    content: "\f177";
}
.fa-long-arrow-right:before {
    content: "\f178";
}
.fa-apple:before {
    content: "\f179";
}
.fa-windows:before {
    content: "\f17a";
}
.fa-android:before {
    content: "\f17b";
}
.fa-linux:before {
    content: "\f17c";
}
.fa-dribbble:before {
    content: "\f17d";
}
.fa-skype:before {
    content: "\f17e";
}
.fa-foursquare:before {
    content: "\f180";
}
.fa-trello:before {
    content: "\f181";
}
.fa-female:before {
    content: "\f182";
}
.fa-male:before {
    content: "\f183";
}
.fa-gittip:before {
    content: "\f184";
}
.fa-sun-o:before {
    content: "\f185";
}
.fa-moon-o:before {
    content: "\f186";
}
.fa-archive:before {
    content: "\f187";
}
.fa-bug:before {
    content: "\f188";
}
.fa-vk:before {
    content: "\f189";
}
.fa-weibo:before {
    content: "\f18a";
}
.fa-renren:before {
    content: "\f18b";
}
.fa-pagelines:before {
    content: "\f18c";
}
.fa-stack-exchange:before {
    content: "\f18d";
}
.fa-arrow-circle-o-right:before {
    content: "\f18e";
}
.fa-arrow-circle-o-left:before {
    content: "\f190";
}
.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191";
}
.fa-dot-circle-o:before {
    content: "\f192";
}
.fa-wheelchair:before {
    content: "\f193";
}
.fa-vimeo-square:before {
    content: "\f194";
}
.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195";
}
.fa-plus-square-o:before {
    content: "\f196";
}
.fa-space-shuttle:before {
    content: "\f197";
}
.fa-slack:before {
    content: "\f198";
}
.fa-envelope-square:before {
    content: "\f199";
}
.fa-wordpress:before {
    content: "\f19a";
}
.fa-openid:before {
    content: "\f19b";
}
.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c";
}
.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d";
}
.fa-yahoo:before {
    content: "\f19e";
}
.fa-google:before {
    content: "\f1a0";
}
.fa-reddit:before {
    content: "\f1a1";
}
.fa-reddit-square:before {
    content: "\f1a2";
}
.fa-stumbleupon-circle:before {
    content: "\f1a3";
}
.fa-stumbleupon:before {
    content: "\f1a4";
}
.fa-delicious:before {
    content: "\f1a5";
}
.fa-digg:before {
    content: "\f1a6";
}
.fa-pied-piper:before {
    content: "\f1a7";
}
.fa-pied-piper-alt:before {
    content: "\f1a8";
}
.fa-drupal:before {
    content: "\f1a9";
}
.fa-joomla:before {
    content: "\f1aa";
}
.fa-language:before {
    content: "\f1ab";
}
.fa-fax:before {
    content: "\f1ac";
}
.fa-building:before {
    content: "\f1ad";
}
.fa-child:before {
    content: "\f1ae";
}
.fa-paw:before {
    content: "\f1b0";
}
.fa-spoon:before {
    content: "\f1b1";
}
.fa-cube:before {
    content: "\f1b2";
}
.fa-cubes:before {
    content: "\f1b3";
}
.fa-behance:before {
    content: "\f1b4";
}
.fa-behance-square:before {
    content: "\f1b5";
}
.fa-steam:before {
    content: "\f1b6";
}
.fa-steam-square:before {
    content: "\f1b7";
}
.fa-recycle:before {
    content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}
.fa-tree:before {
    content: "\f1bb";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-deviantart:before {
    content: "\f1bd";
}
.fa-soundcloud:before {
    content: "\f1be";
}
.fa-database:before {
    content: "\f1c0";
}
.fa-file-pdf-o:before {
    content: "\f1c1";
}
.fa-file-word-o:before {
    content: "\f1c2";
}
.fa-file-excel-o:before {
    content: "\f1c3";
}
.fa-file-powerpoint-o:before {
    content: "\f1c4";
}
.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5";
}
.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6";
}
.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}
.fa-file-code-o:before {
    content: "\f1c9";
}
.fa-vine:before {
    content: "\f1ca";
}
.fa-codepen:before {
    content: "\f1cb";
}
.fa-jsfiddle:before {
    content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd";
}
.fa-circle-o-notch:before {
    content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}
.fa-empire:before,
.fa-ge:before {
    content: "\f1d1";
}
.fa-git-square:before {
    content: "\f1d2";
}
.fa-git:before {
    content: "\f1d3";
}
.fa-hacker-news:before {
    content: "\f1d4";
}
.fa-tencent-weibo:before {
    content: "\f1d5";
}
.fa-qq:before {
    content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}
.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8";
}
.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9";
}
.fa-history:before {
    content: "\f1da";
}
.fa-circle-thin:before {
    content: "\f1db";
}
.fa-header:before {
    content: "\f1dc";
}
.fa-paragraph:before {
    content: "\f1dd";
}
.fa-sliders:before {
    content: "\f1de";
}
.fa-share-alt:before {
    content: "\f1e0";
}
.fa-share-alt-square:before {
    content: "\f1e1";
}
.fa-bomb:before {
    content: "\f1e2";
}
.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3";
}
.fa-tty:before {
    content: "\f1e4";
}
.fa-binoculars:before {
    content: "\f1e5";
}
.fa-plug:before {
    content: "\f1e6";
}
.fa-slideshare:before {
    content: "\f1e7";
}
.fa-twitch:before {
    content: "\f1e8";
}
.fa-yelp:before {
    content: "\f1e9";
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-wifi:before {
    content: "\f1eb";
}
.fa-calculator:before {
    content: "\f1ec";
}
.fa-paypal:before {
    content: "\f1ed";
}
.fa-google-wallet:before {
    content: "\f1ee";
}
.fa-cc-visa:before {
    content: "\f1f0";
}
.fa-cc-mastercard:before {
    content: "\f1f1";
}
.fa-cc-discover:before {
    content: "\f1f2";
}
.fa-cc-amex:before {
    content: "\f1f3";
}
.fa-cc-paypal:before {
    content: "\f1f4";
}
.fa-cc-stripe:before {
    content: "\f1f5";
}
.fa-bell-slash:before {
    content: "\f1f6";
}
.fa-bell-slash-o:before {
    content: "\f1f7";
}
.fa-trash:before {
    content: "\f1f8";
}
.fa-copyright:before {
    content: "\f1f9";
}
.fa-at:before {
    content: "\f1fa";
}
.fa-eyedropper:before {
    content: "\f1fb";
}
.fa-paint-brush:before {
    content: "\f1fc";
}
.fa-birthday-cake:before {
    content: "\f1fd";
}
.fa-area-chart:before {
    content: "\f1fe";
}
.fa-pie-chart:before {
    content: "\f200";
}
.fa-line-chart:before {
    content: "\f201";
}
.fa-lastfm:before {
    content: "\f202";
}
.fa-lastfm-square:before {
    content: "\f203";
}
.fa-toggle-off:before {
    content: "\f204";
}
.fa-toggle-on:before {
    content: "\f205";
}
.fa-bicycle:before {
    content: "\f206";
}
.fa-bus:before {
    content: "\f207";
}
.fa-ioxhost:before {
    content: "\f208";
}
.fa-angellist:before {
    content: "\f209";
}
.fa-cc:before {
    content: "\f20a";
}
.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b";
}
.fa-meanpath:before {
    content: "\f20c";
}
.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: 0.8;
}
.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
}
.mfp-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
}
.flexslider .slides > li,
.giuseart-nav ul > li .chat_animation,
.header-center-title,
.mfp-align-top .mfp-container:before,
.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader,
.phone-mobile,
.widget_recent_entries ul li:before,
.widget_side_navigation ul > li ul > li:after,
.widget_side_navigation ul > li:last-child:after,
ul.menu-footer > li:first-child > a > i,
ul.nav-menu > li:first-child > a > span {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-close,
.mfp-preloader {
    text-align: center;
    position: absolute;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.altumcode-site,
.mfp-hide,
ul.menu-footer ul.sub-menu {
    display: none !important;
}
.mfp-preloader {
    color: #ccc;
    top: 50%;
    width: auto;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #ccc;
}
button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mfp-figure:after,
.mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    display: block;
    position: absolute;
    left: 0;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    right: 0;
    top: 0;
    text-decoration: none;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.flex-control-thumbs img:hover,
.flex-pauseplay a:hover,
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover,
.kang-overlay.fadeIn,
.mfp-arrow:focus,
.mfp-arrow:hover,
.mfp-close:focus,
.mfp-close:hover {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}
.mfp-figure,
img.mfp-img {
    line-height: 0;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent;
}
.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}
.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}
.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto;
}
.mfp-figure:after {
    content: "";
    top: 40px;
    bottom: 40px;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    background: #444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure,
.single-short .right-short .old_price,
button,
input,
optgroup,
select,
textarea,
ul.all-posts li > .detail-post > .content-excerpt p {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    padding-right: 36px;
}
#logo img,
.buy-s-p img,
.mfp-image-holder .mfp-content,
audio,
embed,
iframe,
object,
video {
    max-width: 100%;
}
.clickable,
.list-sort label,
.mfp-gallery .mfp-image-holder .mfp-figure,
.prod-item,
button,
input[type="button"],
input[type="checkbox"],
input[type="file"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
label,
select {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty,
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}
.mfp-ie7 .mfp-container,
.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
    outline: 0;
}
.flex-control-nav,
.flex-direction-nav,
.slides {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flexslider {
    padding: 0;
    margin: 0 0 10px;
   
    position: relative;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#loading-wait.sending,
.no-js .slides > li:first-child,
.widget_side_navigation ul > li:first-child:before,
html[xmlns] .slides,
ul.nav-menu ul.sub-menu > li > a {
    display: block;
}
* html .slides {
    height: 1%;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.list,
.loading .flex-viewport {
    max-height: 300px;
}
.flexslider .slides {
    zoom: 1;
}
.carousel li {
    margin-right: 5px;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.flex-direction-nav .flex-prev {
    left: -50px;
}
.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}
.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    cursor: default;
}
.flex-direction-nav a:before {
    font-family: flexslider-icon;
    font-size: 40px;
    line-height: 1;
    display: inline-block;
    content: "\f001";
}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}
.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: "\f004";
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: 0.7;
    cursor: pointer;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
ol,
ul {
    list-style: none;
    margin-bottom: 0;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}
body {
    font-family: Arial, sans-serif;
  
    color: #333;
}
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 700;
    margin: 0 0 10px;
}
.cart-fixed i,
h1 {
    font-size: 20px;
}
.block .expandcart .title,
.block .expandlogin .sociallogin,
h2 {
    font-size: 18px;
}
.btn,
.content-success *,
.kang-form-order .message-order-done *,
.widget_side_navigation ul > li ul > li > a,
h3,
h5.tieude,
h6 {
    font-size: 14px;
}
h4 {
    font-size: 16px;
}
body,
h5,
p.no-result {
    font-size: 15px;
}
p {
    margin: 0 0 5px;
}
a {
    color: #333;
    cursor: pointer;
}
a:hover {
    color: #ff6935;
    transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
}
a,
a:focus,
a:hover {
    text-decoration: none;
}
a:active,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0 !important;
}
img {
    max-width: 100%;
    display: block;
    height: auto;
}
li {
    line-height: 1.5;
}
input,
select,
textarea {
    color: #333;
    font-size: 13px;
    max-width: 100%;
}
code {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
pre {
    display: block;
    font-size: 14px;
    word-break: break-all;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0 0 30px;
    padding: 16px;
    letter-spacing: 0;
    color: inherit;
}
table,
table td,
table th {
    border: 1px solid #c5c5c5;
}
del {
    color: red;
}
ins {
    text-decoration: underline;
}
code,
kbd,
pre,
samp {
    font-family: Arial, sans-serif;
}
blockquote {
    padding-left: 30px;
    border: none;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: #ff6935;
    content: "";
    opacity: 0.4;
}
.wp-caption,
a.k-gototop {
    text-align: center;
    background: #fff;
}
blockquote p {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 16px;
}
blockquote cite,
blockquote em {
    font-size: 14px;
    color: #ff6935;
    font-style: normal;
    margin-left: 2%;
}
blockquote cite:before,
blockquote em:before {
    content: "\2014";
    margin-right: 6px;
}
table {
    width: 100%;
    margin: 0 0 20px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
table td,
table th {
    padding: 8px 12px;
    text-align: left;
}
.tagcloud a,
table th {
    border: 1px solid #ccc;
}
table th {
    font-weight: 700;
    background: #f1f1f1;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
.alignnone,
a img.alignnone {
    margin: 0 14px 14px 0;
}
.alignright,
a img.alignright {
    margin: 0 0 14px 14px;
    float: right;
}
.alignleft,
a img.alignleft {
    margin: 0 14px 14px 0;
    float: left;
}
.aligncenter,
a img.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
.wp-caption {
   
    max-width: 100%;
   
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 15px 0;
}
.wp-caption.alignright {
    margin: 5px 0 15px 20px;
}
.wp-caption img {
    border: 0;
    height: auto;
    margin: 0 0 4px;
    max-width: 100%;
    padding: 0;    
}

.gallery img {
    border: none !important;
}
.gallery-icon {
    padding: 0 10px;
}
.gallery-caption {
    padding-left: 10px;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.4;
}
.all-products > .k-product:nth-child(4n + 1),
.clear,
.clear:after,
.clearfix,
.format-status .entry-header:after,
.wrapper:after {
   
}
.clear:after,
.clear:before,
.format-status .entry-header:after,
.format-status .entry-header:before,
.wrapper:after,
.wrapper:before {
    display: table;
    content: "";
}
.widget-title {
    position: relative;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 400;
    background: #838383;
    color: #333;
    padding: 5px 10px;
}
#secondary > .widget,
.block .expandlogin .form-group p,
.im-product-in-market li:not(:last-child),
.k-cat-description,
header.site-header {
    margin-bottom: 15px;
}
#secondary .widget-title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 2px solid #eaeaea;
}
.widget select {
    width: 100%;
    outline: 0;
    border: 1px solid #e1e1e1;
    height: 34px;
    padding: 0 6px;
}

.k-product .thumbnail:hover,
.search-form input[type="submit"]:hover,
.widget_side_navigation ul > li.active,
.widget_side_navigation ul > li.current-menu-item:before {
    opacity: 0.8;
}
.tagcloud {
    overflow: hidden;
}
.tagcloud a {
    display: block;
    float: left;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    padding: 1px 5px;
    color: #ccc;
    font-size: 12px !important;
    margin: 0 5px 5px 0;
    text-decoration: none;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    white-space: nowrap;
}
.tagcloud a:hover {
    text-decoration: none;
    border-color: #ff6935;
    color: #ff6935;
}

.copyright a:hover,
.widget ul a:hover,
.widget_side_navigation ul > li.current-menu-item a {
    color: #ff6935;
}
.widget ul ul {
    margin-left: 20px;
}
.widget ul ul ul {
    margin-left: 40px;
}
.widget_recent_entries ul,
.widget_side_navigation ul > li ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_recent_entries ul li {
    padding: 10px 0;
}
.widget_recent_entries ul li:after {
    content: "";
    border-top: 1px dotted;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}
.widget_recent_entries ul li a {
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
}
.widget_recent_entries ul li a:hover,
.widget_side_navigation ul > li.active > a,
.widget_side_navigation ul > li.current-menu-item > a,
.widget_side_navigation ul > li > a:hover {
    color: #ff6935;
    text-decoration: none;
}
.widget_recent_entries .post-date {
    display: block;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
}
.widget_side_navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.widget_side_navigation ul > li {
    display: block;
    position: relative;
    padding: 7px 0 7px 18px;
}
.widget_side_navigation ul > li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px dotted;
    opacity: 0.4;
}
.widget_side_navigation ul > li:before {
    position: absolute;
    content: "";
    top: 19px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #ff6935;
    opacity: 0.55;
}
.widget_side_navigation ul > li a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
}
.widget_side_navigation ul > li ul > li {
    position: relative;
    padding: 3px 0 0 16px;
}
.widget_side_navigation ul > li ul > li:before {
    position: absolute;
    content: "";
    top: 18px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #000;
    opacity: 0.15;
}
a.k-gototop {
    width: 40px;
    height: 40px;
    position: fixed;
    cursor: pointer;
    color: #838383;
    line-height: 40px;
    right: 20px;
    bottom: 20px;
    border: 1px solid #dadada;
    display: none;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    font-size: 28px;
}
a.k-toogle-menu,
ul.nav-menu > li a {
    line-height: 1;
    text-transform: uppercase;
}
footer {
    background: linear-gradient(135deg, #388e3c 0%, #66bb6a 100%);
    
    box-shadow: 0 -2px 16px rgba(56, 142, 60, 0.08);
}
footer .textwidget ul li a {
    color: white;
}
footer .textwidget p {
    color: white;
}

/* Ngăn trình duyệt auto nhận diện số Ä‘iện thoại */
footer a[href^="tel"] {
    color: #fffde7 !important;
    text-decoration: none !important;
}

footer a[href^="tel"]:hover {
    color: #ffe082 !important;
    text-decoration: none !important;
}

/* Với trình duyệt Safari/iOS */
a[x-apple-data-detectors] {
    color: #fffde7 !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

nav.main-navigation {
    background: #009b49;
}
a.k-gototop:hover {
    background: #838383;
    color: #fff;
    border-color: #838383;
}
a.k-gototop i {
    position: absolute;
    left: 10px;
    bottom: 7px;
}
#main,
.container {
    width: 1160px;
    display: block;
    margin: 0 auto;
    clear: both;
    position: relative;
}
a.k-toogle-menu {
    padding: 8px 30px;
    width: 100%;
    border: 1px solid #bebebe;
    font-size: 18px;
    clear: both;
    margin: 0;
    color: #666;
    display: none;
}

.kct-sendmail,
a.k-toogle-menu i {
    margin-right: 10px;
}
.site-header > .container {
    display: table;
    min-height: 100px;
}
.header-right {
    text-align: right;
}

#primary,
.view-cart .cart-itm:nth-child(2n),
footer .fb_iframe_widget,
footer .fb_iframe_widget span,
ul.social-media li a {
    background: #fff;
}
ul.nav-menu {
    list-style: none;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
ul.nav-menu > li {
    display: inline-block;
    float: left;
}
ul.nav-menu > li:last-child {
    border-right: none;
}
ul.nav-menu > li a {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    padding: 13px 10px;
    white-space: nowrap;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
ul.nav-menu > li a:hover,
ul.nav-menu > li.current-menu-item > a,
ul.nav-menu > li:hover > a {
    background: #f79926;
}
ul.nav-menu > li:first-child > a > i {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
}
ul.nav-menu ul.sub-menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    z-index: 100;
    width: 200px;
    left: -1px;
}
ul.nav-menu ul.sub-menu ul {
    left: 200px;
    top: 0;
}
.order-failed.open-popup,
.order-success.open-popup,
ul.nav-menu li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
}
ul.nav-menu ul.sub-menu li a {
    display: block;
    background: #4f4f4f;
    padding: 10px 20px;
    font-size: 12px;
}
ul.nav-menu ul.sub-menu li a:hover {
    background: #343434;
}
.kang-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 5px;
}
.kang-video-container embed,
.kang-video-container iframe,
.kang-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.all-products,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.list-view-images,
.single-short {
    display: inline-block;
    width: 100%;
}
.col-2 .box-footer,
.col-3 .box-footer,
.col-4 .box-footer,
.col-5 .box-footer,
.col-6 .box-footer {
    float: left;
    display: inline-block;
}
.col-2 .box-footer {
    width: 48%;
    margin-right: 4%;
}
.col-3 .box-footer {
    width: 32%;
    margin-right: 2%;
}
.col-4 .box-footer {
    width: 23.5%;
    margin-right: 2%;
}
.col-5 .box-footer {
    width: 19%;
    margin-right: 1.25%;
}
.col-6 .box-footer {
    width: 15.5%;
    margin-right: 1.4%;
}
.all-products > .k-product:nth-child(4n + 4),
.col-2 .box-footer:last-child,
.col-3 .box-footer:last-child,
.col-4 .box-footer:last-child,
.col-5 .box-footer:last-child,
.col-6 .box-footer:last-child,
.list-view-images a:last-child,
ul.page-numbers li:last-child {
    margin-right: 0;
}
.fb-comments,
.fb-comments iframe span[style],
.fb-comments iframe[style],
.fb-comments span,
.fb-like-box,
.fb-like-box iframe span[style],
.fb-like-box iframe[style],
.fb-like-box span,
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
footer {
    padding: 25px 0;
}
footer h3.footer-box-title {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
footer h3.footer-box-title span {
    padding-right: 5px;
}
footer .widget-top {
    margin-bottom: 20px;
}
footer ul,
ul.all-posts {
    list-style: none;
}
footer ul li {
    margin-bottom: 5px;
}
footer ul li a {
    position: relative;
    padding-left: 10px;
}
footer ul li a:before {
    position: absolute;
    width: 4px;
    height: 4px;
    left: 0;
    top: 6px;
    content: "";
    display: inline-block;
    background: #ccc;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
footer ul li a:hover:before {
    background: #ff6935;
}
footer .tagcloud {
    max-height: 205px;
    overflow-y: auto;
}
footer .tagcloud::-webkit-scrollbar {
    width: 6px;
    background: #848484;
}
footer .tagcloud::-webkit-scrollbar-thumb {
    background-color: #1b1b1b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
footer .tagcloud::-webkit-scrollbar-corner {
    background-color: #000;
}
.social-footer {
    text-align: center;
    margin: 0 0 15px;
}
ul.social-media {
    list-style: none;
    display: inline-block;
}
ul.social-media li {
    display: inline-block;
    float: left;
    margin: 0 8px;
}
ul.social-media li a {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 100%;
    font-size: 18px;
    line-height: 32px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    color: #000;
}
ul.social-media li a i {
    line-height: 32px;
}
ul.social-media li.facebook a:hover {
    background: #4e70a8;
    color: #fff;
}
ul.social-media li.google a:hover {
    background: #e2411f;
    color: #fff;
}
ul.social-media li.youtube a:hover {
    background: #c93737;
    color: #fff;
}
.copyright h1,
.copyright h2,
.copyright h3,
.copyright h4,
.copyright h5,
.copyright h6 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.2em;
}
ul.menu-footer {
    list-style: none;
    margin-bottom: 15px;
}
.btn-add-cart,
.fa,
ul.menu-footer li {
    display: inline-block;
}
ul.menu-footer li a {
    padding: 2px 10px;
    line-height: 1;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
}
#primary {
    display: inline-block;
    width: 100%;
    padding: 5px;
}
#primary > .content-left {
    width: 22%;
    display: inline-block;
    float: left;
}
#primary > .content-right {
    width: 78%;
    display: inline-block;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.flexslider.home-flexslider {
    margin: 0 0 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}
.flexslider.home-flexslider .flex-direction-nav a,
.flexslider.slidersp .flex-direction-nav a {
    background: #fff;
    opacity: 1;
    width: 36px;
    height: 36px;
    margin: -18px 0 0;
}
.flexslider.home-flexslider .flex-direction-nav a:before,
.flexslider.slidersp .flex-direction-nav a:before {
    content: none;
}
.flexslider.home-flexslider .flex-direction-nav a.flex-prev,
.flexslider.slidersp .flex-direction-nav a.flex-prev {
    left: 10px;
    background: url(images/prev.png) center center no-repeat #fff;
}
.flexslider.home-flexslider .flex-direction-nav a.flex-next,
.flexslider.slidersp .flex-direction-nav a.flex-next {
    right: 10px;
    background: url(images/next.png) center center no-repeat #fff;
}

.feature-products > h2 {
    background: #009b49;
    position: relative;
    padding: 0 20px 0 44px;
    text-transform: uppercase;
    height: 34px;
    line-height: 34px;
}
.feature-products > h2 > i {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 0;
    left: 0;
    z-index: 3;
    display: inline-block;
    background: #009b49;
    color: #c3c3c3;
    text-align: center;
    line-height: 34px;
    font-size: 18px;
}
.feature-products > h2 a {
    color: #fff;
    font-size: 14px;
    float: left;
}
.feature-products > h2 a.viewall {
    float: right;
    font-size: 10px;
}
.feature-products > h2 a.viewall span {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 15px;
}
.feature-products > h2 a:hover {
    color: #ffd1c2;
}


.archive-header .archive-title {
    margin: 0;
    font-size: 16px;
}
.archive-header {
    position: relative;
    line-height: 1;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1em !important;
}


.archive-title span{
	display: inline-block;
    position: relative;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 15px;
    background: #009b49;
    background-position: left 12px top 12px;
    padding-left: 40px;
    border-radius: 40px;
    color: #fff;
}
.archive-title a{
	display: inline-block;
    position: relative;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 15px;
    background: #009b49;
    background-position: left 12px top 12px;
    padding-left: 40px;
    border-radius: 40px;
    color: #fff;
	text-decoration:none;
}
.archive-header:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #009b49;
    position: absolute;
    top: 50%;
    border-radius: 10px;
    margin-top: -5px;
    right: 0;
}
.archive-header:before {
    content: "";
    width: calc(100% - 70px);
    border-top: 2px solid #009b49;
    position: absolute;
    top: 50%;
    left: 70px;
}



ul.all-posts li {
    width: 98%;
    float: left;
    padding: 2%;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 25px;
}
.k-product .thumbnail {
    display: inline-block;
    width: 100%;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
}
.k-product .thumbnail img {
    width: 100%;
}
.k-product p.price {
    color: #ff3838;
    margin: 0 0 2px;
    font-size: 16px;
    font-weight: 700;
}
.kang-title {
    font-size: 20px;
    padding: 0 0 4px;
    position: relative;
    line-height: 1.2;
   
}
.block .expandlogin .sociallogin ul li,
.kang-title.margin-top,
.list-view-images {
    margin-top: 15px;
}
.kang-title:before {
    position: absolute;
    bottom: -3px;
    left: 22px;
    width: 35px;
    height: 5px;
    content: "";
    display: inline-block;
    background-color: #4d4d4d;
}
.kang-title:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 1px;
    content: "";
    display: inline-block;
    background-color: #4d4d4d;
}
.kang-pagination {
    clear: both;
    margin: 0;
    display: inline-block;
    width: 100%;
    text-align: left;
}
ul.page-numbers {
    list-style: none !important;
    display: inline-block;
}
ul.page-numbers li {
    display: inline-block;
    float: left;
    margin: 0 3px 0 0;
}
.kang-pagination a,
.kang-pagination span {
    display: inline-block;
    padding: 3px 5px;
    line-height: 1;
    border: 1px solid #676767;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    text-decoration: none;
}




@media only screen and (max-width: 760px) and (min-width: 320px) {
    .header-center {
        width: 100%;
        padding: 0;
    }
    .center {
        width: 50%;
    }
    .header-info {
        width: 100%;
    }
	
}
@media (max-width: 768px) {
    .header-center {
        width: 45%;
        
    }
    .center {
        width: 50%;
    }
}
@media (max-width: 1236px) {
    .center {
        width: 80%;
    }
}
@media (max-width: 479px) {
    .block cart,
    .header-center {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .header-left {
        width: 100%;
        margin: 0;
    }
    .center {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .header-left {
        margin: 0;
    }
    .center {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .header-info {
		width:43%;
		float: left;
	}
		.header-center {
		width: 45%;
		
	}
    .center {
        width: 60%;
    }
}
.kang-pagination a:hover,
.kang-pagination span.current {
    background: #676767;
    color: #fff;
}
.kang-pagination span.page-title {
    border: none;
    vertical-align: top;
}
ul.all-posts li {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
ul.all-posts li > .thumbnail {
    display: inline-block;
    float: left;
    width: 22%;
    padding: 4px;
    border: 1px solid #dadada;
}
ul.all-posts li > .thumbnail a {
    display: inline-block;
    vertical-align: top;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    opacity: 1;
}
.list-view-images a:hover img,
ul.all-posts li > .thumbnail:hover a {
    opacity: 0.7;
}
ul.all-posts li > .detail-post {
    display: inline-block;
    float: left;
    width: 75%;
    padding-left: 5px;
}
h3.title-post{
	
    font-size: 18px;
 
}
ul.all-posts li > .detail-post > h2.title-post {
    
    line-height: 1.2;
    margin: 0 0 6px;
    font-size: 18px;
}
.attributes,
ul.all-posts li > .detail-post > .content-excerpt {
    margin-bottom: 10px;
	text-align: justify;
}
ul.all-posts li > .detail-post .read-more {
    display: inline-block;
    padding: 6px 22px 6px 12px;
    border: 1px solid #dadada;
    line-height: 1;
    position: relative;
    font-size: 12px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
a.goback-home:hover,
ul.all-posts li > .detail-post .read-more:hover {
    border-color: #ff6935;
    color: #ff6935;
}
ul.all-posts li > .detail-post .read-more span {
    position: absolute;
    right: 12px;
    top: 5px;
}
.single-short .left-short {
    display: inline-block;
    width: 49%;
    float: left;
}
#ksingle-lager-view {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    background-color: #f5f5f5;
    border: 1px solid transparent;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
#ksingle-lager-view span.message-popup {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    visibility: visible;
    opacity: 1;
}
#ksingle-lager-view:hover span.message-popup {
    opacity: 0;
}
#ksingle-lager-view span.message-popup i {
    font-size: 11px;
    margin-right: 4px;
}
.single-short .right-short {
    display: inline-block;
    width: 51%;
    float: left;
    padding-left: 20px;
}
.list-view-images a {
    width: 23.5%;
    display: inline-block;
    float: left;
    margin-right: 2%;
    border: 1px solid #ddd;
    padding: 3px;
}
.list-view-images a img {
    width: 100%;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
}
.single-short .right-short .detail-title {

    color: #1E854A;
    font-size: 22px;
    margin: 8px 0 15px;
}
.single-short .right-short .price {
    color: #d33615;
    font-size: 20px;
    
    line-height: 1;
}
.single-short .right-short .price span {
    vertical-align: super;
    font-size: 18px;
}
.single-short .right-short .price span.no-price {
    vertical-align: baseline;
}
.single-short .right-short .old_price del {
    color: #8e8e8e;
    font-size: 14px;
}
a.order-this-now:hover {
    background: #d05207;
}
.kang-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    opacity: 0;
}
.kang-form-order,
.order-failed,
.order-success {
    position: fixed;
    left: 50%;
    z-index: 1200;
    background: #fff;
}
.kang-form-order {
    width: 675px;
    margin: 0 auto 0 -337px;
    display: block;
    top: -550px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}
.kang-form-order.open-popup {
    top: 80px;
}
.order-failed,
.order-success {
    width: 500px;
    top: 35%;
    margin-left: -250px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    visibility: hidden;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    opacity: 0;
}
.content-success {
    padding: 30px 140px 30px 30px;
    border-bottom: 5px solid #d33615;
    min-height: 120px;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 1.6;
}
.content-success i.fa {
    position: absolute;
    right: 30px;
    font-size: 91px;
    top: 12px;
    line-height: 1;
    color: #d33615;
}
.order-failed .content-success i.fa {
    font-size: 80px;
    top: 20px;
}
h2.title-form {
    background: #d33615;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    padding: 9px 12px;
    position: relative;
    border: 1px solid #d33615;
    border-bottom: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    margin-bottom: 0;
}
h2.title-form a.close-order {
    width: 26px;
    height: 26px;
    display: inline-block;
    background: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    color: #000;
    position: absolute;
    z-index: 2;
    right: 12px;
    top: 2px;
    text-align: center;
    line-height: 25px;
}
h2.title-form a.close-order i {
    font-weight: 400;
    font-size: 16px;
}
.kang-form-order .content-form {
    display: table;
    width: 100%;
    vertical-align: top;
}
.kang-form-order .content-form .form-left {
    display: table-cell;
    width: 52%;
    vertical-align: top;
    padding: 30px;
}
.kang-form-order .head-form {
    width: 100%;
    display: inline-block;
    clear: both;
    margin-bottom: 10px;
}
.kang-form-order .head-form .thumb {
    width: 60px;
    height: auto;
    display: block;
    float: left;
    margin-right: 10px;
}
.kang-form-order .head-form .title h3 {
    font-size: 18px;
    margin-bottom: 15px;
}
.kang-form-order .head-form .title #color-product {
    width: 120px;
    height: 25px;
}
.kang-form-order .client-fill p {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px;
    vertical-align: top;
}
.kang-form-order .client-fill p input[type="email"],
.kang-form-order .client-fill p input[type="number"],
.kang-form-order .client-fill p input[type="text"],
.kang-form-order .client-fill p textarea {
    height: 30px;
    padding: 5px 10px;
    width: 100%;
    border: 1px solid #d3d3d3;
    outline: 0;
    font-family: Arial, sans-serif;
    vertical-align: top;
}
.kang-form-order .client-fill p textarea#your-address {
    min-height: 65px;
}
.kang-form-order .client-fill p.first select {
    border: 1px solid #d3d3d3;
    display: inline-block;
    float: left;
    width: 65px;
    height: 30px;
    padding: 0 5px;
    margin-right: 5px;
}
.kang-form-order .client-fill p.first input[type="text"] {
    width: 220px;
    float: left;
    max-width: 100%;
}
.kang-form-order .client-fill p.message {
    color: red;
    margin: 6px 0 0;
    font-size: 12px;
}
.kang-form-order .client-fill p input.red {
    border-color: red;
}
a.btn-order-popup {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    clear: both;
    padding: 10px 40px;
    background: #d33615;
    border: 1px solid #d33615;
    line-height: 1;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
}
a.btn-order-popup:hover {
    background: #e85232;
}
#loading-wait {
    text-align: center;
    margin-top: 5px;
    clear: both;
    display: none;
}
#loading-wait img {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
}
.kang-form-order .content-form .form-right {
    display: table-cell;
    width: 48%;
    background: #f7f7f7;
    vertical-align: top;
    padding: 30px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}
.kang-form-order .content-form .form-right h1,
.kang-form-order .content-form .form-right h2,
.kang-form-order .content-form .form-right h3 {
    margin-bottom: 5px;
    font-size: 18px;
}
.kang-form-order .content-form .form-right h4,
.kang-form-order .content-form .form-right h5,
.kang-form-order .content-form .form-right h6 {
    margin-bottom: 5px;
    font-size: 16px;
}
.kang-form-order .form-right .note-top,
.kang-form-order .form-right .note-top * {
    font-size: 14px;
    color: #747474;
    margin: 0;
}
.kang-form-order .form-right .note-top {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 22px;
}
.kang-form-order .form-right .note-bottom {
    border-top: 1px solid #e7e7e7;
    padding-top: 22px;
}
h4.note-tuxa {
    font-size: 18px;
    color: #f04525;
    margin: 0 0 5px;
    font-weight: 400;
}
.kang-form-order .form-right .note-bottom p {
    font-size: 11px;
    color: #777;
    line-height: 15px;
    margin: 0;
}
.kang-form-order .form-right .note-bottom ul {
    margin: 10px 0;
}
.kang-form-order .form-right .note-bottom p.slogan {
    color: #2699d4;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    width: 100%;
    float: left;
    text-transform: uppercase;
    margin-top: 5px;
}
.kang-form-order .message-order-done {
    padding: 30px 12px;
    border-bottom: 5px solid #da0000;
    position: relative;
    font-size: 14px;
}
.kang-form-order .message-order-done .content-mes {
    width: 80%;
    display: inline-block;
}
.kang-form-order .message-order-done i.fa {
    position: absolute;
    right: 20px;
    font-size: 100px;
    display: inline-block;
    bottom: 10px;
    color: #d33615;
}
.kajaxloading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 10;
}
.wandering-cubes {
    height: 60px;
    width: 60px;
    right: 0;
    z-index: 10;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -45px 0 0 -30px;
    -webkit-transition: 0.3s ease-in-out 0;
    transition: 0.3s ease-in-out 0;
}
.cube1,
.cube2 {
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: 1.8s ease-in-out infinite cubemove;
    animation: 1.8s ease-in-out infinite cubemove;
}
.cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
@-webkit-keyframes cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }
    75% {
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}
@keyframes cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }
    75% {
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}
.widget-category-archive.has-thumbnail > li {
    display: inline-block;
    width: 100%;
    
    border-bottom: 1px solid #dadada;
}
.widget-category-archive.has-thumbnail > li:first-child {
    padding-top: 0;
}
.widget-category-archive.has-thumbnail > li .view_left {
    width: 57px;
    float: left;
    margin-right: 8px;
}
.widget-category-archive.widget-products-new.has-thumbnail > li .view_left {
    width: 50px;
}
.widget-category-archive.has-thumbnail > li .view_right h4 {
    margin: 0;
    line-height: 1;
}
.widget-category-archive.has-thumbnail > li .view_right h4 a {
    font-size: 13px;
}
.kang-google-map {
    position: relative;
    padding-bottom: 69.767%;
    height: 0;
    overflow: hidden;
}
form.kcontact-us {
    width: 465px;
    display: inline-block;
    position: relative;
}
.kcontactloading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}
form.kcontact-us .contact-line {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 0 15px;
}
form.kcontact-us .contact-line.no-margin {
    margin-bottom: 0;
}
form.kcontact-us .contact-line label {
    width: 80px;
    margin-right: 10px;
    line-height: 31px;
    display: inline-block;
    float: left;
    text-align: right;
}
form.kcontact-us .contact-line label.noline {
    line-height: 1;
}
form.kcontact-us .contact-line label span {
    color: #fa1e1e;
    margin-left: 3px;
}
form.kcontact-us .contact-line .right {
    display: inline-block;
    float: left;
    width: 375px;
    text-align: left;
}
form.kcontact-us .contact-line input[type="email"],
form.kcontact-us .contact-line input[type="text"],
form.kcontact-us .contact-line textarea {
    padding: 8px 10px;
    line-height: 31px;
    border: 1px solid #dadada;
    height: 31px;
    width: 100%;
    display: inline-block;
    font-family: Arial, sans-serif;
    vertical-align: top;
}
form.kcontact-us .contact-line textarea {
    height: auto;
    min-height: 87px;
    padding: 0 10px;
}
.kct-cancel,
.kct-sendmail {
    color: #fff;
    display: inline-block;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    line-height: 1;
    width: 100px;
    text-align: center;
    padding: 10px 0;
    background: #313131;
    text-transform: uppercase;
    font-size: 13px;
}
.message-contact {
    color: #d04040;
    margin: 10px 0 0;
    font-size: 14px;
}
.kct-cancel:hover,
.kct-sendmail:hover {
    background: #494949;
    color: #fff;
}
.contact-title {
    margin: 0 0 15px;
}
.contact-title.margin-top {
    margin-top: 25px;
}
.contact-title span {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 3px double #dadada;
    text-transform: uppercase;
    font-size: 18px;
}
.k-contact-map {
    max-width: 700px;
    display: block;
    margin: 0 auto;
}
#orders,
.Endcart {
    max-width: 600px;
    display: block;
}
a.goback-home {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #dadada;
    line-height: 1;
    position: relative;
    font-size: 12px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    color: #5f5f5f;
    clear: both;
    margin-top: 5px;
}
.newsletter-subscription {
    display: table;
    width: 100%;
}
.newsletter-subscription .newsletter-email {
    width: 100%;
    padding: 8px 10px;
    line-height: 31px;
    border: 1px solid #dadada;
    height: 31px;
    display: inline-block;
    font-family: Arial, sans-seif;
    vertical-align: top;
}
#orders input[type="submit"],
.footerBar a,
.footerBar button,
.info {
    line-height: 1;
    display: inline-block;
}
.newsletter-subscription .newsletter-submit {
    color: #fff;
    display: inline-block;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    line-height: 1;
    width: 100px;
    text-align: center;
    padding: 8px 0;
    background: #313131;
    text-transform: uppercase;
    font-size: 13px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
}
.newsletter-subscription .newsletter-submit:hover {
    background: #494949;
}
p.single-tags {
    margin: 20px 0 0;
    font-size: 14px;
}
p.single-tags a {
    padding: 1px 5px;
    border: 1px solid #ff6935;
    color: #fff;
    display: inline-block;
    margin: 0 2px 4px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    background: #ff6935;
}
p.single-tags a:hover {
    background: #fff;
    color: #ff6935;
}
@media (min-width: 1236px) {
    ul.nav-menu {
        display: inline-block !important;
    }
}
@media (max-width: 1029px) {
    #primary > .content-left,
    #primary > .content-right {
        padding: 0;
        float: none;
        width: 100%;
    }
    #primary > .content-left {
        margin-bottom: 15px;
    }
    a.k-toogle-menu {
        display: inline-block;
    }
    ul.nav-menu,
    ul.nav-menu > li:first-child > a > i {
        display: none;
    }
    nav.main-navigation {
        margin-top: 10px;
        background: #fff;
    }
    ul.nav-menu {
        margin-top: 1px;
    }
    ul.nav-menu > li:first-child > a > span {
        display: block;
    }
    ul.nav-menu > li {
        float: none;
        width: 100%;
        vertical-align: top;
    }
    ul.nav-menu > li a:hover,
    ul.nav-menu > li.current-menu-item > a,
    ul.nav-menu > li:hover > a {
        background: 0 0;
    }
    ul.nav-menu li a:hover {
        background: #fff !important;
    }
    ul.nav-menu > li a {
        color: #000;
        width: 100%;
        padding: 10px 20px;
    }
    ul.nav-menu ul.sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        width: 100%;
    }
    ul.nav-menu ul.sub-menu li a {
        background: 0 0;
        font-size: 13px;
        width: 100%;
    }
    ul.nav-menu ul.sub-menu li a:before {
        display: inline-block;
        margin-right: 5px;
    }
    ul.nav-menu ul.sub-menu > li > a:before {
        content: "-";
        margin-left: 10px;
    }
    ul.nav-menu ul.sub-menu ul > li > a:before {
        content: "--";
        margin-left: 20px;
    }
    ul.nav-menu ul.sub-menu ul > ul > li > a:before {
        content: "---";
        margin-left: 30px;
    }
    .k-product {
        width: 48%;
        margin-right: 4%;
    }
    .all-products > .k-product:nth-child(2n + 2),
    .col-4 .box-footer:nth-child(2n + 2),
    .col-5 .box-footer:nth-child(2n + 2) {
        margin-right: 0;
    }
    .all-products > .k-product:nth-child(odd),
    .col-4 .box-footer:nth-child(odd),
    .col-5 .box-footer:nth-child(odd) {
        clear: both;
    }
    .col-4 .box-footer,
    .col-5 .box-footer {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    .col-5 .box-footer:nth-child(5n + 5) {
        margin-right: 4%;
    }
    .col-4 .box-footer:nth-child(4n + 1),
    .col-5 .box-footer:nth-child(5n + 1) {
        clear: none;
    }
}

header.site-header {
    margin-bottom: 1px;
}

.header-center {
    float: left;
    width: 50%;
}





/* DÄ‚ nh cho Ä‚â€žĂ¢â‚¬ËœiÄ‚Â¡Ă‚Â»Ă¢â‚¬Â¡n thoÄ‚Â¡Ă‚ÂºĂ‚Â¡i */
/* width 479px */
@media all and (max-width: 479px){

	.header-left {
		width: 100%;
		
	}
	.header-center {
		width: 100%;
	
	}
	.header-info{
	width: 100%;
		float: left;		
	}

}

@media only screen and (min-width: 480px) and (max-width: 760px) {

	.header-left {
	width : 100%;
	
	}
	.header-center {
	width : 100%;
	}
	.header-info {
	width : 100%;

	}
	
}

@media (min-width: 760px) and (max-width: 1024px) {

	.#logo img {
	max-width:250px;
	}
	
}

@media (max-width: 320px) {


	.header-center {
	width: 100%;
		padding: 0;
	}
	.header-info {
	width: 100%;
	}

}

/*-------------End mobile ---------------*/
@media (min-width: 767px) and (max-width: 1029px) {
    #main,
    .container {
        width: 740px;
    }
    .widget-category-archive.widget-products-new.has-thumbnail > li .view_left {
        width: 57px;
    }
    .col-6 .box-footer {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .col-6 .box-footer:nth-child(3n + 3) {
        margin-right: 2%;
    }
    .col-6 .box-footer:nth-child(3n + 1) {
        clear: both;
    }
}
@media (max-width: 767px) {
    #main,
    .container {
        width: 460px;
    }
    .col-2 .box-footer,
    .col-3 .box-footer,
    .col-4 .box-footer,
    .col-5 .box-footer,
    .col-6 .box-footer {
        margin-right: 0 !important;
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important;
    }
    ul.menu-footer li {
        display: block;
        margin-bottom: 5px;
    }
    .header-left,
    .header-right {
        display: block;
        text-align: center;
    }
    .header-left {
        margin: 0px;
    }
    .header-left #logo {
        display: inline-block;
    }
    
    nav.main-navigation {
        margin-top: 20px;
    }
    form.kcontact-us {
        width: 390px;
    }
    form.kcontact-us .contact-line .right {
        width: 300px;
    }
    ul.all-posts li {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    ul.all-posts li > .detail-post,
    ul.all-posts li > .thumbnail {
        width: 100%;
        padding: 0;
        float: none;
        vertical-align: top;
    }
    ul.all-posts li > .thumbnail {
        margin-bottom: 15px;
        padding: 4px;
    }
    ul.all-posts li > .thumbnail a,
    ul.all-posts li > .thumbnail img {
        width: 100%;
        height: auto;
    }
    ul.all-posts li > .thumbnail a {
        display: block;
        width: auto;
    }
    .single-short .left-short,
    .single-short .right-short {
        width: 100%;
        padding: 0;
        float: none;
    }
    .single-short .left-short {
        margin-bottom: 15px;
    }
    #ksingle-lager-view a img {
        width: 100%;
    }
    .kang-form-order,
    .order-failed,
    .order-success {
        width: 460px;
        margin-left: -240px;
        position: absolute;
    }
    .order-failed,
    .order-success {
        top: 100px;
    }
    .kang-form-order .client-fill p.first input[type="text"] {
        width: 328px;
    }
    .kang-form-order .content-form .form-right {
        display: none;
    }
}
@media (max-width: 479px) {
    .block cart,
    .header-info {
        width: 100%;
        float: left;
        margin-top: 5px;
    }
    .center {
        width: 100%;
    }
    #main,
    .container {
        width: 98%;
        padding: 5px;
    }
    .site-header > .container {
        display: block;
    }
    .k-product {
        /* width: 49%; */
        margin-right: 0 !important;
        float: none;
        vertical-align: top;
    }
    .feature-products > h2 {
        margin-bottom: 20px;
    }
    .feature-products > h2 a.viewall,
    .flexslider.home-flexslider .flex-direction-nav a,
    form.kcontact-us .contact-line label.empty-none {
        display: none;
    }
    form.kcontact-us,
    form.kcontact-us .contact-line .right {
        width: 258px;
    }
    form.kcontact-us .contact-line {
        margin-bottom: 10px;
    }
    form.kcontact-us .contact-line label {
        text-align: left;
    }
    form.kcontact-us .contact-line label.noline {
        line-height: 31px;
    }
    .kang-title {
        font-size: 18px;
    }
    .kang-form-order,
    .order-failed,
    .order-success {
        width: 280px;
        margin-left: -140px;
    }
    .kang-form-order .client-fill p.first input[type="text"] {
        width: 148px;
    }
    .kang-product .title-bottom {
        font-size: 16px;
    }
    .content-success {
        padding: 30px 20px;
    }
    .content-success i.fa {
        display: none !important;
    }
    .kang-form-order .head-form .title h3 {
        font-size: 14px;
    }
}
.info {
    width: 100%;
    background: #e56315;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    color: #fff;
    border-radius: 0;
    margin-top: 10px;
    font-size: 16px;
    text-transform: uppercase;
}
.btn,
.list li {
    transition: 0.2s;
}
.info ul {
    padding: 0 10px;
    margin-bottom: 5px !important;
}
.info ul li {
    color: #333;
    font-size: 14px;
    list-style: none;
    background-image: url(images/timlist.png);
    background-repeat: no-repeat;
    background-position: 2px 4px;
    padding-left: 25px;
}
.info .info-hotline-title {
    margin: 0 10px;
    height: 40px;
    line-height: 40px;
    background: green;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.info .info-hotline {
    height: 90px;
    line-height: 90px;
    padding-left: 90px;
    background: url(images/hotline-icon.png) center left no-repeat;
    font-size: 20px;
    color: #c60c46;
    font-weight: 700;
}
.table-responsive > .table-bordered,
.widget ul.sub-menu {
    border: 0;
}
.shopping-cart {
    width: 30%;
    float: left;
    background: #fafafa;
    padding: 10px;
    margin-top: 10px;
}
.shopping-cart h2 {
    padding: 4px;
    font-size: 14px;
    margin: -10px -10px 5px;
    color: #707070;
    border-bottom: 1px dotted #ddd;
    font-family: Arial, sans-serif;
}
.shopping-cart h3,
.view-cart h3 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.shopping-cart ol {
    padding: 1px 0 0 15px;
}
.shopping-cart .cart-itm,
.view-cart .cart-itm {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}
.shopping-cart .remove-itm,
.view-cart .remove-itm {
    font-size: 14px;
    float: right;
    background: #d5d5d5;
    padding: 4px;
    line-height: 8px;
    border-radius: 3px;
}
.shopping-cart .color {
    border: 1px solid #ddd;
    display: inline-block;
    height: 12px;
    margin-right: 3px;
    width: 12px;
}
.shopping-cart .remove-itm:hover,
.view-cart .remove-itm:hover {
    background: #c4c4c4;
}
.shopping-cart .remove-itm a,
.view-cart .remove-itm a {
    color: #888;
    cursor: pointer;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ececec;
}
.view-cart {
    overflow-x: auto;
    min-height: 0.01%;
}
.view-cart .p-price {
    float: right;
    margin-right: 10px;
    font-weight: 700;
}
.view-cart .product-info {
    color: #666;
    float: left;
    font-weight: 400;
    width: 50%;
}
.view-cart .product-info span {
    display: block;
    font-size: 90%;
    padding-top: 5px;
}
.view-cart .product-info a {
    font-weight: 700;
    color: #333;
}
.view-cart .cart-itm {
    margin-bottom: 0;
    padding: 5px;
    min-height: 50px;
    background: #f0f0f0;
}
.p-color > div {
    height: 50px;
    width: 50px;
    border: 1px solid #ddd;
}
.view-cart .cart-itm .p-price,
.view-cart .cart-itm .p-qty,
.view-cart .cart-itm .p-subtotal {
    float: right;
    font-weight: 700;
    line-height: 40px;
    margin-right: 10px;
    width: 100px;
}
.cart-itm .thumb {
    background: #fff;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 70px;
}
.cart-itm .thumb img {
    display: block;
    height: 50px;
    margin: 0 auto;
}
.view-cart .cart-itm.header {
    background: #dedede;
    color: #333;
    height: 40px;
    line-height: 40px;
    min-height: 40px;
    overflow: hidden;
    padding: 0 5px;
}
.view-cart .cart-itm input {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    width: 100%;
}
.giuseart-nav li .button,
.view-cart .cart-itm.header .remove-itm,
.view-cart .cart-itm.header .thumb {
    background: 0 0;
}
.footerBar {
    padding: 5px 0;
    float: left;
}
.footerBar a,
.footerBar button {
    background-color: #ebe9eb;
    background-image: none;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #515151;
    cursor: pointer;
    font-family: inherit;
    font-size: 90%;
    font-weight: 700;
    left: auto;
    margin: 0;
    overflow: visible;
    padding: 0.618em 1em;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}
.xacnhandh::before {
    content: "Ă„â€šĂ‚Â¯Ä‚Â¢Ă¢â‚¬ÂšĂ‚Â¬Ä‚â€¦Ă¢â‚¬â„¢";
    font-family: fontawesome;
}
.checkout {
    padding: 5px;
    text-align: right;
    width: 300px;
    margin-top: 20px;
}
#orders input[type="submit"],
.Endcart,
.button-1,
.call-mobile i,
.pricetotal,
.qty > input,
.s-p-left,
.xacnhandh {
    text-align: center;
}
.pricetotal {
    border: 1px solid #dedede;
    border-radius: 4px;
    font-family: arial;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 5px;
}
.button-1,
.xacnhandh {
    font-size: 17px;
    text-transform: uppercase;
    width: 100%;
}
.pricetotal b {
    color: #da4735;
}
.xacnhandh {
    background-color: #da4735;
    border-radius: 4px;
    color: #fff;
    display: block;
    height: 50px;
    line-height: 50px;
}
.xacnhandh:hover {
    background-color: #222;
    color: #fff;
}
.error {
    display: block;
    color: #d40808;
    font-style: italic;
}
#message {
    display: none;
    font-size: 15px;
    font-weight: 700;
    color: #333;
}
#orders {
    margin: 0 auto;
}
#orders .head {
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 12px 10px 12px 15px;
    position: relative;
    text-transform: uppercase;
}
#orders > p {
    color: #666;
    margin-bottom: 20px;
}
#orders input[type="email"],
#orders input[type="text"],
#orders textarea {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: #444;
    display: block;
    font-family: inherit;
    font-size: 1em;
    height: 3.0625em;
    margin: 0 0 1.5em;
    padding: 0.75em;
    transition: 0.15s linear;
    width: 100%;
}
#orders textarea {
    min-height: 250px;
    font-weight: 400;
}
#orders input[type="submit"] {
    background-color: #1c94c6;
    border: 0 solid #1779a2;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    font-weight: 700;
    margin: 0 0 1.25em;
    padding: 1em 2em 1.0625em;
    position: relative;
    text-decoration: none;
}
.Endcart::before {
    color: #55c65e;
    content: "Ă„â€šĂ‚Â¯Ä‚â€šĂ‚ÂÄ‚â€šĂ‚Â";
    font-family: fontawesome;
    font-size: 100px;
}
.Endcart {
    margin: 30px auto;
}
.Endcart h2 {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 10px;
}
.Endcart p {
    font-size: 18px;
    margin-bottom: 10px;
}
@media (max-width: 480px) {
    .view-cart .actionbar a,
    .view-cart .cart-itm.header .p-price,
    .view-cart .cart-itm.header .p-qty,
    .view-cart .cart-itm.header .p-subtotal,
    .view-cart .cart-itm.header .remove-itm,
    .view-cart .cart-itm.header .thumb {
        display: none;
    }
    .view-cart .actionbar button,
    .view-cart .product-info {
        margin-bottom: 10px;
        text-align: center;
        width: 100%;
    }
    .cart-itm .thumb {
        background: 0 0;
        margin-bottom: 5px;
        width: 100%;
    }
}
.list {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.list li {
    margin: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    float: none !important;
}
.btncart {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.block.cart {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.block.cart:hover .expandcart {
    display: block;
    opacity: 1;
}
.block .expandlogin .form-group .form-control {
    border: 1px solid #ccc;
    height: 45px;
    padding: 12px 15px;
    background: #fff;
    -ms-border-radius: 0;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
}
.block .expandlogin .form-group.form-footer {
    margin: 0;
    text-align: left;
}
.block .expandlogin .sociallogin ul {
    padding-bottom: 35px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
.block .expandlogin .sociallogin ul li:first-child {
    margin-top: 0;
}
.block .expandcart {
    background: #fff;
    border: 5px solid #000;
    display: none;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 300px;
    z-index: 10;
}
.block .expandcart .shopinbag .bottom:after,
.block .expandcart .shopinbag .bottom:before,
.block .expandcart .shopinbag .list li:after,
.block .expandcart .shopinbag .list li:before {
    display: table;
    content: " ";
}
.block .expandcart .shopinbag .list li {
    border-bottom: 1px solid #ccc;
    padding: 10px 30px 10px 0;
    position: relative;
}
.block .expandcart .shopinbag .list li .thumb {
    float: left;
    width: 52px;
    height: 52px;
    overflow: hidden;
    margin-right: 20px;
    margin-top: 5px;
}
.block .expandcart .shopinbag .list li .caption {
    overflow: hidden;
    color: #666;
}
.block .expandcart .shopinbag .list li .caption .name {
    margin-bottom: 5px;
    line-height: 1.5;
}
.block .expandcart .shopinbag .list li .caption .name a {
    color: #000;
    font-weight: 700;
}
.block .expandcart .shopinbag .list li .i-delete {
    background: #999;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 30px;
}
.block .expandcart .shopinbag .bottom {
    padding-top: 23px;
}
.block .expandcart .shopinbag .bottom .product-detail .bottombar .support,
.block .expandcart .shopinbag .bottom .total,
.product-detail .bottombar .block .expandcart .shopinbag .bottom .support {
    font-size: 18px;
    line-height: 44px;
    float: left;
}
.block .expandcart .shopinbag .bottom .product-detail .bottombar .support strong,
.block .expandcart .shopinbag .bottom .total strong,
.product-detail .bottombar .block .expandcart .shopinbag .bottom .support strong {
    color: #ed145b;
    font-weight: 400;
}
.block .expandcart .shopinbag .bottom .button {
    float: right;
    margin: 0;
}
.caption b {
    font-weight: 700;
}
.button-1 {
    background-color: #da4735;
    border-radius: 4px;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}
.attribute-list select,
.qty > input {
    border: 1px solid #ccc;
    height: 30px;
}
.s-p-left,
.s-p-right {
    display: inline-block;
    vertical-align: middle;
}
.attribute-label {
    float: left;
    line-height: 30px;
    width: 80px;
}
.attribute-list select {
    line-height: 30px;
    padding: 0 10px;
}
.qty > input {
    line-height: 30px;
    width: 55px;
}
.call-mobile,
.call-mobile1,
.call-mobile2 {
    position: fixed;
    padding: 0;
    border-radius: 40px;
    left: 20px;
    z-index: 99999;
}
.call-mobile,
.call-mobile i,
.call-mobile1,
.call-mobile2 {
    line-height: 40px;
    height: 40px;
}
.success,
.success.is-outline:hover,
.success.is-underline:hover {
    background-color: #009b49;
    color: #fff !important;
}
.call-mobile {
    background: #ed1c24;
    bottom: 10px;
    color: #fff;
}
.call-mobile1 {
    bottom: 52px;
    color: #fff;
}
.call-mobile2 {
    bottom: 93px;
    color: #fff;
}
.call-mobile i {
    font-size: 20px;
    background: #b52026;
    border-radius: 100%;
    width: 40px;
    float: right;
}
.call-mobile a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    margin-right: 10px;
    padding-left: 10px;
}
.most-read-list {
    line-height: 22px;
    padding: 0 5px;
}
.most-read-item {
    position: relative;
    margin: 5px 0;
    font-size: 14px;
    padding: 3px 0 3px 15px;
}
ul.most-read-list li:before {
    width: 5px;
    height: 5px;
    line-height: 5px;
    content: "";
    border-radius: 5px;
    position: absolute;
    background-color: #1a6e66;
    margin-top: 9px;
    left: 0;
}
.s-product-related-header {
    line-height: 32px;
    font-weight: 700;
    font-size: 18px;
    padding-left: 10px;
    background-color: #eee;
}
.s-product-related-item {
    padding: 10px 5px;
    border-bottom: 1px solid #eee;
}
.s-p-left {
    width: 80px;
}
.s-p-left img {
    max-width: 100%;
    max-height: 80px;
}
.s-p-right {
    width: calc(100% - 100px);
    margin-left: 10px;
}
.price-s-p {
    margin: 5px 0;
}
.price-s-p-meta {
    color: #da251c;
    font-weight: 700;
    font-size: 14px;
    margin-right: 10px;
}
.price-s-p-old,
.product-price-old {
    text-decoration: line-through;
    color: #555;
}
.btn-link,
.prod-hl-discount span {
    color: #fff;
    text-transform: uppercase;
}
.buy-s-p {
    width: 90px;
}
.s-p-right a {
    font-weight: 500;
}
.flexslider.slidersp .slides > li {
    padding: 5px; 
    text-align: center;
    margin: 0px 5px 0px 0px;   
    border: 1px solid #ccc;
    border-radius: 5px;
	background: #fff;
}
.fb_iframe_widget span,

.li-bt {
    margin-bottom: 10px;
    line-height: 30px !important;
}
.btn-link {
    background-color: #08c;
    padding: 10px;
    border-color: #2e6da4 !important;
    font-weight: 700;
    margin: 10px auto;
}
.prod-hl-thumb img {
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.product-highlight-wrap .product-highlight-item {
    text-align: center;
    position: relative;
	list-style:none;
}
.prod-item {
    width: 100%;
    position: relative;
}
.prod-hl-discount {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
    background: 0 0;
}
.btn,
.btn-add-cart {
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
}

.rating-box .rated {
    color: #ffb909;
}
.product-price-meta {
    color: #da251c;
    font-weight: 700;
}
.btn,
.glyphicon {
    font-weight: 400;
}
.prod-hl-name {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    line-height: 22px;
	height:44px;
   
}
.fb_iframe_widget,
.fb_iframe_widget span,
.glyphicon {
    display: inline-block;
    position: relative;
}
.item-info__price {
    padding-top: 0.25px;
    padding-bottom: 0.25px;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.glyphicon {
    top: 1px;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    line-height: 1;
}
.btn-danger {
    color: #fff;
    background-color: #009b49;
    border-color: #d43f3a;
}
.btn {
    margin-bottom: 0;
    line-height: 1.42857143;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
    width: 25%;
}
.ebook .thumbnail {
    padding: 0;
    margin-bottom: 1px;
}
h5.tieude {
    margin-top: 5px;
    height: 48px;
}
.thumbnail {
    position: relative;
    padding: 0;
    margin-bottom: 20px;
}
.ebook .thumbnail img {
    height: 160px;
}
.btn {
    display: block;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    border: none;
}
.price {
    font-weight: 700;
    color: red;
}
.product-highlight-item .item-info__buynow {
    width: 100%;
    clear: both;
    float: left;
}
.product-highlight-item .item-info__buynow a:hover {
    background: #ff0;
}
.fa {
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.k-product h3.title-product {
    font-size: 13px;
    margin: 0 0 5px;
    font-weight: 700;
    border-top: 1px solid #dadada;
    padding-top: 7px;
    height: 59px !important;
}
.center {
    margin: auto;
    box-shadow: 0 0 5px 0 #f19031;
    border: 6px solid #e0612c;
    padding: 5px;
}
.center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
h1,
h2,
h3,
h4 {
    font-weight: 600;
}
.single-content a {
    text-decoration: none;
    color: #ff6935;
}

table#customers {
    border-spacing: 0;
    width: 100%;
}
#customers th {
    background-color: #4caf50;
    color: #fff;
}
#customers td,
#customers th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
.btn-add-cart {
    margin-bottom: 0;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e62329;
    color: #fff;
    border-color: #2e6da4 !important;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 10px;
}
.button-group a.order-this-now {
    background-color: green;
    float: right;
    margin-top: 5px !important;
    text-align: center;
    width: 100% !important;
}
.content_box_khuyen_mai {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    margin-bottom: 10px;
}
.khuyen-mai-hb {
    margin-bottom: 10px;
    margin-top: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    font-size: 15px;
    width: 100%;
}
.khuyen-mai-hb .tieu-de,
.title_box_khuyen_mai {
    background: #28a745;
    padding: 2px 20px;
    font-size: 15px;
    font-weight: 500;
    display: block;
    border-radius: 99px;
    color: #fff;
}
.khuyen-mai-hb .tieu-de {
    margin-top: -24px;
    max-width: 207px;
}
.box_khuyen_mai ul,
.khuyen-mai-hb ul {
    list-style: none;
    padding: 0;
}
.content_box_khuyen_mai ul li,
.khuyen-mai-hb ul li {
    background-image: url(../kang/images/icon_check.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 20px;
}
#push-to-cart,
#push-to-cart-all {
    background: #bb0029;
    border: 1px solid #bb0029;
    color: #fff;
    font-size: 16px;
    width: 165px;
    height: 41px;
    margin-left: 15px;
    border-radius: 22px;
    margin-top: 0 !important;
}
#push-to-cart-all:hover,
#push-to-cart:hover {
    background-color: #fff;
    color: #bb0029;
}
button,
select {
    text-transform: none;
}
button,
input {
    overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    appearance: button;
}
.custom-buy {
    padding-bottom: 14px;
}
.other-buy {
    padding: 10px 0 15px;
}
.other-buy .quantity {
    border: 1px solid #cbcbcb;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 4px;
}
.block-sale .sale,
.box-info .item:last-child .box-img,
.other-buy .quantity,
.other-buy .quantity .btn,
.slider-for .block-sale .sale,
.ytLoader .bg-yt {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.other-buy .quantity .txtNumPro {
    width: 70px;
    height: 30px;
    padding: 10px;
    color: #2a2a2a;
    text-align: center;
    border-radius: 16px;
    border: 1px solid #f0f3f7;
    float: left;
    margin: 0 6px;
}
.other-buy .quantity .btn {
    border: transparent;
    padding: 0;
    border-radius: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbcbcb;
    width: 31px;
    height: 31px;
    background: #fff;
    font-size: 20px;
}
.cart-fixed,
.cart-fixed span {
    border-radius: 100%;
    text-align: center;
}
.other-buy .btn i {
    font-size: 11px;
}
.other-buy .quantity .btn:hover {
    color: #fff;
    background: #cbcbcb;
    border-radius: 0;
}
[class*=" ti-"],
[class^="ti-"] {
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.quantity .ti-plus:before {
    content: "\e61a";
}
.quantity .ti-minus:before {
    content: "\e622";
}
.cart-fixed {
    position: fixed;
    right: 20px;
    bottom: 390px;
    z-index: 500;
    background: #4b4f56;
    width: 50px;
    height: 50px;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-fixed .fa-shopping-bag:before {
    content: "\f290";
}
.cart-fixed span {
    position: absolute;
    top: 0;
    right: -5px;
    color: #fff;
    width: 25px;
    height: 25px;
    background: red;
    line-height: 25px;
    font-size: 11px;
}
.im-product-in-market {
    padding: 15px;
    background: #f5f5f5;
    margin-top: 29px;
}
.theme_li,
.theme_ul {
    margin: 0;
    padding: 0;
    outline: 0;
    list-style: none;
}
.im-product-in-market li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding-right: 20px;
    position: relative;
}
.im-product-in-market li .im-best {
    position: absolute;
    top: 7px;
    left: -30px;
    color: #fff;
    -webkit-transform: rotate(-49deg);
    transform: rotate(-49deg);
    text-transform: uppercase;
    font-weight: 400;
    padding: 5px 33px;
    font-size: 11px;
    letter-spacing: 0.5px;
    background: #e05647;
}
.im-product-in-market li .im-logo {
    width: 120px;
    text-align: center;
    line-height: 92px;
    border-right: 1px solid #f8f8f8;
}
.im-product-in-market li .im-logo img {
    transform: scale(0.7);
}
.im-product-in-market li .p.price {
    border-right: 1px solid;
    border-color: #bbb;
}
.im-price-wrapper .p span,
.im-product-in-market li .p span,
.im-product-publicer .im-publicer a,
.im-product-publicer .user-social-links a:hover i,
.primary-color,
.star-rating i {
    color: #e05647;
}
.im-product-in-market li .p {
    font-size: 14px;
    font-weight: 700;
    padding: 0 15px;
    line-height: 17px;
}
.im-btn-1 {
    font-size: 14px;
    font-weight: 700;
    padding: 5px 15px;
    background: #e62329;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
}
.info-tour,
.info-tour li {
    overflow: hidden;
    background: #fff;
}
.ml-auto {
    margin-left: auto !important;
}
.content_box_khuyen_mai {
    width: 100%;
    float: left;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.content_box_khuyen_mai ul li {
    background-image: url(images/icon_check.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 20px;
}
.content_box_khuyen_mai ul li,
.list-event .item .image {
    margin-bottom: 5px;
    width: 100%;
    float: left;
}
.info-tour {
    padding-bottom: 0;
    display: block;
}
.info-tour li {
    display: block;
    border-bottom: 1px solid #ecf0f1;
    padding: 5px;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f7f7;
}
#product .full-screen .table td:first-child,
#product .full-screen .table th:first-child {
    width: 20%;
}
.full-screen .table td:first-child,
.full-screen .table th:first-child {
    padding-left: 15px;
}
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
}
.table td,
.table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
#product .full-screen .table td:last-child,
#product .full-screen .table th:last-child {
    width: 80%;
}
.full-screen .table td:last-child,
.full-screen .table th:last-child {
    padding-right: 15px;
}
.load-more {
    text-align: center;
    margin: auto;
    width: 100px;
}


.container2 {
    width: 100%;
   
}
@media (min-width: 576px) {
    .container2 {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container2 {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container2 {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container2 {
        max-width: 1160px;
    }
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container2,
    .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container2,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container2,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container2,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1160px;
    }
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
}
.row-cols-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.row-cols-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.row-cols-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.row-cols-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.row-cols-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.row-cols-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.order-first {
    -ms-flex-order: -1;
    order: -1;
}
.order-last {
    -ms-flex-order: 13;
    order: 13;
}
.order-0 {
    -ms-flex-order: 0;
    order: 0;
}
.order-1 {
    -ms-flex-order: 1;
    order: 1;
}
.order-2 {
    -ms-flex-order: 2;
    order: 2;
}
.order-3 {
    -ms-flex-order: 3;
    order: 3;
}
.order-4 {
    -ms-flex-order: 4;
    order: 4;
}
.order-5 {
    -ms-flex-order: 5;
    order: 5;
}
.order-6 {
    -ms-flex-order: 6;
    order: 6;
}
.order-7 {
    -ms-flex-order: 7;
    order: 7;
}
.order-8 {
    -ms-flex-order: 8;
    order: 8;
}
.order-9 {
    -ms-flex-order: 9;
    order: 9;
}
.order-10 {
    -ms-flex-order: 10;
    order: 10;
}
.order-11 {
    -ms-flex-order: 11;
    order: 11;
}
.order-12 {
    -ms-flex-order: 12;
    order: 12;
}
.offset-1 {
    margin-left: 8.333333%;
}
.offset-2 {
    margin-left: 16.666667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.333333%;
}
.offset-5 {
    margin-left: 41.666667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.333333%;
}
.offset-8 {
    margin-left: 66.666667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.333333%;
}
.offset-11 {
    margin-left: 91.666667%;
}
@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }
    .row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.333333%;
    }
    .offset-sm-2 {
        margin-left: 16.666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.333333%;
    }
    .offset-sm-5 {
        margin-left: 41.666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.333333%;
    }
    .offset-sm-8 {
        margin-left: 66.666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.333333%;
    }
    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }
    .row-cols-md-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-md-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-md-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-md-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-md-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-md-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    
}


@media (max-width: 575px) {
    
    .featured-content-wrap .row {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .featured-content .featured-item .icon {
        min-width: 40px;
    }
	.home-news {
        padding-bottom: 15px;
        padding-top: 30px;
    }
    .home-news .widget-news {
        margin-bottom: 0;
    }
    .home-news .widget-news .widget-title {
        font-size: 22px;
    }
    .home-news .col-md-4 {
        margin-bottom: 15px;
    }
    .home-news .col-md-4:nth-child(2n) {
        padding-left: 7.5px;
    }
    .home-news .col-md-4:nth-child(odd) {
        padding-right: 7.5px;
    }
    .home-news .news-thumbnail {
        margin-bottom: 0;
        height: 133px;
    }
	.home-about {
        padding: 30px 0;
    }
    .home-about .s-title {
        font-size: 22px;
    }
    
}

.home-about p {
    color: #777;
}
.home-about .s-title {
    text-transform: uppercase;
    font-weight: 700;
    color: #006b3c;
    font-size: 30px;
}
.home-about .btn-readmore {
    border: 1px solid #deb055;
    border-radius: 40px;
    padding: 7px 20px;
    font-weight: 700;
    color: #deb055;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.home-about .btn-readmore:hover {
    background-color: #deb055;
    color: #fff;
}
.sale-banner {
    margin-bottom: 0px;
}
.sale-banner .banner-item {
    display: block;
    margin-bottom: 30px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.home-news {
    padding: 0px;
}
.home-news .news-thumbnail {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.home-news .news-thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 50%;
    -o-object-position: 50% 50%;
    width: 100%;
    height: 79%;
}
.widget-news .widget-header {
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}
.widget-news .widget-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
    position: relative;
    background: #fff;
    display: inline-block;
    margin-bottom: 0;
}
.widget-news .widget-title:before {
    content: "";
    width: 120px;
    border-top: 3px solid #deb055;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.widget-news .widget-title a {
    color: #006b3c;
}
.widget-news .more-link {
    margin-left: auto;
    position: relative;
    background-color: #fff;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #006b3c;
}
.widget-news .more-link:hover {
    color: #034726;
}


.giuseart-nav {
    position: fixed;
    right: 13px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 200px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
}
.giuseart-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.giuseart-nav ul li {
    list-style: none !important;
}
.giuseart-nav ul > li a {
    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}
.giuseart-nav ul > li a i.ticon-heart {
    background: url(../kang/images/icon/shopee-icon.jpg) 0 0 / contain no-repeat;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i.ticon-zalo-circle2 {
    background: url(../kang/images/icon/zalo.jpeg) 0 0 / contain no-repeat;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i.ticon-angle-up {
    background: url(../kang/images/icon/up.png) 0 0 / contain no-repeat;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}
.giuseart-nav ul li .button .btn_phone_txt {
    top: 35px;
    font-size: 10px;
    font-weight: 700;
    text-transform: none;
    position: relative;
}
. .giuseart-nav ul li .button .phone_animation i,
.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}
.giuseart-nav ul > li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.giuseart-nav ul > li a i.ticon-messenger {
    background: url(../kang/images/icon/cart_icon.png) 0 0 / contain no-repeat;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i.ticon-chat-mess {
    background: url(../kang/images/icon/cart_icon.png) 0 0 / contain no-repeat;
    width: 36px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i.ticon-chat-sms {
    background: url(../kang/images/icon/lazada-icon.jpg) 0 0 / contain no-repeat;
    width: 38px;
    height: 36px;
    display: block;
}
.giuseart-nav ul > li a i.icon-phone-w {
    background: url(../kang/images/icon/icon-2.png) 0 0 / contain no-repeat;
}
@media only screen and (max-width: 600px) {
    .giuseart-nav li .chat_animation,
    .phone-mobile {
        display: block !important;
    }
    .giuseart-nav li .button .phone_animation {
        box-shadow: none;
        position: absolute;
        top: -16px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background: #6cb917;
        line-height: 15px;
        border: 2px solid #fff;
    }
    .giuseart-nav ul > li a {
        padding: 0;
        margin: 0 auto;
    }
    .giuseart-nav {
        background: #fff;
        width: 100%;
        border-radius: 0;
        color: #fff;
        height: 55px;
        line-height: 50px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        padding: 5px;
        margin: 0;
        box-shadow: 0 4px 10px 0 #000;
    }
    .giuseart-nav li {
        float: left;
        width: 20%;
        list-style: none;
        height: 50px;
    }
}
#button-contact-vr {
    position: fixed;
    bottom: 0px;
    z-index: 99999;
}
/*phone*/
#button-contact-vr .button-contact {
    position: relative;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
	
    width: 25px;
    top: 8px;
    left: 7px;
    position: absolute;

   
}
@-webkit-keyframes phone-vr-circle-fill {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    background: rgb(232, 58, 58);
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;white-space: nowrap;
}
.phone-bar a:hover {
    opacity: 0.8;color: #fff;
}
@media(max-width: 736px){
    .phone-bar{display: none;}
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
#messenger-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, 0.8);
}
#messenger-vr .phone-vr-img-circle {
    background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#contact-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgb(177 179 64 / 0%);
}
.phone-vr-circle-fill {
    width: 50px;
    height: 50px;
    top: 20px;
    left: 20px;
}
.phone-bar a {
    display: none;
}
#button-contact-vr .button-contact {
    margin-top: -25px;
}
#phone-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #009acf;
    background-color: rgb(177 179 64 / 0%) !important;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #009acf;
    background-color: rgb(177 179 64 / 0%) !important;
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
    margin-top: 70px;
    margin-left: 45px;
}
.phone-bar a, #phone-vr .phone-vr-circle-fill, #phone-vr .phone-vr-img-circle, #phone-vr .phone-bar a {
    background-color: #009acf;
    margin-top: 5px;
    margin-left: -10px;
}
#zalo-vr .phone-vr-circle-fill {
display: none;
}
#contact-vr .phone-vr-circle-fill {
display: none;
}
#contact-vr .phone-vr-img-circle {
    margin-left: 100px;
    margin-top: 135px;
}

#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
    margin-top: 70px;
    margin-left: 50px;
}
.phone-bar a, #phone-vr .phone-vr-circle-fill, #phone-vr .phone-vr-img-circle, #phone-vr .phone-bar a {
    background-color: #009acf;
    margin-top: 5px;
    margin-left: -10px;
}
#zalo-vr .phone-vr-circle-fill {
display: none;
}
#contact-vr .phone-vr-circle-fill {
display: none;
}
#contact-vr .phone-vr-img-circle {
    margin-left: 105px;
    margin-top: 135px;
}

#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
    margin-top: 70px;
    margin-left: 45px;
}
.phone-bar a, #phone-vr .phone-vr-circle-fill, #phone-vr .phone-vr-img-circle, #phone-vr .phone-bar a {
    background-color: #009acf;
    margin-top: 5px;
    margin-left: -10px;
}
#zalo-vr .phone-vr-circle-fill {
display: none;
}
#contact-vr .phone-vr-circle-fill {
display: none;
}
#contact-vr .phone-vr-img-circle {
    margin-left: 100px;
    margin-top: 135px;
}

.review-buynow {
    list-style: none;
}
.review-buynow ul {
    display: block;
    border: none !important;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0!important;
    padding: 5px 0;
}
.review-buynow ul li {
    width: 100%;
    display: block;
    margin-left: 0;
    float: left;
    margin-bottom: 20px;
    text-align: center;
    padding: 0;
	
}
.review-buynow ul li a{
	text-decoration:none;
	color:white;
	width: 60%;
	border-radius: 4px;
	font-weight: 700;
	line-height: 20px;
	padding: 15px 20px;

}
@media (min-width: 1025px) {
	.review-buynow{
		
	width: 50%;
	
	    margin: auto;
	}
}

.item-title {
    font-weight: bold;
	text-align:center;
    font-size: 14px;
    width: 100%;
    line-height: 22px;
   	max-height: 22px;
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
    transition: none;
	color:#0183bf;
}
@media only screen and (max-width:480px) {
	.hide_on_mobile {
		display: none !important;
	}
}


.qty {
  display: flex;
  align-items: center;
}

.qty input[type="number"] {
  width: 60px;
  padding: 5px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.qty span {
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  background-color: #009b49;
  color: white;
  border-radius: 5px;
  margin: 0 5px;
}

.qty span:hover {
  background-color: #0056b3;
}

/* TĂ¡Â»â€˜i Æ°u header */

#masthead .container {
    display: flex;
    justify-content: space-between; /* PhĂ¢n bĂ¡Â»â€˜ Ă„â€˜Ă¡Â»Âu giĂ¡Â»Â¯a logo, form tìm kiĂ¡ÂºÂ¿m vÄ‚  giĂ¡Â»Â hÄ‚ ng */
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    
}

.header-left #logo img {
    max-width: 100px; /* KĂ­ch thĂ†Â°Ă¡Â»â€ºc logo */
    height: auto;
}

/* ĐiĂ¡Â»Âu chĂ¡Â»â€°nh form tìm kiĂ¡ÂºÂ¿m */
.header-center #search-form-box {
    position: relative;
    width: 100%; 
    max-width: 500px; /* GiĂ¡Â»â€ºi hĂ¡ÂºÂ¡n chiĂ¡Â»Âu rĂ¡Â»â„¢ng cĂ¡Â»Â§a form tìm kiĂ¡ÂºÂ¿m */
}

.header-center #search-form-box input[type="search"] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #b5b2b2;
    border-radius: 4px; /* ThĂªm bo trĂ²n cho Ă´ tìm kiĂ¡ÂºÂ¿m */
}

.header-center #search-form-box input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 15px;
    background-color: #ff6935; /* MÄ‚ u nĂ¡Â»Ân cĂ¡Â»Â§a nĂºt tìm kiĂ¡ÂºÂ¿m */
    color: #fff;
    border: none;
    cursor: pointer;
}

/* Responsive cho header */
@media (max-width: 768px) {
    #masthead .container {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .header-left, .header-center, .block.cart {
        width: 100%;
        text-align: center;
        
    }

    .header-center #search-form-box {
        max-width: 100%;
    }
}




/* Overlay cho popup */
#cartSuccessModal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: none; /* Ẩn mặc định */
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
  
  /* Ná»™i dung chĂ­nh trong popup */
  #cartSuccessModal .cart-item {
    display: flex;
    gap: 10px;
    margin: 10px 0;
    align-items: center;
  }
  
  #cartSuccessModal .popup-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
  }
  
  #cartSuccessModal .cart-item-info {
    font-size: 14px;
  }
  
  #cartSuccessModal .cart-total {
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
  }
  
  #cartSuccessModal .cart-popup-footer {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 15px;
  }
  
  #cartSuccessModal .btn-view,
  #cartSuccessModal .btn-pay {
    background: #007bff;
    color: white;
    padding: 8px 14px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
  }
  
  #cartSuccessModal .btn-pay {
    background: #28a745;
  }
  
  /* NĂºt Ä‘Ă³ng */
  #cartSuccessModal .close-popup {
     position: absolute;
    top: 10px;
    right: 14px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
  }
  
  /* Há»™p ná»™i dung popup */
  #cartSuccessModal .cart-popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    position: relative;
  }
  
  /* Mobile view: Đẩy xuống dưới */
  @media (max-width: 768px) {
    #cartSuccessModal {
      align-items: flex-end;
    }
    #cartSuccessModal .cart-popup-content {
      border-radius: 10px 10px 0 0;
      width: 100%;
      max-width: 100%;
    }
  }

  /* Mobile Action Bar */
.mobile-action-bar {
    display: none;
}
@media (max-width: 768px) {
    .mobile-action-bar {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        box-shadow: 0 -2px 12px rgba(0,0,0,0.10);
        z-index: 2000;
        padding: 0.2rem 0;
    }
    .action-bar-content {
        display: flex;
        justify-content: space-around;
        align-items: center;
        max-width: 600px;
        margin: 0 auto;
    }
    .action-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1;
        cursor: pointer;
        padding: 0.3rem 0;
    }
    .action-icon {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #f1f1f1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
        color: #28a745;
        position: relative;
    }
    .action-badge {
        position: absolute;
        top: -5px;
        right: -5px;
		font-size: 10px;
		padding: 2px 5px;
        background: #ff4757;
        color: #fff;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .action-label {
        font-size: 0.75rem;
        color: #222;
    }
    body {
        padding-bottom: 0px; /* Đảm bảo ná»™i dung khĂ´ng bị che bởi action bar */
    }
}

/* ==== Cart Popup ==== */
.cart-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none; /* Mặc định ẩn */
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.cart-popup-overlay .btn-add-cart{
  width: 100%;
}
.cart-popup-content {
  position: relative;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 400px;
  animation: fadeIn 0.3s ease-in-out;
}

.close-popup {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 24px;
  font-weight: bold;
  background: none;
  border: none;
  cursor: pointer;
}

.cart-popup-title {
  margin: 0 0 12px;
  font-size: 18px;
  color: #28a745;
}

.cart-popup-body {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.popup-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #eee;
}

.cart-item-info {
  flex: 1;
}

.product-name {
  margin: 0 0 6px;
  font-weight: bold;
}

.product-price {
  margin: 0;
  color: #d33615;
  font-weight: bold;
}

.cart-popup-attributes {
  margin: 12px 0;
}

.attribute-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.chon-loai-btn {
  padding: 8px 14px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  border-radius: 4px;
  cursor: pointer;
}

.chon-loai-btn.active {
  background: #28a745;
  color: #fff;
  border-color: #28a745;
}

.cart-popup-qty {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.cart-popup-qty button {
  width: 32px;
  height: 32px;
  font-size: 18px;
  cursor: pointer;
}

.cart-popup-qty input {
  width: 50px;
  text-align: center;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.btn-add-cart {
  display: inline-block;
 
  padding: 10px;
  border: none;
  border-radius: 999px;
  background: #28a745;
  color: white;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}

.btn-add-cart:hover {
  background: #218838;
}

/* ==== CONTAINER ==== */
.chon-loai-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin:10px auto;
}

/* ==== BUTTON ==== */
.chon-loai-btn {
  padding: 8px 14px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.25s ease;
  font-size: 14px;
}

/* ==== HOVER ==== */
.chon-loai-btn:hover {
  background: #e6f4ea;
  border-color: #28a745;
  color: #28a745;
}

/* ==== ACTIVE ==== */
.chon-loai-btn.active {
  background: #28a745;
  color: #fff;
  border-color: #28a745;
}


@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
  .cart-popup-content {
    border-radius: 10px 10px 0 0;
    width: 100%;
    max-width: 100%;
  }
}


/* ==== BUTTON BASE ==== */
.btn-add-cart,
.btn-buy-now {
  flex: 1; 
  min-width: 150px;
  display: inline-block;
  padding: 10px 20px;
  border: none;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* ==== THÊM VĂ€O GIỎ ==== */
.btn-add-cart {
  background-color: #28a745;
  color: #fff;
}

.btn-add-cart:hover {
  background-color: #218838;
}

/* ==== MUA NGAY ==== */
.btn-buy-now {
  background-color: red;
  color: #fff;
}

.btn-buy-now:hover {
  background-color: #e68900;
}

/* ==== Bổ sung: Hiệu ứng đổ bĂ³ng (optional) ==== */
.btn-add-cart:hover,
.btn-buy-now:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.video-button {
    position: absolute;
    top: 40px;
    left: 10px;
    background-color:#1e73be;
    color: white;
    padding: 5px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
  
}
/* Style cho modal */
  #cartSuccessModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
  }

  .modal-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 300px;
    text-align: center;
    border-radius: 10px;
  }

  .close-btn {
    color: #aaa;
    float: right;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
  }
/* Popup styling */
.kang-form-order {
    position: fixed;
    left: 50%;
    top: -550px;
    width: 675px;
    margin-left: -337px;
    background: #fff;
    border-radius: 6px;
    display: none; /* Ẩn mặc định */
    z-index: 1200;
    opacity: 0;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.kang-form-order.open-popup {
    top: 80px;
    display: flex; /* Hiển thị khi mở popup */
    flex-direction: column;
    justify-content: center;
   
    opacity: 1;
}

h2.title-form {
    background: #d33615;
    color: #fff;
    font-size: 15px;
    padding: 9px 12px;
    position: relative;
    margin: 0;
}

h2.title-form a.close-order {
    position: absolute; /* Đặt nĂºt tắt ở gĂ³c phải */
    right: 12px; /* Căn lề phải */
    top: 50%; /* Canh giữa theo chiều dọc */
    transform: translateY(-50%); /* Đảm bảo nĂºt nằm giữa */
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1300;
}

.content-form iframe {
    width: 100%;
    height: 315px;
}

/* CSS tối Æ°u trĂªn thiết bị di Ä‘á»™ng */
@media only screen and (max-width: 768px) {
    .kang-form-order {
        width: 90%;
        top: 10%;
        left: 5%;
        margin: 0;
        transform: none; /* Đảm bảo căn giữa */
        border-radius: 6px;
    }

    .content-form iframe {
        height: 200px; /* Giảm chiều cao video */
    }
	h2.title-form {
        font-size: 14px;
        padding: 8px;
    }

    h2.title-form a.close-order {
        right: 8px;
        top: 50%; /* Đảm bảo nằm giữa */
        transform: translateY(-50%);
    }
   
    
}
/** ÄĂ¡nh GiĂ¡ SP **/
.border_left{
	color: #2367ff;
	margin-right: 8px;
	
}
span.slash {
    width: 1px;
    height: 20px;
    background-color: #e3e3e3;
    padding: 0;
	margin-right:5px;
    display: inline-block;
}
.product-rate{
	
    align-items: center;
    margin: 5px 0;
}
.box_rating_detail_pc span.slash {
    width: 1px;
    height: 20px;
    background-color: #e3e3e3;
    padding: 0;
    display: inline-block;
}
.medium-rate{
	margin-right: 8px;
	color: #2367ff;	
}
.rating-stars {
    display: inline-flex;
}
.fa.fa-star {
    color: #ffcc00;
}
.all-price-new {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
}
.all-price-new > p.new-price {
    font-size: 20px;
    color: #dc0000;
	font-weight: 700;
}
.all-price-new > p {
    padding-right: 10px;
}
.all-price-new > p.old-price {
    font-size: 14px;
    color: #888;
    text-decoration: line-through;
}
/** Cam Kết **/
.box_commitment {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  margin-top: 15px;
  margin-bottom: 12px;
}

.box_commitment .item2coll {
  width: 50%; /* 270px */
  height: auto; /* 40px */
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
  margin-right: 40px;
}

.box_commitment .item2coll span.text {
 
  font-size: 14px;
  line-height: 1.5;
}

.box_commitment .item2coll span.icon {
  flex-shrink: 0;
  width: 22px;
  height: 26px;
  overflow: visible;
  aspect-ratio: 0.8489932885906041 / 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.box_commitment .group_commit .item2coll:after {
  margin-right: 0;
}

.box_commitment .group_commit {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

/**Mua HĂ ng**/
@media only screen and (max-width: 767px){
	#stickyheader {
		z-index: 1000;
	}
}

#stickyheader {
    position: fixed;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: auto;
    background: #fff;
    z-index: 3001;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#stickyheader.active {
    bottom: 0;
}
.stickyheader-btn {
    display: flex;
    direction: rtl;
}
.btn-supp-wrap {
    height: 45px;
    line-height: 29px;
}
.buy-now {
    background: #da251c;
}
.stickyheader-btn .btn-buy-wrap {
    margin-bottom: 0;
}
.btn-buy-wrap {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
.btn-shopp-manual {
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    height: 45px;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    display: block;
    padding: 0;
}
button {
    border: none;
    outline: none;
}
#btn-buy-prod2 .txt-shopp {
    position: relative;
}
.stickyheader-btn .txt-shopp {
    padding-top: 0;
}
.txt-shopp {
    display: block;
    padding-top: 4px;
}
#popup-qty {
    width: 48px;      /* hoặc 40px, tuỳ giao diện */
    min-width: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin: 0 4px;
    background: #fafafa;
    transition: border 0.2s;
  }
  #popup-qty:focus {
    border-color: #ff9800;
    outline: none;
  }
  .cart-popup-qty {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  #popup-qty-minus, #popup-qty-plus {
    min-width: 32px;
    min-height: 32px;
    font-size: 20px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #f1f1f1;
    color: #444;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s, border 0.2s;
  }
  #popup-qty-minus:hover, #popup-qty-plus:hover {
    background: #e0e0e0;
    border-color: #bbb;
    color: #d10000;
  }
  
       .all-products::after { content: ""; display: table; clear: both; }
        .k-product { box-sizing: border-box; float: left; width: 19%; margin: 0.5%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; transition: all 0.3s ease; }
        .k-product:hover { box-shadow: 0 5px 15px -2px rgba(0,0,0,0.2); transform: translateY(-5px); }
        h3.title-product { font-size: 13px; margin: 10px 0 5px; font-weight: 700; border-top: 1px solid #dadada; padding-top: 7px; height: 59px; overflow: hidden; }
        .k-product .thumbnail { display: block; text-decoration: none; color: inherit; }
        
        .price { color: #ff3838; font-size: 16px; font-weight: 700; }
        .old_price { font-size: 13px; color: #888; margin-right: 8px; }
        .product-highlight-wrap, .product-highlight-item { margin: 0; padding: 0; text-align: center; list-style: none; }
        .prod-hl-discount { position: absolute; right: 5px; top: 5px; z-index: 3; width: 45px; height: 45px; }
        .prod-hl-discount span { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #ff3838; color: white; font-size: 14px; font-weight: bold; border-radius: 50%; }

        /* === CSS CHO HIỆU ỨNG TRÊN ẢNH (PHẦN QUAN TRỌNG NHẤT) === */
        .prod-hl-thumb {
            position: relative;
            aspect-ratio: 1 / 1;
            overflow: hidden;
            border-radius: 5px; /* Bo tròn góc cho đẹp */
        }
        .prod-hl-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        
        /* Lớp phủ mờ */
        .prod-hl-thumb::before {
            content: '';
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            opacity: 0; /* Mặc định ẩn */
            transition: opacity 0.4s ease;
            z-index: 1;
        }

        /* Nút hành động */
        .product-action {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            opacity: 0; /* Mặc định ẩn */
            visibility: hidden; /* Mặc định ẩn hoàn toàn */
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }

        /* HIỆU ỨNG KHI RÊ CHUỘT VÀO SẢN PHẨM */
        .k-product:hover .prod-hl-thumb img {
            transform: scale(1.1); /* Zoom ảnh */
        }
        

        .product-action .btn-circle {
            display: flex; align-items: center; justify-content: center;
            width: 50px; height: 50px;
            border-radius: 50%;
            background-color: white;
            color: #333;
            font-size: 18px;
            text-decoration: none;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            transition: all 0.2s ease;
        }
        .product-action .btn-circle:hover {
            background-color: #ff3838;
            color: white;
        }
        
        /* === CSS POPUP VÀ RESPONSIVE === */
        @media (max-width: 768px) {
            .k-product { width: 48%; margin: 1%; }
            /* Trên Mobile, nút luôn hiển thị để người dùng có thể bấm */
            
            
        }
        	/* ==========================================================================
   CATEGORY SLIDER SECTION
   ========================================================================== */


.section-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 30px;
    color: #333;
    font-weight: 700;
}

/* Style cho Swiper container */
.category-swiper {
    position: relative;
    padding: 0 15px 40px 15px; /* Thêm padding và khoảng trống cho pagination */
}

/* Style cho từng item danh mục */
.category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.category-item:hover {
    transform: translateY(-5px);
}

.category-image-wrapper {
    width: 120px;
    height: 120px;
    border-radius: 50%; /* Bo tròn ảnh */
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    margin-bottom: 15px;
    background-color: #e5e5e5;
}

.category-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Đảm bảo ảnh luôn vừa vặn */
}

.category-name {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin: 0;
}

.category-item:hover .category-name {
    color: #ff3838;
}

/* Tùy chỉnh các nút điều hướng của Swiper */
.category-swiper .swiper-button-next,
.category-swiper .swiper-button-prev {
    color: #ff3838; /* Màu của mũi tên */
    background-color: rgba(255, 255, 255, 0.8);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.category-swiper .swiper-button-next:after,
.category-swiper .swiper-button-prev:after {
    font-size: 20px; /* Kích thước của icon mũi tên */
}

/* Tùy chỉnh các chấm phân trang của Swiper */
.category-swiper .swiper-pagination-bullet {
    background-color: #ff3838;
    width: 10px;
    height: 10px;
}

.category-swiper .swiper-pagination-bullet-active {
    background-color: #d62c2c;
}
	
.load-more-container {
    text-align: center;
    margin-top: 2rem;
}
.kang-load-more-btn {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 12px 30px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}
.kang-load-more-btn:hover:not(:disabled) {
    background-color: #005a87;
    transform: translateY(-2px);
}
.kang-load-more-btn:disabled {
    background-color: #999;
    cursor: not-allowed;
}
.kang-load-more-btn .fa-spinner {
    margin-right: 8px;
}

/* =================================================================== */
/*  CSS TỐI ƯU HÓA CHO KHỐI THÔNG TIN SẢN PHẨM (RIGHT-SHORT)
/* =================================================================== */

/* --- Container chính --- */
.right-short {
   
    display: flex;
    flex-direction: column;
    gap: 15px; /* Tạo khoảng cách đồng đều giữa các khối */
}


/* --- Khối giá gốc và giá bán --- */
.regular-price-wrapper { /* Tạo một class bao bọc giá cho dễ quản lý */
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 15px;
    border: 1px dashed #ddd;
	margin:10px auto;
}
.regular-price-wrapper #gia-san-pham {
    font-size: 26px;
    font-weight: 700;
    color: #d10000;
}
.regular-price-wrapper #gia-cu {
    font-size: 16px;
    color: #777;
    margin-left: 10px;
}

/* --- Khối chọn thuộc tính --- */
.chon-loai-btns {
    order: 5;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.chon-loai-btn {
    padding: 8px 16px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 500;
}
.chon-loai-btn:hover {
    border-color: #1E854A;
    color: #1E854A;
}
.chon-loai-btn.active {
    background-color: #1E854A;
    color: #fff;
    border-color: #1E854A;
    font-weight: 700;
}
/* --- Container chính của khối Flash Sale --- */
.flash-sale-container {
    background: linear-gradient(95deg, #ff512f 0%, #f09819 100%);
    border-radius: 8px;
    padding: 12px 18px;
    color: white;
    box-shadow: 0 5px 15px rgba(240, 152, 25, 0.3);
    margin: 10px 0;
    
}

/* --- Header: Chứa Tiêu đề và Đồng hồ --- */
.flash-sale-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

/* --- Tiêu đề "Flash Sale" --- */
.flash-sale-title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    letter-spacing: 0.5px;
}

/* --- Icon tia sét SVG --- */
.flash-sale-title svg {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    fill: #fff700;
    filter: drop-shadow(0 0 2px rgba(255, 247, 0, 0.7));
}

/* --- Đồng hồ đếm ngược --- */
.flash-sale-countdown {
    text-align: right;
}

.flash-sale-countdown .countdown-label {
    font-size: 12px;
    font-weight: 500;
    opacity: 0.9;
    margin-bottom: 2px;
}

.flash-sale-countdown .time-blocks {
    display: flex;
    gap: 4px;
    align-items: center;
    font-weight: 700;
}

.flash-sale-countdown .time-block {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 4px 7px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    color: #fff;
    min-width: 28px;
    text-align: center;
}

/* --- Thanh tiến trình số lượng --- */
.flash-sale-progress {
    width: 100%;
}

.progress-bar-background {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    height: 22px;
    position: relative;
    overflow: hidden;
}

/* --- Thanh fill hiển thị số lượng đã bán --- */
.progress-bar-fill {
    background: #ffffff;
    height: 100%;
    border-radius: 100px;
    transition: width 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    position: relative;
}

/* Tạo hiệu ứng ngọn lửa ở đầu thanh fill */
.progress-bar-fill::after {
    content: '🔥';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    opacity: 0.8;
}

/* --- Text trên thanh tiến trình --- */
.progress-bar-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: #e62e05;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}
/* ======================================================= */
/* ==      OFF-CANVAS MOBILE MENU (ĐA CẤP ĐẦY ĐỦ)      == */
/* ======================================================= */

/* --- 1. Lớp phủ nền --- */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9998; /* Nằm dưới menu nhưng trên nội dung trang */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.menu-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

/* --- 2. Khung menu chính --- */
.mobile-navigation-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 85%;
    max-width: 320px;
    height: 100%;
    background-color: #fff;
    z-index: 9999; /* Luôn nằm trên cùng */
    padding: 20px;
    box-sizing: border-box;
    transform: translateX(-100%); /* Mặc định ẩn sang bên trái */
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 2px 0 15px rgba(0,0,0,0.15);
    overflow-y: auto; /* Cho phép cuộn nếu menu quá dài */
}

.mobile-navigation-menu.is-open {
    transform: translateX(0); /* Trượt ra để hiển thị */
}

/* --- 3. Các thành phần bên trong menu --- */
.mobile-navigation-menu .menu-header {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.mobile-navigation-menu .close-mobile-menu-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 2.8rem;
    line-height: 1;
    color: #999;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
}
.close-mobile-menu-btn:hover {
    color: #000;
}

/* --- 4. Style cho danh sách menu và các mục --- */
.mobile-navigation-menu .mobile-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-navigation-menu .mobile-menu-list li {
    position: relative; /* Cần thiết để định vị nút toggle */
}

.mobile-navigation-menu .mobile-menu-list li a {
    display: block;
    padding: 13px 45px 13px 10px; /* Chừa không gian bên phải cho nút toggle */
    text-decoration: none;
    color: #444;
    border-bottom: 1px solid #f2f2f2;
    font-size: 1rem;
    transition: background-color 0.2s;
}

.mobile-navigation-menu .mobile-menu-list li a:hover {
    background-color: #f7f7f7;
}

/* --- 5. Style cho menu đa cấp --- */
/* Nút bấm để mở/đóng menu con */
.mobile-navigation-menu .sub-menu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px; /* Chiều cao nên bằng chiều cao của mục menu (padding + line-height) */
    background: transparent;
    border: none;
    border-left: 1px solid #f2f2f2;
    cursor: pointer;
    color: #888;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s, background-color 0.2s;
}

.mobile-navigation-menu .sub-menu-toggle:hover {
    background-color: #f0f0f0;
}

/* Hiệu ứng xoay icon khi menu con được mở */
.mobile-navigation-menu .menu-item-has-children.is-open > .sub-menu-toggle {
    transform: rotate(45deg); /* Biến dấu + thành dấu × */
}

/* Danh sách menu con (sub-menu) */
.mobile-navigation-menu .sub-menu {
    list-style: none;
    padding-left: 15px; /* Thụt lề so với mục cha */
    background-color: #f9f9f9;
    
    /* Mặc định ẩn đi với hiệu ứng trượt mượt mà */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
}

/* Khi mục cha có class 'is-open', menu con sẽ hiện ra */
.mobile-navigation-menu .menu-item-has-children.is-open > .sub-menu {
    max-height: 1000px; /* Đặt một giá trị đủ lớn để chứa tất cả các mục con */
}

.mobile-navigation-menu .sub-menu li a {
    padding-left: 20px;
    font-size: 0.95rem;
    color: #555;
    border-color: #e9e9e9;
}
/* ================================================================ */
/* = CSS NÂNG CẤP TOÀN DIỆN CHO TRANG CHI TIẾT BÀI VIẾT
/* ================================================================ */

/* --- 1. Cải thiện Bố cục & Vùng Nội dung chính --- */




/* --- 2. Tối ưu hóa Khả năng Đọc của Bài viết --- */
.single-content {
    font-size: 17px;
    line-height: 1.8;
    color: #333;
}
.single-content h1, .single-content h2, .single-content h3 {
    color: #1a1a1a;
    line-height: 1.4;
    font-weight: 700;
}
.single-content h2 {
    font-size: 24px;
    padding-bottom: 8px;
    border-bottom: 2px solid #f0f0f0;
    margin: 40px 0 20px 0;
}
.single-content h3 {
    font-size: 20px;
    margin: 30px 0 15px 0;
}
.single-content p {
    margin-bottom: 1.5em;
}


.faq-answer ul {
    list-style-type: disc; 
    padding-left: 25px;     
}

.faq-answer > *:last-child {
    margin-bottom: 0;
}

.single-content .wp-caption-text {
  
    text-align: center;
}

/* --- 3. Thiết kế lại Box Tác Giả --- */
.author-box {
    display: flex;
    gap: 25px;
    padding: 25px;
    background-color: #f9f9f9;
    border-radius: 12px;
    align-items: center;
    border: 1px solid #eee;
}
.author-box .avatar img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
}
.author-box h5.author-title {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 700;
}
.author-box time {
    font-size: 13px;
    color: #888;
}
.author-box .author-description {
    margin: 10px 0;
    font-size: 15px;
    line-height: 1.6;
}
.author-links a {
    font-size: 18px;
    color: #555;
    margin-right: 15px;
    transition: color 0.2s;
}
.author-links a:hover {
    color: #1E854A;
}

/* --- 4. Thiết kế lại Khối "Bài Viết Liên Quan" --- */

.related-posts-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 cột trên PC */
    gap: 20px;
}
.related-post-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}
.related-post-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
.related-post-item a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.related-thumb img {
    width: 100%;
    height: 120px; /* Chiều cao cố định cho ảnh */
    object-fit: cover;
    display: block;
}
.related-title {
    padding: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    text-align: left;
    line-height: 1.4;
    flex-grow: 1; /* Đẩy title chiếm hết không gian còn lại */
}
.related-post-item:hover .related-title {
    color: #1E854A;
}

/* --- 5. Responsive --- */
@media (max-width: 991px) {
    .related-posts-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 767px) {
    h1.kang-title { font-size: 26px; }
    .content-main { padding: 20px; }
    .author-box { flex-direction: column; text-align: center; }
    .author-box .avatar { margin: 0 0 15px 0; }
    .related-posts-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .related-posts-list {
        grid-template-columns: 1fr; /* 1 cột trên mobile nhỏ */
    }
}

/* =================================================================== */
/*  CSS HOÀN CHỈNH CHO KHỐI TAB SẢN PHẨM VỚI LOAD MORE
/*  (Responsive 5 cột PC, 2 cột Mobile)
/* =================================================================== */

/* --- Container chính của khối --- */
.featured-products-tabs-section {
    padding: 10px 0;
    
}

/* --- Tiêu đề khối --- */
.section-header {
    text-align: center;
    margin-bottom: 30px;
}

.section-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #222;
}

/* --- Thanh điều hướng các Tab --- */
/* --- CSS NÂNG CẤP CHO THANH ĐIỀU HƯỚNG TAB VỚI NÚT CUỘN --- */

.tabs-nav-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.tabs-nav-wrapper {
    /* Mặc định cho PC: không ẩn gì cả */
    overflow: visible; 
    flex-grow: 1;
}
.tabs-nav-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/* --- Thanh tab chứa các nút --- */
.product-tabs-nav {
    display: flex;
    justify-content: center; /* Căn giữa các tab trên PC */
    flex-wrap: wrap; /* Cho phép các tab xuống dòng nếu không đủ chỗ trên PC */
    gap: 15px; /* Khoảng cách giữa các tab */
    padding: 5px 0;
}

/* --- Nút tab --- */
.tab-nav-item {
    padding: 10px 25px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #555;
    transition: all 0.3s ease;
    white-space: nowrap; /* Ngăn tên tab dài bị xuống dòng */
    flex-shrink: 0;
}

.tab-nav-item.active {
    background-color: #1E854A;
    color: #fff;
    border-color: #1E854A;
    box-shadow: 0 4px 10px rgba(30, 133, 74, 0.25);
}
/* Mặc định ẩn các nút cuộn trên PC */
.tab-scroll-btn {
    display: none;
}

/* --- Nút cuộn (trái/phải) --- */
.tab-scroll-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 10;
    transition: all 0.2s ease;
    flex-shrink: 0; /* Không bị co lại */
}

.tab-scroll-btn:hover {
    background-color: #f0f0f0;
    border-color: #ccc;
}

.tab-scroll-btn.prev {
    margin-right: 10px;
}

.tab-scroll-btn.next {
    margin-left: 10px;
}

.tab-scroll-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.tab-nav-item {
    padding: 10px 25px;
    border: none;
    background-color: transparent;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #555;
    transition: all 0.3s ease;
    white-space: nowrap; /* Ngăn tên tab dài bị xuống dòng */
}

.tab-nav-item.active {
    background-color: #1E854A; /* Màu xanh của 3S Farm */
    color: #fff;
    box-shadow: 0 4px 10px rgba(30, 133, 74, 0.25);
}

/* --- Khối nội dung của Tab --- */
.product-tab-panel {
    display: none;
    animation: fadeIn 0.5s;
}

.product-tab-panel.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- Cấu trúc RESPONSIVE cho Mobile (ví dụ: màn hình dưới 992px) --- */
@media (max-width: 991px) {
    /* Hiển thị lại các nút cuộn */
    .tab-scroll-btn {
        display: flex;
    }
    
    /* Bật chế độ cuộn */
    .tabs-nav-wrapper {
        overflow-x: auto; /* Bật cuộn ngang */
        -ms-overflow-style: none;  /* Ẩn thanh cuộn trên IE/Edge */
        scrollbar-width: none;  /* Ẩn thanh cuộn trên Firefox */
    }
    .tabs-nav-wrapper::-webkit-scrollbar {
        display: none; /* Ẩn thanh cuộn trên Chrome/Safari */
    }
    
    /* Điều chỉnh lại thanh tab để không xuống dòng */
    .product-tabs-nav {
        justify-content: flex-start; /* Căn lề trái */
        flex-wrap: nowrap; /* **Quan trọng**: Ngăn các tab xuống dòng */
        transition: transform 0.4s ease; /* Bật lại hiệu ứng cuộn mượt bằng JS */
    }
}
/* --- Lưới sản phẩm (Product Grid) --- */
.product-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Mặc định 2 cột cho mobile */
    gap: 15px;
}

/* --- Giao diện cho từng sản phẩm (Product Item) --- */
.product-item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column; /* Đảm bảo các item có chiều cao đều nhau nếu cần */
}

.product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.product-image-wrapper {
    position: relative;
    padding-top: 100%; /* Tạo tỷ lệ 1:1 cho ảnh */
}

.product-image-wrapper a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Đảm bảo ảnh vừa vặn, không bị méo */
    display: block;
}

.sale-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #d10000;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    z-index: 2;
}

.product-actions {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(10px); /* Ẩn xuống dưới */
    display: flex;
    gap: 8px;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 2;
}

.product-item:hover .product-actions {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.action-btn {
    background-color: #fff;
    color: #333;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    transition: all 0.2s ease;
    text-decoration: none;
}

.action-btn:hover {
    background-color: #1E854A;
    color: #fff;
    transform: scale(1.1);
}

.product-info {
    padding: 15px;
    text-align: center;
    flex-grow: 1; /* Giúp đẩy giá xuống dưới */
    display: flex;
    flex-direction: column;
}

.product-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px 0;
    height: 48px;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    flex-grow: 1; /* Đảm bảo title chiếm không gian cần thiết */
}

.product-title a {
    color: #333;
    text-decoration: none;
}

.product-title a:hover {
    color: #1E854A;
}

.product-price {
    font-size: 18px;
    font-weight: 700;
    margin-top: auto; /* Đẩy giá xuống cuối cùng */
}

.product-price .new-price {
    color: #d10000;
}

.product-price .old-price {
    color: #999;
    text-decoration: line-through;
    font-size: 14px;
    margin-left: 8px;
}

.product-price .contact-price {
    font-size: 16px;
    color: #333;
}


/* --- CSS CHO NÚT LOAD MORE --- */
.load-more-container {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 20px;
}

.btn-load-more {
    display: inline-block;
    padding: 12px 30px;
    background-color: #fff;
    color: #1E854A;
    border: 2px solid #1E854A;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-load-more:hover {
    background-color: #1E854A;
    color: #fff;
}

.btn-load-more.loading {
    cursor: not-allowed;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #999;
    position: relative;
}

.btn-load-more.loading::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 3px solid rgba(0,0,0,0.2);
    border-top-color: #666;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.btn-load-more.loading span {
    visibility: hidden;
}

/* --- Cấu trúc Responsive --- */
/* Tablet */
@media (min-width: 768px) {
    .product-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

/* PC nhỏ & Laptop */
@media (min-width: 992px) {
    .product-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* PC lớn: 5 CỘT */
@media (min-width: 1200px) {
    .product-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Mobile: Xử lý cuộn ngang cho thanh tab */
@media (max-width: 767px) {
    .product-tabs-nav {
        display: flex;
        overflow-x: auto;
        justify-content: flex-start; /* Bắt đầu từ bên trái */
        width: 100%;
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 5px 0;
    }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Dùng chung cho pagination */
.product-swiper-pagination, .viewed-product-swiper-pagination {
    position: relative !important;
    bottom: 0 !important;
    text-align: center;
    margin-top: 12px;
}

.product-swiper-pagination .swiper-pagination-bullet,
.viewed-product-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    margin: 0 4px;
    border-radius: 50%;
    transition: background 0.3s ease, transform 0.3s ease;
}

.product-swiper-pagination .swiper-pagination-bullet-active,
.viewed-product-swiper-pagination .swiper-pagination-bullet-active {
    background: #4CAF50;
    transform: scale(1.2);
}

/* Dùng chung cho nút điều hướng */
.product-swiper .swiper-button-next,
.product-swiper .swiper-button-prev,
.viewed-product-swiper .swiper-button-next,
.viewed-product-swiper .swiper-button-prev {
    color: #ff3838;
    background-color: rgba(255, 255, 255, 0.8);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.viewed-product-swiper .swiper-button-next:hover,
.viewed-product-swiper .swiper-button-prev:hover {
    background-color: rgba(255, 56, 56, 0.9);
    color: #fff;
    box-shadow: 0 4px 10px rgba(255, 56, 56, 0.5);
}

.product-swiper .swiper-button-next:after,
.product-swiper .swiper-button-prev:after,
.viewed-product-swiper .swiper-button-next:after,
.viewed-product-swiper .swiper-button-prev:after {
    font-size: 20px;
}

/* =================================================================== */
/*  CSS NÂNG CẤP CHO TAB SẢN PHẨM - PHONG CÁCH 3S FARM
/* =================================================================== */

/* --- Container bao bọc toàn bộ khối tab --- */
.product-custom-tabs {
    width: 100%;
}

/* --- Khu vực chứa các nút bấm (thanh tab) --- */
.tab-buttons {
    display: flex;
    background-color: #f0f5f1; /* Màu nền xanh lá rất nhạt */
    border-radius: 12px; /* Bo góc mềm mại cho cả thanh */
    padding: 5px;
    margin-bottom: 20px;
    border-bottom: none; /* Bỏ đường gạch chân cũ */
}

/* --- Từng nút bấm trong tab --- */
.tab-button {
    flex: 1; /* Giúp các tab có chiều rộng bằng nhau */
    padding: 12px 15px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    font-size: 16px;
    font-weight: 600; /* Đậm hơn một chút */
    color: #333;
    text-align: center;
    border-radius: 8px; /* Bo góc cho từng viên thuốc */
    position: relative;
    transition: all 0.3s ease-in-out;
}

/* --- Hiệu ứng khi di chuột vào nút không được chọn --- */
.tab-button:not(.active):hover {
    background-color: #d9e9de; /* Màu xanh lá nhạt hơn khi hover */
    color: #1a6c3b; /* Chữ màu xanh đậm hơn */
}

/* --- TRẠNG THÁI QUAN TRỌNG: KHI NÚT ĐANG ĐƯỢC CHỌN (ACTIVE) --- */
.tab-button.active {
    background-color: #1E854A; /* MÀU XANH LÁ CÂY CHỦ ĐẠO CỦA 3S FARM */
    color: #ffffff; /* Chữ trắng nổi bật */
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(30, 133, 74, 0.3); /* Đổ bóng màu xanh lá cây nhẹ nhàng */
    transform: translateY(-2px); /* Hiệu ứng nổi lên một chút */
}

/* Bỏ đi hiệu ứng gạch chân cũ */
.tab-button.active::after {
    content: none;
}

/* --- Nội dung của các TAB --- */
.tab-content {
    padding: 20px 5px;
}

.tab-panel {
    display: none;
    animation: fadeIn 0.5s;
}

.tab-panel.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- Giữ nguyên CSS cho bảng và FAQ --- */
.product-specs-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:16px;text-align:left;box-shadow:0 2px 5px rgba(0,0,0,.1)}.product-specs-table thead tr{background-color:#1E854A;color:#fff;text-align:left}.product-specs-table th,.product-specs-table td{padding:12px 15px;border:1px solid #ddd}.product-specs-table tbody tr{border-bottom:1px solid #ddd}.product-specs-table tbody tr:nth-of-type(even){background-color:#f3f3f3}.product-specs-table tbody tr:last-of-type{border-bottom:2px solid #1E854A}.product-specs-table td ul{margin:0;padding-left:20px}.faq-container{margin:20px 0}.faq-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;overflow:hidden}.faq-question{background-color:#f9f9f9;padding:15px 20px;cursor:pointer;font-weight:700;font-size:1.1em;position:relative;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s}.faq-question:hover{background-color:#f0f0f0}.faq-question::after{content:'+';font-size:1.5em;font-weight:700;color:#1E854A;transition:transform .3s ease}.faq-item.active .faq-question::after{transform:rotate(45deg)}.faq-answer{background-color:#fff;max-height:0;overflow:hidden;transition:max-height .5s ease,padding .5s ease;padding:0 20px}.faq-answer p{margin:0;padding:15px 0}.faq-item.active .faq-answer{padding:0 20px}



/* BƯỚC 2: Định vị lớp overlay */
/* 
  Lớp này sẽ nằm trọn vẹn trên ảnh.
  Quan trọng nhất là 'pointer-events: none' để cho phép người dùng click "xuyên qua" nó
  và tương tác với link ảnh sản phẩm bên dưới.
*/
.product-badges-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; 
}

/* BƯỚC 3: Style chung cho các nhãn (nếu cần) và bật lại pointer-events */
.product-badges-overlay .badge,
.product-badges-overlay .sale-badge {
    position: absolute;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    pointer-events: auto; /* Bật lại click cho chính các nhãn này */
}

/* BƯỚC 4: Định dạng cho nhãn "FLASH SALE" (Góc phải) */
.flash-sale-badge {
    position: absolute; /* Giả định badge đã được định vị */
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #1B5E20; /* Màu chữ xanh đậm để dễ đọc trên nền sáng */
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    
    /* === Phần thay đổi chính === */
    background: linear-gradient(45deg, #FDD835, #AEEA00); /* Gradient từ Vàng sang Vàng Lá */
    box-shadow: 0 3px 10px rgba(174, 234, 0, 0.5); /* Đổ bóng màu xanh lá */
    animation: flash-badge-pulse 1.8s infinite;
}

/* Giữ lại animation để badge nhấp nháy */
@keyframes flash-badge-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.flash-sale-badge .fas.fa-bolt {
    font-size: 14px;
    margin-right: 6px;
    /* Hiệu ứng "nhấp nháy" nhẹ cho icon tia chớp */
    animation: bolt-flicker 0.4s infinite alternate;
}

/* BƯỚC 5: Định dạng cho nhãn "% GIẢM GIÁ" (Góc trái) */
.sale-badge {
    top: 10px;
    left: 10px;
    background-color: #2ecc71; /* Màu xanh lá cây an toàn */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}


/* --- CÁC ANIMATION HỖ TRỢ --- */

@keyframes flash-badge-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.07);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes bolt-flicker {
    from { opacity: 0.6; transform: scale(1); }
    to { opacity: 1; transform: scale(1.1); }
}

/* --- CSS CHO KHỐI MÔ TẢ DANH MỤC --- */
.category-description-wrapper { margin-top: 30px; padding: 20px 25px; background: #f9f9f9; border: 1px solid #e5e5e5; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); line-height: 1.7; text-align: justify; }
.category-description-wrapper .category-description-title { font-size: 22px; font-weight: 600;  margin-top: 0; margin-bottom: 15px; text-align: left; }

/* Định dạng các thẻ bên trong */
.term-description h3 { font-size: 18px; font-weight: 600; color: #333; margin-top: 25px; margin-bottom: 10px; }
.term-description h3:first-child { margin-top: 0; }
.term-description p { margin-bottom: 15px;}
.term-description ul { list-style: none; padding-left: 0; margin-bottom: 15px; }
.term-description li { padding-left: 25px; position: relative; margin-bottom: 8px;}
.term-description li::before { content: '✓'; position: absolute; left: 0; top: 1px; color: #28a745; font-weight: bold; }

/* ===== LỰA CHỌN 1: TƯƠNG PHẢN SANG TRỌNG ===== */

/* Khung banner chính */
.footer-cta-banner {
    background-color: #f8f9fa; /* Màu trắng xám rất nhẹ, tinh tế hơn màu trắng tinh */
    color: #212529; /* Màu chữ đen đậm để dễ đọc */
    padding: 40px 20px;
    text-align: center;
    border-top: 1px solid #e0e0e0; /* Thêm đường viền mỏng để tách biệt */
	margin-bottom:10px;
}

/* Container để căn giữa nội dung */
.cta-content-container {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Phần chữ */
.cta-text h3 {
    margin: 0 0 5px 0;
    font-size: 24px;
    font-weight: 600;
    color: #212529; /* Chữ màu đen */
}

.cta-text p {
    margin: 0;
    font-size: 16px;
    color: #6c757d; /* Chữ màu xám */
}

/* Nút bấm */
.cta-button-wrapper {
    margin-top: 25px;
}

.cta-button {
    display: inline-block;
    background-color: #388e3c; /* LẤY LẠI MÀU XANH ĐẬM CỦA FOOTER */
    color: #ffffff;
    padding: 15px 30px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: background-color 0.2s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
}

.cta-button:hover {
    background-color: #2e7d32; /* Màu xanh đậm hơn một chút */
    color: #ffffff;
    transform: translateY(-2px);
}

/* Responsive */
@media (min-width: 768px) {
    .cta-content-container { flex-direction: row; justify-content: space-between; }
    .cta-text { text-align: left; }
    .cta-button-wrapper { margin-top: 0; }
}


/* --- 4. ĐỊNH DẠNG TIÊU ĐỀ WIDGET --- */
.widget-top .widget-title,      /* Class tiêu đề chuẩn của WordPress */
.widget-top .footer-box-title { /* Class trong HTML mẫu của bạn */
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 25px;
    padding-bottom: 15px;
    position: relative;
	text-transform: uppercase;
}

/* Gạch chân trang trí màu xanh lá */
.widget-top .widget-title::after,
.widget-top .footer-box-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: #27ae60; /* Màu xanh lá chủ đạo */
}

.term-description {
                overflow: hidden;
                position: relative;
                margin-bottom: 20px;
                padding-bottom: 25px;
            }
            .devvn_readmore_taxonomy_flatsome {
                text-align: center;
                cursor: pointer;
                position: absolute;
                z-index: 10;
                bottom: 0;
                width: 100%;
                background: #fff;
            }
            .devvn_readmore_taxonomy_flatsome:before {
                height: 55px;
                margin-top: -45px;
                content: "";
                background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
                background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
                background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
                display: block;
            }
            .devvn_readmore_taxonomy_flatsome a {
                color: #318A00;
                display: block;
            }
            .devvn_readmore_taxonomy_flatsome a:after {
                content: '';
                width: 0;
                right: 0;
                border-top: 6px solid #318A00;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                display: inline-block;
                vertical-align: middle;
                margin: -2px 0 0 5px;
            }
            .devvn_readmore_taxonomy_flatsome_less:before {
                display: none;
            }
            .devvn_readmore_taxonomy_flatsome_less a:after {
                border-top: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #318A00;
            }




    .checkout-wrapper {
      max-width: 1200px;
      margin: auto;
      padding: 20px;
    }

    .checkout-container {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .form-section,
    .cart-section {
      background: #fff;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

   

    /* Form */
    #checkoutForm {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#checkoutForm label {
  font-weight: 500;
  margin-bottom: 4px;
  display: block;
}

#checkoutForm input,
#checkoutForm textarea {
  width: 100%;
  padding: 10px 12px;
  font-size: 15px;
  font-family: inherit;
  line-height: 1.5;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  background-color: #fff;
  transition: border-color 0.3s ease;
  height: 44px;
}

#checkoutForm textarea {
  height: auto;
  min-height: 80px;
  resize: vertical;
}

#checkoutForm input:focus,
#checkoutForm textarea:focus {
  border-color: #28a745;
  outline: none;
}

#checkoutForm .btn-group {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

#checkoutForm .btn-primary {
  background-color: #28a745;
  color: white;
  border: none;
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#checkoutForm .btn-primary:hover {
  background-color: #218838;
}


    .btn-group {
      display: flex;
      gap: 10px;
      margin-top: 20px;
    }

    .btn-group button {
      flex: 1;
      padding: 12px;
      font-size: 16px;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      transition: 0.3s ease;
    }

    .btn-group button[type="submit"] {
      background: #28a745;
      color: #fff;
    }

    .btn-group button[type="button"] {
      background: #eee;
      color: #000;
    }

    .checkbox-label {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 14px;
    }

    .checkbox-label a {
      color: #007bff;
      text-decoration: none;
    }

    .checkbox-label a:hover {
      text-decoration: underline;
    }

    /* Cart */
    .cart-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 10px 0;
      border-bottom: 1px solid #eee;
    }

    .cart-item img {
      width: 60px;
      height: 60px;
      object-fit: cover;
      border-radius: 6px;
    }

    .cart-item-info {
      flex: 1;
    }

    .cart-item-info p {
      margin: 0;
    }

    .cart-summary {
      margin-top: 20px;
      font-size: 16px;
    }

    .cart-summary p {
      display: flex;
      justify-content: space-between;
      margin: 6px 0;
    }

    .cart-summary strong {
      color: #28a745;
    }

    /* Responsive layout */
    @media (min-width: 768px) {
      .checkout-container {
        flex-direction: row;
      }

      .form-section,
      .cart-section {
        flex: 1;
        width: 50%;
      }

      .form-section {
        order: 1;
        margin-left: 10px;
      }

      .cart-section {
        order: 0;
        margin-right: 10px;
      }
    }

    .cart-item-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.delete-btn {
  
  border: none;
  color: #fff;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s;
}


.qty-control {
  display: flex;
  align-items: center;
  margin-top: 6px;
}

.qty-control input {
  width: 40px;
  text-align: center;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0 6px;
  height: 30px;
}

.qty-btn {
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.2s ease;
}

.qty-btn:hover {
  background: #f0f0f0;
}
.delete-all {
     font-weight: 300;
    font-size: 13px;
    color: #03853f;
    text-decoration: underline;
    cursor: pointer;
}


/* ==========================================================================
   CSS BỔ SUNG CHO TRANG TIN TỨC TỔNG QUAN (ARCHIVE-BAIVIET.PHP)
   ========================================================================== */

/* --- A. Khung tìm kiếm (Chống xung đột) --- */
.archive-search {
    padding: 10px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
    text-align: center;
}
.archive-search__wrapper {
    max-width: 700px;
    margin: 0 auto;
}
.archive-search__form {
    display: flex;
    position: relative;
    margin-bottom: 10px;
}
.archive-search__field {
    width: 100%;
    padding: 15px 50px 15px 20px;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-size: 1.1rem;
    color: #333;
    transition: border-color 0.3s, box-shadow 0.3s;
}
.archive-search__field::placeholder { color: #999; }
.archive-search__field:focus {
    outline: none;
    border-color: #009b49;
    box-shadow: 0 0 0 4px rgba(0, 155, 73, 0.2);
}
.archive-search__submit {
    position: absolute;
    top: 0; right: 0; bottom: 0;
    background: transparent;
    border: none;
    padding: 0 20px;
    cursor: pointer;
    color: #888;
    transition: color 0.3s;
}
.archive-search__submit:hover .archive-search__icon { color: #009b49; }
.archive-search__description {
    font-size: 0.9rem;
    color: #777;
    margin: 0;
}


/* --- B. Các thành phần chung cho các khối mới --- */
.archive-section {
    margin-bottom: 10px;
}
.archive-section__title {
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #009b49;
    display: inline-block;
}
.kang-btn { /* Style dùng chung cho các nút */
    margin-top: 15px;
    background-color: transparent;
    border: 1px solid #009b49;
    color: #009b49;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s;
}
.kang-btn:hover {
    background-color: #009b49;
    color: #fff;
}
.load-more-wrapper {
    text-align: center;
    margin-top: 2rem;
}


/* --- C. Lưới Danh mục (CSS-Only) --- */
.category-toggle-checkbox {
    display: none;
}
.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); 
    gap: 1.5rem;
  
}
.category-grid-item {
    /* Mặc định ẩn các item từ vị trí thứ 9 */
}
.category-grid-item:nth-child(n+9) {
    display: none;
}
.category-toggle-checkbox:checked ~ .category-grid .category-grid-item:nth-child(n+9) {
    display: block;
}
.toggle-label--hide {
    display: none;
}
.category-toggle-checkbox:checked ~ .load-more-wrapper .toggle-label--show {
    display: none;
}
.category-toggle-checkbox:checked ~ .load-more-wrapper .toggle-label--hide {
    display: inline-block; /* Dùng inline-block thay vì block */
}
.category-grid-item a {
    display: block;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}
.category-grid-item a:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.category-grid-item img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}
.category-grid-item h3 {
    padding: 15px 10px;
    margin: 0;
    font-size: 1em;
    color: #1a1a1a;
}


/* --- D. Mô tả dài --- */
.description-content-wrapper .category-long-content {
    max-height: 150px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease-in-out;
}
.description-content-wrapper .category-long-content::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 50px;
    background: linear-gradient(to top, #ffffff, transparent);
    transition: opacity 0.3s;
}
.description-content-wrapper .category-long-content.expanded {
    max-height: 1000px;
}
.description-content-wrapper .category-long-content.expanded::after {
    opacity: 0;
}

/* --- Logic "Xem thêm" / "Thu gọn" bằng CSS --- */

/* 1. Mặc định: Ẩn các danh mục từ vị trí thứ 9 trở đi */
.category-grid-item:nth-child(n+9) {
    display: none;
}

/* 2. Khi checkbox được bật (:checked), hiển thị các danh mục đã ẩn */
.category-toggle-checkbox:checked ~ .category-grid .category-grid-item:nth-child(n+9) {
    display: block;
}

/* 3. Mặc định: Ẩn nút "Thu gọn" */
.toggle-label--hide {
    display: none;
}

/* 4. Khi checkbox được bật (:checked), ẩn nút "Xem thêm" */
.category-toggle-checkbox:checked ~ .load-more-wrapper .toggle-label--show {
    display: none;
}

/* 5. Khi checkbox được bật (:checked), hiện nút "Thu gọn" */
.category-toggle-checkbox:checked ~ .load-more-wrapper .toggle-label--hide {
    display: block;
}

/* --- Mô tả dài --- */
.description-content-wrapper .category-long-content {
    max-height: 150px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease-in-out;
}
.description-content-wrapper .category-long-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to top, #ffffff, transparent); /* Nền trắng */
    transition: opacity 0.3s;
}
.description-content-wrapper .category-long-content.expanded {
    max-height: 1000px;
}
.description-content-wrapper .category-long-content.expanded::after {
    opacity: 0;
}
/* --- KHỐI TRANG CHỦ --- */
.site-content-container {
    display: flex;
    gap: 40px;
    max-width: 100%;
   
}

main.site-main {
    flex: 1;
    min-width: 0;
}

.widget-area { /* Sidebar */
    width: 320px;
    flex-shrink: 0;
}

/* --- 2. Bài viết nổi bật (Featured Post) - Giữ nguyên --- */
.featured-post {
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 2.5rem;
}
.featured-post__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    align-items: center;
}
.featured-post__thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}
.featured-post__title {
    font-size: 2.25rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}
.featured-post__title a { color: #1a1a1a; text-decoration: none; }
.featured-post__title a:hover { color: #0073aa; }
.featured-post__excerpt {
    font-size: 1rem;
    color: #555;
    line-height: 1.7;
}

/* --- 3. Metadata hiển thị (Ngày đăng) --- */
.visible-meta {
    font-size: 0.8rem;
    color: #888;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

/* --- 4. Lưới bài viết thường (CSS được cập nhật) --- */
/* --- 4. Lưới bài viết thường (CSS được cập nhật) --- */
.modern-post-grid {
    display: grid;
    /* MẶC ĐỊNH LÀ 4 CỘT TRÊN PC */
    grid-template-columns: repeat(4, 1fr); 
    gap: 1.5rem; /* Giảm gap một chút cho vừa 4 cột */
 
}

.modern-card {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}
.modern-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.modern-card__image {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.modern-card__content {
    padding: 1rem; /* Giảm padding một chút */
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.modern-card__title {
    font-size: 1rem; /* Giảm size chữ một chút cho vừa cột nhỏ */
    line-height: 1.4;
    margin: 0;
}
.modern-card__title a { color: #1a1a1a; text-decoration: none; }
.modern-card__title a:hover { color: #0073aa; }

.modern-card__excerpt {
    font-size: 0.85rem; /* Giảm size chữ */
    color: #666;
    line-height: 1.6;
    margin-top: 10px;
    flex-grow: 1;
    margin-bottom: 1rem;
}

.modern-card__read-more {
    margin-top: auto;
    align-self: flex-start;
    font-size: 0.8rem; /* Giảm size chữ */
    font-weight: 700;
    color: #0073aa;
    text-decoration: none;
    transition: color 0.2s ease;
}
.modern-card__read-more:hover {
    color: #005a87;
    text-decoration: underline;
}


/* --- 5. Responsive --- */
@media (max-width: 1200px) {
    /* Màn hình laptop nhỏ, hiển thị 3 cột */
    .modern-post-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .site-content-container { flex-direction: column; }
    .widget-area { width: 100%; margin-top: 2rem; }
    /* Màn hình tablet, vẫn giữ 3 cột */
    .modern-post-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .featured-post__inner { grid-template-columns: 1fr; }
    .featured-post__title { font-size: 1.75rem; }
    /* Màn hình mobile, hiển thị 2 CỘT */
    .modern-post-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem; /* Giảm gap trên mobile */
    }
}

@media (max-width: 480px) {
    /* Màn hình mobile nhỏ, hiển thị 1 CỘT */
    .modern-post-grid {
        grid-template-columns: 1fr;
    }
}

/* === KẾT THÚC PHẦN NÂNG CẤP === */


/* --- 5. Responsive - Giữ nguyên --- */
@media (max-width: 992px) {
    .site-content-container { flex-direction: column; }
    .widget-area { width: 100%; margin-top: 2rem; }
}

@media (max-width: 768px) {
    .featured-post__inner { grid-template-columns: 1fr; }
    .featured-post__title { font-size: 1.75rem; }
    .modern-post-grid { grid-template-columns: 1fr; }
}

.category-description-wrapper {
	margin-top:10px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    line-height: 1.6;
}
.category-long-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    line-height: 1.6;
	text-align: justify;
}
.single-short{
	background:#fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	margin-bottom:10px;
}
.single-content{
	background:#fff;
    margin: 10px auto;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);	
}

/* ====== SIDEBAR WRAPPER ====== */
#secondary.widget-area {
    padding: 15px;
    background: #fff;
    border-radius: 8px;
	height:100%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* ====== TIÊU ĐỀ WIDGET ====== */
#secondary.widget-area .kang-title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #009b49;
    margin: 0 0 12px;
    position: relative;
    padding-bottom: 6px;
    border-bottom: 2px solid #009b49;
}

#secondary.widget-area .kang-title span {
    background: #009b49;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
}

/* ====== DANH MỤC BÀI VIẾT ====== */
.widget-category-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-category-list li {
    padding: 8px 0;
    border-bottom: 1px dashed #ddd;
}

.widget-category-list li:last-child {
    border-bottom: none;
}

.widget-category-list a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.widget-category-list a:hover {
    color: #009b49;
}

/* ====== BÀI VIẾT MỚI ====== */
.widget-category-archive {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-post {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.widget-post:last-child {
    border-bottom: none;
}

/* Ảnh bên trái */


.widget-post:hover .view_left img {
    transform: scale(1.05);
}

/* Tiêu đề bên phải */
.widget-post .view_right {
    flex: 1;
}

.widget-post .title_view a {
    font-size: 0.95rem;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    line-height: 1.4;
    display: block;
    transition: color 0.3s;
}

.widget-post .title_view a:hover {
    color: #009b49;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
    #secondary.widget-area {
        padding: 10px;
    }

    .widget-post {
        gap: 8px;
    }

    .widget-post .view_left img {
        width: 60px;
        height: 60px;
    }

    .kang-title {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .widget-post {
        flex-direction: column;
        align-items: left;
        text-align: left;
    }

    .widget-post .view_left img {
        width: 100%;
        
    }

    .widget-post .view_right {
        padding-top: 6px;
    }
}
.kang-load-more-btn {
    background-color: #009b49;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s, opacity 0.3s;
}

.kang-load-more-btn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.kang-load-more-btn .btn-loader {
    display: none;
}

.kang-load-more-btn .btn-text {
    display: inline;
}

/* Đồng hồ đếm ngược */
.flash-sale-countdown {
    text-align: center;
    font-size: 13px;
    color: #555;
}

.flash-sale-countdown .countdown-timer {
    font-weight: bold;
    color: #d9534f; /* Màu đỏ */
    margin-left: 5px;
    letter-spacing: 1px;
}