*, *::before, *::after { box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-weight: normal; }
label { display: inline-block; margin-bottom: 0.5rem; }
select { word-wrap: normal; }
video { max-width: 100%; }
textarea { overflow: auto; resize: vertical; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
input, button, select, optgroup, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;outline: none;}
button, input { overflow: visible; }
button, select { text-transform: none; }
[role="button"] { cursor: pointer; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }
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"] { box-sizing: border-box; padding: 0; }
[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-decoration { -webkit-appearance: none; }
[hidden] { display: none !important; }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }
output { display: inline-block; }
summary { display: list-item; cursor: pointer; }
template { display: none; }
img { vertical-align: middle; }
html { font-size: 16; }
body { font-size: 14px; font-size: 0.875rem; }
.container { margin-left: auto; margin-right: auto; }
.container-fluid { padding-left: 0.85rem; padding-right: 0.85rem; }
.container .container { width: 100%; padding: 0; }
body {/* min-width: 1349px; */}
.container {max-width: 1230px;width: 100%;padding-left: 15px;padding-right: 15px;}
.clearfix:after { content: ""; display: table; clear: both; }
.h1_tieude { position: absolute; z-index: -1; top: -2000px; }
.img { max-width: 100%; height: auto; }
.w-100 { width: 100%; }
.w-1200 { width: 1200px; margin: 0 auto; }
.db { display: block; }
.di-b { display: inline-block; }
.df { display: flex; }
.di-f { display: inline-flex; }
.dt { display: table; }
.di-t { display: inline-table; }
.dg { display: grid; }
.di-g { display: inline-grid; }
.fill { flex: 1 1 0; }
.df.wrap { flex-wrap: wrap; }
.df.ai-center { align-items: center; }
.df.ai-start { align-items: flex-start; }
.df.ai-end { align-items: flex-end; }
.df.jc-center { justify-content: center; }
.df.jc-start { justify-content: flex-start; }
.df.jc-end { justify-content: flex-end; }
.df.jc-between { justify-content: space-between; }
.df.jc-around, .df.jc-evently { justify-content: space-around; }
.header-title {width: 100%;/* background: url(../images/h2_bottom.png) bottom center no-repeat; *//* padding-bottom: 20px; */margin-bottom: 15px;text-align: center;position: relative;padding-top: 30px;}
.header-title .label{
  color: #333333;
  font-family: futurabook;
  font-size: 13px;
  width: 44px;
  top: 0;
  height: 18px;
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  background: url(../images/label.png) center no-repeat;
  right: 0;
}
.header-title .h2-title {color: #393939;font-size: 35px;font-family: impact;text-transform: uppercase;font-weight: normal;line-height: 1.3;position: relative;}
.header-title .desc {font-family: roboto-regular;font-size: 15px;color: #000;}
.header-title .h2-title > span{
  position:relative;
  /* padding: 0 65px; */
  /* background: url(../images/h_before.png) left center no-repeat,url(../images/h_after.png) right center no-repeat */
}
.header-long-title { height: 50px; background-color: #f5f5f5; position: relative; margin-bottom: 30px; }
.header-long-title:before { content: ""; position: absolute; width: 100%; height: 2px; background-color: #11cb02; top: 0; left: 0; }
.header-long-title .h2-long-title { display: inline-flex; height: inherit; align-items: center; background: #11cb02 url(../images/h2-long-title-before.jpg) left center no-repeat; padding-left: 50px; padding-right: 30px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; font-family: french; font-size: 27px; color: #FFF; min-width: 180px; }
.header-long-title .long-title-right { position: absolute; right: 0; top: 0; height: inherit; display: flex; align-items: center; }
.header-long-title .long-title-right span { padding: 0 15px; position: relative; }
.header-long-title .long-title-right span:not(:last-child):after { content: ""; height: 15px; width: 1px; background-color: #000; position: absolute; display: block; right: 0; top: 2px; }
.header-long-title .long-title-right span:last-child:before { content: url(../images/m_icon.png); margin-right: 5px; }
.header-long-title .long-title-right a { color: #333; font-family: muli-regular; display: inline-block; }
.header-long-title .long-title-right a.xemthem { color: #11cb02; }
.header-long-title .long-title-right a:hover { color: #11cb02; }
.header-title.reverse .h2-title,.header-title.reverse .label{
  color: #fff;
}
.product_list_item { text-align: right; }
.line { position: relative; }
.line:before { position: absolute; }
.line.stroke:before {content: "";width: 60px;height: 1px;background-color: #ffffff;}
.line.bottom-left:before { bottom: 0; left: 0; }
.line.bottom-center:before { bottom: 0; left: 0; right: 0; margin: 0 auto; }
.line.bg.header-title:before { content: url("../images/header-title.png"); }
.img { max-width: 100%; height: auto; }
.fit { width: 100%; }
.strech { width: 100%; height: 100%; }
.pos-a { position: absolute; }
.pos-r { position: relative; }
.pos-f { position: fixed; }
.pos-s { position: sticky; }
.top-0 { top: 0%; }
.bottom-0 { bottom: 0%; }
.left-0 { left: 0%; }
.right-0 { right: 0%; }
.top-10 { top: 10%; }
.bottom-10 { bottom: 10%; }
.left-10 { left: 10%; }
.right-10 { right: 10%; }
.top-20 { top: 20%; }
.bottom-20 { bottom: 20%; }
.left-20 { left: 20%; }
.right-20 { right: 20%; }
.top-30 { top: 30%; }
.bottom-30 { bottom: 30%; }
.left-30 { left: 30%; }
.right-30 { right: 30%; }
.top-40 { top: 40%; }
.bottom-40 { bottom: 40%; }
.left-40 { left: 40%; }
.right-40 { right: 40%; }
.top-50 { top: 50%; }
.bottom-50 { bottom: 50%; }
.left-50 { left: 50%; }
.right-50 { right: 50%; }
.top-60 { top: 60%; }
.bottom-60 { bottom: 60%; }
.left-60 { left: 60%; }
.right-60 { right: 60%; }
.top-70 { top: 70%; }
.bottom-70 { bottom: 70%; }
.left-70 { left: 70%; }
.right-70 { right: 70%; }
.top-80 { top: 80%; }
.bottom-80 { bottom: 80%; }
.left-80 { left: 80%; }
.right-80 { right: 80%; }
.top-90 { top: 90%; }
.bottom-90 { bottom: 90%; }
.left-90 { left: 90%; }
.right-90 { right: 90%; }
.top-100 { top: 100%; }
.bottom-100 { bottom: 100%; }
.left-100 { left: 100%; }
.right-100 { right: 100%; }
.pt-0 { padding-top: 0%; }
.pb-0 { padding-bottom: 0%; }
.pl-0 { padding-left: 0%; }
.pr-0 { padding-right: 0%; }
.pt-10 { padding-top: 10%; }
.pb-10 { padding-bottom: 10%; }
.pl-10 { padding-left: 10%; }
.pr-10 { padding-right: 10%; }
.pt-20 { padding-top: 20%; }
.pb-20 { padding-bottom: 20%; }
.pl-20 { padding-left: 20%; }
.pr-20 { padding-right: 20%; }
.pt-30 { padding-top: 30%; }
.pb-30 { padding-bottom: 30%; }
.pl-30 { padding-left: 30%; }
.pr-30 { padding-right: 30%; }
.pt-40 { padding-top: 40%; }
.pb-40 { padding-bottom: 40%; }
.pl-40 { padding-left: 40%; }
.pr-40 { padding-right: 40%; }
.pt-50 { padding-top: 50%; }
.pb-50 { padding-bottom: 50%; }
.pl-50 { padding-left: 50%; }
.pr-50 { padding-right: 50%; }
[class*="row-"] { display: flex; flex-wrap: wrap; }
.row-5 { margin-left: -5px; margin-right: -5px; }
.row-5 [class*="items-"] { padding-left: 5px; padding-right: 5px; }
.row-10 {margin-left: -10px;margin-right: -10px;}
.row-10 [class*="items-"] { padding-left: 10px; padding-right: 10px; }
.row-15 { margin-left: -15px; margin-right: -15px; }
.row-15 [class*="items-"] { padding-left: 15px; padding-right: 15px; }
.row-20 {margin-left: -20px;margin-right: -20px;}
.row-20 [class*="items-"] { padding-left: 20px; padding-right: 20px; }
.row-25 { margin-left: -25px; margin-right: -25px; }
.row-25 [class*="items-"] { padding-left: 25px; padding-right: 25px; }
.row-30 { margin-left: -30px; margin-right: -30px; }
.row-30 [class*="items-"] { padding-left: 30px; padding-right: 30px; }
.row-35 { margin-left: -35px; margin-right: -35px; }
.row-35 [class*="items-"] { padding-left: 35px; padding-right: 35px; }
.row-40 { margin-left: -40px; margin-right: -40px; }
.row-40 [class*="items-"] { padding-left: 40px; padding-right: 40px; }
.items-1 { width: 100%; }
.items-2 { width: 50%; }
.items-3 { width: 33.33333%; }
.items-4 { width: 25%; }
.items-5 { width: 20%; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.no-gutters { margin-right: 0; margin-left: 0; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; }
.row-cols-1 > * { flex: 0 0 100%; max-width: 100%; }
.row-cols-2 > * { flex: 0 0 50%; max-width: 50%; }
.row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; }
.row-cols-4 > * { flex: 0 0 25%; max-width: 25%; }
.row-cols-5 > * { flex: 0 0 20%; max-width: 20%; }
.row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
.col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
.col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
.col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.order-first { order: -1; }
.order-last { order: 13; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.offset-1 { margin-left: 8.33333%; }
.offset-2 { margin-left: 16.66667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.33333%; }
.offset-5 { margin-left: 41.66667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333%; }
.offset-8 { margin-left: 66.66667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.33333%; }
.offset-11 { margin-left: 91.66667%; }
@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; }
  .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-sm-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { order: -1; }
  .order-sm-last { order: 13; }
  .order-sm-0 { order: 0; }
  .order-sm-1 { order: 1; }
  .order-sm-2 { order: 2; }
  .order-sm-3 { order: 3; }
  .order-sm-4 { order: 4; }
  .order-sm-5 { order: 5; }
  .order-sm-6 { order: 6; }
  .order-sm-7 { order: 7; }
  .order-sm-8 { order: 8; }
  .order-sm-9 { order: 9; }
  .order-sm-10 { order: 10; }
  .order-sm-11 { order: 11; }
  .order-sm-12 { order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.33333%; }
  .offset-sm-2 { margin-left: 16.66667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333%; }
  .offset-sm-5 { margin-left: 41.66667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333%; }
  .offset-sm-8 { margin-left: 66.66667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333%; }
  .offset-sm-11 { margin-left: 91.66667%; } }
@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; }
  .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .order-md-first { order: -1; }
  .order-md-last { order: 13; }
  .order-md-0 { order: 0; }
  .order-md-1 { order: 1; }
  .order-md-2 { order: 2; }
  .order-md-3 { order: 3; }
  .order-md-4 { order: 4; }
  .order-md-5 { order: 5; }
  .order-md-6 { order: 6; }
  .order-md-7 { order: 7; }
  .order-md-8 { order: 8; }
  .order-md-9 { order: 9; }
  .order-md-10 { order: 10; }
  .order-md-11 { order: 11; }
  .order-md-12 { order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.33333%; }
  .offset-md-2 { margin-left: 16.66667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333%; }
  .offset-md-5 { margin-left: 41.66667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333%; }
  .offset-md-8 { margin-left: 66.66667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333%; }
  .offset-md-11 { margin-left: 91.66667%; } }
@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; }
  .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { order: -1; }
  .order-lg-last { order: 13; }
  .order-lg-0 { order: 0; }
  .order-lg-1 { order: 1; }
  .order-lg-2 { order: 2; }
  .order-lg-3 { order: 3; }
  .order-lg-4 { order: 4; }
  .order-lg-5 { order: 5; }
  .order-lg-6 { order: 6; }
  .order-lg-7 { order: 7; }
  .order-lg-8 { order: 8; }
  .order-lg-9 { order: 9; }
  .order-lg-10 { order: 10; }
  .order-lg-11 { order: 11; }
  .order-lg-12 { order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.33333%; }
  .offset-lg-2 { margin-left: 16.66667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333%; }
  .offset-lg-5 { margin-left: 41.66667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333%; }
  .offset-lg-8 { margin-left: 66.66667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333%; }
  .offset-lg-11 { margin-left: 91.66667%; } }
@media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; }
  .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { order: -1; }
  .order-xl-last { order: 13; }
  .order-xl-0 { order: 0; }
  .order-xl-1 { order: 1; }
  .order-xl-2 { order: 2; }
  .order-xl-3 { order: 3; }
  .order-xl-4 { order: 4; }
  .order-xl-5 { order: 5; }
  .order-xl-6 { order: 6; }
  .order-xl-7 { order: 7; }
  .order-xl-8 { order: 8; }
  .order-xl-9 { order: 9; }
  .order-xl-10 { order: 10; }
  .order-xl-11 { order: 11; }
  .order-xl-12 { order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.33333%; }
  .offset-xl-2 { margin-left: 16.66667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333%; }
  .offset-xl-5 { margin-left: 41.66667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333%; }
  .offset-xl-8 { margin-left: 66.66667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333%; }
  .offset-xl-11 { margin-left: 91.66667%; } }
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; } }
@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; } }
@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; } }
@media (min-width: 1200px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; } }
.row-3 { margin-left: -3px; margin-right: -3px; }
.row-3 [class*="col-"] { padding-left: 3px!important; padding-right: 3px!important; }  
.row-5 { margin-left: -5px; margin-right: -5px; }
.row-5 [class*="col-"] { padding-left: 5px!important; padding-right: 5px!important; }

