@charset "UTF-8";
/*--------------------------------------------------------------------------/
* @Author         Hieu Nguyen  http://adsvietnam.vn
* @Social         https://www.facebook.com/hieunguyen2890
* @Copyright      Copyright (C) 2013 - 2019 Adsvietnam.vn. All rights reserved.
* @CreateDate  15-08-2018
/---------------------------------------------------------------------------*/
body {background: #F3f4f5; font-family: 'Roboto', sans-serif;font-size: 14px; position: relative; -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
h1, h2, h3, h3, h4, h5, h6 { font-size: 14px; font-weight: normal; line-height: normal; text-decoration: none; margin: 0; padding: 0 }
#Zone { overflow: hidden }
.wraper-order-inner { background: #fff; position: relative; padding: 15px; margin-top: 3px }
img { max-width: 100%; color: transparent; font-size: 1px }
a, a:hover, a:focus { color: #333; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms; text-decoration: none !important }
/*******************************
  RESET CSS
*******************************/
figure {margin-bottom: 0}
.table { width: 100% !important }
.pos-re {position: relative}
.container { max-width: 1175px }
a:hover { text-decoration: none }
.height-auto { height: auto !important }
.no-padding { padding: 0 }
.no-padding-left { padding-left: 0 }
.no-padding-right { padding-right: 0 }
.no-padding-bottom { padding-bottom: 0 }
.no-padding-top { padding-top: 0 }
.text-red { color: #ED1C24 }
.entry-meta { color: #768696; font-size: 12px }
.box-border { border: 1px solid #ddd; background: #fff; border-top: 3px solid #ddd; -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.1); box-shadow: 0 0 5px rgba(100, 100, 100, 0.1); position: relative }
.border-bottom { border-bottom: 1px solid #ddd }
.affix { top: 20px; position: fixed }
.pos-abs-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.transition { -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease }
#topcontrol { z-index: 99 }
#LoadMore { background: #f1f1f1; color: #888; font-size: 16px; font-weight: 700; }
a, a:active, a:focus, input, input:active, input:focus, button, button:active, button:focus, select, select:active, select:focus, .bootstrap-select .btn, .bootstrap-select .btn:active, .bootstrap-select .btn:focus { outline: 0 !important }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.figure-haft { display: block; overflow: hidden; padding-top: 70%; position: relative; }
.figure-haft > img { left: 50%; position: absolute; top: 0; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); width: auto; max-height: 90%; max-width: 90% }
.figure-haft-full {padding-top: 100%;position: relative;overflow: hidden}
.figure-haft-full > img { left: 50%; position: absolute; top: 0; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); width: auto; max-height: 90%; max-width: 90% }

.Home-Fix-Content { position: absolute; top: -6789px }
.readmore { border-radius: 1px; font-size: 13px; font-weight: 500; padding: 4px 0 4px 10px; text-transform: uppercase; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; margin: 0 }
a:hover .readmore, .readmore.active { background-color: #205cab; color: #fff; padding-right: 10px }
.BreadcrumbsBlock { display: inline-block; float: right }
.Breadcrumbs { position: relative; padding: 0 }
.Breadcrumbs * { color: #999; font-size: 13px }
.Breadcrumbs h1, .Breadcrumbs h2, .Breadcrumbs h3 { display: inline }
.Breadcrumbs strong { color: #888; font-size: 16px; margin: 0 6px }
.Breadcrumbs *:hover { color: #ff8a00 }
.Paging { padding: 0 10px 1px; margin: 0 auto; clear: both; text-align: center }
.Paging:empty { display: none }
.Paging span a { padding: 3px 5px; margin: 2px }
.Paging .page { background: #F1F2F2; border: 0 solid #B6B6B6 !important; border-radius: 2px; display: inline; margin: 0 2px; padding: 4px 8px }
.Paging .active { background: #CE0013; color: #FFF !important }
.AsideTitle { border-bottom: 1px solid #ddd; display: block; margin-bottom: 5px; padding: 7px 0; text-transform: uppercase; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap }
.AsideTitle h1, .AsideTitle h2, .AsideTitle h3, .AsideTitle h4, .AsideTitle h5 { display: inline }
.AsideTitle, .AsideTitle * { font-size: 18px; font-weight: 500 }
.AsideTitle, .AsideTitle a { color: #333 }
.AsideTitle a, .AsideTitle a:hover { color: #fff }
.AsideTitle a {line-height: 1;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis}
.AsideTitle .ic-productgroup {width: 18px;height: 18px;background-size: 100% auto;background-repeat: no-repeat;background-position: center center;display: inline-block;margin-right: 5px}
.AsideTitle .fa {margin-right: 5px}
.name-column { border-bottom: 1px solid #e4e7ea; border-top: 3px solid #e4e7ea; font-size: 14px; margin: 10px 0 20px; padding: 8px 0; display: block }
.name-column:after { content: "/"; font-weight: 600; margin: 0 0 0 7px; color: #205cab }
.name-column span { color: #205cab; font-weight: 500; text-transform: uppercase; font-family: inherit }
.Menu-Left { margin: 0; padding: 0 0 10px }
.Menu-Left.visible { margin: 5px 0 20px }
.Menu-Left li { position: relative }
.Menu-Left > li { padding-left: 15px }
.Menu-Left > li:before { color: #aaa; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 3px; width: 14px; height: 14px; content: "\f0da"; font-family: "FontAwesome"; font-size: 10px; line-height: 13px; text-align: center }
.Menu-Left li a { border-right: 5px solid transparent; color: #5f6368; display: block; font-size: 14px; padding: 5px 10px 5px 5px; position: relative; -webkit-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; transition: none 0s ease 0s; }
.Menu-Left li a span { color: #a1a1a1 }
.Menu-Left li.clearfix a { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center }
.Menu-Left li a .picture {    height: 36px;    width: 36px;    margin-right: 8px;    float: left;  position: relative;}
.Menu-Left li a img {    max-width: 100%;    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    max-width: 100%;    max-height: 70%;}
.Menu-Left li a span { }
.Menu-Left li i { display: inline-block; min-width: 15px; width: 40px; font-style: normal }
.Menu-Left li.active, .Menu-Left li:hover { background: #F1F1F1; color: #222 }
.Menu-Left li a:hover i { color: #fff }
footer.footer { background: #2D3C4D; margin-top: 20px; padding-top: 20px }
.Footer .container { padding: 0 }
.Footer a, .Footer { color: #fff; font-size: 12px; line-height: 23px }
.Footer a:hover { color: #eee }
.Footer h3, .Footer h4 { color: #fff; font-weight: 500; margin-top: 0 }
.Footer ul, .Footer p { margin: 0; padding: 0 }
.Footer ul li { list-style: none }
.footer-static-title { position: relative }
.footer-static-title h3 { color: #fff; display: inline-block; font-size: 15px; text-transform: uppercase }
.footer-static-title:after { content: ""; background: #ffcf07; height: 4px; width: 40px; position: absolute; bottom: 0; left: 0 }
#Footer-2:after, #Footer-4:after { border-right: 1px solid #333; box-shadow: 1px 0 0 #000; -moz-box-shadow: 1px 0 0 #000; -webkit-box-shadow: 1px 0 0 #000; padding-left: 5px; content: ""; position: absolute; right: 20px; top: 0; height: 100%; width: 2px }
.Footer .seal-tmdt img { max-height: 35px }
#footer-top { padding: 0; border-bottom: 1px solid #555; padding-bottom: 10px; margin-bottom: 10px }
.footer-top-left { display: inline-block; float: left; padding-top: 5px }
.footer-top-left > a { }
.footer-top-right { float: right }
.footer-top-right label { float: left; margin-right: 10px; margin-top: 3px }
.Footer .copyrights { background: rgba(0,0,0,0.2); border-top: 1px solid #555; margin-top: 10px; padding: 10px 0 50px }
.Footer .copyrights .aliright { text-align: right }
.ft-social { float: right }
.ft-social li { float: left; margin-right: 5px }
.ft-social li a:hover img { border-radius: 0; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms; border: 1px solid #fff }
.ft-social li a img {max-height:32px;max-width:32px; border-radius: 50%; border: 1px solid rgba(0,0,0,0) }
#Footer-Bottom-Right, #Footer-Bottom-Left { margin-top: 10px }
#Footer-Bottom-Right { text-align: right }
/*Call Me In MOBILE*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-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; }
@-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 tada {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%,  20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%,  50%,  70%,  90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%,  60%,  80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
 @keyframes tada {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%,  20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%,  50%,  70%,  90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%,  60%,  80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
.tada { -webkit-animation-name: tada; animation-name: tada; }
.call-me .animated { -webkit-animation-name: pulse; animation-name: pulse }
.call-me .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.call-me .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }
.call-me .pulse { -webkit-animation-name: pulse; animation-name: pulse }
.call-me .tada { -webkit-animation-name: tada; animation-name: tada }
.alo-phone { position: fixed; left: 0; bottom: 0; visibility: visible; background-color: transparent; width: 110px; height: 110px; cursor: pointer; z-index: 200000 !important }
.alo-ph-circle { width: 90px; height: 90px; top: 12px; left: 12px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #459d03; opacity: .5 }
.alo-ph-circle-fill { width: 60px; height: 60px; top: 28px; left: 28px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 2px solid transparent; border-radius: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #459d03; opacity: .75 !important }
.alo-ph-img-circle { width: 30px; height: 30px; top: 43px; left: 43px; position: absolute; background: #459d03 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #459d03; background-size: 70% }
/*End Call Me*/
.imageLinkWrapper {padding-top: 70%; position: relative; text-align: center }
.imageLinkWrapper:before { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; overflow: hidden; top: 0; left: 0 }
a:hover .imageLinkWrapper:before { -webkit-box-shadow: 0 0 0 3px #007FC4 inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; box-shadow: 0 0 0 3px #007FC4 inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease }
.imageLinkWrapper img { left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.Home-Product-Panel { border: 1px solid transparent; margin-bottom: 10px }
.block-border { border: 1px solid #ddd; border-radius: 10px; margin: 50px 10px 10px; padding: 50px 10px 20px; position: relative }
.block-border-dotted { border: 1px dashed #ddd }
.block-border-solid { border: 1px solid #ddd }
.block-border-dotted-color { border-color: #008ee0 }
.box-shadow { box-shadow: 0 0 5px rgba(100, 100, 100, 0.1); -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.1) }
.block-border-radius-5 { border-radius: 5px }
.block-aside { border-color: #ddd; margin: 15px 0; padding: 25px 0 0 }
.Sidebar-ProductLinks { padding: 10px }
.block-border .AsideTitleOtherCenter { background: #fff; left: 50%; position: absolute; top: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap }
.name-column-3 { background: #000; color: #fff; display: inline-block; font-size: 14px; margin: 0; padding: 8px 15px; text-align: center; white-space: nowrap; text-transform: uppercase }
.AsideTitle2 { border-left: 10px solid #205cab; color: #205cab; font-size: 16px; font-weight: 700; margin-bottom: 10px; padding-left: 10px; text-transform: uppercase }
.Home-Product-Panel .Home-Product { border: 1px dashed #008ee0; height: auto }
.Home-Product-Panel .Home-Product > a { padding-bottom: 15px }
.block-aside.Home-Product-Panel .Home-Product { border: none !important; padding: 0 10px }
.block-aside.Home-Product-Panel .Home-Product > a { border-bottom: 1px dashed #008ee0 }
.block-aside.Home-Product-Panel .Home-Product:last-child > a { border-bottom: none }
.Home-Product-Panel .Home-Product .ProductName { color: #008ee0 !important; font-weight: bold; text-transform: uppercase }
.control-dots .tab-pane { position: relative }
.control-dots .owl-dots { background: rgba(0, 0, 0, 0); bottom: 3%; display: inline-block; height: 25px; left: 50%; position: absolute; transform: translate(-50%, -1%); -moz-transform: translate(-50%, -3%); -ms-transform: translate(-50%, -1%); -o-transform: translate(-50%, -1%); -webkit-transform: translate(-50%, -1%); border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; }
.control-dots .owl-dot { background: transparent; border-radius: 50%; color: #fff; display: inline-block; font-size: 12px; height: 12px; margin: 5px; width: 12px; }
.control-dots .owl-dot { -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70); }
.control-dots .owl-dot { border: 2px solid }
.control-dots .owl-dot:hover, .control-dots .owl-dot.active { text-decoration: none; border-color: #0054a6; background: #0054a6 }
.control-dots .owl-dot:hover, .control-dots .owl-dot.active { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100); }
.control-dots-right .owl-dots { }
.control-dots-left .owl-dots { left: 30px }
.control-dots-top-right .owl-dots { top: 3%; left: auto; right: 3%; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.control-nav .tab-pane { position: relative }
.control-nav .owl-prev, .control-nav .owl-next { font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 50px; height: 80px; background: rgba(255, 255, 255, 0.8); color: transparent }
.control-nav .owl-prev:before { left: 0px; }
.control-nav .owl-next { right: 0px; }
.control-nav .owl-prev:before, .control-nav .owl-next:before { content: ""; left: 45%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #333; background: url(images/arrowsNextPrev.png) no-repeat; width: 34px; height: 34px }
.control-nav .owl-prev:before { }
.control-nav .owl-next:before { background-position: -32px 0; }
.control-nav-sm .owl-prev, .control-nav-sm .owl-next { height: 24px; width: 24px; background: #eee; font-size: 0 }
.control-nav-sm .owl-prev:before, .control-nav-sm .owl-next:before { content: ""; left: 50%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; height: 100%; text-align: center; font-size: 16px; background: no-repeat }
.control-nav-sm .owl-prev:before { content: "\f104" }
.control-nav-sm .owl-next:before { content: "\f105" }
.control-nav-sm .owl-prev:hover, .control-nav-sm .owl-next:hover { background: #0054a6; color: #fff }
.control-nav-sm .owl-prev:hover:before, .control-nav-sm .owl-next:hover:before { color: #fff }
.auto-hide .owl-prev, .auto-hide .owl-next { -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; opacity: 0; visibility: hidden; }
.auto-hide .owl-prev { left: 10px; }
.auto-hide .owl-next { right: 10px; }
.auto-hide:hover .owl-prev { left: 0; opacity: 1; visibility: inherit; }
.auto-hide:hover .owl-next { right: 0; opacity: 1; visibility: inherit; }
/*
	| ----------------------------------------------------------------------------------
	| HEADER
	| ----------------------------------------------------------------------------------
	*/
/*============HEADER===============*/
body {padding-top: 85px}
#header-full { background: #205cab;  display: block; height: 75px; margin-bottom: 20px; position: fixed; width: 100%; z-index: 999; top: 0}
#header-full:before {content: ""; background: #000; height: 3px; left: 0; position: absolute; top: 0; width: 100%; }
.header-container {padding: 0}
.header-deliver { background: #000; bottom: 0; height: 7px; left: 0; position: absolute; width: 100%; }
.Control-Logo {width: 110px;}
.Logo { background: #fff; height: 82px;width: 89px; line-height: 65px; margin-top:3px; position: relative; }
.Logo::after { border-color: #205cab transparent transparent; border-style: solid; border-width: 10px 10px 0 0; bottom: 0; height: 10px; position: absolute; right: -10px; }
.Logo{ -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);}
.Logo .new-logo {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 5px 10px}
.Logo a {height: 100%; text-align: center; }
/*.Logo a::after {content: ""; background: #205cab; bottom: 10px; height: 1px; left: 8px; position: absolute; width: 80%; }*/
.Logo img {    display: inline;    max-height: 65px;    max-width: 100%;    margin-top: 0px;    width: auto;}
.Control-Logo-Slogan {margin-right: 15px}
.Logo-Slogan { margin-top: 12px;margin-left: -5px}
.Logo-Slogan img {max-height: 50px}
.Control-Search {}
#Search { display: inline-block; float: left; margin-right: 5px; width: 100% ;position: relative}
.searchBar {position: relative}
#Search .txt-search { height: 40px !important; font-size: 13px; }
@media only screen and (min-width : 991px) {
#Search {margin-top: 15px;padding-left: 0}
}
/*Header-Order*/
#Control-Header-Order {    width: 90px;    float: right;    height: 90px;    display: table;    position: relative;    top: 15px;    margin-right: 5px;    margin-left: 10px;}
#Header-Order { background: #7f0600; border-radius: 50%; color: #fff; cursor: pointer; float: left; font-size: 13px; left: 65%; margin-top: 0; position: absolute; text-align: center; width: 20px; z-index: 1; }
#Header-Order::after { color: #fff; content: "Giỏ hàng"; font-size: 12px; font-weight: 400; height: 30px; left: -50px; position: absolute; text-transform: uppercase; top: 28px; width: 75px; }
#Header-Order::before { background: rgba(0, 0, 0, 0) url("images/cart-icon.png") no-repeat scroll -5px -5px; content: ""; height: 30px; left: -25px; position: absolute; top: -7px; width: 30px; }
@media only screen and (min-width : 991px) and (max-width : 1100px) {
#Header-Order {left: 50%}
}

/**********Menu-Header*/
.Menu-Header { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; background: transparent;  margin-bottom: 0 !important ;padding-left: 0 !important;padding-right: 0 !important}
.Menu-Header > li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; float: left; }
.Menu-Header > li > a { color: #fff; text-align: center; display: block;width: 100%;padding: 12px 0 0}
.Menu-Header > li { list-style: none; height: 68px;padding: 8px 25px 0 }
.Menu-Header > li a .menu-name{display: block;text-align: center;margin-top: 5px}
.Menu-Header > li > a { color: #fff; text-transform: uppercase; font-weight: 400; font-size: 12px; height: 100% }
.Menu-Header > li a img {max-height: 24px}
.Menu-Header > li:hover { background: rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset }
.Menu-Header > li > a.mn { background-size: auto 25px; background-position: center 5px; padding-top: 35px; background-repeat: no-repeat }
.Menu-Header > li > a.mn-ink { background-image: url('images/muc-in.png') }
.Menu-Header > li > a.mn-printer { background-image: url('images/print.svg') }
.Menu-Header > li > a.mn-scan { background-image: url('images/scanner.svg') }
.Menu-Header > li > a.mn-laptop { background-image: url('images/laptop.svg') }
.Menu-Header > li > a.mn-desktop { background-image: url('images/workstation.svg') }
.Menu-Header > li > a.mn-setting { background-image: url('images/setting.svg') }
/*Hotline icon*/
.hotline-icon {display: inline-block;float: right}
.hotline-icon > a {padding-top: 10px;color: #fff;display: block}
.hotline-icon .figure{display: inline-block;float: left;width: 45px;height: 45px;position: relative}
.hotline-icon .figure img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-height: 35px}
.hotline-icon .menu-name {width: calc(100% - 45px);float: left;}
.hotline-icon .menu-name span{display: block;text-align: left;font-size: 22px;font-weight: 700;white-space:nowrap}
.hotline-icon .menu-name span:last-child {font-size: 13px;font-weight: 300;position: relative;padding-left: 18px;}
.hotline-icon .menu-name span:last-child:before {content: "\f017";font-family: "FontAwesome";width: 20px;height: 20px;position: absolute;left: 0;top: 0}
.hotline-icon .text{}
/*CONTACT LINK*/
.header-contact-link {padding-top: 10px;display: table;padding-left: 15px;height: 68px;float: right;padding-right: 30px}
.header-adress {text-align: center;display: inline-block;color: #fff}
.header-adress .figure{display: block}
.header-adress .figure img{display: block;max-height: 35px;padding: 0;margin: 0 auto }
.header-adress .menu-name{color: #fff; text-transform: uppercase; font-weight: 400; font-size: 12px; height: 100%}
/*======header-dropdown*/
.header-dropdown {margin-left: 30px}
.header-dropdown .fa-sort-desc {margin-left: 3px;    position: relative;    top: -2px;}
.header-dropdown .figure{display: block}
.header-dropdown .figure img{display: block;max-height: 35px;padding: 0;margin: -4px auto 0}
.header-dropdown .menu-name{color: #fff; text-transform: uppercase; font-weight: 400; font-size: 12px; height: 100%}
.header-dropdown .dropdown-toggle::after {color: #fff}
/*header-dropdown > menu-category*/
.menu-category .dropdown-menu {min-width: 450px}
.menu-category ul {padding: 10px 15px}
.menu-category ul li{float: left;    list-style: none;    width: calc(100% / 3);    padding: 3px;    min-height: 70px;}
.menu-category ul li > a{font-size: 13px;    text-align: center;    padding: 10px;    background: #eee;    border-radius: 5px;    border: 1px solid #ddd;    text-transform: uppercase;    height: 70px;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    width:100%;}
.menu-category ul li a{}
.menu-category ul li a:hover {background: #205cab;color: #fff}
/*MENU TOP*/
.menu-top { color: #b7a054; font-size: 11px; margin: 17px 12px 0 0; text-shadow: 0 0; text-transform: uppercase; padding: 0 }
.menu-top li { float: left; list-style: none; position: relative }
.menu-top > li { margin-left: 10px }
.menu-top li:first-child { letter-spacing: 0.5px; }
.menu-top li.line { padding: 0 9px 0 6px; }
.menu-top li a { color: #fff; font-weight: 300 }
.hotline { color: #ffd100; font-size: 23px; letter-spacing: 0.9px; margin: 5px 11px 0 0; padding-left: 35px; position: relative; }
.hotline:before { content: ""; position: absolute; left: 0; width: 25px; height: 100%; background: rgba(0, 0, 0, 0) url("/Image/website/icon-phone.png") no-repeat scroll left 0 / auto 27px; }
.hotline:before { -webkit-animation: 2.5s linear 0s normal none infinite running Ringing; animation: 2.5s linear 0s normal none infinite running Ringing }
@-webkit-keyframes Ringing { 0%, 100%, 16%, 24%, 8% {
-webkit-transform:rotate(0)
}
12%, 20%, 4% {
-webkit-transform:rotate(-15deg)
}
}
@keyframes Ringing { 0%, 100%, 16%, 24%, 8% {
-webkit-transform:rotate(0);
 transform:rotate(0)
}
12%, 20%, 4% {
-webkit-transform:rotate(-15deg);
 transform:rotate(-15deg)
}
}
.hotline a { color: yellow; font-weight: 700; }
/*Menu-Top*/
.sticky-wrapper.is-sticky #navigation { z-index: 99999 !important }
#navigation { background: #205cab; border-bottom: 4px solid #000; }
.Menu-Top { width: 100%; position: relative; margin-left: 0; padding-left: 25px; margin-bottom: 0 !important; padding-left: 0 }
.Menu-Top:before, .Menu-Top:after { content: " "; display: table; }
.Menu-Top:after { clear: both }
.Menu-Top li { list-style: none }
.Menu-Top a { font-size: 13px }
.Menu-Top > li { float: left; position: relative; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms; }
.Menu-Top > li:not(:first-child) { border-left: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 1px 0 rgba(255, 255, 255, 0.1) inset; -webkit-box-shadow: 1px 0 rgba(255, 255, 255, 0.1) inset; }
.Menu-Top > li > a { color: #fff; font-size: 16px; font-weight: 400; padding: 0 18px; line-height: 44px; position: relative; text-transform: uppercase; -webkit-transition: none; -o-transition: none; transition: none }
.Menu-Top > li > a > img { margin-right: 8px; max-height: 20px }
/*Level 2*/
.Menu-Top > li ul li {background: #fff}
.Menu-Top > li ul li a {color: #333;font-weight: 400; font-size: 13px !important;-webkit-transition: none;-o-transition: none;transition: none}
.Menu-Top > li ul li:hover {background: #205cab;-webkit-transition: none;-o-transition: none;transition: none}
.Menu-Top > li ul li:hover a {color: #fff;}
/*Dropdown*/
.Menu-Top > li > ul { display: none }
.Menu-Top .dropdown .dropdown-menu { background: rgba(0, 0, 0, 0); display: block; opacity: 0; top: 100%; visibility: hidden; }
.Menu-Top .dropdown > .dropdown-menu { background: #fff; border: medium none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-family: Arial, sans-serif; font-size: 13px; left: 0; margin-top: 0; min-width: 431px; min-height: 250px; padding: 17px 16px 0 28px; text-align: left; top: 100%; }
.Menu-Top > li.left.dropdown > .dropdown-menu { left: auto; right: 0 }
.Menu-Top > li.small.dropdown > .dropdown-menu { min-width: 250px; min-height: 180px }
.Menu-Top > li.small.dropdown > .dropdown-menu .content-sub-menu ul.sub.top { min-height: 140px }
.Menu-Top .dropdown > .dropdown-menu.dropdown-menu-style-2 { min-width: 700px; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); }
.Menu-Top .dropdown ul { padding-left: 0 }
.Menu-Top .dropdown > .dropdown-menu .search-articles { border-left: 1px solid #e0e0e0; float: left; padding: 3px 0 0 15px; width: 215px; }
.Menu-Top .dropdown > .dropdown-menu .search-articles .search-article { background-clip: padding-box; border-radius: 2px; font-size: 13px; height: 31px; margin-bottom: 13px; overflow: hidden; width: 199px; }
.Menu-Top .dropdown > .dropdown-menu .search-articles .search-article input.search-article { background: url("/Image/loctancuong/bt-search-2.png") no-repeat scroll right top, #e7e7e7; border: none; color: #ff5a00; height: 100%; padding-left: 18px; padding-right: 28px; width: 100%; }
.Menu-Top .dropdown > .dropdown-menu .search-articles .search-article input.search-article:-moz-placeholder {
color: #ff5a00;
font-size: 13px;
font-style: normal;
}
.Menu-Top .dropdown > .dropdown-menu .search-articles ul { overflow-y: auto; padding-left: 17px; text-transform: none; }
.Menu-Top .dropdown > .dropdown-menu .search-articles ul.mCustomScrollbar { }
.Menu-Top .dropdown > .dropdown-menu .search-articles ul li { margin-bottom: 16px; white-space: normal; }
.Menu-Top .dropdown > .dropdown-menu .search-articles ul li:hover a { color: #ec4301; }
.Menu-Top .dropdown > .dropdown-menu .search-articles ul li a { color: #7d7d7d; display: block; }
.Menu-Top .dropdown > .dropdown-menu .dropdown-menu { left: 100%; margin-left: 2px; top: -9px; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu { float: left; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu:not(.w-100) { width: 172px; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu.content-sub-style-2 { position: relative; width: 440px; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu.content-sub-style-2::before { background: #e0e0e0; content: ""; height: 165px; left: 50%; margin-left: -8px; position: absolute; top: 0; width: 1px; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu.content-sub-style-2 ul.sub.top > li { padding-right: 15px; clear: both }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu.content-sub-style-2 ul.sub.top > li.haft { width: 50%; clear: none }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu ul.sub { font-size: 14px; text-transform: uppercase; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu:not(.w-100) ul.sub { width: 172px }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu ul.sub.top { min-height: 177px }
.Menu-Top .dropdown > .dropdown-menu.dropdown-menu-style-2 .sub { position: relative; width: 440px !important; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu ul.sub.top > li { float: left; width: 100% }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu ul.sub > li { letter-spacing: 0.1px; margin-bottom: 28px; text-shadow: 0 0; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu ul.sub > li:last-child { margin-bottom: 26px; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu ul.sub li a { display: block; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu ul.sub li ul { font-size: 13px; margin: 5px 0 -17px; text-transform: none; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu ul.sub li ul li { text-shadow: none; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu ul.sub li ul li a { color: #7d7d7d; padding: 5px 12px; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu ul.sub li ul li:hover > a { background: rgba(0, 0, 0, 0) url("/Image/loctancuong/bg-1.png") no-repeat scroll left top 8px; color: #ff5a00; }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu .vang-menu { margin-bottom: 10px; padding-top: 20px; position: relative }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu .vang-menu li { width: 32.3333% !important; float: left }
.Menu-Top .dropdown > .dropdown-menu .content-sub-menu .vang-menu::before { background: #e0e0e0; content: ""; height: 1px; left: 0; position: absolute; top: 0; width: 90%; }
/**/
.Menu-Top .mCSB_scrollTools .mCSB_draggerRail { width: 12px !important; background: #E5E5E5 }
.Menu-Top .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .Menu-Top .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .Menu-Top .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .Menu-Top .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .Menu-Top .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .Menu-Top .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 3px; }
.Menu-Top .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #057512 !important; width: 6px }
/*Hover*/
.Menu-Top .dropdown > .dropdown-menu li:hover > .dropdown-menu { -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.Menu-Top .dropdown:hover > .dropdown-menu { opacity: 1; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; visibility: visible; }
.Menu-Top > li:hover > .dropdown-menu { }
.Menu-Top .dropdown > .dropdown-menu li:hover > a { color: #ec4301 }
.Menu-Top > li:hover, .Menu-Top > li:hover > a { background: #fff; color: #000 }
.Menu-Top > li:hover > a { }
/*Emd Menu-Top*/
#Control-Home-Slide { position: relative;border-bottom: 6px solid #205cab}
.Home-Slide {height: 309px}
/*#Control-Home-Slide::after { background: rgba(0, 0, 0, 0) url("/Image/website/banner-shadown.png") no-repeat scroll center top / contain; bottom: -67px; content: ""; height: 61px; position: absolute; width: 100%; }*/
.Home-Product-Block { }
.navbar-home-product {background: #205cab;border-color: #205cab;margin-bottom: 15px}
.navbar-home-product .navbar-toggler {border-color: #fff}
.navbar-home-product .navbar-collapse, .navbar-home-product .navbar-form {border-color: transparent}
.navbar-home-product .navbar-brand, .navbar-home-product .navbar-nav > li > a {color: #fff;padding: 5px 15px}
.navbar-home-product .navbar-brand:hover, .navbar-home-product .navbar-nav > li > a:hover {color: yellow}
.navbar-home-product .navbar-brand:hover:before{color: #fff}
.navbar-home-product .navbar-brand {font-weight: 700;margin-right: 30px;position: relative;text-transform: uppercase;}
.navbar-home-product .navbar-brand img {display: inline-block;float: left;margin-right: 10px;margin-top: 0;max-height: 30px;}
.navbar-home-product .navbar-brand:before {color: #fff; content: "\f105";font-family: "FontAwesome";font-size: 30px;left: calc(100% + 10px);position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 20px;}
.row-product-info { display: table; position: relative; width: 100% }
.Home-Product { background: transparent; position: relative; margin-bottom: 5px }
.Home-Product, .Home-Product > a { display: block; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease }
.Home-Product > a { background: #fff }
.Home-Product:hover > a { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) }
.Home-Product-Block .row-product-info { }
.Home-Product figure { background-color: #fff; position: relative }
.Home-Product figure > span.middle { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 100% }
.Home-Product figure img { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 90% }
.Home-Product figure img { -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 0 auto }
.Home-Product figure:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1 }
.Home-Product:hover figure:before { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s }
.flag-status { background-repeat: no-repeat; background-size: auto 30px; background-position: 3px 0; color: #ffffff; font-size: 8px; font-weight: 700; height: 36px; left: 1px; line-height: 10px; margin-top: 0; padding: 3px 0 0; position: absolute; text-align: center; text-transform: uppercase; top: 1px; width: 37px; z-index: 99 }
#Product .ProductInfo .flag-status { background-size: auto 52px; font-size: 13px; height: 52px; line-height: 14px; padding-top: 10px; width: 60px }
#Product .ProductInfo .flag-status-off { font-size: 9px }
.flag-status-stock { background-image: url(images/status/stock.png) }
.flag-status-order { background-image: url(images/status/order.png) }
.flag-status-new { background-image: url(images/status/new.png) }
.flag-status-hot { background-image: url(images/status/hot.png) }
.flag-status-close { background-image: url(images/status/close.png) }
.flag-status-off { background-image: url("images/status/off.png"); background-size: 51px auto; height: 50px; padding: 10px 2px 0; width: 53px }
.Home-Product .right-block { overflow: hidden; padding:10px 15px 50px 15px; position: relative; text-align: center; z-index: 9; }
.Home-Product .ProductName { color: #000; display: block; font-size: 13px; font-weight: 500; height: 65px; line-height: 1.4; margin-bottom: 0; overflow: hidden; position: relative; text-align: center; }
.Home-Product.ProductLinks .ProductName { height: 75px }
.Home-Product .ProductType { color: #666; font-size: 14px; margin-bottom: 8px }
.Home-Product .deliver { display: block; height: 1px; width: 100%; background: #ddd; margin-bottom: 8px; margin-top: 4px }
.Home-Product .content_price { height: 45px }
.ProductPriceNew { color: #044e95 }
.Home-Product .ProductPriceNew { color: #205cab; display: block; font-size: 16px; font-weight: 500; margin: 0; padding-left: 65px; padding-right: 10px; position: relative }
.Home-Product .ProductPriceNew:before { content: "Giá bán: "; position: absolute; left: 0; width: auto }
.Home-Product .ProductPriceNew:not(.contact-price):after { content: "₫"; font-size: 75%; position: absolute; right: 0; top: 0; width: auto }
.Home-Product .ProductPriceNew span { font-weight: 700 }
.Home-Product .ProductPriceNew, .Home-Product .ProductPriceVirtual { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden }
.Home-Product .ProductPriceVirtual { color: #aaa; text-decoration: line-through; display: block; font-size: 14px; font-weight: 400; margin-top: 5px }
.Home-Product .ProductPriceVirtual sup { top: 0 }
.Home-Product-Sale-Tag { background: rgba(0, 0, 0, 0) url("images/price-percent-br.png") no-repeat scroll center right/auto 28px; color: #fff; font-size: 12px; height: 30px; line-height: 25px; position: absolute; right: 0; text-align: center; top: 0; width: 33px; z-index: 99 }
.Home-Product .ProductSerial { background: #ed1c24; color: #fff; font-size: 11px; font-weight: 500; padding: 3px 5px; position: absolute; right: 1px; top: 1px; z-index: 99 }
.star-rating { font-family: FontAwesome; font-size: 13px; height: 1em; line-height: 1; overflow: hidden; position: relative; width: 74px; letter-spacing: 3px; display: block; margin: 5px auto }
.star-rating:before { color: #b5b5b5; content: "\f005\f005\f005\f005\f005"; float: left; left: 0; position: absolute; top: 0 }
.star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0 }
.star-rating span:before { content: "\f005\f005\f005\f005\f005"; left: 0; position: absolute; top: 0; color: #FDBF18 }
.Home-Product .content_price { display: inline-block; float: none; font-weight: 700; line-height: 1.2; position: relative }
.Home-Product .content_price b > span { font-family: arial }
.Home-Product .sale-price { display: inline; font-size: 12px; position: absolute; top: 0; right: -65px }
.sale-price { background: rgba(0, 0, 0, 0) url("images/discount.svg") no-repeat scroll 0 0/contain; color: #fff; font-size: 16px !important; height: 24px; line-height: 24px; padding: 0 5px 0 10px; text-align: right; white-space: nowrap }
.Home-Product .PriceBlock { position: relative }
.Home-Product .badge { background: #F30; position: absolute; right: 5px }
.Home-Product .ProductPromotionName { margin-top: 5px }
.Home-Product .ProductPromotionName span { display: inline-block; float: left; margin-right: 5px }
.Home-Product .assetText { padding: 0 5px }
.Home-Product .NoProductPromotion { }
.Home-Product .ProductPromotion { background: url("http://gomtinhvan.com/images/gift.png") no-repeat scroll right bottom/36px auto; bottom: 10px; color: transparent; font-size: 12px; font-weight: 400; height: 50px; margin-bottom: 5px; overflow: hidden; position: absolute; right: 10px; text-align: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 40px }
.Home-Product .OrderProductButton { background-color: #007DBA !important;  color: #fff; text-transform: uppercase; padding: 0; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; z-index: 10 }
.Home-Product .OrderProductButton { bottom:10px !important;top: auto; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0) }
.Home-Product .OrderProductButton { display: inline-block;border-radius: 3px; text-align: center; padding: 8px 15px; visibility: hidden }
.Home-Product .OrderProductButton {}
.Home-Product .OrderProductButton span { font-weight: 300; font-size: 13px; text-transform: uppercase; position: relative }
.Home-Product .OrderProductButton ~ a { pointer-events: none }

.Home-Product figure { pointer-events: none }
.Home-Product:hover .OrderProductButton { visibility: visible }
.Home-Product .add-to-cart:hover { background-color: rgba(255,51,102,0.5) }
.Home-Product .add-to-cart:hover { background: #ff3366 }
#Control-Contact-Us { background: -o-linear-gradient(90deg, #FFFFFF 0%, #205cab 100%); background: -o-linear-gradient(bottom, #FFFFFF 0%, #205cab 100%); background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#205cab)); background: linear-gradient(0deg, #FFFFFF 0%, #205cab 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#205cab', endColorstr='#FFFFFF', GradientType=0);
}
#Control-Contact-Us { padding: 40px 0 }
#Control-Contact-Us ._header { color: #fff; display: inline-block; font-size: 30px; font-weight: 700; margin-bottom: 15px; padding-bottom: 10px; position: relative; text-transform: uppercase }
#Control-Contact-Us ._header:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 50%; background: #57BD35; height: 2px; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%) }
.contact label { cursor: pointer; float: left; margin-bottom: 10px; overflow: hidden; width: 50% }
.contact label [class^="icon-"], .contact label [class*="icon-"] { background-image: url('/Image/website/iconcheck.png'); background-repeat: no-repeat; display: inline-block; float: left; height: 18px; line-height: 18px; vertical-align: middle; margin: 0 5px 0 0; width: 18px }
.icon-option { background-position: 0 0 }
.icon-optioncheck { background-position: -20px 0 }
.contact span { color: #fff; display: block; font-size: 14px; overflow: hidden }
.contact textarea { background: #f8f8f8; border: 1px solid #ddd; border-radius: 3px; color: #999; display: block; font-size: 14px; padding: 10px; width: 100% }
.contact textarea:focus, .contact input:focus { color: #333 }
.contact .attach { display: block; margin: 10px 0; overflow: hidden; padding: 10px 0 }
.contact .attach a { color: #288ad6; float: left; font-size: 14px; margin-right: 10px; text-decoration: underline }
.contact input { background: #f8f8f8; border: 1px solid #ddd; border-radius: 3px; color: #999; height: 40px; line-height: 40px; font-size: 14px; padding: 10px }
.contact input[type="image"] { background: transparent; border: none; border-radius: 0; height: auto !important; line-height: inherit !important }
.contact button { background: #205cab; border: 1px solid #00a054; border-radius: 3px; color: #fff; font-size: 20px; font-weight: 700; height: 39px; letter-spacing: 0.5px; padding: 5px 20px 10px; text-transform: uppercase }
/*CONTROL: Home-News-Latest*/
.main-content-bottom {padding-top: 30px;padding-bottom: 30px;background: #f2f3f4}
.home-news-latest { padding: 0 }
.block-news-video { padding-right: 15px }
/*Title*/
.Home-News-Video header, .Home-News-Latest header { padding-bottom: 5px }
.Home-News-Video header h3, .Home-News-Latest header h3 { color: #333333; font-size: 18px; margin-bottom: 5px; margin-top: 0; padding-left: 33px; position: relative; }
.Home-News-Video header h3 i, .Home-News-Latest header h3 i { background: rgba(0, 0, 0, 0) url(images/icon_hot_news.png) no-repeat; display: block; height: 21px; left: 0; position: absolute; top: 1px; width: 22px;background-size: contain }
/*End Title*/
.Home-News-Video h3, .Home-News-Latest h3 { color: #474747; font-size: 13px; font-weight: normal; line-height: 1.3; }
.Home-News-Video .News-Sidebar, .Home-News-Latest .News-Sidebar { border-bottom: 1px solid #eee; padding: 10px 0;display: block}
.Home-News-Video .Visit, .Home-News-Video .CreateDate, .Home-News-Video time,
.Home-News-Latest .Visit, .Home-News-Latest .CreateDate, .Home-News-Latest time  { color: #929292; font-size: 11px; }
/*icon viddeo*/
.Home-News-Video .News-Video:after { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url("images/video_play_icon.png") no-repeat; background-size: 50px auto; height: 40px; width: 50px; text-indent: -119988px; content: "" }
/*END CONTROL: Home-News-Latest*/
/*CONTROL: Home-Product-Latest*/
.home-product-latest {}
.home-product-latest header h3 { color: #333; font-size: 18px; margin-bottom: 5px; margin-top: 0; padding-left: 33px; position: relative; }
.home-product-latest header h3 i { background: rgba(0, 0, 0, 0) url(images/icons8-new.svg) no-repeat; display: block; height: 21px; left: 0; position: absolute; top: 1px; width: 22px;background-size: contain }
.home-product-latest .item {padding: 10px 0;border-bottom: 1px solid #eee}
.home-product-latest .item h3 {font-size: 13px;color: #474747}
.home-product-latest .item .ProductPriceNew {color: #205cab;font-weight: 700;display: block;margin-top: 5px;font-size: 13px}
/*CONTROL: End Home-Product-Latest*/
/*CONTROL: HOME-METRO*/
.metro-item { margin-bottom: 2px }
.home-metro a span, .home-metro i { display: block; margin: 0 auto; position: relative }
.home-metro a { color: #fff; display: block; overflow: hidden; text-shadow: 1px 1px rgba(0,0,0,.25);border-left: 1px solid #FFF;border-right: 1px solid #FFF}
.metro-item > a i {background-repeat: no-repeat;background-position: center top;background-size: contain}
.home-metro i { font-size: 4em; height: 42px; width: 100px }
.home-metro a span { color: #fff; font-size: 14px; line-height: 15px; font-weight: 300;text-align: center;padding-top: 5px }
.metro-may-in { height: 140px; background: #205cab }
.metro-may-in i { background: url(/Image/Picture/menu-icon/may-in.png) no-repeat; height: 50px; width: 100px; margin-top: 30px }
.metro-may-scan {height: 111px; background: #205cab}
.metro-may-scan i{background-image: url('images/scanner.svg');margin-top: 15px}
.metro-linh-kien {height: 100px; background: #D9532D}
.metro-linh-kien i{background-image: url('images/setting.svg');margin-top: 15px}

.metro-laptop {height: 100px; background: #592c50}
.metro-laptop i{background-image: url('images/laptop.svg');margin-top: 15px}
.metro-photocopy {height: 100px; background: #e4524a}
.metro-photocopy i{background-image: url('images/photocopy.svg');margin-top: 15px}
.metro-bo-luu-dien {height: 80px; background:  #1786b4}
.metro-bo-luu-dien i{background-image: url('images/mn-ac-dc.png');width: 50%;    float: left;    margin-top: 18px;    background-size: 40px auto !important;}
.metro-bo-luu-dien span {top: 25px;left: -15px}
.metro-loa-vi-tinh {height: 70px; background:#7FBA02}
.metro-loa-vi-tinh i{background-image: url('images/subwoofer.svg');width: 50%;    float: left;    margin-top: 12px; }
.metro-loa-vi-tinh span {top: 20px;    left: -20px;}
.metro-may-in span { top: 10px }
.metro-muc-in { height: 79px; background: #d9532d }
.metro-muc-in i { background: url(/Image/Picture/menu-icon/muc-in.png) -20px 0/auto 40px no-repeat; margin-top: 20px }
.metro-muc-in span { float: right; right: 5px; top: -40px; width: 54% }
.metro-may-huy-giay { height: 116px; background: #b61b43 }
.metro-may-huy-giay i{background-image: url('images/Shredder.svg');margin-top: 20px}
.metro-may-huy-giay span { }
.metro-may-bo { height: 95px; background: #9f005d }
.metro-may-bo i {    background: url(images/workstation.svg);    background-position: center center;    width: 50%;    float: left;    margin-top: 25px;}
.metro-may-bo span {    top: 30px;    left: -15px; }
.metro-man-hinh { height: 89px; background: #258905 }
.metro-man-hinh i{background-image: url('images/monitor.svg');margin-top: 10px}
.metro-man-hinh span { top: 0; left: 0 }
.metro-may-cham-cong { height: 78px; background: #7fba00 }
.metro-may-cham-cong i { background: url(/Image/Picture/menu-icon/may-cham-cong.png) 0 0/auto 40px no-repeat; height: 50px; left: 10px; margin-top: 5px; width: 100px }
.metro-may-cham-cong span { top: -5px; left: 0 }
.metro-linh-kien-muc-in { height: 68px; background: #0084cc }
.metro-linh-kien-muc-in i { background: url(/Image/Picture/menu-icon/linh-kien-muc-in.png) center center/auto 30px no-repeat; margin-top: 0 }
.metro-linh-kien-muc-in span { bottom: 10px; position: absolute!important; right: 0; width: 100% }
.metro-muc-nap-may-in { height: 70px; background: #0084cc }
.metro-muc-nap-may-in i { background: url('images/nap-muc.svg');width: 50%;    float: left;    margin-top: 10px; }
.metro-muc-nap-may-in span { position: absolute!important; right: -25px; top: 20px; width: 100% }
#metro-item-10, #metro-item-10 a { height: 64px }
.metro-item a:hover { box-shadow: 0 0 18px 4px #ccc inset; -moz-box-shadow: 0 0 18px 4px #ccc inset; -webkit-box-shadow: 0 0 18px 4px #ccc inset }
.metro-item a:hover i { color: #fff }
@media only screen and (min-width :992px) and (max-width:1999px) {
.metro-may-in { height: 100px }
.metro-may-in i { margin-top: 10px }
#metro-item-2, #metro-item-2 a { height: 75px }
#metro-item-5, #metro-item-5 a { height: 80px }
}
@media only screen and (min-width :1200px) {
.metro-may-in { height: 140px }
.metro-may-in i { margin-top: 30px }
#metro-item-2, #metro-item-2 a { height: 79px }
#metro-item-5, #metro-item-5 a { height: 82px }
}
/*CONTROL: END HOME-METRO*/

.section-divider { margin: 0 0 30px; position: relative; padding-bottom: 15px; text-align: center }
.section-divider:before { background: #004CD3; bottom: 0; content: ""; height: 3px; left: 50%; position: absolute; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 50px }
.section-divider a, .section-divider span { color: #3f444a; font-size: 30px; font-weight: 700; text-transform: uppercase }
#Product-Column-Left {}
#Product-Column-Right { }
.ProductInfoBottom {}
.ProductInfo { background: #fff; border-top: 1px solid #dedede; padding: 15px 0; margin-bottom: 20px; margin-top: 10px }
.ProductInfo2 { padding: 0; margin-bottom: 20px }
.productinfo-left-inner { padding-right: 40px }
.contextImage { margin: 15px 0 }
.contextImage img { margin: 10px auto }
.Sidebar-ProductLinks .item { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 15px }
.Sidebar-ProductLinks .item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 }
#modelInfo { padding-bottom: 15px }
#modelInfo h3 { font-weight: 500; font-size: 22px; line-height: 24px; color: #000 }
#modelInfo .current span { color: #768696; font-size: 12px }
.Sidebar-ProductLinks .item .entry-meta { display: block; border-top: 1px solid #eee; padding-top: 3px; margin-top: 3px }
.Sidebar-ProductLinks .item .entry-meta * { color: #768696; font-size: 12px }
.Sidebar-ProductLinks .item .NewsName { font-size: 13px; font-weight: 400; line-height: 1.4; color: #222 }
.Sidebar-ProductLinks .item .CreateDate { position: relative; margin-right: 10px }
.Sidebar-ProductLinks .item .Visit { position: relative }
.Sidebar-ProductLinks .Picture img { display: inline; max-height: 95%;max-width: 95% }
.Sidebar-ProductLinks .item:hover .NewsName { color: #205cab }
.Sidebar-ProductLinks .item .ProductPriceNew { color: #ec1c24; display: inline-block; margin-top: 5px; font-weight: 700; font-size: 15px }
.Sidebar-ProductLinks .sidebar-other-product .NewsRelate { margin-bottom: 20px }
.quickSpecs { margin: 15px 0 0 }
.quickSpecs #Context { padding: 0; margin-top: 0 }
.quickSpecs #Context ul { padding-left: 0 }
.quickSpecs .Context ul li { position: relative; list-style: none; padding: 3px 5px 3px 15px }
.quickSpecs .Context ul li:before { position: absolute; top: 12px; left: 0; height: 5px; width: 5px; border-radius: 50%; background: #007DBA; content: "" }
.quickSpecs #Context ul li, .quickSpecs #Context ul li * { color: #444; font-size: 14px; line-height: 1.5 }
.quickSpecs #Context ul li:hover { background: #f8f8f8 }
.ProductInfo #Context1 { margin-top: 10px }
#Context1, #Context1 * { max-width: 100% !important; word-break: break-word }
.Context { font-size: 16px; line-height: 1.5 }
.quickSpecs #Context ul li a, .Context a { color: #205cab; font-weight: 500 !important }
.viewMore { border: 1px solid #dedede; color: #044e95; font-weight: 700; font-size: 12px; display: table; margin: 0 0 10px; padding: 5px 10px; text-align: center; width: 100%; background: #F1F1F1 }
.viewMore:hover { background: #dedede }
.viewMore i { color: #044e95 }
.ProductPriceBlock { display: inline-block; padding-right: 70px; position: relative }
#Product .ProductNameLink { color: #000; display: block; font-size: 25px; letter-spacing: 0; line-height: 1.3; margin: 0 10px 5px 0; padding-bottom: 0; }
#Product .ProductMeta .ProductPriceVirtual { color: #000; font-size: 14px; margin-bottom: 0; margin-top: 5px }
#Product .ProductMeta .ProductPriceVirtual > span { display: inline-block; margin-right: 10px }
#Product .ProductMeta .ProductPriceVirtual > span del { color: #999 }
#Product .ProductMeta .ProductPriceNew { color: #ed1c24; font-size: 25px; font-weight: 500; margin-bottom: 0 }
#Product .ProductMeta .ProductPriceNew sup { font-size: 75%; margin-left: -0px }
#Product .ProductPriceBlock .ProductPriceVirtual del { font-size: 13px }
.ProducSavingPercent span { background: url("images/sale-bg.png") no-repeat; border-radius: 0; color: #fff; font-weight: 300; height: 20px; text-align: center; width: 47px; line-height: 10px; white-space: nowrap; margin-left: 10px }
#Product .productinfo-left-inner .ProductSerial { background: #ed1c24; color: #fff; font-weight: bold; padding: 3px 10px; position: absolute; right: 45px; top: 5px; z-index: 99 }
.promotion-new-box { margin-top: 5px }
.promotion-new-box li, .promotion-new-box a { font-size: 14px }
.promotion-new-box .panel { margin-bottom: 15px; border-color: #25495f }
.promotion-new-box .panel-heading { background-color: #25495f; color: #eee; font-size: 15px; text-transform: uppercase; font-weight: bold; position: relative; padding-left: 45px; padding-top: 8px; padding-bottom: 8px }
.promotion-new-box .panel-heading:before { border-style: solid; border-width: 0 5px 5px; border-color: transparent transparent #fff; height: 10px; width: 10px; position: absolute; bottom: -1px; left: 18px; content: "" }
.promotion-new-box .panel-heading i { font-size: 30px; margin-right: 10px; display: block; float: left; position: absolute; top: 50%; left: 10px; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%) }
.promotion-new-box .panel-heading small { float: right }
.promotion-new-box .panel-body ul { padding-left: 0; margin-bottom: 0 }
.promotion-new-box .panel-body { font-size: 14px; line-height: 1.5 }
.promotion-new-box .panel-body a { color: blue }
.promotion-new-box .panel-body li { position: relative; list-style: none; padding-left: 25px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #eaeaea }
.promotion-new-box .panel-body li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none }
.promotion-new-box .panel-body li:before { content: "\f00c"; position: absolute; left: 0; top: 0; font-size: 18px; color: #044e95; font-family: fontawesome }
#Gallerys { }
#Gallerys .owl-thumb-item { background: #fff; border: medium none; margin-bottom: 5px; padding: 5px }
#Gallerys { }
#Product-Picture { overflow: hidden; padding-right: 10px }
#Gallery { padding-left: 0; }
#Gallery img { display: block; margin: 0 auto; max-width: 100%;max-height: 400px;width: auto !important }
#Product-Picture { margin-bottom: 25px; max-height: 450px; position: relative; text-align: center; margin-top: 5px; overflow: hidden }
#Product-Picture img { max-width: 100%; max-height: 380px }
.flag-product-detail { left: 2px; position: absolute; top: 2px; width: 80px !important; z-index: 9 }
#Gallery .owl-thumb-item img { max-width: 100% }
#Gallery .owl-thumbs { display: table; width: 100%; text-align: center; padding: 2% }
#Gallery .owl-thumb-item { display: table-cell; background: none; border: none; padding: 5px; width: 20%; position: relative }
#Gallerys .owl-thumb-item.active { position: relative }
#Gallerys .owl-thumb-item.active:before { border: 2px solid rgba(113, 190, 15, 0.75); bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0 }
.ProductInfoVisit { font-weight: 500; margin: 10px 0; border-bottom: 1px solid #eaeaea; padding-bottom: 5px }
.ProductInfoVisit * { color: #999; font-size: 12px }
.ProductInfoVisit span { font-weight: 400 }
#Product #SOCIAL, .ProductInfoVisit { display: inline-block; width: 100% }
.ProductBranchPictureDetail img { max-height: 25px; display: inline }
.zoomContainer { z-index: 99 }
#Product-Left .CreateDate { margin: 10px 0; border-bottom: 1px solid #ddd; color: #333; font-size: 13px; padding-bottom: 5px }
.ProductExtraInfo { padding-bottom: 10px }
.ProductExtraInfo h2 { margin: 0; padding: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #eaeaea }
.ProductExtraInfo h2:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 }
.ProductExtraInfo i { font-size: 13px; display: block; float: left; color: #044e95; margin: 3px 5px 0 0 }
.ProductExtraInfo .ProductExtraInfo-Video i, .ProductExtraInfo .ProductExtraInfo-Brochure i { color: #E12A27; display: block; margin-right: 5px }
.ProductExtraInfo a { display: block; font-size: 14px }
.ProductExtraInfoOther h2 { border-top: 1px solid #eaeaea; padding-top: 10px }
#Product .Description { font-size: 14px; padding: 5px 10px }
#Product-Right { overflow: hidden }
#Product-Right .NewsName { margin-bottom: 5px }
#Product #Product-Midle .ProductPriceNew { font-size: 30px; font-weight: 600; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; line-height: 30px; display: block; margin-bottom: 15px }
#Product #Product-Midle .ProductPriceNew > span { font-size: 85%; font-family: arial }
#Product-Order { padding: 5px 0 }
#Product .title-quality { line-height: 30px }
.OrderProductButton {}
.OrderProductButton button { background: #f37021; }
.OrderProductButton button, #PrintOne a { border-bottom: 4px solid rgba(0, 0, 0, 0.1); border-radius: 0; color: #fff; display:block; float: left; font-size: 14px;  padding: 10px 35px 8px; text-transform: uppercase;width: 100% }
#PrintOne a { background: #25495f; color: #fff }
.OrderProductButton button:hover { background-color: #E3E3E3 !important; color: #f37021 }
#PrintOne a:hover, #PrintOne a:hover * { background: #E3E3E3; color: #25495f }
.OrderProductButton button:hover, .OrderProductButton a:hover, .OrderProductButton a:hover * { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s }
.select-box-area { margin-top: 10px }
#item-select-box { position: relative; }
.select-box-lable { font-weight: 500 }
#item-select-box .ui-spinner { max-width: 100%; text-align: center }
#OrderQuantity { border: none; max-width: 100%; margin: 0; text-align: center; padding-left: 0; background: #fff; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd; height: 35px; padding: 0; }
#item-select-box .spinner-button {background: #f0f0f0;height: 50%;margin: 0;padding-left: 4px;padding-right: 4px;padding-top: 0;position: absolute;right: 0;text-align: center;width: 14px;z-index: 2;}
#item-select-box .spinner-button:focus {outline: none !important;-webkit-box-shadow: none;box-shadow: none}
#item-select-box .spinner-up { top: 0; }
#item-select-box .spinner-button {bottom: 0}
.spinner-button .fa { position: absolute; right: 2px; top:0;font-size: 13px }
.select-qty { margin-top: 5px }
/*Hover .ui-spinner-button*/
#item-select-box .ui-spinner-button:hover { background: #ff8a00 }
.FormByProductGroup ul { padding-left: 0 }
.FormByProductGroup li { padding: 10px; border-bottom: 1px solid #eee; vertical-align: middle; font: 14px/18px Helvetica, Arial, sans-serif; list-style: none; padding-left: 15px }
.aside-inner { padding-left: 0 }
#ProductRelate3 .Home-Product { width: 100% }
.ProductRelate2 { padding: 10px 0 !important }
.ProductRelate2 .ProductRelate { background: #fff; margin-bottom: 20px; margin-top: 0 !important;}
.ProductRelate2 >div { border-bottom: 1px solid #eaeaea }
.ProductRelate2 >div:last-child { border-bottom: none }
.ProductRelate2 .ProductRelate .Picture img { max-width: 70%; max-height: 150px }
.ProductRelate2 .ProductRelate #ProductRelate-Middle { padding-left: 15px; min-height: 180px }
.ProductRelate2 .ProductRelate > a>div >div { padding: 15px 0 }
.ProductRelate2 .ProductRelate ul { padding-left: 10px; margin-bottom: 0 }
.ProductRelate2 .ProductRelate ul { font-size: 13px; font-family: inherit !important }
.ProductRelate2 .ProductRelate .ProductName { padding-right: 10px; font-weight: 700; color: #000; font-size: 14px; margin: 0 0 5px; display: block }
.ProductRelate2 .ProductSerial, .ProductRelate2 .Visit { color: #444; font-size: 12px }
.ProductRelate2 .ProductRelate #ProductRelate-Right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center }
.ProductRelate2 .ProductRelate .content_price { display: inline-block; line-height: 1.2; position: relative }
.ProductRelate2 .ProductRelate .ProductPriceNew { color: #ed1c24; display: block; font-size: 20px; font-weight: 500; margin: 0; }
.ProductRelate2 .ProductRelate .ProductPriceVirtual { color: #aaa; display: block; font-size: 16px; font-weight: 400; margin-top: 5px; text-decoration: line-through }
.ProductRelate2 .ProductRelate .sale-price { display: inline-block; position: absolute; right: -65px; top: 0 }
.ProductRelate2 .ProductRelate .ratings { margin-bottom: 5px }
/*------------Product-Support*/
.Product-Support {margin-top: 15px;font-size: 13px}
.Product-Support .row-item {padding-top: 5px;padding-bottom: 5px;margin: 0}
.Product-Support .col-item {padding: 0}
.Product-Support b, .Product-Support strong { font-size: 14px; color: #444; font-weight: 700 }
.Product-Support a {font-size: 13px}
.Product-Support img {max-height: 25px;margin-right: 3px;margin-left: 3px}
.Product-Support .border-bottom {border-bottom:1px dashed #ccc !important}
/*------------End Product-Support*/
/*=================Product-Support-Bottom===================*/
.Product-Support-Bottom {margin-bottom: 15px}
.Product-Support-Bottom i, .Hotline-Header i { border: 2px solid #333; border-radius: 30px !important; float: left; font-size: 30px; height: 50px; margin-right: 11px; padding-top: 9px; text-align: center; vertical-align: middle; width: 50px; }
.Product-Support-Bottom .no-gutters {margin-left: -5px !important;margin-right: -5px !important}
.Product-Support-Bottom >div >div { padding-left: 5px !important; padding-right: 5px !important}
.Product-Support-Bottom .product-support-bottom-block-col { border: 1px solid #ddd; border-right: none; padding: 5px; min-height: 62px; }
.Product-Support-Bottom .product-support-bottom-block-col:last-child { border-right: 1px solid #ddd }
.Product-Support-Bottom .product-support-bottom-block-col div { margin-left: 70px; }
.Product-Support-Bottom .product-support-bottom-block-col h4 { color: #333; font-size: 22px; line-height: 1; margin: 5px 0 0; padding: 0; display: block; font-weight: 400 }
.Product-Support-Bottom .product-support-bottom-block-col em { font-size: 12px; text-transform: uppercase; font-style: normal }
/*Hover*/
.Product-Support-Bottom .product-support-bottom-block-col:hover { background: #007DBA; color: #fff; -o-transition: all 100ms ease 0; transition: all 100ms ease 0; -moz-transition: all 100ms ease 0; -webkit-transition: all 100ms ease 0; cursor: pointer }
.Product-Support-Bottom .product-support-bottom-block-col:hover i { border-color: #fff }
.Product-Support-Bottom .product-support-bottom-block-col:hover h4, .Product-Support-Bottom .product-support-bottom-block-col:hover h4 a { color: #fff }
/*=================Product-Support-Bottom===================*/
#ProductGroup { }
.box-border .AsideTitle { background: #f1f1f1; padding-left: 10px; white-space: normal;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center }
.box-border .AsideTitle, .box-border .AsideTitle a { color: #205cab; font-size: 16px; font-weight: 700; }
#ProductGroup-Ajax { }
.block-category-header { border-bottom: 1px solid #dedede; line-height: 40px; margin-bottom: 15px; padding: 0 0 2px }
.product-title { padding: 0; margin-top: 5px }
.product-title.ProductGroupName { color: #205cab; display: inline-block; font-size: 22px; font-weight: 700; margin: 0; padding: 5px 0; text-transform: uppercase }
#News { margin-bottom: 30px }
#Content-News { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px }
#News .newsLeft .entry-meta { color: #768696; font-size: 14px; padding: 5px 0; border-width: 1px 0; border-style: solid; border-color: #e4e7ea }
#News .newsLeft .entry-meta > .CreateDate { margin-right: 3px; margin-bottom: 3px }
#News .newsLeft .entry-meta > .CreateDate img { margin-right: 5px; max-height: 13px; position: relative; top: -2px }
.NewsName h1 { display: inline-block; font-size: 32px; font-weight: 300; line-height: 40px; margin-bottom: 12px; margin-top: 0 }
.News-Content { margin-top: 30px }
#News .Description:empty {display: none}
#News .Description, #News .Description * { color: #444; font-size: 16px; font-weight: 700; font-family: "Roboto", sans-serif; line-height: 1.5; padding: 5px 0 }
#News .Description a { color: #205cab }
.relative-new { }
.relative-new ul { padding-left: 15px; margin: 0 0 10px }
.relative-new ul li { }
.relative-new ul li a { color: #6C95E0; font-size: 14px; font-weight: 400; margin: 5px 0 }
.relative-new ul li a:hover { color: #205cab; text-decoration: underline }
.relative-new ul li span { margin: 7px 0 }
.News-Meta { color: #768696; font-size: 14px; padding: 5px 0; border-width: 1px 0; border-style: solid; border-color: #e4e7ea; margin-bottom: 15px }
#News figure#Gallery figcaption { position: absolute; bottom: 0; left: 0; padding: 10px; background: rgba(0,0,0,0.5); color: #fff; width: 100%; }
#News figure#Gallery figcaption:empty { display: none }
figcaption .mfp-title { color: #333; text-align: center }
#News .contextImage a { display: block }
#News .contextImage img { border: 1px solid #dedede; cursor: -webkit-zoom-in; cursor: zoom-in; display: block; margin: 0 auto;max-width: 100% }
.newsRight { overflow: hidden; padding-left: 15px }
.NewsRelateSideBar .Picture { height: 70px !important }
.NewsGroupNameSidebar { color: #768696; font-size: 13px; font-weight: 400 }
.NewsGroupNameSidebar a { color: #205cab; font-size: 13px; font-weight: 400 }
.NewsRelateSideBar .NewsName h4, .sidebar-other-product .NewsRelate .NewsName h4 { margin: 0; font-weight: 500 !important }
#News .Home-Prodict-Slide { margin-left: -15px; margin-right: -15px }
#NewsGroup .NewsGroup a:hover .Picture:before, .topNewsOrderByVisit .NewsRelate a:hover .Picture:before, .other-product .NewsRelate a:hover .Picture:before, .ProductGroup a:hover .Picture:before, .CustomerGroup:hover .Picture:before { -webkit-box-shadow: 0 0 0 3px #205cab inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; box-shadow: 0 0 0 3px #205cab inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms }
#NewsGroup .NewsGroup a:hover h3, .topNewsOrderByVisit .NewsRelate a:hover .NewsName h4, .other-product .NewsRelate a:hover .NewsName h4, .ProductGroup a:hover h3, .CustomerGroup:hover h3 * { color: #205cab; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms }
.DescriptionDetail { margin: 10px 0 5px; font-size: 16px; font-weight: 700; text-align: inherit }
.Context { margin: 10px 0 }
#Context1 { color: #222; font-size: 14.5px; font-family: 'Roboto', sans-serif; line-height: 1.5; text-align: justify; position: relative }
#Context1 img { max-width: 100%; margin: 10px 0 }
#News #Context1 * { font-family: inherit !important; max-width: 100% }
.Context table { table-layout: auto; width: 100% !important; max-width: 100% !important }
.Context table td { padding: 8px 5px !important; text-align: left; white-space: normal; width: auto !important;vertical-align: inherit }
#Context1 a { color: #205cab; font-weight: 500 !important}
.dont-touch-youtube-bottom { background: transparent; bottom: 30px; height: 20px; position: absolute; right: 100px; width: 40px; z-index: 999 }
.dont-touch-youtube-bottom-top { background: transparent; height: 30px; left: 65px; position: absolute; top: 0; width: 70%; z-index: 999 }
#Comment { margin-bottom: 0 }
#NewsRelate { margin-top: 10px; padding: 0 10px }
#NewsRelate .NewsRelate.col-xs-6.col-sm-3.col-md-3.col-lg-3 { margin-bottom: 10px; padding: 0 5px }
#NewsRelate .NewsRelate .Picture { height: 130px; margin-bottom: 5px }
#NewsRelate .NewsRelate img { display: inline; max-height: 100%; max-width: 100% }
#NewsRelate .NewsRelate img { left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
#NewsRelate .NewsRelate .NewsName { font-size: 14px; padding-bottom: -5px; line-height: 1.5 }
#NewsRelate .NewsRelate .NewsNameTop { padding: 5px }
#NewsRelate .NewsRelate.col-xs-6.col-sm-12.col-md-12 { border-bottom: 1px dotted #dedede; margin: 0 0 5px; padding: 5px 10px }
#NewsLinks-For-Page-Video { }
#NewsLinks-For-Page-Video .NewsGroup { margin-bottom: 30px }
#NewsLinks-For-Page-Video .NewsGroup:nth-of-type(3n+1) { clear: both }
#NewsLinks-For-Page-Video .NewsGroup h3 { height: 40px; line-height: 1.5; overflow: hidden }
#NewsLinks-For-Page-Video .NewsGroup .Visit { background: rgba(0, 0, 0, 0) url("images/view_icon.png") no-repeat scroll center center; display: inline-block; height: 10px; margin-left: 15px; width: 20px; -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60) }
#NewsLinks-For-Page-Video .imageLinkWrapper { height: 130px }
#NewsLinks-For-Page-Video .assetText { margin-top: 10px; padding: 0 }
#nav-right { margin-top: 10px; border-color: #F1F1F1 }
#nav-right .panel-heading { text-transform: uppercase; background: #F1F1F1; border: none }
#nav-right .panel-heading .panel-title { color: #333; font-weight: 700 }
#nav-right .panel-body ul li a { }
#nav-right .panel-body ul li a { padding: 5px 0 5px 15px; color: #444; position: relative; display: block; font-size: 14px; font-weight: 700; border-bottom: 1px solid #eee }
#nav-right .panel-body ul li a:before { content: "\f0da"; position: absolute; left: 1px; top: 5px; width: 15px; height: 15px; font-family: fontawesome; font-size: 12px; color: #205cab }
#nav-right .panel-body ul li.active a { color: #205cab }
#NewsGroup {}
#NewsGroup .NewsGroup { padding-bottom: 20px; margin-bottom: 20px; display: inline-block; border-bottom: none; position: relative }
#NewsGroup .NewsGroup .assetText h3 { font-weight: 500; font-size: 22px; line-height: 1.5; margin: 3px 0 5px }
#NewsGroup .NewsGroup .assetText h3 a:hover { color: #205cab }
#NewsGroup .NewsGroup .Picture img { width: auto; max-width: 100%; max-height: 100% }
.NewsGroupName, .NewsName h1, #Product .Product .ProductNameLink h1 { color: #444; display: inline-block; font-size: 28px; font-weight: 400; line-height: 1.4; margin-bottom: 12px; margin-top: 0; }
#NewsGroup .NewsGroup .assetText {}
#NewsGroup .NewsGroup .CreateDate { float: left !important; margin-right: 5px; font-size: 12px }
#NewsGroup .NewsGroup .CreateDate i { color: #768696 }
#NewsGroup .NewsGroup .Visit { background: url(images/view_icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: left; height: 20px; position: relative; top: 0; width: 20px; margin-left: 15px; -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60) }
#NewsGroup .NewsGroup .NewsGroupNameItem { margin-left: 5px; text-transform: uppercase }
#NewsGroup .NewsGroup .Description { color: #403d3b; font-size: 15px; line-height: 1.5; font-family: 'Roboto', sans-serif; text-align: justify }
.latestNews a { font-size: 15px; line-height: 20px; margin-bottom: 3px; display: block }
.latestNews a:hover { color: #205cab }
.latestNews >div { margin-bottom: 20px }
.latestNews .CreateDate { background: url("images/clock.png") no-repeat scroll 0 2px; content: ""; display: block; font-size: 12px; padding-left: 18px; position: relative; top: 2px }
.NewsGroupFather .NewsGroup .assetText h3 { font-size: 21px !important; line-height: 26px !important }
.NewsGroupFather .NewsGroup .assetText { margin-top: -5px !important; padding-left: 15px }
.NewsGroupFather .Picture { line-height: 130px !important }
#NewsGroup .Picture-Lg { height: 205px; max-width: 100%; line-height: 205px } 
#NewsGroup .NewsGroup-Video .assetText h3, #NewsGroup .NewsGroup-Video .assetText a { overflow: hidden; font-size: 1.3; line-height: 20px }
.news-video-main .items-bottom-video .assetText h3 { height: 45px; margin-bottom: 10px }
.NewsGroup-Video-Top, .RowNewsGroupVideo { margin-top: 15px }
#NewsGroup .NewsGroup-Video .assetText { padding: 15px 0 30px }
.deliver { background: #e4e7ea; height: 3px; margin-bottom: 30px; margin-left: 10px; margin-top: -10px; width: 98% }
.deliver:last-child { height: 0 }
#NewsGroup .NewsGroup-Video .entry-meta { border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 5px 0 }
#NewsGroup .NewsGroup-Video .CreateDate { float: left !important; margin-right: 5px; font-size: 12px }
#NewsGroup .NewsGroup-Video .CreateDate i { color: #768696 }
#NewsGroup .NewsGroup-Video .Visit { background: url(images/view_icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: left; height: 20px; position: relative; top: 0; width: 20px; margin-left: 15px; -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60) }
.NewsGroup-Video-ItemsLeft { padding-right: 0 }
.NewsGroup-Video-ItemsLeft .imageLinkWrapper {background: #000; max-width: none !important }
.NewsGroup-Video-ItemsLeft .assetText h3 { height: auto !important; margin-bottom: 10px }
.NewsGroup-Video-ItemsRight { padding-left: 0 }
.NewsGroup-Video-ItemsRight .NewsGroup-Video { margin-bottom: 0 !important; padding-bottom: 5px !important }
.NewsGroup-Video-ItemsRight .NewsGroup-Video > a { border-bottom: 1px solid #ddd; padding-bottom: 10px }
.NewsGroup-Video-ItemsRight .NewsGroup-Video:last-child > a { border-bottom: none }
.NewsGroup-Video-ItemsRight .NewsGroup-Video h3 { display: block; margin-bottom: 10px; line-height: 1.5 }
.NewsGroup-Video-ItemsRight .assetText { padding: 0 0 0 15px !important }
.NewsGroup-Video-ItemsRight .imageLinkWrapper { height: 123px !important }
.item-yt figure::before { background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; width: 100%; z-index: 1 }
.item-yt:hover figure:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0,0,0,0.5) }
.item-yt figure:after { -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.item-yt figure:after { background: rgba(0, 0, 0, 0) url("images/play-button.svg") no-repeat scroll center center/35px auto; content: ""; height: 40px; left: 50%; line-height: 40px; padding-left: 3px; position: absolute; text-align: center; top: 50%; width: 40px; z-index: 1 }
.item-yt-lg figure:after { background-size: 50px auto; height: 50px; line-height: 50px; width: 50px }
.item-popup-youtube .popup-youtube { background-color: #205cab !important; background: #205cab !important; color: #fff; font-size: 12px; text-transform: uppercase; padding: 0; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; z-index: 10 }
.item-popup-youtube .popup-youtube { left: 15px; position: absolute; top: 2px }
.item-popup-youtube .popup-youtube { display: inline-block; text-align: center; padding: 5px 10px !important; visibility: hidden }
.item-popup-youtube .popup-youtube ~ a { pointer-events: none }
.item-popup-youtube figure { pointer-events: none }
.item-popup-youtube:hover .popup-youtube { visibility: visible }
#NewsGroup .NewsGroup:hover .share { display: block; position: absolute; top: 35%; left: 17px }
#NewsGroup .NewsGroup-Lg:hover .share { display: block; position: absolute; top: 43%; left: 63px }
.NewsGroupFather .NewsGroup:hover .share { top: 41% !important }
.News-Slider { }
.News-Slider #carousel-news-slider { width: 100% !important }
.News-Slider .carousel-entry .carousel-caption, .widget_news-slider .carousel-entry .carousel-caption { bottom: 10px; left: 0; margin-right: 0; padding: 0 20px; right: 0; text-align: left }
.News-Slider .carousel-entry .carousel-caption a, .widget_news-slider .carousel-entry .carousel-caption a { color: #ffffff }
.News-Slider .carousel-title-indicators, .widget_news-slider .carousel-title-indicators { height: 92%; list-style: outside none none; margin: 0; max-height: 92%; overflow-y: none; padding: 0 }
.News-Slider .carousel-title-indicators li, .widget_news-slider .carousel-title-indicators li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #ccc; cursor: pointer; padding: 8px 20px; font-size: 13px }
.News-Slider .carousel-title-indicators li.active, .widget_news-slider .carousel-title-indicators li.active { background: rgba(255, 255, 255, 0.1); color: #ffffff; position: relative }
.News-Slider .carousel-title-indicators li.active::before, .widget_news-slider .carousel-title-indicators li.active::before { background: #f00; bottom: -1px; content: ""; display: block; left: 0; position: absolute; top: -1px; width: 5px }
.News-Slider .carousel-indicators, .widget_news-slider .carousel-indicators { bottom: -3px; display: none }
.News-Slider .news-ticker-wrap, .widget_news-ticker .news-ticker-wrap { height: 34px; overflow-y: hidden }
.News-Slider ul, .widget_news-ticker ul { color: #777777; list-style: outside none none; margin: 0; padding: 0 }
.News-Slider ul:hover, .widget_news-ticker ul:hover { -webkit-animation-play-state: paused; animation-play-state: paused }
.News-Slider li, .widget_news-ticker li { line-height: 1.3 }
.News-Slider a, .widget_news-ticker a { color: #000000; margin-right: 5px; text-decoration: none }
.News-Slider a:hover, .widget_news-ticker a:hover, .News-Slider a:focus, .widget_news-ticker a:focus { color: #CE0013 }
.News-Slider .widget-title, .widget_news-slider .widget-title { border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: 0 none; color: #ffffff; margin: 0; text-align: center; display: block; text-transform: uppercase; padding: 8px 0 }
.News-Slider .carousel-inner, .widget_news-slider .carousel-inner { height: 400px; z-index: 1 }
.News-Slider .carousel-inner img, .widget_news-slider .carousel-inner img { max-width: 100%; width: auto; position: absolute; top: 0 }
.News-Slider .carousel-navigation, .widget_news-slider .carousel-navigation { background: #205cab; bottom: 0; height: 400px; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2 }
.News-Slider .carousel-entry, .widget_news-slider .carousel-entry { max-height: 400px; height: 400px; position: relative }
.News-Slider .carousel-entry::after, .widget_news-slider .carousel-entry::after { background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0px, #000000 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, #000000 100%); background-repeat: repeat-x; bottom: 0; content: ""; display: block; height: 50%; left: 0; position: absolute; right: 0 }
.News-Slider .carousel-entry .entry-meta, .widget_news-slider .carousel-entry .entry-meta { font-size: 11px; text-transform: uppercase }
.News-Slider .carousel-entry .entry-meta > span, .widget_news-slider .carousel-entry .entry-meta > span { margin-right: 10px }
.News-Slider .carousel-entry .entry-meta > span i, .widget_news-slider .carousel-entry .entry-meta > span i { margin-right: 2px }
.News-Slider .carousel-entry .entry-content, .widget_news-slider .carousel-entry .entry-content, .News-Slider .carousel-entry .entry-excerpt, .widget_news-slider .carousel-entry .entry-excerpt { color: #999999; margin-bottom: 10px; max-height: 60px; overflow: hidden }
.News-Slider .carousel-entry .cat-links, .widget_news-slider .carousel-entry .cat-links { background: #CE0013; color: #ffffff; left: 0; padding: 5px 15px; position: absolute; top: 0 }
.News-Slider .carousel-entry .cat-links a, .widget_news-slider .carousel-entry .cat-links a { color: #ffffff; font-size: 13px; font-weight: 300; text-transform: uppercase }
.News-Slider .carousel-entry .entry-title, .widget_news-slider .carousel-entry .entry-title { font-size: 24px; margin: 10px 0 }
.CustomerGroup { padding: 20px 0; font-size: 14px; border-bottom: 1px solid #ddd }
#CustomerGroup .row-bottom .CustomerGroup:first-child { padding-top: 0 }
.CustomerGroup:last-child { border-bottom: none }
.CustomerGroup .CustomerGroupMeta { font-size: 14px; padding-left: 25px }
.CustomerGroup .CustomerCompany { color: #205cab; font-size: 22px; font-weight: 700; text-transform: uppercase }
.CustomerGroup .Picture { padding: 0 }
#CustomerGroup .Picture-Lg { height: 205px; max-width: 250px; line-height: 205px }
.CustomerGroup .Picture img { max-width: 100%; display: inline }
.CustomerGroup a[rel="nofollow"] { color: #666; display: inline; font-size: 14px }
.CustomerGroup .entry-meta { font-size: 12px }
.CustomerGroup .item { border-bottom: 1px solid #f2f2f2; color: #666; font-weight: 700; margin-bottom: 5px; padding-bottom: 5px }
.CustomerGroup .item:empty { border: none; display: none; margin-bottom: 0; padding-bottom: 0 }
.CustomerGroup .cus-fa { color: #999; font-weight: 500; font-size: 12px; position: relative; padding-left: 20px }
.CustomerGroup .cus-fa:before { color: #00466e; font-family: fontawesome; font-size: 14px; height: 20px; left: 0; position: absolute; text-align: center; top: -2px; width: 15px }
.CustomerGroup .cus-date:before { content: "\f017" }
.CustomerGroup .cus-visit:before { content: "\f06e" }
.CustomerGroup .cus-cat:before { content: "\f0c9" }
.CustomerGroup .cus-address:before { content: "\f041" }
.CustomerGroup .cus-fax:before { content: "\f1ac" }
.CustomerGroup .cus-telephone:before { content: "\f095" }
.CustomerGroup .cus-email:before { content: "\f003" }
.CustomerGroup .cus-hotline:before { content: "\f10b" }
.CustomerGroup .cus-user:before { content: "\f007" }
.CustomerGroup .cus-web:before { content: "\f08e" }
.CustomerGroup:hover .share { display: block; position: absolute; top: 43%; left: 63px }
#CustomerGroupFilter { padding: 15px 10px; -webkit-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.42); box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.42); background: #F6F6F6 }
#CustomerGroupFilter .CountCustomerGroup { font-size: 25px; font-weight: 500; color: #080808 }
#CustomerGroupFilter .CountCustomerGroupSm { font-size: 40px }
#CustomerGroupFilter .CustomerGroupNameFilter { font-size: 25px; font-weight: 500; }
#CustomerGroupFilter .CustomerGroupFilterMidle, #CustomerGroupFilter .CustomerGroupFilterRight { margin-top: 10px }
#CustomerGroupFilter .CustomerGroupFilterMidle { }
#CustomerGroupFilter .CustomerGroupFilterRight { }
#CustomerGroupFilter .CustomerGroupFilterRight button { background: #365AC1; color: #fff; display: inline-block; width: auto; }
.Customer .meta-title { font-size: 18px; font-weight: 700; text-transform: uppercase }
.CustomerDetail { padding-top: 15px }
.Customer article { border-top: 1px solid #eaeaea; font-size: 14px; padding-top: 20px; text-align: justify; }
.Customer article, .Customer article * { font-family: inherit !important; max-width: 100%; line-height: 1.5 }
.Customer article a { color: #205cab; font-weight: 700 }
.Customer .CustomerDetail .Picture { min-height: 220px; line-height: 220px }
.Customer .CustomerGroupMeta > p { margin-bottom: 6px }
.Customer .CustomerGroupMeta { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border: 1px solid #eaeaea; padding: 15px 20px; }
.Customer .CustomerGroupMeta a { color: #205cab; font-weight: 700 }
#CustomerRelate >div { border-bottom: 1px solid #eaeaea; padding-bottom: 15px }
#CustomerRelate >div:last-child { border-bottom: none; padding-bottom: 0 }
#CustomerRelate .Picture:before { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; overflow: hidden; top: 0; left: 0 }
#CustomerRelate .Picture { height: 200px; line-height: 200px; margin-bottom: 15px; text-align: center; position: relative }
#CustomerRelate .Picture img { max-height: 90%; max-width: 90%; display: inline-block }
#CustomerRelate h3 { height: 60px; overflow: hidden; font-size: 17px; line-height: 21px; color: #5f6f7e; display: block; margin-bottom: 10px; text-transform: uppercase }
#CustomerRelate p { color: #5f6f7e; margin: 10px 0; height: 35px; overflow: hidden }
#CustomerRelate .tb-socio { padding-top: 3px; text-align: center }
#CustomerRelate .tb-socio .fa { border: 1px solid #d5d5d5; border-radius: 50% !important; color: #b3bdc6; font-size: 19px; height: 33px; line-height: 19px; margin: 0 7px; padding-top: 7px; width: 33px }
#CustomerRelate .item:hover h3 a { color: #205cab }
#CustomerRelate .item:hover .Picture { -webkit-box-shadow: 0 0 0 3px #007DBA inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; box-shadow: 0 0 0 3px #007DBA inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; -o-transition: all 300ms ease 100ms; transition: all 300ms ease 100ms; -moz-transition: all 300ms ease 100ms; -webkit-transition: all 300ms ease 100ms }
#CustomerRelate .tb-socio .fa:hover { border: 1px solid #007DBA; color: #007DBA; text-decoration: none }
.AsideTitle .icon-right { float: right; font-size: 24px; padding: 1px 10px 0 0; text-align: right }
.menu-extensions { }
.menu-extensions ul { margin: 0; padding: 0 }
.menu-extensions ul li { background: #eee; border: 1px solid #fff; float: left; height: 51px; list-style: none; position: relative; text-align: center; width: 8.33333% }
.menu-extensions ul li a { color: #205cab; font-size: 14px; font-weight: 700; line-height: 1; padding-top: 20px; text-transform: uppercase; vertical-align: middle; white-space: nowrap }
.menu-extensions ul li a span { display: block; float: right; position: relative; width: 70% }
.menu-extensions ul li a span:before { content: ""; position: absolute; left: 0; bottom: 0; width: 75px; height: 25px; border-style: solid; border-width: 0 0 25px 75px; border-color: transparent transparent #57bd35 transparent; line-height: 0px; _border-color: #000000 #000000 #57bd35 #000000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
/*Menu By Location Customer*/
.MenuByLocationCustomer { margin-bottom: 20px }
.MenuByLocationCustomer .headers { border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #337ab7; border-color: #337ab7; color: #fff; padding: 10px 15px; z-index: 2; }
.MenuByLocationCustomer ul { list-style: none; padding: 0; margin: 0 }
.MenuByLocationCustomer ul li { }
.MenuByLocationCustomer ul li a { background-color: #fff; border: 1px solid #ddd; display: block; font-size: 15px; margin-bottom: -1px; padding: 10px 15px; position: relative; text-transform: uppercase }
.MenuByLocationCustomer ul li:last-child a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.MenuByLocationCustomer ul li a:hover, .MenuByLocationCustomer ul li a:focus { background: #eee }
.MenuByLocationCustomer ul li.active a { background: #337ab7; color: #fff }
/*Slide Khachhang /thong-tin/khach-hang-chung-toi-6694.html*/
.slide-parner { }
.slide-parner li { margin-bottom: 50px }
.slide-parner li:nth-of-type(4n+1) { clear: both }
.slide-parner li figure { height: 265px; border: 1px solid #ccc }
.slide-parner li figure img { max-height: 100%; max-width: 100% }
.slide-parner li .title-slide { font-size: 20px; font-weight: 700; color: #004CD3; display: block; margin: 15px auto; text-align: center; text-transform: uppercase }
.slide-parner li .text-slide { }
.slide-parner li:hover figure { border-color: #205cab }
.slide-parner li:hover { cursor: pointer }
.slide-parner li:hover .title-slide { color: #205cab }
/*Count Down*/
.section-count-dowm { background: url('images/bg-01.jpg') no-repeat; padding-top: 80px; padding-bottom: 80px; margin-bottom: 20px; position: relative }
.section-count-dowm:before { background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
.section-count-dowm .countdown { position: relative }
.section-count-dowm .ui-icon-blocks { background: #fff; -webkit-box-shadow: 0 0 3px 1px #cccccc; box-shadow: 0 0 3px 1px #cccccc; border-radius: 5px; padding-top: 30px; padding-bottom: 30px }
.section-count-dowm .assetText { text-align: center; width: 100% }
.section-count-dowm .sub-heading-top { display: block; text-align: center; font-size: 35px; font-weight: 200; margin-bottom: 5px }
.section-count-dowm .sub-heading-top .fa { color: #205cab; display: inline-block; font-size: 35px; margin-right: 10px; position: relative; top: -5px; }
.section-count-dowm .box-bg .stat.heading { color: #333; font-size: 48px; font-weight: 900; line-height: 1; white-space: nowrap; }
.section-count-dowm .box-bg .sub-heading { display: block; font-size: 14px; text-align: center; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.section-count-dowm .box-bg .stat.heading[data-text] { padding-left: 15px; position: relative; font-size: 45px }
.ui-icon-block:hover .sub-heading { }
.section-count-dowm .circle { display: block; height: 80%; margin: 0 auto 15px; padding-top: 80%; position: relative; width: 80%; }