s@font-face {

    font-family: 'UTMSarah';

    src: url('/fonts/UTMSarah.ttf');

}



@font-face {

    font-family: 'UTMAvo-Italic';

    src: url('/fonts/UTMAvoItalic.ttf');

}



@font-face {

    font-family: 'UTMAvo';

    src: url('/fonts/UTMAvo.ttf');

}



@font-face {

    font-family: 'UTMAvo-Bold';

    src: url('/fonts/UTMAvoBsold.ttf');

}



@font-face {

    font-family: 'UTMAvo-BoldItalic';

    src: url('/fonts/UTMAvoBold_Italic.ttf');

}



@font-face {

    font-family: 'SVN-Nexa Light';

    src: url('/fonts/SVN-Nexa Light.otf');

}



@font-face {

    font-family: 'SVN-Nexa Bold';

    src: url('/fonts/SVN-Nexa Bold.otf');

}



@font-face {

    font-family: 'hellvina';

    src: url('/fonts/VLHELLVINAHANDSCRIPT.OTF');

}



@font-face {

    font-family: SF-Pro-Text-Light;

    src: url(/fonts/SF-Pro-Text-Light.woff2);

    font-display: swap

}



@font-face {

    font-family: SF-Pro-Text;

    src: url(/fonts/SF-Pro-Text-Regular.woff2);

    font-display: swap

}



@font-face {

    font-family: SF-Pro-Text-Medium;

    src: url(/fonts/SF-Pro-Text-Medium.woff2);

    font-display: swap

}



@font-face {

    font-family: SF-Pro-Text-Semibold;

    src: url(/fonts/SF-Pro-Text-Semibold.woff2);

    font-display: swap

}



@font-face {

    font-family: SF-Pro-Text-Bold;

    src: url(/fonts/SF-Pro-Text-Bold.woff2);

    font-display: swap

}



@font-face {

    font-family: SF-Pro-Text-Heavy;

    src: url(/fonts/SF-Pro-Text-Heavy.woff2);

    font-display: swap

}



@font-face {

    font-family: "Ionicons";

    src: url(/fonts/ionicons.woff?v=497);

    font-display: swap;

    font-weight: normal;

    font-style: normal;

}



.ui-datepicker-year,

.ui-datepicker-month {

    padding-left: 5px !important;

    padding-right: 5px !important;

    margin-left: 3px !important;

    margin-right: 3px !important;



}



.ion,

.ionicons,

.ion-ios-add:before,

.ion-ios-add-circle:before,

.ion-ios-add-circle-outline:before,

.ion-ios-airplane:before,

.ion-ios-alarm:before,

.ion-ios-albums:before,

.ion-ios-alert:before,

.ion-ios-american-football:before,

.ion-ios-analytics:before,

.ion-ios-aperture:before,

.ion-ios-apps:before,

.ion-ios-appstore:before,

.ion-ios-archive:before,

.ion-ios-arrow-back:before,

.ion-ios-arrow-down:before,

.ion-ios-arrow-dropdown:before,

.ion-ios-arrow-dropdown-circle:before,

.ion-ios-arrow-dropleft:before,

.ion-ios-arrow-dropleft-circle:before,

.ion-ios-arrow-dropright:before,

.ion-ios-arrow-dropright-circle:before,

.ion-ios-arrow-dropup:before,

.ion-ios-arrow-dropup-circle:before,

.ion-ios-arrow-forward:before,

.ion-ios-arrow-round-back:before,

.ion-ios-arrow-round-down:before,

.ion-ios-arrow-round-forward:before,

.ion-ios-arrow-round-up:before,

.ion-ios-arrow-up:before,

.ion-ios-at:before,

.ion-ios-attach:before,

.ion-ios-backspace:before,

.ion-ios-barcode:before,

.ion-ios-baseball:before,

.ion-ios-basket:before,

.ion-ios-basketball:before,

.ion-ios-battery-charging:before,

.ion-ios-battery-dead:before,

.ion-ios-battery-full:before,

.ion-ios-beaker:before,

.ion-ios-bed:before,

.ion-ios-beer:before,

.ion-ios-bicycle:before,

.ion-ios-bluetooth:before,

.ion-ios-boat:before,

.ion-ios-body:before,

.ion-ios-bonfire:before,

.ion-ios-book:before,

.ion-ios-bookmark:before,

.ion-ios-bookmarks:before,

.ion-ios-bowtie:before,

.ion-ios-briefcase:before,

.ion-ios-browsers:before,

.ion-ios-brush:before,

.ion-ios-bug:before,

.ion-ios-build:before,

.ion-ios-bulb:before,

.ion-ios-bus:before,

.ion-ios-business:before,

.ion-ios-cafe:before,

.ion-ios-calculator:before,

.ion-ios-calendar:before,

.ion-ios-call:before,

.ion-ios-camera:before,

.ion-ios-car:before,

.ion-ios-card:before,

.ion-ios-cart:before,

.ion-ios-cash:before,

.ion-ios-cellular:before,

.ion-ios-chatboxes:before,

.ion-ios-chatbubbles:before,

.ion-ios-checkbox:before,

.ion-ios-checkbox-outline:before,

.ion-ios-checkmark:before,

.ion-ios-checkmark-circle:before,

.ion-ios-checkmark-circle-outline:before,

.ion-ios-clipboard:before,

.ion-ios-clock:before,

.ion-ios-close:before,

.ion-ios-close-circle:before,

.ion-ios-close-circle-outline:before,

.ion-ios-cloud:before,

.ion-ios-cloud-circle:before,

.ion-ios-cloud-done:before,

.ion-ios-cloud-download:before,

.ion-ios-cloud-outline:before,

.ion-ios-cloud-upload:before,

.ion-ios-cloudy:before,

.ion-ios-cloudy-night:before,

.ion-ios-code:before,

.ion-ios-code-download:before,

.ion-ios-code-working:before,

.ion-ios-cog:before,

.ion-ios-color-fill:before,

.ion-ios-color-filter:before,

.ion-ios-color-palette:before,

.ion-ios-color-wand:before,

.ion-ios-compass:before,

.ion-ios-construct:before,

.ion-ios-contact:before,

.ion-ios-contacts:before,

.ion-ios-contract:before,

.ion-ios-contrast:before,

.ion-ios-copy:before,

.ion-ios-create:before,

.ion-ios-crop:before,

.ion-ios-cube:before,

.ion-ios-cut:before,

.ion-ios-desktop:before,

.ion-ios-disc:before,

.ion-ios-document:before,

.ion-ios-done-all:before,

.ion-ios-download:before,

.ion-ios-easel:before,

.ion-ios-egg:before,

.ion-ios-exit:before,

.ion-ios-expand:before,

.ion-ios-eye:before,

.ion-ios-eye-off:before,

.ion-ios-fastforward:before,

.ion-ios-female:before,

.ion-ios-filing:before,

.ion-ios-film:before,

.ion-ios-finger-print:before,

.ion-ios-fitness:before,

.ion-ios-flag:before,

.ion-ios-flame:before,

.ion-ios-flash:before,

.ion-ios-flash-off:before,

.ion-ios-flashlight:before,

.ion-ios-flask:before,

.ion-ios-flower:before,

.ion-ios-folder:before,

.ion-ios-folder-open:before,

.ion-ios-football:before,

.ion-ios-funnel:before,

.ion-ios-gift:before,

.ion-ios-git-branch:before,

.ion-ios-git-commit:before,

.ion-ios-git-compare:before,

.ion-ios-git-merge:before,

.ion-ios-git-network:before,

.ion-ios-git-pull-request:before,

.ion-ios-glasses:before,

.ion-ios-globe:before,

.ion-ios-grid:before,

.ion-ios-hammer:before,

.ion-ios-hand:before,

.ion-ios-happy:before,

.ion-ios-headset:before,

.ion-ios-heart:before,

.ion-ios-heart-dislike:before,

.ion-ios-heart-empty:before,

.ion-ios-heart-half:before,

.ion-ios-help:before,

.ion-ios-help-buoy:before,

.ion-ios-help-circle:before,

.ion-ios-help-circle-outline:before,

.ion-ios-home:before,

.ion-ios-hourglass:before,

.ion-ios-ice-cream:before,

.ion-ios-image:before,

.ion-ios-images:before,

.ion-ios-infinite:before,

.ion-ios-information:before,

.ion-ios-information-circle:before,

.ion-ios-information-circle-outline:before,

.ion-ios-jet:before,

.ion-ios-journal:before,

.ion-ios-key:before,

.ion-ios-keypad:before,

.ion-ios-laptop:before,

.ion-ios-leaf:before,

.ion-ios-link:before,

.ion-ios-list:before,

.ion-ios-list-box:before,

.ion-ios-locate:before,

.ion-ios-lock:before,

.ion-ios-log-in:before,

.ion-ios-log-out:before,

.ion-ios-magnet:before,

.ion-ios-mail:before,

.ion-ios-mail-open:before,

.ion-ios-mail-unread:before,

.ion-ios-male:before,

.ion-ios-man:before,

.ion-ios-map:before,

.ion-ios-medal:before,

.ion-ios-medical:before,

.ion-ios-medkit:before,

.ion-ios-megaphone:before,

.ion-ios-menu:before,

.ion-ios-mic:before,

.ion-ios-mic-off:before,

.ion-ios-microphone:before,

.ion-ios-moon:before,

.ion-ios-more:before,

.ion-ios-move:before,

.ion-ios-musical-note:before,

.ion-ios-musical-notes:before,

.ion-ios-navigate:before,

.ion-ios-notifications:before,

.ion-ios-notifications-off:before,

.ion-ios-notifications-outline:before,

.ion-ios-nuclear:before,

.ion-ios-nutrition:before,

.ion-ios-open:before,

.ion-ios-options:before,

.ion-ios-outlet:before,

.ion-ios-paper:before,

.ion-ios-paper-plane:before,

.ion-ios-partly-sunny:before,

.ion-ios-pause:before,

.ion-ios-paw:before,

.ion-ios-people:before,

.ion-ios-person:before,

.ion-ios-person-add:before,

.ion-ios-phone-landscape:before,

.ion-ios-phone-portrait:before,

.ion-ios-photos:before,

.ion-ios-pie:before,

.ion-ios-pin:before,

.ion-ios-pint:before,

.ion-ios-pizza:before,

.ion-ios-planet:before,

.ion-ios-play:before,

.ion-ios-play-circle:before,

.ion-ios-podium:before,

.ion-ios-power:before,

.ion-ios-pricetag:before,

.ion-ios-pricetags:before,

.ion-ios-print:before,

.ion-ios-pulse:before,

.ion-ios-qr-scanner:before,

.ion-ios-quote:before,

.ion-ios-radio:before,

.ion-ios-radio-button-off:before,

.ion-ios-radio-button-on:before,

.ion-ios-rainy:before,

.ion-ios-recording:before,

.ion-ios-redo:before,

.ion-ios-refresh:before,

.ion-ios-refresh-circle:before,

.ion-ios-remove:before,

.ion-ios-remove-circle:before,

.ion-ios-remove-circle-outline:before,

.ion-ios-reorder:before,

.ion-ios-repeat:before,

.ion-ios-resize:before,

.ion-ios-restaurant:before,

.ion-ios-return-left:before,

.ion-ios-return-right:before,

.ion-ios-reverse-camera:before,

.ion-ios-rewind:before,

.ion-ios-ribbon:before,

.ion-ios-rocket:before,

.ion-ios-rose:before,

.ion-ios-sad:before,

.ion-ios-save:before,

.ion-ios-school:before,

.ion-ios-search:before,

.ion-ios-send:before,

.ion-ios-settings:before,

.ion-ios-share:before,

.ion-ios-share-alt:before,

.ion-ios-shirt:before,

.ion-ios-shuffle:before,

.ion-ios-skip-backward:before,

.ion-ios-skip-forward:before,

.ion-ios-snow:before,

.ion-ios-speedometer:before,

.ion-ios-square:before,

.ion-ios-square-outline:before,

.ion-ios-star:before,

.ion-ios-star-half:before,

.ion-ios-star-outline:before,

.ion-ios-stats:before,

.ion-ios-stopwatch:before,

.ion-ios-subway:before,

.ion-ios-sunny:before,

.ion-ios-swap:before,

.ion-ios-switch:before,

.ion-ios-sync:before,

.ion-ios-tablet-landscape:before,

.ion-ios-tablet-portrait:before,

.ion-ios-tennisball:before,

.ion-ios-text:before,

.ion-ios-thermometer:before,

.ion-ios-thumbs-down:before,

.ion-ios-thumbs-up:before,

.ion-ios-thunderstorm:before,

.ion-ios-time:before,

.ion-ios-timer:before,

.ion-ios-today:before,

.ion-ios-train:before,

.ion-ios-transgender:before,

.ion-ios-trash:before,

.ion-ios-trending-down:before,

.ion-ios-trending-up:before,

.ion-ios-trophy:before,

.ion-ios-tv:before,

.ion-ios-umbrella:before,

.ion-ios-undo:before,

.ion-ios-unlock:before,

.ion-ios-videocam:before,

.ion-ios-volume-high:before,

.ion-ios-volume-low:before,

.ion-ios-volume-mute:before,

.ion-ios-volume-off:before,

.ion-ios-walk:before,

.ion-ios-wallet:before,

.ion-ios-warning:before,

.ion-ios-watch:before,

.ion-ios-water:before,

.ion-ios-wifi:before,

.ion-ios-wine:before,

.ion-ios-woman:before,

.ion-logo-android:before,

.ion-logo-angular:before,

.ion-logo-apple:before,

.ion-logo-bitbucket:before,

.ion-logo-bitcoin:before,

.ion-logo-buffer:before,

.ion-logo-chrome:before,

.ion-logo-closed-captioning:before,

.ion-logo-codepen:before,

.ion-logo-css3:before,

.ion-logo-designernews:before,

.ion-logo-dribbble:before,

.ion-logo-dropbox:before,

.ion-logo-euro:before,

.ion-logo-facebook:before,

.ion-logo-flickr:before,

.ion-logo-foursquare:before,

.ion-logo-freebsd-devil:before,

.ion-logo-game-controller-a:before,

.ion-logo-game-controller-b:before,

.ion-logo-github:before,

.ion-logo-google:before,

.ion-logo-googleplus:before,

.ion-logo-hackernews:before,

.ion-logo-html5:before,

.ion-logo-instagram:before,

.ion-logo-ionic:before,

.ion-logo-ionitron:before,

.ion-logo-javascript:before,

.ion-logo-linkedin:before,

.ion-logo-markdown:before,

.ion-logo-model-s:before,

.ion-logo-no-smoking:before,

.ion-logo-nodejs:before,

.ion-logo-npm:before,

.ion-logo-octocat:before,

.ion-logo-pinterest:before,

.ion-logo-playstation:before,

.ion-logo-polymer:before,

.ion-logo-python:before,

.ion-logo-reddit:before,

.ion-logo-rss:before,

.ion-logo-sass:before,

.ion-logo-skype:before,

.ion-logo-slack:before,

.ion-logo-snapchat:before,

.ion-logo-steam:before,

.ion-logo-tumblr:before,

.ion-logo-tux:before,

.ion-logo-twitch:before,

.ion-logo-twitter:before,

.ion-logo-usd:before,

.ion-logo-vimeo:before,

.ion-logo-vk:before,

.ion-logo-whatsapp:before,

.ion-logo-windows:before,

.ion-logo-wordpress:before,

.ion-logo-xbox:before,

.ion-logo-xing:before,

.ion-logo-yahoo:before,

.ion-logo-yen:before,

.ion-logo-youtube:before,

.ion-md-add:before,

.ion-md-add-circle:before,

.ion-md-add-circle-outline:before,

.ion-md-airplane:before,

.ion-md-alarm:before,

.ion-md-albums:before,

.ion-md-alert:before,

.ion-md-american-football:before,

.ion-md-analytics:before,

.ion-md-aperture:before,

.ion-md-apps:before,

.ion-md-appstore:before,

.ion-md-archive:before,

.ion-md-arrow-back:before,

.ion-md-arrow-down:before,

.ion-md-arrow-dropdown:before,

.ion-md-arrow-dropdown-circle:before,

.ion-md-arrow-dropleft:before,

.ion-md-arrow-dropleft-circle:before,

.ion-md-arrow-dropright:before,

.ion-md-arrow-dropright-circle:before,

.ion-md-arrow-dropup:before,

.ion-md-arrow-dropup-circle:before,

.ion-md-arrow-forward:before,

.ion-md-arrow-round-back:before,

.ion-md-arrow-round-down:before,

.ion-md-arrow-round-forward:before,

.ion-md-arrow-round-up:before,

.ion-md-arrow-up:before,

.ion-md-at:before,

.ion-md-attach:before,

.ion-md-backspace:before,

.ion-md-barcode:before,

.ion-md-baseball:before,

.ion-md-basket:before,

.ion-md-basketball:before,

.ion-md-battery-charging:before,

.ion-md-battery-dead:before,

.ion-md-battery-full:before,

.ion-md-beaker:before,

.ion-md-bed:before,

.ion-md-beer:before,

.ion-md-bicycle:before,

.ion-md-bluetooth:before,

.ion-md-boat:before,

.ion-md-body:before,

.ion-md-bonfire:before,

.ion-md-book:before,

.ion-md-bookmark:before,

.ion-md-bookmarks:before,

.ion-md-bowtie:before,

.ion-md-briefcase:before,

.ion-md-browsers:before,

.ion-md-brush:before,

.ion-md-bug:before,

.ion-md-build:before,

.ion-md-bulb:before,

.ion-md-bus:before,

.ion-md-business:before,

.ion-md-cafe:before,

.ion-md-calculator:before,

.ion-md-calendar:before,

.ion-md-call:before,

.ion-md-camera:before,

.ion-md-car:before,

.ion-md-card:before,

.ion-md-cart:before,

.ion-md-cash:before,

.ion-md-cellular:before,

.ion-md-chatboxes:before,

.ion-md-chatbubbles:before,

.ion-md-checkbox:before,

.ion-md-checkbox-outline:before,

.ion-md-checkmark:before,

.ion-md-checkmark-circle:before,

.ion-md-checkmark-circle-outline:before,

.ion-md-clipboard:before,

.ion-md-clock:before,

.ion-md-close:before,

.ion-md-close-circle:before,

.ion-md-close-circle-outline:before,

.ion-md-cloud:before,

.ion-md-cloud-circle:before,

.ion-md-cloud-done:before,

.ion-md-cloud-download:before,

.ion-md-cloud-outline:before,

.ion-md-cloud-upload:before,

.ion-md-cloudy:before,

.ion-md-cloudy-night:before,

.ion-md-code:before,

.ion-md-code-download:before,

.ion-md-code-working:before,

.ion-md-cog:before,

.ion-md-color-fill:before,

.ion-md-color-filter:before,

.ion-md-color-palette:before,

.ion-md-color-wand:before,

.ion-md-compass:before,

.ion-md-construct:before,

.ion-md-contact:before,

.ion-md-contacts:before,

.ion-md-contract:before,

.ion-md-contrast:before,

.ion-md-copy:before,

.ion-md-create:before,

.ion-md-crop:before,

.ion-md-cube:before,

.ion-md-cut:before,

.ion-md-desktop:before,

.ion-md-disc:before,

.ion-md-document:before,

.ion-md-done-all:before,

.ion-md-download:before,

.ion-md-easel:before,

.ion-md-egg:before,

.ion-md-exit:before,

.ion-md-expand:before,

.ion-md-eye:before,

.ion-md-eye-off:before,

.ion-md-fastforward:before,

.ion-md-female:before,

.ion-md-filing:before,

.ion-md-film:before,

.ion-md-finger-print:before,

.ion-md-fitness:before,

.ion-md-flag:before,

.ion-md-flame:before,

.ion-md-flash:before,

.ion-md-flash-off:before,

.ion-md-flashlight:before,

.ion-md-flask:before,

.ion-md-flower:before,

.ion-md-folder:before,

.ion-md-folder-open:before,

.ion-md-football:before,

.ion-md-funnel:before,

.ion-md-gift:before,

.ion-md-git-branch:before,

.ion-md-git-commit:before,

.ion-md-git-compare:before,

.ion-md-git-merge:before,

.ion-md-git-network:before,

.ion-md-git-pull-request:before,

.ion-md-glasses:before,

.ion-md-globe:before,

.ion-md-grid:before,

.ion-md-hammer:before,

.ion-md-hand:before,

.ion-md-happy:before,

.ion-md-headset:before,

.ion-md-heart:before,

.ion-md-heart-dislike:before,

.ion-md-heart-empty:before,

.ion-md-heart-half:before,

.ion-md-help:before,

.ion-md-help-buoy:before,

.ion-md-help-circle:before,

.ion-md-help-circle-outline:before,

.ion-md-home:before,

.ion-md-hourglass:before,

.ion-md-ice-cream:before,

.ion-md-image:before,

.ion-md-images:before,

.ion-md-infinite:before,

.ion-md-information:before,

.ion-md-information-circle:before,

.ion-md-information-circle-outline:before,

.ion-md-jet:before,

.ion-md-journal:before,

.ion-md-key:before,

.ion-md-keypad:before,

.ion-md-laptop:before,

.ion-md-leaf:before,

.ion-md-link:before,

.ion-md-list:before,

.ion-md-list-box:before,

.ion-md-locate:before,

.ion-md-lock:before,

.ion-md-log-in:before,

.ion-md-log-out:before,

.ion-md-magnet:before,

.ion-md-mail:before,

.ion-md-mail-open:before,

.ion-md-mail-unread:before,

.ion-md-male:before,

.ion-md-man:before,

.ion-md-map:before,

.ion-md-medal:before,

.ion-md-medical:before,

.ion-md-medkit:before,

.ion-md-megaphone:before,

.ion-md-menu:before,

.ion-md-mic:before,

.ion-md-mic-off:before,

.ion-md-microphone:before,

.ion-md-moon:before,

.ion-md-more:before,

.ion-md-move:before,

.ion-md-musical-note:before,

.ion-md-musical-notes:before,

.ion-md-navigate:before,

.ion-md-notifications:before,

.ion-md-notifications-off:before,

.ion-md-notifications-outline:before,

.ion-md-nuclear:before,

.ion-md-nutrition:before,

.ion-md-open:before,

.ion-md-options:before,

.ion-md-outlet:before,

.ion-md-paper:before,

.ion-md-paper-plane:before,

.ion-md-partly-sunny:before,

.ion-md-pause:before,

.ion-md-paw:before,

.ion-md-people:before,

.ion-md-person:before,

.ion-md-person-add:before,

.ion-md-phone-landscape:before,

.ion-md-phone-portrait:before,

.ion-md-photos:before,

.ion-md-pie:before,

.ion-md-pin:before,

.ion-md-pint:before,

.ion-md-pizza:before,

.ion-md-planet:before,

.ion-md-play:before,

.ion-md-play-circle:before,

.ion-md-podium:before,

.ion-md-power:before,

.ion-md-pricetag:before,

.ion-md-pricetags:before,

.ion-md-print:before,

.ion-md-pulse:before,

.ion-md-qr-scanner:before,

.ion-md-quote:before,

.ion-md-radio:before,

.ion-md-radio-button-off:before,

.ion-md-radio-button-on:before,

.ion-md-rainy:before,

.ion-md-recording:before,

.ion-md-redo:before,

.ion-md-refresh:before,

.ion-md-refresh-circle:before,

.ion-md-remove:before,

.ion-md-remove-circle:before,

.ion-md-remove-circle-outline:before,

.ion-md-reorder:before,

.ion-md-repeat:before,

.ion-md-resize:before,

.ion-md-restaurant:before,

.ion-md-return-left:before,

.ion-md-return-right:before,

.ion-md-reverse-camera:before,

.ion-md-rewind:before,

.ion-md-ribbon:before,

.ion-md-rocket:before,

.ion-md-rose:before,

.ion-md-sad:before,

.ion-md-save:before,

.ion-md-school:before,

.ion-md-search:before,

.ion-md-send:before,

.ion-md-settings:before,

.ion-md-share:before,

.ion-md-share-alt:before,

.ion-md-shirt:before,

.ion-md-shuffle:before,

.ion-md-skip-backward:before,

.ion-md-skip-forward:before,

.ion-md-snow:before,

.ion-md-speedometer:before,

.ion-md-square:before,

.ion-md-square-outline:before,

.ion-md-star:before,

.ion-md-star-half:before,

.ion-md-star-outline:before,

.ion-md-stats:before,

.ion-md-stopwatch:before,

.ion-md-subway:before,

.ion-md-sunny:before,

.ion-md-swap:before,

.ion-md-switch:before,

.ion-md-sync:before,

.ion-md-tablet-landscape:before,

.ion-md-tablet-portrait:before,

.ion-md-tennisball:before,

.ion-md-text:before,

.ion-md-thermometer:before,

.ion-md-thumbs-down:before,

.ion-md-thumbs-up:before,

.ion-md-thunderstorm:before,

.ion-md-time:before,

.ion-md-timer:before,

.ion-md-today:before,

.ion-md-train:before,

.ion-md-transgender:before,

.ion-md-trash:before,

.ion-md-trending-down:before,

.ion-md-trending-up:before,

.ion-md-trophy:before,

.ion-md-tv:before,

.ion-md-umbrella:before,

.ion-md-undo:before,

.ion-md-unlock:before,

.ion-md-videocam:before,

.ion-md-volume-high:before,

.ion-md-volume-low:before,

.ion-md-volume-mute:before,

.ion-md-volume-off:before,

.ion-md-walk:before,

.ion-md-wallet:before,

.ion-md-warning:before,

.ion-md-watch:before,

.ion-md-water:before,

.ion-md-wifi:before,

.ion-md-wine:before,

