*, *::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; }
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: 1200px;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%;margin-bottom: 25px;}
.header-title .h2-title {color: #333333;font-size: 30px;font-family: utm-avo;}
.header-title .desc { font-family: muli-regular; font-size: 15px; color: #333333; }
.header-long-title {/* height: 50px; *//* background-color: #f5f5f5; */position: relative;margin-bottom: 20px;}
.header-long-title .h2-long-title:after {content: "\f078";width: 45px;height: 100%;background-color: #fff;color: #333;display: flex;align-items: center;justify-content: center;font-family: FontAwesome;font-size: 13px;font-weight: normal;}
.header-long-title .h2-long-title {display: inline-flex;height: inherit;align-items: center;border: 1px solid;border-color: #ff0000;/* padding-left: 15px; *//* padding-right: 30px; *//* border-top-right-radius: 20px; *//* border-bottom-right-radius: 20px; */font-family: utm-helvetin;font-size: 20px;color: #FFF;/* min-width: 180px; */height: 45px;text-transform: uppercase;}
.header-long-title .h2-long-title > span{
  display: inline-flex;
  height: 100%;
  align-items: center;
  background: #ff0000;
  padding: 0 15px;
}
.header-long-title .long-title-right {/* position: absolute; */right: 0;top: 0;height: inherit;display: flex;align-items: center;border: 1px solid #efefef;padding: 0 15px;padding-top: 15px;flex-wrap: wrap;}
.header-long-title .long-title-right span {cursor:pointer;padding: 0 5px;position: relative;background-color: #3e92f2;margin: 0 3px;margin-bottom: 10px;}
.header-long-title .long-title-right span + span{
  /* margin-left: 15px; */
}
.header-long-title .long-title-right span:not(:last-child):after {content: "";}
.header-long-title .long-title-right span:last-child:before {  }
.header-long-title .long-title-right a {color: #fff;font-family: roboto-regular;display: inline-block;/* background-color: #3e92f2; */padding: 8px 15px;}
.header-long-title .long-title-right a.xemthem { color: #11cb02; }
.header-long-title .long-title-right> span:hover,.header-long-title .long-title-right> span.active {background-color: #f00;}
.product_list_item { text-align: right; }
.line { position: relative; }
.line:before { position: absolute; }
.line.stroke:before {content: "";width: 38px;height: 1px;background-color: #fff;}
.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; } }
.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: "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: "utm-helvetin"; src: url("../fonts/UTM HelvetIns.ttf"); font-weight: normal; }
@font-face { font-family: "utm-avo"; src: url("../fonts/utm-avo.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: rgb(62, 146, 242);color: #FFF;/* padding: 15px 20px; */font-family: "roboto-regular";font-size: 14px;/* line-height: 1.5em; */opacity: 0;/* pointer-events: none; */transition: 0.5s;}
.overlay .overlay-item a { color: inherit; }
.overlay .overlay-item.bottom {bottom: 0;left: 0;max-width: 100%;}
.overlay .overlay-item:not(.bottom) { top: 0; left: 0; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
.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;display: flex;}
.icon:before { font-family: "FontAwesome"; width: 20px !important; display: flex; border-radius: 50%; align-items: center; justify-content: center; }
.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: #FFF;margin-right: 15px;}
.icon.facebook:before { content: "\f230 "; }
.icon.comment:before { content: "\f086"; }
.icon.whatsapp:before { content: "\f232"; }
#topbar .icon:before{
  color: #333;
}
#footer, #copyright {background-color: #3e92f2;}
#footer a, #copyright a { color: inherit; }
#footer a:hover, #copyright a:hover { color: #FFF; }
#copyright {/* height: 40px; */padding: 10px 0;font-family: muli-regular;}
#footer {padding: 30px 0;background: url(../images/bg_footer.jpg);background-size: cover;color: #fff;}
#footer h3 {color: #FFF;text-transform: uppercase;position: relative;margin-bottom: 15px;font-family: roboto-bold;font-size: 16px;padding-bottom: 15px;}
#footer h2 { font-family: "french"; font-size: 40px; color: #fff; margin-bottom: 15px; font-weight: normal; text-transform: capitalize; }
#footer ul.footer_menu {/* padding-left: 15px; */color: #FFF;list-style: none;margin-bottom: 20px;}
#footer .footer_menu a {display: block;margin-bottom: 10px;font-family: roboto-medium;font-size: 14px;}
#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; }
#footer [class*="ft-block-"] iframe { width: 100% !important; height: 280px; }
@media (min-width: 1200px){
  #footer .ft-block-1 {width: 380px;}
  #footer .ft-block-2 {width: 180px;}
  #footer .ft-block-3 {width: 180px;}
  #footer .ft-block-4 {width: 255px;}
}
#footer .ft-block-3 iframe { width: 100%; }
#footer input[type=submit] {display: block;width: 100%;/* margin-bottom: 15px; *//* text-align: center; */padding: 0;}
#footer input[type=submit] {background-color: #ff0000;color: #FFF;width: 70px;margin: auto;font-family: roboto-medium;font-size: 14px;text-transform: uppercase;}
#footer textarea{
  height: 80px;
}
#copyright {text-align: center;line-height: 1.5;color: #ffffff;font-family: inherit;font-size: 13px;}
#copyright .container {/* padding: 15px 0; */flex-wrap: wrap;}
#copyright .website_online .label { margin-right: 3px; }
#copyright .website_online .value { margin-right: 5px; }
#header {/* background: url(../images/bg_header.jpg); *//* background-size: cover; */padding: 38px 0;position: relative;}
#header .container {justify-content: space-between;flex-wrap: wrap;align-items: center;}
#header #addons{
  width: 100%;
  max-width: 415px;
}
@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; } }
#topbar {height: 43px;background-color: #f1f1f1;display: flex;justify-content: space-between;color: #333;align-items: center;}
#banner {/* display: none; */}
@media (min-width: 480px) { #banner { display: block; text-align: center; } }
#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; }
#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 { width: 430px; background-color: rgba(255, 255, 255, 0.9); padding: 30px; border-radius: 15px; box-shadow: 5px 6px 10px 0 #616161; }
#block-gioithieu .label { font-family: silk; font-size: 30px; color: #000; line-height: 1; }
#block-gioithieu .title { font-family: french; font-size: 50px; color: #11cb02; }
#block-gioithieu .title:after { content: url("../images/header-title.png"); }
#block-gioithieu .sp_color { color: #fd4d10; }
#block-gioithieu .image { margin-bottom: 20px; position: relative; }
#block-gioithieu .txt_xemthem { color: #37aa49; }
#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: #333; 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 .ngaydang { color: #757575; font-size: 14px; margin-top: 15px; }
#block-tintuc h3 a { font-family: robotoc-bold; color: #333333; font-size: 18px; }
#block-tintuc .xemthem { padding: 10px 15px; background-color: #d40000; color: #fff; display: inline-block; font-size: 15px; font-family: roboto-bold; font-weight: normal; }
#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: #f7f7f7; 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 { margin-bottom: 45px; }
#block-blog .container { display: flex; justify-content: space-between; }
#block-blog .block-blog-content, #block-blog .block-newsletter-content { width: calc(50% - 20px); }
#block-newsletter { background: url("../images/bg_newsletter.jpg"); background-size: cover; padding: 40px 0; text-align: center; padding: 45px; padding-top: 100px; }
#block-newsletter .form-title { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
#block-newsletter .form-title .txt-left { width: calc(100% - 100px); margin-bottom: 20px; }
#block-newsletter .form-title h2 { font-family: oswald-medium; color: #d40000; font-size: 26px; }
#block-newsletter .form-title .desc { font-size: roboto-regular; font-size: 18px; color: #FFF; font-weight: normal; }
#block-newsletter form { display: flex; justify-content: center; flex-wrap: wrap; position: relative; }
#block-newsletter input { border-radius: 3px; }
#block-newsletter .form-group { position: relative; }
#block-newsletter input[type=email], #block-newsletter input[type=text] { height: 45px; margin-bottom: 15px; background: none; border: none; border-bottom: 1px solid #FFF; border-radius: 0 !important; padding-left: 0; }
#block-newsletter input[type=email]::placeholder, #block-newsletter input[type=text]::placeholder { color: #FFF; }
#block-newsletter input[type=email], #block-newsletter input[type=text], #block-newsletter textarea { width: 100%; max-height: 106px; border-radius: 5px; }
#block-newsletter input[type=submit], #block-newsletter button { background-color: #f9fcf8; font-size: 15px; color: #11cc03; font-family: roboto-bold; position: absolute; right: 0; bottom: 23px; height: 45px; width: 110px; position: absolute; }
#block-newsletter button { display: flex; align-items: center; text-transform: uppercase; justify-content: center; }
#block-dichvu { margin-bottom: 40px; }
#block-dichvu .dichvu-item .image { position: relative; width: 125px; bottom: -30px; padding: 10px; background-color: #FFF; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
#block-dichvu .dichvu-item .image img { clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
#block-dichvu .dichvu-item h3 a { font-family: french; font-size: 25px; color: #FFF; }
#block-dichvu .dichvu-item .detail { padding: 0 15px; padding-top: 55px; background: #11cb02 url(../images/bg_dichvu.jpg) left no-repeat; background-size: 5px 100%; padding-bottom: 15px; }
#block-dichvu .dichvu-item .mota { height: 64px; overflow: hidden; color: #FFF; font-family: muli-regular; font-size: 13px; line-height: 1.6; }
#block-dichvu .dichvu-item:hover h3 a { color: yellow; }
#block-dichvu .dichvu-item img { transition: all 0.5s; }
#block-dichvu .dichvu-item:hover img { transform: rotate(360deg); transition: all 0.5s; }
.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: #e4ff00; }
.product-item {position: relative;margin-bottom: 1.5rem;/* border-radius: 15px; */overflow: hidden;transition: all 0.3s;border: 1px solid #efefef;}
.product-item h3 { font-size: 14px; color: #000000; line-height: 1.5; }
.product-item h3 a { font-size: 1em; color: inherit; }
.product-item:hover h3 a { color: #df0000 !important; }
.product-item .giaban {font-size: 15px;font-family: roboto-bold;color: #ff0000;}
.product-item .giacu{
  /* margin-left: 15px; */
  text-decoration: line-through;
}
.product-item .detail { z-index: 10; width: 100%; padding: 0 15px; padding-top: 10px; padding-bottom: 15px; }
.product-item .detail > div {display: flex;flex-wrap: wrap;flex-flow: column;text-align: left;}
.product-item .detail h3 a {font-family: roboto-regular;font-size: 15px;color: #333;text-transform: uppercase;}
.product-item .detail .giaban span { font-family: muli-semibold; font-size: 16px; color: #fd0113; }
.product-item:hover { box-shadow: 3px 5px 5px 0px #ccc; transition: all 0.3s; }
.product-item:hover .image img{
  filter: brightness(0.8);
}
.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: robotoc-bold; font-size: 18px; font-weight: normal; }
.duan_item .addons { display: flex; justify-content: space-between; flex-wrap: wrap; }
.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.4rem;}
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: 15px; *//* border-radius: 5px; */margin-bottom: 5px;}
#menu {height: 48px;background-color: #3e92f2;}
#menu .container {height: inherit;display: flex;justify-content: space-between;}
#menu .nav-ul {height: inherit;list-style: none;display: flex;/* justify-content: center; */}
#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: #3eb902; }
#menu .nav-ul-cat, #menu .nav-ul-item { top: 0; left: 100%; list-style: none; background-color: #3eb902; border-left: 1px solid #fff; }
#menu li.menu { height: inherit; position: relative; display: flex; align-items: center; flex-wrap: wrap; }
#menu li.menu:not(:last-child)::after { }
#menu .menu-text {font-family: roboto-bold;font-size: 15px;color: #FFF;text-transform: uppercase;white-space: nowrap;}
#menu .menu-text:hover {color: yellow;}
#menu .menu-text span { display: block; padding: 0 30px; position: relative; }
#menu .menu-list-text, #menu .menu-cat-text, #menu .menu-item-text {display: block;padding: 11px 15px;color: #333;white-space: nowrap;font-size: 14px;}
#menu .menu-list-text:hover, #menu .menu-cat-text:hover, #menu .menu-item-text:hover {background-color: #116bd2;color: #FFF;}
#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 dashed #ccc;}
#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; */}
.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 #eee;/* border-radius: 10px; */height: 40px;display: flex;align-items: center;justify-content: space-between;width: 240px;width: 100%;position: relative;}
#timkiem input {background: none;border: none;outline: none;/* color: #FFF; */}
#timkiem input[type="text"] {width: calc(100% - 95px);}
#timkiem input[type="button"] {width: 95px;height: 40px;position: absolute;background: #ff0000 url(../images/timkiem_icon.jpg) center no-repeat;right: 0;top: 0;}
.support-online { position: fixed; z-index: 9999; right: 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: -145px;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 0 10px 10px;border-color: transparent  transparent transparent #db0000;position: absolute;right: -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;margin-bottom: 30px !important;}
.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 #cb1e33; /* 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 #cb1e33; border-bottom: 1px solid #cb1e33; border-left: 1px solid #cb1e33; border-right: 1px solid #cb1e33; color: #cb1e33; cursor: default; position: relative; top: 1px; z-index: 1; color: #FFF; background: #cb1e33; }
.content_tab { border-left: 1px solid #cb1e33; border-right: 1px solid #cb1e33; border-bottom: 1px solid #cb1e33; 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;display: none;}
#slideout_cart {position: fixed;box-shadow: -1px 0 10px 0 #ececec;padding: 15px;padding-bottom: 40px;display: block;}
.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: #0e8405; 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: #116bd2;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; */}
#block-general .line.stroke:before{
  background-color: #efefef;
}
#block-general h2{
  padding-bottom: 5px;
  margin-bottom: 15px;
  font-family: utm-helvetin;
  font-size: 25px;
  color: #3e92f2;
}
.row-item.tintuc .image{
  width: 150px;
}
.row-item.tintuc .detail{
  width: calc(100% - 165px);
}
.row-item.tintuc h3 a{
  color: #333333;
  font-size: 15px;
  font-family: roboto-bold;
}
#ajax_video_123_select{
  height: 40px;
  margin-top: 10px;
  border-color: #efefef;
}
#vertical_tintuc{
  height: 300px;
  overflow: hidden;
}
#block-general{
  padding: 45px 0;
}
.xemthem_bt{
  text-align:right;
  margin-top: 10px;
 

}
.xemthem_bt a{
   width: 120px;
  height: 35px;
  background-color: #3e92f2;
  display:flex;
  align-items:center;
  justify-content: center;
  float: right;
  font-family: roboto-medium;
  font-size: 12px;
  color: #FFF;

}
.block-list:first-child{
  margin-top: 45px;
}
.block-list{
  margin-bottom: 40px;
}
.menu-vertical{
    width: 250px;
  }
  .menu-vertical{
    position:relative;
}
.menu-vertical h3{
    height: 100%;
    display:flex;
    align-items:center;
    background-color: #116bd2;
    justify-content:center;
    font-family: roboto-bold;
    font-size: 15px;
    color: #FFF;
    margin-bottom: 0;
    cursor: pointer;
}
.menu-vertical h3 span:before{
    content: url(../images/hnav.png);
    margin-right: 15px;
}
.vertical-ul{
    position:absolute;
    z-index: 99;
    list-style: none;
    background-color: #fff;
    width: 100%;
    /* background: #fff url(../images/bl.jpg) left repeat-y; */
    border-bottom: 2px solid #116bd2;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #116bd2;
}
.menu-vertical:not(.active) .vertical-ul{
    display:none;
}
.vertical-ul .menu-list{
    position:relative;
}
.vertical-menu-cat{
    position:absolute;
    list-style: none;
    left: 100%;
    top:0;
    background-color: #fff;
    display: none;
}
.vertical-ul .menu-list:hover .vertical-menu-cat{
    display:block;
}
.vertical-menu-cat .menu-cat{
    white-space: nowrap;
}
.vertical-ul a{
    font-family: roboto-regular;
    font-size: 15px;
    color: #323232;
}
.vertical-ul .menu-list-text{
    border-bottom: 1px dashed #efefef;
}
.vertical-ul .menu-list-text:before{
    content: url(../images/list.jpg);
    margin-right: 10px;
}
.gioithieu_left{
  width: 270px;
}
.gioithieu_right{
  width: calc(100% - 300px);
}
.gioithieu_left_menu a{
  display:block;
  padding: 8px 0;
  color: #111;
  font-family: roboto-medium;
  border-bottom: 1px solid #ccc;
}
.gioithieu_left_menu a:hover,.gioithieu_left_menu a.active{
  color: #116bd2;
}
.thanhtoan .btn{
  width: 100%;
  margin-bottom: 10px;
}
.menu_rp{
  display: none;
}
#menu_responsive:not(.mm-menu){
  display: none;
}
@media (max-width: 1200px){
  .menu_rp{
  display: flex;
}
  #topbar{
    display: none;
  }
  #menu .nav-ul{
    display: none;
  }
  .menu-vertical{
    display: none;
  }
  #header #timkiem{
    margin-top: 15px;
  }
  #header .container{
    justify-content:center;
  }
  #header{
    padding: 15px 0;
  }
}
@media (max-width: 767px){
  .process_add_to_cart, .process_order{
    max-width: 100%;
  }
}
#addons a{
  font-family: roboto-medium;
  color: #333;
  text-transform: uppercase;
}
.icon.bar{
  color: #fff;
  font-family: roboto-medium;
  font-size: 16px;
  display: flex;
  align-items:center;
  text-transform: uppercase;
}
.product_cat_items:not(.active){
  position:absolute;
  opacity:0;
  z-index:-1;
}
.menu-vertical:hover .vertical-ul{
  display:block;
}
@media (max-width: 991px){
  .gioithieu_right,.gioithieu_left{
    width: 100%;
  }
  .news .container.df,.about .container.df{
    /* flex-flow: column-reverse; */
  }
}
.grecaptcha-badge{
  display: none!important;
}
.menu-list-text{
  position:relative;
}
.menu-list-text:after{
  content: "\f105";
  position:absolute;
  right:10px;
  font-family: FontAwesome;
}
.product-item .pc{
  position:absolute;
  right:10px;
  bottom:20px;
  background-color: #df0000;
  padding: 3px 10px;
  border-radius:  5px;
  color: #fff;
}
.product-item .pc >span:before{
  content: "-";
  margin-right:2px;
}
.product-item .pc >span:after{
  content: "%";
  margin-left:2px;
}