.row-5 [class*="col-"] { padding-left: 5px!important; padding-right: 5px!important; }
.row-10 [class*="col-"] { padding-left: 10px!important; padding-right: 10px!important; }
.row-15 [class*="col-"] { padding-left: 15px!important; padding-right: 15px!important; }
.row-20 [class*="col-"] {padding-left: 19px!important;padding-right: 19px!important;}
.row-25 [class*="col-"] { padding-left: 25px!important; padding-right: 25px!important; }
.row-30 [class*="col-"] { padding-left: 30px!important; padding-right: 30px!important; }
.row-35 [class*="col-"] { padding-left: 35px!important; padding-right: 35px!important; }
.row-40 [class*="col-"] { padding-left: 40px!important; padding-right: 40px!important; }
 
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.jc-start { justify-content: flex-start !important; }
.jc-end { justify-content: flex-end !important; }
.jc-center { justify-content: center !important; }
.jc-between { justify-content: space-between !important; }
.jc-around { justify-content: space-around !important; }
.ai-start { align-items: flex-start !important; }
.ai-end { align-items: flex-end !important; }
.ai-center { align-items: center !important; }
.ai-baseline { align-items: baseline !important; }
.ai-stretch { align-items: stretch !important; }
.ac-start { align-content: flex-start !important; }
.ac-end { align-content: flex-end !important; }
.ac-center { align-content: center !important; }
.ac-between { align-content: space-between !important; }
.ac-around { align-content: space-around !important; }
.ac-stretch { align-content: stretch !important; }
.as-auto { align-self: auto !important; }
.as-start { align-self: flex-start !important; }
.as-end { align-self: flex-end !important; }
.as-center { align-self: center !important; }
.as-baseline { align-self: baseline !important; }
.as-stretch { align-self: stretch !important; }
@media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; }
  .flex-sm-column { flex-direction: column !important; }
  .flex-sm-row-reverse { flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { flex-direction: column-reverse !important; }
  .flex-sm-wrap { flex-wrap: wrap !important; }
  .flex-sm-nowrap { flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-sm-fill { flex: 1 1 auto !important; }
  .flex-sm-grow-0 { flex-grow: 0 !important; }
  .flex-sm-grow-1 { flex-grow: 1 !important; }
  .flex-sm-shrink-0 { flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { flex-shrink: 1 !important; }
  .jc-sm-start { justify-content: flex-start !important; }
  .jc-sm-end { justify-content: flex-end !important; }
  .jc-sm-center { justify-content: center !important; }
  .jc-sm-between { justify-content: space-between !important; }
  .jc-sm-around { justify-content: space-around !important; }
  .ai-sm-start { align-items: flex-start !important; }
  .ai-sm-end { align-items: flex-end !important; }
  .ai-sm-center { align-items: center !important; }
  .ai-sm-baseline { align-items: baseline !important; }
  .ai-sm-stretch { align-items: stretch !important; }
  .ac-sm-start { align-content: flex-start !important; }
  .ac-sm-end { align-content: flex-end !important; }
  .ac-sm-center { align-content: center !important; }
  .ac-sm-between { align-content: space-between !important; }
  .ac-sm-around { align-content: space-around !important; }
  .ac-sm-stretch { align-content: stretch !important; }
  .as-sm-auto { align-self: auto !important; }
  .as-sm-start { align-self: flex-start !important; }
  .as-sm-end { align-self: flex-end !important; }
  .as-sm-center { align-self: center !important; }
  .as-sm-baseline { align-self: baseline !important; }
  .as-sm-stretch { align-self: stretch !important; } }
@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; }
  .flex-md-column { flex-direction: column !important; }
  .flex-md-row-reverse { flex-direction: row-reverse !important; }
  .flex-md-column-reverse { flex-direction: column-reverse !important; }
  .flex-md-wrap { flex-wrap: wrap !important; }
  .flex-md-nowrap { flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-md-fill { flex: 1 1 auto !important; }
  .flex-md-grow-0 { flex-grow: 0 !important; }
  .flex-md-grow-1 { flex-grow: 1 !important; }
  .flex-md-shrink-0 { flex-shrink: 0 !important; }
  .flex-md-shrink-1 { flex-shrink: 1 !important; }
  .jc-md-start { justify-content: flex-start !important; }
  .jc-md-end { justify-content: flex-end !important; }
  .jc-md-center { justify-content: center !important; }
  .jc-md-between { justify-content: space-between !important; }
  .jc-md-around { justify-content: space-around !important; }
  .ai-md-start { align-items: flex-start !important; }
  .ai-md-end { align-items: flex-end !important; }
  .ai-md-center { align-items: center !important; }
  .ai-md-baseline { align-items: baseline !important; }
  .ai-md-stretch { align-items: stretch !important; }
  .ac-md-start { align-content: flex-start !important; }
  .ac-md-end { align-content: flex-end !important; }
  .ac-md-center { align-content: center !important; }
  .ac-md-between { align-content: space-between !important; }
  .ac-md-around { align-content: space-around !important; }
  .ac-md-stretch { align-content: stretch !important; }
  .as-md-auto { align-self: auto !important; }
  .as-md-start { align-self: flex-start !important; }
  .as-md-end { align-self: flex-end !important; }
  .as-md-center { align-self: center !important; }
  .as-md-baseline { align-self: baseline !important; }
  .as-md-stretch { align-self: stretch !important; } }
@media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; }
  .flex-lg-column { flex-direction: column !important; }
  .flex-lg-row-reverse { flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { flex-direction: column-reverse !important; }
  .flex-lg-wrap { flex-wrap: wrap !important; }
  .flex-lg-nowrap { flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-lg-fill { flex: 1 1 auto !important; }
  .flex-lg-grow-0 { flex-grow: 0 !important; }
  .flex-lg-grow-1 { flex-grow: 1 !important; }
  .flex-lg-shrink-0 { flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { flex-shrink: 1 !important; }
  .jc-lg-start { justify-content: flex-start !important; }
  .jc-lg-end { justify-content: flex-end !important; }
  .jc-lg-center { justify-content: center !important; }
  .jc-lg-between { justify-content: space-between !important; }
  .jc-lg-around { justify-content: space-around !important; }
  .ai-lg-start { align-items: flex-start !important; }
  .ai-lg-end { align-items: flex-end !important; }
  .ai-lg-center { align-items: center !important; }
  .ai-lg-baseline { align-items: baseline !important; }
  .ai-lg-stretch { align-items: stretch !important; }
  .ac-lg-start { align-content: flex-start !important; }
  .ac-lg-end { align-content: flex-end !important; }
  .ac-lg-center { align-content: center !important; }
  .ac-lg-between { align-content: space-between !important; }
  .ac-lg-around { align-content: space-around !important; }
  .ac-lg-stretch { align-content: stretch !important; }
  .as-lg-auto { align-self: auto !important; }
  .as-lg-start { align-self: flex-start !important; }
  .as-lg-end { align-self: flex-end !important; }
  .as-lg-center { align-self: center !important; }
  .as-lg-baseline { align-self: baseline !important; }
  .as-lg-stretch { align-self: stretch !important; } }
@media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; }
  .flex-xl-column { flex-direction: column !important; }
  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xl-wrap { flex-wrap: wrap !important; }
  .flex-xl-nowrap { flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { flex: 1 1 auto !important; }
  .flex-xl-grow-0 { flex-grow: 0 !important; }
  .flex-xl-grow-1 { flex-grow: 1 !important; }
  .flex-xl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { flex-shrink: 1 !important; }
  .jc-xl-start { justify-content: flex-start !important; }
  .jc-xl-end { justify-content: flex-end !important; }
  .jc-xl-center { justify-content: center !important; }
  .jc-xl-between { justify-content: space-between !important; }
  .jc-xl-around { justify-content: space-around !important; }
  .ai-xl-start { align-items: flex-start !important; }
  .ai-xl-end { align-items: flex-end !important; }
  .ai-xl-center { align-items: center !important; }
  .ai-xl-baseline { align-items: baseline !important; }
  .ai-xl-stretch { align-items: stretch !important; }
  .ac-xl-start { align-content: flex-start !important; }
  .ac-xl-end { align-content: flex-end !important; }
  .ac-xl-center { align-content: center !important; }
  .ac-xl-between { align-content: space-between !important; }
  .ac-xl-around { align-content: space-around !important; }
  .ac-xl-stretch { align-content: stretch !important; }
  .as-xl-auto { align-self: auto !important; }
  .as-xl-start { align-self: flex-start !important; }
  .as-xl-end { align-self: flex-end !important; }
  .as-xl-center { align-self: center !important; }
  .as-xl-baseline { align-self: baseline !important; }
  .as-xl-stretch { align-self: stretch !important; } }
.inherit-height { height: inherit; }
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "muli-regular"; src: url("../fonts/Muli-Regular.ttf"); font-weight: normal; }
@font-face { font-family: "muli-bold"; src: url("../fonts/Muli-Bold.ttf"); font-weight: normal; }
@font-face { font-family: "muli-medium"; src: url("../fonts/Muli-Medium.ttf"); font-weight: normal; }
@font-face { font-family: "muli-semibold"; src: url("../fonts/Muli-SemiBold.ttf"); font-weight: normal; }
@font-face { font-family: "roboto-regular"; src: url("../fonts/Roboto-Regular.ttf"); font-weight: normal; }
@font-face { font-family: "roboto-bold"; src: url("../fonts/Roboto-Bold.ttf"); font-weight: normal; }
@font-face { font-family: "roboto-medium"; src: url("../fonts/Roboto-Medium.ttf"); font-weight: normal; }
@font-face { font-family: "roboto-semibold"; src: url("../fonts/Roboto-SemiBold.ttf"); font-weight: normal; }
@font-face { font-family: "opensans-regular"; src: url("../fonts/OpenSans-Regular.ttf"); font-weight: normal; }
@font-face { font-family: "opensans-bold"; src: url("../fonts/OpenSans-Bold.ttf"); font-weight: normal; }