.ion-md-woman:before {

    display: inline-block;

    font-family: "Ionicons";

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    text-rendering: auto;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.ion-ios-add:before {

    content: "\f102";

}



.ion-ios-add-circle:before {

    content: "\f101";

}



.ion-ios-add-circle-outline:before {

    content: "\f100";

}



.ion-ios-airplane:before {

    content: "\f137";

}



.ion-ios-alarm:before {

    content: "\f3c8";

}



.ion-ios-albums:before {

    content: "\f3ca";

}



.ion-ios-alert:before {

    content: "\f104";

}



.ion-ios-american-football:before {

    content: "\f106";

}



.ion-ios-analytics:before {

    content: "\f3ce";

}



.ion-ios-aperture:before {

    content: "\f108";

}



.ion-ios-apps:before {

    content: "\f10a";

}



.ion-ios-appstore:before {

    content: "\f10c";

}



.ion-ios-archive:before {

    content: "\f10e";

}



.ion-ios-arrow-back:before {

    content: "\f3cf";

}



.ion-ios-arrow-down:before {

    content: "\f3d0";

}



.ion-ios-arrow-dropdown:before {

    content: "\f110";

}



.ion-ios-arrow-dropdown-circle:before {

    content: "\f125";

}



.ion-ios-arrow-dropleft:before {

    content: "\f112";

}



.ion-ios-arrow-dropleft-circle:before {

    content: "\f129";

}



.ion-ios-arrow-dropright:before {

    content: "\f114";

}



.ion-ios-arrow-dropright-circle:before {

    content: "\f12b";

}



.ion-ios-arrow-dropup:before {

    content: "\f116";

}



.ion-ios-arrow-dropup-circle:before {

    content: "\f12d";

}



.ion-ios-arrow-forward:before {

    content: "\f3d1";

}



.ion-ios-arrow-round-back:before {

    content: "\f117";

}



.ion-ios-arrow-round-down:before {

    content: "\f118";

}



.ion-ios-arrow-round-forward:before {

    content: "\f119";

}



.ion-ios-arrow-round-up:before {

    content: "\f11a";

}



.ion-ios-arrow-up:before {

    content: "\f3d8";

}



.ion-ios-at:before {

    content: "\f3da";

}



.ion-ios-attach:before {

    content: "\f11b";

}



.ion-ios-backspace:before {

    content: "\f11d";

}



.ion-ios-barcode:before {

    content: "\f3dc";

}



.ion-ios-baseball:before {

    content: "\f3de";

}



.ion-ios-basket:before {

    content: "\f11f";

}



.ion-ios-basketball:before {

    content: "\f3e0";

}



.ion-ios-battery-charging:before {

    content: "\f120";

}



.ion-ios-battery-dead:before {

    content: "\f121";

}



.ion-ios-battery-full:before {

    content: "\f122";

}



.ion-ios-beaker:before {

    content: "\f124";

}



.ion-ios-bed:before {

    content: "\f139";

}



.ion-ios-beer:before {

    content: "\f126";

}



.ion-ios-bicycle:before {

    content: "\f127";

}



.ion-ios-bluetooth:before {

    content: "\f128";

}



.ion-ios-boat:before {

    content: "\f12a";

}



.ion-ios-body:before {

    content: "\f3e4";

}



.ion-ios-bonfire:before {

    content: "\f12c";

}



.ion-ios-book:before {

    content: "\f3e8";

}



.ion-ios-bookmark:before {

    content: "\f12e";

}



.ion-ios-bookmarks:before {

    content: "\f3ea";

}



.ion-ios-bowtie:before {

    content: "\f130";

}



.ion-ios-briefcase:before {

    content: "\f3ee";

}



.ion-ios-browsers:before {

    content: "\f3f0";

}



.ion-ios-brush:before {

    content: "\f132";

}



.ion-ios-bug:before {

    content: "\f134";

}



.ion-ios-build:before {

    content: "\f136";

}



.ion-ios-bulb:before {

    content: "\f138";

}



.ion-ios-bus:before {

    content: "\f13a";

}



.ion-ios-business:before {

    content: "\f1a3";

}



.ion-ios-cafe:before {

    content: "\f13c";

}



.ion-ios-calculator:before {

    content: "\f3f2";

}



.ion-ios-calendar:before {

    content: "\f3f4";

}



.ion-ios-call:before {

    content: "\f13e";

}



.ion-ios-camera:before {

    content: "\f3f6";

}



.ion-ios-car:before {

    content: "\f140";

}



.ion-ios-card:before {

    content: "\f142";

}



.ion-ios-cart:before {

    content: "\f3f8";

}



.ion-ios-cash:before {

    content: "\f144";

}



.ion-ios-cellular:before {

    content: "\f13d";

}



.ion-ios-chatboxes:before {

    content: "\f3fa";

}



.ion-ios-chatbubbles:before {

    content: "\f146";

}



.ion-ios-checkbox:before {

    content: "\f148";

}



.ion-ios-checkbox-outline:before {

    content: "\f147";

}



.ion-ios-checkmark:before {

    content: "\f3ff";

}



.ion-ios-checkmark-circle:before {

    content: "\f14a";

}



.ion-ios-checkmark-circle-outline:before {

    content: "\f149";

}



.ion-ios-clipboard:before {

    content: "\f14c";

}



.ion-ios-clock:before {

    content: "\f403";

}



.ion-ios-close:before {

    content: "\f406";

}



.ion-ios-close-circle:before {

    content: "\f14e";

}



.ion-ios-close-circle-outline:before {

    content: "\f14d";

}



.ion-ios-cloud:before {

    content: "\f40c";

}



.ion-ios-cloud-circle:before {

    content: "\f152";

}



.ion-ios-cloud-done:before {

    content: "\f154";

}



.ion-ios-cloud-download:before {

    content: "\f408";

}



.ion-ios-cloud-outline:before {

    content: "\f409";

}



.ion-ios-cloud-upload:before {

    content: "\f40b";

}



.ion-ios-cloudy:before {

    content: "\f410";

}



.ion-ios-cloudy-night:before {

    content: "\f40e";

}



.ion-ios-code:before {

    content: "\f157";

}



.ion-ios-code-download:before {

    content: "\f155";

}



.ion-ios-code-working:before {

    content: "\f156";

}



.ion-ios-cog:before {

    content: "\f412";

}



.ion-ios-color-fill:before {

    content: "\f159";

}



.ion-ios-color-filter:before {

    content: "\f414";

}



.ion-ios-color-palette:before {

    content: "\f15b";

}



.ion-ios-color-wand:before {

    content: "\f416";

}



.ion-ios-compass:before {

    content: "\f15d";

}



.ion-ios-construct:before {

    content: "\f15f";

}



.ion-ios-contact:before {

    content: "\f41a";

}



.ion-ios-contacts:before {

    content: "\f161";

}



.ion-ios-contract:before {

    content: "\f162";

}



.ion-ios-contrast:before {

    content: "\f163";

}



.ion-ios-copy:before {

    content: "\f41c";

}



.ion-ios-create:before {

    content: "\f165";

}



.ion-ios-crop:before {

    content: "\f41e";

}



.ion-ios-cube:before {

    content: "\f168";

}



.ion-ios-cut:before {

    content: "\f16a";

}



.ion-ios-desktop:before {

    content: "\f16c";

}



.ion-ios-disc:before {

    content: "\f16e";

}



.ion-ios-document:before {

    content: "\f170";

}



.ion-ios-done-all:before {

    content: "\f171";

}



.ion-ios-download:before {

    content: "\f420";

}



.ion-ios-easel:before {

    content: "\f173";

}



.ion-ios-egg:before {

    content: "\f175";

}



.ion-ios-exit:before {

    content: "\f177";

}



.ion-ios-expand:before {

    content: "\f178";

}



.ion-ios-eye:before {

    content: "\f425";

}



.ion-ios-eye-off:before {

    content: "\f17a";

}



.ion-ios-fastforward:before {

    content: "\f427";

}



.ion-ios-female:before {

    content: "\f17b";

}



.ion-ios-filing:before {

    content: "\f429";

}



.ion-ios-film:before {

    content: "\f42b";

}



.ion-ios-finger-print:before {

    content: "\f17c";

}



.ion-ios-fitness:before {

    content: "\f1ab";

}



.ion-ios-flag:before {

    content: "\f42d";

}



.ion-ios-flame:before {

    content: "\f42f";

}



.ion-ios-flash:before {

    content: "\f17e";

}



.ion-ios-flash-off:before {

    content: "\f12f";

}



.ion-ios-flashlight:before {

    content: "\f141";

}



.ion-ios-flask:before {

    content: "\f431";

}



.ion-ios-flower:before {

    content: "\f433";

}



.ion-ios-folder:before {

    content: "\f435";

}



.ion-ios-folder-open:before {

    content: "\f180";

}



.ion-ios-football:before {

    content: "\f437";

}



.ion-ios-funnel:before {

    content: "\f182";

}



.ion-ios-gift:before {

    content: "\f191";

}



.ion-ios-git-branch:before {

    content: "\f183";

}



.ion-ios-git-commit:before {

    content: "\f184";

}



.ion-ios-git-compare:before {

    content: "\f185";

}



.ion-ios-git-merge:before {

    content: "\f186";

}



.ion-ios-git-network:before {

    content: "\f187";

}



.ion-ios-git-pull-request:before {

    content: "\f188";

}



.ion-ios-glasses:before {

    content: "\f43f";

}



.ion-ios-globe:before {

    content: "\f18a";

}



.ion-ios-grid:before {

    content: "\f18c";

}



.ion-ios-hammer:before {

    content: "\f18e";

}



.ion-ios-hand:before {

    content: "\f190";

}



.ion-ios-happy:before {

    content: "\f192";

}



.ion-ios-headset:before {

    content: "\f194";

}



.ion-ios-heart:before {

    content: "\f443";

}



.ion-ios-heart-dislike:before {

    content: "\f13f";

}



.ion-ios-heart-empty:before {

    content: "\f19b";

}



.ion-ios-heart-half:before {

    content: "\f19d";

}



.ion-ios-help:before {

    content: "\f446";

}



.ion-ios-help-buoy:before {

    content: "\f196";

}



.ion-ios-help-circle:before {

    content: "\f198";

}



.ion-ios-help-circle-outline:before {

    content: "\f197";

}



.ion-ios-home:before {

    content: "\f448";

}



.ion-ios-hourglass:before {

    content: "\f103";

}



.ion-ios-ice-cream:before {

    content: "\f19a";

}



.ion-ios-image:before {

    content: "\f19c";

}



.ion-ios-images:before {

    content: "\f19e";

}



.ion-ios-infinite:before {

    content: "\f44a";

}



.ion-ios-information:before {

    content: "\f44d";

}



.ion-ios-information-circle:before {

    content: "\f1a0";

}



.ion-ios-information-circle-outline:before {

    content: "\f19f";

}



.ion-ios-jet:before {

    content: "\f1a5";

}



.ion-ios-journal:before {

    content: "\f189";

}



.ion-ios-key:before {

    content: "\f1a7";

}



.ion-ios-keypad:before {

    content: "\f450";

}



.ion-ios-laptop:before {

    content: "\f1a8";

}



.ion-ios-leaf:before {

    content: "\f1aa";

}



.ion-ios-link:before {

    content: "\f22a";

}



.ion-ios-list:before {

    content: "\f454";

}



.ion-ios-list-box:before {

    content: "\f143";

}



.ion-ios-locate:before {

    content: "\f1ae";

}



.ion-ios-lock:before {

    content: "\f1b0";

}



.ion-ios-log-in:before {

    content: "\f1b1";

}



.ion-ios-log-out:before {

    content: "\f1b2";

}



.ion-ios-magnet:before {

    content: "\f1b4";

}



.ion-ios-mail:before {

    content: "\f1b8";

}



.ion-ios-mail-open:before {

    content: "\f1b6";

}



.ion-ios-mail-unread:before {

    content: "\f145";

}



.ion-ios-male:before {

    content: "\f1b9";

}



.ion-ios-man:before {

    content: "\f1bb";

}



.ion-ios-map:before {

    content: "\f1bd";

}



.ion-ios-medal:before {

    content: "\f1bf";

}



.ion-ios-medical:before {

    content: "\f45c";

}



.ion-ios-medkit:before {

    content: "\f45e";

}



.ion-ios-megaphone:before {

    content: "\f1c1";

}



.ion-ios-menu:before {

    content: "\f1c3";

}



.ion-ios-mic:before {

    content: "\f461";

}



.ion-ios-mic-off:before {

    content: "\f45f";

}



.ion-ios-microphone:before {

    content: "\f1c6";

}



.ion-ios-moon:before {

    content: "\f468";

}



.ion-ios-more:before {

    content: "\f1c8";

}



.ion-ios-move:before {

    content: "\f1cb";

}



.ion-ios-musical-note:before {

    content: "\f46b";

}



.ion-ios-musical-notes:before {

    content: "\f46c";

}



.ion-ios-navigate:before {

    content: "\f46e";

}



.ion-ios-notifications:before {

    content: "\f1d3";

}



.ion-ios-notifications-off:before {

    content: "\f1d1";

}



.ion-ios-notifications-outline:before {

    content: "\f133";

}



.ion-ios-nuclear:before {

    content: "\f1d5";

}



.ion-ios-nutrition:before {

    content: "\f470";

}



.ion-ios-open:before {

    content: "\f1d7";

}



.ion-ios-options:before {

    content: "\f1d9";

}



.ion-ios-outlet:before {

    content: "\f1db";

}



.ion-ios-paper:before {

    content: "\f472";

}



.ion-ios-paper-plane:before {

    content: "\f1dd";

}



.ion-ios-partly-sunny:before {

    content: "\f1df";

}



.ion-ios-pause:before {

    content: "\f478";

}



.ion-ios-paw:before {

    content: "\f47a";

}



.ion-ios-people:before {

    content: "\f47c";

}



.ion-ios-person:before {

    content: "\f47e";

}



.ion-ios-person-add:before {

    content: "\f1e1";

}



.ion-ios-phone-landscape:before {

    content: "\f1e2";

}



.ion-ios-phone-portrait:before {

    content: "\f1e3";

}



.ion-ios-photos:before {

    content: "\f482";

}



.ion-ios-pie:before {

    content: "\f484";

}



.ion-ios-pin:before {

    content: "\f1e5";

}



.ion-ios-pint:before {

    content: "\f486";

}



.ion-ios-pizza:before {

    content: "\f1e7";

}



.ion-ios-planet:before {

    content: "\f1eb";

}



.ion-ios-play:before {

    content: "\f488";

}



.ion-ios-play-circle:before {

    content: "\f113";

}



.ion-ios-podium:before {

    content: "\f1ed";

}



.ion-ios-power:before {

    content: "\f1ef";

}



.ion-ios-pricetag:before {

    content: "\f48d";

}



.ion-ios-pricetags:before {

    content: "\f48f";

}



.ion-ios-print:before {

    content: "\f1f1";

}



.ion-ios-pulse:before {

    content: "\f493";

}



.ion-ios-qr-scanner:before {

    content: "\f1f3";

}



.ion-ios-quote:before {

    content: "\f1f5";

}



.ion-ios-radio:before {

    content: "\f1f9";

}



.ion-ios-radio-button-off:before {

    content: "\f1f6";

}



.ion-ios-radio-button-on:before {

    content: "\f1f7";

}



.ion-ios-rainy:before {

    content: "\f495";

}



.ion-ios-recording:before {

    content: "\f497";

}



.ion-ios-redo:before {

    content: "\f499";

}



.ion-ios-refresh:before {

    content: "\f49c";

}



.ion-ios-refresh-circle:before {

    content: "\f135";

}



.ion-ios-remove:before {

    content: "\f1fc";

}



.ion-ios-remove-circle:before {

    content: "\f1fb";

}



.ion-ios-remove-circle-outline:before {

    content: "\f1fa";

}



.ion-ios-reorder:before {

    content: "\f1fd";

}



.ion-ios-repeat:before {

    content: "\f1fe";

}



.ion-ios-resize:before {

    content: "\f1ff";

}



.ion-ios-restaurant:before {

    content: "\f201";

}



.ion-ios-return-left:before {

    content: "\f202";

}



.ion-ios-return-right:before {

    content: "\f203";

}



.ion-ios-reverse-camera:before {

    content: "\f49f";

}



.ion-ios-rewind:before {

    content: "\f4a1";

}



.ion-ios-ribbon:before {

    content: "\f205";

}



.ion-ios-rocket:before {

    content: "\f14b";

}



.ion-ios-rose:before {

    content: "\f4a3";

}



.ion-ios-sad:before {

    content: "\f207";

}



.ion-ios-save:before {

    content: "\f1a6";

}



.ion-ios-school:before {

    content: "\f209";

}



.ion-ios-search:before {

    content: "\f4a5";

}



.ion-ios-send:before {

    content: "\f20c";

}



.ion-ios-settings:before {

    content: "\f4a7";

}



.ion-ios-share:before {

    content: "\f211";

}



.ion-ios-share-alt:before {

    content: "\f20f";

}



.ion-ios-shirt:before {

    content: "\f213";

}



.ion-ios-shuffle:before {

    content: "\f4a9";

}



.ion-ios-skip-backward:before {

    content: "\f215";

}



.ion-ios-skip-forward:before {

    content: "\f217";

}



.ion-ios-snow:before {

    content: "\f218";

}



.ion-ios-speedometer:before {

    content: "\f4b0";

}



.ion-ios-square:before {

    content: "\f21a";

}



.ion-ios-square-outline:before {

    content: "\f15c";

}



.ion-ios-star:before {

    content: "\f4b3";

}



.ion-ios-star-half:before {

    content: "\f4b1";

}



.ion-ios-star-outline:before {

    content: "\f4b2";

}



.ion-ios-stats:before {

    content: "\f21c";

}



.ion-ios-stopwatch:before {

    content: "\f4b5";

}



.ion-ios-subway:before {

    content: "\f21e";

}



.ion-ios-sunny:before {

    content: "\f4b7";

}



.ion-ios-swap:before {

    content: "\f21f";

}



.ion-ios-switch:before {

    content: "\f221";

}



.ion-ios-sync:before {

    content: "\f222";

}



.ion-ios-tablet-landscape:before {

    content: "\f223";

}



.ion-ios-tablet-portrait:before {

    content: "\f24e";

}



.ion-ios-tennisball:before {

    content: "\f4bb";

}



.ion-ios-text:before {

    content: "\f250";

}



.ion-ios-thermometer:before {

    content: "\f252";

}



.ion-ios-thumbs-down:before {

    content: "\f254";

}



.ion-ios-thumbs-up:before {

    content: "\f256";

}



.ion-ios-thunderstorm:before {

    content: "\f4bd";

}



.ion-ios-time:before {

    content: "\f4bf";

}



.ion-ios-timer:before {

    content: "\f4c1";

}



.ion-ios-today:before {

    content: "\f14f";

}



.ion-ios-train:before {

    content: "\f258";

}



.ion-ios-transgender:before {

    content: "\f259";

}



.ion-ios-trash:before {

    content: "\f4c5";

}



.ion-ios-trending-down:before {

    content: "\f25a";

}



.ion-ios-trending-up:before {

    content: "\f25b";

}



.ion-ios-trophy:before {

    content: "\f25d";

}



.ion-ios-tv:before {

    content: "\f115";

}



.ion-ios-umbrella:before {

    content: "\f25f";

}



.ion-ios-undo:before {

    content: "\f4c7";

}



.ion-ios-unlock:before {

    content: "\f261";

}



.ion-ios-videocam:before {

    content: "\f4cd";

}



.ion-ios-volume-high:before {

    content: "\f11c";

}



.ion-ios-volume-low:before {

    content: "\f11e";

}



.ion-ios-volume-mute:before {

    content: "\f263";

}



.ion-ios-volume-off:before {

    content: "\f264";

}



.ion-ios-walk:before {

    content: "\f266";

}



.ion-ios-wallet:before {

    content: "\f18b";

}



.ion-ios-warning:before {

    content: "\f268";

}



.ion-ios-watch:before {

    content: "\f269";

}



.ion-ios-water:before {

    content: "\f26b";

}



.ion-ios-wifi:before {

    content: "\f26d";

}



.ion-ios-wine:before {

    content: "\f26f";

}



.ion-ios-woman:before {

    content: "\f271";

}



.ion-logo-android:before {

    content: "\f225";

}



.ion-logo-angular:before {

    content: "\f227";

}



.ion-logo-apple:before {

    content: "\f229";

}



.ion-logo-bitbucket:before {

    content: "\f193";

}



.ion-logo-bitcoin:before {

    content: "\f22b";

}



.ion-logo-buffer:before {

    content: "\f22d";

}



.ion-logo-chrome:before {

    content: "\f22f";

}



.ion-logo-closed-captioning:before {

    content: "\f105";

}



.ion-logo-codepen:before {

    content: "\f230";

}



.ion-logo-css3:before {

    content: "\f231";

}



.ion-logo-designernews:before {

    content: "\f232";

}



.ion-logo-dribbble:before {

    content: "\f233";

}



.ion-logo-dropbox:before {

    content: "\f234";

}



.ion-logo-euro:before {

    content: "\f235";

}



.ion-logo-facebook:before {

    content: "\f236";

}



.ion-logo-flickr:before {

    content: "\f107";

}



.ion-logo-foursquare:before {

    content: "\f237";

}



.ion-logo-freebsd-devil:before {

    content: "\f238";

}



.ion-logo-game-controller-a:before {

    content: "\f13b";

}



.ion-logo-game-controller-b:before {

    content: "\f181";

}



.ion-logo-github:before {

    content: "\f239";

}



.ion-logo-google:before {

    content: "\f23a";

}



.ion-logo-googleplus:before {

    content: "\f23b";

}



.ion-logo-hackernews:before {

    content: "\f23c";

}



.ion-logo-html5:before {

    content: "\f23d";

}



.ion-logo-instagram:before {

    content: "\f23e";

}



.ion-logo-ionic:before {

    content: "\f150";

}



.ion-logo-ionitron:before {

    content: "\f151";

}



.ion-logo-javascript:before {

    content: "\f23f";

}



.ion-logo-linkedin:before {

    content: "\f240";

}



.ion-logo-markdown:before {

    content: "\f241";

}



.ion-logo-model-s:before {

    content: "\f153";

}



.ion-logo-no-smoking:before {

    content: "\f109";

}



.ion-logo-nodejs:before {

    content: "\f242";

}



.ion-logo-npm:before {

    content: "\f195";

}



.ion-logo-octocat:before {

    content: "\f243";

}



.ion-logo-pinterest:before {

    content: "\f244";

}



.ion-logo-playstation:before {

    content: "\f245";

}



.ion-logo-polymer:before {

    content: "\f15e";

}



.ion-logo-python:before {

    content: "\f246";

}



.ion-logo-reddit:before {

    content: "\f247";

}



.ion-logo-rss:before {

    content: "\f248";

}



.ion-logo-sass:before {

    content: "\f249";

}



.ion-logo-skype:before {

    content: "\f24a";

}



.ion-logo-slack:before {

    content: "\f10b";

}



.ion-logo-snapchat:before {

    content: "\f24b";

}



.ion-logo-steam:before {

    content: "\f24c";

}



.ion-logo-tumblr:before {

    content: "\f24d";

}



.ion-logo-tux:before {

    content: "\f2ae";

}



.ion-logo-twitch:before {

    content: "\f2af";

}



.ion-logo-twitter:before {

    content: "\f2b0";

}



.ion-logo-usd:before {

    content: "\f2b1";

}



.ion-logo-vimeo:before {

    content: "\f2c4";

}



.ion-logo-vk:before {

    content: "\f10d";

}



.ion-logo-whatsapp:before {

    content: "\f2c5";

}



.ion-logo-windows:before {

    content: "\f32f";

}



.ion-logo-wordpress:before {

    content: "\f330";

}



.ion-logo-xbox:before {

    content: "\f34c";

}



.ion-logo-xing:before {

    content: "\f10f";

}



.ion-logo-yahoo:before {

    content: "\f34d";

}



.ion-logo-yen:before {

    content: "\f34e";

}



.ion-logo-youtube:before {

    content: "\f34f";

}



.ion-md-add:before {

    content: "\f273";

}



.ion-md-add-circle:before {

    content: "\f272";

}



.ion-md-add-circle-outline:before {

    content: "\f158";

}



.ion-md-airplane:before {

    content: "\f15a";

}



.ion-md-alarm:before {

    content: "\f274";

}



.ion-md-albums:before {

    content: "\f275";

}



.ion-md-alert:before {

    content: "\f276";

}



.ion-md-american-football:before {

    content: "\f277";

}



.ion-md-analytics:before {

    content: "\f278";

}



.ion-md-aperture:before {

    content: "\f279";

}



.ion-md-apps:before {

    content: "\f27a";

}



.ion-md-appstore:before {

    content: "\f27b";

}



.ion-md-archive:before {

    content: "\f27c";

}



.ion-md-arrow-back:before {

    content: "\f27d";

}



.ion-md-arrow-down:before {

    content: "\f27e";

}



.ion-md-arrow-dropdown:before {

    content: "\f280";

}



.ion-md-arrow-dropdown-circle:before {

    content: "\f27f";

}



.ion-md-arrow-dropleft:before {

    content: "\f282";

}



.ion-md-arrow-dropleft-circle:before {

    content: "\f281";

}



.ion-md-arrow-dropright:before {

    content: "\f284";

}



.ion-md-arrow-dropright-circle:before {

    content: "\f283";

}



.ion-md-arrow-dropup:before {

    content: "\f286";

}



.ion-md-arrow-dropup-circle:before {

    content: "\f285";

}



.ion-md-arrow-forward:before {

    content: "\f287";

}



.ion-md-arrow-round-back:before {

    content: "\f288";

}



.ion-md-arrow-round-down:before {

    content: "\f289";

}



.ion-md-arrow-round-forward:before {

    content: "\f28a";

}



.ion-md-arrow-round-up:before {

    content: "\f28b";

}



.ion-md-arrow-up:before {

    content: "\f28c";

}



.ion-md-at:before {

    content: "\f28d";

}



.ion-md-attach:before {

    content: "\f28e";

}



.ion-md-backspace:before {

    content: "\f28f";

}



.ion-md-barcode:before {

    content: "\f290";

}



.ion-md-baseball:before {

    content: "\f291";

}



.ion-md-basket:before {

    content: "\f292";

}



.ion-md-basketball:before {

    content: "\f293";

}



.ion-md-battery-charging:before {

    content: "\f294";

}



.ion-md-battery-dead:before {

    content: "\f295";

}



.ion-md-battery-full:before {

    content: "\f296";

}



.ion-md-beaker:before {

    content: "\f297";

}



.ion-md-bed:before {

    content: "\f160";

}



.ion-md-beer:before {

    content: "\f298";

}



.ion-md-bicycle:before {

    content: "\f299";

}



.ion-md-bluetooth:before {

    content: "\f29a";

}



.ion-md-boat:before {

    content: "\f29b";

}



.ion-md-body:before {

    content: "\f29c";

}



.ion-md-bonfire:before {

    content: "\f29d";

}



.ion-md-book:before {

    content: "\f29e";

}



.ion-md-bookmark:before {

    content: "\f29f";

}



.ion-md-bookmarks:before {

    content: "\f2a0";

}



.ion-md-bowtie:before {

    content: "\f2a1";

}



.ion-md-briefcase:before {

    content: "\f2a2";

}



.ion-md-browsers:before {

    content: "\f2a3";

}



.ion-md-brush:before {

    content: "\f2a4";

}



.ion-md-bug:before {

    content: "\f2a5";

}



.ion-md-build:before {

    content: "\f2a6";

}



.ion-md-bulb:before {

    content: "\f2a7";

}



.ion-md-bus:before {

    content: "\f2a8";

}



.ion-md-business:before {

    content: "\f1a4";

}



.ion-md-cafe:before {

    content: "\f2a9";

}



.ion-md-calculator:before {

    content: "\f2aa";

}



.ion-md-calendar:before {

    content: "\f2ab";

}



.ion-md-call:before {

    content: "\f2ac";

}



.ion-md-camera:before {

    content: "\f2ad";

}



.ion-md-car:before {

    content: "\f2b2";

}



.ion-md-card:before {

    content: "\f2b3";

}



.ion-md-cart:before {

    content: "\f2b4";

}



.ion-md-cash:before {

    content: "\f2b5";

}



.ion-md-cellular:before {

    content: "\f164";

}



.ion-md-chatboxes:before {

    content: "\f2b6";

}



.ion-md-chatbubbles:before {

    content: "\f2b7";

}



.ion-md-checkbox:before {

    content: "\f2b9";

}



.ion-md-checkbox-outline:before {

    content: "\f2b8";

}



.ion-md-checkmark:before {

    content: "\f2bc";

}



.ion-md-checkmark-circle:before {

    content: "\f2bb";

}



.ion-md-checkmark-circle-outline:before {

    content: "\f2ba";

}



.ion-md-clipboard:before {

    content: "\f2bd";

}



.ion-md-clock:before {

    content: "\f2be";

}



.ion-md-close:before {

    content: "\f2c0";

}



.ion-md-close-circle:before {

    content: "\f2bf";

}



.ion-md-close-circle-outline:before {

    content: "\f166";

}



.ion-md-cloud:before {

    content: "\f2c9";

}



.ion-md-cloud-circle:before {

    content: "\f2c2";

}



.ion-md-cloud-done:before {

    content: "\f2c3";

}



.ion-md-cloud-download:before {

    content: "\f2c6";

}



.ion-md-cloud-outline:before {

    content: "\f2c7";

}



.ion-md-cloud-upload:before {

    content: "\f2c8";

}



.ion-md-cloudy:before {

    content: "\f2cb";

}



.ion-md-cloudy-night:before {

    content: "\f2ca";

}



.ion-md-code:before {

    content: "\f2ce";

}



.ion-md-code-download:before {

    content: "\f2cc";

}



.ion-md-code-working:before {

    content: "\f2cd";

}



.ion-md-cog:before {

    content: "\f2cf";

}



.ion-md-color-fill:before {

    content: "\f2d0";

}



.ion-md-color-filter:before {

    content: "\f2d1";

}



.ion-md-color-palette:before {

    content: "\f2d2";

}



.ion-md-color-wand:before {

    content: "\f2d3";

}



.ion-md-compass:before {

    content: "\f2d4";

}



.ion-md-construct:before {

    content: "\f2d5";

}



.ion-md-contact:before {

    content: "\f2d6";

}



.ion-md-contacts:before {

    content: "\f2d7";

}



.ion-md-contract:before {

    content: "\f2d8";

}



.ion-md-contrast:before {

    content: "\f2d9";

}



.ion-md-copy:before {

    content: "\f2da";

}



.ion-md-create:before {

    content: "\f2db";

}



.ion-md-crop:before {

    content: "\f2dc";

}



.ion-md-cube:before {

    content: "\f2dd";

}



.ion-md-cut:before {

    content: "\f2de";

}



.ion-md-desktop:before {

    content: "\f2df";

}



.ion-md-disc:before {

    content: "\f2e0";

}



.ion-md-document:before {

    content: "\f2e1";

}



.ion-md-done-all:before {

    content: "\f2e2";

}



.ion-md-download:before {

    content: "\f2e3";

}



.ion-md-easel:before {

    content: "\f2e4";

}



.ion-md-egg:before {

    content: "\f2e5";

}



.ion-md-exit:before {

    content: "\f2e6";

}



.ion-md-expand:before {

    content: "\f2e7";

}



.ion-md-eye:before {

    content: "\f2e9";

}



.ion-md-eye-off:before {

    content: "\f2e8";

}



.ion-md-fastforward:before {

    content: "\f2ea";

}



.ion-md-female:before {

    content: "\f2eb";

}



.ion-md-filing:before {

    content: "\f2ec";

}



.ion-md-film:before {

    content: "\f2ed";

}



.ion-md-finger-print:before {

    content: "\f2ee";

}



.ion-md-fitness:before {

    content: "\f1ac";

}



.ion-md-flag:before {

    content: "\f2ef";

}



.ion-md-flame:before {

    content: "\f2f0";

}



.ion-md-flash:before {

    content: "\f2f1";

}



.ion-md-flash-off:before {

    content: "\f169";

}



.ion-md-flashlight:before {

    content: "\f16b";

}



.ion-md-flask:before {

    content: "\f2f2";

}



.ion-md-flower:before {

    content: "\f2f3";

}



.ion-md-folder:before {

    content: "\f2f5";

}



.ion-md-folder-open:before {

    content: "\f2f4";

}



.ion-md-football:before {

    content: "\f2f6";

}



.ion-md-funnel:before {

    content: "\f2f7";

}



.ion-md-gift:before {

    content: "\f199";

}



.ion-md-git-branch:before {

    content: "\f2fa";

}



.ion-md-git-commit:before {

    content: "\f2fb";

}



.ion-md-git-compare:before {

    content: "\f2fc";

}



.ion-md-git-merge:before {

    content: "\f2fd";

}



.ion-md-git-network:before {

    content: "\f2fe";

}



.ion-md-git-pull-request:before {

    content: "\f2ff";

}



.ion-md-glasses:before {

    content: "\f300";

}



.ion-md-globe:before {

    content: "\f301";

}



.ion-md-grid:before {

    content: "\f302";

}



.ion-md-hammer:before {

    content: "\f303";

}



.ion-md-hand:before {

    content: "\f304";

}



.ion-md-happy:before {

    content: "\f305";

}



.ion-md-headset:before {

    content: "\f306";

}



.ion-md-heart:before {

    content: "\f308";

}



.ion-md-heart-dislike:before {

    content: "\f167";

}



.ion-md-heart-empty:before {

    content: "\f1a1";

}



.ion-md-heart-half:before {

    content: "\f1a2";

}



.ion-md-help:before {

    content: "\f30b";

}



.ion-md-help-buoy:before {

    content: "\f309";

}



.ion-md-help-circle:before {

    content: "\f30a";

}



.ion-md-help-circle-outline:before {

    content: "\f16d";

}



.ion-md-home:before {

    content: "\f30c";

}



.ion-md-hourglass:before {

    content: "\f111";

}



.ion-md-ice-cream:before {

    content: "\f30d";

}



.ion-md-image:before {

    content: "\f30e";

}



.ion-md-images:before {

    content: "\f30f";

}



.ion-md-infinite:before {

    content: "\f310";

}



.ion-md-information:before {

    content: "\f312";

}



.ion-md-information-circle:before {

    content: "\f311";

}



.ion-md-information-circle-outline:before {

    content: "\f16f";

}



.ion-md-jet:before {

    content: "\f315";

}



.ion-md-journal:before {

    content: "\f18d";

}



.ion-md-key:before {

    content: "\f316";

}



.ion-md-keypad:before {

    content: "\f317";

}



.ion-md-laptop:before {

    content: "\f318";

}



.ion-md-leaf:before {

    content: "\f319";

}



.ion-md-link:before {

    content: "\f22e";

}



.ion-md-list:before {

    content: "\f31b";

}



.ion-md-list-box:before {

    content: "\f31a";

}



.ion-md-locate:before {

    content: "\f31c";

}



.ion-md-lock:before {

    content: "\f31d";

}



.ion-md-log-in:before {

    content: "\f31e";

}



.ion-md-log-out:before {

    content: "\f31f";

}



.ion-md-magnet:before {

    content: "\f320";

}



.ion-md-mail:before {

    content: "\f322";

}



.ion-md-mail-open:before {

    content: "\f321";

}



.ion-md-mail-unread:before {

    content: "\f172";

}



.ion-md-male:before {

    content: "\f323";

}



.ion-md-man:before {

    content: "\f324";

}



.ion-md-map:before {

    content: "\f325";

}



.ion-md-medal:before {

    content: "\f326";

}



.ion-md-medical:before {

    content: "\f327";

}



.ion-md-medkit:before {

    content: "\f328";

}



.ion-md-megaphone:before {

    content: "\f329";

}



.ion-md-menu:before {

    content: "\f32a";

}



.ion-md-mic:before {

    content: "\f32c";

}



.ion-md-mic-off:before {

    content: "\f32b";

}



.ion-md-microphone:before {

    content: "\f32d";

}



.ion-md-moon:before {

    content: "\f32e";

}



.ion-md-more:before {

    content: "\f1c9";

}



.ion-md-move:before {

    content: "\f331";

}



.ion-md-musical-note:before {

    content: "\f332";

}



.ion-md-musical-notes:before {

    content: "\f333";

}



.ion-md-navigate:before {

    content: "\f334";

}



.ion-md-notifications:before {

    content: "\f338";

}



.ion-md-notifications-off:before {

    content: "\f336";

}



.ion-md-notifications-outline:before {

    content: "\f337";

}



.ion-md-nuclear:before {

    content: "\f339";

}



.ion-md-nutrition:before {

    content: "\f33a";

}



.ion-md-open:before {

    content: "\f33b";

}



.ion-md-options:before {

    content: "\f33c";

}



.ion-md-outlet:before {

    content: "\f33d";

}



.ion-md-paper:before {

    content: "\f33f";

}



.ion-md-paper-plane:before {

    content: "\f33e";

}



.ion-md-partly-sunny:before {

    content: "\f340";

}



.ion-md-pause:before {

    content: "\f341";

}



.ion-md-paw:before {

    content: "\f342";

}



.ion-md-people:before {

    content: "\f343";

}



.ion-md-person:before {

    content: "\f345";

}



.ion-md-person-add:before {

    content: "\f344";

}



.ion-md-phone-landscape:before {

    content: "\f346";

}



.ion-md-phone-portrait:before {

    content: "\f347";

}



.ion-md-photos:before {

    content: "\f348";

}



.ion-md-pie:before {

    content: "\f349";

}



.ion-md-pin:before {

    content: "\f34a";

}



.ion-md-pint:before {

    content: "\f34b";

}



.ion-md-pizza:before {

    content: "\f354";

}



.ion-md-planet:before {

    content: "\f356";

}



.ion-md-play:before {

    content: "\f357";

}



.ion-md-play-circle:before {

    content: "\f174";

}



.ion-md-podium:before {

    content: "\f358";

}



.ion-md-power:before {

    content: "\f359";

}



.ion-md-pricetag:before {

    content: "\f35a";

}



.ion-md-pricetags:before {

    content: "\f35b";

}



.ion-md-print:before {

    content: "\f35c";

}



.ion-md-pulse:before {

    content: "\f35d";

}



.ion-md-qr-scanner:before {

    content: "\f35e";

}



.ion-md-quote:before {

    content: "\f35f";

}



.ion-md-radio:before {

    content: "\f362";

}



.ion-md-radio-button-off:before {

    content: "\f360";

}



.ion-md-radio-button-on:before {

    content: "\f361";

}



.ion-md-rainy:before {

    content: "\f363";

}



.ion-md-recording:before {

    content: "\f364";

}



.ion-md-redo:before {

    content: "\f365";

}



.ion-md-refresh:before {

    content: "\f366";

}



.ion-md-refresh-circle:before {

    content: "\f228";

}



.ion-md-remove:before {

    content: "\f368";

}



.ion-md-remove-circle:before {

    content: "\f367";

}



.ion-md-remove-circle-outline:before {

    content: "\f176";

}



.ion-md-reorder:before {

    content: "\f369";

}



.ion-md-repeat:before {

    content: "\f36a";

}



.ion-md-resize:before {

    content: "\f36b";

}



.ion-md-restaurant:before {

    content: "\f36c";

}



.ion-md-return-left:before {

    content: "\f36d";

}



.ion-md-return-right:before {

    content: "\f36e";

}



.ion-md-reverse-camera:before {

    content: "\f36f";

}



.ion-md-rewind:before {

    content: "\f370";

}



.ion-md-ribbon:before {

    content: "\f371";

}



.ion-md-rocket:before {

    content: "\f179";

}



.ion-md-rose:before {

    content: "\f372";

}



.ion-md-sad:before {

    content: "\f373";

}



.ion-md-save:before {

    content: "\f1a9";

}



.ion-md-school:before {

    content: "\f374";

}



.ion-md-search:before {

    content: "\f375";

}



.ion-md-send:before {

    content: "\f376";

}



.ion-md-settings:before {

    content: "\f377";

}



.ion-md-share:before {

    content: "\f379";

}



.ion-md-share-alt:before {

    content: "\f378";

}



.ion-md-shirt:before {

    content: "\f37a";

}



.ion-md-shuffle:before {

    content: "\f37b";

}



.ion-md-skip-backward:before {

    content: "\f37c";

}



.ion-md-skip-forward:before {

    content: "\f37d";

}



.ion-md-snow:before {

    content: "\f37e";

}



.ion-md-speedometer:before {

    content: "\f37f";

}



.ion-md-square:before {

    content: "\f381";

}



.ion-md-square-outline:before {

    content: "\f380";

}



.ion-md-star:before {

    content: "\f384";

}



.ion-md-star-half:before {

    content: "\f382";

}



.ion-md-star-outline:before {

    content: "\f383";

}



.ion-md-stats:before {

    content: "\f385";

}



.ion-md-stopwatch:before {

    content: "\f386";

}



.ion-md-subway:before {

    content: "\f387";

}



.ion-md-sunny:before {

    content: "\f388";

}



.ion-md-swap:before {

    content: "\f389";

}



.ion-md-switch:before {

    content: "\f38a";

}



.ion-md-sync:before {

    content: "\f38b";

}



.ion-md-tablet-landscape:before {

    content: "\f38c";

}



.ion-md-tablet-portrait:before {

    content: "\f38d";

}



.ion-md-tennisball:before {

    content: "\f38e";

}



.ion-md-text:before {

    content: "\f38f";

}



.ion-md-thermometer:before {

    content: "\f390";

}



.ion-md-thumbs-down:before {

    content: "\f391";

}



.ion-md-thumbs-up:before {

    content: "\f392";

}



.ion-md-thunderstorm:before {

    content: "\f393";

}



.ion-md-time:before {

    content: "\f394";

}



.ion-md-timer:before {

    content: "\f395";

}



.ion-md-today:before {

    content: "\f17d";

}



.ion-md-train:before {

    content: "\f396";

}



.ion-md-transgender:before {

    content: "\f397";

}



.ion-md-trash:before {

    content: "\f398";

}



.ion-md-trending-down:before {

    content: "\f399";

}



.ion-md-trending-up:before {

    content: "\f39a";

}



.ion-md-trophy:before {

    content: "\f39b";

}



.ion-md-tv:before {

    content: "\f17f";

}



.ion-md-umbrella:before {

    content: "\f39c";

}



.ion-md-undo:before {

    content: "\f39d";

}



.ion-md-unlock:before {

    content: "\f39e";

}



.ion-md-videocam:before {

    content: "\f39f";

}



.ion-md-volume-high:before {

    content: "\f123";

}



.ion-md-volume-low:before {

    content: "\f131";

}



.ion-md-volume-mute:before {

    content: "\f3a1";

}



.ion-md-volume-off:before {

    content: "\f3a2";

}



.ion-md-walk:before {

    content: "\f3a4";

}



.ion-md-wallet:before {

    content: "\f18f";

}



.ion-md-warning:before {

    content: "\f3a5";

}



.ion-md-watch:before {

    content: "\f3a6";

}



.ion-md-water:before {

    content: "\f3a7";

}



.ion-md-wifi:before {

    content: "\f3a8";

}



.ion-md-wine:before {

    content: "\f3a9";

}



.ion-md-woman:before {

    content: "\f3aa";

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



/*::-webkit-scrollbar {

    width: 10px;

}



::-webkit-scrollbar-button {

    width: 10px;

    height: 5px;

}



::-webkit-scrollbar-track {

    background: #e8e8e8;

    border: thin solid #f2f2f2;

    box-shadow: 0px 0px 5px #dfdfdf inset;

    border-radius: 5px;

}



::-webkit-scrollbar-thumb {

    background: #d41e25;

    border: none;

    border-radius: 5px;

}



::-webkit-scrollbar-thumb:hover {

    background: #d41e25;

    border: none;

}*/

/* scroll bar */

::-webkit-scrollbar { width: 10px; background-color: #ffb208;}

::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}

::-webkit-scrollbar-thumb { background-color: #ffb208; background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)}



:before,

:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



:root {

    --text-color: #000000;

    --text-secondary-color: #666666;

    --primary-color: #e93100;

    --secondary-color: #fbd947;

    --price-color: #d41e25;

    --topbar-bg: #fdd835;

    --topbar-color: #000000;

    --header-background: #e85933;

    --header-color: #f0f0f0;

    --label-background: #d41e25;

    --label-color: #e85933;

    --show-loadmore: none !important;

    --order-loadmore: -1 !important;

    --blue: #007bff;

    --indigo: #6610f2;

    --purple: #6f42c1;

    --pink: #e83e8c;

    --red: #dc3545;

    --orange: #fd7e14;

    --yellow: #ffc107;

    --green: #28a745;

    --teal: #20c997;

    --cyan: #17a2b8;

    --white: #fff;

    --gray: #6c757d;

    --gray-dark: #343a40;

    --primary: #007bff;

    --secondary: #6c757d;

    --success: #28a745;

    --info: #17a2b8;

    --warning: #ffc107;

    --danger: #dc3545;

    --light: #f8f9fa;

    --dark: #343a40;

    --breakpoint-xs: 0;

    --breakpoint-sm: 576px;

    --breakpoint-md: 768px;

    --breakpoint-lg: 992px;

    --breakpoint-xl: 1200px;

    --countdown-background: #ff4949;

    --countdown-color: #ffffff;

}



html {

    font-size: 10px;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    position: relative;

    height: 100%;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}



html {

    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%

}



body {

    margin: 0;

    width: 100%;

    position: relative;

    height: 100%;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}



body {

    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;

    font-size: 14px;

    line-height: 1.42857143;

    color: #212529;

    background-color: #ffd400;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* Firefox */

input[type=number] {

    -moz-appearance: textfield;

}



a {

    text-decoration: none;

    color: #000;

}



input,

button,

select,

textarea {

    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;

    outline: none;

}



select {

    -moz-appearance: none;

    -webkit-appearance: none;

}



ul,

ol {

    list-style: none;

}



input:disabled {

    background: #ececec;

    border: none;

    color: #495057;

    outline: none;

}



.input_white:disabled {

    background: #fff;

    border: 1px solid #ced4da;

    cursor: not-allowed;

    color: #495057;

}



::-webkit-input-placeholder {

    /* Edge */

    color: #999;

}



:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #999;

}



::placeholder {

    color: #999;

}



h1,

h2,

h3,

h4,

h5,

h6,

ul,

li,

ol,

p {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



@keyframes play {



    0% {

        transform: scale(1);

    }



    15% {

        box-shadow: 0 0 0 5px rgba(67, 181, 30, 0.4);

    }



    25% {

        box-shadow: 0 0 0 10px rgba(67, 181, 30, 0.4), 0 0 0 20px rgba(67, 181, 30, 0.2);

    }



    25% {

        box-shadow: 0 0 0 15px rgba(67, 181, 30, 0.4), 0 0 0 30px rgba(67, 181, 30, 0.2);

    }



}



@-webkit-keyframes tada {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    10%,

    20% {

        -webkit-transform: scale(.9) rotate(-3deg);

        transform: scale(.9) rotate(-3deg)

    }



    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale(1.1) rotate(3deg);

        transform: scale(1.1) rotate(3deg)

    }



    40%,

    60%,

    80% {

        -webkit-transform: scale(1.1) rotate(-3deg);

        transform: scale(1.1) rotate(-3deg)

    }



    100% {

        -webkit-transform: scale(1) rotate(0);

        transform: scale(1) rotate(0)

    }

}



@keyframes tada {

    0% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1)

    }



    10%,

    20% {

        -webkit-transform: scale(.9) rotate(-3deg);

        -ms-transform: scale(.9) rotate(-3deg);

        transform: scale(.9) rotate(-3deg)

    }



    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale(1.1) rotate(3deg);

        -ms-transform: scale(1.1) rotate(3deg);

        transform: scale(1.1) rotate(3deg)

    }



    40%,

    60%,

    80% {

        -webkit-transform: scale(1.1) rotate(-3deg);

        -ms-transform: scale(1.1) rotate(-3deg);

        transform: scale(1.1) rotate(-3deg)

    }



    100% {

        -webkit-transform: scale(1) rotate(0);

        -ms-transform: scale(1) rotate(0);

        transform: scale(1) rotate(0)

    }

}



