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

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport { width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus { outline: 0 !important; }
.footer {
    background-image: url(upload/hinhanh/backdropfooder-7410.jpg);
    background-repeat: no-repeat;
}

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; font-size: 18px; }

h1, h2 { margin-top: 0; margin-bottom: 0.5rem; font-size: 20px; }

p { margin-top: 0; margin-bottom: 0; font-size: 16px;}

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin: 0; padding: 0; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { 
    vertical-align: middle; 
    border-style: none; 
    max-width: 100%;
    height: auto;
}
.header_tel_wrap.flex-between-center {
    align-items: center;
    width: 350px;
}
svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0; }

button { border-radius: 0; }

/*button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }*/

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

label {margin-bottom: 0;}

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; } }

@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }

.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }

.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }

.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }

.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }

@media (print), (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } }
@font-face { font-family: 'Roboto'; font-display: block; src: url("FontFace/RobotoBold.woff2") format("woff2"), url("FontFace/RobotoBold.woff") format("woff"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Roboto'; font-display: block; src: url("FontFace/RobotoRegular.woff2") format("woff2"), url("FontFace/RobotoRegular.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face {font-family: 'OpenSansRegular'; src: url('FontFace/OpenSans-Regular.woff2') format('woff2'), url('FontFace/OpenSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'SairaSemiCondensedExtraBold'; src: url('FontFace/SairaSemiCondensed-ExtraBold.woff2') format('woff2'), url('FontFace/SairaSemiCondensed-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; }
@font-face {font-family: 'SairaSemiCondensedSemiBold'; src: url('FontFace/SairaSemiCondensed-SemiBold.woff2') format('woff2'), url('FontFace/SairaSemiCondensed-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face {font-family: 'OpenSansBold'; src: url('FontFace/OpenSans-Bold.woff2') format('woff2'), url('FontFace/OpenSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; }
@font-face {font-family: 'UTMColossalis'; src: url('FontFace/UTMColossalis.woff2') format('woff2'), url('FontFace/UTMColossalis.woff') format('woff'); font-weight: normal; font-style: normal; }


.about, .bottom { width: 1200px; margin-left: auto; margin-right: auto; position: relative; }
@media screen and (max-width: 1200px) { .about, .bottom { width: auto; padding-left: 15px !important; padding-right: 15px !important; } }
.header-top-contact.text-left {
    text-align: center;
    background-color: #008d78;
    padding: 5px;
    font-size: large;
}
.header_top {
    padding: 0px 0px 10px 0px;
}
.elementor-element.elementor-element-cc0f319.elementor-column.elementor-col-25.elementor-inner-column {
    max-width: 400px;
}

.mg0 { margin: 0; }

.mb { margin-bottom: 15px; }

.center-layout { width: 1200px; margin-left: auto; margin-right: auto; position: relative; }
@media screen and (max-width: 1200px) { .center-layout { width: auto; padding-left: 15px !important; padding-right: 15px !important; } }

.effect-1 .w-img img, .effect-1 .w-img:before, .effect-1 .w-img:after, .effect-img img, .effect-img:before, .effect-img:after, .effect-zoom img, .slider-custom-dots .owl-dot, .slider-custom-dots .owl-dot:after, .projects-items__name, .about-detail, .product-nav li, .product-items__name, .footer-row, .post-items__info, .pd-detail__addcart, .pd-detail__buynow, .effect-input input { -webkit-transition: all .8s; transition: all .8s; }

.d-none { display: none; }

.d-block { display: block; }

.clearfix:after { content: ""; display: block; clear: both; }

.w-img { display: block; }

.w-img img { display: block; max-width: 100%; }

.center-img img{margin: 0 auto;}

.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-center, .flex-center-center, .menu #frmSearch, .flex-between-center, .pd-detail__quantity, .breadcrumb span, .flex-between, .pd-detail__quantity div, .pd-detail__cart, .breadcrumb .center-layout, .pagination, .pagination_ajax, .pagination_ajax ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pagination, .pagination_ajax { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.flex-center-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center;justify-content: center;}

.flex-between-center, .pd-detail__quantity, .breadcrumb span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-between-center, .pd-detail__quantity, .pd-detail__quantity div, .pd-detail__cart { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.effect-1 .w-img { position: relative; overflow: hidden; }
.effect-1 .w-img:before { position: absolute; content: ""; width: 0; height: 0; left: 15px; top: 15px; z-index: 33; background: transparent; border-top: 0 solid #fff; border-left: 0 solid #fff; }
.effect-1 .w-img:after { position: absolute; content: ""; width: 0; height: 0; right: 15px; bottom: 15px; z-index: 33; background: transparent; border-bottom: 0 solid #fff; border-right: 0 solid #fff; }
.effect-1:hover .w-img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.effect-1:hover .w-img:before { width: calc(100% - 30px); height: calc(100% - 30px); border-top-width: 1px; border-left-width: 1px; }
.effect-1:hover .w-img:after { width: calc(100% - 30px); height: calc(100% - 30px); border-bottom-width: 1px; border-right-width: 1px; }

.effect-img { position: relative; overflow: hidden; }
.effect-img:before { position: absolute; content: ""; width: 0; height: 0; left: 15px; top: 15px; z-index: 33; background: transparent; border-top: 0 solid #fff; border-left: 0 solid #fff; }
.effect-img:after { position: absolute; content: ""; width: 0; height: 0; right: 15px; bottom: 15px; z-index: 33; background: transparent; border-bottom: 0 solid #fff; border-right: 0 solid #fff; }
.effect-img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.effect-img:hover:before { width: calc(100% - 30px); height: calc(100% - 30px); border-top-width: 1px; border-left-width: 1px; }
.effect-img:hover:after { width: calc(100% - 30px); height: calc(100% - 30px); border-bottom-width: 1px; border-right-width: 1px; }

.effect-zoom { overflow: hidden; }
.effect-zoom:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.effect-input { overflow: hidden; }
.effect-input:hover input { -webkit-transform: scale(1.1); transform: scale(1.1); }
html, header, section.body, footer { width: 100%; margin: 0 auto; }

.w-clear:after{display:block; content:""; clear:both;}
.container{ max-width: 1200px;  margin: 0 auto; }
.row{margin-bottom: 20px;}
/*contact_tpl*/
.text-center{padding-top: 10px;}
.title-contact { font-weight: bold; font-size: 20px; color: #333; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 15px; position: relative; margin-top: 20px;}
.title-contact:after { position: absolute; content: ''; width: 50px; height: 2px; background: #046835; left: 0px; bottom: 0px; }

#frmContact input { display: block; width: 100%; height: 40px; border: 0; border-bottom: 1px solid #ced4da; background: transparent; position: relative; z-index: 5; }
#frmContact textarea { display: block; width: 100%; height: 100px; border: 0; border-bottom: 1px solid #ced4da; background: transparent; position: relative; z-index: 5; resize: none; padding: 10px 0; font-size: 13px; }
#frmContact input::-webkit-input-placeholder, #frmContact textarea::-webkit-input-placeholder { color: #666; }
#frmContact input:-ms-input-placeholder, #frmContact textarea:-ms-input-placeholder { color: #666; }
#frmContact input::-ms-input-placeholder, #frmContact textarea::-ms-input-placeholder { color: #666; }
#frmContact input::placeholder, #frmContact textarea::placeholder { color: #666; }
#frmContact input:focus, #frmContact textarea:focus { -webkit-box-shadow: 0 2px #046835; box-shadow: 0 2px #046835; border-bottom: 1px solid #046835; }
#frmContact input:focus::-webkit-input-placeholder, #frmContact textarea:focus::-webkit-input-placeholder { color: #046835; }
#frmContact input:focus:-ms-input-placeholder, #frmContact textarea:focus:-ms-input-placeholder { color: #046835; }
#frmContact input:focus::-ms-input-placeholder, #frmContact textarea:focus::-ms-input-placeholder { color: #046835; }
#frmContact input:focus::placeholder, #frmContact textarea:focus::placeholder { color: #046835; }
#frmContact input[type="file"] { margin-top: 10px; }
#frmContact button[type="submit"] { display: inline-block; width: 120px; height: 40px; font-family: "Roboto"; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; background: #046835; border: 0; cursor: pointer; }
#frmContact button[type="reset"] { display: inline-block; width: 120px; height: 40px; font-family: "Roboto"; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; background: #5a5a5a; border: 0; cursor: pointer; }
.g-recaptcha { margin: 10px 0; }
#w-map-contact { width: 100%; height: 500px; }
#w-map-contact iframe { width: 100%; height: 100%; border: 0; }
/*ajax_phantrang*/
.pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; list-style-type: none; }
.pagination li { margin: 3px; line-height: 35px; }
.pagination li a { display: block; background: #ebebeb; padding: 0 5px; min-width: 35px; text-align: center; color: #000; }
.pagination li a.current, .pagination li a:hover { background: #333; color: #fff; }

.pagination_ajax { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; }
.pagination_ajax ul { list-style-type: none; }
.pagination_ajax ul li { width: 35px; font-family: 'Roboto'; font-size: 16px; color: #333; text-align: center; line-height: 35px; background: #f2f2f2; margin: 2px; border-radius: 50%;}
.pagination_ajax ul li a { color: #333; }
.pagination_ajax ul li:hover, .pagination_ajax ul li:hover a, .pagination_ajax ul li.actived, .pagination_ajax ul li.actived a { background: #d10000; color: #fff; cursor: pointer; }
/*HinhAnh_tpl*/
.gallery-items{margin: 10px 0;}
/*about_tpl*/
.title_baiviet { font-weight: bold; font-size: 21px; color: #3b6c03; margin-bottom: 20px; padding-bottom: 5px; position: relative; text-transform: uppercase;margin-top: 15px;}
.title_baiviet:before { position: absolute; content: ''; width: 50px; height: 3px; background: #046835; border-radius: 1px; left: 0; bottom: 0; }
.title_baiviet:after { position: absolute; content: ''; width: calc(100% - 52px); height: 3px; background: #ccc; border-radius: 1px; left: 52px; bottom: 0; }
/*news_tpl*/
.news_tpl_grid{display: grid; grid-template-columns: repeat(2,1fr);grid-gap: 35px;margin-top: 30px;grid-column-gap: 25px;}
.news_tpl_items{border-bottom: 1px solid #ccc;padding-bottom: 50px;}
.news_tpl_img{width: 40%;}
.news_tpl_info{width: 60%; padding-left: 20px;}
.news_tpl_name{display: block;color: rgb(57, 71, 82);font-size: 20px;font-weight: bold;text-transform: uppercase;}
.news_items_mota{display: block;color: #5a5a5a;padding-top: 10px;font-size: 15px;font-family: 'Roboto';}
.news_tpl__detail{margin-left: 20px;display: inline-block;font-family: 'Roboto';color: #f00;padding: 6px 15px;font-style: italic;margin-top: 20px;}
.news_tpl__detail:hover{text-decoration: underline;}


.news-items{border: 1px solid #e6e6e6;padding-bottom: 30px;}
.news-items:hover .news-items__name{color: red}
.news-items__name{display: block;font-size: 14px;color: #333333;text-transform: capitalize;margin-top: 15px;text-align: center;font-weight: bold}
.news-items__mota{display: block;text-align: center;font-size: 13px;color: #5b5b5b;}

/*news_detail*/
.post-related ul { list-style-type: none; }
.post-related ul li a { display: block; margin: 5px 0; padding-left: 15px; font-size: 15px; color: #333; line-height: 23px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; }
.post-related ul li a:before { position: absolute; content: ''; width: 7px; height: 7px; background: #666; left: 0; top: 7px; }
.post-related ul li a:hover { color: #046835; }
.post-related ul li a:hover:before { background: #046835; }
.post-related__title { border-bottom: 2px solid #046835; margin-bottom: 10px; }
.post-related__title span { display: inline-block; font-family: "Roboto"; font-weight: bold; font-size: 18px; color: #fff; padding: 5px 20px; background: #046835; }

/*product_detail*/
.pd-detail { width: 100%; }
.pd-detail__left { width: 30%; }
.pd-detail__right { width: 68%; }
.pd-detail__name { display: block; font-size: 22px; color: #020759; margin-bottom: 10px;text-transform: uppercase; font-weight: bold;}
.pd-detail__row { border-top: 1px solid #eff0f5; padding: 15px 0;}
.pd-detail__oldprice { font-size: 14px; color: #9e9e9e; text-decoration: line-through; margin-right: 5px; }
.pd-detail__saleprice { font-size: 14px; color: #212121; }
.pd-detail__price { font-size: 20px; color: #e02020; display: block;}
.pd-detail__price_si { font-size: 20px; color: red; }
.pd-detail__quantity { width: 200px; margin: 15px 0 20px; }
.pd-detail__quantity p { font-size: 14px; color: #9e9e9e; }
.pd-detail__quantity div { width: 110px; }
.pd-detail__quantity span { display: block; width: 32px; height: 32px; cursor: pointer; }
.pd-detail__quantity .amount-minus { background: url("../images/minus.png") no-repeat center #fafafa; }
.pd-detail__quantity .amount-minus:hover { background: url("../images/minus.png") no-repeat center #dfdfe0; }
.pd-detail__quantity .amount-plus { background: url("../images/plus.png") no-repeat center #eff0f5; }
.pd-detail__quantity .amount-plus:hover { background: url("../images/plus.png") no-repeat center #dfdfe0; }
.pd-detail__quantity input { width: 45px; height: 32px; background: #fff; text-align: center; font-size: 16px; border: 0; }
.pd-detail__addcart { width: calc(50% - 5px); height: 43px; font-size: 16px; color: #fff; text-align: center; cursor: pointer; background: #ffb916; border: 0; border-radius: 3px; }
.pd-detail__addcart:hover { background: #e59b11; }
.pd-detail__buynow { width: calc(50% - 5px); height: 43px; font-size: 16px; color: #fff; text-align: center; cursor: pointer; background: #f57224; border: 0; border-radius: 3px; }
.pd-detail__buynow:hover { background: #d0611e; }
.pd-detail__content { padding-top: 10px; }
.pd-detail__content iframe{width: 100%;}
.pd-detail__properties { font-size: 15px; }
.selectors { position: relative; padding: 0 20px; margin-top: 10px; }
.selectors .custom-owl-prev { position: absolute; content: ""; width: 11px; height: 21px; background: url("../images/icon/prev.jpg") no-repeat; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 0; cursor: pointer; }
.selectors .custom-owl-next { position: absolute; content: ""; width: 12px; height: 21px; background: url("../images/icon/next.jpg") no-repeat; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 0; cursor: pointer; }
.selectors .w-img { border: 1px solid #dadada; border-radius: 2px; }
.selectors .mz-thumb, .selectors .mz-thumb:focus { display: block; }
.selectors .mz-thumb-selected { border-color: #f57224; }
.selectors .mz-thumb-selected img { -webkit-filter: none; filter: none; }

/*product*/
.projects_grid{display: grid; grid-template-columns: repeat(5,1fr);grid-gap: 20px;margin-top: 25px;}
.projects_grid_nav{display: grid; grid-template-columns: repeat(4,1fr);grid-gap: 20px;margin-top: 25px;}
.projects-items{
    border: 1px solid #cacaca;
    background: #fff;
}
.projects-items_img{position: relative;border: 1px solid #ededed;}
.projects-items_img .w-img img{height: initial;}
.projects_sale{position: absolute;top: 5px;right: 5px;text-transform: uppercase;color: #fff;font-family: 'MuliBold';font-size: 15px;background: #156cd8;padding: 3px 10px;}
.muahang{position: absolute;bottom: -40px;left: 50%;transform: translate(-50%);color: #fff;background: #008d78;padding: 5px 10px;font-size: 14px;font-family: 'OpenSansRegular';width: 145px;text-align: center;border-radius:8px;}
.muahang:hover{cursor: pointer;}
.projects-items__name{display: block;font-size: 14px;color: #2d2d2d;text-align: center;font-family: 'OpenSansBold';margin-top: 40px;height: 50px;}
.projects-items:hover .projects-items__name{color: #d10000;}
.projects-items__mota{display: block;text-align: center;font-size: 13px;color: #5b5b5b;}
.projects-items__price{
    font-family: 'OpenSansBold';
    color: #ffffff;
    font-size: 14px;
    display: block;
    text-align: center;
    background: #008d78;
}
.projects-items__price label{
    color: #f4fa06;
}
.price{text-decoration: line-through;}
.price_promotion {color: #810000;}


/*album*/
.gallery-items__name{display: block;font-weight: bold;font-size: 15px;text-align: center;color: #333333}
.box{width: 100%;}
.box__header { background: #fafafa; margin: -10px -10px 0 -10px; padding: 10px 20px; font-size: 20px; color: #000; }
/*#full{max-width: 100%; min-width: 1200px; margin: 0 auto;}*/

/*news_index*/
.news_grid{display: grid; grid-template-columns: repeat(4,1fr);grid-gap: 25px;margin-top: 15px;}
.news_items__img{border:1px solid #dedede;padding: 5px;}
.news_info{padding: 20px 0;}
.news_items__name{display: block;color: #222222;font-size: 15px;font-weight: bold;text-transform: uppercase;text-align: center;}
.news_items:hover .news_items__name{color: #3cbada;}

/*header*/
.header_wrap{padding-bottom: 5px;}
.header_top{padding: 10px 0;}
.logo_wrap{margin-right: 20px;}
/*.header_tel_wrap{margin-right: 75px;margin-left: 90px;}*/
.header_tel_wrap img{margin-right: 15px;}
.header_tel span{display: block;font-size: 30px;color: #e8232a;font-family: 'UTMColossalis';line-height: 35px;}
.icon_cart{position: relative;}
.icon_cart .fa-shopping-cart{color: #ed4f55;font-size: 32px;display: inline-block;}
.count_cart{position: absolute;top: -5px;right: 0;height: 20px;width: 20px;border-radius: 50%;background: #07b3c5;color: yellow;line-height: 20px;text-align: center;}

.header_bottom .container{background: #008d78;border-radius: 10px;border-bottom: 5px solid #07bbce;padding-right: 10px;}
.menu-grid { display: grid; grid-template-columns: repeat(7,auto) ;width: 75%;list-style-type: none;}
.menu-grid ul { display: none; list-style-type: none; position: absolute; width: 220px; left: 0; top: 100%; z-index: 99999; }
.menu-grid li { position: relative; z-index: 9999; }
.menu-grid > li > ul ul { left: 100%; top: 0; }
.menu-grid a { display: block; font-size: 15px; color: #fff;font-family: 'OpenSansBold'; }
.menu-grid > li > a { text-align: center; line-height: 65px; text-transform: uppercase;position: relative;}
.menu-grid > li > a:after{position: absolute;content: '';background: url(../images/line_menu.png) no-repeat;width: 2px;height: 19px;left: 100%;top: 50%;transform: translateY(-50%);} 
.menu-grid > li > a:before{position: absolute;content: '';background: url(../images/hover_menu.png) no-repeat;width: 23px;height: 13px;bottom: 0;left: 50%;transform: translateX(-50%);display: none;}
.menu-grid > li:last-child > a:after{display: none;}
.menu-grid > li > ul a { text-transform: capitalize; padding: 5px 10px; background: #156cd8; border-bottom: 1px solid #ffffff57; color: #fff;}
/*.menu-grid > li > ul li:hover > a{} */
.menu-grid li:hover > ul { display: block; }
.menu-grid li:hover > a , .menu-grid li.actived > a {color: #ff0; }
.menu-grid > li:hover > a:before , .menu-grid li.actived > a:before {display: block; }
.menu-fixed { position: fixed !important; background: #fff; width: 100%; left: 0; top: 0; bottom: initial; z-index: 9999999; -webkit-animation: fadeInDown .5s; animation: fadeInDown .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.TimKiem #frmSearch { width: 250px; height: 35px;position: relative;margin-right: 15px;}
.TimKiem #frmSearch input {width: 100%; height: 100%;  border: 0;text-indent: 10px;font-size: 13px;background: #fff;color: #000;border: 1px solid #cacaca;border-radius: 20px;}
.TimKiem #frmSearch input::placeholder{font-size: 13px;font-family: 'OpenSansRegular';color: #4670ab;}
.TimKiem #frmSearch button {position: absolute;right: 5%;top: 50%; transform: translateY(-50%);width: 20px; height: 20px; border: 0; background: url("../images/kinhlup.png") no-repeat center; outline: none;cursor: pointer;}

.slider-owl .slider-items img{height: 400px;}


.productTypical_wrap{
    padding: 40px 0;
    background: url(/images/bg-paper.png);
}
.productTypical_title {font-family: 'SairaSemiCondensedExtraBold';font-size: 30px;color: #e8232a;display: block;text-align: center;text-transform: uppercase;}
.productTypical-owl{margin-top: 30px;}

.product_wrap{
    padding: 40px 0 60px;
}
.projects_list{margin-top: 15px;text-align: center;}
.projects_list_name{display: inline-block;margin: 0 3px;border: 1px solid #d9dedd;padding: 10px;border-radius: 5px;font-family: 'OpenSansBold';font-size: 14px;text-transform: uppercase;margin-bottom: 10px;}
.projects_list_name:hover{background: #07bbce;border: none;cursor: pointer;color: #fff;}
.projects_list_name.active{background: #07bbce;border: none;color: #fff;}
.projects_xemthem_wrap{display: block;
    width: 100px;
    margin: 20px auto !important;
    text-align: center;
    font-size: 16px;
    color: #eff4f3;
    font-weight: 500;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    background-image: linear-gradient(#31addb,#2680a1);
}
.projects_xemthem_wrap a{display: inline-block;color: #fff;font-size: 15px;text-transform: capitalize;font-family: 'OpenSansBold';}

.dangkynhantin_wrap{padding: 50px 0 70px;background-size: cover;}
.dangkynhantin_left{width: 47.91%;}
.dangkynhantin_right{width: 50%;}
.dknt_title{text-align: center;text-transform: uppercase;font-family: 'SairaSemiCondensedSemiBold';font-size: 36px;color: #fff;display: block;}
.dknt_txt{text-align: center;font-family: 'OpenSansRegular';font-size: 14px;color: #c8c6c6;display: block;width: 80%;margin: 0 auto;}
.dknt_mail{text-align: center;font-family: 'OpenSansBold';font-size: 14px;color: #07bbce;display: block;margin-bottom: 15px;margin-top: 5px;}

#frmNewsLetter{width: 90%;margin: 0 auto;position: relative;}
#frmNewsLetter input{width: 100%;height: 55px;text-indent: 30px;border: 1px solid #ffffff14;background: #f5f6f7;color: #fff;border-radius: 35px;}
#frmNewsLetter input::placeholder {color: #ffffff40;font-style: italic;}
#frmNewsLetter input[type="submit"]{position: absolute;top: 0; right: 0;width: calc(100% - 425px);text-indent: 0;font-family: 'OpenSansBold';font-size: 18px;text-transform: uppercase;color: #fff;background: #e8232a;border-radius: 0 35px 35px 0;}
#frmNewsLetter input[type="submit"]:hover{cursor: pointer;background: red;color: yellow;}

.tintuc_video_wrap{
    margin-top: 50px;
    margin-bottom: 50px
}
.tintuc_video_flex{display: flex;margin-top: 40px;}
.tintuc_wrap{width: 60.8%;}
.video_wrap{width: 39.2%;}
.vert { width: 100%; height: 460px;}
.vert .simply-scroll-clip { width: 100%; height: 100%; }
#scroller li{margin-bottom: 40px;height: 205px;display: table;}
.news_img{width: 38%;}
.news_info{width: 62%;padding-right: 55px;padding-left: 35px;}
.news_date_wrap{display: flex;align-items: center;margin-bottom: 15px;}
.news_date{background: #e8232a;color: #fff;padding: 5px;margin-right: 10px;}
.news_date span{display: block;text-align: center;font-size: 15px;}
.news_date span:first-child{font-family: 'OpenSansBold';text-decoration: underline;}
.news_date span:last-child{font-family: 'OpenSansRegular';}
.news_name{display: block;font-family: 'OpenSansBold';font-size: 15px;color: #333333;}
.news_mota{display: block;font-family: 'OpenSansRegular';font-size: 15px;color: #333333;}

.fotorama__stage {height: 365px !important;width: 100% !important;}
.fotorama__stage img{height: 365px !important; width: 100% !important;left: 0 !important;}

.tag_wrap{position: relative;top: 47px;}
.tag_wrap .container{display: flex;color: #fff;justify-content: space-between;}
.tag_title{background: #173442;width: 75px;font-size: 15px;font-family: 'SairaSemiCondensedExtraBold';text-transform: uppercase;text-align: center;padding: 25px 0;position: relative;}
.tag_title:after{position: absolute;content: '';background: url(../images/before_tag.png) no-repeat;width: 31px;height: 100%;background-size: 100% 100%;top: 0;right: 100%;}
.tag_main{background: #07b3c5;padding: 15px 30px;width: calc(100% - 75px);position: relative;}
.tag_main:after{position: absolute;content: '';background: url(../images/after_tag.png) no-repeat;width: 30px;height: 100%;background-size: 100% 100%;top: 0;left: 100%;}
.tag_item{padding-right: 15px;color: #fff;font-family: 'OpenSansRegular';}
.tag_item:after{position: absolute;content: '';width: 2px;height: 15px;background: #19c3d5;right: 0;top: 50%;transform: translateY(-50%);}
.tag_item:last-child:after{display: none;}
.tag_item:hover {color: #f6ff00;}

/*footer*/
.footer{background-size: cover;}
.footer_grid { display: grid; grid-template-columns: 47.08% 22.5% 30.4%;padding: 90px 0 35px;}
.footer-col:last-child { padding: 0;}
.footer-row { display: block; font-size: 15px; margin-bottom: 10px; color: #fff;font-family: 'Helvetica';}
.footer-row > span{padding-left: 10px;}
.footer-row:hover a, .footer-row:hover{ color: #ff0; -webkit-transform: translate(5px, 0); transform: translate(5px, 0); }

.footer_title{font-family: 'SairaSemiCondensedSemiBold';font-size: 18px;color: #f6ff00;text-transform: uppercase;margin-bottom: 25px;}
.footer_company{font-family: 'SairaSemiCondensedExtraBold';font-size: 22px;color: #1d71ab;text-transform: uppercase;margin-bottom: 20px;}
.gsc-control-cse {
    font-family: arial, sans-serif;
    display: none;
}

.cth_list{list-style: none;margin-bottom: 10px;}
.cth_list a{font-family: 'OpenSansRegular';font-size: 15px;color: #fff;display: block;line-height: 35px;}
.cth_list a b{margin-right: 10px;}
.cth_list a:hover{color: #ff0;}
.tk_grid{display: grid;grid-template-columns: repeat(2,1fr);line-height: 35px;width: 225px;}
.tk_grid span{font-family: 'OpenSansRegular';font-size: 15px;color: #fff;}
.tk_grid span:nth-child(even){font-family: 'HelveticaBold';}

.copyright{color: #fff;border-top: 1px solid #ffffff2b;font-family: 'OpenSansRegular';}
.copyright-content { padding: 18px 0;}
.copyright span { color: #fff;font-size: 12px;}
.copyright-right span { padding: 0 10px; position: relative; }
.copyright-right span:after { position: absolute; content: ""; width: 1px; height: 10px; background: #fff; left: 100%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.copyright-right span:last-child { padding-right: 0; }
.copyright-right span:last-child:after { display: none; }
.copyright-left{margin: 0 auto;}
.copyright-left, .copyright-left span{font-size: 12px;color: #fff;}
.copyright-left span{font-weight: bold;text-transform: uppercase;}

/*#w-map-footer iframe{border:none;width: 100%;height: 500px;}*/
.map1{position: relative;}
.map1-nav{position: absolute;top: 10px;list-style: none;z-index: 99999;left: 20px;}
.map1-nav li{font-size: 18px;color: #333333;padding: 10px 20px; margin-right: 20px;border:1px solid black;border-radius: 10px;background: #fff;font-family: 'OpenSansRegular';display: inline-block;margin-bottom: 10px;}
.map1-nav li:hover{background: #1160ae;color: #fff;cursor: pointer;}
.map1-nav .map_tab.active{background: #1160ae;color: #fff;}
.map1-content iframe{width: 100%;}

#foo { display: none; }
.shopping_cart_wrap{position: relative;}
.header_cart_number{position: absolute;top: -10px;right: -10px;color: #fff;background: #b20000;border-radius: 50%;padding: 3px 9px;margin-bottom: 0;}
.cart-mini { width: calc(100% - 20px); max-width: 600px; background: #fff; }
.cart-mini__header { font-size: 18px; font-weight: bold; color: #888; padding-bottom: 10px; text-transform: capitalize; border-bottom: 1px solid #eee; }
.cart-mini__body { font-size: 14px; color: #666; padding: 15px 0; }
.cart-mini__footer { padding-top: 15px; border-top: 1px solid #eee; }
.cart-mini__button { padding: 7px 13px; border: 2px solid #1d88e2; font-size: 13px; color: #1d88e2; }
.cart-mini__button:hover { background: #1d88e2; color: #fff; }
.cart-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.cart-layout__col { width: 32%; }
.cart-layout__col:first-child { padding-left: 10px; }
.cart-layout__title { font-size: 18px; font-weight: bold; color: #222; margin-bottom: 10px; }
.cart-layout__col:first-child .form-control { margin-bottom: 10px; font-family: "Roboto"; font-size: 13px; color: #333; }
.payment-method { border: 1px solid #d9d9d9; border-bottom: 0; }
.payment-method:first-child { border-radius: 5px 5px 0 0; overflow: hidden; }
.payment-method:last-child { border-bottom: 1px solid #d9d9d9; border-radius: 0 0 5px 5px; overflow: hidden; }
.payment-method__header { padding: 10px 15px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.input-radio, .input-checkbox { color: inherit; font: inherit; margin: 0; padding: 0; -webkit-appearance: none; -webkit-font-smoothing: inherit; border: none; background: transparent; line-height: normal; width: 18px; height: 18px; -webkit-box-shadow: 0 0 0 0 #bbbbbb inset; box-shadow: 0 0 0 0 #bbbbbb inset; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; cursor: pointer; vertical-align: -4px; outline: 0; border: 1px solid; }
.input-radio:after { position: absolute; content: ""; width: 4px; height: 4px; background: #fff; border-radius: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.input-radio:checked, .input-checkbox:checked { -webkit-box-shadow: 0 0 0 10px #b20000 inset; box-shadow: 0 0 0 10px #b20000 inset; border: 0; }
.payment-method__header input { border-color: #d9d9d9; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 10px; border-radius: 50%; }
.payment-method__header span { width: calc(100% - 28px); font-size: 17px; color: #444; }
.payment-method__body { padding: 15px; font-family: "Roboto"; display: none; background: #f7f7f7; }
.payment-method__body.active { display: block; }
.cart-layout__col:last-child { background: #fbfbfb; border-left: 1px solid #eee; padding-bottom: 20px; }
.cart-layout__col:last-child .cart-layout__header { padding: 10px 80px 10px 10px; border-bottom: 1px solid #eee; font-size: 18px; font-weight: bold; color: #222; }
.cart-layout__body { padding: 0 10px 10px 10px; }
.cart-items { border-bottom: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.cart-items__image { width: 100px; padding: 10px 0; margin-right: 10px;}
.cart-items__name { color: #333;}
.cart-items__info { width: calc(100% - 130px); padding: 10px 0; }
.cart-items__action { width: 25px; background: #b20000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }
.cart-items__delete svg { width: 18px; height: 18px; }
.cart-items__delete svg path { fill: #fff; }
.cart-items__unit {  font-size: 13px; color: #333; }
.cart-items__price { font-weight: bold; font-size: 15px; color: #b20000; margin-top: 5px; }
.cart-items__quantity { width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.cart-items__quantity span { width: 30px; cursor: pointer; }
.cart-items__quantity span:hover { background-color: #f1f1f1; }
.pd-detail__right button{  width: 150px; height: 40px; background: #0342ac; border-radius: 3px; border: 0; font-weight: bold; font-size: 18px; text-align: center; text-transform: uppercase; color: #fff; cursor: pointer;margin-top: 10px;}
.pd-detail__right button:hover { background: #ea2339; }
.cart-items__quantity input { width: 50px; height: 30px; border: 0; text-align: center; background: #eee; font-weight: bold; font-size: 14px; }
.cart-items__quantity .amount-minus { background: url("../images/icon/minus.png") no-repeat center #ccc; }
.cart-items__quantity .amount-plus { background: url("../images/icon/plus.png") no-repeat center #ccc; }
.cart-layout__discountcode { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #eee; }
.cart-layout__discountcode input { width: calc(100% - 85px); height: 37px; border: 1px solid #eee; border-radius: 3px; padding-left: 10px; }
.cart-layout__discountcode input:focus { -webkit-box-shadow: 0 0 0 2px #b20000 inset; box-shadow: 0 0 0 2px #b20000 inset; }
.cart-layout__discountcode button { width: 75px; height: 35px; background: #b20000; border-radius: 3px; border: 0; font-family: "Roboto"; font-size: 13px; color: #fff; text-align: center; cursor: pointer; }
.cart-layout__discountcode button:hover { background: #3fcc1f; }
.cart-layout__row { padding: 10px 0; font-family: "Roboto"; font-size: 14px; color: #555; }
.cart-layout__row .flex-between-center { margin-bottom: 7px; }
.cart-layout__row .flex-between-center:last-child { margin-bottom: 0; }
.cart-layout__total { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#OrderTotal { font-family: Helvetica Neue, sans-serif; font-weight: bold; color: #b20000; font-size: 20px; }
.cart-layout__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.cart-layout__button a { color: #b20000; font-size: 15px; }
.cart-layout__button button { width: 150px; height: 40px; background: #0342ac; border-radius: 3px; border: 0; font-weight: bold; font-size: 18px; text-align: center; text-transform: uppercase; color: #fff; cursor: pointer; }
.cart-layout__button button:hover { background: #ea2339; }
.cart-layout__button a:hover { color: #ea2339; }

.container_nav{width: 76.25%;}
.danhmuc_left{width: 23.75%;margin-top: 15px;margin-right: 20px;}
.product_title_DM{color: #383838; font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; display: block; padding: 14px 15px;background: rgb(22, 136, 197);text-align: center;}
.product_title_DM .fa-bars{margin-right: 10px;}
.menu-nav{list-style-type: none; border: 1px solid #ddd;position: relative;z-index: 99;}
.menu-nav ul { display: none; list-style-type: none; position: absolute; width: 220px; left: 100%; top: 0; z-index: 99999; background: #fff;border: 1px solid #ddd;}
.menu-nav li { position: relative; z-index: 9999; border-bottom: 1px solid #ddd;padding: 10px;}
.menu-nav li:last-child{border: none;}
.menu-nav a { display: block; font-size: 16px; color: #333;font-family: 'OpenSansRegular'; }
.menu-nav li:hover > ul { display: block; }
.menu-nav > li:hover , .menu-nav li:hover li  {background: #eee;}
.menu-nav > li:hover > a , .menu-nav li:hover > a  {color: #0342ac;}

.danhsachbanchay{margin-top: 20px;}
.sanphambanchaytrangtrong{display: grid;grid-template-columns: repeat(1,1fr);}
.pro_man_item{border: 1px solid #ddd;border-top: none;}
.pro_man_img{width: 30%;}
.pro_man_info{width: 70%;margin-left: 10px;}
.pro_man_name{color: #383838;font-size: 13px;}
.pro_man_name:hover{color: #0342ac;}
.pro_man_price{font-size: 16px;color: #ed1c24;font-weight: bold;margin-top: 10px;}
/* Css Tại Sao */
.footer-block2{
    text-align: justify;
    border: 2px dashed #11B6CC;
    border-radius: 5px;
    font-size: 10pt;
    margin: auto;
    padding: 20px;
}
.footer-block2 table {
    width: 100%;
    font-size: 18px;
    margin-top: 20px;
}
.footer-block2>table>tbody>tr>td {
    width: 50%;
    display: table-cell;
    border: 1px dashed #11b6cc;
    padding-left: 20px;
}
.box-image {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}
.taisao-tp{
    padding: 40px 0 60px;
}
.lienhe-tp{
    padding: 40px 0 60px;
    background: url(/images/bg-paper.png);
}
.taisao h2 {
    color: #333333;
    font-family: 'SairaSemiCondensedExtraBold';
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.box.has-hover.box-text-bottom {
    padding-top: 15px;
}
/* Css Backgroup */
.imghomebt {
    height: 25px;
    background: url(/images/bglayer-up.svg);
    position: relative;
    margin-top: -23px;
    z-index: 1;
}
.imghomebt3 {
    height: 25px;
    background: url(/images/bglayer-up-1.png);
    position: relative;
    margin-top: -23px;
    z-index: 1;
}
.imghomebt4 {
    height: 25px;
    background: url(/images/bglayer-down-1.png);
    position: relative;
    margin-bottom: -23px;
    z-index: 1;
}
@media only screen and (max-width: 480px){
.lienhe-tp{
    display: none;
}
.taisao-tp-1 {
    display: none;
}
}