@font-face { font-family: "french"; src: url("../fonts/UTM French Vanilla.ttf"); font-weight: normal; }
@font-face { font-family: "roboto-regular"; src: url("../fonts/Roboto-Regular.ttf"); font-weight: normal; }
@font-face { font-family: "roboto-bold"; src: url("../fonts/Roboto-Bold.ttf"); font-weight: normal; }
@font-face { font-family: "roboto-medium"; src: url("../fonts/Roboto-Medium.ttf"); font-weight: normal; }
@font-face { font-family: "robotoc-bold"; src: url("../fonts/RobotoCondensed-Bold.ttf"); font-weight: normal; }
@font-face { font-family: "silk"; src: url("../fonts/UTM Silk Script.ttf"); font-weight: normal; }
@font-face { font-family: "quicksand-regular"; src: url("../fonts/Quicksand-Regular.ttf"); font-weight: normal; }
@font-face { font-family: "quicksand-bold"; src: url("../fonts/Quicksand-Bold.ttf"); font-weight: normal; }
@font-face { font-family: "utm-swiss"; src: url("../fonts/UTMSwiss721BlackCondensed.ttf"); font-weight: normal; }
@font-face { font-family: "oswald-bold"; src: url("../fonts/Oswald-Bold.ttf"); font-weight: normal; }
@font-face { font-family: "oswald-medium"; src: url("../fonts/Oswald-Medium.ttf"); font-weight: normal; }
@font-face { font-family: "fenice-bold"; src: url("../fonts/SFUFeniceBold.TTF"); font-weight: normal; }
@font-face { font-family: "sfu-dineng"; src: url("../fonts/SFUDinEngAlt.TTF"); font-weight: normal; }

@font-face { font-family: "roboto-black"; src: url("../fonts/Roboto-Black.ttf"); font-weight: normal; }
@font-face { font-family: "futurabook"; src: url("../fonts/SFUFuturaBook.TTF"); font-weight: normal; }
@font-face { font-family: "ding"; src: url("../fonts/SFUDinEngAlt.TTF"); font-weight: normal; }
@font-face { font-family: "impact"; src: url("../fonts/UTM Impact.ttf"); font-weight: normal; }