.tada {

    -webkit-animation-name: tada;

    animation-name: tada

}



@keyframes status {

    0% {

        visibility: visible

    }



    50% {

        visibility: hidden

    }

}



@-webkit-keyframes status {

    0% {

        visibility: visible

    }



    50% {

        visibility: hidden

    }

}



@-moz-keyframes status {

    0% {

        visibility: visible

    }



    50% {

        visibility: hidden

    }

}



@-o-keyframes status {

    0% {

        visibility: visible

    }



    50% {

        visibility: hidden

    }

}

.blink {

    position: absolute;

    animation: pulse 1.5s linear infinite;

    color: red;

    font-family: sans-serif;

}

@keyframes blinker {

    70% {

        opacity: 0;

    }

}

@keyframes pulse {

    0% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }



    50% {

        -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

        transform: scale(1.1);

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



@-moz-keyframes pulse {

    0% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }



    50% {

        -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

        transform: scale(1.1);

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }



    50% {

        -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

        transform: scale(1.1);

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



@-o-keyframes pulse {

    0% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }



    50% {

        -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

        transform: scale(1.1);

    }



    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes flash {



    0%,

    100%,

    50% {

        opacity: 1;

    }



    25%,

    75% {

        opacity: 0;

    }

}



@-moz-keyframes flash {



    0%,

    100%,

    50% {

        opacity: 1;

    }



    25%,

    75% {

        opacity: 0;

    }

}



@-webkit-keyframes flash {



    0%,

    100%,

    50% {

        opacity: 1;

    }



    25%,

    75% {

        opacity: 0;

    }

}



@-o-keyframes flash {



    0%,

    100%,

    50% {

        opacity: 1;

    }



    25%,

    75% {

        opacity: 0;

    }

}

@media all AND (max-width: 980px){

    .hide_mobile{

        display: none !important;

    }

    .hide_laptop{

        display: block !important;

    }

}

@media all AND (min-width: 980px){

    .hide_mobile{

        display: block !important;

    }

    .hide_laptop{

        display: none !important;

    }

}

.break::after {

    display: block;

    clear: both;

    content: "";

}



.clearfix::after {

    display: block;

    clear: both;

    content: "";

}



.clear {

    clear: both;

}



.disable {

    background: #aaa !important;

    pointer-events: none;

    cursor: default;

    text-decoration: none;

    color: black;

}



.disable_text {

    pointer-events: none;

    cursor: default;

    text-decoration: none;

    color: #aaa !important;

}



.bold {

    font-weight: 700;

}



.bg_violet {

    background: #bd10e0 !important;

    ;

}



.bg_green {

    background-color: #8bc34a !important;

}



.bg_red {

    background-color: #ff2853 !important;

}



.bg_black {

    background-color: #484848 !important;

}



.bg_orange {

    background-color: #f60 !important;

}



.bg_blue {

    background-color: #2c7abe !important;

}



.color_violet {

    color: #bd10e0 !important;

    ;

}



.color_green {

    color: #8bc34a !important;

}



.color_orange {

    color: #f60 !important;

}



.color_blue {

    color: #2c7abe !important;

}



.color_red {

    color: #f00 !important;

}



.effect7 {

    position: relative;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}



.effect7:before,

.effect7:after {

    content: "";

    position: absolute;

    z-index: -1;

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);

    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);

    top: 0;

    bottom: 0;

    left: 10px;

    right: 10px;

    -moz-border-radius: 100px / 10px;

    border-radius: 100px / 10px;

}



.effect7:after {

    right: 10px;

    left: auto;

    -webkit-transform: skew(8deg) rotate(3deg);

    -moz-transform: skew(8deg) rotate(3deg);

    -ms-transform: skew(8deg) rotate(3deg);

    -o-transform: skew(8deg) rotate(3deg);

    transform: skew(8deg) rotate(3deg);

}



.effect8 {

    position: relative;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}



.effect8:before,

.effect8:after {

    content: "";

    position: absolute;

    z-index: -1;

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);

    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);

    top: 10px;

    bottom: 10px;

    left: 0;

    right: 0;

    -moz-border-radius: 100px / 10px;

    border-radius: 100px / 10px;

}



.effect8:after {

    right: 10px;

    left: auto;

    -webkit-transform: skew(8deg) rotate(3deg);

    -moz-transform: skew(8deg) rotate(3deg);

    -ms-transform: skew(8deg) rotate(3deg);

    -o-transform: skew(8deg) rotate(3deg);

    transform: skew(8deg) rotate(3deg);

}



.chap_view {

    background: #555 !important;

}



.hide_button {

    display: none !important;

}



.svg-inline--fa.fa-w-14 {

    width: .875em;

}



.svg-inline--fa.fa-w-16 {

    width: 1em;

}



svg.fa-diamond,

span.gem {

    color: #3f94d5 !important;

}



span.time {

    color: #999 !important;

}



svg.fa-heart {

    color: #f0564a !important;

}



svg.fa-bitcoin {

    color: #ffa400 !important;

}



svg.fa-shield,

svg.fa-shield-cross {

    color: #16a085 !important;

}



svg.fa-sparkles {

    color: #f39c12 !important;

}



svg.fa-bow-arrow {

    color: #9b59b6 !important;

}



svg.fa-star {

    color: #fcac18 !important;

}



.check_link {

    height: 40px;

    line-height: 40px;

    font-style: italic;

}



.check_link.ok {

    color: green;

}



.check_link.error {

    color: red;

}

.a_action {

    display: inline-block;

    width: 100%;

    height: 25px;

    line-height: 25px;

    background: #f60;

    color: #fff !important;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -ms-border-radius: 8px;

    -o-border-radius: 8px;

    border-radius: 8px;

    margin-bottom: 5px;

    font-size: 12px;

}



.a_action:hover {

    background: #f00 !important;

}



.a_line {

    display: inline-block;

    height: 25px;

    line-height: 25px;

    padding-left: 15px;

    padding-right: 15px;

    background: #f60;

    color: #fff !important;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -ms-border-radius: 8px;

    -o-border-radius: 8px;

    border-radius: 8px;

    margin-bottom: 5px;

    font-size: 12px;

}



.a_line:hover {

    background: #f00 !important;

}



.text-muted {

    color: #6c757d !important;

}



.js-image-zoom__zoomed-image {

    z-index: 9999;

}



.js-image-zoom__zoomed-area {

    right: 0;

    bottom: 0;

}



.button_to_top {

    width: 60px;

    height: 60px;

    position: fixed;

    right: 20px;

    bottom: 20px;

    z-index: 200;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer;

    margin-top: 20px;

    font-size: 50px;

    color: rgb(142 77 53);

}



.load_overlay {

    position: fixed;

    background: #000;

    opacity: 0.8;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 99990;

    display: none;

}



.load_process {

    position: fixed;

    margin: auto;

    z-index: 99999;

    background: #fff;

    width: 400px;

    max-width: calc(90% - 10px);

    height: 120px;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -ms-border-radius: 8px;

    -o-border-radius: 8px;

    border-radius: 8px;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 5px;

    padding-right: 5px;

    overflow: hidden;

    display: none;

}



.load_note {

    color: #f60;

}



.button_more {

    color: #ffb208;

    display: inline-block;

    border: 1px solid #ffb208;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 7px;

    padding-bottom: 7px;

    border-radius: 5px;

}



.button_more:hover {

    background: #ffb208;

    color: #fff;

}

.top_ok{

    width: 100%;

    height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

}

.phantrang {

    text-align: center;

    width: 100%;

    margin-top: 20px;

    margin-bottom: 20px;

}



.phantrang a {

    background: #757575;

    color: #fff;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 10px;

    padding-right: 10px;

    margin-left: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}



.phantrang a:hover {

    background: #000;

}



.phantrang span {

    background: #ff0000;

    color: #fff;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 10px;

    padding-right: 10px;

    margin-left: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

    cursor: default;

}



.box_noidung {

    padding: 10px;

    width: 100%;

    background: #fff;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

    display: inline-block;

    margin-bottom: 20px;

}



.li_input {

    width: 100%;

    position: relative;

    margin-bottom: 10px;

    display: inline-block;

}

.li_input .list_col{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.li_input .list_col .left{

    display: flex;

    justify-content: flex-start;

    align-items: center;

}

.li_input .list_col .left input{

    margin-bottom: 0px;

}

.li_input .list_col .right{

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.li_input .list_col .right button{

}

.li_input label {

    width: 100%;

    margin-bottom: 10px;

    display: inline-block;

}



.li_input input[type=text] {

    margin: 0;

    width: 100%;

    height: 40px;

    font-size: 15px;

    color: #354052;

    margin-bottom: 10px;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -o-border-radius: 8px;

    padding-left: 10px;

    padding-right: 10px;

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;

}



.li_input input[type=password] {

    margin: 0;

    width: 100%;

    height: 40px;

    font-size: 15px;

    color: #354052;

    margin-bottom: 10px;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -o-border-radius: 8px;

    padding-left: 10px;

    padding-right: 10px;

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;

}



.li_input input[type=email] {

    margin: 0;

    width: 100%;

    height: 40px;

    font-size: 15px;

    color: #354052;

    margin-bottom: 10px;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -o-border-radius: 8px;

    padding-left: 10px;

    padding-right: 10px;

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;

}



.li_input input:focus {

    border: 1px solid #f00;

}



.li_input textarea {

    margin: 0;

    width: 100%;

    height: 100px;

    font-size: 15px;

    color: #354052;

    margin-bottom: 10px;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -o-border-radius: 8px;

    padding: 10px;

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;

}



.li_input textarea:focus {

    border: 1px solid #f00;

}



.li_input button {

    background: #d41e25;

    color: #fff;

    border: none;

    padding: 15px 20px;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -o-border-radius: 8px;

    cursor: pointer;

    text-transform: uppercase;

}

.button {

    width: 100%;

    display: inline-block;

    padding: 10px 15px;

    background: #e93100;

    color: #fff;

    text-align: center;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -o-border-radius: 8px;

}



.button_top {

    position: fixed;

    right: 30px;

    bottom: 120px;

    width: 45px;

    height: 45px;

    background: #ffb208;

    color: #fff;

    cursor: pointer;

    text-align: center;

    border: none;

    font-size: 14px;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    z-index: 999;

}



.box_note {

    position: fixed;

    width: 200px;

    background: #ffb208;

    left: 10px;

    bottom: 10px;

    z-index: 999;

    color: #333;

    display: none;

}



.box_note .note_title {

    position: relative;

    width: 100%;

    height: 30px;

    padding-left: 10px;

    padding-right: 10px;

    line-height: 30px;

}



.box_note .note_title i {

    position: absolute;

    margin: auto;

    right: 0px;

    top: 0;

    bottom: 0;

    height: 30px;

    width: 30px;

    text-align: center;

    line-height: 30px;

    cursor: pointer;

}



.box_note .note_content {

    position: relative;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 10px;

    /*    display: -webkit-box;

    word-break: break-word;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;*/

    width: 100%;

    font-size: 12px;

}



.box_note .note_content a {

    color: #fbff00;

    font-weight: 700;

}



.box_pop {

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.5);

    z-index: 999;

    display: none;

}



.box_pop .box_pop_content {

    left: 50% !important;

    top: 50% !important;

    position: fixed !important;

    transform: translate(-50%, -50%) !important;

    padding: 15px 20px;

    padding-bottom: 25px;

    width: 430px;

    max-width: calc(100% - 20px);

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -o-border-radius: 8px;

    background: #fff;

}



.box_pop .box_pop_content .pop_title {

    font-size: 20px;

    text-align: center;

    margin: 10px 0 20px 0;

    font-weight: 600;

    text-transform: uppercase;

}



.box_pop .box_pop_content .pop_content {

    width: 100%;

    display: inline-block;

}



.box_pop .box_pop_content .pop_content .li_input {

    width: 100%;

    display: inline-block;

    margin-bottom: 10px;

}



.box_pop .box_pop_content .pop_content .li_input label {

    width: 100%;

    display: inline-block;

    height: 20px;

    margin-bottom: 10px;

}



.box_pop .box_pop_content .pop_content .li_input input {

    margin: 0;

    width: 100%;

    height: 49px;

    font-size: 15px;

    color: #354052;

    margin-bottom: 10px;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -o-border-radius: 8px;

    padding-left: 10px;

    padding-right: 10px;

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;

}



.box_pop .box_pop_content .pop_content .li_input select {

    margin: 0;

    width: 100%;

    height: 49px;

    font-size: 15px;

    color: #354052;

    margin-bottom: 10px;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    -o-border-radius: 8px;

    padding-left: 10px;

    padding-right: 10px;

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;

}



.box_pop .box_pop_content .pop_content .li_input button {

    border: none;

    border-radius: 5px;

    height: 40px;

    line-height: 40px;

    color: #fff;

    font-size: 13px;

    width: 100%;

    cursor: pointer;

    background-color: #f0564a;

    font-weight: 600;

}



.box_pop .box_pop_content .pop_button {

    width: 100%;

    display: inline-block;

    margin-top: 10px;

}



.box_pop .box_pop_content .pop_button .text_left {

    float: left;

    line-height: 35px;

}



.box_pop .box_pop_content .pop_button .text_left a:hover {

    color: #f0564a;

}



.box_pop .box_pop_content .pop_button .text_right {

    float: right;

}



.box_pop .box_pop_content .pop_button .text_center {

    text-align: center;

}



.box_pop .box_pop_content .pop_button .text_center button {

    padding: 0 10px;

    border: none;

    border-radius: 5px;

    line-height: 35px;

    color: #fff;

    font-size: 13px;

    width: 100px;

    cursor: pointer;

    margin-left: 5px;

    background-color: #f0564a;

    font-weight: 600;

}



.box_pop .box_pop_content .pop_button .text_right button {

    padding: 0 10px;

    border: none;

    border-radius: 5px;

    line-height: 35px;

    color: #fff;

    font-size: 13px;

    width: 100px;

    cursor: pointer;

    margin-left: 5px;

    background-color: #f0564a;

    font-weight: 600;

}



.box_header {

    width: 100%;

    background: #fff;

}



.container {

    margin: auto;

    position: relative;

    width: 1140px;

    height: 100%;

}



.footer {

    position: relative;

    margin-top: 30px;

    padding-top: 20px;

    padding-bottom: 20px;

    width: 100%;

    background: #fff;

    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;

}



.list_baiviet {

    width: 100%;

    border-collapse: collapse;

}



.list_baiviet tr {

    height: 40px;

}



.list_baiviet tr {

    background: #ffffff;

    color: #495057;

}



.list_baiviet tr:nth-child(2n+1) {

    background: #f3f3f5;

    color: #495057;

}



.list_baiviet tr td {

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    padding-bottom: 5px;

}



.list_baiviet tr td a {

    color: #495057;

}



.list_baiviet tr td a.del {

    color: #fff;

    font-size: 12px;

    background: red;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 3px;

    padding-bottom: 3px;

    margin-left: 5px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

    border-radius: 15px;

}



.list_baiviet tr td a.del:hover {

    background: #ffbc00;

}



.list_baiviet tr td a.tuchoi {

    color: #fff;

    font-size: 12px;

    background: #860096;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 3px;

    padding-bottom: 3px;

    margin-left: 5px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

    border-radius: 15px;

}



.list_baiviet tr td a.tuchoi:hover {

    background: #ffbc00;

}



.list_baiviet tr td a.edit {

    color: #fff;

    font-size: 12px;

    background: green;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 3px;

    padding-bottom: 3px;

    margin-right: 5px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

    border-radius: 15px;

}



.list_baiviet tr td a.del.in_line {

    display: inline-block;

    height: 30px;

    line-height: 25px;

    width: 100%;

    margin-bottom: 5px;

    margin-left: 0px;

}



.list_baiviet tr td a.tuchoi.in_line {

    display: inline-block;

    height: 30px;

    line-height: 25px;

    width: 100%;

    margin-bottom: 5px;

}



.list_baiviet tr td a.edit.in_line {

    display: inline-block;

    height: 30px;

    line-height: 25px;

    width: 100%;

    margin-bottom: 5px;

}



.list_baiviet tr th {

    background: #f60;

    color: #fff;

    height: 30px;

    padding-left: 5px;

    padding-right: 5px;

}



.page_redirect {

    margin: 20px 0;

    padding-bottom: 20px;

    text-align: center;

    max-width: 100%;

}



.page_redirect a {

    margin: 0 4px;

    line-height: 40px;

    width: 40px;

    text-align: center;

    display: inline-block;

    border-radius: 150px;

    cursor: pointer;

    font-size: 16px;

}



.page_redirect a:hover {

    background-color: #d41e25;

    color: white;

    transition: 0.5s;

}



.page_redirect a.active {

    background-color: #ffb208;

    color: #fff;

}



.text-center {

    text-align: center !important;

}



.justify-content-center {

    -ms-flex-pack: center !important;

    justify-content: center !important;

}



.row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.flex-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important;

}



header {

    width: 100%;

    display: inline-block;

    z-index: 1000;

    position: fixed;

}



footer {}



header .top-header {

    width: 100%;

    display: inline-block;

    background: #fff;

    padding: 0px;

}

header .top-header .topbar{

    width: 100%;

    display: flex;

    padding-top: 3px;

    padding-bottom: 3px;

    justify-content: space-between;

}

header .top-header .topbar .topbar_left{

    width: auto;

    display: flex;

    justify-content: center;

}

header .top-header .topbar .topbar_left a{

    color: #000;

    width: auto;

    padding-right: 25px;

}

header .top-header .topbar .topbar_left a#show_kichhoat_baohanh{

    color: #f00;

}

header .top-header .topbar .topbar_right{

    display: flex;

    justify-content: center;

}

header .top-header .topbar .topbar_right a{

    color: #000;

    width: auto;

    padding-left: 25px;

}

header .top-header a {

    width: 100%;

    display: inline-block;

    height: 100%;

}



header .top-header img {

    width: 100%;

    height: auto;

    vertical-align: bottom;

}

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

    header .top-header .topbar .topbar_left{

        width: 100%;

        display: flex;

    }

    header .top-header .topbar .topbar_left a{

        color: #000;

        width: auto;

        padding-left: 5px;

        padding-right: 5px;

        font-size: 12px;

    }

    header .top-header .topbar .topbar_right{

        display: none;

    }

}

header .main-header-mobile {

    position: relative;

    width: 100%;

    display: none;

    background: #ffd400;

    padding: 10px 0px;

    vertical-align: bottom;

}



header .main-header-mobile .container {

    padding-left: 10px;

    padding-right: 10px;

}



header .main-header-mobile .container .row {

    justify-content: center;

    align-items: center;

}



header .main-header-mobile .container .button_menu {

    width: 50px;

    color: #333;

    text-align: left;

    cursor: pointer;

}



header .main-header-mobile .container .button_menu i {

    font-size: 20px;

}



header .main-header-mobile .container .logo_mobile {

    width: calc(100% - 100px);

    text-align: center;

}



header .main-header-mobile .container .logo_mobile img {

    max-width: 100%;

    max-height: 40px;

}



header .main-header-mobile .container .cart_mobile {

    position: relative;

    width: 50px;

    color: #333;

    text-align: right;

}



header .main-header-mobile .container .cart_mobile a {

    position: relative;

    color: #333;

    display: inline-block;

    width: 100%;

    height: 100%;

    text-align: left;

}



header .main-header-mobile .container .cart_mobile a i {

    font-size: 20px;

}



header .main-header-mobile .container .cart_mobile a .count_item {

    position: absolute;

    margin: auto;

    left: 18px;

    top: -5px;

    display: block;

    background: #e04c1e;

    padding: 2px 6px;

    border-radius: 4px;

    color: #fff;

    text-align: center;

    font-size: 12px;

    border: none;

}



header .main-header-mobile .container .box_search {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 10px;

}



header .main-header-mobile .container .box_search .input_search {

    width: 100%;

}



header .main-header-mobile .container .box_search .input_search button {

    height: 35px;

    width: 60px;

    border: none;

    background: #ffb208;

    color: #333;

    float: left;

    border-radius: 0px 5px 5px 0px;

    cursor: pointer;

}



header .main-header-mobile .container .box_search .input_search input {

    width: calc(100% - 60px);

    height: 35px;

    float: left;

    border: none;

    padding-left: 10px;

    padding-right: 10px;

    border-radius: 5px 0px 0px 5px;

}



header .main-header {

    position: relative;

    width: 100%;

    display: inline-block;

    background: #ffd400;

    padding: 10px 0px;

    vertical-align: bottom;

}



header .main-header .logo {

    float: left;

    width: 275px;

    height: 60px;

}



header .main-header .logo img {

    max-width: 100%;

    max-height: 100%;

    object-fit: cover;

}



header .main-header .form_search {

    position: relative;

    float: left;

    width: 525px;

    height: 60px;

}



header .main-header .form_search .input_search {

    margin: auto;

    position: absolute;

    top: 0;

    bottom: 0;

    height: 40px;

    width: 100%;

    background: #fff;

    overflow: hidden;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

}



header .main-header .form_search .input_search input {

    float: left;

    padding-left: 10px;

    padding-right: 10px;

    width: calc(100% - 40px);

    height: 100%;

    border: none;

}



header .main-header .form_search .input_search button {

    width: 40px;

    height: 100%;

    background: #ffb208;

    color: #333;

    border: none;

    cursor: pointer;

    font-size: 20px;

}



header .main-header .control_header {

    position: relative;

    float: left;

    width: calc(100% - 800px);

    display: flex;

    padding-left: 20px;

}



header .main-header .control_header .hotline {

    width: 200px;

    padding-right: 10px;

}



header .main-header .control_header .control_member {

    width: 150px;

    display: flex;

    justify-content: right;

}



header .main-header .control_header .control-cart {

    float: left;

    width: 150px;

    height: 45px;

    margin-top: 10px;

}



header .main-header .control_header .icon-header {

    position: relative;

    float: left;

    height: 100%;

    display: inline-block;

    width: 35px;

    margin-right: 10px;

}



header .main-header .control_header .icon-header i {

    margin: auto;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    display: inline-block;

    height: 30px;

    width: 30px;

    font-size: 20px;

    line-height: 30px;

    background: #fff;

    border-radius: 50%;

    color: #ff8d5b;

}



header .main-header .control_header .info-header {

    height: 100%;

    padding-top: 8px;

}



header .main-header .control_header .info-header .text {

    color: #333;

    font-size: 14px;

}



header .main-header .control_header .info-header .text a {

    color: #333;

}



header .main-header .control_header .info-header .text a:hover {

    color: #f00;

}



header .main-header .control_header .control-cart .button-cart {

    height: 100%;

    display: flex;

    align-items: center;

    padding: 8px;

    border: 2px solid #f0f0f0;

    border-radius: 6px;

    text-decoration: none;

    color: #fff;

}



header .main-header .control_header .control-cart .button-cart i {

    font-size: 20px;

    margin-right: 10px;

}



header .main-header .control_header .control-cart .button-cart .text-cart {

    margin-right: 10px;

    line-height: 20px;

    font-size: 16px;

}



header .main-header .control_header .control-cart .button-cart .count_item {

    display: block;

    background: #fbd947;

    padding: 2px 6px;

    border-radius: 4px;

    font-size: 12px;

    color: #000;

}



header .main-header .control_header .control-cart .top-cart-content {

    display: none;

}



header .sub-header {

    position: relative;

    width: 100%;

    height: 40px;

    background: #fff;

}



header .sub-header .toogle-nav-wrapper {

    float: left;

    height: 40px;

    line-height: 40px;

    width: 275px;

    font-size: 16px;

    cursor: pointer;

}



header .sub-header .toogle-nav-wrapper:hover .box_cat {

    display: block;

}



header .sub-header .box_cat {

    position: absolute;

    width: 100%;

    z-index: 999;

    top: 40px;

    display: none;

}



header .sub-header .box_cat .navigation {

    width: 275px;

    line-height: 1.45;

    font-size: 14px;

}



header .sub-header .box_cat .navigation .submenu {

    width: calc(100% - 275px);

}



header .sub-header .shop-policises {

    float: left;

    justify-content: flex-start;

    display: flex;

    height: 100%;

    width: calc(100% - 425px);

}



header .sub-header .shop-policises li {

    display: flex;

    align-items: center;

    height: 100%;

    font-size: 16px;

}



header .sub-header .shop-policises li+* {

    margin-left: 15px;

}



header .sub-header .shop-policises li div {

    width: 24px;

    height: 24px;

    padding: 4px;

    margin-right: 6px;

    display: flex;

    align-items: center;

    justify-content: center;

}



header .sub-header .shop-policises li div img {

    max-width: 100%;

    height: auto;

}



header .sub-header .shop-policises li .link:hover {

    color: #d41e25;

}



header .sub-header .control-cart {

    float: left;

    height: 40px;

    width: 150px;

    font-size: 16px;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

}



header .sub-header .control-cart a {

    display: flex;

    width: 100%;

    color: #e85933;

    border: 1px solid #ffb208;

    padding: 3px;

    border-radius: 3px;

    color: #fff;

    background: #ffb208;

    justify-content: space-evenly;

    align-items: center;

}



header .sub-header .control-cart a .count_item {

    background: #f00;

    display: block;

    padding: 2px 8px;

    border-radius: 3px;

    color: #fff;

    font-size: 12px;

}



a.link {

    text-decoration: none;

    color: #212529;

    cursor: pointer;

}



a.link:hover {

    color: #f60;

    text-decoration: none;

}



.fade.in {

    opacity: 1;

}



.modal {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    display: none;

    overflow: hidden;

    -webkit-overflow-scrolling: touch;

    outline: 0;

}



#popup-cart-desktop {

    width: 800px;

    background: #fff;

    float: none;

    margin: 0 auto;

    padding: 0;

    position: relative;

    margin-top: 50px;

    max-width: calc(100% - 20px);

}



#popup-cart-desktop .title-popup-cart {

    font-size: 14px;

    padding-right: 15px;

    font-weight: 500;

    padding: 10px;

    background: #ff5722;

    color: #fff;

}



#popup-cart-desktop .title-popup-cart i {

    color: #fff;

}



#popup-cart-desktop .title-popup-cart .cart-popup-name a {

    color: #fff000 !important;

    font-weight: 500;

}



#popup-cart-desktop .title-quantity-popup {

    font-size: 16px;

    cursor: pointer;

    font-weight: 500;

    padding: 10px;

}



#popup-cart-desktop .title-quantity-popup .fa-shopping-cart {

    color: #ff5722;

    font-size: 25px;

}



#popup-cart-desktop .title-quantity-popup .fa-caret-right {

    font-size: 14px;

}



#popup-cart-desktop .content-popup-cart .thead-popup {

    background: #f7f7f7;

    float: left;

    width: 100%;

    clear: both;

    padding: 0 10px;

}



#popup-cart-desktop .content-popup-cart .thead-popup>div {

    float: left;

    padding: 6px 5px;

    font-size: 13px;

    border-left: 1px solid #fff;

    font-weight: 500;

}



#popup-cart-desktop .content-popup-cart .thead-popup>div:first-child {

    border-left: none;

}



#popup-cart-desktop .content-popup-cart .tbody-popup {

    width: 100%;

    float: left;

    clear: both;

    max-height: 280px;

    overflow-x: auto;

    border: 1px solid #f7f7f7;

    border-top: none;

}



#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);

    border-radius: 5px;

    background-color: #F5F5F5;

}



#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar {

    width: 5px;

    background-color: #F5F5F5;

}



