@charset "UTF-8";
/*--------------------------------------------------------------------------/
* @Author		  Hieu Nguyen  http://adsvietnam.vn
* @Social 		  https://www.facebook.com/profile.php?id=1827794717
* @Copyright	  Copyright (C) 2013 - 2015 Adsvietnam.vn. All rights reserved.
* @CreateDate  11-12-2017
/---------------------------------------------------------------------------*/
/*----------------RESET CSS------------------*/
body { background: #fff; font-size: 14px; font-family: 'Roboto','Helvetica Neue',Helvetica,Tahoma,Arial,Sans-serif; 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%; overflow-x: hidden }
h1, h2, h3, h3, h4, h5, h6 { font-size: 14px; font-weight: normal; line-height: normal; text-decoration: none; }
#Main-Wrapper { padding-top: 10px }
#Wraper-Order { overflow: hidden }
#Hotline-isMobile { display: none }
.main-wrapper-inner { background: #fff }
.main-wrapper-content { padding: 15px }
a { color: #333; transition: color 0.2s linear; -moz-transition: color 0,2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; }
a:hover { text-decoration: none; color: #77420A }
img { max-width: 100%; color: transprent; font-size: 0 }
.container { max-width: 1145px }
#dlding { display: none; background: #000; border-radius: 5px 0 0; bottom: 0; color: #fff; display: none; opacity: 0.7; padding: 10px 15px; position: fixed; right: 0; z-index: 99999999; }
.pos-re { position: relative }
/*Image absolute*/
figure { position: relative }
.img-abs { position: absolute; left: 50%; 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%); }
.AsideTitle { background: #e77919; color: #fff; font-weight: 900; height: 60px; margin-bottom: 5px; margin-right: 247px; margin-top: 15px; overflow: hidden; padding-left: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.AsideTitle .name { font-size: 35px; line-height: 60px; color: #fff; text-transform: uppercase; }
.AsideTitle:before { background: rgba(0, 0, 0, 0) url("/Image/style-image/aside-title-before.png") no-repeat scroll 0 0; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 247px; }
.AsideTitle a.name:hover { color: #0072bc }
.AsideTitle2 { border-bottom: 3px solid #77420a; margin-bottom: 15px; padding: 6px 15px; }
.AsideTitle2 a, .AsideTitle2 .name { color: #77420a !important; font-size: 18px; font-weight: 900; text-transform: uppercase; }
.AsideTitle3 { border-top: 3px solid #000; margin-top: 27px; margin-bottom: -10px; padding-top: 15px; }
.AsideTitle3 .name { background: #000; border-radius: 0; color: #fff; font-size: 13px; font-weight: 700; padding: 5px 10px; position: relative; text-transform: uppercase; top: -27px }
.AsideTitle4 { background: #000; padding: 8px 15px; color: #fff; text-transform: uppercase; font-size: 13px }
.AsideTitle5 { display: block; font-weight: 900; margin: 20px auto; text-align: center; }
.AsideTitle5 .name { font-size: 28px; position: relative; text-transform: uppercase; }
.section-block-AsideTitle6, .block-AsideTitle6 { position: relative;margin-top: 35px}
.section-block-AsideTitle6::after { border-style: solid; border-width: 48px 0 0 34px; border-color: transparent transparent transparent #000bac; line-height: 0px; _border-color: #000000 #000000 #000000 #000bac; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.section-block-AsideTitle6::after {bottom: 0;content: "";height: 48px;left: 0;line-height: 0;position: absolute;width: 34px;z-index: 14;}
.block-AsideTitle6::before { background: #e77919 ; content: ""; height: 51px; position: absolute; right: 100%; width: 1000px; }
.block-AsideTitle6-display{display: inline-block;}
.AsideTitle6 {background: #e77919 ;color: #fff;font-weight: 900;height: 51px;margin-bottom: 0;margin-right: 215px;margin-top: 0;padding-left: 60px;padding-right: 40px;position: relative;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;min-width: 500px}
.AsideTitle6:before {background: rgba(0, 0, 0, 0) url("/Image/style-image/aside-title-before-2.png") no-repeat scroll 0 0 / auto 51px;content: "";height: 100%;left: 100%;position: absolute;top: 0;width: 215px;}
.AsideTitle6 .name { font-size: 35px; line-height: 51px; color: #fff; text-transform: uppercase; }
.AsideTitle6 a.name:hover { color: #0072bc }
.small { font-size: 80% !important }
.nth-of-type-3:nth-of-type(3n+1), .nth-of-type-2:nth-of-type(2n+1) { clear: both }
.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 }
.padding-l-10 { padding-left: 10px }
.a-tran { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; }
#topcontrol { z-index: 99 }
.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; }
.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 }
.imageLinkWrapper:hover:before { -webkit-box-shadow: 0 0 0 3px #E77919 inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important; box-shadow: 0 0 0 3px #E77919 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 }
/*==============Remove firefox dotted line=================*/
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
}
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer }
.lazyloading { clear: both; opacity: 0; position: relative; top: 100%; -o-transition: opacity 1.5s ease 0s; transition: opacity 1.5s ease 0s; -webkit-transition: opacity 1.5s ease 0s; }
.lazyloading.load { opacity: 1; top: 0; }
.Social iframe { z-index: 999 }
figure { position: relative }
.figure-haft { display: block; overflow: hidden; padding-top: 66.67%; 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: 100%; max-height: none }
.figure-haft-xs { display: block; overflow: hidden; padding-top: 50%; position: relative; }
.figure-haft-xs img { left: 50%; position: absolute; top: 0; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); width: auto; max-height: 100%; max-height: none }
.figure-full { display: block; overflow: hidden; padding-top: 100%; position: relative; }
.figure-full img { left: 50%; position: absolute; top: 0; -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transform: translateX(-50%); width: auto !important; max-height: 150%; height: 100%; max-width: none !important; }
.figure-haft-center img { left: 50%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: auto; max-height: 100%; max-height: none }
/* Remove webkit outline glow
/* -------------------------------------------------------------------------- */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
/*Control Slide*/
.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: #f1f1f1; 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 { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.control-nav .owl-prev:before, .control-nav .owl-next:before { color: #333; content: ""; height: 32px; left: 45%; position: absolute; top: 50%; width: 32px; }
.control-nav .owl-prev:before { background-image: url('/Image/style-image/arrow-prev-32.png') }
.control-nav .owl-next:before { background-image: url('/Image/style-image/arrow-next-32.png') }
.control-nav .owl-nav [class*="owl-"]:hover {background: transparent !important}
.control-nav-outline .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-outline .owl-prev, .control-nav-outline .owl-next { -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%); color: transparent; width: 36px; height: 36px; background: transparent; border: 1px solid #ddd; line-height: 35px; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; opacity: 1; visibility: visible; text-align: center }
.control-nav-outline .owl-prev { left: -36px; right: inherit; }
.control-nav-outline .owl-next { right: -36px; }
.control-nav-outline .owl-prev:before, .control-nav-outline .owl-next:before { color: #333; font-family: FontAwesome; position: absolute; left: 50%; top: 50%; height: 100%; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); text-indent: 0 }
.control-nav-outline .owl-prev:before { content: "\f104" }
.control-nav-outline .owl-next:before { content: "\f105" }
.control-nav-outline:hover .owl-prev { left: -18px; opacity: 1; visibility: inherit; }
.control-nav-outline:hover .owl-next { right: -18px; opacity: 1; visibility: inherit; }
.control-nav-outline .owl-prev:hover, .control-nav-outline .owl-next:hover { background: #1E73BE; border-color: #1E73BE; }
.control-nav-outline .owl-prev:hover:before, .control-nav-outline .owl-next:hover:before { color: #fff }
.control-dots .tab-pane { position: relative }
.control-dots .owl-dots { background: rgba(0, 0, 0, 0); bottom: 1%; display: inline-block; height: 25px; left: 50%; padding: 0 15px; 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: 15px; margin: 5px; width: 15px; }
.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: #f00; background: #f00 }
.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-nav-top .owl-nav { position: absolute; top: -20px; right: 0; }
.control-nav-top .owl-prev, .control-nav-top .owl-next { background: rgba(0,0,0,0.3); height: 27px; width: 27px; color: rgba(0, 0, 0, 0); }
.control-nav-top .tab-pane { position: relative }
.control-nav-top .owl-prev, .control-nav-top .owl-next { -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%); }
.control-nav-top .owl-prev { right: 30px; }
.control-nav-top .owl-next { right: 0px; }
.control-nav-top .owl-prev:before, .control-nav-top .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: 27px; height: 27px }
.control-nav-top .owl-prev:before { background: url(/Image/style-image/navbox-prev.png) no-repeat scroll center center; }
.control-nav-top .owl-next:before { background: url(/Image/style-image/navbox-next.png) no-repeat scroll center center; }
/*Date Time*/
.DateTime[datetime] { background: rgba(0, 0, 0, 0) url("/Image/image-style/clock.png") no-repeat; content: ""; display: block; font-size: 13px; padding-left: 20px; position: relative; top: 0; }
.breadcrumbs-section { background: #f9f9f9; }
.Breadcrumbs { margin-bottom: 10px; padding-bottom: 10px; padding-left: 10px; }
.Breadcrumbs * { color: #767676; font-size: 12px; }
.Breadcrumbs strong { color: #888; font-size: 16px; margin: 0 6px; }
.Breadcrumbs *:hover { color: #ff8a00 }
/*PAGING*/
.Paging { border-bottom: 1px solid #1b4da2; border-top: 1px solid #1b4da2; clear: both; font-size: 12px; margin: 30px auto; padding-bottom: 25px; padding-top: 25px; text-align: center; }
.Paging:empty { display: none }
.Paging .page { margin-right: 5px }
.Paging .page a { background: #f1f2f2; border: 0 solid #b6b6b6; border-radius: 2px; display: inline-block; font-size: 16px; height: 45px; line-height: 45px; margin: 0 2px; width: 45px; }
.Paging .paging.label { display: none }
.Paging .current a, .Paging .page:hover a { background-color: #FFA204; border-color: #FFA204; color: #fff }
/*Title*/
.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: 500; margin: 0 0 0 7px; color: #77420A }
.name-column span { color: #77420A; font-weight: 700; text-transform: uppercase; font-family: inherit }
/*Figure*/
figure { position: relative }
.figure-haft { display: block; overflow: hidden; padding-top: 66.67%; 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: 100%; max-height: none }
/**/
.readmore { color: #000; font-weight: 700 }
.readmore:hover { color: #006cb8; }
/**/
/*.bg-pri-left {position: relative}
.bg-pri-left:before {background: #E9EBEE; content: ""; position: absolute; right: 100%; width: 3000px;width: 100%; height: 100%}
.bg-pri-left-inner {background: #E9EBEE}*/
/* =-=-=-=-=-=-= Preloader  =-=-=-=-=-=-= */
#preload { background:#fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; }
#preload-content { height: 100px; left: 50%; margin-left: -50px; margin-top: -50px; position: absolute; top: 40%; width: 100px; z-index: 999; }
.preload-spinner { margin: 0 auto 14px; text-align: center; }
.loading-logo-wraper { width: 100px; margin: 0 auto; margin-bottom: 20px; margin-top: 20px }
.loading-logo-wraper img {}
/*RELOAD STYLE 2*/
.spinner { margin: 20px auto 0; width: 70px; text-align: center; }
.spinner > div { width: 15px; height: 15px; background-color: rgb(245,130,31); border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
 @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% {
-webkit-transform: scale(0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes sk-bouncedelay { 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
40% {
 -webkit-transform: scale(1.0);
 transform: scale(1.0);
}
}
/* =-=-=-=-=-=-= End Preloader  =-=-=-=-=-=-= */
/*---------------- END RESET CSS------------------*/
/*---------------- BEGIN HEADER CSS------------------*/
.nav-container .bar { padding: 0; position: fixed; top: 0 }
.bar--absolute { position: absolute; }
.bar--absolute, .pos-fixed { z-index: 99999; width: 100%; /*-webkit-animation: fadeInUp 0.3s ease-out forwards; animation: fadeInUp 0.3s ease-out forwards; transition: all 500ms ease 0;*/ }
.bar.pos-fixed { height: 90px; position: fixed; top: 0; -webkit-animation: fadeInDown 0.3s ease-out forwards; animation: fadeInDown 0.3s ease-out forwards; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1) }
.bar--transparent { background: rgba(255,255,255,0) }
.bar.pos-fixed.bar--transparent { background: #13367A }
.nav-container.nav-container-scroll .nav--main { padding-top: 5px; padding-left: 0 }
/*Logo*/
.Logo { background: #fff; width: 133px; height: 148px; background: #fff; text-align: center; overflow: hidden; border-radius: 0 0 70px 70px; -webkit-box-shadow: 5px 0 15px 2px rgba(0, 0, 0, 0.25); box-shadow: 5px 0 15px 2px rgba(0, 0, 0, 0.25) }
.Logo {position: absolute; top: 0}
.Logo > a { display: block; margin: 15px auto 0 }
.Logo img {max-height: 105px}
/*Menu-Top*/
.nav-wrap { background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 5px; }
.nav-wrap .nav { margin-top: 0; text-align: right; white-space: nowrap; }
.Menu-Top { display: block; float: right; margin: 10px 0 0 !important; padding: 0; white-space: nowrap; }
.Menu-Top > li { display: inline-block; padding: 20px 25px }
.Menu-Top >li >a { padding: 0; color: #fff; text-transform: uppercase; font-weight: 500; font-size: 16px; position: relative; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s }
.Menu-Top >li >a::before { background-color: #fff; bottom: -5px; content: ""; display: block; height: 1px; left: 50%; position: absolute; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; width: 0; }
.Menu-Top >li >a:hover, .Menu-Top ul li a:hover { color: #13367A }
.Menu-Top > li:hover > a::before { width: 100%; }
/*Lv2*/
.Menu-Top >li > ul {min-width: 160% !important;padding-top: 5px; padding-bottom: 5px}
.Menu-Top >li ul li {background: #E6EDFF !important}
.Menu-Top >li ul li > a {text-align: left; font-size: 14px !important;font-weight: 400;color: #000;line-height: 1.3;padding-top: 7px; padding-bottom: 7px}
.Menu-Top >li ul li:last-child > a {padding-bottom: 7px}
.Menu-Top >li ul li > a:hover {color: #E77919 !important}
.bar.pos-fixed .Menu-Top >li >a:hover, .bar.pos-fixed .Menu-Top ul li a:hover { color: #E77919 }
/*End Menu-Top*/
/*SEARCH && LANGUARE*/
.section-header-right { margin-top: 10px }
.search { border: 0 solid #390023; height: 40px; position: relative; width: 418px; }
.search { float: right; margin-top: 5px; }
.search .txt-search, .search .bt-search { border: medium none; height: 27px; margin: 0; }
.search .txt-search { background: rgba(255,255,255,0.6); border: none; color: #333; float: left; font-size: 12px; padding-right: 56px; width: 100%; }
.search .txt-search:-moz-placeholder, .search .form-control::-moz-placeholder {
 color: #777;
 font-size: 12px;
 font-style: italic;
}
.search .bt-search { background: rgba(0, 0, 0, 0) url("/Image/style-image/search.png") no-repeat scroll center center; float: right; position: absolute; right: 0; top: 0; width: 27px; }
.header-language { text-align: right; width: 100%; }
.header-language .dropdown-toggle { background: transparent; position: relative; padding-left: 33px; cursor: pointer; color: #fff }
.header-language .dropdown-toggle:before { background: rgba(0, 0, 0, 0) url("/Image/style-image/global.png") no-repeat scroll 0 0 / 100% auto; content: ""; height: 26px; left: 0; position: absolute; top: 3px; width: 26px; }
.header-language .dropdown-toggle, .header-language .dropdown-toggle:focus { border: none; -webkit-box-shadow: none; box-shadow: none }
.header-language .dropdown-toggle:hover, .header-language .dropdown-menu > a:hover { color: #13367A }
.header-language .dropdown-menu { }
.header-language .dropdown-menu > a { font-size: 14px }
.bar.pos-fixed .header-language .dropdown-toggle { color: #fff }
/*---------------- END HEADER CSS------------------*/
/*---------------- BEGIN FOOTER CSS------------------*/
footer.footer { background: #003466; padding-top: 20px; padding-bottom: 20px; color: #fff; font-size: 16px }
footer.footer .ft-title { font-size: 20px; font-weight: 900; display: block; width: 100%; margin-bottom: 5px }
footer.footer .ULfooter { margin-bottom: 0 }
footer.footer a {color: #fff}
footer.footer a:hover {color: #E77919}
.ft-social { float: right }
.ft-social li { float: left; margin-right: 10px; margin-top: 0px; margin-bottom: 10px }
.ft-social li a { background: #eee; border: 1px solid #ccc; border-radius: 50%; display: inline-block; height: 30px; line-height: 30px; text-align: center; white-space: nowrap; width: 30px; }
.ft-social li a .fa { color: #00A3E4; font-size: 21px }
.ft-social li a:hover { 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 { border-radius: 50%; border: 1px solid rgba(0,0,0,0) }
/*---------------- END FOOTER CSS------------------*/
/*Home Slide && Home ProductGroup*/
.Home-Slide { min-height: 700px }
.Home-Slide-Sm { min-height: 430px; height: 430px; overflow: hidden; padding-bottom: 0 !important }
.ui-gradient-purple { background: -webkit-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); background: -o-linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); background: linear-gradient(45deg, #fd81b5 0%, #c961f7 50%, #8089ff 100%); }
.Home-Slide .sp-slide:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); z-index: 1 }
.Home-Slide .sp-content { position: absolute; left: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; top: 40% !important; width: 100%; z-index: 2 }
/*DOTS*/
.Home-Slide .sp-buttons {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
left: 0;
padding-left: 50px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
z-index: 111;}
.Home-Slide .sp-buttons .sp-button { clear: both; display: block; float: left; height: 12px; width: 12px; border: 2px solid rgba(255, 255, 255, 0.83); background: transparent }
.Home-Slide .sp-buttons .sp-button.sp-selected-button { background: #E77919; border-color: #E77919 }
/*END DOTS*/
.Home-Slide .TittleSlide { font-size: 58px; line-height: 63px; font-weight: 700; color: #fff; text-shadow: 2px 2px #1e1e1e; white-space: nowrap }
.Home-Slide .TittleSlide img { width: auto !important; max-height: 200px }
.Home-Slide .TittleSlide img.ver-center { height: auto; left: 50%; max-height: 200px; position: absolute; top: -30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; }
.Home-Slide .TittleSlide img.hor-center { }
.Home-Slide .TextSlide { clear: both; display: block; margin-top: 10px; font-size: 30px; color: #fff; text-transform: uppercase }
.Home-Slide li img.ImgSlide { height: auto; left: 50%; max-height: none; min-height: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }
.home-product-group-slide { margin-top: -200px; z-index: 111; position: relative }
.home-product-group-slide >div::after { background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(90%, #000000), to(#000000)) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, #000000 90%, #000000 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, #000000 90%, #000000 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 90%, #000000 100%) repeat scroll 0 0; bottom: 0; content: ""; height: calc(100% - 20px); left: 0; opacity: 0.8; position: absolute; right: 0; top: 21px; width: 100%; }
.home-product-group-slide #slider { position: relative; z-index: 1 }
.home-product-group-slide .slider-item { padding-left: 0; padding-right: 0 }
.home-product-group-slide .item .frame-figure, .home-product-group-slide .item .assetText, .home-product-group-slide .item .ProductGroupName { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.home-product-group-slide .frame-figure { border: 3px solid transparent; padding: 6px; margin-bottom: 10px }
.home-product-group-slide .item figure { padding-top: 150%; overflow: hidden; position: relative; margin-bottom: 0 }
/*.home-product-group-slide .item figure img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: none; width: 100%; max-height: 460px; transition: all 0.7s ease 0s }*/
.home-product-group-slide .item figure img{left: 50%;
max-height: none;
max-width: none;
min-height: auto;
position: absolute;
top: 0;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
-webkit-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
width: 100%;}
.home-product-group-slide .owl-nav { display: none }
.home-product-group-slide .item { text-align: center; }
.home-product-group-slide .owl-carousel .item { padding: 3px; width: 100% }
.home-product-group-slide .item > a { }
.home-product-group-slide .item .ProductGroupName { text-transform: uppercase; font-size: 16px; margin-bottom: 0; font-weight: 500; color: #fff }
.home-product-group-slide .item .assetText { border-left: 5px solid transparent; height: 65px; padding: 10px; overflow: hidden }
.home-product-group-slide .item:hover .frame-figure { border-color: #01a0e2 }
.home-product-group-slide .item:hover .assetText { border-left-color: #01a0e2 }
.home-product-group-slide .item:hover .assetText .ProductGroupName { color: #01a0e2 }
.home-product-group-slide .item:hover figure img { -webkit-transform: translateX(-50%) scale(1.2); -ms-transform: translateX(-50%) scale(1.2); transform: translateX(-50%) scale(1.2) }
/**/
.fsbanner.fsbannerActive, .fsbanner.fsbannerActive > .item > span { /* obrigatório */ display: none; }
.fsbanner.fsbannerActive { /* obrigatorio */ position: relative; overflow: hidden; /* opcional */ height: 400px; color: white; font-size: 20px; font-family: Verdana; font-weight: bold; border-radius: 5px; -webkit-text-stroke: 1px black; }
.fsbanner.fsbannerActive > .item { position: absolute; background-size: cover; cursor: pointer; top: 0px; left: 0px; }
.fsbanner.fsbannerActive > .item > a { margin: 0 10px }
.fsbanner.fsbannerActive > .item figure { padding-top: 50% }
.fsbanner.fsbannerActive > .item .name { display: block; position: absolute; left: 10px; bottom: 10px; }
.fsbanner.fsbannerActive > .item .name.minimized { /* css3 */ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; transform-origin: left top 0; /* pode ser necessário ajustar isso dependendo da fonte escolhida */ bottom: -13px; left: 7px; }
/*Tropical*/
#slider { overflow: hidden; }
.slider-content { width: 10000px; font-weight: 300; }
.slider-item { position: relative; overflow: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding: 0 10px }
.slider-item:first-child { margin-left: 0; }
.imageAccordion { float: left; position: relative; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; cursor: pointer; margin: 0; }
.imageAccordion > a { padding: 0 10px }
.imageAccordion figure { height: 355px; padding-top: 0 !important }
.imageAccordion figure img { max-height: none !important }
.item-img-1, .item-img-2 { min-width: 100%; -webkit-transition: all 0.5s !important; -o-transition: all 0.5s !important; transition: all 0.5s !important; }
.item-img-loaded { -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.item-img-2 { opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.item-text { position: absolute; }
.image-text { }
.imageAccordion:hover .image-text { font-size: 40px; }
 @media (min-width:1400px) {
.item-img-1, .item-img-2 { background-size: auto 465px !important; }
.imageAccordion:last-child .image-text { left: 0px; }
.imageAccordion:last-child:hover .image-text { left: 20%; }
}
 @media (max-width:1400px) {
.imageAccordion:first-child .image-text { left: 5%; }
.image-text { left: 15%; }
.imageAccordion:last-child .image-text { left: 5%; }
}
 @media (max-width:700px) {
#slider { height: 450px; }
.slider-item { height: 450px; }
.item-img-1, .item-img-2 { height: 450px; }
.image-text { left: 5%!important; font-size: 25px!important; }
.imageAccordion:first-child .image-text { left: 25%!important; }
.imageAccordion:last-child .image-text { left: 10%!important; }
}
 @media (max-width:400px) {
.imageAccordion:last-child .image-text { left: -30px!important; }
.imageAccordion:first-child .image-text { left: 20px!important; }
.image-text { left: -50px!important; }
}
/*Count Down*/
.section-count-dowm { background: #E6EDFF; padding-top: 50px; padding-bottom: 50px }
/*.section-count-dowm .box-bg{background: rgba(0, 0, 0, 0) url("/Image/style-image/button-countdown.png") no-repeat scroll 0 0;height: 209px;text-align: center;width: 207px;}*/
.section-count-dowm .box-bg .stat.heading { /* ff3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #808080), color-stop(50%, #c0c0c0), color-stop(100%, #808080)); /* safari4+,chrome */ background: -webkit-linear-gradient(45deg, #808080 0%, #c0c0c0 50%, #808080 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(45deg, #808080 0%, #c0c0c0 50%, #808080 100%); background: linear-gradient(45deg, #808080 0%, #c0c0c0 50%, #808080 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080', GradientType=1 );
}
.section-count-dowm .box-bg .stat.heading { border: 5px solid #ccc; border-radius: 50%; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5); height: 160px; margin: 0 auto 15px; text-align: center; width: 160px; -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 { color: #fff; font-size: 55px; font-weight: 900; line-height: 1; text-shadow: 2px 2px 2px #000; white-space: nowrap; }
.section-count-dowm .box-bg .sub-heading { display: block; font-size: 19px; font-weight: 500; line-height: 1.2; padding-left: 45px; padding-right: 45px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; min-height: 70px}
.section-count-dowm .box-bg .stat.heading[data-text] {padding-left: 15px; position: relative;font-size: 45px}
.section-count-dowm .box-bg .stat.heading[data-text]:before {content: attr(data-text);height: 100%;left: 5px;position: absolute;top: 83%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 15px;}
.ui-icon-block:hover .stat.heading { -webkit-box-shadow: 0 0 5px 2px #d39c50; box-shadow: 0 0 5px 2px #d39c50; color: #f3e0a5; border-color: #d39c50 }
.ui-icon-block:hover .sub-heading { color: #E77919 }
/*CONTROL:: Toantam-Home-NewsBlock1 - CONG TRINH TIEU BIEU*/
.home-news-slide { margin-top: 40px }
.home-news-slide .item > a {display: block; position: relative}
.home-news-slide .item .name { font-weight: 900; font-size: 22px; margin-bottom: 10px; display: block; color: #13367A; text-transform: uppercase }
.home-news-slide .item .frame-figure, .home-news-slide .item .assetText, .home-news-slide .item .assetText2, .home-news-slide .item:hover .assetText2 { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.home-news-slide .item .frame-figure { border: 3px solid transparent; padding: 6px; margin-bottom: 10px }
.home-news-slide .item figure { margin-bottom: 0 }
.home-news-slide .item .assetText { border-left: 5px solid transparent; padding-left: 30px; padding-right: 10px}
.home-news-slide .item .assetText .description { font-size: 20px; font-weight: 300; line-height: 1.4; color: #000 }
.home-news-slide .item .assetText2 {display: none; position: absolute; top: 100%;-webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;z-index: 11;background: #fff;}
.home-news-slide .item .assetText2 {color: #8ebddf;text-align: left;padding: 15px 20px;width: 100%}
.home-news-slide .item .assetText2 ul {margin: 0; padding: 0}
.home-news-slide .item .assetText2 ul:not(:last-child) {margin-bottom: 10px}
.home-news-slide .item .assetText2 ul li {list-style: none}
.home-news-slide .item:hover .assetText, .home-news-slide .item:hover .frame-figure { border-color: #0072bc }
.home-news-slide .item:hover .name { color: #0072bc }
.home-news-slide .item:hover .assetText .description.hover {color: #8ebddf;}
.home-news-slide .item:hover .assetText2 {display: block}
.home-news-slide .item:hover > a.hover, .home-news-slide .item:hover .assetText2 {-webkit-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.1)}
.home-news-slide .data-main { margin-top: 20px }
.home-news-slide .control-nav .owl-prev { left: -50px }
.home-news-slide .control-nav .owl-next { right: -50px }
/*HOME NEWS + VIDEO*/
.main-content-bottom { background: #E6EDFF; padding-top: 20px; padding-bottom: 20px }
/****************************
  Control Home-News-Latest
*****************************/
.home-news-latest { padding-right: 10px }
.home-news-latest ._main { padding-bottom: 15px; padding-right: 5px; margin-top: 10px }
.home-news-latest ._main .item-top { margin-bottom: 10px; }
.home-news-latest ._main .item-top figure { margin-bottom: 0 }
.home-news-latest ._main .item-top figure img { }
.home-news-latest ._main .item-top .caption { padding-left: 10px !important }
.home-news-latest ._main .item-top h3 { display: block; margin: 0 0 5px; padding: 0 }
.home-news-latest ._main .item-top h3 a { color: #13367a; font-weight: 700; display: block; font-size: 18px; line-height: 1.3; text-transform: uppercase; }
.home-news-latest ._main .item-top p { font-size: 20px; line-height: 26px; text-align: justify; }
.home-news-latest ._main .item-bottom { }
.home-news-latest ._main .item-bottom:last-child a { border-bottom: none; padding-bottom: 0 }
.home-news-latest ._main .item-bottom figure { margin-bottom: 0 }
.home-news-latest ._main .item-bottom h3 { display: block; margin: 0; text-transform: uppercase; height: 45px; overflow: hidden; }
.home-news-latest ._main .item-bottom a { color: #13367a; display: block; font-size: 18px; line-height: 1.3; }
.home-news-latest ._main .item-bottom .readmore { font-weight: 300; margin-top:
}
/*HOVER*/
.home-news-latest ._main .item h3 a:hover, .home-news-latest ._main .item .readmore:hover { color: #006CB8 }
/****************************
  Control Home-Video-Latest
*****************************/
.block-news-video ._main { padding-right: 5px; padding-bottom: 15px }
.block-news-video ._main .item-top { margin-bottom: 10px; padding: 0; position: relative }
.block-news-video ._main .item-top figure { margin-bottom: 0 }
.icon-play-video { background: rgba(0, 0, 0, 0) url("/Image/style-image/play-arrow.png") no-repeat scroll center center / 60px auto; cursor: pointer; display: block; height: 100px; left: 50%; margin: 0; padding: 0; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; width: 100px; z-index: 9; }
.icon-play-video.icon-sm { background-size: 40px auto }
.block-news-video ._main .item-top figure img { width: 100% }
.block-news-video ._main .item-top .assetText { padding: 15px; position: absolute; bottom: 0; left: 0; width: 100%; display: block; z-index: 9 }
.block-news-video ._main .item-top .assetText h3 { color: #e77919; font-size: 18px; font-weight: 700; margin: 0; text-transform: uppercase; }
.block-news-video ._main .item-top h3 { display: block; margin: 0 0 10px; padding: 0; }
.block-news-video ._main .item-top h3 { text-shadow: 0 1px #000; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; }
.block-news-video ._main .item-top:hover h3 { color: #ff8b00 }
.block-news-video ._main .item-top p { font-size: 14px; line-height: 1.5; text-align: justify; }
.block-news-video ._main .item-bottom { margin-bottom: 5px }
.block-news-video ._main .item-bottom figure { padding-left: 0; padding-right: 0; margin-bottom: 0 }
.block-news-video ._main .item-bottom .assetText { }
.block-news-video ._main .item-bottom h3 { color: #13367a; display: block; font-size: 16px; font-weight: 700; line-height: 1.3; margin: 0 0 5px; text-transform: uppercase; }
.block-news-video ._main .item-bottom .description { font-size: 16px; margin-bottom: 0; line-height: 1.3 }
/*CONTROL:: GOOGLE MAP*/
.section-google-map { margin-top: 40px; margin-bottom: 20px }
.section-google-map #GoogleMap { height: 510px }
.section-google-map .right-box { background: rgba(0, 0, 0, 0) url("/Image/style-image/bg-item-location.png") repeat-x scroll 0 0 / auto 100% }
.section-google-map .right-box .UlMap { padding-left: 70px; padding-right: 70px }
.section-google-map .right-box .item { padding-left: 0; padding-right: 0; }
.section-google-map .right-box .item ul { margin-bottom: 0 }
.section-google-map .right-box .item:not(:last-child) { border-bottom: 1px solid #ccc; margin-bottom: 7px; padding-bottom: 7px; }
.section-google-map .right-box .item .namef a { color: #e77919; font-size: 20px; font-weight: 700; text-transform: uppercase; }
.section-google-map .right-box .item .listUl li, .section-google-map .right-box .item .listUl li a { color: #000; font-size: 17px; font-weight: 400; line-height: 1.4; }
.section-google-map .right-box .item .listUl li { margin-bottom: 3px }
.section-google-map .right-box .item .listUl li .fa { margin-right: 5px; color: #ED4684 }
.infoWindowMap { max-width: 420px; padding: 10px 0 0; font-family: "Source Sans Pro", sans-serif !important }
.infoWindowMap .name { color: #000; display: block; font-size: 12px; font-weight: 900; margin-bottom: 10px; padding-left: 30px; position: relative; }
.infoWindowMap .name:before { background-color: transparent; background-image: url("/Image/style-image/icon-geo_fence.png"); background-position: center center; background-repeat: no-repeat; background-size: 25px auto; content: ""; display: block; height: 27px; left: 0; position: absolute; top: 0; width: 22px; }
.infoWindowMap .nameAdd { color: #000; font-size: 14px; line-height: 18px; margin-bottom: 11px; }
.infoWindowMap hr { margin-top: 5px }
.infoWindowMap a { background: #fff; bottom: 0; display: block; position: absolute; width: 100%; padding-top: 5px; border-top: 1px solid #ddd }
/* MENU BY NEWSGROUPID*/
#nav-right { margin-top: 10px; border-color: #F1F1F1 }
#nav-right .panel-heading { text-transform: uppercase; background: #E77919; border: none }
#nav-right .panel-heading .panel-title { color: #fff; font-weight: 700; padding: 8px 15px }
#nav-right .panel-body ul li a { }
#nav-right .panel-body ul li a { border-bottom: 1px dotted #ccc; color: #444; display: block; font-size: 14px; font-weight: 700; padding: 8px 0 8px 15px; position: relative; }
#nav-right .panel-body ul li a:before { content: "\f111"; position: absolute; left: 1px; top: 12px; width: 15px; height: 15px; font-family: fontawesome; font-size: 8px; color: #E77919 }
#nav-right .panel-body ul li.active a, #nav-right .panel-body ul li:hover a { color: #da251c }
/*NEWS*/
#Content-News .NewsName h1 { color: #13367a; font-size: 32px; font-weight: 500; }
#Context, #Context1 { font-size: 16px; line-height: 1.5 }
#Context a, #Context1 a{color: #13367A;font-weight: 500}
#Content-News .newsLeft .entry-meta { padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-bottom: 15px }
#Content-News .newsLeft .Description { font-weight: 500; color: #000; font-size: 16px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee }
/*==============PRODUCTGROUP============*/
.block-category-header { margin-top: 35px }
.block-category-header-2 {}
.block-category-header-2 .name{font-size: 26px; font-weight: 400;position: relative;padding-left: 20px;color: #000}
.block-category-header-2 .name:before {content: "\f0da";position: absolute; left: 0;font-family: "FontAwesome";top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
.block-category-header-2 .name .span{display: inline-block;border-bottom: 1px solid #333}
/*Page San Pham*/
.page-productbranch { margin-top: 35px }
.page-productbranch .group-item { margin-bottom: 30px }
.page-productbranch .group-item > .inner { border: 1px solid #666 }
.page-productbranch .group-item > .inner .group-sub-item { padding: 25px; }
.page-productbranch .group-item > .inner .heading-title {padding: 15px 20px}
.page-productbranch .group-item > .inner .heading-title { background: #ffffff; background: -webkit-linear-gradient(top, #ffffff 0%, #f0eded 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0eded)); background: -o-linear-gradient(top, #ffffff 0%, #f0eded 100%); background: linear-gradient(to bottom, #ffffff 0%, #f0eded 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0eded', GradientType=0 );
}
.page-productbranch .group-item > .inner .heading-title .listPicture {}
.page-productbranch .group-item > .inner .heading-title .listPicture li{height: 100px;float: left; margin: 5px;border: 2px solid transparent;overflow: hidden;position: relative;-webkit-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;max-width: 65px}
.page-productbranch .group-item > .inner .heading-title img {height: 100px;left: 50%;max-width: none;position: absolute;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: auto;}
.page-productbranch .group-item > .inner .heading-title img.normal {height: 80px; float: right; position: relative; left: auto;transform: none}
.page-productbranch .group-item > .inner .heading-title .listPicture li:hover, .page-productbranch .group-item > .inner .heading-title .listPicture li.active  {border-color: #E37718}
.page-productbranch .index-list-title {margin-bottom: 0}
.page-productbranch .index-list-title .name { color: #e77924; font-size: 25px; font-weight: 700; display: block }
.page-productbranch .index-list-title .name:hover {color: #13367A}
.page-productbranch .group-item .group-sub-item .item { }
.page-productbranch .group-item .group-sub-item .item .fa { margin-right: 10px }
.page-productbranch .group-item .group-sub-item .item .ProductName { font-size: 26px; font-weight: 700;-webkit-transition: all 0.1s linear 0s;-o-transition: all 0.1s linear 0s;transition: all 0.1s linear 0s; }
.page-productbranch .group-item .group-sub-item .item .ProductNames {font-size: 28px}
.page-productbranch .group-item .group-sub-item .item .ProductName .label-hot {padding: 3px 5px; background: #f00; color: #fff; font-size: 10px; font-weight: 700;margin-left: 10px; position: relative; top: -5px
}
.page-productbranch .group-item .group-sub-item .item:hover .ProductName, .page-productbranch .group-item .group-sub-item .item.active .ProductName{color: #E77919}
/*In PRoductGroupSub*/
.page-productbranch .group-item .group-sub-item .item figure{ overflow: hidden;padding-top: 140%;position: relative;width: 100%;}
.page-productbranch .group-item .group-sub-item .item figure img {left: 50%;max-width: none;min-height: 100%;position: absolute;top: 0;transform: translateX(-50%);width: auto;height: auto}
/*==============PRODUCT============*/
.ProductInfo { margin-top: 10px }
.ProductInfo #Gallery.Pictures { }
.ProductInfo #Gallery.Pictures .item { position: relative }
.ProductInfo #Gallery.Pictures .item img {max-height: 550px;width: auto !important;display: block;margin: 0 auto}
.ProductInfo #Gallery.Pictures .item .caption { background: #4f4c4d; bottom: 0; color: #fff; display: block; font-size: 18px; font-weight: 300; padding: 10px 20px; position: absolute; width: 100%; }
.ProductInfo #Gallery.Pictures .item .caption:empty {display: none}
/*CONTEXT*/
.ProductInfo .Description { margin-top: 30px }
.ProductInfo .Description ul { padding: 0; }
.ProductInfo .Description ul li { margin-bottom: 4px; padding-bottom: 4px; list-style: none; padding-left: 0 }
.ProductInfo .Description ul li strong {display: inline-block;min-width: 200px;font-weight: 400;position: relative;margin-right: 15px;}
/*==============NEWSGROUP============*/
#NewsGroup .NewsGroup-Section {padding-left: 60px; padding-right: 60px}
#NewsGroup .NewsGroupItem {margin-bottom: 25px}
#NewsGroup .NewsGroupItem .CreateDate { color: #1b4da2; font-size: 16px; font-weight: 300; margin-bottom: 10px }
#NewsGroup .NewsGroupItem h3 a { color: #000; font-size: 20px; font-weight: 400; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#NewsGroup .NewsGroupItem:hover h3 a { color: #1b4da2; font-weight: 400; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-decoration: underline !important }
/*==============NEWS============*/
#News .News-Section {padding-left: 60px; padding-right: 60px}
#News .NewsNameLink {border-bottom: 1px solid #ddd;margin-bottom: 30px;display: block;padding-top: 10px;padding-bottom: 10px}
#News .NewsNameLink h1 {color: #1b4da1;font-size: 25px;}
#News #Context, #News #Context1 {font-size: 16px; font-family: inherit !important}
#News #Context1 {margin-bottom: 30px}
#News #Context1 .layout-container ul {margin: 0; padding: 0}
#News #Context1 .layout-container ul li {list-style: none}
#News #Context1 .layout-container .layout-column-editable > p > strong{text-transform: uppercase; font-size: 18px;border-left: 4px solid #13367A;padding-left: 10px}
/*Tin khac*/
.Content-NewsRelate {margin-top: 30px}
.heading-related {border-top: 2px solid #222; margin-bottom: 5px; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #222;padding-top: 3px}
.heading-related .name {display: inline-block; position: relative;padding-right: 10px}
.heading-related .name:before{content: "\f178"; font-family: "FontAwesome";position: absolute; left: 100%}
/*================= Begin MenuByProductBranch-------------- */
.section-menubygroup {-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);padding: 5px 0}
.section-menubygroup .inner{}
#MenuByProduct {padding-left: 60px; padding-right: 60px}
#MenuByProduct ul {}
#MenuByProduct ul > li {position: relative}
#MenuByProduct ul > li:not(:last-child):before {content: "";position: absolute;height: 70%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); width: 1px;background: #e77924;right: 0}
#MenuByProduct ul li a {color: #e77924;font-size: 22px;line-height: 1.3}
#MenuByProduct ul li.active a, #MenuByProduct ul li:hover a, #MenuByProduct ul li:focus a {color: #13367A}
/*================= End MenuByProductBranch-------------- */
/*==============ChatBox Modal============*/
/*---------Control:Popup-Contact---------*/
.popup_contact {bottom: 30px;position: fixed;right: 90px;z-index: 9001;}
.popup_contact * {font-size: 14px}
.popup_contact > a.btn {-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1) !important;box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1) !important; color: #fff; font-size: 20px; height: 45px; margin: 0; text-align: center; width: 45px; }
.popup_contact a.btn-info {z-index: 11;position: relative;background: rgb(12,77,162) !important; border-radius: 50%}
.popup_contact > a.btn i { display:inline-block}
.popup_contact .Context { background: #fbfbfb; bottom: 65px; display: none; padding: 20px; position: absolute; right: 0; width: 250px; }
.popup_contact .Context .input-group { width: 100%; margin-bottom: 10px }
.popup_contact .Context .input-group .form-control { background-color: #fff; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset; color: #626262; font-size: 12px}
.popup_contact .Context span.arrow { border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid #fbfbfb; bottom: -8px; display: block; height: 0; margin: 0 auto; position: absolute; right: 15px; width: 0; }
.popup_contact .Context dl { margin-bottom:10px}
.popup_contact .Context dt { font-size:12px}
.popup_contact footer { background:#fff;}
/*Active Popup*/
.popup_contact.focus .Context { -webkit-box-shadow:6px 6px 20px rgba(0, 0, 0, 0.15) !important; box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.15) !important; display: block; border-radius: 10px}
/*Animatex*/
.popup_contact .waves-block .waves {
	position: absolute;
	width: 153px;
	height: 150px;
	background: rgba(245,130,31,0.3);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;
	-webkit-animation: waves 4s ease-in-out infinite;
	animation: waves 4s ease-in-out infinite;
	left: 50%;
	margin-left: -75px;
	top: 50%;
	margin-top: -75px;
}
.popup_contact .waves-block .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.popup_contact .waves-block .wave-2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.popup_contact .waves-block .wave-3 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
/*---------Control:Popup-Contact IN product ---------*/
.popup_contact_2 {}

.popup_contact_2 .Context .input-group { width: 100%; margin-bottom: 10px }
.popup_contact_2 .Context .input-group .form-control { background-color: #fff; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02) inset; color: #626262; }
.popup_contact_2 .Context span.arrow { border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid #fbfbfb; bottom: -8px; display: block; height: 0; margin: 0 auto; position: absolute; right: 15px; width: 0; }
.popup_contact_2 .Context dl { margin-bottom:10px}
.popup_contact_2 .Context dt { font-size:12px}
/*Active Popup*/
.popup_contact_2.focus .Context { -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important; display: block; }