.txt-white { color: #FFF !important; }
.txt-uppercase { text-transform: uppercase; }
.h1 { font-size: 36px; font-size: 2.25rem; }
.h2 { font-size: 30px; font-size: 1.875rem; }
.h3 { font-size: 24px; font-size: 1.5rem; }
.h4 { font-size: 18px; font-size: 1.125rem; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-23 { font-size: 23px !important; }
.fs-24 { font-size: 24px !important; }
.fs-25 { font-size: 25px !important; }
.fs-26 { font-size: 26px !important; }
.fs-27 { font-size: 27px !important; }
.fs-28 { font-size: 28px !important; }
.fs-29 { font-size: 29px !important; }
.fs-30 { font-size: 30px !important; }
.fs-31 { font-size: 31px !important; }
.fs-32 { font-size: 32px !important; }
.fs-33 { font-size: 33px !important; }
.fs-34 { font-size: 34px !important; }
.fs-35 { font-size: 35px !important; }
.fs-36 { font-size: 36px !important; }
.fs-37 { font-size: 37px !important; }
.fs-38 { font-size: 38px !important; }
.fs-39 { font-size: 39px !important; }
.fs-40 { font-size: 40px !important; }
.p-0 { padding: 0px; }
.pl-0 { padding-left: 0px !important; }
.pr-0 { padding-right: 0px !important; }
.pt-0 { padding-top: 0px !important; }
.pb-0 { padding-bottom: 0px !important; }
.m-0 { margin: 0px; }
.ml-0 { margin-left: 0px !important; }
.mr-0 { margin-right: 0px !important; }
.mt-0 { margin-top: 0px !important; }
.mb-0 { margin-bottom: 0px !important; }
.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.p-5 { padding: 5px; }
.pl-5 { padding-left: 5px !important; }
.pr-5 { padding-right: 5px !important; }
.pt-5 { padding-top: 5px !important; }
.pb-5 { padding-bottom: 5px !important; }
.m-5 { margin: 5px; }
.ml-5 { margin-left: 5px !important; }
.mr-5 { margin-right: 5px !important; }
.mt-5 { margin-top: 5px !important; }
.mb-5 { margin-bottom: 5px !important; }
.my-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.p-10 { padding: 10px; }
.pl-10 { padding-left: 10px !important; }
.pr-10 { padding-right: 10px !important; }
.pt-10 { padding-top: 10px !important; }
.pb-10 { padding-bottom: 10px !important; }
.m-10 { margin: 10px; }
.ml-10 { margin-left: 10px !important; }
.mr-10 { margin-right: 10px !important; }
.mt-10 { margin-top: 10px !important; }
.mb-10 { margin-bottom: 10px !important; }
.my-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.p-15 { padding: 15px; }
.pl-15 { padding-left: 15px !important; }
.pr-15 { padding-right: 15px !important; }
.pt-15 { padding-top: 15px !important; }
.pb-15 { padding-bottom: 15px !important; }
.m-15 { margin: 15px; }
.ml-15 { margin-left: 15px !important; }
.mr-15 { margin-right: 15px !important; }
.mt-15 { margin-top: 15px !important; }
.mb-15 { margin-bottom: 15px !important; }
.my-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.p-20 { padding: 20px; }
.pl-20 { padding-left: 20px !important; }
.pr-20 { padding-right: 20px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-20 { padding-bottom: 20px !important; }
.m-20 { margin: 20px; }
.ml-20 { margin-left: 20px !important; }
.mr-20 { margin-right: 20px !important; }
.mt-20 { margin-top: 20px !important; }
.mb-20 { margin-bottom: 20px !important; }
.my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.p-25 { padding: 25px; }
.pl-25 { padding-left: 25px !important; }
.pr-25 { padding-right: 25px !important; }
.pt-25 { padding-top: 25px !important; }
.pb-25 { padding-bottom: 25px !important; }
.m-25 { margin: 25px; }
.ml-25 { margin-left: 25px !important; }
.mr-25 { margin-right: 25px !important; }
.mt-25 { margin-top: 25px !important; }
.mb-25 { margin-bottom: 25px !important; }
.my-25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.p-30 { padding: 30px; }
.pl-30 { padding-left: 30px !important; }
.pr-30 { padding-right: 30px !important; }
.pt-30 { padding-top: 30px !important; }
.pb-30 { padding-bottom: 30px !important; }
.m-30 { margin: 30px; }
.ml-30 { margin-left: 30px !important; }
.mr-30 { margin-right: 30px !important; }
.mt-30 { margin-top: 30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.my-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.p-35 { padding: 35px; }
.pl-35 { padding-left: 35px !important; }
.pr-35 { padding-right: 35px !important; }
.pt-35 { padding-top: 35px !important; }
.pb-35 { padding-bottom: 35px !important; }
.m-35 { margin: 35px; }
.ml-35 { margin-left: 35px !important; }
.mr-35 { margin-right: 35px !important; }
.mt-35 { margin-top: 35px !important; }
.mb-35 { margin-bottom: 35px !important; }
.my-35 { margin-top: 35px !important; margin-bottom: 35px !important; }
.p-40 { padding: 40px; }
.pl-40 { padding-left: 40px !important; }
.pr-40 { padding-right: 40px !important; }
.pt-40 { padding-top: 40px !important; }
.pb-40 { padding-bottom: 40px !important; }
.m-40 { margin: 40px; }
.ml-40 { margin-left: 40px !important; }
.mr-40 { margin-right: 40px !important; }
.mt-40 { margin-top: 40px !important; }
.mb-40 { margin-bottom: 40px !important; }
.my-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.p-45 { padding: 45px; }
.pl-45 { padding-left: 45px !important; }
.pr-45 { padding-right: 45px !important; }
.pt-45 { padding-top: 45px !important; }
.pb-45 { padding-bottom: 45px !important; }
.m-45 { margin: 45px; }
.ml-45 { margin-left: 45px !important; }
.mr-45 { margin-right: 45px !important; }
.mt-45 { margin-top: 45px !important; }
.mb-45 { margin-bottom: 45px !important; }
.my-45 { margin-top: 45px !important; margin-bottom: 45px !important; }
.p-50 { padding: 50px; }
.pl-50 { padding-left: 50px !important; }
.pr-50 { padding-right: 50px !important; }
.pt-50 { padding-top: 50px !important; }
.pb-50 { padding-bottom: 50px !important; }
.m-50 { margin: 50px; }
.ml-50 { margin-left: 50px !important; }
.mr-50 { margin-right: 50px !important; }
.mt-50 { margin-top: 50px !important; }
.mb-50 { margin-bottom: 50px !important; }
.my-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.p-55 { padding: 55px; }
.pl-55 { padding-left: 55px !important; }
.pr-55 { padding-right: 55px !important; }
.pt-55 { padding-top: 55px !important; }
.pb-55 { padding-bottom: 55px !important; }
.m-55 { margin: 55px; }
.ml-55 { margin-left: 55px !important; }
.mr-55 { margin-right: 55px !important; }
.mt-55 { margin-top: 55px !important; }
.mb-55 { margin-bottom: 55px !important; }
.my-55 { margin-top: 55px !important; margin-bottom: 55px !important; }
.p-60 { padding: 60px; }
.pl-60 { padding-left: 60px !important; }
.pr-60 { padding-right: 60px !important; }
.pt-60 { padding-top: 60px !important; }
.pb-60 { padding-bottom: 60px !important; }
.m-60 { margin: 60px; }
.ml-60 { margin-left: 60px !important; }
.mr-60 { margin-right: 60px !important; }
.mt-60 { margin-top: 60px !important; }
.mb-60 { margin-bottom: 60px !important; }
.my-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.p-65 { padding: 65px; }
.pl-65 { padding-left: 65px !important; }
.pr-65 { padding-right: 65px !important; }
.pt-65 { padding-top: 65px !important; }
.pb-65 { padding-bottom: 65px !important; }
.m-65 { margin: 65px; }
.ml-65 { margin-left: 65px !important; }
.mr-65 { margin-right: 65px !important; }
.mt-65 { margin-top: 65px !important; }
.mb-65 { margin-bottom: 65px !important; }
.my-65 { margin-top: 65px !important; margin-bottom: 65px !important; }
.p-70 { padding: 70px; }
.pl-70 { padding-left: 70px !important; }
.pr-70 { padding-right: 70px !important; }
.pt-70 { padding-top: 70px !important; }
.pb-70 { padding-bottom: 70px !important; }
.m-70 { margin: 70px; }
.ml-70 { margin-left: 70px !important; }
.mr-70 { margin-right: 70px !important; }
.mt-70 { margin-top: 70px !important; }
.mb-70 { margin-bottom: 70px !important; }
.my-70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.p-75 { padding: 75px; }
.pl-75 { padding-left: 75px !important; }
.pr-75 { padding-right: 75px !important; }
.pt-75 { padding-top: 75px !important; }
.pb-75 { padding-bottom: 75px !important; }
.m-75 { margin: 75px; }
.ml-75 { margin-left: 75px !important; }
.mr-75 { margin-right: 75px !important; }
.mt-75 { margin-top: 75px !important; }
.mb-75 { margin-bottom: 75px !important; }
.my-75 { margin-top: 75px !important; margin-bottom: 75px !important; }
.p-80 { padding: 80px; }
.pl-80 { padding-left: 80px !important; }
.pr-80 { padding-right: 80px !important; }
.pt-80 { padding-top: 80px !important; }
.pb-80 { padding-bottom: 80px !important; }
.m-80 { margin: 80px; }
.ml-80 { margin-left: 80px !important; }
.mr-80 { margin-right: 80px !important; }
.mt-80 { margin-top: 80px !important; }
.mb-80 { margin-bottom: 80px !important; }
.my-80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.p-85 { padding: 85px; }
.pl-85 { padding-left: 85px !important; }
.pr-85 { padding-right: 85px !important; }
.pt-85 { padding-top: 85px !important; }
.pb-85 { padding-bottom: 85px !important; }
.m-85 { margin: 85px; }
.ml-85 { margin-left: 85px !important; }
.mr-85 { margin-right: 85px !important; }
.mt-85 { margin-top: 85px !important; }
.mb-85 { margin-bottom: 85px !important; }
.my-85 { margin-top: 85px !important; margin-bottom: 85px !important; }
.p-90 { padding: 90px; }
.pl-90 { padding-left: 90px !important; }
.pr-90 { padding-right: 90px !important; }
.pt-90 { padding-top: 90px !important; }
.pb-90 { padding-bottom: 90px !important; }
.m-90 { margin: 90px; }
.ml-90 { margin-left: 90px !important; }
.mr-90 { margin-right: 90px !important; }
.mt-90 { margin-top: 90px !important; }
.mb-90 { margin-bottom: 90px !important; }
.my-90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.p-95 { padding: 95px; }
.pl-95 { padding-left: 95px !important; }
.pr-95 { padding-right: 95px !important; }
.pt-95 { padding-top: 95px !important; }
.pb-95 { padding-bottom: 95px !important; }
.m-95 { margin: 95px; }
.ml-95 { margin-left: 95px !important; }
.mr-95 { margin-right: 95px !important; }
.mt-95 { margin-top: 95px !important; }
.mb-95 { margin-bottom: 95px !important; }
.my-95 { margin-top: 95px !important; margin-bottom: 95px !important; }
.p-100 { padding: 100px; }
.pl-100 { padding-left: 100px !important; }
.pr-100 { padding-right: 100px !important; }
.pt-100 { padding-top: 100px !important; }
.pb-100 { padding-bottom: 100px !important; }
.m-100 { margin: 100px; }
.ml-100 { margin-left: 100px !important; }
.mr-100 { margin-right: 100px !important; }
.mt-100 { margin-top: 100px !important; }
.mb-100 { margin-bottom: 100px !important; }
.my-100 { margin-top: 100px !important; margin-bottom: 100px !important; }
.df { display: flex; }
.db { display: block; }
.mx-auto { margin: 0 auto; }
.my-auto { margin: auto 0; }
.m-auto { margin: auto; }
.default h3 { position: relative; }
.default a { text-decoration: none; }
.default .mota { color: #494949; font-family: "quicksand-regular"; font-size: 14px; }
.default .title { font-family: "quicksand-bold"; font-size: 16px; color: #2f2f2f; font-weight: normal; transition: all 0.2s; }
.default img { transition: all 0.2s; }
.default .image { max-width: 100%; position: relative; overflow: hidden; display: block; }
.default:hover .title { color: #df0000; transition: all 0.3s; }
.default:hover img { transform: scale(1.1); transition: all 0.3s; }
.overlay { position: relative; overflow: hidden; }
.overlay .overlay-item { position: absolute; width: 100%; background: rgba(0, 0, 0, 0.6); color: #FFF; padding: 10px 20px; font-family: "roboto-regular"; font-size: 16px; line-height: 1.5em; opacity: 0; pointer-events: none; transition: 0.5s; }
.overlay .overlay-item a {color: inherit;font-family: roboto-bold;}
.overlay .overlay-item.bottom {bottom: 0;left: 0;height: auto;}
.overlay .overlay-item:not(.bottom) {top: 0;left: 0;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;flex-wrap: wrap;}
.overlay:hover .overlay-item { opacity: 1; transition: 0.5s; }
.bottom-line { position: relative; margin-bottom: 25px; padding-bottom: 10px; }
.bottom-line:after { content: ""; width: 60px; height: 2px; background-color: #FFF; position: absolute; bottom: 0; left: 0; }
.iframe iframe { width: 100%; }
.icon { position: relative; }
.icon:before {font-family: "FontAwesome";width: 20px !important;display: flex;border-radius: 50%;align-items: center;justify-content: center;color: #fff;}
.icon.area:before { content: "\f1fe "; }
.icon.user:before { content: "\f007 "; }
.icon.home:before { content: "\f015"; }
.icon.marker:before { content: "\f041"; color: #fff; }
.icon.email:before { content: "\f003"; color: #fff; }
.icon.hotline:before { content: "\f095 "; color: #FFF; }
.icon.global:before { content: "\f0ac"; }
.icon.calendar:before { content: "\f073 "; }
.icon.star:before { content: "\f005"; }
.icon.view:before { content: "\f06e "; }
.icon.clock:before { content: "\f017"; }
.icon.price:before { content: "\f155 "; }
.icon.bar:before {content: "\f0c9 ";font-size: 24px;top: 0;display: block;color: #333;}
.icon.facebook:before { content: "\f230 "; }
.icon.comment:before { content: "\f086"; }
.icon.whatsapp:before { content: "\f232"; }
#footer, #copyright {background-color: #faa11b;}
#footer a, #copyright a { color: inherit; }
#footer a:hover, #copyright a:hover { color: #FFF; }
#copyright {/* height: 38px; */font-family: muli-regular;}
#footer {
  position:relative;
  padding: 45px 0;
  /* background: url(../images/bg_footer.jpg); */
  background-size: cover;
  }
#footer:before{
  content: "";
  background: url(../images/ft_top.jpg);
  height: 40px;
  width: 100%;
  background-size:cover;
  top: -40px;
  position:absolute;
}
#footer h3 {color: #FFF;text-transform: uppercase;position: relative;margin-bottom: 15px;font-family: roboto-bold;font-size: 16px;}
#footer h2 {font-family: impact;font-size: 30px;margin-bottom: 15px;font-weight: normal;text-transform: capitalize;}
#footer ul.footer_menu {/* padding-left: 15px; */list-style: none;color: #fff;}
#footer .footer_menu a { display: block; margin-bottom: 10px; font-family: muli-regular; font-size: 13px; }
#footer .footer_menu a:hover { color: yellow; }
#footer .ft_p { display: flex; align-items: center; line-height: 1.5; color: #FFF; font-family: "roboto-regular"; margin-bottom: 10px; padding-bottom: 8px; }
#footer .ft_p .icon:before { font-size: 18px !important; }
#footer .ft_p .icon { margin-right: 8px; }
#footer a { color: #FFF; }
#footer .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
#footer .box-mxh { text-align: unset; }
#footer .box-mxh a { display: inline-block; margin-right: 8px; }
#footer [class*="ft-block-"] {width: 100%;margin-bottom: 15px;max-width: calc(20% - 20px);}
#footer [class*="ft-block-"] iframe { width: 100% !important; height: 280px; }
#footer .ft-block-1 {width: 480px;color: #FFF;}
#footer .ft-block-2 {width: 280px;}
#footer .ft-block-3 {width: 150px;}
#footer .ft-block-3 iframe { width: 100%; }
#footer input[type=submit], #footer input[type=email] { display: block; width: 100%; margin-bottom: 15px; text-align: center; padding: 0; }
#footer input[type=submit] { background-color: #0098db; color: #FFF; }
#copyright {text-align: center;line-height: 1.5;color: #ffffff;font-family: inherit;font-size: 13px;border-top: 1px solid #fff;box-sizing: content-box;}
#copyright .container { padding: 15px 0; }
#copyright .website_online .label { margin-right: 3px; }
#copyright .website_online .value { margin-right: 5px; }
#header {/* background: url(../images/bg_header.jpg); */background-size: cover;}
#header .container { justify-content: space-between; }
#header .number {font-family: roboto-black;font-size: 20px;color: #d41919;}
#header .header-card { cursor: pointer; }
#header .header_hotline { display: none; }
@media (min-width: 1023px) { #header .header_hotline { flex: 1 1 auto; display: flex; justify-content: flex-end; align-items: center; }
  #header .header_hotline .hotline { display: flex; justify-content: space-between; align-items: center; }
  #header .header_hotline .hotline img { margin-right: 10px; }
  #header .header_hotline .hotline .label { font-family: quicksand-bold; font-size: 18px; color: #eb371a; }
  #header .header_hotline .hotline .number { font-family: myriadpro-bold; font-size: 26px; color: #37aa49; } }
#header .topbar { padding-top: 3px; padding-bottom: 3px; display: flex; justify-content: flex-end; }

#banner {
    /* width: calc(100% - 120px); */
    display: flex;
    width: 100%;
    justify-content: space-between;
    } 
#block-quangcao-slider { margin-top: 20px; }
#product_noibat { padding: 20px 0; }
.btn-xemthem { padding-left: 25px; padding-right: 25px; height: 48px; display: inline-flex; align-items: center; justify-content: center; background-color: #000; color: #FFF; font-size: 14px; position: relative; text-transform: uppercase; }
.btn-xemthem > span:after { content: "\f178"; font-family: FontAwesome; color: #FFF; position: relative; top: 1px; margin-left: 8px; }
.btn-xemthem:before { content: ""; position: absolute; top: 3px; left: 3px; width: 100%; height: 100%; border: 1px solid #000; pointer-events: none; }
#logo {text-align: center;width: 130px;}
#slider { position: relative; }
#slider .container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 98; display: flex; align-items: center; }
#block-gioithieu {position: relative;background: linear-gradient(to right,#809f13 0%,#809f13 50%,#fff 50%,#fff 100%);/* width: 430px; *//* background-color: rgba(255, 255, 255, 0.9); *//* padding: 30px; *//* border-radius: 15px; *//* box-shadow: 5px 6px 10px 0 #616161; */}
#block-gioithieu .detail{
  padding-top: 60px;
  text-align:center;
  width: 824px;
  background: #809f13 url(../images/bg_gioithieu.jpg) right bottom no-repeat;
  min-height: 445px;
}
#block-gioithieu .detail >div{
  width: 580px;
}
#block-gioithieu .container{
  position:relative;
}
#block-gioithieu .label {font-family: futurabook;font-size: 30px;color: #FFF;line-height: 1;}
#block-gioithieu .title {font-family: ding;font-size: 45px;color: #FFF;text-transform: uppercase;}
#block-gioithieu .title:after { content: url("../images/header-title.png"); }
#block-gioithieu .sp_color { color: #fd4d10; }
#block-gioithieu .image {margin-bottom: 20px;position: relative;position: absolute;right: 0;top: 50%;bottom: 0;margin: auto;transform: translate(0,-50%);}
#block-gioithieu .txt_xemthem {color: #37aa49;display: inline-block;padding: 8px 20px;border: 1px solid #FFF;border-radius: 30px;color: #FFF;margin-top: 15px;}
#block-gioithieu .btn-xemthem-gioithieu { background-color: #37aa49; padding: 10px 20px; border-radius: 3px; color: #FFF; }
#block-gioithieu .btn-xemthem-gioithieu:hover { text-decoration: underline; }
#block-gioithieu .mota {/* margin-bottom: 30px; */font-family: muli-regular;font-size: 15px;color: #fff;line-height: 1.8;}
#block-tintuc, #block-chinhanh, #block-visaochon { padding: 30px 0; }
#block-visaochon .image { margin-bottom: 15px; }
#block-visaochon h3 a { color: #333333; font-family: robotoc-bold; font-size: 17px; text-transform: uppercase; }
#block-tintuc {/* background-color: #f7f7f7; */}
#block-tintuc .date {color: #FFF;font-size: 14px;/* margin-top: 15px; */position: absolute;font-family: roboto-regular;left: 0;top: 0;width: 60px;background: #80a013;text-align: center;padding-top: 15px;padding-bottom: 15px;}
#block-tintuc .date .ngay{
  font-family: roboto-bold;
  font-size: 24px;
  color: #FFF;
}
#block-tintuc .date .ngay,#block-tintuc .date .thang{
  display:block;
  line-height: 1.3;
}
#block-tintuc h3 a {font-family: roboto-bold;color: #4b2c18;font-size: 15px;}
#block-tintuc .btn_xemthem {padding: 6px 30px;background-color: #e2e2e2;color: #000;display: inline-block;font-size: 14px;font-family: roboto-regular;font-weight: normal;border-radius: 30px;margin-top: 10px;}
#block-tintuc .detail{
  padding-left: 74px;
  position: relative;
  text-align:left;
  border: 2px solid #80a013;
  border-top: 0;
  font-family: roboto-regular;
  font-size: 14px;
  color: #333333;
  line-height: 1.8;
  min-height: 145px;
}
#block-video iframe { width: 100%; }
#block-video #block-video-main { position: relative; }
.product_list { padding: 40px  0 40px 0; }
.product_list:nth-of-type(2n + 1) { background-color: #f7f7f7; }
#block-doitac {background-color: #f8f8f8;/* padding: 40px 0; */}
#block-tags { padding: 45px 0; }
#block-tags .title { margin-bottom: 30px; }
#block-tags .label { font-family: oswald-bold; font-size: 18px; color: #333333; }
#block-tags a { border: 1px solid #cccccc; color: #333333; font-family: roboto-regular; font-size: 15px; border-radius: 10px; padding: 10px 30px; display: inline-block; margin-bottom: 15px; margin-right: 10px; }
#block-album { margin-bottom: 40px; }
#block-blog {padding: 45px 0;background: url(../images/bg_blog.jpg);background-size: cover;padding-bottom: 0;}
#block-blog .container { display: flex; justify-content: space-between; }
#block-blog .block-blog-content {width: calc(100% - 515px);}
#block-blog .block-newsletter-content{
  width: 495px;
}
#block-newsletter {background: #060607;background-size: 100% 100%;padding: 40px 0;text-align: center;padding: 45px 0;/* padding-top: 100px; */}
#block-newsletter .form-title {display: flex;justify-content: center;flex-wrap: wrap;align-items: center;margin-bottom: 15px;}
#block-newsletter .form-title .txt-left { width: calc(100% - 100px); margin-bottom: 20px; }
#block-newsletter .form-title h2 {width: 100%;font-family: impact;color: #faa11b;font-size: 30px;display: block;}
#block-newsletter .form-title .desc {font-family: roboto-regular;font-size: 16px;color: #FFF;font-weight: normal;}
#block-newsletter form {width: 100%;display: flex;justify-content: space-around;flex-wrap: wrap;max-width: 1000px;position: relative;margin: auto;}
#block-newsletter input { border-radius: 3px; }
#block-newsletter .form-group { position: relative; }
#block-newsletter input[type=email], #block-newsletter input[type=text] {height: 40px;outline: none;margin-bottom: 10px;/* background: none; */border: none;border-bottom: 1px solid #FFF;/* padding-left: 0; */}
#block-newsletter input[type=email]::placeholder, #block-newsletter input[type=text]::placeholder { color: #888; }
#block-newsletter input[type=email], #block-newsletter input[type=text], #block-newsletter textarea {max-width: calc(29% - 10px);max-height: 106px;border-radius: 3px;/* border-radius: 10px; */}
#block-newsletter input[type=submit], #block-newsletter button {background-color: #faa11b;font-size: 16px;color: #fff;font-family: roboto-regular;/* position: absolute; *//* right: 0; *//* bottom: 23px; */height: 40px;width: 110px;/* position: absolute; */border-radius: 3px;}
#block-newsletter button { display: flex; align-items: center; text-transform: uppercase; justify-content: center; }
@media (max-width: 767px){
  #block-newsletter input[type=email], #block-newsletter input[type=text], #block-newsletter textarea{
    max-width: 100%;
  }
  .detail_hosonangluc{
    width: 100%!important;
  }
  #footer [class*="ft-block-"]{
    max-width: 100%;
    width: 100%!important;
    /* text-align: center; */
  }
}
#block-newsletter textarea{
  height: 100px;
}
.header-hotline{
  font-family: roboto-regular;
  font-size: 15px;
  color: #000;
}
#block-dichvu {/* margin-bottom: 40px; */}
.block-product-index { margin: 40px 0; }
.overflow-hidden { overflow: hidden; }
.relative { position: relative; }
.txt-center { text-align: center; }
.txt-left { text-align: left; }
.df { display: flex; }
.df.v-center { align-items: center; }
.df.h-center { justify-content: center; }
.df.vh-center { align-items: center; justify-content: center; }
.df.v-between { justify-content: space-between; }
.df.wrap { flex-wrap: wrap; }
.my-4 { margin-top: 30px; margin-bottom: 30px; }
.fb_iframe_widget_lift { width: 100% !important; }
.form-group { display: flex; flex-wrap: wrap; }
.form-group input, .form-group button { height: unset; }
.circle { border-radius: 50%; }
.baiviet .image { display: block; overflow: hidden; }
.baiviet .image img { transition: all 0.3s; }
.hover { position: relative; }
.hover .image { position: relative; overflow: hidden; }
.hover .image img { transition: all 0.2s; }
.hover:hover img { transform: scale(1.1); transition: all 0.2s; }
.hover:hover h3 a {color: #db0000;}
.product-item {position: relative;margin-bottom: 1.5rem;/* border-radius: 15px; */overflow: hidden;transition: all 0.3s;}
.product-item h3 {font-size: 14px;color: #000000;line-height: 1.5;margin-bottom: 5px;}
.product-item h3 a { font-size: 1em; color: inherit; }
.product-item:hover h3 a { color: #df0000 !important; }
.product-item .giaban {font-size: 14px;}
.product-item .detail { z-index: 10; width: 100%; padding: 0 15px; padding-top: 10px; padding-bottom: 15px; }
.product-item .detail > div { display: block; }
.product-item .detail h3 a {font-family: roboto-regular;font-size: 15px;color: #000;text-transform: uppercase;}
.product-item .detail .giaban span {font-family: roboto-regular;font-size: 14px;color: #ff0000;}
.product-item:hover {box-shadow: 0px 0px 5px 0px #ccc;transition: all 0.3s;}
.product-row { display: flex; flex-wrap: wrap; margin-left: -14px; margin-right: -14px; }
.product-row .r-item { width: 100%; padding-left: 15px; padding-right: 15px; }
@media (min-width: 581px) { .product-row .r-item { width: calc(100% / 2 - 1px); } }
.product-row { padding-top: 40px; }
.product-row .r-item { margin-bottom: 40px; }
.phongthuy-item { padding-bottom: 5px; margin-bottom: 20px; }
.phongthuy-item .ngaytao { color: #444; border-bottom: 1px dashed #ccc; padding-bottom: 5px; margin-bottom: 8px; }
.phongthuy-item h3 { font-family: "roboto-regular"; font-size: 18px; color: #222222; }
.phongthuy-item h3 a { font-family: roboto-bold; font-size: 16px; color: #333333; }
.phongthuy-item .mota { font-family: "roboto-regular"; font-size: 14px; columns: #5c5c5c; }
.phongthuy-item .image { margin-bottom: 10px; }
@media (min-width: 479px) { .phongthuy-item { display: flex; justify-content: space-between; text-align: left; }
  .phongthuy-item .image { width: 150px; }
  .phongthuy-item .detail { width: calc(100% - 165px); } }
.duan_item {position: relative;/* margin-bottom: 25px; */}
.duan_item .icon:befiore { margin-right: 0; }
.duan_item .detail {/* position: absolute; *//* bottom: 0; *//* left: 0; *//* width: 100%; *//* color: #FFF; *//* background-color: rgba(0, 0, 0, 0.4); *//* padding: 15px 10px; */}
.duan_item .detail h3 a {color: #FFF;font-family: roboto-bold;font-size: 15px;font-weight: normal;text-transform: uppercase;display: block;width: 100%;}
.duan_item .addons { display: flex; justify-content: space-between; flex-wrap: wrap; }
.duan_item button{
  background-color: #faa11b;
  color: #fff;
  font-size: 13px;
  height: 32px;
}
.duan_item .dientich, .duan_item .giaban { display: flex; flex-wrap: wrap; font-size: 15px; font-family: roboto-regular; }
.blog-item { position: relative; }
.blog-item .wrap-detail { background-color: rgba(255, 255, 255, 0.8); text-align: center; }
.blog-item h3 a { font-family: muli-bold; font-size: 15px; color: #333333; text-transform: uppercase; }
.blog-item .mota { font-family: muli-regular; font-size: 14px; color: #333333; line-height: 1.7; margin-top: 10px; margin-bottom: 15px; }
.blog-item:hover h3 a { color: #11cb02; }
.blog-item .btn_xemthem { background-color: #11cb02; padding: 10px 20px; color: #fffefe; display: inline-block; border: 1px solid transparent; }
.blog-item .btn_xemthem:hover { background-color: #FFF; color: #11cb02; border-color: #11cb02; }
.product_list_item { position: relative; border-radius: 20px; }
.product_list_item .detail { position: absolute; text-align: right; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.product_list_item .detail > div { text-align: right; color: #FFF; width: 100%; padding: 10px; }
.product_list_item .detail a { color: #fff; font-family: fenice-bold; font-size: 40px; }
#quangcao {/* margin-bottom: 30px; */}
@keyframes spin1 { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes spin2 { 0% { -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  100% { -webkit-transform: rotate(-288deg);
    transform: rotate(-288deg); } }
@keyframes spin2 { 0% { -webkit-transform: rotate(72deg);
    transform: rotate(72deg); }
  100% { -webkit-transform: rotate(-288deg);
    transform: rotate(-288deg); } }
@-webkit-keyframes spin3 { 0% { -webkit-transform: rotate(-144deg);
    transform: rotate(-144deg); }
  100% { -webkit-transform: rotate(216deg);
    transform: rotate(216deg); } }
@keyframes spin3 { 0% { -webkit-transform: rotate(-144deg);
    transform: rotate(-144deg); }
  100% { -webkit-transform: rotate(216deg);
    transform: rotate(216deg); } }
@-webkit-keyframes spin4 { 0% { -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  100% { -webkit-transform: rotate(-144deg);
    transform: rotate(-144deg); } }
@keyframes spin4 { 0% { -webkit-transform: rotate(216deg);
    transform: rotate(216deg); }
  100% { -webkit-transform: rotate(-144deg);
    transform: rotate(-144deg); } }
.circle-style { position: absolute; top: 50%; left: 50%; width: 180px; height: 180px; margin: 0 auto; -webkit-transform: translate3D(-50%, -50%, 0); -moz-transform: translate3D(-50%, -50%, 0); -ms-transform: translate3D(-50%, -50%, 0); -o-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0); }
.circle-style .circle, #home-aboutus .about-item .about-icon .about-circle .circle, #home-testimonials .slick-list .review-item > div .review-circle .circle, #back-to-top .back-circle .circle { position: absolute; box-sizing: border-box; width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid transparent; border-radius: 92% 110% 110% 100%; }
.circle-style .circle:nth-child(1), #home-aboutus .about-item .about-icon .about-circle .circle:nth-child(1), #home-testimonials .slick-list .review-item > div .review-circle .circle:nth-child(1), #back-to-top .back-circle .circle:nth-child(1) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin1 6s linear infinite; animation: spin1 6s linear infinite; border-color: #ff8805; }
.circle-style .circle:nth-child(2), #home-aboutus .about-item .about-icon .about-circle .circle:nth-child(2), #home-testimonials .slick-list .review-item > div .review-circle .circle:nth-child(2), #back-to-top .back-circle .circle:nth-child(2) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin2 6s linear infinite; animation: spin2 6s linear infinite; border-color: #ff8805; }
.circle-style .circle:nth-child(3), #home-aboutus .about-item .about-icon .about-circle .circle:nth-child(3), #home-testimonials .slick-list .review-item > div .review-circle .circle:nth-child(3), #back-to-top .back-circle .circle:nth-child(3) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin3 6s linear infinite; animation: spin3 6s linear infinite; border-color: #ff8805; }
.circle-style .circle:nth-child(4), #home-aboutus .about-item .about-icon .about-circle .circle:nth-child(4), #home-testimonials .slick-list .review-item > div .review-circle .circle:nth-child(4), #back-to-top .back-circle .circle:nth-child(4) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin4 6s linear infinite; animation: spin4 6s linear infinite; border-color: #ff8805; }
@-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; }
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
.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; } }
.pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; }
.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; text-decoration: none; }
.page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; text-decoration: none; }
.page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; }
.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }
.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }
.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }
input, button { outline: none; background: #FFF; border: none; height: 2.5rem; }
input[type=button], input[type=submit], button { padding-left: 1.25rem; padding-right: 1.25rem; }
input[type=text], input[type=email], input[type=password], textarea {padding-left: 15px;border: 1px solid #ccc;width: 100%;margin-bottom: 10px;/* border-radius: 5px; */}
#menu {position: relative;/* top: -5px; */height: 40px;width: 100%;padding-bottom: 10px;display: flex;align-items: center;justify-content: space-between;}
#menu .container {height: inherit;display: flex;justify-content: space-between;flex-wrap: wrap;}
#menu .nav-ul {height: inherit;list-style: none;display: inline-flex;justify-content: space-between;/* width: calc(100% - 150px); */}
#menu .nav-ul-list, #menu .nav-ul-cat, #menu .nav-ul-item { display: none; position: absolute; z-index: 99; min-width: 200px; }
#menu .nav-ul-list {top: 100%;list-style: none;background-color: #faa11b;}
#menu .nav-ul-cat, #menu .nav-ul-item {top: 0;left: 100%;list-style: none;background-color: #ffd801;border-left: 1px solid #fff;}
#menu li.menu {height: inherit;position: relative;display: flex;align-items: center;flex-wrap: wrap;/* margin: 0 5px; */cursor: pointer;}
#menu li.menu:not(:last-child)::after {/* content: url(../images/nav.jpg); */}
#menu .menu-text {font-family: futurabook;font-size: 15px;color: #000;text-transform: uppercase;}
#menu .menu-text:hover, #menu .menu.active .menu-text {
    /* background: #ffd800; */
    border-radius: 20px;
}
#menu .menu-text span {display: block;padding: 7px 20px;position: relative;}
#menu .menu-list-text, #menu .menu-cat-text, #menu .menu-item-text {text-transform: uppercase;display: block;padding: 12px 15px;color: #333;white-space: nowrap;font-size: 15px;font-family: roboto-regular;}
#menu .menu-list-text:hover, #menu .menu-cat-text:hover, #menu .menu-item-text:hover {color: #333;background-color: #fff000;}
#menu .menu-list { position: relative; }
#menu .menu-list:not(:last-child) .menu-list-text, #menu .menu-cat:not(:last-child) .menu-cat-text, #menu .menu-item:not(:last-child) .menu-item-text {border-bottom: 1px solid #fdfdfd6b;}
#menu li.menu:hover .nav-ul-list { display: block; }
#menu .menu-list:hover .nav-ul-cat { display: block; }
#menu .menu-cat:hover .nav-ul-item { display: block; }
.sticky ~ #menu { position: fixed; width: 100%; z-index: 9999; top: 0; background: #FFF;padding: 15px 0;border-bottom: 1px solid #efefef; }
.sticky ~ #menu #logo{
  display: none;
}
.sticky ~ #menu .nav-ul{
  width: 100%;
  
}
.form-row-search { width: 100%; position: absolute; top: 0; left: 0; }
.form-row-search input[type="text"] { border: none; outline: none; width: 100%; height: 50px; padding: 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; position: absolute; display: block; opacity: 0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.form-row-search input[type="text"]:focus { opacity: 1; }
#btnSearch { cursor: pointer; border: none; padding: 2px 8px; }
.search-form { background-color: #079301; width: 0px; height: 52px; position: absolute; right: 0px; top: 100%; z-index: 99999999; display: block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; overflow: hidden; border: 1px solid gainsboro; opacity: 0; }
a.search { color: #fff; font-size: 10px; }
.container .container { padding: 0; width: 100% !important; }
.search-form { right: 15px !important; }
#timkiem {/* border: 1px solid #fff; */border-radius: 30px;height: 35px;display: flex;align-items: center;justify-content: space-between;width: 290px;background: #d41919;}
#timkiem input {background: none;border: none;outline: none;color: #333;margin: 0;}
#timkiem input[type="text"] {width: calc(100% - 30px);line-height: 34px;}
#timkiem input[type="button"] {/* width: 30px; *//* height: 30px; */background: url(../images/search.png) center no-repeat;}
.support-online { position: fixed; z-index: 9999; left: 0; bottom: 0px; }
.support-content { display: block; }
.support-online .item-sp { position: relative; margin: 20px 10px; text-align: left; width: 40px; height: 40px; border-radius: 50%; }
.support-online i { width: 40px; height: 40px; color: #fff; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; font-style: normal; display: flex; justify-content: center; align-items: center; }
.support-online .item-sp span { border-radius: 2px; text-align: center; background: #db0000; padding: 10px; min-width: 120px; display: none; margin-left: 8px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }
.support-online .item-sp:hover span { display: block; }
.support-online .item-sp { display: block; }
.support-online .item-sp span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent  #db0000 transparent transparent; position: absolute; left: -9px; top: 10px; }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: .75; right: -10px; }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; opacity: .5; }
.support-online .btn-support { cursor: pointer; }
.support-online .item-sp p { margin: 0px; }
.support-online .item-sp span a { line-height: normal; display: block; color: #fff; padding: 5px 0px; font-size: 15px; }
.support-online .item-sp img { margin-left: 5px; margin-top: 5px; position: relative; z-index: 11111; border-radius: 0 10px 10px 0; }
.support-online .item-sp.btn-support { background: #db0000; }
.support-online .item-sp.call-now { background: #008000; }
.support-online .item-sp.zal { background: #0fa8e2; }
.support-online .item-sp.sms { background: #db0000; }
.support-online .item-sp.lfb { background: #4267b2; }
.support-online .item-sp.mess { background: #db0000; }
.support-online .item-sp.mapc { background: #ffa500; }
.alo_mau { background-color: #db0000; }
.alo_mau_fill { background-color: rgba(219, 0, 0, 0.45); }
.alo_mau1 { background-color: #008000; }
.alo_mau1_fill { background-color: rgba(0, 128, 0, 0.45); }
.alo_mau2 { background-color: #0fa8e2; }
.alo_mau2_fill { background-color: rgba(15, 168, 226, 0.45); }
@media (max-width: 1024px) { .support-content { display: none; } }
.usual { margin: 30px 0; }
.usual ul.tab_content {margin: 0px;padding: 0px;display: flow-root;border-bottom: 1px solid #d41919;/* height: 43px; */}
.usual ul.tab_content li { display: inline-block; list-style: none outside none; }
.usual ul.tab_content li:last-child { background: none; }
.usual ul.tab_content a { color: #333; display: block; padding: 6px 15px; font-size: 18px; }
.usual ul.tab_content a:hover { color: #333333; }
.usual ul.tab_content a.selected {border-top: 5px solid #d41919;border-bottom: 1px solid #d41919;border-left: 1px solid #d41919;border-right: 1px solid #d41919;color: #d41919;cursor: default;position: relative;top: 1px;z-index: 1;color: #FFF;background: #d41919;}
.content_tab { border-left: 1px solid #d41919; border-right: 1px solid #d41919; border-bottom: 1px solid #d41919; padding: 20px; position: relative; top: -1; }
#product-detail-left, #product-detail-right { width: 100%; }
.product-info { border-bottom: 1px dashed #aeaeae; padding-bottom: 10px; margin-bottom: 10px; }
.product-info h1 { font-size: 30px; }
.gia-product.gia { font-size: 17px; color: #df0000; font-family: muli-bold; }
.size_item, .color_item { width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 17px; transition: all 0.3s; }
.color_item { border-radius: 50%; padding: 5px; border: 3px solid #FFF; cursor: pointer; }
.color_item.active, .color_item:hover { border-color: #ccc; transition: all 0.3s; }
.size_item { border: 1px solid #efefef; cursor: pointer; }
.size_item.active, .size_item:hover { box-shadow: 0 0 5px 1px #df0000; transition: all 0.3s; }
.process_add_to_cart, .process_order { text-transform: uppercase; width: 100%; font-weight: bold; max-width: calc(50% - 5px); }
.process_add_to_cart { background-color: #000; color: #FFF; }
.process_order { background-color: #df0000; color: #FFF; }
.soluong_11 { border: 1px solid #CCC; float: left; height: 32px; }
.soluong { border: none; outline: 0; border-left: 1px solid #CCC; border-right: 1px solid #ccc; float: left; width: 100px; height: 100%; text-align: center; }
.soluong_11 .a_1 { float: left; width: 20px; display: flex; align-items: center; justify-content: center; height: 100%; color: #000; font-size: 10px; }
.color_show_photo_slider:not(.active) { display: none; }
.showhinh { margin-bottom: 10px; }
@media (min-width: 768px) { #product-detail-left, #product-detail-right { width: calc(50% - 15px); } }
@media (min-width: 991px) { #product-detail-left { width: 565px; }
  #product-detail-right { width: calc(100% - 595px); } }
.slideout { height: 100vh; width: 32%; background-color: #FFF; z-index: 999999; position: fixed; right: 0; top: 0; transition: all 0.5s; }
.slideout:not(.active) { right: -32%; opacity: 0; transition: all 0.5s; z-index: -1; }
#slideout_cart { box-shadow: -1px 0 10px 0 #ececec; padding: 15px; padding-bottom: 40px; }
.slideout-header { display: flex; justify-content: space-between; }
.slideout-header .slideout-close { width: 32px; cursor: pointer; }
.slideout-content { position: relative; height: 100%; padding: 15px 0; }
.slideout-content .empty_cart { text-align: center; top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); font-size: 2rem; width: 100%; }
.slideout-content .cart_item { display: flex; justify-content: space-between; margin: 5px 0; padding-bottom: 5px; border-bottom: 1px dashed #dedede; }
.slideout-content .cart_item .image { width: 80px; }
.slideout-content .cart_item .detail { width: calc(100% - 90px); line-height: 2; font-size: 1.7rem; font-size: 14px; }
.slideout-content .cart_item .detail h5 { font-size: 17px; }
#cart_items { height: calc(100% - 120px); position: relative; overflow-y: auto; }
.cart_buttons .total { display: flex; justify-content: space-between; margin: 15px 0; }
.cart_buttons { text-align: center; }
.cart_buttons .btn { width: 100%; padding-top: 10px; padding-bottom: 10px; color: #fff; background-color: #000; border-color: #000; font-size: 18px; text-transform: uppercase; }
@media (max-width: 1200px) { .slideout { width: 50%; } }
@media (max-width: 768px) { .slideout { width: 100%; } }
.toggle_class { position: relative; }
.toggle_class .toggle-content { transition: all 0.4s; height: auto; }
.toggle_class:not(.active) .toggle-content { visibility: hidden; height: 0; transition: all 0.4s; overflow: hidden; }
.toggle_class .toggle-header { line-height: 2; text-transform: uppercase; border-bottom: 1px solid #666; margin-bottom: 1.5rem; font-family: sans-serif; cursor: pointer; position: relative; }
.toggle_class .toggle-header:after { content: "\f067 "; font-family: FontAwesome; position: absolute; right: 5px; }
.toggle_class.active .toggle-header:after { content: "\f068 "; }
.submic { padding: 15px; display: flex; justify-content: center; }
.othernews .star:before {color: #e88c01;top: 0px;position: relative;margin-right: 5px;}
.othernews li.icon { border-bottom: 1px dashed #efefef; padding-bottom: 8px; margin-bottom: 10px; }
body.news .news_tpl_items { font-size: 14px; border-bottom: 1px dashed #efefef; margin-bottom: 15px; padding-bottom: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; }
body.news .news_tpl_items h3 a { font-size: 18px; color: #333; line-height: 1.5; }
body.news .news_tpl_items .mota { height: 67px; overflow: hidden; }
#main-content:not(.index) .product-item { margin-bottom: 30px; }
h1.title_news {color: #e88c01;font-size: 24px;font-weight: normal;text-transform: uppercase;}
#main-content { line-height: 1.5; }
#main-content .icon { display: flex; }
#main-content .icon:before { margin-right: 5px; }
#main-content span.icon + span.icon { margin-left: 15px; }
#main-content .chiase { margin: 10px 0; }
.othernews a { text-decoration: none; color: #333; font-size: 15px; }
.othernews a:hover { color: #df0000; }
.row { display: flex; justify-content: space-between; flex-wrap: wrap; }
.row .news_tpl_items { display: flex; justify-content: space-between; }
.row .news_tpl_items:hover h3 a { color: #df0000 !important; }
.row .news_left { width: calc(100% / 3 - 15px); overflow: hidden; }
.row .news_right { width: calc((100% / 3) * 2); }
.row .news_right .ngay_luot { margin: 3px 0; }
.row .news_right a { color: #333; }
.btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 25px; border: 1px solid transparent; }
.btn.btn-danger { background-color: #df0000; color: #FFF; }
.btn.btn-danger:hover { color: #df0000; background-color: #fff; border-color: #df0000; }
.btn.btn-sucess { background-color: #158109; color: #FFF; }
.btn.btn-sucess:hover { color: #158109; background-color: #fff; border-color: #158109; }
.btn + .btn { margin-left: 15px; }
.album_item {
  margin-bottom: 6px;
}
#block-dacsan{
  padding: 40px 0;
  background: url(../images/bg_dacsan.jpg) top right no-repeat;
}
#block-giaikhat,#block-monchay{
  padding: 40px 0;
  background: url(../images/bg_giaikhat.jpg);
  background-size: cover;
}
#block-thucdon{
  padding: 45px 0;
}
.thucdon_img{
  position: absolute;
  top: -90px;
}
.i3gt{
  position:absolute;
  bottom: -50px;
  left:50px;
}
#video{
  display:flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
#ajax_video_123{
  /* width: calc(100% - 160px); */
  /* height: 390px; */
}
#ajax_video_123 .image{
  position:relative;
}
#ajax_video_123 .image:before{
  content:url(../images/play.png);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:1;
  pointer-events: none;
}
#ajax_video_123 img{
  height: 315px;
}
#ajax_video_123_thumbnail{
  width: 145px;
  height: 450px;
}
#footer{
  /* padding-bottom: 0; */
}
#tagsseo{
  padding: 30px 0;
  background-color: rgb(255 255 255 / 10%);
  color: #FFF;
}
#tagsseo a.di-block{
  margin-left: 5px;
  font-size: 15px;
}
#tagsseo a:hover{
  color: #f3bf09;
}
#block-doitac .container{/* padding-left: 90px; */position:relative;top:0;padding-top:30px;padding-bottom: 30px;}


.img_doitac{
  position:absolute;
  top: 0;
  left:0;
}

#block-general{
  position: relative;
  padding: 45px 0;
  overflow: hidden;
}
#block-general .title{
  color: #00a0da;
  font-size: 30px;
  font-family: ding;
  display: block;
  margin-bottom: 27px;
  text-transform: uppercase;
}
.row_item{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px;
  line-height: 1.8;
}
.row_item .image{
  width: 130px;
}
.row_item .detail{
  width: calc(100% - 145px);
}
.row_item .h3-title{
  font-family: opensans-bold;
  font-size: 14px;
  color: #2f2f2f;
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.row_item .date{
  color: #c0c0c0;
  font-size: 12px;
  /* margin-bottom: 10px; */
}
.row_item .mota{
  font-size: 13px;
  color: #646464;
  font-family: opensans-regular;
}
#menu.general{
  height: unset;
  border-bottom: 1px solid #efefef;
  /* padding: 0; */
  /* background-color: #009ee8; */
}
#menu.general .menu-text{
  font-family: roboto-bold;
  font-size: 16px;
  color: #3c3c3c;
  /* white-space: nowrap; */
}
#menu.general .menu.active .menu-text,#menu.general .menu:hover .menu-text{
  /* background-color: #fff000; */
  color: #faa11b;
  border-radius: 30px;
}
#menu.general #timkiem {
  background-color: #fff;
}
#block-congtrinh{
  padding: 45px 0;
  /* background: url(../images/bg_congtrinh.jpg); */
  background-size: cover;
}
#block-dichvu{
  padding: 45px 0;
  background: url(../images/bg_dichvu.jpg);
  background-size: cover;
}
.raw-card-item{
   position:relative;
}
.duan-ite
.raw-card-item .title{
  font-family: roboto-bold;
  color: #333333;
  font-size: 15px;
}
.raw-card-item .mota{
  color: #333333;
  font-size: 14px;
}
.raw-card-item.reverse .title{
  color: #fff;
}
.raw-card-item.reverse .mota{
  color: #ececec;
}
.block-product-list{
  padding-bottom: 45px;
}
.block-product-list:nth-of-type(:first-child){
  padding-top: 40px;
}
.block-product-list .xemthem{
  text-align:center;
}
.block-product-list .xemthem a{
  display: inline-block;
  padding: 7px 30px;
  border: 1px solid #00a0da;
  border-radius: 30px;
  color: #333;
  transition: all 0.1s;
  font-size: 15px;
  color: #000;
}
.block-product-list .xemthem a:hover{
  background-color: #00a0da;
  color: #fff;
  transition: all 0.2s;
  /* font-size: 15px; */
  /* color: #000; */
}
#block-loiich{
  padding: 40px 0;
  background: #00a0da url(../images/bg_loiich.jpg) bottom center no-repeat;
  background-size: 100% 20px;
}
.loi-item a{
  font-size: 17px;
  font-family:roboto-medium;
  text-transform: uppercase;
}
.btn_responsive{
  display:none;
  align-items:center;
  color: #fff;
}
@media (max-width: 1200px){
  #menu li.menu:not(.timkiem){
    display: none;
  }
  .btn_responsive{
    display:block;
  }
  #menu .container{
    justify-content: space-between;
    align-items: center;
  }
  .menu_responsive{
    display:flex;
  }
  #menu .nav-ul{
   width: unset!important;
  }
}
@media (max-width: 991px){
  #logo{
    /* width: 100%; */
  }
  #banner{
    width: 100%;
    text-align:center;
    justify-content: center;
  }
  #header .container{
    flex-wrap: wrap;
    justify-content:center!important;
  }
  .header-hotline{
    display: none;
  }
}
.block-product-list .xemthem a{
  display: inline-block;
  padding: 10px 30px;
  border: 2px solid #00a0da;
  font-family: roboto-regular;
  font-size: 15px;
  color: #000;
}
#block-duan{
  padding: 40px 0;
}
#block-hosonangluc{
  background-color: #f8f8f8;
}
.tieuchi{
  background-color: #fff;
  border: 1px solid #efefef;
  overflow: hidden;
}
.loiich-item{
  border: 1px solid #efefef;
  border-top:0;
  border-bottom: 0;
  margin-left: -1px;
  margin-right: -1px;
  text-align: center;
  padding: 45px 20px;
}
.loiich-item h3 a{
  font-family: roboto-bold;
  font-size: 16px;
  color: #333;
}
.loiich-item .mota{
  font-size: 13px;
  font-family: roboto-regular;
  color: #575757;
}
.img_hosonangluc{
  width: 315px;
}
.detail_hosonangluc{
  width: calc(100% - 380px);
}
.hosonangluc{
  padding: 30px 0;
}
.hosonangluc .container{
  display:flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
.img_hosonangluc h2{
  color: #393939;
  font-size: 35px;
  font-family: impact;
}
.dichvu_item.overlay .overlay-item.bottom{
  opacity:1;
  background-color: transparent;
  padding: 0;
  text-align: center;
  color: #FFF;
}
.dichvu_item.overlay .overlay-item.bottom .mota{
  display:none;
}
.dichvu_item.overlay:hover .overlay-item.bottom{
  height: 100%;
  background-color: #000;
  padding: 10px;
}
.dichvu_item.overlay:hover .overlay-item.bottom .mota{
  display:block;
  color: #FFF;
}
.dichvu_item{
  margin-bottom: 20px;
}
#block-dichvu_noibat{
  padding: 45px 0;
}
.mm-menu {
    background: #e0870c;
    border-color: rgba(0,0,0,.1);
    color: #FFF;
}
.duan_item  .mota{
  color: #FFF;
}