#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar-thumb {

    border-radius: 5px;

    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);

    background-color: #e5e5e5;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup {

    width: 100%;

    float: left;

    clear: both;

    border-bottom: 1px dotted #ddd;

    padding: 0 10px;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup:last-child {

    border-bottom: none;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup p {

    margin-bottom: 0;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup>div {

    float: left;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image {

    padding: 10px;

    float: left;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image img {

    border: 1px solid #d2d2d2;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info {

    padding: 10px 0;

    padding-left: 100px;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-name a {

    display: block;

    margin-bottom: 0;

    font-weight: 500;

    font-size: 14px;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-name a:hover {

    color: #ff5722;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .variant-title-popup {

    font-size: 13px;

    margin-bottom: 5px;

    color: #333333;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-remove a {

    font-size: 13px;

    color: #888;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price {

    padding: 10px;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price span {

    display: block;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .price {

    color: #333;

    font-size: 12px;

    font-weight: 500;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .compare-price {

    color: #333;

    font-size: 12px;

    text-decoration: line-through;

    font-weight: 500;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .compare-divide {

    font-size: 12px;

    color: #d71515;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count {

    border: 1px solid #ddd;

    outline: none;

    background: #fff;

    height: 24px;

    margin-top: 10px;

    width: 23px;

    text-align: center;

    vertical-align: top;

    padding: 0;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count.btn-minus {

    border-radius: 3px 0 0 3px;

    cursor: pointer;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count.btn-plus {

    border-radius: 0 3px 3px 0;

    cursor: pointer;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .number-sidebar {

    border: 1px solid #ddd;

    height: 24px;

    margin-left: -1px;

    text-align: center;

    width: 24px;

    vertical-align: top;

    margin-right: -1px;

    margin-top: 10px;

    display: inline-block;

    min-height: 24px;

    padding: 0;

    border-radius: 0;

}



#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .cart-price {

    display: block;

    font-weight: 500;

    padding: 10px;

    font-size: 12px;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup {

    width: 100%;

    float: left;

    clear: both;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 {

    padding: 10px;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship {

    font-size: 13px;

    width: 320px;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship img {

    float: left;

    margin-right: 10px;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship p {

    line-height: 20px;

    margin-bottom: 0;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total p {

    font-size: 14px;

    font-weight: 500;

    padding: 0px 0;

    padding-bottom: 0;

    margin-bottom: 0;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total p .total-price {

    color: #ff5722;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popupcon a:hover,

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popupcon a:focus {

    cursor: pointer;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 {

    padding: 10px;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 a {

    cursor: pointer;

}

#popup-cart-desktop .content-popup-cart .tfoot-popup .list_button_action{

    display: flex;

    justify-content: space-between;

    gap:10px;

}

#popup-cart-desktop .content-popup-cart .tfoot-popup .list_button_action a{

    width: calc(50% - 5px);

}

@media all AND (max-width: 980px){

    #popup-cart-desktop .content-popup-cart .tfoot-popup .list_button_action a{

        font-size: 10px !important;

    }

}

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-continue {

    background: #f6f7f9;

    font-size: 14px;

    float: left;

    border: 1px solid #ff5722;

    outline: none;

    color: #ff5722;

    padding: 10px;

    width: 160px;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout {

    background: #ff5722;

    font-size: 14px;

    display: block;

    padding: 10px;

    text-align: center;

    text-transform: uppercase;

    border-radius: 3px;

    color: #fff;

    width: 100%;

    font-weight: 500;

}



#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout:hover,

#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout:focus {

    background: #ee3900;

}



#popup-cart-desktop .close-window {

    position: absolute;

    top: -10px;

    right: -10px;

    width: 25px;

    height: 25px;

    cursor: pointer;

    background: #000;

    border-radius: 50%;

    z-index: 8040;

    color: #fff;

    text-align: center;

    line-height: 25px;

    font-size: 25px;

}



.home-top {

    width: 100%;

    height: 360px;

    margin-bottom: 30px;

    display: block;

    position: relative;

}

.hr_home{

    padding-top: 200px;

    position: relative;

}

.bread-crumb{

    padding-top: 202px;

}

@media all AND (max-width: 980px){

    .hr_home {

        padding-top: 154px;

    }

    .bread-crumb{

        padding-top: 154px;

    }

}

.home-top .box_cat {

    float: left;

    width: 275px;

}



.home-top .box_slide {

    float: left;

    width: calc(100% - 275px);

    height: 360px;

}



.home-top .box_slide .swiper-container {

    width: 100%;

    height: 360px;

}



.home-top .box_slide .swiper-container .swiper-wrapper {

    width: 100%;

    height: 100%;

}



.home-top .box_slide .swiper-container .swiper-wrapper img {

    height: 100%;

    width: 100%;

}



.home-top .box_slide .swiper-container .prev {

    position: absolute;

    top: 50%;

    left: 5px;

    right: auto;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.home-top .box_slide .swiper-container .prev button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.3);

}



.home-top .box_slide .swiper-container .prev button:hover {

    background: rgba(255, 255, 255, 1);

}



.home-top .box_slide .swiper-container .next {

    position: absolute;

    top: 50%;

    left: auto;

    right: 5px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.home-top .box_slide .swiper-container .next button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.3);

}



.home-top .box_slide .swiper-container .next button:hover {

    background: rgba(255, 255, 255, 1);

}



.list-group-item {

    position: relative;

    display: block;

    padding: .75rem 1.25rem;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .125);

}



.list-group {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    border-radius: .5rem;

}



.align-items-center {

    -ms-flex-align: center !important;

    align-items: center !important;

}



.justify-content-between {

    -ms-flex-pack: justify !important;

    justify-content: space-between !important;

}



.d-flex {

    display: -ms-flexbox !important;

    display: flex !important;

}



.list-group-flush {

    border-radius: 0;

}



img {

    vertical-align: middle;

    border-style: none;

}



img,

iframe {

    max-width: 100%;

}



/*.scroll {

    scrollbar-color: #d41e25 #e8e8e8;

    scrollbar-width: thin;

}



.scroll::-webkit-scrollbar {

    width: 3px;

}



.scroll::-webkit-scrollbar-thumb {

    background-color: #d41e25;

    outline: 1px solid #d41e25;

}



.scroll::-webkit-scrollbar-button {

    height: 0px;

}



.scroll::-webkit-scrollbar-track {

    background: none;

    border: none;

    box-shadow: 0px 0px 0px #dfdfdf inset;

    border-radius: 0px;

}*/

.scroll::-webkit-scrollbar { width: 10px; background-color: #ffb208;}

.scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}

.scroll::-webkit-scrollbar-thumb { background-color: #ffb208; background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)}



.scroll_v::-webkit-scrollbar {

    height: 5px;

}



.scroll_v::-webkit-scrollbar-thumb {

    background-color: #e85933;

    outline: 1px solid #e85933;

}



.scroll_v::-webkit-scrollbar-button {

    height: 0px;

    width: 0px;

}



.scroll_v::-webkit-scrollbar-track {

    background: none;

    border: none;

    box-shadow: 0px 0px 0px #dfdfdf inset;

    border-radius: 0px;

}



.navigation {

    height: 360px;

    border: 1px solid #e1e1e1;

    background: #fff;

    min-height: 100%;

    overflow-y: auto;

}



.navigation .menu-item {

    position: initial;

}



.navigation .submenu {

    display: none;

    width: calc(100% - 265px);

    height: 100%;

    padding: 14px 20px;

    border-radius: 0px;

    border-width: 1px 1px 1px 0px;

    border-style: solid;

    border-color: #dddddd #dddddd #dddddd #e1e1e1;

    position: absolute;

    top: 0px;

    bottom: 0px;

    left: 265px;

    background: white;

    margin-left: 0px;

    box-shadow: rgb(0 0 0 / 6%) -2px 0px 8px 0px;

    z-index: 1;

    overflow: auto;

    font-size: 14px;

}



@media (min-width: 1024px) {

    .navigation .menu-item:hover .submenu {

        display: block;

        z-index: 900;

    }

}



.navigation .list-group-item {

    padding: 8px 15px;

    cursor: pointer;

    border-bottom: 0px;

}



.list-group-flush>.list-group-item {

    border-width: 0 0 1px;

}



.list-group-item:first-child {

    border-top-left-radius: inherit;

    border-top-right-radius: inherit;

}



.navigation .list-group-item:hover {

    background: #f8f9fa;

}



.navigation .list-group-item:hover>a {

    color: #e85933;

}



.navigation .list-group-item>a {

    text-decoration: none;

}



.navigation .list-group-item>a>span>img {

    width: 18px;

    height: 18px;

    object-fit: contain;

    margin-right: 4px;

}



.navigation .submenu__list {

    --col-menu: 4;

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(calc(100%/4), 1fr));

    grid-gap: 10px 5px;

    padding: 0px;

    list-style: none;

}



.navigation .submenu__col {

    display: flex;

    flex-direction: column;

    align-items: start;

    font-size: 14px;

}



.navigation .submenu__item--main {

    font-weight: bold;

}



.bread-crumb,

.bread-crumb .breadcrumb {

    background: #eee;

}



.bread-crumb,

.bread-crumb .link {

    color: #999;

}



.bread-crumb strong,

.bread-crumb .link,

.bread-crumb span {

    font-size: 14px;

}



.breadcrumb {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    list-style: none;

    background-color: #e9ecef;

    border-radius: .5rem;

    padding: 10px 10px;

}

.box_deal_soc {

    width: 100%;

    margin-bottom: 20px;

    margin-top: 20px;

}



.box_deal_soc .container {

    background: #fff;

    padding: 10px;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

    padding-bottom: 10px;

}



.box_deal_soc .box_title {

    width: 100%;

    border-bottom: 1px solid #eee;

    padding-top: 10px;

    padding-bottom: 10px;

    font-size: 18px;

    font-weight: 700;

    display: flex;

    justify-content: space-between;

}

.box_deal_soc .box_title .more{

    font-size: 14px;

}

.box_deal_soc .box_title .more a:hover{

    font-size: 14px;

    color: #ee4d2d;

}

.box_deal_soc .box_list_deal {

    width: 100%;

    display: flex;

    justify-content: flex-start;

    align-content: center;

    align-items: center;

}

.box_deal_soc .box_list_deal .button_deal_soc{

    text-align: center;

    width: calc(20% - 50px);

}

.box_deal_soc .box_list_deal .button_deal_soc button{

    margin-top: 6px;

    color: #ee4d2d;

    background-color: rgba(255,87,34,0.1);

    border: 1px solid #ee4d2d;

    padding: 10px;

    cursor: pointer;

}

.box_deal_soc .box_list_deal .main_product{

    width: 20%;

}

.box_deal_soc .box_list_deal .icon_plus{

    font-size: 40px;

    width: 50px;

    text-align: center;

    color: #d41e25;

}

.box_deal_soc .box_list_deal .main_product .li_product {

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    height: calc(100% - 10px);

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content {

    position: relative;

    width: 100%;

    margin-top: .5rem;

    margin-bottom: .5rem;

    background: #fff;

    font-size: 16px;

    height: 100%;

    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .product-thumbnail {

    display: block;

    width: 100%;

    padding-bottom: 100%;

    position: relative;

    overflow: hidden;

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .product-thumbnail .product-frame {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: contain;

    max-width: 100%;

    max-height: 100%;

    z-index: 9

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .product-thumbnail .minh_hoa {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: cover;

    width: 100%;

    height: 100%;

    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .product-thumbnail .minh_hoa.size_1 {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: contain;

    max-width: 100%;

    max-height: 100%;

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .label_product {

    position: absolute;

    top: 0;

    right: 0;

    background: #d41e25;

    padding: 7px 2px;

    font-weight: bold;

    font-size: 12px;

    z-index: 3;

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .label_product .label_wrapper {

    width: 36px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    color: #fff;

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .label_product::after {

    content: "";

    width: 0;

    height: 0;

    left: 0;

    bottom: -5px;

    position: absolute;

    border-color: transparent var(--label-background);

    border-style: solid;

    border-width: 0 20px 5px;

}

.box_deal_soc .box_list_deal .main_product .li_product .product-content:hover {

    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content:hover .product-name a {

    color: #d41e25;

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .product-info {

    padding: 10px;

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .product-name {

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    white-space: initial;

    margin: 10px 0 5px;

    font-size: 14px;

    line-height: 18px;

    overflow: hidden;

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .price-box {

    display: flex;

    align-items: center !important;

    justify-content: space-between !important;

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .price-contact,

.box_deal_soc .box_list_deal .main_product .li_product .product-content .price {

    font-weight: bold;

    color: #d41e25;

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .compare-price {

    color: var(--text-secondary-color);

    text-decoration: line-through;

    font-size: 14px;

}



.box_deal_soc .box_list_deal .main_product .li_product .product-content .product-badge {

    max-height: 16px !important;

    width: auto !important;

    margin-top: .5rem;

    margin-right: .5rem;

    display: block;

}

.box_deal_soc .box_list_deal .main_product .li_product .product-content .check_product {

    display: flex;

    align-items: center !important;

    justify-content: space-between !important;

    margin-top: 10px;

}

.box_deal_soc .box_list_deal .main_product .li_product .product-content .check_product label{

    display: flex;

    justify-content: flex-start;

    align-items: center;

    align-content: center;

    cursor: pointer;

}

.box_deal_soc .box_list_deal .main_product .li_product .product-content .check_product input{

    display: none;

}

.box_deal_soc .box_list_deal .main_product .li_product .product-content .check_product label .fa{

    padding-right: 5px;

    font-size: 18px;

}

.box_deal_soc .box_list_deal .main_product .li_product .product-content .check_product label .fa-check-square{

    display: none;

}

.box_deal_soc .box_list_deal .main_product .li_product .product-content .check_product input:checked+label .fa-square-o{

    display: none;

}

.box_deal_soc .box_list_deal .main_product .li_product .product-content .check_product input:checked+label .fa-check-square{

    display: block;

    color: #ffe0e1;

}

.box_deal_soc .box_list_deal .list_product{

    width: 60%;

    padding-top: 10px;

    padding-bottom: 10px;

    display: flex;

}

.box_deal_soc .box_list_deal .list_product .li_product {

    width: calc(100%/3);

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    height: calc(100% - 10px);

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content {

    position: relative;

    width: 100%;

    margin-top: .5rem;

    margin-bottom: .5rem;

    background: #fff;

    font-size: 16px;

    height: 100%;

    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .product-thumbnail {

    display: block;

    width: 100%;

    padding-bottom: 100%;

    position: relative;

    overflow: hidden;

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .product-thumbnail .product-frame {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: contain;

    max-width: 100%;

    max-height: 100%;

    z-index: 9

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .product-thumbnail .minh_hoa {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: cover;

    width: 100%;

    height: 100%;

    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .product-thumbnail .minh_hoa.size_1 {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: contain;

    max-width: 100%;

    max-height: 100%;

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .label_product {

    position: absolute;

    top: 0;

    right: 0;

    background: #d41e25;

    padding: 7px 2px;

    font-weight: bold;

    font-size: 12px;

    z-index: 3;

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .label_product .label_wrapper {

    width: 36px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    color: #fff;

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .label_product::after {

    content: "";

    width: 0;

    height: 0;

    left: 0;

    bottom: -5px;

    position: absolute;

    border-color: transparent var(--label-background);

    border-style: solid;

    border-width: 0 20px 5px;

}

.box_deal_soc .box_list_deal .list_product .li_product .product-content:hover {

    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content:hover .product-name a {

    color: #d41e25;

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .product-info {

    padding: 10px;

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .product-name {

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    white-space: initial;

    margin: 10px 0 5px;

    font-size: 14px;

    line-height: 18px;

    overflow: hidden;

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .price-box {

    display: flex;

    align-items: center !important;

    justify-content: space-between !important;

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .price-contact,

.box_deal_soc .box_list_deal .list_product .li_product .product-content .price {

    font-weight: bold;

    color: #d41e25;

}



.box_deal_soc .box_list_deal .list_product .li_product .product-content .compare-price {

    color: var(--text-secondary-color);

    text-decoration: line-through;

    font-size: 14px;

}

.box_deal_soc .box_list_deal .list_product .li_product .product-content .check_product {

    display: flex;

    align-items: center !important;

    justify-content: space-between !important;

    margin-top: 10px;

}

.box_deal_soc .box_list_deal .list_product .li_product .product-content .check_product label{

    display: flex;

    justify-content: flex-start;

    align-items: center;

    align-content: center;

    cursor: pointer;

}

.box_deal_soc .box_list_deal .list_product .li_product .product-content .check_product input{

    display: none;

}

.box_deal_soc .box_list_deal .list_product .li_product .product-content .check_product label .fa{

    padding-right: 5px;

    font-size: 18px;

}

.box_deal_soc .box_list_deal .list_product .li_product .product-content .check_product label .fa-check-square{

    display: none;

}

.box_deal_soc .box_list_deal .list_product .li_product .product-content .check_product input:checked+label .fa-square-o{

    display: none;

}

.box_deal_soc .box_list_deal .list_product .li_product .product-content .check_product input:checked+label .fa-check-square{

    display: block;

    color: #d41e25;

}

.box_deal_soc .box_list_deal .list_product .li_product .product-content .product-badge {

    max-height: 16px !important;

    width: auto !important;

    margin-top: .5rem;

    margin-right: .5rem;

    display: block;

}

.box_product_detail {

    width: 100%;

    margin-bottom: 20px;

    margin-top: 20px;

}



.box_product_detail .container {

    background: #fff;

    padding: 10px;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

    padding-bottom: 30px;

}



.box_product_detail .box_title {

    width: 100%;

    border-bottom: 1px solid #eee;

    padding-top: 10px;

    padding-bottom: 10px;

    font-size: 18px;

    font-weight: 700;

}



.box_product_detail .box_content {

    width: 100%;

    padding-top: 10px;

    display: flex;

}



.box_product_detail .box_content .noidung {

    width: calc(100% - 320px);

    padding-right: 10px;

}

.box_product_detail .box_content .noidung img{

    max-width: 100% !important;

    height: auto! important;

}

.box_product_detail .box_content .thongso {

    width: 320px;

}



.box_product_detail .box_content .thongso table {

    width: 100%;

    border-collapse: collapse;

}



.box_product_detail .box_content .thongso table th {

    border: 1px solid #eee;

    padding: 7px;

    background: #1e90ff;

    color: #fff;

}



.box_product_detail .box_content .thongso table td {

    border: 1px solid #eee;

    padding: 7px;

    vertical-align: middle;

}



.box_product_detail .product_img {

    width: 360px;

    display: inline-block;

}



.box_product_detail .product_img .big {

    width: 360px;

    height: 360px;

    padding: 10px;

    display: inline-block;

}



.box_product_detail .product_img .small {

    width: 360px;

    padding: 10px;

    display: inline-block;

}



.box_product_detail .product_img .small .swiper-slide {

    height: 80px;

    text-align: center;

}



.box_product_detail .product_img .small .swiper-slide img {

    height: 80px;

    object-fit: cover;

}



.box_product_detail .product_img .big .swiper-container {

    height: 100%;

}



.box_product_detail .product_img .big .swiper-slide {

    width: 100%;

    height: 100%;

    display: inline-block;

}



.box_product_detail .product_img .big .swiper-slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.box_product_detail .product_img .big .swiper-container .prev {

    position: absolute;

    top: 50%;

    left: 5px;

    right: auto;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.box_product_detail .product_img .big .swiper-container .prev button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.3);

}



.box_product_detail .product_img .big .swiper-container .prev button:hover {

    background: rgba(255, 255, 255, 1);

}



.box_product_detail .product_img .big .swiper-container .next {

    position: absolute;

    top: 50%;

    left: auto;

    right: 5px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.box_product_detail .product_img .big .swiper-container .next button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.3);

}



.box_product_detail .product_img .big .swiper-container .next button:hover {

    background: rgba(255, 255, 255, 1);

}



.box_product_detail .product_info {

    width: calc(100% - 360px);

    display: inline-block;

}



.box_product_detail .product_info .product_title {

    width: 100%;

    padding-top: 10px;

    padding-bottom: 10px;

    font-size: 18px;

    font-weight: 700;

}



.box_product_detail .product_info .left_info {

    width: 450px;

    display: inline-block;

    padding-left: 10px;

    padding-right: 10px;

}



.box_product_detail .product_info .right_info {

    width: calc(100% - 450px);

    display: inline-block;

    padding-left: 10px;

    padding-right: 20px;

    padding-top: 0px;

}



.box_product_detail .product_info .left_info .group-status {

    padding-top: 10px;

    padding-bottom: 10px;

}



.box_product_detail .product_info .left_info .group-status .status_name {

    color: #ff4949;

    font-weight: 700;

}



.box_product_detail .product_info .left_info .price-box {

    background: #eee;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 10px;

    padding-bottom: 10px;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

}



.box_product_detail .product_info .left_info .box_noibat {

    width: 100%;

    padding: 10px;

    background: #ff4949;

    margin-top: 10px;

    color: #fff !important;

    height: 192px;

    overflow: auto;

}



.box_product_detail .product_info .left_info .box_noibat p {

    color: #fff !important;

}



.box_product_detail .product_info .left_info .box_noibat span {

    color: #fff !important;

}



.box_product_detail .product_info .left_info .box_noibat b {

    color: #fff !important;

}



.box_product_detail .product_info .left_info .price-box .special-price {

    font-size: 30px;

    font-weight: 700;

    color: #ff4949;



}



.box_product_detail .product_info .left_info .box_select_mausac {

    width: 100%;

    margin-top: 10px;

}



.box_product_detail .product_info .left_info .box_select_mausac .list_mausac {

    width: 100%;

    display: inline-block;

    margin-top: 5px;

}



.box_product_detail .product_info .left_info .box_select_mausac .list_mausac input[type=radio] {

    display: none;

}



.box_product_detail .product_info .left_info .box_select_mausac .list_mausac label {

    position: relative;

    float: left;

    min-width: 35px !important;

    height: 35px !important;

    margin: 0;

    border: #ccc 1px solid;

    background-color: #fff;

    font-size: 0.92857em;

    text-align: center;

    line-height: 35px;

    white-space: nowrap;

    text-transform: uppercase;

    padding: 0;

    padding: 0 5px;

    margin-right: 5px;

    cursor: pointer;

}



.box_product_detail .product_info .left_info .box_select_mausac .list_mausac label .img-check {

    display: none;

}



.box_product_detail .product_info .left_info .box_select_mausac .list_mausac input:checked+label {

    background: transparent;

    color: #333;

    border: 1px solid #e6484a;

}



.box_product_detail .product_info .left_info .box_select_mausac .list_mausac input:checked+label .img-check {

    display: inline-block;

    position: absolute;

    bottom: 0;

    right: 0;

}



.box_product_detail .product_info .left_info .flashsale {

    width: 100%;

    margin-top: 20px;

}



.box_product_detail .product_info .left_info .flashsale .flashsale_header {

    width: 100%;

    text-align: center;

}



.box_product_detail .product_info .left_info .flashsale .flashsale_header .flashsale_title {

    text-align: center;

    font-weight: 700;

    font-size: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.ega-dot {

    width: 10px;

    height: 10px;

    background-color: #f00;

    border-radius: 100%;

    margin: 0 20px 0px;

    display: inline-block;

    background-color: #ff4949;

}



.ega-dot .ega-ping {

    border: 1px solid #ff4949;

    width: 10px;

    height: 10px;

    opacity: 1;

    background-color: transparent;

    opacity: 0.2;

    border-radius: 100%;

    -moz-animation: sonar_animation .8s linear infinite;

    -o-animation: sonar_animation .8s linear infinite;

    -webkit-animation: sonar_animation .8s linear infinite;

    animation: sonar_animation .8s linear infinite;

    display: block;

    margin: 0;

}



@-webkit-keyframes sonar_animation {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    100% {

        -webkit-transform: scale(4);

        transform: scale(4);

        opacity: 0;

    }

}



@keyframes sonar_animation {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    100% {

        -webkit-transform: scale(4);

        transform: scale(4);

        opacity: 0;

    }

}



.box_product_detail .product_info .left_info .flashsale .flashsale_header .flashsale_countdown-wrapper {

    width: 100%;

    text-align: center;

    margin-top: 0px;

}



.box_product_detail .product_info .left_info .flashsale .flashsale_header .flashsale_countdown-wrapper .time_countdown {

    display: inline-block;

    width: 35px;

    height: 32px;

    font-size: 20px;

    line-height: 32px;

    background: #ff4949;

    color: #fff;

    text-align: center;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

}

.box_product_detail .product_info .left_info .flashsale .flashsale_header .flashsale_countdown-wrapper .text_day {

    display: inline-block;

    width: 35px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    -o-border-radius: 3px;

}

.box_product_detail .product_info .left_info .flashsale .flashsale_header .flashsale_countdown-wrapper .text_count {

    display: inline-block;

    width: 15px;

    height: 32px;

    font-size: 20px;

    line-height: 32px;

    color: #ff4949;

    text-align: center;

}



.custom-btn-number {

    border: none;

    display: flex;

    height: 30px;

    margin-bottom: 20px;

    margin-top: 10px;

    align-items: center;

    background: transparent;

}



.custom-btn-number button {

    padding: 4px;

    width: 30px;

    border: 1px solid #ced4da;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: transparent;

    cursor: pointer;

    font-size: 16px;

}



.custom-btn-number button.button_plus {

    border-radius: 0px 4px 4px 0px;

    border-left: 0px;

}



.custom-btn-number button.button_minus {

    border-radius: 4px 0px 0px 4px;

    border-right: 0px;

}



.custom-btn-number input {

    width: 65px !important;

    text-align: center;

    border-radius: 0;

    height: 30px;

    color: #495057;

    font-size: 16px;

    border: 1px solid #ced4da;

}



.button_actions .btn_base {

    height: 48px;

    line-height: 45px;

    color: #fff;

    font-weight: 400;

    text-decoration: none;

    text-transform: uppercase;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-flow: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    font-weight: bold;

    font-size: 14px;

    line-height: 45px;

    padding: 0px 35px;

    border-radius: 5px;

    margin-top: 0px;

    border: solid 1px transparent;

    background: #ff5722;

    font-weight: 600;

    min-width: 300px;

}



.btn:not(:disabled):not(.disabled) {

    cursor: pointer;

}



.box_product_detail .product_info .right_info .product-policises-wrapper {

    width: 100%;

    display: inline-block;

    border: 1px solid #eee;

    background: #eee;

    padding: 10px;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

}



.box_product_detail .product_info .right_info .product-policises-wrapper.noi_bat {

    height: 410px;

    overflow: auto;

}



.box_product_detail .product_info .right_info .product-policises-wrapper h5 {

    width: 100%;

    display: inline-block;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 10px;

}



.box_product_detail .product_info .right_info .product-policises-wrapper .product-policises {

    width: 100%;

}



.box_product_detail .product_info .right_info .product-policises-wrapper .product-policises .media {

    width: 100%;

    margin-top: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.box_product_detail .product_info .right_info .product-policises-wrapper .product-policises .media img {

    width: 32px;

    height: 32px;

}



.box_product_detail .product_info .right_info .product-policises-wrapper .product-policises .media .media-body {

    width: calc(100% - 32px);

    padding-left: 10px;

    font-size: 14px;

    line-height: 18px;

}



.box_product_detail .product_info .right_info .product-trustbadge {

    width: 100%;

    margin-top: 20px;

    display: inline-block;

}

.box_nnc {

    position: fixed;

    z-index: 9999;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    display: block;

    background: rgba(0,0,0,0.5);

    display: none;

}



.box_nnc .box_nnc_content {

    position: relative;

    margin: auto;

    width: 500px;

    max-width: calc(100% - 20px);

    height: 100vh;

}

.box_nnc .box_nnc_content .content {

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    height: 568px;

    width: 100%;

    background: #fff;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

    overflow: hidden;

}



.box_nnc .box_nnc_content .content .box_title{

    position: relative;

    width: 100%;

    background: #f00;

    height: 40px;

    color: #fff;

    padding: 10px;

    text-transform: uppercase;

    font-weight: 700;

}

.box_nnc .box_nnc_content .content .box_title span{

    position: absolute;

    margin: auto;

    right: 0;

    top: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-content: center;

    align-items: center;

    width: 40px;

    font-size: 25px;

    cursor: pointer;

}

.box_nnc .box_nnc_content .content .form_nnc{

    position: relative;

    width: 100%;

    padding: 10px;

}

.box_nnc .box_nnc_content .content .form_nnc .tr_form{

    position: relative;

    width: 100%;

    margin-bottom: 8px;

    display: inline-block;

}

.box_nnc .box_nnc_content .content .form_nnc .tr_form .col_tr_50{

    position: relative;

    width: calc(50% - 5px);

    float: left;

    display: inline-block;

}

.box_nnc .box_nnc_content .content .form_nnc .tr_form .col_tr_50:nth-child(2n+2){

    float: right;

}

.box_nnc .box_nnc_content .content .form_nnc .tr_form label{

    width: 100%;

    display: inline-block;

    font-weight: 700;

}

.box_nnc .box_nnc_content .content .form_nnc .tr_form input{

    width: 100%;

    height: 35px;

    padding-left: 10px;

    padding-right: 10px;

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;

    border-radius: 8px;

}

.box_nnc .box_nnc_content .content .form_nnc .tr_form textarea{

    width: 100%;

    height: 60px;

    padding-left: 10px;

    padding-right: 10px;

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;

    margin-top: 5px;

    border-radius: 8px;

}

.box_nnc .box_nnc_content .content .form_nnc .tr_form button{

    width: 100%;

    height: 40px;

    padding-left: 10px;

    padding-right: 10px;

    border: 1px solid #f1f1f1;

    background: #f00;

    color: #fff;

    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%) !important;

    margin-top: 5px;

    border-radius: 8px;

    font-size: 16px;

    font-family: "Roboto";

    text-transform: uppercase;

    cursor: pointer;

}

.box_up_index {

    position: fixed;

    z-index: 9999;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    display: none;

    background: rgba(0,0,0,0.5);

}

.box_up_index .box_up_index_content {

    position: relative;

    margin: auto;

    width: 980px;

    max-width: calc(100% - 20px);

    height: 100vh;

}

.box_up_index .box_up_index_content .content{

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    height: 688px;

    width: 100%;

    background: url(/skin/css/images/bg_pop.jpg) #fff no-repeat top center;

    background-size: 100% 100%;

    display: flex;

    justify-content: flex-end;

}

.box_up_index .box_up_index_content .content .close{

    position: absolute;

    margin: auto;

    top: 20px;

    right: 20px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border:2px solid #f00;

    color: #f00;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 25px;

    cursor: pointer;

}

.box_up_index .box_up_index_content .content .text{

    width: 50%;

    text-align: center;

}

.box_up_index .box_up_index_content .content .text .logo_pop{

    width: 100%;

    text-align: center;

    margin-top: 60px;

}

.box_up_index .box_up_index_content .content .text .logo_pop img{

    width: 200px;

}

.box_up_index .box_up_index_content .content .text .tieu_de{

    font-weight: 700;

    color: #f00;

    font-size: 27px;

    margin-top: 10px;

}

.box_up_index .box_up_index_content .content .text .list_button{

    position: relative;

    margin: auto;

    width: 360px;

    margin-top: 20px;

    text-align: center;

}

.box_up_index .box_up_index_content .content .text .list_button a{

    width: 100%;

    height: 80px;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    align-items: center;

    margin-top: 10px;

}

.box_up_index .box_up_index_content .content .text .list_button a h2{

    display: inline-block;

    width: 100%;

    height: 23px;

    font-size: 23px;

    color: #fff;

    font-weight: 700;

}

.box_up_index .box_up_index_content .content .text .list_button a .note{

    width: 100%;

    font-size: 13px;

    font-weight: 700;

    color: #fff;

}

.box_up_index .box_up_index_content .content .text .list_button a.button_1{

    background: url(/skin/css/images/button_1.svg);

    background-size: 100%;

}

.box_up_index .box_up_index_content .content .text .list_button a.button_2{

    background: url(/skin/css/images/button_2.svg);

    background-size: 100%;

}

.box_up_index .box_up_index_content .content .text .list_button a.button_3{

    background: url(/skin/css/images/button_3.svg);

    background-size: 100%;

}

.box_up_index .box_up_index_content .content .text .list_button a.button_3 h2{

    color: #f00;

}

.box_up_index .box_up_index_content .content .text .list_button a.button_3 .note{

    color: #f00;

    font-weight: 700;

}

@media all AND (max-width: 980px){

    .box_up_index .box_up_index_content {

        position: relative;

        margin: auto;

        width: 360px;

        max-width: calc(100% - 20px);

        height: 100vh;

    }

    .box_up_index .box_up_index_content .content{

        position: absolute;

        margin: auto;

        top: 0;

        bottom: 0;

        height: 563px;

        width: 100%;

        background: url(/skin/css/images/bg_pop_mobile.png) #fff no-repeat bottom center;

        background-size: 100% 100%;

        display: flex;

        justify-content: flex-end;

    }

    .box_up_index .box_up_index_content .content .close{

        position: absolute;

        margin: auto;

        top: 10px;

        right: 10px;

        width: 30px;

        height: 30px;

        border-radius: 50%;

        border:2px solid #f00;

        color: #f00;

        display: flex;

        justify-content: center;

        align-items: center;

        font-size: 18px;

        cursor: pointer;

    }

    .box_up_index .box_up_index_content .content .text{

        width: 100%;

        text-align: center;

    }

    .box_up_index .box_up_index_content .content .text .logo_pop{

        width: 100%;

        text-align: center;

        margin-top: 10px;

    }

    .box_up_index .box_up_index_content .content .text .logo_pop img{

        width: 200px;

    }

    .box_up_index .box_up_index_content .content .text .tieu_de{

        font-weight: 700;

        color: #f00;

        font-size: 22px;

        margin-top: 10px;

    }

    .box_up_index .box_up_index_content .content .text .list_button{

        position: relative;

        margin: auto;

        width: 320px;

        margin-top: 10px;

        display: flex;

        justify-content: center;

        flex-wrap: wrap;

    }

    .box_up_index .box_up_index_content .content .text .list_button a{

        width: 100%;

        height: 70px;

        display: flex;

        justify-content: center;

        flex-wrap: wrap;

        align-items: center;

        margin-top: 0px;

    }

    .box_up_index .box_up_index_content .content .text .list_button a h2{

        display: inline-block;

        width: 100%;

        height: 16px;

        font-size: 18px;

        color: #fff;

        font-weight: 700;

    }

    .box_up_index .box_up_index_content .content .text .list_button a .note {

        width: 100%;

        font-size: 12px;

        color: #fff;

        line-height: 14px;

    }

}

.box_kichhoat_baohanh {

    position: fixed;

    z-index: 9999;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    display: none;

    background: rgba(0,0,0,0.5);

}



.box_kichhoat_baohanh .box_kichhoat_baohanh_content {

    position: relative;

    margin: auto;

    width: 605px;

    max-width: calc(100% - 20px);

    height: 100vh;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content {

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    height: 685px;

    max-height: calc(100vh - 20px);

    width: 100%;

    background: #fff;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

    overflow: hidden;

}



.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_title{

    position: relative;

    width: 100%;

    background: #f00;

    height: 40px;

    color: #fff;

    padding: 10px;

    text-transform: uppercase;

    font-weight: 700;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .content_scroll{

    position: relative;

    width: 100%;

    max-height: calc(100vh - 60px);

    overflow: auto;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_title span{

    position: absolute;

    margin: auto;

    right: 0;

    top: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-content: center;

    align-items: center;

    width: 40px;

    font-size: 25px;

    cursor: pointer;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_noidung{

    position: relative;

    width: 100%;

    font-style: italic;

/*    background-image: linear-gradient(145deg, #ff0000,#b300c2,#7800d6 ,#5100ff, #0068ff);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;*/

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_noidung .list_step_kichhoat_baohanh{

    display: flex;

    width: 100%;

    gap:5px;

    margin-bottom: 10px;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_noidung .list_step_kichhoat_baohanh .step{

    position: relative;

    width: calc(100%/3);

    overflow: hidden;

    border-radius: 5px;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_noidung .list_step_kichhoat_baohanh img{

    margin: auto;

    height: auto;

    width: 100%;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form{

    position: relative;

    margin: auto;

    width: 450px;

    max-width: 100%;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form .title{

    position: relative;

    width: 100%;

    text-align: center;

    font-weight: 700;

    margin-bottom: 20px;

    text-transform: uppercase;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form .li_input{

    position: relative;

    width: 100%;

    display: flex;

    padding-right: 10px;

    padding-left: 10px;

    align-items: center;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form .li_input label{

    width: 110px;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form .li_input input{

    width: calc(100% - 110px);

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form .li_input .custom-file-input{

    color: transparent;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form .li_input .custom-file-input:focus{

    outline: none;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form .li_input .custom-file-input::-webkit-file-upload-button {

  visibility: hidden;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form .li_input .custom-file-input::before {

    content: 'Chọn file đơn hàng';

    display: inline-block;

    border: 1px solid #fff;

    border-radius: 3px;

    padding: 5px 8px;

    outline: none;

    white-space: nowrap;

    -webkit-user-select: none;

    cursor: pointer;

    font-weight: 700;

    font-size: 12px;

    color: #fff;

    background: #f60;

    /*background: linear-gradient(45deg, #b200ff,#eb2a2a,#ffe400);*/

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form .li_input .custom-file-input:hover::before {

  border-color: black;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_form .li_input .custom-file-input:active::before {

  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung{

    width: 100%;

    padding: 10px;

    display: none;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .text_chucmung{

    position: relative;

    width: 100%;

    font-size: 45px;

    text-align: center;

    font-weight: 700;

    font-family: "Roboto";

    color: #f00;

/*    background-image: linear-gradient(145deg, #ffe400,#e029ff,#ffb663);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;*/

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .text_chucmung_description{

    position: relative;

    width: 100%;

    font-size: 20px;

    text-align: center;

    font-weight: 700;

    font-family: "Roboto";

    /*background-image: linear-gradient(145deg, #fb0000,#8129ff,#3300ff);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;*/

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .text_account{

    position: relative;

    width: 100%;

    font-size: 14px;

    text-align: center;

    font-weight: 700;

    font-family: "Roboto";

    text-transform: uppercase;

    margin-top: 30px;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .text_username{

    position: relative;

    width: 100%;

    font-size: 14px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    gap:10px;

    margin-top: 10px;

    font-weight: 700;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .text_username span{

    background: linear-gradient(145deg, #fb0000,#ff5c29,#ff0000);

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;

    display: inline-block;

    width: 120px;

    height: 35px;

    line-height: 35px;

    border-radius: 17.5px;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .text_password{

    position: relative;

    width: 100%;

    font-size: 14px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 700;

    gap:10px;

    margin-top: 10px;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .text_password span{

    background: linear-gradient(145deg, #fb0000,#ff5c29,#ff0000);

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;

    display: inline-block;

    width: 120px;

    height: 35px;

    line-height: 35px;

    border-radius: 17.5px;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .text_coupon{

    position: relative;

    width: 100%;

    text-align: center;

    font-weight: 700;

    font-family: "Roboto";

/*    background-image: linear-gradient(145deg, #e85933,#e029ff,#ff5722);

    -webkit-background-clip: text;*/

    margin-top: 30px;

    /*-webkit-text-fill-color: transparent;*/

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .title_coupon{

    position: relative;

    width: 100%;

    text-align: center;

    font-weight: 700;

    font-family: "Roboto";

    margin-top: 30px;

    text-transform: uppercase;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .coupon{

    position: relative;

    width: 100%;

    font-size: 14px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 700;

    gap:10px;

    margin-top: 10px;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .coupon span{

    background: linear-gradient(145deg, #fb0000,#ff5c29,#ff0000);

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;

    display: inline-block;

    width: 120px;

    height: 35px;

    line-height: 35px;

    border-radius: 17.5px;

}

.box_kichhoat_baohanh .box_kichhoat_baohanh_content .content .box_chucmung .coupon_expired{

    position: relative;

    width: 100%;

    font-size: 14px;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 700;

    gap:10px;

    margin-top: 10px;

    color: #f00;

    font-style: italic;

}

@media all AND (max-width: 480px){

    .box_nnc .box_nnc_content .content {

        height: 580px;

    }

    .box_nnc .box_nnc_content .content .form_nnc .tr_form textarea{

        height: 45px;

    }

}

.box_quickview {

    position: fixed;

    z-index: 99999;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    display: none;

}



.box_quickview .box_quickview_content {

    position: relative;

    margin: auto;

    width: 900px;

    height: 100vh;

}



.box_quickview .box_quickview_content .content {

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    height: 530px;

    width: 100%;

    background: #fff;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

    padding: 10px;

    display: flex;

}



.box_quickview .box_quickview_content .content a.quickview-close.close-window {

    position: absolute;

    top: 0;

    right: -55px;

    background: #fff;

    padding: 10px;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    border-radius: 100%;

    color: #000;

    justify-content: center;

    opacity: 0.7;

}



.box_quickview .box_quickview_content .content a.quickview-close.close-window:hover {

    opacity: 1;

}



.box_quickview .box_quickview_content .content .left_content {

    position: relative;

    width: 400px;

}



.box_quickview .box_quickview_content .content .right_content {

    position: relative;

    width: calc(100% - 400px);

    padding-left: 10px;

}



.box_quickview .box_quickview_content .content .left_content .big {

    position: relative;

    width: 400px;

    height: 400px;

}



.box_quickview .box_quickview_content .content .left_content .big .swiper-container {

    position: relative;

    height: 100%;

    width: 100%;

}



.box_quickview .box_quickview_content .content .left_content .big .swiper-container img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.box_quickview .box_quickview_content .content .left_content .big .swiper-container .next {

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    right: 10px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    z-index: 999999;

}



.box_quickview .box_quickview_content .content .left_content .big .swiper-container .next button {

    width: 100%;

    height: 100%;

    background: #fff;

    border-radius: 50%;

    font-size: 25px;

    border: none;

    opacity: 0.5;

}



.box_quickview .box_quickview_content .content .left_content .big .swiper-container .next button:hover {

    opacity: 1;

    cursor: pointer;

}



.box_quickview .box_quickview_content .content .left_content .big .swiper-container .prev {

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    left: 10px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    z-index: 999999;

}



.box_quickview .box_quickview_content .content .left_content .big .swiper-container .prev button {

    width: 100%;

    height: 100%;

    background: #fff;

    border-radius: 50%;

    font-size: 25px;

    border: none;

    opacity: 0.5;

}



.box_quickview .box_quickview_content .content .left_content .big .swiper-container .prev button:hover {

    opacity: 1;

    cursor: pointer;

}



.box_quickview .box_quickview_content .content .left_content .small {

    position: relative;

    width: 400px;

    height: 100px;

    margin-top: 10px;

}



.box_quickview .box_quickview_content .content .left_content .small img {

    height: 100px;

    width: 100px;

    object-fit: cover;

}



.box_quickview .box_quickview_content .content .left_content .small .swiper-slide {

    opacity: 0.3;

}



.box_quickview .box_quickview_content .content .left_content .small .swiper-slide-active {

    opacity: 1;

}



.box_quickview .box_quickview_content .content .right_content h2 {

    width: 100%;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 10px;

}



.box_quickview .box_quickview_content .content .right_content .group_status {

    width: 100%;

    margin-bottom: 10px;

}



.box_quickview .box_quickview_content .content .right_content .group_status span.status {

    font-weight: 700;

    color: #ff4949;

}



.box_quickview .box_quickview_content .content .right_content .price_box {

    width: 100%;

    background: #eee;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 10px;

    padding-bottom: 10px;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

    margin-bottom: 10px;

}



.box_quickview .box_quickview_content .content .right_content .price_box .price {

    font-size: 30px;

    font-weight: 700;

    color: #ff4949;

    padding-right: 10px;

}



.box_quickview .box_quickview_content .content .right_content .price_box .old_price {

    font-size: 16px;

}



.box_quickview .box_quickview_content .content .right_content .box_select_mausac {

    width: 100%;

    margin-top: 10px;

}



.box_quickview .box_quickview_content .content .right_content .box_select_mausac .list_mausac {

    width: 100%;

    display: inline-block;

    margin-top: 5px;

}



.box_quickview .box_quickview_content .content .right_content .box_select_mausac .list_mausac input[type=radio] {

    display: none;

}



.box_quickview .box_quickview_content .content .right_content .box_select_mausac .list_mausac label {

    position: relative;

    float: left;

    min-width: 35px !important;

    height: 35px !important;

    margin: 0;

    border: #ccc 1px solid;

    background-color: #fff;

    font-size: 0.92857em;

    text-align: center;

    line-height: 35px;

    white-space: nowrap;

    text-transform: uppercase;

    padding: 0;

    padding: 0 5px;

    margin-right: 5px;

    cursor: pointer;

}



.box_quickview .box_quickview_content .content .right_content .box_select_mausac .list_mausac label .img-check {

    display: none;

}



.box_quickview .box_quickview_content .content .right_content .box_select_mausac .list_mausac input:checked+label {

    background: transparent;

    color: #333;

    border: 1px solid #e6484a;

}



.box_quickview .box_quickview_content .content .right_content .box_select_mausac .list_mausac input:checked+label .img-check {

    display: inline-block;

    position: absolute;

    bottom: 0;

    right: 0;

}



.box_order_detail {

    width: 100%;

    margin-bottom: 20px;

    margin-top: 20px;

}



.box_order_detail .container {

    background: #fff;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

    padding: 10px;

    padding-bottom: 30px;

    padding-top: 20px;

}



.box_order_detail .title-head {

    width: 100%;

    padding-bottom: 10px;

    padding-top: 10px;

    font-weight: 700;

    font-size: 20px;



}



.box_order_detail .box-header {

    margin-bottom: 20px;

}



.box_order_detail #order_shipping {

    width: 100%;

    margin-top: 20px;

}



.box_order_detail #order_shipping p {

    padding-top: 5px;

    padding-bottom: 5px;

}



.box_order_detail #order_shipping p .fa {

    font-size: 20px;

    margin-right: 10px;

    color: #f60;

}



.box_order_detail table {

    width: 100%;

    position: relative;

    margin: auto;

    width: 100%;

    margin-top: 20px;

    margin-bottom: 20px;

    border-collapse: collapse;

    border-spacing: 0;

}



.box_order_detail table th,

.box_order_detail table td {

    text-align: left;

    padding: 10px;

    border: 1px solid #e1e1e1;

    color: #1c1c1c;

}



.box_order_detail .btn-blues {

    background: #1e90ff;

    color: #fff;

    padding: 10px;

    margin-top: 20px;

}



.box_shopcart {

    width: 100%;

    margin-bottom: 20px;

    margin-top: 20px;

}



.box_shopcart .container {

    background: #fff;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

}



.box_shopcart .shopcart_left {

    width: calc(100% - 300px);

    padding: 10px;

}



.box_shopcart .shopcart_right {

    width: 300px;

    padding: 10px;

    padding-top: 30px;

    padding-right: 20px;

    border-left: 1px solid #eee;

}



.box_shopcart .shopcart_right .li_shopcart_right {

    width: 100%;

    display: flex;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-right: 10px;

}



.box_shopcart .shopcart_left h1 {

    padding-left: 10px;

    padding-top: 10px;

    padding-bottom: 10px;

    font-weight: 700;

    font-size: 16px;

    text-transform: uppercase;

}



.box_shopcart .shopcart_left h1 span {

    text-transform: none;

    font-weight: 400;

    font-size: 14px;

}



.box_shopcart .shopcart_left .list_shopcart {

    text-transform: none;

    font-weight: 400;

    font-size: 14px;

    padding: 10px;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart {

    width: 100%;

    display: flex;

    border-top: 1px solid #eee;

    padding-bottom: 10px;

    padding-top: 10px;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart:last-of-type {

    border-bottom: none;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .minh_hoa {

    width: 100px;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .minh_hoa img {

    width: 100px;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .info {

    width: calc(100% - 100px);

    display: flex;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .info .tieude {

    position: relative;

    width: calc(100% - 320px);

    padding-left: 10px;

    display: inline-block;

    vertical-align: middle;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .info .tieude .wrapper {

    position: absolute;

    display: inline-block;

    margin: auto;

    top: 0;

    bottom: 0;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .info .tieude a {

    width: 100%;

    display: inline-block;

    margin-top: 15px;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .info .tieude a.remove_cart {

    color: #fff;

    background: #f60;

    width: 60px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    border-radius: 5px;

    font-size: 12px;

    margin-top: 10px;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .price {

    width: 100px;

    font-weight: 700;

    align-items: center;

    justify-content: center;

    display: flex;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .box_quantity {

    width: 120px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .box_quantity input {

    width: 60px;

    height: 30px;

    background: transparent;

    border: 1px solid #eee;

    border-left: none;

    border-right: none;

    text-align: center;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .box_quantity button {

    width: 30px;

    height: 30px;

    background: transparent;

    border: 1px solid #eee;

    cursor: pointer;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .box_quantity button.button_plus {

    border-radius: 0px 5px 5px 0px;

}



.box_shopcart .shopcart_left .list_shopcart .li_shopcart .box_quantity button.button_minus {

    border-radius: 5px 0px 0px 5px;

}



.box_shopcart .shopcart_left .list_shopcart {

    text-transform: none;

    font-weight: 400;

    font-size: 14px;

    padding: 10px;

}

.box_shopcart .shopcart_left .list_note_gop {

    width: 100%;

    padding: 10px;

}

.box_shopcart .shopcart_left .note_gop {

    margin: auto;

    width: 100%;

    padding: 10px;

    border-radius: 5px;

    border:2px solid #f60;

}

.box_shopcart .shopcart_left .box_gopdon {

    margin: auto;

    width: 100%;

    padding: 10px;

    border-radius: 5px;

    border:2px solid #f60;

    margin-top: 10px;

    background: #fff1eb;

}

.box_shopcart .shopcart_left .box_gopdon .tieu_de{

    font-weight: 700;

}

.box_shopcart .shopcart_left .box_gopdon .chinh_sach{

    margin-top: 10px;

}

.box_shopcart .shopcart_left .box_gopdon .chinh_sach ul{

    margin-top: 10px;

    margin-bottom: 10px;

    list-style: square;

    margin-left: 20px;

}

.box_shopcart .shopcart_left .box_gopdon .chinh_sach ul li{

    font-style: italic;

    margin-top: 10px;

    font-weight: 700;

}

.box_shopcart .shopcart_left .action_muakem {

    width: 100%;

    display: flex;

    border-top: 1px solid #eee;

    padding-bottom: 10px;

    padding-top: 10px;

    justify-content: flex-end;

    align-content: center;

    align-items: center;

    padding: 10px;

}

.box_shopcart .shopcart_left .action_muakem button{

    height: 40px;

    background: #d41e25;

    padding-left: 15px;

    padding-right: 15px;

    border: none;

    color: #fff;

    cursor: pointer;

    border-radius: 5px;

    font-size: 18px;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem {

    width: 100%;

    display: flex;

    border-top: 1px solid #eee;

    padding-bottom: 10px;

    padding-top: 10px;

    align-content: center;

    align-items: center;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem:last-of-type {

    border-bottom: none;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .check_product {

    width: 50px;

    text-align: center;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .check_product input{

    display: none;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .check_product input+label .fa{

    font-size: 20px;

    cursor: pointer;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .check_product input+label .fa-square-o{

    display: block;

    font-size: 20px;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .check_product input+label .fa-check-square{

    display: none;

    font-size: 20px;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .check_product input:checked+label .fa-square-o{

    display: none;

    font-size: 20px;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .check_product input:checked+label .fa-check-square{

    display: block;

    font-size: 20px;

    color: #d41e25;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .minh_hoa {

    width: 100px;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem .minh_hoa img {

    width: 100px;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem .info {

    width: calc(100% - 160px);

    padding-right: 10px;

    display: flex;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem .info .tieude {

    position: relative;

    width: calc(100% - 200px);

    padding-left: 10px;

    display: inline-block;

    vertical-align: middle;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem .info .tieude .wrapper {

    position: absolute;

    display: inline-block;

    margin: auto;

    top: 0;

    bottom: 0;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem .info .tieude a {

    width: 100%;

    display: inline-block;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem .info .tieude a.remove_cart {

    color: #fff;

    background: #f60;

    width: 60px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    border-radius: 5px;

    font-size: 12px;

    margin-top: 10px;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .thanhtien {

    width: 100px;

    font-weight: 700;

    align-items: center;

    justify-content: center;

    display: flex;

    color: #d41e25;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .price {

    width: 100px;

    font-weight: 700;

    align-items: center;

    justify-content: center;

    display: flex;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .price-old {

    width: 100px;

    color: rgba(0, 0, 0, 0.54);

    align-items: center;

    justify-content: center;

    display: flex;

    text-decoration: line-through;

}

.box_shopcart .shopcart_left .list_muakem .li_muakem .box_quantity {

    width: 120px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem .box_quantity input {

    width: 60px;

    height: 30px;

    background: transparent;

    border: 1px solid #eee;

    border-left: none;

    border-right: none;

    text-align: center;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem .box_quantity button {

    width: 30px;

    height: 30px;

    background: transparent;

    border: 1px solid #eee;

    cursor: pointer;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem .box_quantity button.button_plus {

    border-radius: 0px 5px 5px 0px;

}



.box_shopcart .shopcart_left .list_muakem .li_muakem .box_quantity button.button_minus {

    border-radius: 5px 0px 0px 5px;

}



.box_shopcart .shopcart_right .li_shopcart_right.border_top {

    border-top: 1px solid #eee;

}



.box_shopcart .shopcart_right .li_shopcart_right .text_left {

    float: left;

    text-align: left;

    width: 100px;

}



.box_shopcart .shopcart_right .li_shopcart_right .text_right {

    float: right;

    text-align: right;

    width: 200px;

    font-weight: 700;

}



.box_shopcart .shopcart_right .li_shopcart_right .text_right.total_price {

    color: #ff5722;

    font-size: 20px;

}



.box_shopcart .shopcart_right .li_shopcart_right button.checkout {

    width: 100%;

    padding: 10px;

    margin-bottom: 0;

    font-weight: 400;

    text-align: center;

    vertical-align: middle;

    touch-action: manipulation;

    cursor: pointer;

    border: 1px solid transparent;

    white-space: nowrap;

    font-size: 14px;

    line-height: 1.42857;

    border-radius: 4px;

    user-select: none;

    color: #fff;

    background-color: #ff5722;

    border-color: #ff5722;

    height: 40px;

}



.box_shopcart .shopcart_right .li_shopcart_right button.checkouts {

    width: 100%;

    padding: 10px;

    margin-bottom: 0;

    font-weight: 400;

    text-align: center;

    vertical-align: middle;

    touch-action: manipulation;

    cursor: pointer;

    border: 1px solid transparent;

    white-space: nowrap;

    font-size: 14px;

    line-height: 1.42857;

    border-radius: 4px;

    user-select: none;

    color: #ff5722;

    background-color: #fff;

    border-color: #ff5722;

    height: 40px;

}



.main_tintuc {

    width: 100%;

    margin-bottom: 20px;

    margin-top: 20px;

}



.main_tintuc .container {

    background: #fff;

    border-radius: 7px;

    -moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

}



.main_tintuc .box_left {

    width: 300px;

    border-right: 1px solid #eee;

    padding: 10px;

}



.main_tintuc .box_right {

    width: calc(100% - 300px);

    padding: 10px;

}



.main_tintuc .box_left .aside-title {

    width: 100%;

    padding-left: 10px;

    padding-top: 10px;

    padding-right: 0px;

    padding-bottom: 0px;

}



.main_tintuc .box_left .title-head {

    width: 100%;

    text-transform: uppercase;

    font-weight: 400;

    font-size: 16px;

}



.main_tintuc .box_left .title_border {

    border-top: 1px solid #eee;

    padding-top: 10px;

}



.main_tintuc .box_left .aside-content {

    width: 100%;

    padding-left: 10px;

}



.main_tintuc .box_left .aside-content .nav {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

    flex-direction: column !important;

}



.main_tintuc .box_left .aside-content .nav .nav-item {

    position: relative;

}



.main_tintuc .box_left .aside-content .nav .nav-item>a {

    font-size: 14px;

    font-weight: 600;

    line-height: 1.7;

    padding: 5px 30px 2px 0px;

    display: block;

}



.main_tintuc .box_left .list_tintuc_right {

    width: 100%;

    padding-left: 10px;

}



.main_tintuc .box_left .list_tintuc_right .li_tintuc_right {

    width: 100%;

    padding-top: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #eee;

    display: flex;

}



.main_tintuc .box_left .list_tintuc_right .li_tintuc_right:last-of-type {

    border-bottom: none;

}



.main_tintuc .box_left .list_tintuc_right .li_tintuc_right .minh_hoa {

    width: 100px;

    flex: 0 0 100px;

    margin-right: 10px;

}



.main_tintuc .box_left .list_where {

    width: 100%;

    margin-top: 10px;

}



.main_tintuc .box_left .list_where input[type=checkbox] {

    display: none;

}



.main_tintuc .box_left .list_where li {

    position: relative;

    display: inline-block;

    width: 100%;

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 5px;

    height: 25px;

}



.main_tintuc .box_left .list_where.list_size li {

    position: relative;

    display: inline-block;

    float: left;

    width: 38px;

    height: 30px;

    border: 1px solid #dedede;

    text-align: center;

    line-height: 30px;

    margin-right: 5px;

    font-size: 13px;

    margin-bottom: 5px;

    text-transform: uppercase;

}



.main_tintuc .box_left .list_where.list_size li.active {

    color: #fff;

    background: #1e90ff;

    border: 1px solid #1e90ff;

}



.main_tintuc .box_left .list_where label {

    display: inline-block;

    width: 100%;

    cursor: pointer;

}



.main_tintuc .box_left .list_where .fa {

    display: inline-block;

    width: 20px;

    height: 20px;

    font-size: 20px;

    margin-right: 5px;

}



.main_tintuc .box_left .list_where .fa-check-square {

    color: #1e90ff;

}



.main_tintuc .box_left .list_where li.color {

    padding-left: 30px;

}



.main_tintuc .box_left .list_where li .select_color {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    display: inline-block;

    height: 18px;

    width: 18px;

    font-size: 12px;

    color: #fff;

    text-align: center;

    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);

}



.main_tintuc .box_left .list_where li .select_color .fa {

    font-size: 12px;

    color: #fff;

    text-align: center;

    text-shadow: 2px 2px 3px #f60;

}



.main_tintuc .box_right .title_page {

    font-weight: 500 !important;

    font-size: 16px;

    padding: 10px 0;

    text-transform: uppercase;

}



.main_tintuc .box_right .li_tintuc {

    display: flex;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-right: 10px;

    border-bottom: 1px solid #eee;

}



.main_tintuc .box_right .li_tintuc:last-of-type {

    border-bottom: none;

}



.main_tintuc .box_right .li_tintuc .minh_hoa {

    width: 240px;

    flex: 0 0 240px;

    margin-right: 10px;

}



.main_tintuc .box_right .li_tintuc .info {

    width: calc(100% - 240px);

}



.main_tintuc .box_right .li_tintuc .info h3 {

    font-size: 16px;

    line-height: 1.2;

    font-weight: 500;

    margin-bottom: 5px;

}



.main_tintuc .box_right .li_tintuc .info .text_cat {

    font-size: 12px;

}



.main_tintuc .box_right .li_tintuc .info .media {

    margin-bottom: 5px;

}



.main_tintuc .box_right .li_tintuc .info p a {

    font-size: 14px;

    color: #e85933;

}



.main_tintuc .box_right .title-head {

    font-size: 16px;

    font-weight: 700;

    padding-top: 10px;

    padding-bottom: 10px;

}



.main_tintuc .box_right .postby {

    margin-bottom: 10px;

}



.main_tintuc .box_right .article-details {

    width: 100%;

    border-top: 1px solid #eee;

    padding-top: 10px;

}



.main_tintuc .box_right .article-details img {

    max-width: 100%;

    height: auto;

}



.main_tintuc .box_right .tab {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: 0px;

    margin-left: 0px;

    padding-bottom: 20px;

    margin-top: 10px;

}



.main_tintuc .box_right #sort-by {

    font-size: 16px;

    background: #fff;

    border-bottom: 1px solid #eee;

    padding-top: 5px;

    display: flex;

    flex-wrap: wrap;

    align-items: center !important;

}



.main_tintuc .box_right #sort-by label {

    padding-right: 10px;

}



.main_tintuc .box_right #sort-by .content_ul {

    font-size: 16px;

    background: #fff;

    display: flex;

    flex-wrap: wrap;

    align-items: center !important;

    justify-content: space-between !important;

}



.main_tintuc .box_right #sort-by .content_ul li {

    padding: 5px;

    height: 100%;

}



.main_tintuc .box_right #sort-by .content_ul li a {

    font-weight: 400;

    color: #898989;

}



.main_tintuc .box_right #sort-by .content_ul li:hover {

    font-weight: 400;

    color: #1e90ff;

    border-bottom: 1px solid #1e90ff;

}



.main_tintuc .box_right #sort-by .content_ul li.active {

    font-weight: 400;

    color: #1e90ff;

    border-bottom: 1px solid #1e90ff;

}



.main_tintuc .box_right #sort-by .content_ul li.active a {

    font-weight: 400;

    color: #1e90ff;

}



.main_tintuc .box_right #sort-by .content_ul li:hover a {

    font-weight: 400;

    color: #1e90ff;

}



.main_tintuc .box_right .tab .li_hinhanh {

    width: 40%;

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    flex: 0 0 40%;

    margin-top: 10px;

}



.main_tintuc .box_right .tab .li_hinhanh img {

    max-width: 100%;

    height: auto;

    object-fit: cover;

}



.main_tintuc .box_right .tab .list_product {

    width: 60%;

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    flex: 0 0 60%;

    margin-top: 10px;

}



.main_tintuc .box_right .tab .list_product .swiper-container {

    width: 100%;

    height: 100%;

    padding-bottom: 0px;

}



.main_tintuc .box_right .tab .list_product .swiper-container .swiper-wrapper {

    width: 100%;

    height: 100%;

}



.main_tintuc .box_right .tab .list_product .swiper-container .swiper-wrapper img {

    height: 100%;

    width: 100%;

}



.main_tintuc .box_right .tab .list_product .swiper-container .prev {

    position: absolute;

    top: 35%;

    left: 15px;

    right: auto;

    margin-top: -22px;

    z-index: 999;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.main_tintuc .box_right .tab .list_product .swiper-container .prev button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(30, 144, 255, 0.5);

    color: #fff;

}



.main_tintuc .box_right .tab .list_product .swiper-container .prev button:hover {

    background: rgba(30, 144, 255, 1);

}



.main_tintuc .box_right .tab .list_product .swiper-container .next {

    position: absolute;

    top: 35%;

    left: auto;

    right: 15px;

    margin-top: -22px;

    z-index: 999;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.main_tintuc .box_right .tab .list_product .swiper-container .next button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(30, 144, 255, 0.5);

    color: #fff;

}



.main_tintuc .box_right .tab .list_product .swiper-container .next button:hover {

    background: rgba(30, 144, 255, 1);

}



.main_tintuc .box_right .tab .list_product .li_product {

    width: calc(100%/3);

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    flex: 0 0 calc(100%/3);

    margin-top: 0px;

}



.main_tintuc .box_right .tab .list_product_category {

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    flex: 0 0 100%;

    margin-top: 10px;

}



.main_tintuc .box_right .tab .list_product_category .swiper-container {

    width: 100%;

    height: 100%;

    padding-bottom: 10px;

}



.main_tintuc .box_right .tab .list_product_category .swiper-container .swiper-wrapper {

    width: 100%;

    height: 100%;

}



.main_tintuc .box_right .tab .list_product_category .swiper-container .swiper-wrapper img {

    height: 100%;

    width: 100%;

}



.main_tintuc .box_right .tab .list_product_category .swiper-container .prev {

    position: absolute;

    top: 35%;

    left: 15px;

    right: auto;

    margin-top: -22px;

    z-index: 999;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.main_tintuc .box_right .tab .list_product_category .swiper-container .prev button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(30, 144, 255, 0.5);

    color: #fff;

}



.main_tintuc .box_right .tab .list_product_category .swiper-container .prev button:hover {

    background: rgba(30, 144, 255, 1);

}



.main_tintuc .box_right .tab .list_product_category .swiper-container .next {

    position: absolute;

    top: 35%;

    left: auto;

    right: 15px;

    margin-top: -22px;

    z-index: 999;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.main_tintuc .box_right .tab .list_product_category .swiper-container .next button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(30, 144, 255, 0.5);

    color: #fff;

}



.main_tintuc .box_right .tab .list_product_category .swiper-container .next button:hover {

    background: rgba(30, 144, 255, 1);

}



.main_tintuc .box_right .tab .list_product_category .li_product {

    width: calc(100%/5);

    position: relative;

    min-height: 1px;

    padding-right: 0px;

    padding-left: 0px;

    flex: 0 0 calc(100%/5);

    margin-top: 0px;

}



.main_tintuc .box_right .tab .li_product {

    width: 20%;

    position: relative;

    min-height: 1px;

    padding-right: 0px;

    padding-left: 0px;

    flex: 0 0 20%;

    border-left: 1px solid #dedede;

    border-top: 1px solid #dedede;

}

.main_tintuc .box_right .tab .li_product:nth-child(5n+5){

    border-right: 1px solid #dedede;

}

.main_tintuc .box_right .tab .li_product:nth-last-child(-n+5) {

    border-bottom: 1px solid #dedede;

}

.main_tintuc .box_right .tab .li_product:last-child{

    border-right: 1px solid #dedede;

}

.main_tintuc .box_right .tab .li_product .product-content {

    position: relative;

    width: 100%;

    background: #fff;

    font-size: 16px;

    height: 100%;

}



.main_tintuc .box_right .tab .li_product .product-content .product-thumbnail {

    display: block;

    width: 100%;

    padding-bottom: 100%;

    position: relative;

    overflow: hidden;

}



.main_tintuc .box_right .tab .li_product .product-content .product-thumbnail .product-frame {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: cover;

    width: 100%;

    height: 100%;

    z-index: 9

}



.main_tintuc .box_right .tab .li_product .product-content .product-thumbnail .minh_hoa {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: cover;

    max-width: calc(100% - 20px) !important;

    max-height: calc(100%- 20px) !important;

}



.main_tintuc .box_right .tab .li_product .product-content .product-thumbnail .minh_hoa.size_1 {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: contain;

    max-width: 100%;

    max-height: 100%;

}



.main_tintuc .box_right .tab .li_product .product-content .label_product {

    position: absolute;

    top: 0;

    right: 0;

    background: #ffb208;

    padding: 7px 2px;

    font-weight: bold;

    font-size: 12px;

    z-index: 3;

}



.main_tintuc .box_right .tab .li_product .product-content .label_product .label_wrapper {

    width: 36px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    color: #fff;

}



.main_tintuc .box_right .tab .li_product .product-content .label_product::after {

    content: "";

    width: 0;

    height: 0;

    left: 0;

    bottom: -4px;

    position: absolute;

    border-color: transparent #ffb208;

    border-style: solid;

    border-width: 0 20px 5px;

}



.main_tintuc .box_right .tab .li_product .product-content .group_action {

    position: absolute;

    opacity: 0;

    visibility: hidden;

    bottom: -100px;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all .3s ease-out;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

}



.main_tintuc .box_right .tab .li_product .product-content .group_action .btn-views {

    color: var(--primary-color);

    background: #fff;

    border-radius: 100px;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 5px;

    transition: all .22s ease-out;

    transform: scale(0.9);

    border: none;

    cursor: pointer;

}



.main_tintuc .box_right .tab .li_product .product-content .group_action .btn-views:hover {

    transform: scale(1);

}



.main_tintuc .box_right .tab .li_product .product-content .group_action .btn-views i {

    font-size: 20px;

}



.main_tintuc .box_right .tab .li_product .product-content:hover {

    box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.02);

}



.main_tintuc .box_right .tab .li_product .product-content:hover .product-name a {

    color: #d41e25;

}



.main_tintuc .box_right .tab .li_product .product-content:hover .product-action .group_action {

    position: absolute;

    opacity: 1;

    bottom: 0px;

    z-index: 99;

    visibility: visible;

    align-items: center;

    cursor: pointer;

}



.main_tintuc .box_right .tab .li_product .product-content .product-info {

    padding: 10px;

}



.main_tintuc .box_right .tab .li_product .product-content .product-name {

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    white-space: initial;

    margin: 10px 0 5px;

    font-size: 14px;

    line-height: 1;

    overflow: hidden;

}



.main_tintuc .box_right .tab .li_product .product-content .price-box {

    display: flex;

    align-items: center !important;

    justify-content: space-between !important;

}



.main_tintuc .box_right .tab .li_product .product-content .price-contact,

.main_tintuc .box_right .tab .li_product .product-content .price {

    font-weight: bold;

    color: var(--price-color);

}



.main_tintuc .box_right .tab .li_product .product-content .compare-price {

    color: var(--text-secondary-color);

    text-decoration: line-through;

    font-size: 14px;

}



.main_tintuc .box_right .tab .li_product .product-content .product-badge {

    max-height: 16px !important;

    width: auto !important;

    margin-top: .5rem;

    margin-right: .5rem;

    display: block;

}

.box_link_sieu_sale {

    width: 100%;

    margin-bottom: 10px;

    text-align: center;

}

.box_link_sieu_sale .container {

    border-radius: 5px;

    padding: 10px;

}

.box_link_sieu_sale .container .text_sieu_sale{

    width: 100%;

    background: #fff;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 20px;

}

.box_link_sieu_sale .container .text_sieu_sale a{

    font-weight: 700;

    animation-name:"change-color";

    -webkit-animation-name: "change-color";

    animation-delay: 0s;

    -webkit-animation-delay: 0s;

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

    animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

    font-size: 20px;

}

.home_brand {

    width: 100%;

    margin-bottom: 10px;

}

.home_brand .list_brand{

    width: 100%;

    display: flex;

    gap:10px;

    flex-wrap: wrap;

}

.home_brand .item_brand {

    width: calc(25% - 7.5px);

}

.home_brand .item_brand img{

    width: 100%;

    border-radius: 5px;

}

@media all AND (max-width: 480px){

    .home_brand {

        width: 100%;

        margin-top: 10px;

    }

    .home_brand .item_brand {

        width: calc(50% - 5px);

    }

    .home_brand .list_brand{

        width: calc(100% - 20px);

        margin: auto;

    }

}

.home_deal {

    width: 100%;

    margin-bottom: 30px;

}



.home_deal .container {

    background: #fff;

    border-radius: 5px;

    padding: 10px;

}



.home_deal .heading-bar {

    font-size: 16px;

    background: #fff;

    border-bottom: 1px solid #eee;

    margin-bottom: 10px;

}

@keyframes change-color {

  0% { color: red; }

  50% { color: #f60; }

  100% { color: green; }

}

.home_deal .heading-bar .text_sieu_sale a{

    font-size: 16px;

    padding: 0px;

    font-weight: 700;

    animation-name:"change-color";

    -webkit-animation-name: "change-color";

    animation-delay: 0s;

    -webkit-animation-delay: 0s;

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

    animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

}

.home_deal .heading-bar .flashsale__title {

    display: flex;

    align-items: center;

}



.home_deal .heading-bar .heading-bar__title {

    color: var(--text-color);

    font-size: 1.4em;

    margin: 0px;

    line-height: 1.2;

}



.home_deal .heading-bar .flashsale__countdown-wrapper {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    margin-left: 15px;

}



.home_deal .ega-badge-ctd {

    display: flex;

    align-items: center;

}



.home_deal .ega-badge-ctd__item {

    border-radius: 3px;

    margin: auto 6px;

    color: #fff;

    background-color: #d41e25;

    text-align: center;

    display: flex;

    place-items: center;

    place-content: center;

    width: 24px;

    height: 20px;

    font-size: 13px;

    font-weight: 500;

    line-height: 20px;

}



.home_deal .ega-badge-ctd__item+span {

    display: none;

}



.home_deal .ega-badge-ctd__colon {

    font-weight: bold;

    font-size: 14px;

    color: #ff4949;

}



.home_deal .ega-badge-ctd__s {

    margin-right: 0px;

}





.flashsale__progressbar {

    display: block;

    width: 100%;

    height: 5px;

    background: #f4f4f4;

    margin-top: 5px;

    border-radius: 4px;

    position: relative;

    height: 8px;

}



.flashsale___percent {

    width: 0%;

    height: 100%;

    background: var(--countdown-background);

    border-radius: 4px;

}



.flashsale__bottom {

    padding: 10px;

}

.box_sieu_sale {

    position: relative;

    width: 100%;

    margin-bottom: 30px;

}

.box_sieu_sale .container {

    border-radius: 5px;

    padding: 0px;

}

.box_sieu_sale .container .box_top_img{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

}

.box_sieu_sale .container .list_tab_sieu_sale{

    width: 100%;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap:20px;

    border-bottom:2px solid #dedede;

    margin-top: 10px;

}

.box_sieu_sale .container .list_tab_sieu_sale .tab_sieu_sale{

    height: 30px;

    display: flex;

    align-items: center;

}

.box_sieu_sale .container .list_tab_sieu_sale .tab_sieu_sale.active{

    border-bottom: 2px solid #f00;

}

.box_sieu_sale .container .list_tab_sieu_sale .tab_sieu_sale:hover{

    border-bottom: 2px solid #f00;

}

.box_sieu_sale .container .list_tab_sieu_sale .tab_sieu_sale a{

    position: relative;

    text-transform: uppercase;

    background: #f00;

    color: #fff;

    padding-left: 10px;

    padding-right: 20px;

    font-weight: 700;

    font-size: 18px;

    height: 32px;

    display: flex;

    align-items: center;

}

.box_sieu_sale .container .list_tab_sieu_sale .tab_sieu_sale a:after{

    position: absolute;

    margin: auto;

    right: -32px;

    width: 0;

    height: 0;

    content: "";

    border-bottom: 32px solid red;

    border-right: 32px solid transparent;

}

.box_sieu_sale .container .content_tab_sieu_sale{

    width: 100%;

    margin-top: 10px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham{

    width: 100%;

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    gap:18px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon{

    width: calc(100%/4 - 13.5px);

    height: 172px;

    background: url('images/bg_mini_coupon.png');

    display: flex;

    justify-content: flex-start;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .left_coupon{

    width: 38%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .left_coupon .logo_coupon{

    width: 100%;

    height: 80px;

    text-align: center;

    color: #f00;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .left_coupon .logo_coupon img{

    width: 60px;

    height: 60px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .right_coupon{

    width: 62%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .right_coupon .right_coupon_content{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .right_coupon .ma_coupon{

    width: calc(100% - 20px);

    border:2px dashed #5ab29a;

    color: #f00;

    font-weight: 700;

    font-size: 20px;

    border-radius: 5px;

    text-align: center;

    padding-top: 5px;

    padding-bottom: 5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .right_coupon .giam{

    width: 100%;

    color: #f00;

    font-weight: 700;

    border-radius: 5px;

    text-align: center;

    padding-top: 5px;

    padding-bottom: 5px;

    font-size: 25px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .right_coupon .expired{

    width: 100%;

    text-align: center;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .right_coupon .detail{

    width: 100%;

    text-align: center;

    margin-top: 10px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .right_coupon .detail a{

    position: relative;

    margin: auto;

    display: flex;

    background: #f00;

    color: #fff;

    width: 80px;

    height: 25px;

    justify-content: center;

    align-items: center;

    border-radius: 15px;

}

@media all AND (max-width: 480px){

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon{

        width: 100%;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .left_coupon{

        width: 30%;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_coupon .right_coupon{

        width: 70%;

    }

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham{

    width: calc(100%/4 - 13.5px);

    background: #fff;

    height: 450px;

    border-radius: 5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa{

    position: relative;

    width: 100%;

    height: 260px;

    padding: 10px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa a{

    position: relative;

    display: inline-block;

    height: 100%;

    width: 100%;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa a img{

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    max-width: 100%;

    max-height: 100%;

    /*object-fit: cover;*/

    z-index: 0;

    border-radius: 5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa a img.frame{

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

    z-index: 9;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa a button{

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 35px;

    width: 120px;

    background: #73bc28;

    text-align: center;

    cursor: pointer;

    border: none;

    color: #fff;

    text-transform: uppercase;

    display: none;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham:hover .minh_hoa a button{

    display: none;

}

/*.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa a .status{

    position: absolute;

    margin: auto;

    top: 10px;

    right: 10px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    width: 60px;

    background: #f00;

    cursor: pointer;

    color: #fff;

    z-index: 99;

}*/

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa a .status{

    position: absolute;

    margin: auto;

    top: 10px;

    right: 10px;

    height: 70px;

    line-height: 25px;

    text-align: center;

    width: 60px;

    cursor: pointer;

    color: #fff;

    z-index: 99;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa a .time_countdown{

    position: absolute;

    margin: auto;

    top: 10px;

    left: 10px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 175px;

    background: rgba(0,0,0,0.7);

    cursor: pointer;

    color: #fff;

    z-index: 99;

    border-radius: 17.5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info{

    width: 100%;

    padding: 10px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .time_countdown{

    position: relative;

    margin: auto;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 100%;

    background: #f00;

    cursor: pointer;

    color: #fff;

    z-index: 99;

    font-size: 16px;

    margin-bottom: 10px;

    border-radius: 15px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .tieu_de{

    width: 100%;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: initial;

    line-height: 20px;

    overflow: hidden;

    height: 40px;

    font-weight: 700;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .tieu_de:hover a{

    color: #f00;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .hr{

    border-top: 1px solid #dedede;

    width: 100%;

    margin-top: 10px;

    margin-bottom: 10px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .price_sale{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap:5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .price_sale .price{

    color: #f00;

    font-weight: 700;

    font-size: 20px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .price_sale .price .discount{

    position: relative;

    top:-4px;

    color: #fff;

    background: url('/images/discount.svg');

    background-size: 100%;

    width: 50px;

    font-size: 14px;

    display: inline-block;

    height: 22px;

    line-height: 22px;

    text-align: center;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .price_old{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .price_old .price{

    color: #a0a0a0;

    font-weight: 700;

    font-size: 20px;

    text-decoration: line-through;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .price_old .so_luong{

    color: #fff;

    font-weight: 700;

    background: #f00;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 3px;

    padding-bottom: 3px;

    border-radius: 5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon{

    width: calc(100%/4 - 13.5px);

    background: #fff;

    height: 450px;

    border-radius: 5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .minh_hoa{

    position: relative;

    width: 100%;

    height: 260px;

    padding: 10px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .minh_hoa a{

    position: relative;

    display: inline-block;

    height: 100%;

    width: 100%;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .minh_hoa a img{

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    max-width: 100%;

    max-height: 100%;

    /*object-fit: cover;*/

    z-index: 0;

    border-radius: 5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .minh_hoa a img.frame{

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

    z-index: 9;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .minh_hoa a button{

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 35px;

    width: 120px;

    background: #73bc28;

    text-align: center;

    cursor: pointer;

    border: none;

    color: #fff;

    text-transform: uppercase;

    display: none;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon:hover .minh_hoa a button{

    display: none;

}

/*.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .minh_hoa a .status{

    position: absolute;

    margin: auto;

    top: 10px;

    right: 10px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    width: 60px;

    background: #f00;

    cursor: pointer;

    color: #fff;

    z-index: 99;

}*/

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .minh_hoa a .status{

    position: absolute;

    margin: auto;

    top: 10px;

    right: 10px;

    height: 70px;

    line-height: 25px;

    text-align: center;

    width: 60px;

    cursor: pointer;

    color: #fff;

    z-index: 99;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .minh_hoa a .time_countdown{

    position: absolute;

    margin: auto;

    top: 10px;

    left: 10px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 175px;

    background: rgba(0,0,0,0.7);

    cursor: pointer;

    color: #fff;

    z-index: 99;

    border-radius: 17.5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info{

    width: 100%;

    padding: 10px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .time_countdown{

    position: relative;

    margin: auto;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 100%;

    background: #f00;

    cursor: pointer;

    color: #fff;

    z-index: 99;

    font-size: 16px;

    margin-bottom: 10px;

    border-radius: 15px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .tieu_de{

    width: 100%;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: initial;

    line-height: 20px;

    overflow: hidden;

    height: 40px;

    font-weight: 700;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .tieu_de:hover a{

    color: #f00;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .hr{

    border-top: 1px solid #dedede;

    width: 100%;

    margin-top: 10px;

    margin-bottom: 10px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .coupon{

    width: 100%;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .coupon .ma{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap:5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .list_price{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap:5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .price_sale{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap:5px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .price_sale .price{

    color: #f00;

    font-weight: 700;

    font-size: 20px;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .price_sale .price .discount{

    position: relative;

    top:-4px;

    color: #fff;

    background: url('/images/discount.svg');

    background-size: 100%;

    width: 50px;

    font-size: 14px;

    display: inline-block;

    height: 22px;

    line-height: 22px;

    text-align: center;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .price_old{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .price_old .price{

    color: #a0a0a0;

    font-weight: 700;

    font-size: 20px;

    text-decoration: line-through;

}

.box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham_coupon .sanpham_info .price_old .so_luong{

    color: #fff;

    font-weight: 700;

    background: #f00;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 3px;

    padding-bottom: 3px;

    border-radius: 5px;

}

@media all AND (max-width: 480px){

    .box_sieu_sale .container .list_tab_sieu_sale{

        padding: 0px;

    }

    .box_sieu_sale .container .content_tab_sieu_sale {

        margin-top: 0px;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham{

        width: 100%;

        padding: 5px;

        gap:10px;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham{

        display: flex;

        flex-wrap: wrap;

        width: calc(50% - 5px);

        background: #fff;

        border-radius: 5px;

        height: auto;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa a .status {

        height: 50px;

        width: 40px;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .time_countdown{

        font-size: 10px;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .price_sale .price{

        font-size: 16px;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .price_old .price{

        font-size: 12px;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .price_old span{

        font-size: 12px;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .sanpham_info .price_old .so_luong{

        font-size: 12px;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa{

        width: 100%;

        height: 150px;

        padding: 5px;

        position: relative;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa a{

        position: relative;

        display: inline-block;

        height: 100%;

        width: 100%;

    }

    .box_sieu_sale .container .content_tab_sieu_sale .list_sanpham .li_sanpham .minh_hoa a img{

        max-width: 100%;

        max-height: 100%;

        /*object-fit: cover;*/

    }

}

.home_box {

    width: 100%;

    margin-bottom: 30px;

}

.home_box.home_register{

    padding-top: 148px;

}

.home_box .box_brank_register{

    position: relative;

    width: 100%;

    background: url('/skin/css/images/bg_brank_register.png') no-repeat right bottom;

    height: 600px;

    background-size: auto 100%;

}

.home_box .box_brank_register:before{

    position: absolute;

    content: "";

    z-index: 1;

    width: 100%;

    height: 100%;

    background: linear-gradient(66.17deg, #f00 16.98%, rgba(212, 30, 37, 0.8762) 34%, rgba(212, 30, 37, 0.543923) 41.96%, rgba(212, 30, 37, 0.338104) 49.18%, rgba(212, 30, 37, 0.177116) 55.14%, rgba(212, 30, 37, 0.155008) 61.87%, rgba(212, 30, 37, 0.139433) 66.61%, rgba(212, 30, 37, 0.127493) 72.77%, rgba(212, 30, 37, 0.061513) 78.79%, rgba(212, 30, 37, 0) 82.07%, rgba(0, 43, 235, 0) 85.86%, rgba(0, 43, 235, 0) 87.53%, rgba(0, 43, 235, 0) 89.56%);

}

@media all AND (max-width: 480px){

    .home_box .box_brank_register{

        position: relative;

        width: 100%;

        background: url('/skin/css/images/bg_brank_register_mobile.jpg') no-repeat right bottom;

        height: 600px;

        background-size: cover;

    }

    .home_box .box_brank_register:before{

        position: absolute;

        content: "";

        z-index: 1;

        width: 100%;

        height: 100%;

        background: none;

    }

}

.home_box .box_brank_register .container_brank_register{

    margin: auto;

    position: relative;

    width: 1140px;

    z-index: 9;

    padding: 10px;

    height: 720px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    max-height: calc(100vh - 60px);

    min-height: 500px;

}

.home_box .box_brank_register .container_brank_register .content_text{

    max-width: 600px;

}

.home_box .box_brank_register .container_brank_register .content_text h1{

    font-size: 40px;

    opacity: 1;

    color: #fff;

    font-weight: 700;

    -webkit-transform: translate(0, 0) scale3d(1, 1, 1);

    transform: translate(0, 0) scale3d(1, 1, 1);

    line-height: 1.2;

    /*text-shadow: 0 0 3px #f00;*/

}

.home_box .box_brank_register .container_brank_register .content_text .desc{

    font-size: 32px;

    color: #fff;

    margin-top: 32px;

}

.home_box .box_brank_register .container_brank_register .content_text .color_gold{

    font-size: 32px;

    font-weight: 700;

    color: #f4ff00;

}

.home_box .box_brank_register .container_brank_register .content_text ul.list-icon {

    list-style: none;

    margin-bottom: 20px;

    margin-top: 20px;

}

.home_box .box_brank_register .container_brank_register .content_text ul.list-icon>li {

    position: relative;

    padding: 3px 0 3px 30px;

    padding-top: 3px;

    margin-bottom: 10px;

    display: block;

    -webkit-transition: all 1s cubic-bezier(0, 0.15, 0, 1);

    -o-transition: all 1s cubic-bezier(0, 0.15, 0, 1);

    transition: all 1s cubic-bezier(0, 0.15, 0, 1);

    color: #fff;

    font-weight: 700;

    font-size: 17px;

}

.home_box .box_brank_register .container_brank_register .content_text ul.list-icon>li:before {

    content: '';

    width: 24px;

    height: 24px;

    background: url(/skin/css/images/check-circle.png) no-repeat;

    background-size: 100%;

    position: absolute;

    top: 1px;

    left: 0;

}

.home_box .box_mo_hinh {

    background: #fff;

    padding-top: 80px;

}

.home_box .box_mo_hinh .container{

    background: none;

}

.home_box .box_mo_hinh .container h2{

    text-align: center;

    font-size: 32px;

    font-weight: 700;

    width: 100%;

    margin-bottom: 30px;

}

.home_box .box_mo_hinh .container .img{

    width: 100%;

}

.home_box .box_mo_hinh .container .img img {

    width: auto;

    height: auto;

    max-width: 100%;

}



.home_box .box_mo_hinh_2 {

    background: url(/skin/css/images/bg-hgroupsvg-yBn.png) #fff no-repeat;

    padding-top: 80px;

    background-size: 100%;

}

.home_box .box_mo_hinh_2 .container{

    background: none;

}

.home_box .box_mo_hinh_2 .container h2{

    text-align: center;

    font-size: 32px;

    font-weight: 700;

    width: 100%;

    margin-bottom: 30px;

}

.home_box .box_mo_hinh_2 .container .img{

    width: 100%;

}

.home_box .box_mo_hinh_2 .container .img img {

    width: auto;

    height: auto;

    max-width: 100%;

}

.home_box .box_mo_hinh_2 .container_2{

    margin: auto;

    position: relative;

    width: 1140px;

    height: 100%;

    display: flex;

    margin-top: 30px;

    gap:50px;

}

.home_box .box_mo_hinh_2 .container_2 .box_text_doitac{

    width: calc(50% - 25px);

    display: flex;

    align-items: center;

}

.home_box .box_mo_hinh_2 .container_2 .box_text_doitac h2{

    font-weight: 700;

    font-size: 30px;

}

@media all AND (max-width: 980px){

    .home_box .box_mo_hinh_2 .container_2 .box_text_doitac h2{

        font-weight: 700;

        font-size: 22px;

    }   

}

.home_box .box_mo_hinh_2 .container_2 .box_text_doitac p{

    font-size: 16px;

    line-height: 25px;

    margin-top: 30px;

}

.home_box .box_mo_hinh_2 .container_2 .box_text_doitac .timhieu_ngay{

    width: 100%;

    margin-top: 30px;

}

.home_box .box_mo_hinh_2 .container_2 .box_text_doitac .timhieu_ngay a{

    display: inline-block;

    width: 180px;

    padding-top: 15px;

    padding-bottom: 15px;

    text-align: center;

    background: #f00;

    color: #fff;

    font-size: 18px;

    border-radius: 5px;

}

.home_box .box_mo_hinh_2 .container_2 .box_img_doitac{

    width: calc(50% - 25px);

    display: flex;

    justify-content: flex-end;

}

.home_box .box_mo_hinh_2 .container_2 .box_img_doitac img{

    max-width: calc(100% - 20px);

    border-radius: 10px;

}

.home_box .box_mo_hinh_2 .container_3{

    margin: auto;

    position: relative;

    width: 1140px;

    height: 100%;

    display: flex;

    margin-top: 30px;

    gap:50px;

}

.home_box .box_mo_hinh_2 .container_3 .img{

    width: calc(50% - 25px);

    display: flex;

    align-items: center;

}

.home_box .box_mo_hinh_2 .container_3 .img img{

    max-width: calc(100% - 20px);

    border-radius: 10px;

}

.home_box .box_mo_hinh_2 .container_3 .box_text{

    width: calc(50% - 25px);

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.home_box .box_mo_hinh_2 .container_3 .box_text h2{

    width: 100%;

    font-size: 30px;

    font-weight: 700;

    text-align: right;

}

.home_box .box_mo_hinh_2 .container_3 .box_text .text{

    padding-left: 50px;

    margin-top: 30px;

    text-align: right;

    font-size: 16px;

    line-height: 25px;

}

.home_box .box_mo_hinh_2 .title{

    width: 100%;

    text-align: center;

    font-size: 30px;

    font-weight: 700;

    margin-top: 30px;

}

@media all AND (max-width: 980px){

    .home_box .box_about {

        padding-bottom: 20px;

    }

    .home_box .box_mo_hinh_2 {

        padding-top: 20px;

    }

    .home_box .box_mo_hinh_2 .container_2 {

        width: 100%;

        flex-wrap: wrap;

    }

    .home_box .box_mo_hinh_2 .title {

        font-size: 22px;

    }

    .home_box .box_mo_hinh_2 .container_2 .box_text_doitac {

        width: 100%;

        order: 1;

        padding: 10px;

    }

    .home_box .box_mo_hinh_2 .container_2 .box_img_doitac {

        width: 100%;

        order: 0;

    }

    .home_box .box_mo_hinh_2 .container_3 {

        width: 100%;

        flex-wrap: wrap;

    }

    .home_box .box_mo_hinh_2 .container_3 .img {

        width: 100%;

        display: block;

        text-align: center;

    }

    .home_box .box_mo_hinh_2 .container_3 .box_text {

        width: 100%;

        display: block;

        text-align: left;

        padding: 10px;

    }

    .home_box .box_mo_hinh_2 .container_3 .box_text h2 {

        width: 100%;

        font-size: 22px;

        text-align: left;

    }

    .home_box .box_mo_hinh_2 .container_3 .box_text .text {

        width: 100%;

        text-align: left;

        padding: 0px;

        margin-top: 10px;

    }

}

.home_box .box_baochi {

    background: #fff;

    padding-top: 30px;

}

.home_box .box_baochi .container{

    background: none;

}

.home_box .box_baochi .container h2{

    text-align: center;

    font-size: 32px;

    font-weight: 700;

    width: 100%;

    margin-bottom: 30px;

}

.home_box .box_baochi .container .list_baiviet{

    width: 100%;

    display: flex;

    gap:20px;

    justify-content: center;

}

.home_box .box_baochi .container .list_baiviet .li_baiviet{

    width: calc(100%/4 - 10px);

}

.home_box .box_baochi .container .list_baiviet .li_baiviet .img{

    width: 100%;

    height: 160px;

}

.home_box .box_baochi .container .list_baiviet .li_baiviet .img img{

    width: 100%;

    height: 100%;

    border-radius: 5px;

    object-fit: cover;

}

.home_box .box_baochi .container .list_baiviet .li_baiviet .text{

    width: 100%;

    padding-left: 10px;

    padding-right: 10px;

    margin-top: 20px;

    font-weight: 700;

    font-size: 18px;

}

@media all AND (max-width: 980px){

    .home_box .box_baochi .container .list_baiviet{

        width: 100%;

        display: flex;

        gap:20px;

        justify-content: center;

        flex-wrap: wrap;

    }

    .home_box .box_baochi .container .list_baiviet .li_baiviet{

        width: 100%;

    }

}

.home_box .box_tacdong {

    background: url('/skin/css/images/wave-1.png') no-repeat;

    background-size: 100%;

    padding-top: 50px;

}

.home_box .box_tacdong .container{

    background: none;

}

.home_box .box_tacdong .container h2{

    text-align: center;

    font-size: 32px;

    font-weight: 700;

    width: 100%;

    color: #fff;

    margin-bottom: 30px;

}

.home_box .box_tacdong .container .list_tacdong{

    width: 100%;

    display: flex;

    justify-content: center;

}

.home_box .box_tacdong .container .list_tacdong .li_tacdong{

    width: calc(100%/3);

    padding-left: 10px;

    padding-right: 10px;

    color: #fff;

}

.home_box .box_tacdong .container .list_tacdong .li_tacdong .tieu_de{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.home_box .box_tacdong .container .list_tacdong .li_tacdong .tieu_de .text{

    width: 60%;

}

.home_box .box_tacdong .container .list_tacdong .li_tacdong .tieu_de .text .img{

    width: 100%;

}

.home_box .box_tacdong .container .list_tacdong .li_tacdong .tieu_de .text .img img{

    height: 60px;

}

.home_box .box_tacdong .container .list_tacdong .li_tacdong .tieu_de .text .txt{

    width: 100%;

    margin-top: 20px;

    font-weight: 700;

    font-size: 18px;

}

.home_box .box_tacdong .container .list_tacdong .li_tacdong .tieu_de .number{

    width: 40%;

    font-size: 100px;

    font-weight: 700;

    text-align: center;

}

@media all AND (max-width: 980px){

    .home_box .box_tacdong {

        background: url('/skin/css/images/wave-1.png') no-repeat;

        background-size: cover;

        padding-top: 20px;

        padding-bottom: 20px;

    }

    .home_box .box_tacdong .container .list_tacdong{

        width: 100%;

        display: flex;

        justify-content: center;

        flex-wrap: wrap;

    }

    .home_box .box_tacdong .container .list_tacdong .li_tacdong{

        width: 100%;

        margin-top: 55px;

    }

    .home_box .box_tacdong .container .list_tacdong .li_tacdong .tieu_de .text{

        width: 70%;

    }

    .home_box .box_tacdong .container .list_tacdong .li_tacdong .tieu_de .number{

        width: 30%;

        font-size: 100px;

        font-weight: 700;

        text-align: center;

    }

}

.home_box .box_kinh_doanh {

    width: 100%;

    background: url('/skin/css/images/bg-hgroup-3.svg') #fff no-repeat center;

    background-size: 100%;

    padding-top: 50px;

    padding-bottom: 50px;

    overflow: hidden;

}

.home_box .box_kinh_doanh .container{

    background: none;

}

.home_box .box_kinh_doanh .container h2{

    width: 100%;

    text-align: center;

    font-size: 30px;

    margin-bottom: 30px;

    font-weight: 700;

}

.home_box .box_kinh_doanh .container .box_media{

    position: relative;

    width: 100%;

    height: 1px;

    padding-top: 56.25%;

    cursor: pointer;

    overflow: hidden;

}

.home_box .box_kinh_doanh .container .box_media img{

    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.home_box .box_kinh_doanh .container .box_media iframe{

    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

}

.home_box .box_kinh_doanh .container .box_media .button-radius {

    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 3;

    display: block;

    border-radius: 100%;

    height: 74px;

    width: 74px;

    background-color: rgba(255, 255, 255, 0.3);

    color: #fff;

}

.button-radius:after, .button-radius:before {

    content: "";

    position: absolute;

    border-radius: 100%;

    background-color: #fff;

}

.button-radius:before {

    inset: 8px;

    opacity: 0.4;

}

.button-radius i {

    position: absolute;

    top: 50%;

    left: 50%;

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    z-index: 2;

    font-size: 48px;

}

.home_box .box_kinh_doanh .container .box_media .button-radius:hover {

    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 3;

    display: block;

    border-radius: 100%;

    height: 74px;

    width: 74px;

    background-color: rgba(255, 167, 0, 0.3);

    color: #FFA700;

}

.button-radius:hover:after, .button-radius:hover:before {

    content: "";

    position: absolute;

    border-radius: 100%;

    background-color: #FFA700;

}

.button-radius:before {

    inset: 8px;

    opacity: 0.4;

}

.home_box .box_kinh_doanh .container .box_thanhcong{

    position: relative;

    width: 100%;

    margin-top: 30px;

}

.home_box .box_kinh_doanh .container .box_thanhcong h2{

    text-align: left;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap:20px;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh{

    width: calc(100%/3 - 10px);

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_text{

    width: calc(100%*2/3 - 10px);

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh .wrap-syn-2 .bgimg {

    position: absolute;

    top: 0;

    right: 0;

    -webkit-transform: translateX(50%);

    -ms-transform: translateX(50%);

    transform: translateX(50%);

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh .wrap-syn-2 .syn-thumb {

    -webkit-transform: none!important;

    -ms-transform: none!important;

    transform: none!important;

    width: auto!important;

    border-radius: 100%;

    border: 1px dashed rgba(212, 30, 37, 0.3);

    position: relative;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh .wrap-syn-2 .syn-thumb:before {

    content: "";

    padding-top: 100%;

    display: block;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh .wrap-syn-2 .syn-thumb:after {

    content: "";

    border: 2px dashed rgba(212, 30, 37, 0.1);

    position: absolute;

    inset: 50px;

    height: auto;

    visibility: visible;

    border-radius: 100%;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_hinh_anh .wrap-syn-2 .syn-thumb .img {

    margin: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    border-radius: 100%;

    width: 32px;

    height: 32px;

    margin-left: -16px;

    margin-top: -16px;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_hinh_anh .wrap-syn-2 .syn-thumb .img img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_hinh_anh  .wrap-syn-2 .syn-thumb .img-1 {

    width: 80px !important;

    height: 80px;

    margin-left: -40px;

    margin-top: -40px;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_hinh_anh  .wrap-syn-2 .syn-thumb .img-2 {

    width: 78px;

    height: 78px;

    margin-left: -39px;

    margin-top: -39px;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_hinh_anh  .wrap-syn-2 .syn-thumb .img-3 {

    width: 56px;

    height: 56px;

    margin-left: -28px;

    margin-top: -28px;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_hinh_anh  .wrap-syn-2 .syn-thumb .img-4 {

    width: 48px;

    height: 48px;

    margin-left: -24px;

    margin-top: -24px;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_hinh_anh  .wrap-syn-2 .syn-thumb .img-5 {

    width: 40px;

    height: 40px;

    margin-left: -20px;

    margin-top: -20px;

}

/*.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_hinh_anh  .wrap-syn-2 .syn-thumb .img.active {

    border: 5px solid rgba(212, 30, 37,1);

    margin: auto;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    width: calc(100% - 160px)!important;

    height: calc(100% - 160px)!important;

    transform: translateX(0px) !important;

}*/

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_hinh_anh  .wrap-syn-2 .syn-thumb .img.active {

    border: 5px solid #d41e25;

    margin: 0!important;

    top: 50%!important;

    left: 50%!important;

    -webkit-transform: translate(-50%, -50%)!important;

    -ms-transform: translate(-50%, -50%)!important;

    transform: translate(-50%, -50%)!important;

    width: calc(100% - 160px)!important;

    height: calc(100% - 160px)!important;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_hinh_anh  .wrap-syn-2 .syn-thumb .img.active img {

    -webkit-transform: none!important;

    -ms-transform: none!important;

    transform: none!important;

}

.tRes{

    position: relative;

    overflow: hidden;

    display: block;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.tRes:before {

    content: "";

    padding-top: 100%;

    display: block;

    position: relative;

    z-index: 2;

}

.tRes img{

    z-index: 1;

    -o-object-fit: cover;

    object-fit: cover;

    position: absolute;

    width: 100%!important;

    height: 100%!important;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    top: 0;

    left: 0;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_text .wrap-syn-1 {

    position: relative;

    background: #FFFFFF;

    -webkit-box-shadow: 8px 13px 44px -6px #DFDBF7;

    box-shadow: 8px 13px 44px -6px #DFDBF7;

    border-radius: 24px;

    padding: 30px;

    text-align: center;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_text .wrap-syn-1 .item .title{

    font-weight: 700;

    font-size: 18px;

    margin-bottom: 30px;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_text .wrap-syn-1 .item .desc{

    font-size: 16px;

    line-height: 1.5;



}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_text .owl-dots {

    max-width: 500px;

    margin: 0 auto;

    text-align: center;

    margin-top: 10px;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_text .owl-dots>.owl-dot {

    display: inline-block;

    border: none;

    background: none;

    opacity: 0.1;

    cursor: pointer;

}

.owl-dots>.owl-dot.active {

    opacity: 1!important;

}

.home_box .box_kinh_doanh .container .box_thanhcong .box_slide  .box_text .owl-dots>.owl-dot.active span {

    width: 60px;

}

.owl-dots>.owl-dot.active span, .owl-dots>.owl-dot:hover span {

    background-color: #d41e25;

    border-color: #d41e25;

}

.owl-dots>.owl-dot span {

    display: block;

    -webkit-backface-visibility: visible;

    width: 10px;

    height: 10px;

    margin: 0 4px;

    border-radius: 10px;

    background-color: #d41e25;

    border: 1px solid #d41e25;

}

.home_box .box_gioithieu_gopdon {

    position: relative;

    padding-top: 20px;

    background-size: auto 100%;

    padding-bottom: 80px;

    overflow: hidden;

}

.home_box .box_gioithieu_gopdon .container{

    background: none;

    z-index: 2;

    display: flex;

    flex-wrap: wrap;

}

.home_box .box_gioithieu_gopdon .container .img_gopdon{

    width: 100%;

}

.home_box .box_gioithieu_gopdon .container .img_gopdon img{

    width: 100%;

    border-radius: 5px;

}

.home_box .box_gioithieu_gopdon .container .text_gopdon{

    width: 100%;

    margin-top: 30px;

    line-height: 25px;

    font-weight: 700;

}

.home_box .box_gioithieu_gopdon .container .text_gopdon .chitiet_gop{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap:20px;

    margin-top: 20px;

}

.home_box .box_gioithieu_gopdon .container .text_gopdon .chitiet_gop .chinhsach_gop{

    width: calc(50% - 10px);

}

.home_box .box_gioithieu_gopdon .container .text_gopdon .chitiet_gop .video_gop{

    width: calc(50% - 10px);

}

.home_box .box_gioithieu_gopdon .container .text_gopdon ul{

    width: 100%;

    margin-top: 30px;

    margin-bottom: 20px;

}

.home_box .box_gioithieu_gopdon .container .text_gopdon ul li{

    width: 100%;

    margin-top: 10px;

    position: relative;

    padding-left: 40px;

    color: #f00;

    font-size: 13px;

}

.home_box .box_gioithieu_gopdon .container .text_gopdon ul li:before{

    position: absolute;

    margin: auto;

    left: 0;

    top: -5px;

    bottom: 0;

    content: "";

    width: 30px;

    height: 30px;

    background: url('/images/icon_check.png') no-repeat center;

    background-size: 100% 100%;



}

.home_box .box_gioithieu_gopdon .container .title_nhaban{

    position: relative;

    height: 30px;

    background: #f00;

    color: #fff;

    display: inline-block;

    line-height: 30px;

    padding-left: 10px;

    padding-right: 10px;

    margin-top: 20px;

    margin-bottom: 3px;

}

.home_box .box_gioithieu_gopdon .container .title_nhaban:after{

    position: absolute;

    margin: auto;

    width: 0;

    height: 0;

    content: "";

    right: -44px;

    border-right: 45px solid transparent;

    border-bottom: 30px solid #f00;

}

.home_box .box_gioithieu_gopdon .container .img_nhaban{

    width: 100%;

}

.home_box .box_gioithieu_gopdon .container .img_nhaban img{

    width: 100%;

    border-radius: 5px;

}

@media all AND (max-width: 980px){

    .home_box .box_gioithieu_gopdon {

        padding-top: 20px;

    }

    .home_box .box_gioithieu_gopdon .container .title_nhaban{

        font-size: 11px;

    }  

    .home_box .box_gioithieu_gopdon .container .text_gopdon .chitiet_gop .chinhsach_gop{

        width: 100%;

    }

    .home_box .box_gioithieu_gopdon .container .text_gopdon .chitiet_gop .video_gop{

        width: 100%;

    }

}

.home_box .box_batdau {

    position: relative;

    background: url('/skin/css/images/section-bg-h1svg.png') #fff no-repeat right center;

    color: #fff;

    padding-top: 80px;

    background-size: auto 100%;

    padding-bottom: 80px;

    overflow: hidden;

}

.home_box .box_batdau .container{

    background: none;

    z-index: 2;

    display: flex;

}

.home_box .box_batdau .container .box_text{

    width: 50%;

    display: flex;

    align-items: center;

    padding: 10px;

}

.home_box .box_batdau .container .box_text h1{

    color: #414141;

    font-size: 30px;

    font-weight: 700;

}

.home_box .box_batdau .container .box_text .batdau_ngay{

    width: 100%;

    margin-top: 10px;

}

.home_box .box_batdau .container .box_text .batdau_ngay a{

    display: inline-block;

    background: #f00;

    color: #fff;

    cursor: pointer;

    width: 180px;

    padding-top: 15px;

    padding-bottom: 15px;

    text-align: center;

    border-radius: 5px;

    font-size: 18px;

}

.home_box .box_batdau .container .box_img{

    width: 50%;

    display: flex;

    align-content: center;

    align-items: center;

}

.home_box .box_batdau .container .box_img img{

    border-radius: 10px;

    max-width: calc(100% - 20px);

}

@media all AND (max-width: 980px){

    .home_box .box_batdau .container{

        flex-wrap: wrap;

    }

    .home_box .box_batdau .container .box_img{

        width: 100%;

        text-align: center;

        order: 0;

        display: block;

    }

    .home_box .box_batdau .container .box_img img{

        width: 100%;

        max-width: 100%;

    }

    .home_box .box_batdau .container .box_text{

        width: 100%;

        display: block;

        order: 1;

        font-size: 22px;

    }

    .home_box .box_batdau .container .box_text h1{

        font-size: 22px;

        margin-top: 20px;

    }

}

.home_box .box_about {

    position: relative;

    background: #fff;

    padding-top: 80px;

    background-size: auto 100%;

    padding-bottom: 80px;

    overflow: hidden;

}

.home_box .box_about .container{

    background: none;

    z-index: 2;

    display: flex;

}

.home_box .box_about .container .box_text{

    width: 50%;

    display: flex;

    align-items: center;

}

.home_box .box_about .container .box_text h2{

    font-weight: 700;

    font-size: 30px;

}

.home_box .box_about .container .box_text_2{

    width: 50%;

    display: flex;

    align-items: center;

}

.home_box .box_about .container .box_text_2 p{

    font-size: 16px;

    line-height: 25px;

}

@media all AND (max-width: 980px){

    .home_box .box_about{

        padding-top: 0px;

    }

    .home_box .box_about .container {

        flex-wrap: wrap;

    }

    .home_box .box_about .container .box_text{

        width: 100%;

        display: block;

    }

    .home_box .box_about .container .box_text h2 {

        width: 100%;

        font-weight: 22px;

    }

    .home_box .box_about .container .box_text_2 {

        width: 100%;

        display: block;

        margin-top: 20px;

    }

}

.home_box .box_luachon {

    position: relative;

    background: url('/skin/css/images/wave-1.png') no-repeat right bottom;

    /*background: #f00;*/

    color: #fff;

    padding-top: 80px;

    background-size: auto 100%;

    padding-bottom: 80px;

    overflow: hidden;

}

.home_box .box_luachon .container{

    background: none;

    z-index: 2;

}

.home_box .box_luachon .container h2{

    width: 100%;

    text-align: center;

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 50px;

}

.home_box .box_luachon .container .desc {

    max-width: 740px;

    margin: 0 auto 40px;

    font-size: 16px;

    text-align: center;

}

.home_box .box_luachon .container .row_info {

    width: 100%;

    display: flex;

    gap:40px;

}

.home_box .box_luachon .container .row_info .col_info{

    width: calc(100%/4);

    text-align: center;

}

.home_box .box_luachon .container .row_info .col_info .img {

    height: 50px;

    margin-bottom: 20px;

}

.home_box .box_luachon .container .row_info .col_info .img img {

    width: auto;

    height: auto;

    max-height: 100%;

}

.home_box .box_luachon .container .row_info .col_info .number {

    font-weight: 700;

    margin-bottom: 20px;

    font-size: 30px;

}

.home_box .box_luachon .container .row_info .col_info .title {

    font-weight: 700;

    font-size: 18px;

}

.home_box .box_loi_the{

    position: relative;

    width: 100%;

    background: #fff;

}

.home_box .box_loi_the h2{

    font-size: 32px;

    font-weight: 700;

}

.home_box .box_loi_the .khung_info{

    width: 100%;

    position: relative;

    padding-top: 30px;

}

.home_box .box_loi_the .khung_info .wrap-head {

    max-width: 810px!important;

    border-radius: 100%;

    border: 2px dashed rgba(212, 30, 37, 0.3);

    position: absolute;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    margin: 0 auto;

    z-index: 0;

}

.home_box .box_loi_the .khung_info .wrap-head:before {

    content: "";

    padding-top: 100%;

    display: block;

}

.home_box .box_loi_the .khung_info .wrap-head:after {

    content: "";

    border: 2px dashed rgba(212, 30, 37, 0.1);

    position: absolute;

    inset: 100px;

    border-radius: 100%;

}

.home_box .box_loi_the .wrap-head .img {

    margin: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    border-radius: 100%;

    width: 32px;

    height: 32px;

    margin-left: -16px;

    margin-top: -16px;

}

.home_box .box_loi_the .khung_info .wrap-head .img-1 {

    width: 28px!important;

    height: 28px;

    margin-left: -14px;

    margin-top: -14px;

    background-color: #002BEB;

}

.home_box .box_loi_the .khung_info .wrap-head .img-2 {

    width: 52px;

    height: 52px;

    margin-left: -26px;

    margin-top: -26px;

    background-color: #FFA700;

}

.home_box .box_loi_the .row_info {

    position: relative;

    display: flex;

    z-index: 3;

    margin-bottom: 70px;

    gap:60px;

    text-align: center;

}

.home_box .box_loi_the .row_info .col-info{

    width: calc(100%/3);

}

.home_box .box_loi_the .row_info .col-info .img{

    position: relative;

    width: 100%;

    height: 140px;

    margin-bottom: 20px;

}

.home_box .box_loi_the .row_info .col-info .img img{

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: auto;

    height: auto;

    max-height: 75%;

}

.home_box .box_loi_the .row_info .col-info .item .title {

    font-weight: 600;

    font-size: 16px;

    margin-bottom: 20px;

}

.home_box .box_loi_the .row_info .col-info .item .desc {

    font-size: 16px;

}

.home_box .box_form_register{

    position: relative;

    width: 100%;

    background: url('/skin/css/images/bg-hgroup.svg') #fff;

    background-size: 100% auto;

}

.home_box .container {

    background: #fff;

    border-radius: 5px;

    padding: 10px;

}

.home_box .box_form_register .container {

    background:none;

    border-radius: 5px;

    padding: 10px;

}

.home_box .title_box {

    font-size: 16px;

    background: #fff;

    padding-bottom: 10px;

    border-bottom: 1px solid #eee;

    padding-top: 5px;

    display: flex;

    flex-wrap: wrap;

    align-items: center !important;

    justify-content: space-between !important;

    width: 100%;

    margin-bottom: 10px;

    overflow: hidden;

}

.home_box .box_form_register .title_box {

    background: none;

    justify-content: center !important;

    width: 100%;

    border-bottom: none;

}

.home_box .title_box h2 {

    text-transform: uppercase;

    font-weight: 500;

    font-size: 1.4em;

    margin: 0px;

    line-height: 1.2;

}

.home_box .box_form_register .title_box h2 {

    text-transform: uppercase;

    font-weight: 500;

    font-size: 1.4em;

    margin: 0px;

    line-height: 1.5;

    text-align: center;

}

.home_box .title_box .more_right {

    color: #ffb208;

}



.home_box .title_box ul {

    display: flex;

}



.home_box .title_box ul li {

    position: relative;

    border-radius: 4px;

    white-space: nowrap;

    color: var(--text-color);

    background: #eee;

    border: 1px solid transparent;

    font-size: 14px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 10px;

    padding-bottom: 10px;

    user-select: none;

}



.home_box .title_box ul li:not(:last-of-type) {

    margin-right: .5rem;

}



.home_box .title_box ul li:not(.current) {

    cursor: pointer;

}



.home_box .title_box ul li.current {

    color: #fff;

    background: #ffb208;

    border-color: #ffb208;

}



.home_deal .heading-bar .button_more {

    border: none;

}



.home_box .title_box .button_more {

    border: none;

}



.tab_box {

    width: 100%;

    display: inline-block;

}

.home_box .box_form_register .tab_box {

    display: flex;

    justify-content: space-between;

}

.tab_box .tab {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: 0px;

    margin-left: 0px;

    padding-bottom: 20px;

}

.home_box .box_form_register .tab_box .tab {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -10px;

    margin-left: -10px;

    padding-bottom: 20px;

    width: 50%;

}

@media all AND (max-width: 980px){

    .home_box .box_form_register .tab_box {

        flex-wrap: wrap;

        justify-content: center;

    }

    .home_box .box_form_register .tab_box .tab {

        width: 100%;

        order: 1;

    }

    .home_box .box_form_register .tab_box .img {

        width: 100% !important;

        order: 0

    }

    .home_box .box_loi_the .row_info {

        margin-bottom: 20px;

        gap: 20px;

        flex-wrap: wrap;

    }

    .home_box .box_loi_the .row_info .col-info {

        width: 100%;

    }

    .home_box .box_loi_the .khung_info .wrap-head {

        display: none;

    }

    .home_box .box_luachon .container .row_info {

        width: 100%;

        display: flex;

        gap: 10px;

        flex-wrap: wrap;

    }

    .home_box .box_luachon .container .row_info .col_info {

        width: calc(100%/2 - 5px);

        text-align: center;

    }

    .home_box .box_luachon .container .row_info .col_info .title {

        font-size: 16px;

    }

    .home_box .box_form_register .tab_box .tab .content_text h2 {

        font-size: 25px;

    }

    .home_box .box_form_register .title_box h2 {

        font-size: 21px;

    }

    .home_box .box_mo_hinh .container h2 {

        font-size: 25px;

    }

    .home_box .box_loi_the h2 {

        font-size: 25px;

        font-weight: 700;

    }

    .home_box .box_kinh_doanh .container h2 {

        width: 100%;

        text-align: center;

        font-size: 25px;

        margin-bottom: 30px;

        font-weight: 700;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh {

        width: 100%;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_text {

        width: 100%;

        margin-top: 60px;

    }

    .home_box .box_brank_register {

        height: 500px;

    }

    .home_box .box_brank_register .container_brank_register {

        width: 100%;

    }

    .home_box .box_brank_register .container_brank_register .content_text {

        width: 100%;

    }

    .home_box .box_brank_register .container_brank_register {

        height: 490px;

        min-height: 495px;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_text .wrap-syn-1 .item .title {

        font-size: 15px;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_text .wrap-syn-1 .item .desc {

        font-size: 14px;

    }

    .home_box.home_register {

        padding-top: 130px;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide {

        margin-right: 0px;

        margin-left: 0px;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh .wrap-syn-2 .syn-thumb {

        width: calc(100% - 40px) !important;

        position: relative;

        margin: auto;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh .wrap-syn-2 .syn-thumb .img-5 {

        width: 60px;

        height: 60px;

        margin-left: -48px;

        margin-top: -10px;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh .wrap-syn-2 .syn-thumb .img-4 {

        width: 60px;

        height: 60px;

        margin-left: -9px;

        margin-top: -24px;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh .wrap-syn-2 .syn-thumb .img-3 {

        width: 60px;

        height: 60px;

        margin-left: 0px;

        margin-top: -28px;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh .wrap-syn-2 .syn-thumb .img-1 {

        width: 60px !important;

        height: 60px;

        margin-left: -51px;

        margin-top: -40px;

    }

    .home_box .box_kinh_doanh .container .box_thanhcong .box_slide .box_hinh_anh .wrap-syn-2 .syn-thumb .img-2 {

        width: 60px;

        height: 60px;

        margin-left: -39px;

        margin-top: -53px;

    }

}

.home_box .box_form_register .tab_box .tab .content_text{

    max-width: 600px;

}

.home_box .box_form_register .tab_box .tab .content_text h2{

    font-size: 32px;

    opacity: 1;

    font-weight: 700;

    -webkit-transform: translate(0, 0) scale3d(1, 1, 1);

    transform: translate(0, 0) scale3d(1, 1, 1);

    line-height: 1.2;

}

.home_box .box_form_register .tab_box .tab .content_text .desc{

    font-size: 18px;

}

.home_box .box_form_register .tab_box .tab .content_text .color_gold{

    font-size: 32px;

    font-weight: 700;

    color: #f4ff00;

}

.home_box .box_form_register .tab_box .tab .content_text ul.list-icon {

    list-style: none;

    margin-bottom: 20px;

    margin-top: 20px;

}

.home_box .box_form_register .tab_box .tab .content_text ul.list-icon>li {

    position: relative;

    padding: 3px 0 3px 30px;

    padding-top: 3px;

    margin-bottom: 10px;

    display: block;

    -webkit-transition: all 1s cubic-bezier(0, 0.15, 0, 1);

    -o-transition: all 1s cubic-bezier(0, 0.15, 0, 1);

    transition: all 1s cubic-bezier(0, 0.15, 0, 1);

    font-size: 17px;

    line-height: 26px;

    color: #111;

}

.home_box .box_form_register .tab_box .tab .content_text ul.list-icon>li:before {

    content: '';

    width: 24px;

    height: 24px;

    background: url(/skin/css/images/check-circle.svg) no-repeat;

    background-size: 100%;

    position: absolute;

    top: 4px;

    left: 0;

}

.home_box .box_form_register .tab_box .img {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -10px;

    margin-left: -10px;

    padding-bottom: 20px;

    width: 50%;

}

.home_box .box_form_register .tab_box .img img{

    border-radius: 15px;

    object-fit: cover;

    border: none;

}

.tab_box .tab .li_hinhanh {

    width: 40%;

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    flex: 0 0 40%;

    margin-top: 10px;

}



.tab_box .tab .li_hinhanh img {

    max-width: 100%;

    height: auto;

    object-fit: cover;

}



.tab_box .tab .list_product {

    width: 60%;

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    flex: 0 0 60%;

    margin-top: 10px;

}



.tab_box .tab .list_product .swiper-container {

    width: 100%;

    height: 100%;

    padding-bottom: 0px;

}



.tab_box .tab .list_product .swiper-container .swiper-wrapper {

    width: 100%;

    height: 100%;

}



.tab_box .tab .list_product .swiper-container .swiper-wrapper img {

    height: 100%;

    width: 100%;

}



.tab_box .tab .list_product .swiper-container .prev {

    position: absolute;

    top: 35%;

    left: 15px;

    right: auto;

    margin-top: -22px;

    z-index: 999;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.tab_box .tab .list_product .swiper-container .prev button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(232, 89, 51, 0.5);

    color: #fff;

}



.tab_box .tab .list_product .swiper-container .prev button:hover {

    background: rgba(232, 89, 51, 1);

}



.tab_box .tab .list_product .swiper-container .next {

    position: absolute;

    top: 35%;

    left: auto;

    right: 15px;

    margin-top: -22px;

    z-index: 999;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.tab_box .tab .list_product .swiper-container .next button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(232, 89, 51, 0.5);

    color: #fff;

}



.tab_box .tab .list_product .swiper-container .next button:hover {

    background: rgba(232, 89, 51, 1);

}



.tab_box .tab .list_product .li_product {

    width: calc(100%/3);

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    padding-bottom: 10px;

    flex: 0 0 calc(100%/3);

    margin-top: 0px;

}



.tab_box .tab .list_product_category {

    width: 100%;

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    flex: 0 0 100%;

    margin-top: 10px;

}



.tab_box .tab .list_product_category .swiper-container {

    width: 100%;

    height: 100%;

    padding-bottom: 10px;

}



.tab_box .tab .list_product_category .swiper-container .swiper-wrapper {

    width: 100%;

    height: 100%;

}



.tab_box .tab .list_product_category .swiper-container .swiper-wrapper img {

    height: 100%;

    width: 100%;

}



.tab_box .tab .list_product_category .swiper-container .prev {

    position: absolute;

    top: 35%;

    left: 15px;

    right: auto;

    margin-top: -22px;

    z-index: 999;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.tab_box .tab .list_product_category .swiper-container .prev button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(212, 30, 37, 0.5);

    color: #fff;

}



.tab_box .tab .list_product_category .swiper-container .prev button:hover {

    background: rgba(212, 30, 37, 1);

}



.tab_box .tab .list_product_category .swiper-container .next {

    position: absolute;

    top: 35%;

    left: auto;

    right: 15px;

    margin-top: -22px;

    z-index: 999;

    cursor: pointer;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.tab_box .tab .list_product_category .swiper-container .next button {

    cursor: pointer;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 30px;

    border-radius: 50%;

    background: rgba(212, 30, 37, 0.5);

    color: #fff;

}



.tab_box .tab .list_product_category .swiper-container .next button:hover {

    background: rgba(212, 30, 37, 1);

}



.tab_box .tab .list_product_category .li_product {

    width: calc(100%/5);

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

    flex: 0 0 calc(100%/5);

    margin-top: 0px;

}



.tab_box .tab .li_product {

    width: 20%;

    position: relative;

    min-height: 1px;

    flex: 0 0 20%;

    border-left: 1px solid #dedede;

    border-top: 1px solid #dedede;

}

.tab_box .tab .li_product:nth-child(5n+5){

    border-right: 1px solid #dedede;

}

.tab_box .tab .li_product:nth-last-child(-n+5) {

    border-bottom: 1px solid #dedede;

}

.tab_box .tab .li_product:last-child{

    border-right: 1px solid #dedede;

}

.tab_box .tab .li_product .product-content {

    position: relative;

    width: 100%;

    background: #fff;

    font-size: 16px;

    height: 100%;

}



.tab_box .tab .li_product .product-content .product-thumbnail {

    display: block;

    width: 100%;

    padding-bottom: 100%;

    position: relative;

    overflow: hidden;

}



.tab_box .tab .li_product .product-content .product-thumbnail .product-frame {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: contain;

    max-width: 100%;

    max-height: 100%;

    z-index: 9

}



.tab_box .tab .li_product .product-content .product-thumbnail .minh_hoa {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: cover;

    width: 100%;

    height: 100%;

    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);

}



.tab_box .tab .li_product .product-content .product-thumbnail .minh_hoa.size_1 {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1);

    object-fit: contain;

    max-width: 100%;

    max-height: 100%;

}



.tab_box .tab .li_product .product-content .label_product {

    position: absolute;

    top: 0;

    right: 0;

    background: #ffb208;

    padding: 7px 2px;

    font-weight: bold;

    font-size: 12px;

    z-index: 3;

}



.tab_box .tab .li_product .product-content .label_product .label_wrapper {

    width: 36px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    color: #fff;

}



.tab_box .tab .li_product .product-content .label_product::after {

    content: "";

    width: 0;

    height: 0;

    left: 0;

    bottom: -4px;

    position: absolute;

    border-color: transparent #ffb208;

    border-style: solid;

    border-width: 0 20px 5px;

}



.tab_box .tab .li_product .product-content .group_action {

    position: absolute;

    opacity: 0;

    visibility: hidden;

    bottom: -100px;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all .3s ease-out;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

}



.tab_box .tab .li_product .product-content .group_action .btn-views {

    color: var(--primary-color);

    background: #fff;

    border-radius: 100px;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 5px;

    transition: all .22s ease-out;

    transform: scale(0.9);

    border: none;

    cursor: pointer;

}



.tab_box .tab .li_product .product-content .group_action .btn-views:hover {

    transform: scale(1);

}



.tab_box .tab .li_product .product-content .group_action .btn-views i {

    font-size: 20px;

}



.tab_box .tab .li_product .product-content:hover {

}



.tab_box .tab .li_product .product-content:hover .product-name a {

    color: #d41e25;

}



.tab_box .tab .li_product .product-content:hover .product-action .group_action {

    position: absolute;

    opacity: 1;

    bottom: 0px;

    z-index: 99;

    visibility: visible;

    align-items: center;

    cursor: pointer;

}



.tab_box .tab .li_product .product-content .product-info {

    padding: 10px;

}



.tab_box .tab .li_product .product-content .product-name {

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    white-space: initial;

    margin: 10px 0 5px;

    font-size: 14px;

    line-height: 18px;

    overflow: hidden;

}



.tab_box .tab .li_product .product-content .price-box {

    display: flex;

    align-items: center !important;

    justify-content: space-between !important;

}



.tab_box .tab .li_product .product-content .price-contact,

.tab_box .tab .li_product .product-content .price {

    font-weight: bold;

    color: #d41e25;

}

.tab_box .tab .li_product .product-content .compare-price {

    color: var(--text-secondary-color);

    text-decoration: line-through;

    font-size: 14px;

}

@media all AND (max-width: 480px){

    .tab_box .tab .li_product .product-content .price-contact,

    .tab_box .tab .li_product .product-content .price {

        font-weight: bold;

        color: #d41e25;

        font-size: 14px;

    }

    .tab_box .tab .li_product .product-content .compare-price {

        color: var(--text-secondary-color);

        text-decoration: line-through;

        font-size: 12px;

    }

}

.tab_box .tab .li_product .product-content .product-badge {

    max-height: 16px !important;

    width: auto !important;

    margin-top: .5rem;

    margin-right: .5rem;

    display: block;

}



.tab_box .tab .box_news_left {

    position: relative;

    float: left;

    width: 40%;

    padding-left: 10px;

    padding-right: 10px;

    height: 475px;

}



.tab_box .tab .box_news_right {

    position: relative;

    float: left;

    width: 60%;

    padding-right: 10px;

    padding-left: 0px;

    height: 475px;

}



.tab_box .tab .box_news_right .list_news {

    width: 100%;

    height: 100%;

    border-left: 1px solid #dedede;

    padding-left: 10px;

    max-height: 100%;

    overflow-y: auto;

}



.tab_box .tab .box_news_left .li_news {

    position: relative;

    width: 100%;

    height: 100%;

}



.tab_box .tab .box_news_left .li_news .minh_hoa {

    position: relative;

    width: 100%;

    padding-bottom: 56.25%

}



.tab_box .tab .box_news_left .li_news .minh_hoa img {

    position: absolute;

    margin: auto;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    object-fit: cover;

}



.tab_box .tab .box_news_left .li_news .content_news {

    position: relative;

    width: 100%;

    margin-top: 10px;

}



.tab_box .tab .box_news_left .li_news .content_news h3,

.tab_box .tab .box_news_left .li_news .content_news h3 a.link {

    font-weight: normal;

    line-height: 1.2;

    font-size: 20px;

    font-weight: 500;

}



.tab_box .tab .box_news_left .li_news .content_news .media {

    margin-top: 5px;

    font-size: 12px;

    margin-bottom: 10px;

}



.tab_box .tab .box_news_left .li_news .content_news .media .text-time {

    color: #6c757d !important;

}



.tab_box .tab .box_news_left .li_news .content_news p {

    font-size: 14px;

}



.tab_box .tab .box_news_left .li_news .content_news p a {

    font-size: 14px;

    color: #ffb208;

}



.tab_box .tab .box_news_right .li_news {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: start;

    align-items: flex-start;

}



.tab_box .tab .box_news_right .li_news+* {

    margin-top: 15px;

    border-top: 2px solid #f7f7f7;

    padding-top: 15px;

}



.tab_box .tab .box_news_right .li_news .minh_hoa {

    width: 100px;

    flex: 0 0 100px;

    margin-right: 10px;

}



.tab_box .tab .box_news_right .li_news .minh_hoa img {

    width: 100%;

}



.tab_box .tab .box_news_right .li_news .content_news h3,

.tab_box .tab .box_news_right .li_news .content_news h3 a.link {

    font-weight: normal;

    line-height: 1.2;

    font-size: 20px;

    font-weight: 500;

}



.tab_box .tab .box_news_right .li_news .content_news .media {

    margin-top: 5px;

    font-size: 12px;

    margin-bottom: 10px;

}



.tab_box .tab .box_news_right .li_news .content_news .media .media-body {

    display: flex;

    height: 20px;

    line-height: 20px;

}



.tab_box .tab .box_news_right .li_news .content_news .media .text-cat {

    line-height: 20px;

}



.tab_box .tab .box_news_right .li_news .content_news .media .text-time {

    color: #6c757d !important;

    line-height: 20px;

    padding-left: 10px;

}



.tab_box .tab .box_news_right .li_news .content_news p {

    font-size: 14px;

}



.tab_box .tab .box_news_right .li_news .content_news p a {

    font-size: 14px;

    color: #ffb208;

}



.tab_box .tab .box_login {

    position: relative;

    margin: auto;

    width: 100%;

    display: inline-block;

    margin-top: 20px;

}

.tab_box .tab .box_login .type_register{

    position: relative;

    margin: auto;

    width: 100%;

    display: flex;

    justify-content: space-between;

    gap:10px;

}

.tab_box .tab .box_login .type_register button{

    background: #dbdbdb;

    color: #fff;

    padding: 5px;

    width: calc(50% - 10px);

    padding-top: 7px;

    padding-bottom: 7px;

    text-align: center;

    border-radius: 5px;

}

.tab_box .tab .box_login .type_register button.active{

    background: #d41e25;

}

.tab_box .tab .box_login .type_register button:hover{

    background: #d41e25;

}

.tab_box .tab .box_login .button_login {

    width: 100%;

}

.top_giaodien{

    position: relative;

    width: 100%;

    height: 400px;

    background: #fff;

    border-bottom: 10px solid #ff4544;

    background-image: url(images/bg_top_skin.jpg);

    background-repeat: no-repeat;

    background-size: contain;

    background-position: right;

}

/*.top_giaodien:after{

    content: "";

    background-image: url(images/bg_top_skin.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: absolute;

    top: 0;

    bottom: 0;

    left: calc(40% + 155px);

    right: 0;

}*/

.sticky {

  position: fixed;

  top: 0;

  width: 100%;

}

.top_giaodien .top_giaodien_left{

    position: relative;

    width: 50%;

    height: 100%;

    float: left;

    display: flex;

    align-items: center;

    align-content: center;

    flex-wrap: wrap;

}

.top_giaodien .top_giaodien_left h3{

    font-size: 25px;

    color: #d41e25;

    font-weight: 700;

    display: inline-block;

    text-align: center;

    width: 100%;

}

.top_giaodien .top_giaodien_left h3 span{

    display: inline-block;

    background-image: linear-gradient(to right, #ff730f,#ff8d00 , #ff5f00);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-size: 60px;

    animation-name: tada;

    -webkit-animation-name: tada;

    animation-delay: 0s;

    -webkit-animation-delay: 0s;

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

    animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

}

.top_giaodien .top_giaodien_left h2{

    font-size: 25px;

    color: #d41e25;

    font-weight: 700;

    display: inline-block;

    text-align: center;

    width: 100%;

}

.top_giaodien .top_giaodien_left h2 span{

    font-size: 25px;

    color: #d41e25;

    font-weight: 700;

    display: inline-block;

    width: calc(100% - 30px);

    text-align: center;

    animation-name: pulse;

    -webkit-animation-name: pulse;

    animation-delay: 0s;

    -webkit-animation-delay: 0s;

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

    animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

}

.top_giaodien .top_giaodien_left .khung_thu{

    width: 100%;

    display: flex;

    margin-top: 20px;

}

.top_giaodien .top_giaodien_left .khung_thu input[type=text]{

    width: calc(100% - 232px);

    padding: 5px;

    border: 2px solid #d41e25;

    border-radius: 5px 0px 0px 5px;

}

.top_giaodien .top_giaodien_left .khung_thu button{

    width: 180px;

    height: 50px;

    padding: 5px;

    background: #d41e25;

    color: #fff;

    border: none;

    border-radius: 0px 5px 5px 0px;

    text-transform: uppercase;

    cursor: pointer;

    z-index: 999;

}

.top_giaodien .top_giaodien_left .list_uudiem{

    width: 100%;

    margin-top: 20px;

}

.top_giaodien .top_giaodien_left .list_uudiem ul{

    width: 100%;

}

.top_giaodien .top_giaodien_left .list_uudiem ul li{

    width: 100%;

    font-style: italic;

    background-image: linear-gradient(to right, #004489,#a30b43 , #e800f7);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 700;

}

@media all AND (max-width: 980px){

    .top_giaodien{

        position: relative;

        width: 100%;

        height: auto;

        background: #fff;

        border-bottom: 5px solid #ff4544;

    }

/*    .top_giaodien:after{

        content: "";

        background-image: none;

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

    }*/

    .top_giaodien .top_giaodien_left{

        position: relative;

        width: 100%;

        height: 100%;

        padding: 20px;

        float: left;

        display: block;

        align-items: center;

        align-content: center;

        flex-wrap: wrap;

    }

    .top_giaodien .top_giaodien_left h3 span{

        background-image: linear-gradient(to right, #ff730f,#ff8d00 , #ff5f00);

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        font-size: 40px;

    }

    .top_giaodien .top_giaodien_left h2{

        font-size: 18px;

        color: #d41e25;

        font-weight: 700;

        display: inline-block;

        text-align: center;

    }

    .top_giaodien .top_giaodien_left h2 span{

        font-size: 18px;

        color: #d41e25;

        font-weight: 700;

        display: inline-block;

        text-align: center;

        width: calc(100% - 50px);

    }

    .top_giaodien .top_giaodien_left .khung_thu input[type=text]{

        width: calc(100% - 130px);

        padding: 5px;

        border: 2px solid #d41e25;

        border-radius: 5px 0px 0px 5px;

    }

    .top_giaodien .top_giaodien_left .khung_thu button{

        width: 130px;

        height: 50px;

        padding: 5px;

        background: #d41e25;

        color: #fff;

        border: none;

        border-radius: 0px 5px 5px 0px;

        text-transform: uppercase;

        cursor: pointer;

        z-index: 999;

        font-size: 12px;

    }

}

@media all AND (min-width: 980px) AND (max-width: 1140px){

    .container {

        margin: auto;

        position: relative;

        width: calc(100% - 40px);

        height: 100%;

    }

    .top_giaodien .top_giaodien_left{

        position: relative;

        width: 60%;

        height: 100%;

        padding: 20px;

        float: left;

        display: block;

        align-items: center;

        align-content: center;

        flex-wrap: wrap;

    }

/*    .top_giaodien:after {

        content: "";

        background-image: url(images/bg_top_skin.jpg);

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center;

        position: absolute;

        top: 0;

        bottom: 0;

        left: calc(40% + -75px);

        right: 0;

    }*/

}

.box_member {

    width: 100%;

    padding-top: 20px;

    padding-bottom: 20px;

    background: #fff;

}

.box_member .list_video_skin {

    width: 100%;

    display: flex;

    padding-top: 10px;

    padding-bottom: 10px;

    justify-content: space-between;

}

.box_member .list_video_skin .big_video{

    width: calc(100% - 470px);

}

.box_member .list_video_skin .big_video .box-video{

    position: relative;

    width: 100%;

}

.box_member .list_video_skin .big_video .box-video .thumbnail{

    position: relative;

    width: 100%;

    padding-bottom: 56.25%;

}

.box_member .list_video_skin .big_video .box-video .thumbnail img{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    object-fit: cover;

}

.box_member .list_video_skin .big_video .box-video .thumbnail iframe{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.box_member .list_video_skin .big_video .box-video .thumbnail .icon-play{

    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    object-fit: cover;

    color: #fff;

    font-size: 75px;

    height: 70px;

    width: 70px;

}

.box_member .list_video_skin .big_video .box-video .video-info{

    width: 100%;

    margin-top: 10px;

}

.box_member .list_video_skin .big_video .box-video .video-info .video-title{

    width: 100%;

}

.box_member .list_video_skin .big_video .box-video .video-info .video-title h4{

    width: 100%;

    font-size: 20px;

    font-weight: 700;

}

.box_member .list_video_skin .big_video .box-video .video-info .addthis_inline_share_toolbox{

    margin-top: 10px;

}

.box_member .list_video_skin .small_video{

    width: 450px;

    height: 500px;

    overflow: auto;

}

.box_member .list_video_skin .small_video .box-video{

    position: relative;

    width: 100%;

    display: flex;

    margin-bottom: 10px;

}

.box_member .list_video_skin .small_video .box-video .thumbnail{

    position: relative;

    width: 200px;

    padding-bottom: 110px;

}

.box_member .list_video_skin .small_video .box-video .thumbnail img{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    object-fit: cover;

}

.box_member .list_video_skin .small_video .box-video .thumbnail .icon-play{

    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    object-fit: cover;

    color: #fff;

    font-size: 40px;

    height: 40px;

    width: 40px;

    display: none;

}

.box_member .list_video_skin .small_video .box-video .thumbnail:hover .icon-play{

    display: block;

}

.box_member .list_video_skin .small_video .box-video .video-info{

    width: calc(100% - 200px);

    padding-left: 10px;

    padding-right: 10px;

}

.box_member .list_video_skin .small_video .box-video .video-info .video-title{

    width: 100%;

}

.box_member .list_video_skin .small_video .box-video .video-info .video-title h4{

    width: 100%;

    font-weight: 700;

}

.box_member .list_video_skin .small_video .box-video .video-info .video-count{

    width: 100%;

    margin-top: 5px;

    display: flex;

}

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

    .box_member .list_video_skin {

        width: 100%;

        display: flex;

        padding-top: 10px;

        padding-bottom: 10px;

        padding-right: 10px;

        padding-left: 10px;

        justify-content:center;

        flex-wrap: wrap;

    }

    .box_member .list_video_skin .big_video{

        width: 100%;

    } 

    .box_member .list_video_skin .small_video{

        width: 100%;

        height: 250px;

        overflow: auto;

    }

}

@media all AND (min-width: 769px) AND (max-width: 980px){

    .box_member .list_video_skin {

        width: 100%;

        padding-top: 10px;

        padding-bottom: 10px;

        padding-right: 10px;

        padding-left: 10px;

    }

    .box_member .list_video_skin .big_video{

        width: calc(100% - 320px);

    }

    .box_member .list_video_skin .small_video{

        width: 300px;

        height: 500px;

        overflow: auto;

    }

    .box_member .list_video_skin .small_video .box-video .thumbnail{

        position: relative;

        width: 150px;

        padding-bottom: 80px;

    }

    .box_member .list_video_skin .small_video .box-video .video-info{

        width: calc(100% - 150px);

        padding-left: 10px;

        padding-right: 10px;

    }

}

.box_member .box_title_skin {

    width: 100%;

    background: #eee;

    padding: 10px;

    text-align: center;

}

.box_member .box_title_skin h2{

    font-size: 25px;

    color: #d41e25;

    font-weight: 700;

}

.box_member .box_title_skin .hr{

    position: relative;

    margin: auto;

    width: 200px;

    height: 1px;

    border-bottom: 2px solid #d41e25;

    margin-top: 5px;

}

.box_member .box_title_skin p{

    position: relative;

    margin: auto;

    width: 450px;

    max-width: calc(100% - 20px);

    margin-top: 5px;

}

.box_member .top_skin {

    display: inline-block;

    width: 100%;

    display: flex;

}

.box_member .list_tab_skin {

    position: relative;

    width: 460px;

    max-width: calc(100% - 20px);

    height: 40px;

    margin: auto;

    background: #d41e25;

    margin-top: 20px;

    border-radius: 7px;

    overflow: hidden;

}

.box_member .list_tab_skin .li_tab{

    float: left;

    width: calc(100%/3);

    height: 100%;

    display: flex;

    align-items: center;

    align-content: center;

    justify-content: center;

    color: #fff;

}



.box_member .list_tab_skin .li_tab.active{

    background: #ff0202 !important;

}

.box_member .list_tab_skin .li_tab:hover{

    cursor: pointer;

}

.box_member .top_skin .top_skin_left{

    width: 40%;

    float: left;

}

.box_member .top_skin .top_skin_right{

    width: 60%;

    float: left;

    display: flex;

    flex-wrap: wrap;

}

.box_member .top_skin .top_skin_right .li_top_skin_right{

    width: 50%;

    display: flex;

}

.box_member .top_skin .top_skin_right .li_top_skin_right .icon_top_skin{

    width: 50px;

    font-size: 40px;

    color: #d41e25;

    text-align: center;

}

.box_member .top_skin .top_skin_right .li_top_skin_right .info_top_skin{

    width: calc(100% - 50px);

    padding-left: 10px;

    padding-right: 10px;

}

.box_member .top_skin .top_skin_right .li_top_skin_right .info_top_skin h5{

    color: #d41e25;

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 10px;

}

.box_member .list_skin {

    display: inline-block;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.box_member .list_skin .li_skin{

    width: calc(50% - 20px);

    float: left;

    margin-top: 40px;

}

.box_member .list_skin .li_skin:nth-child(2n+2){

    float: right;

}

.box_member .list_skin .li_skin .li_skin_content{

    border: solid 5px #fff;

    border-radius: 10px;

}

.box_member .list_skin .li_skin .li_skin_content .product-image{

    position: relative;

    border: solid 5px #fff;

    border-radius: 10px;

    box-shadow: -1px 8px 25px -2px #b5b5b5;

}

.box_member .list_skin .li_skin .li_skin_content .product-image .product-overlay{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 99;

    display: flex;

    align-content: center;

    align-items: center;

    justify-content: center;

}

.box_member .list_skin .li_skin .li_skin_content .product-image .product-overlay .add-to-cart a {

    background: linear-gradient(135deg, #f39699 0%, #d41e25 86%);

    /* background: linear-gradient(135deg, #ff7600 0%, #ffa500 86%); */

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    padding: 15px 50px;

    border-radius: 30px;

    display: none;

}

.load_skin{

    width: 100%;

    text-align: center;

    margin-top: 20px;

    display: none;

}

.load_skin span{

    width: 100%;

    background: #d41e25;

    color: #fff;

    padding-top: 7px;

    padding-bottom: 7px;

    border-radius: 20px;

    display: inline-block;

    width: 150px;

    cursor: pointer;

}

.box_member .list_skin .li_skin .li_skin_content .product-des{

    position: relative;

    margin-top: 20px;

    text-align: center;

    color: #d41e25;

}

.box_member .list_skin .li_skin .li_skin_content .product-des .product-title a{

    color: #d41e25;

    font-size: 18px;

    font-weight: 700;

}

.box_member .list_skin .li_skin .li_skin_content .product-price{

    width: 100%;

    height: 30px;

    position: relative;

    text-align: center;

    display: flex;

    justify-content: center;

    align-content: center;

    align-items: center;

}

.box_member .list_skin .li_skin .li_skin_content .product-price .price-old{

    width: 50%;

    height: 100%;

    text-align: left;

    padding: 5px;

    display: flex;

    justify-content: flex-start;

    align-content: center;

    align-items: center;

    color: #9b9b9b;

    font-size: 20px;

    text-decoration: line-through;

}

.box_member .list_skin .li_skin .li_skin_content .product-price .price-new{

    width: 50%;

    height: 100%;

    text-align: right;

    padding: 5px;

    color: #d41e25;

    font-size: 20px;

    font-weight: 700;

    display: flex;

    justify-content: flex-end;

    align-content: center;

    align-items: center;

}

@media all AND (max-width: 480px){

    .box_member .top_skin{

        flex-wrap: wrap;

    }

    .box_member .top_skin .top_skin_left{

        width: 100%;

        float: left;

    }

    .box_member .top_skin .top_skin_right{

        width: 100%;

        float: left;

        display: flex;

        flex-wrap: wrap;

    }

    .box_member .top_skin .top_skin_right .li_top_skin_right {

        width: 100%;

        display: flex;

        margin-top: 10px;

    }

    .box_member .list_skin .li_skin {

        width: calc(100% - 20px);

        float: left;

        margin-top: 40px;

        margin-left: 10px;

    }

    .box_member .list_skin .li_skin:nth-child(2n+2){

        float: left;

    }

}

@media all AND (min-width: 480px) AND (max-width: 581px){

    .box_member .top_skin{

        flex-wrap: wrap;

    }

    .box_member .top_skin .top_skin_left{

        width: 100%;

        float: left;

        text-align: center;

    }

    .box_member .top_skin .top_skin_right{

        width: 100%;

        float: left;

        display: flex;

        flex-wrap: wrap;

    }

    .box_member .top_skin .top_skin_right .li_top_skin_right {

        width: 50%;

        display: flex;

        margin-top: 10px;

    }

    .box_member .list_skin .li_skin {

        width: calc(100% - 20px);

        float: left;

        margin-top: 40px;

        margin-left: 10px;

    }

    .box_member .list_skin .li_skin:nth-child(2n+2){

        float: left;

    }

}

.box_member .container_member {

    display: inline-block;

    width: 100%;

}

@media all AND (min-width: 581px) AND (max-width: 768px){

    .box_member .top_skin{

        flex-wrap: wrap;

    }

    .box_member .top_skin .top_skin_left{

        width: 100%;

        float: left;

        text-align: center;

    }

    .box_member .top_skin .top_skin_right{

        width: 100%;

        float: left;

        display: flex;

        flex-wrap: wrap;

    }

    .box_member .top_skin .top_skin_right .li_top_skin_right {

        width: 50%;

        display: flex;

        margin-top: 10px;

    }

    .box_member .list_skin .li_skin {

        width: calc(100% - 20px);

        float: left;

        margin-top: 40px;

        margin-left: 10px;

    }

    .box_member .list_skin .li_skin:nth-child(2n+2){

        float: left;

    }

}

.box_member .container_member {

    display: inline-block;

    width: 100%;

}

.box_member .container_member .box_left {

    width: 280px;

    padding: 10px 10px;

    float: left;

}



.box_member .container_member .box_right {

    width: calc(100% - 280px);

    padding: 10px 10px;

    float: left;

}



.box_member .container_member .box_left .avatar {

    position: relative;

    margin: auto;

    width: 150px;

    height: 150px;

    border-radius: 50%;

    overflow: hidden;

}



.box_member .container_member .box_left .avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.box_member .container_member .box_left .name {

    text-align: center;

    font-size: 24px;

    margin-top: 10px;

    font-family: SF-Pro-Text-Bold;

}



.box_member .container_member .box_left .email {

    text-align: center;

    color: #777;

    margin-top: 5px;

}



.box_member .container_member .box_left .list_info {

    margin-bottom: 20px;

    margin-top: 10px;

    padding-left: 0;

}



.box_member .container_member .box_left .list_info .list-item {

    position: relative;

    display: block;

    padding: 10px 15px;

    margin-bottom: -1px;

    background-color: white;

    border: 1px solid #ddd;

}



.box_member .container_member .box_left .list_info .list-item:first-child {

    border-top-right-radius: 4px;

    border-top-left-radius: 4px;

}



.box_member .container_member .box_left .list_info .list-item:last-child {

    margin-bottom: 0;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

}



.box_member .container_member .box_right .list_action {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



.box_member .container_member .box_right .list_action .action {

    display: flex;

    width: calc(100%/6);

    padding: 5px 5px;

    height: 125px;

}



.box_member .container_member .box_right .list_action .action a {

    display: flex;

    width: 100%;

    height: 100%;

    border: none;

    padding: 5px 5px;

    text-align: center;

    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);

    border-radius: 4px;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

}



.box_member .container_member .box_right .list_action .action a.active {

    background: #fff700;

}



.box_member .container_member .box_right .list_action .action a img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

}



.box_member .container_member .box_right .list_action .action a h2 {

    width: 100%;

    text-align: center;

    color: #204b45;

    font-size: 12px;

}



.box_member .container_member .box_right h1 {

    width: 100%;

    margin-top: 20px;

    text-align: center;

    font-size: 20px;

    font-family: SF-Pro-Text-Bold;

    color: #204b45;

    text-transform: uppercase;

}



.box_member .container_member .box_right .list_box_tab_banhang {

    position: relative;

    margin: auto;

    width: 100%;

    margin-top: 20px;

}



.box_member .container_member .box_right .list_box_tab_banhang .list_tab {

    height: 40px;

    border-bottom: 1px solid #e9e9e9;

    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);

    color: #fff;

    width: 100%;

    display: flex;

}



.box_member .container_member .box_right .list_box_tab_banhang .list_tab .tab {

    height: 40px;

    line-height: 40px;

    padding-left: 20px;

    padding-right: 20px;

    background: #d5d5d5;

    cursor: pointer;

}



.box_member .container_member .box_right .list_box_tab_banhang .list_tab .tab.active {

    background: #e93100;

}



.box_member .container_member .box_right .list_box_tab_banhang .content_tab {

    width: 100%;

    display: none;

}



.box_member .container_member .box_right .list_box_tab_banhang .content_tab.active {

    width: 100%;

    display: block;

}



.box_member .container_member .box_right .box_profile {

    position: relative;

    margin: auto;

    width: 100%;

    margin-top: 20px;

}

.box_member .container_member .box_right .box_profile .list_thongbao {

    position: relative;

    margin: auto;

    width: 100%;

    margin-top: 20px;

    margin-bottom: 1em;

    border-collapse: collapse;

    border-spacing: 0;

}

.box_member .container_member .box_right .box_profile .list_thongbao .li_thongbao{

    width: 100%;

    margin-bottom: 10px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: center;

    align-content: center;

    padding-bottom: 10px;

    border-bottom: 1px dashed #dedede;

}

.box_member .container_member .box_right .box_profile .list_thongbao .li_thongbao:last-of-type{

    border-bottom: none;

}

.box_member .container_member .box_right .box_profile .list_thongbao .li_thongbao .minh_hoa{

    width: 80px;

    height: 80px;

    overflow: hidden;

}

.box_member .container_member .box_right .box_profile .list_thongbao .li_thongbao .minh_hoa img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 5px;

}

.box_member .container_member .box_right .box_profile .list_thongbao .li_thongbao .info{

    width: calc(100% - 90px);

}

.box_member .container_member .box_right .box_profile .list_thongbao .li_thongbao .info .name{

    font-weight: 500px;

}

.box_member .container_member .box_right .box_profile .list_thongbao .li_thongbao .info .name a:hover{

    color: #f00;

}

.box_member .container_member .box_right .box_profile .list_thongbao .li_thongbao .info .name a span{

    color: #fff;

    background: #f00;

    padding-left: 5px;

    padding-right: 5px;

    margin-right: 5px;

    height: 16px;

    font-size: 12px;

    line-height: 14px;

    display: inline-block;

    border-radius: 3px;

}

.box_member .container_member .box_right .box_profile .list_thongbao .li_thongbao .info .time{

    color: #9d9d9d;

    font-style: italic;

}

.box_member .container_member .box_right .box_profile .list_donhang {

    position: relative;

    margin: auto;

    width: 100%;

    margin-top: 20px;

    margin-bottom: 1em;

    border-collapse: collapse;

    border-spacing: 0;

}



.box_member .container_member .box_right .box_profile .list_donhang th,

.box_member .container_member .box_right .box_profile .list_donhang td {

    text-align: left;

    padding: 15px;

    border: 1px solid #e1e1e1;

    color: #1c1c1c;

}



.box_member .container_member .box_right .box_profile .list_donhang th a:hover,

.box_member .container_member .box_right .box_profile .list_donhang td a:hover {

    color: #f60;

}



.box_member .container_member .box_right .box_profile .col_100 {

    width: 100%;

}



.box_member .container_member .box_right .box_profile .col_50 {

    width: 50%;

    padding-right: 15px;

    float: left;

}



.box_member .container_member .box_right .box_profile .col_30 {

    width: calc(100%/3);

    padding-right: 15px;

    float: left;

}



.box_member .container_member .box_right .box_profile .box_avatar {

    position: relative;

    margin: auto;

    width: 200px;

    height: 200px;

    border-radius: 50%;

    overflow: hidden;

    cursor: pointer;

    margin-bottom: 10px;

}



.box_member .container_member .box_right .box_profile .box_avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.box_member .container_member .box_right .box_profile .change_avatar {

    cursor: pointer;

    color: #f60;

}



.box_member .container_member .box_right .box_profile .title_muc {

    font-size: 16px;

    font-family: SF-Pro-Text-Bold;

    color: #204b45;

    text-transform: uppercase;

    margin-top: 10px;

    margin-bottom: 10px;

}



.box_member .container_member .box_right .box_profile .title_muc_2 {

    font-family: SF-Pro-Text-Bold;

    margin-top: 10px;

    margin-bottom: 10px;

}



.box_member .container_member .box_right .box_profile .table_danhsach {

    width: 100%;

    margin-bottom: 20px;

    border-collapse: collapse;

}



.box_member .container_member .box_right .box_profile .table_danhsach th {

    text-align: center;

    border: 1px solid #ddd;

    padding: 7px;

    font-size: 14px;

    font-weight: 700;

    background: #006fbc;

    color: #fff;

}



.box_member .container_member .box_right .box_profile .table_danhsach.print th {

    text-align: center;

    border: 1px solid #ddd;

    padding: 7px;

    font-size: 14px;

    font-weight: 700;

    background: #fff;

    color: #212529;

}



.box_member .container_member .box_right .box_profile .table_danhsach td {

    border: 1px solid #ddd;

    padding: 7px;

    font-size: 14px;

}



.box_member .container_member .box_right .box_profile .table_danhsach td input {

    width: 100%;

    border: 1px solid #ddd;

    padding: 5px 5px;

}



.box_member .container_member .box_right .box_profile .table_danhsach td .del_row {

    display: inline-block;

    width: 100%;

    height: 100%;

    color: #f60;

}



.box_member .container_member .box_right .box_profile .table_danhsach td h2 {

    font-weight: 700;

}



.box_member .container_member .box_right .box_profile .table_danhsach td i {

    color: #9c5e5e;

}



.box_member .container_member .box_right .box_profile .table_danhsach td .ma_don {

    text-transform: uppercase;

}



.box_member .container_member .box_right .box_profile .table_danhsach td .status {

    color: #fff;

    padding: 5px 15px;

    border-radius: 15px;

}



.box_member .container_member .box_right .box_profile .table_danhsach td a.action_more {

    background: #006fbc;

    color: #fff;

    padding: 5px 15px;

}



.box_member .container_member .box_right .box_profile hr {

    margin-top: 10px;

    margin-bottom: 10px;

    border: 0;

    border-top: 1px solid #eee;

}



.box_member .container_member .box_right .box_profile .add_list {

    padding: 10px 10px;

    background: #006fbc;

}



.box_member .container_member .box_right .box_profile .box_text {

    padding: 10px 10px;

    border: 1px solid #abd4f0;

    background: #dff2ff;

    margin-bottom: 7px;

}



.box_member .container_member .box_right .box_profile .tieu_ngu {

    text-transform: uppercase;

    text-align: center;

    font-weight: 700;

    font-size: 18px;

}



.box_member .container_member .box_right .box_profile .tieu_ngu_2 {

    text-align: center;

    font-size: 18px;

}



.box_member .container_member .box_right .box_profile .input_dashed {

    text-align: center;

    border: none;

    height: 25px;

    box-shadow: 0 0 0 0 rgb(136 152 170 / 15%) !important;

    text-transform: uppercase;

    border-bottom: 1px dashed #dedede;

    border-radius: 0px;

}



.box_member .container_member .box_right .box_profile .text_inline {

    line-height: 40px;

}



.box_member .container_member .box_right .box_profile .text_inline .text_left {

    float: left;

    display: inline-block;

    width: 80px;

    padding-right: 10px;

    text-align: right;

}



.box_member .container_member .box_right .box_profile .text_inline input {

    width: calc(100% - 80px);

    float: left;

}



.box_member .container_member .box_right .box_profile .text_inline .text_right {

    width: 380px;

    padding-left: 10px;

    text-align: right;

}



.box_member .container_member .box_right .box_profile .li_text {

    line-height: 30px;

    width: 100%;

    display: inline-block;

}



.box_member .container_member .box_right .box_profile .text_center {

    text-align: center;

    width: 100%;

    display: inline-block;

}



.box_member .container_member .box_right .box_profile .li_text .text_left {

    float: left;

    display: inline-block;

    width: 120px;

    padding-right: 10px;

    text-align: right;

}



.box_member .container_member .box_right .box_profile .li_text .text_right {

    font-weight: 700;

}



.box_member .container_member .box_right .box_profile .li_text .text_right .status {

    color: #fff;

    padding: 5px 15px;

    border-radius: 15px;

}



.box_member .container_member .box_right .box_profile .button_print {

    margin: auto;

    margin-top: 20px;

    display: inline-block;

    border: none;

    padding: 10px 25px;

    text-align: center;

    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);

    border-radius: 15px;

    font-size: 20px;

    border: 1px solid #f60;

    background: #f60;

    color: #fff;

}



.text_note {

    width: 100%;

    padding: 30px 10px;

    color: #856404;

    background-color: #fff3cd;

    border-color: #ffeeba;

    position: relative;

    padding: .75rem 1.25rem;

    margin-bottom: 1rem;

    border: 1px solid transparent;

    border-radius: .5rem;

    text-align: center;

}



.text_note h2 {

    font-size: 20px;

    margin-bottom: 20px;

    font-weight: 700;

}



footer {

    display: block;

}



/** top footer **/

footer .top-footer {

    padding-top: 32px;

    padding-bottom: 32px;

    background: #f7f7f7;

    width: 100%;

}



footer .top-footer h4 {

    font-size: 25px;

    font-weight: 500;

    line-height: 1.5;

}



footer .top-footer .form_newsletter_customer {

    text-align: center;

    margin-top: 10px;

}



footer .top-footer .form_newsletter_customer input {

    height: 40px;

    background: #fff;

    padding-left: 10px;

    padding-right: 10px;

    width: 400px;

    border: none;

    border-radius: 5px 0px 0px 5px;

}



footer .top-footer .form_newsletter_customer button {

    height: 40px;

    background: #ffb208;

    padding-left: 15px;

    padding-right: 15px;

    border: none;

    color: #333;

    cursor: pointer;

    border-radius: 0px 5px 5px 0px;

}

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

    footer .top-footer .form_newsletter_customer button {

        height: 40px;

        background: #ffb208;

        padding-left: 15px;

        padding-right: 15px;

        border: none;

        color: #333;

        cursor: pointer;

        border-radius: 5px;

        margin-top: 10px;

    }

    footer .top-footer .form_newsletter_customer input#email_website{

        height: 40px;

        background: #fff;

        padding-left: 10px;

        padding-right: 10px;

        width: calc(100% - 20px);

        border: none;

        border-radius: 5px;

    }

}



/** mid footer **/

.mid-footer {

    padding-top: 40px;

    background: #fff;

}



.footer-click {

    flex: 0 0 25%;

    max-width: 25%;

    padding-left: 10px;

    padding-right: 10px;

}



.logo-wrapper {

    margin-top: 10px;

    display: block;

}



.mid-footer .title-menu {

    margin: 0px 0px 17px;

    font-size: 16px;

    font-weight: bold;

    font-stretch: normal;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.mid-footer .title-menu .fa {

    transition: transform .3s ease-out;

    display: none;

}



.single-contact {

    display: flex;

    align-items: baseline;

    font-size: 15px;

    margin-bottom: 10px;

}



.single-contact .fa,

.single-contact .fas {

    color: #ffb208;

    margin-right: 5px;

    width: 20px;

    flex: 0 0 20px;

    font-size: 16px;

    text-align: center;

}



.mid-footer .title-menu.open_ .fa {

    transform: rotate(180deg);

}



.mid-footer .list-menu {

    list-style: none;

    padding: 0px;

}



.mid-footer .list-menu .li_menu {

    width: 100%;

    margin-bottom: 10px;

}



.mid-footer .list-menu .link {

    font-size: 14px;

}



.mid-footer .follow_option li+* {

    margin-left: 1rem;

}



.mid-footer .follow_option .link {

    font-size: 25px;

    color: #ffb208;

}



@media (max-width: 767px) {

    .mid-footer .list-menu.toggle-mn {

        display: none;

    }

}



.copyright {

    height: 37px;

    background: #f7f7f7;

    line-height: 37px;

    text-align: center;

}



.fot_copyright {

    font-size: 14px;

}



#mobile-menu {

    position: fixed;

    left: -100%;

    top: 0;

    width: 300px;

    height: 100%;

    background: #fff;

    z-index: -1;

    opacity: 0;

    overflow-y: auto;

    padding-bottom: 45px;

}



#mobile-menu.active {

    left: 0;

    z-index: 99999;

    opacity: 1;

}



#mobile-menu .user-menu {

    background: #ffd400;

    color: #333;

    padding: 10px 15px;

}



#mobile-menu .user-menu .media-body a {

    color: #333;

}



#mobile-menu .d-flex {

    display: -ms-flexbox !important;

    display: flex !important;

}



#mobile-menu .flex-column {

    -ms-flex-direction: column !important;

    flex-direction: column !important;

}



#mobile-menu .d-block {

    display: block !important;

}



#mobile-menu .media {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: start;

    align-items: flex-start;

}



#mobile-menu .shop-policises {

    flex-direction: column;

    align-items: start;

    align-items: flex-start !important;

}



#mobile-menu .shop-policises {

    justify-content: flex-start;

}



#mobile-menu .shop-policises li {

    padding: 10px 15px;

    --header-color: var(--text-color);

}



#mobile-menu .shop-policises li {

    display: flex;

    align-items: center;

}



#mobile-menu .shop-policises div {

    width: 24px;

    height: 24px;

    padding: 4px;

    margin-right: 6px;

    display: flex;

    align-items: center;

    justify-content: center;

}



#mobile-menu .shop-policises .link {

    font-size: 16px;

}



#mobile-menu .mobile-menu-footer {

    position: absolute;

    bottom: 0px;

    left: 0px;

    background: #f4f4f4;

    font-size: 16px;

}



#mobile-menu .p-2 {

    padding: .5rem !important;

}



#mobile-menu .w-50 {

    width: 50% !important;

}



#mobile-menu .border-left {

    border-left: 1px solid #dee2e6 !important;

}



#mobile-menu .text-center {

    text-align: center !important;

}



#mobile-menu .w-100 {

    width: 100% !important;

}



#mobile-menu .align-items-center {

    -ms-flex-align: center !important;

    align-items: center !important;

}



#mobile-menu .mr-3,

#mobile-menu .mx-3 {

    margin-right: 1rem !important;

}



#mobile-menu .align-self-center {

    -ms-flex-item-align: center !important;

    align-self: center !important;

}



#mobile-menu .border-top {

    border-top: 1px solid #dee2e6 !important;

}



#mobile-menu .user-menu .fas {

    font-size: 24px;

}



#mobile-menu .fa,

#mobile-menu .fas {

    font-weight: 900;

}



#mobile-menu .list-group-item.active {

    z-index: 2;

    color: initial;

    background-color: initial;

    border-color: initial;

}



#mobile-menu .navigation .menu-item.active .submenu {

    display: block;

    position: fixed;

    left: 0;

    top: 0;

    width: 300px;

}



#mobile-menu .toggle-submenu {

    margin-left: -20px;

    margin-right: -20px;

    margin-top: -15px;

    background: #eee;

    padding: 10px 15px;

    margin-bottom: 15px;

    color: var(--text-color);

    font-size: 16px;

    text-transform: uppercase;

}



#mobile-menu .navigation .submenu__list {

    --col-menu: 1;

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(calc(100%/1), 1fr));

    grid-gap: 10px 5px;

    padding: 0px;

    list-style: none;

}



#open-filters {

    display: none;

}



.mobile-filters {

    display: none;

}



@media all AND (max-width: 980px) {

    .row {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin-right: 0px;

        margin-left: 0px;

    }



    .container {

        width: 100%;

        display: inline-block;

    }



    header .main-header-mobile {

        display: inline-block;

    }



    header .main-header {

        display: none;

    }



    header .sub-header {

        display: none;

    }



    .home-top {

        width: 100%;

        height: auto;

        margin-bottom: 0px;

        display: block;

    }



    .home-top .box_cat {

        display: none;

    }



    .home_box .title_box h2 {

        font-size: 16px;

    }

    .home_deal .heading-bar .heading-bar__title {

        font-size: 16px;

    }

    .home_deal .heading-bar .flashsale__countdown-wrapper {

        margin-left: 0px;

    }

    .home_deal .heading-bar .top_hotdeal {

        width: 225px;

    }

    .home_deal .button_more {

        padding-right: 3px;

        padding-left: 3px;

    }

    .home-top .box_slide {

        position: relative;

        float: left;

        width: 100%;

        height: 1px;

        padding-bottom: 45%;

    }



    .home-top .box_slide .swiper-container {

        position: absolute;

        margin: auto;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

    }



    .home_brand .container {

        padding-left: 0px;

        padding-right: 0px;

    }



    .tab_box .tab .li_hinhanh {

        width: 100%;

        position: relative;

        min-height: 1px;

        padding-right: 10px;

        padding-left: 10px;

        flex: 0 0 100%;

        margin-top: 10px;

    }



    .tab_box .tab .li_product {

        width: 50%;

        position: relative;

        min-height: 1px;

        padding-right: 10px;

        padding-left: 10px;

        flex: 0 0 50%;

        margin-top: 10px;

    }



    .tab_box .tab .list_product {

        width: 100%;

        position: relative;

        min-height: 1px;

        padding-right: 10px;

        padding-left: 10px;

        flex: 0 0 100%;

        margin-top: 10px;

    }



    .home_box .title_box ul {

        display: flex;

        margin-top: 10px;

    }



    .tab_box .tab .box_news_left {

        position: relative;

        float: left;

        width: 100%;

        padding: 10px;

        height: auto;

    }

    .home_box .title_box .button_more {

        border: none;

        padding-left: 3px;

        padding-right: 3px;

    }

    .tab_box .tab .box_news_right {

        position: relative;

        float: left;

        width: 100%;

        padding: 10px;

        padding-left: 0px;

        height: auto;

    }



    .tab_box .tab .box_news_right .li_news .content_news p {

        display: none;

    }



    .tab_box .tab .box_news_right .li_news .content_news h3,

    .tab_box .tab .box_news_right .li_news .content_news h3 a.link {

        font-weight: normal;

        line-height: 1.2;

        font-size: 16px;

        font-weight: 500;

    }



    .tab_box .tab .li_product .product-content .group_action {

        display: none;

    }



    footer .top-footer .form_newsletter_customer input {

        height: 40px;

        background: #fff;

        padding-left: 10px;

        padding-right: 10px;

        width: 225px;

        border: none;

        border-radius: 5px 0px 0px 5px;

    }



    .footer-click {

        flex: 0 0 100%;

        max-width: 100%;

        padding-left: 10px;

        padding-right: 10px;

    }



    .mid-footer .title-menu .fa {

        transition: transform .3s ease-out;

        display: block;

        font-size: 20px;

    }



    .main_tintuc .box_left {

        display: none;

    }



    .main_tintuc .box_right {

        width: 100%;

        padding: 10px;

    }



    .main_tintuc .box_right .tab .li_product {

        width: 50%;

        position: relative;

        min-height: 1px;

        padding-right: 10px;

        padding-left: 10px;

        flex: 0 0 50%;

        margin-top: 10px;

    }



    .main_tintuc .box_right .tab .li_product .product-content .group_action {

        display: none;

    }



    .main_tintuc .box_right .li_tintuc {

        display: block;

        padding-right: 0px;

    }



    .main_tintuc .box_right .li_tintuc .minh_hoa {

        width: 100%;

        margin-right: 0px;

    }



    .main_tintuc .box_right .li_tintuc .minh_hoa img {

        width: 100%;

    }



    .main_tintuc .box_right .li_tintuc .info {

        width: 100%;

        margin-top: 10px;

    }



    .box_member .container_member {

        display: block;

    }



    .box_member .container_member .box_left {

        width: 100%;

        padding: 10px 10px;

        float: left;

    }



    .box_member .container_member .box_right {

        width: 100%;

        padding: 10px 10px;

        float: left;

    }



    .box_member .container_member .box_right .box_profile {

        position: relative;

        margin: auto;

        width: 100% !important;

        margin-top: 20px;

    }



    .box_member .container_member .box_right .box_profile .responsive {

        overflow-x: auto;

    }



    .box_member .container_member .box_right .list_action {

        width: 100%;

        display: inline-block;

        margin-bottom: 20px;

    }



    .box_member .container_member .box_right .list_action .action {

        width: calc(100%/3);

        padding: 5px 5px;

        height: 125px;

        float: left;

    }



    .box_member .container_member .box_right .box_profile .col_30 {

        width: 100%;

        padding-right: 0px;

        float: left;

    }



    .box_member .container_member .box_right .box_profile .list_donhang {

        width: 840px;

    }



    .box_member .container_member .box_right .list_action .action a img {

        width: 50px;

        height: 50px;

        border-radius: 50%;

    }



    .box_product_detail .product_img {

        width: 100%;

        display: block;

    }



    .box_product_detail .product_img .big {

        width: 100%;

        height: calc(100vw - 20px);

        display: block;

        padding: 0px;

    }



    .box_product_detail .product_img .small {

        width: 100%;

        display: block;

        padding: 0px;

        margin-top: 10px;

    }



    .box_product_detail .product_info {

        width: 100%;

        display: block;

    }



    .box_product_detail .product_info .left_info {

        width: 100%;

        display: inline-block;

        padding-left: 0px;

        padding-right: 0px;

    }



    .box_product_detail .product_info .right_info {

        width: 100%;

        display: inline-block;

        padding-left: 0px;

        padding-right: 0px;

    }



    .box_product_detail .box_content {

        width: 100%;

        padding-top: 10px;

        display: block;

    }



    .box_product_detail .box_content .noidung {

        width: 100%;

        padding-right: 0px;

    }



    .box_product_detail .box_content .thongso {

        width: 100%;

        margin-top: 10px;

    }



    .box_shopcart .shopcart_left .list_shopcart {

        text-transform: none;

        font-weight: 400;

        font-size: 14px;

        padding: 0px;

    }



    .box_shopcart .shopcart_left {

        width: 100%;

        padding: 10px;

    }



    .box_shopcart .shopcart_right {

        width: 100%;

        padding: 10px;

        padding-top: 30px;

        padding-right: 0px;

        border-left: 1px solid #eee;

    }



    .box_shopcart .shopcart_left .list_shopcart .li_shopcart .info {

        width: calc(100% - 100px);

        display: block;

    }



    .box_shopcart .shopcart_left .list_shopcart .li_shopcart .info .tieude {

        position: relative;

        width: 100%;

        padding-left: 10px;

        display: inline-block;

        vertical-align: middle;

    }



    .box_shopcart .shopcart_left .list_shopcart .li_shopcart .price {

        width: 100px;

        font-weight: 700;

        align-items: center;

        justify-content: center;

        display: block;

        margin-top: 10px;

        padding-left: 10px;

    }



    .box_shopcart .shopcart_left .list_shopcart .li_shopcart .box_quantity {

        width: 120px;

        display: flex;

        align-items: center;

        justify-content: center;

        margin-top: 10px;

    }



    .box_product_detail .product_info .left_info .box_noibat {

        width: 100%;

        padding: 10px;

        background: #1e90ff;

        margin-top: 10px;

        color: #fff !important;

        height: auto;

    }



    .box_product_detail .product_info .right_info .product-policises-wrapper.noi_bat {

        height: auto;

        margin-top: 10px;

    }



    .flashsale__bottom {

        font-size: 13px;

    }



    .main_tintuc .box_right #sort-by {

        position: relative;

        font-size: 16px;

        background: #fff;

        border-bottom: 1px solid #eee;

        padding-top: 5px;

        display: block;

        flex-wrap: wrap;

        align-items: center !important;

    }



    .main_tintuc .box_right #sort-by {

        position: relative;

        font-size: 16px;

        background: #fff;

        border-bottom: 1px solid #eee;

        padding-top: 5px;

        display: block;

        flex-wrap: wrap;

        align-items: center !important;

        width: 100%;

        height: 40px;

    }



    .main_tintuc .box_right #sort-by .content_ul {

        margin: auto;

        font-size: 16px;

        background: #fff;

        display: block;

        flex-wrap: wrap;

        float: left;

        position: absolute;

        top: 0px;

        left: 68px;

        z-index: 999;

        align-items: center !important;

        justify-content: space-between !important;

        border: 1px solid #eee;

        border-radius: 6px;

        width: 115px;

        height: 30px;

    }



    .main_tintuc .box_right #sort-by .content_ul:after {

        font-family: "FontAwesome";

        content: "\f078";

        position: absolute;

        margin: auto;

        right: 5px;

        top: 5px;

        font-size: 12px;

    }



    .main_tintuc .box_right #sort-by .content_ul:hover {

        height: auto;

    }



    .main_tintuc .box_right #sort-by .content_ul li {

        display: none;

        height: 30px;

        font-size: 14px;

        border-bottom: 1px solid #eee;

    }



    .main_tintuc .box_right #sort-by .content_ul li:last-of-type {

        border-bottom: none;

    }



    .main_tintuc .box_right #sort-by .content_ul li.active {

        display: block;

        border-bottom: none;

    }



    .main_tintuc .box_right #sort-by .content_ul li:hover {

        border-bottom: 1px solid #eee;

        color: #1e90ff;

    }



    .main_tintuc .box_right #sort-by .content_ul:hover li {

        display: block;

    }



    .main_tintuc .box_right #sort-by .content_ul li a {

        color: #898989 !important;

    }



    .main_tintuc .box_right #sort-by .content_ul li:hover a {

        color: #1e90ff !important;

    }



    #open-filters {

        display: block;

        position: absolute;

        right: 0px;

        top: 0;

        cursor: pointer;



    }



    .mobile-filters {

        position: fixed;

        top: 0;

        right: 0;

        z-index: 99999;

        height: 100vh;

        width: 300px;

        padding: 10px;

        background: #fff;

        overflow-y: auto;

        padding-bottom: 10px;

        display: none;

    }



    .mobile-filters.active {

        display: block;

    }



    .mobile-filters .aside-title {

        width: 100%;

        padding-left: 10px;

        padding-top: 10px;

        padding-right: 0px;

        padding-bottom: 0px;

    }



    .mobile-filters .title-head {

        width: 100%;

        text-transform: uppercase;

        font-weight: 400;

        font-size: 16px;

    }



    .mobile-filters .title_border {

        border-top: 1px solid #eee;

        padding-top: 10px;

    }



    .mobile-filters .aside-content {

        width: 100%;

        padding-left: 10px;

    }



    .mobile-filters .list_where {

        width: 100%;

        margin-top: 10px;

        display: inline-block;

    }



    .mobile-filters .list_where input[type=checkbox] {

        display: none;

    }



    .mobile-filters .list_where li {

        position: relative;

        display: inline-block;

        width: 100%;

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 5px;

        height: 25px;

    }



    .mobile-filters .list_where.list_size li {

        position: relative;

        display: inline-block;

        float: left;

        width: 38px;

        height: 30px;

        border: 1px solid #dedede;

        text-align: center;

        line-height: 30px;

        margin-right: 5px;

        font-size: 13px;

        margin-bottom: 5px;

        text-transform: uppercase;

    }



    .mobile-filters .list_where.list_size li.active {

        color: #fff;

        background: #1e90ff;

        border: 1px solid #1e90ff;

    }



    .mobile-filters .list_where label {

        display: inline-block;

        width: 100%;

        cursor: pointer;

    }



    .mobile-filters .list_where .fa {

        display: inline-block;

        width: 20px;

        height: 20px;

        font-size: 20px;

        margin-right: 5px;

    }



    .mobile-filters .list_where .fa-check-square {

        color: #1e90ff;

    }



    .mobile-filters .list_where li.color {

        padding-left: 30px;

    }



    .mobile-filters .list_where li .select_color {

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        display: inline-block;

        height: 18px;

        width: 18px;

        font-size: 12px;

        color: #fff;

        text-align: center;

        box-shadow: 0 4px 8px rgb(0 0 0 / 10%);

    }



    .mobile-filters .list_where li .select_color .fa {

        font-size: 12px;

        color: #fff;

        text-align: center;

        text-shadow: 2px 2px 3px #f60;

    }



    .button-filters {

        width: 100%;

        background: #fff;

        border: none;

        text-align: left;

        font-size: 16px;

        cursor: pointer;

        height: 30px;

    }



    .button-filters .fa {

        margin-right: 20px;

    }



}



@media all AND (max-width: 360px) {

    .tab .li_product .product-content .price-box {

        display: block !important;

        align-items: center !important;

        justify-content: space-between !important;

    }



    .tab .li_product .product-content .price {

        font-size: 14px !important;

    }



    .tab .li_product .product-content .compare-price {

        color: var(--text-secondary-color);

        text-decoration: line-through;

        font-size: 11px !important;

    }

}



@media print {

    @page {

        size: portrait,

            margin: 0;

    }



    table {

        width: 100%;

    }

}