@font-face{font-family:'FontAwesome';
    src:url('../fonts/icons/fontawesome-webfont.eot?v=4.7.0');
    src:url('../fonts/icons/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('../fonts/icons/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('../fonts/icons/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('../fonts/icons/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('../fonts/icons/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight:normal;font-style:normal}
    
   @font-face {
   font-family: 'Glyphicons Halflings';
   src: url('../fonts/icons/glyphicons-halflings-regular.eot?v=4.3.0');
   src: url('../fonts/icons/glyphicons-halflings-regular.eot?#iefix&v=4.3.0') format('embedded-opentype'),
   url('../fonts/icons/glyphicons-halflings-regular.woff?v=4.3.0') format('woff'),
   url('../fonts/icons/glyphicons-halflings-regular.ttf?v=4.3.0') format('truetype'),
   url('../fonts/icons/glyphicons-halflings-regular.svg?v=4.3.0#fontawesomeregular') format('svg');
   font-weight: normal;
   font-style: normal
   }

@font-face {
    font-family: 'UTMAvo';
    src: url('../fonts/UTMAvo.eot'); src: url('../fonts/UTMAvo.eot') format('embedded-opentype'), url('../fonts/UTMAvo.woff2') format('woff2'), url('../fonts/UTMAvo.woff') format('woff'), url('../fonts/UTMAvo.ttf') format('truetype'), url('../fonts/UTMAvo.svg#UTMAvo') format('svg');
}

@font-face {
    font-family: 'UTMAvoBold';
    src: url('../fonts/UTMAvoBold.eot');
    src: url('../fonts/UTMAvoBold.eot') format('embedded-opentype'),
         url('../fonts/UTMAvoBold.woff2') format('woff2'),
         url('../fonts/UTMAvoBold.woff') format('woff'),
         url('../fonts/UTMAvoBold.ttf') format('truetype'),
         url('../fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
}
@font-face {
    font-family: 'MontserratExtraBold';
    src: url('../fonts/9Slide03MontserratExtraBold_1.eot'); src: url('../fonts/9Slide03MontserratExtraBold_1.eot') format('embedded-opentype'), url('../fonts/9Slide03MontserratExtraBold_1.woff2') format('woff2'), url('../fonts/9Slide03MontserratExtraBold_1.woff') format('woff'), url('../fonts/9Slide03MontserratExtraBold_1.ttf') format('truetype'), url('../fonts/9Slide03MontserratExtraBold_1.svg#9Slide03MontserratExtraBold_1') format('svg');
}
@font-face {
    font-family: 'QuicksandBold';
    src: url('../fonts/QuicksandBold.eot');
    src: url('../fonts/QuicksandBold.eot') format('embedded-opentype'),
         url('../fonts/QuicksandBold.woff2') format('woff2'),
         url('../fonts/QuicksandBold.woff') format('woff'),
         url('../fonts/QuicksandBold.ttf') format('truetype'),
         url('../fonts/QuicksandBold.svg#QuicksandBold') format('svg');
}
@font-face {
    font-family: 'QuicksandMedium';
    src: url('../fonts/QuicksandMedium.eot');
    src: url('../fonts/QuicksandMedium.eot') format('embedded-opentype'),
         url('../fonts/QuicksandMedium.woff2') format('woff2'),
         url('../fonts/QuicksandMedium.woff') format('woff'),
         url('../fonts/QuicksandMedium.ttf') format('truetype'),
         url('../fonts/QuicksandMedium.svg#QuicksandMedium') format('svg');
}
@font-face {
    font-family: 'QuicksandRegular';
    src: url('../fonts/QuicksandRegular.eot');
    src: url('../fonts/QuicksandRegular.eot') format('embedded-opentype'),
         url('../fonts/QuicksandRegular.woff2') format('woff2'),
         url('../fonts/QuicksandRegular.woff') format('woff'),
         url('../fonts/QuicksandRegular.ttf') format('truetype'),
         url('../fonts/QuicksandRegular.svg#QuicksandRegular') format('svg');
}


/*========================================================
    END Font Face Web Pages
=========================================================*/
body { font-family: "QuicksandMedium", serif; font-size: 14px; color: #252525;  -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; text-align: justify !important; background: #fff url("../images/bg-header.png") no-repeat top center; }
a { color:#13668d; outline:0; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;}
a:focus, a:hover { text-decoration:none; outline:0; color:inherit}
a:hover { color:#3f3a3a;}
p {  font-weight: normal; line-height: 20px; margin: 0 0 15px 0; text-align: justify;}
img { max-width:100%;}
.page { overflow:hidden}
.bg-color-one { background-color:#fff; position:relative; overflow:hidden}
.bg-color-two {background-color: #E5E5E5;}
.bg-color-three { background-color: #3a4047;}
.bg-color-four { background: #fff; background-size: cover; height: auto; border-top: 3px solid #fb6816;}
.bg-color-fine { background: #252222; background-size: cover; height: auto; border-top: 3px solid #fb6816;}
.uper { text-transform:uppercase; max-width:500px; margin:0 auto; float:none}
.red { color:#c34e2a;}


.mt15{ margin-top:15px;}
header { position:relative; z-index:99; background: none; height: 120px;}
.container { width: 1350px; max-width: 1350px;}
.show-mb { display: none!important}
.hide-mb { display:block}
.out-header {position:relative;}
.out-main { background: none; margin-top: 40px;}
.out-main.sub .wr-line-cont { background:#fff; padding: 25px 0; border-top: 1px solid #cdcdcd; }
.stuck_container .out-header  { min-height:70px; /*margin-bottom:10px; border-bottom:1px dashed #000;*/}
.out-container-banner { width:100%; float:left; position:relative}
.out-container { width:1366px; padding:0 15px; margin:0 auto; position:relative; z-index:2}

.out-nav-top { width:100%; padding: 0; background: none; position:relative; }


.wr-out-mn { width:100%; padding:20px 0 5px; text-align:center; position:relative}
/* .out-menu{width: 100%; background: #0D529E; position: relative;}
.out-nav-top .container{position: relative;}
.out-menu .container{ position:relative} */
/*========================================================
   Logo Login Links
=========================================================*/
.logo {display: block;  top: 25px; right: 15px; z-index: 999; position: absolute;}
.logo a img { max-width:100%;}
.wr-dock-top { position:absolute; right:15px; z-index:99; top:30px; padding-bottom:15px;}
.wr-dock-top:after { content:""; height:3px; width:80px; right:0; bottom:5px; position:absolute; background:#fb9b7d;}
.wr-dock-top.left {position:absolute; right:auto; left:15px; z-index:99; top:30px;}
.wr-dock-top.left:after { content:""; height:3px; width:80px; right:auto; left:0; bottom:5px; position:absolute; background:#fb9b7d;}
.wr-search { position: absolute; top: 30px; right: 0; margin-right: 15px; z-index: 99999;}
.out-list-flag { float:left; margin-left:10px;}
.out-list-flag .flag-click-mb { display:none}
.out-list-flag .wr-list-flag { margin:0; padding:0; list-style:none; float:left;}
.out-list-flag .wr-list-flag li { float:left; margin:0 5px;}
.out-list-flag .wr-list-flag li a { float:left;}
.out-list-flag .wr-list-flag li a:hover { opacity:0.8}
.logo-right { float:left; clear:both; margin-top:10px;}
.logo-right a img { max-width:100%;}
/*=== Infor top ==*/
.wr-info-top { width:auto; float:left}
.wr-info-top .wr-info { float: left; margin-left:0px; width: auto;}
.wr-info-top .wr-info img { margin-right:8px; float:left}
.wr-info-top .wr-info a { font-size:18px; margin-top:0px; float:left; color:#fff;}
.wr-info-top .wr-info a:hover { color:#000;}
.logo-tra {display: block;  z-index: 999; display: inline-block; padding-left: 70px;}
.logo-cafe {display: block;  z-index: 999; display: inline-block; padding-left: 82px;}
.call-top{display: inline-block; padding-left: 10px; padding-right: 10px; padding-top: 10px;}
.call-top a{color: #fff;}
.call-top a:hover{color: #252525;}
/*========================================================
    NAV Top
=========================================================*/
.navbar { position: absolute; margin:0; border:none; background:none; width:100%}
.navbar-nav { width: auto; float: left; margin: 0 auto; padding: 20px 0 0px 0; display:block; text-align: center; position:relative; z-index:99; }
.navbar-nav li { float:none;text-align: center;list-style:none; width:auto; display:inline-block;}
.navbar-nav li:after { position:absolute; content:""; right:0; top:0; bottom:0; width:0px; background:#7e7e7e; }
.navbar-nav li:last-child:after { width:0; display:none}
.navbar-default .navbar-nav > li > a{ font-size: 15px; font-family: arial; font-weight: bold; color:#000; text-transform:uppercase;  margin: 0 8px; padding: 20px 8px 10px 8px;}
.navbar-default .navbar-nav > li:last-child > a { margin-right:0}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .sfHover > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .sfHover > a:hover { color: #fff!important; background:none;  padding: 20px 5px 10px 5px; display: block; font-weight: bold !important; border-bottom: 2px solid #fff;}

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0;}
.dropup, .dropdown { position: relative;}
.dropdown-toggle:focus { outline: 0;}
.dropdown-menu { background-color: rgba(255, 255, 255, 0.8); position: absolute!important; top: 100%; left: 0; z-index: 1000; display:none; float: left; margin: 0px 0 0; list-style: none; font-size: 16px; text-align: left; box-shadow:0 3px 6px rgba(0, 0, 0, 0.1); width: 230px; padding-top: 0px; padding-bottom: 0px; text-transform: none; border-color:transparent!important; -moz-border-radius:0px!important; -webkit-border-radius:0px!important; -o-border-radius:0px!important; border-radius:0px!important;}
.dropdown-menu.pull-right {  right: 0;left: auto;}
.dropdown-menu .divider { height: 1px; margin: 8px 0; overflow: hidden;  background-color: rgba(0,103,176,1);}
.dropdown-menu > li:after { display:none}
.dropdown-menu > li > a { display: block; padding: 7px 15px; clear: both; font-weight: normal; color: #000; text-transform:none; white-space:normal; font-size:13px; line-height:18px;}
.dropdown-menu > li > a.sf-with-ul { position: relative;}
.dropdown-menu > li > a.sf-with-ul:before {  content: "\f054"; position: absolute; font-size: 14px; font-family: 'FontAwesome'; right: 22px; top: 8px; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.dropdown-menu > li > a:hover, dropdown-menu > li > a:focus { text-decoration: none; color: #fff; background-color: #252525; -moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);}
.dropdown-menu li:nth-child(5) {margin-right:0px; min-width:auto;}
.dropdown-menu > .active > a,
.dropdown-menu > .sfHover > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .sfHover > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .sfHover > a:focus {  color: #fff; text-decoration: none; outline: 0; background-color: #252525; }
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { color: #cfcfcf;}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;}
.open > .dropdown-menu { display: block;}
.open > a { outline: 0; }
.sf-menu > li > ul li { display: block; width:25%; float: left; position: relative; text-align: left; border-bottom:1px solid #cfcfcf; padding-right:0; margin-right:0 }
.sf-menu > li > ul li:last-child(){ border-bottom:none}
.sf-menu > li > ul li ul.dropdown-menu { position: absolute; left: 100%; top: 0; width: 150px; }
.dropdown-menu-right { left: auto; right: 0; }
.dropdown-menu-left { left: 0; right: auto; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.28571429; color: #cfcfcf; white-space: nowrap;}
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990;}
.pull-right > .dropdown-menu { right: 0; left: auto;}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: "";}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px;}
/* -- style menu destop css -- */
.menu-desktop { width:auto; margin:60px 20px 40px 50px}
/*========================================================
    Css new fix show mobile sub 2
=========================================================*/
.rd-mobilemenu_ul > li{ float:left; width:100%;}
.rd-mobilemenu_submenu { float:left; width:100%; list-style:none; margin:0; padding:0}
.rd-mobilemenu_submenu li { float:left; width:100%;list-style:none}
.rd-mobilemenu_submenu li .dropdown-menu { display:block; position:relative!important; width:100%;}
.rd-mobilemenu_submenu li .dropdown-menu li { float:left; width:100%;}
.rd-mobilemenu_submenu li .dropdown-menu li a { font-family:inherit; padding-top:10px; padding-bottom:10px; text-transform:uppercase}
/*========================================================
isStuck
=========================================================*/
.isStuck { background: #f7941d;}
.isStuck .wr-links-back{ display:none}
.isStuck .out-header {display:none}
.isStuck .out-nav-top .wr-out-mn { padding-top:0}
.isStuck { min-height: 80px; z-index: 999; box-shadow:0 3px 10px -3px #ecececb0; border-bottom:0px solid #eb4b14;}
.isStuck .out-nav-top{background: #f7941d; -webkit-box-shadow: -4px 22px 59px -41px rgba(255, 255, 255, 0.75); -moz-box-shadow: -4px 22px 59px -41px rgba(255, 255, 255, 0.75); box-shadow: -4px 22px 59px -41px rgba(255, 255, 255, 0.75);}
.isStuck .container.menu-top{display: none;}

.isStuck .logo{max-width: 100%; width: 150px;}
.isStuck .navbar-default .navbar-nav > li > a:hover, .isStuck .navbar-default .navbar-nav > .active > a, .isStuck .navbar-default .navbar-nav > .sfHover > a, .isStuck .navbar-default .navbar-nav > .active > a:hover, .isStuck .navbar-default .navbar-nav > .sfHover > a:hover{padding: 20px 5px 10px 5px;}
.isStuck a.hotline{top: 20px;}
.isStuck a.flag{top: 28px;}
.isStuck .wr-search { position: absolute; top: 30px; right: 0; margin-right: 15px; z-index: 99999;}
.isStuck .top-header{display: none;}
.isStuck .navbar-nav{padding: 10px 0;}
/*========================================================
    Css Search css style
=========================================================*/
.search-form { display: none; padding: 0; position: absolute; width: 100%; top: auto; bottom: -50px; border:0; left:0; right:0; background:rgba(54,42,18,0.5); z-index:3}
.wr-search-cont { width:1140px; margin:0 auto;}
.search-form form { position: relative;}
.search-form_label { width: 100%; display: block; padding: 5px 50px 5px 15px; background: rgba(255,255,255,1); border:0; margin:0;/* box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);*/}
.search-form_input { outline: none; background-color: transparent; border: none; -webkit-appearance: none; border-radius: 0; vertical-align:middle; box-shadow: none; color: #000; font-weight: 400; display: block; width: 100%; font-size: 16px; height:40px; line-height:40px;}
.search-form_input::-webkit-input-placeholder { color: #2f2f2f; opacity: 1;}
.search-form_input::-moz-placeholder {  color: #2f2f2f; opacity: 1;}
.search-form_input:-moz-placeholder { color: #2f2f2f; opacity: 1;}
.search-form_input:-ms-input-placeholder { color: #2f2f2f; opacity: 1;}
.search-form_submit { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; position: absolute;  top: 9px; right: 17px; width: 30px;  height: 30px; font-weight:normal; color: #252525; font: 300 20px/35px 'FontAwesome', 'OpenSans-Regular', sans-serif; }
.search-form_submit::-moz-focus-inner { border: none; padding: 0;}
.search-form_submit:before { content: '\f002';}
.search-form_submit:hover { color: #362a12; }
.search-form_toggle { outline:0; position: relative; float: right; color: #362a12;  font: 100 18px/23px 'FontAwesome'; font-weight:lighter!important; background:url(../images/all/icon-search-n.png) no-repeat center center; height:23px; width:23px;  z-index:2; margin-top:0px; /* canh search top*/  text-align: center; padding: 0 !important;}
.search-form_toggle.active {background:url(../images/all/icon-x-n.png) no-repeat center center;}
.search-form_toggle:before { /*content: '\f002';*/}
.search-form_toggle:focus { color: #362a12; /*background: #fff;   mau sau khi click search */}
.search-form_toggle:hover { color: #362a12;}
.search-form_toggle.active {}
.search-form_toggle.active:before { /*content: '\f00d'; color: #646464;*/} /* hien thi dau x khi click*/

/*========================================================
    Css RD Mobile Menu 
=========================================================*/
.rd-mobilemenu { display:block; position: fixed; top: 0; left: 0;  bottom: 0; z-index: 999999996; text-align: left; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease;}
.rd-mobilemenu.active { right: 0; }
/*cho nay an hien menu mobile*/
.rd-mobilemenu_ul { position: fixed; top: 146px; left: 0; bottom:0px; width: 280px; padding: 0px 0 0px; color: #666666; background: rgba(255, 255, 255, 0.97); font-size: 16px; line-height: 20px; overflow: auto; -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); -moz-transform: translateX(-280px); -ms-transform: translateX(-280px); -o-transform: translateX(-280px); -webkit-transform: translateX(-280px);  transform: translateX(-280px);  -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);}
.lt-ie9 .rd-mobilemenu_ul { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff'); zoom: 1;}
.rd-mobilemenu.active .rd-mobilemenu_ul { margin-bottom:0; -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);}
.rd-mobilemenu_ul li.active > a { background-color: #252525; color: #fff!important; }
.rd-mobilemenu_ul a { display: block; padding: 16px 25px 16px; text-transform:uppercase; color:#202835!important; outline:none; font-size: 14px;}
.rd-mobilemenu_ul a.active { /* active sub menu mobile color*/  background-color: transparent; color: #000!important; outline:none }
.rd-mobilemenu_ul a:hover { background-color: #252525;  color: #fff!important; }
.rd-mobilemenu_ul a .rd-submenu-toggle { background: rgba(54, 140, 51, 0); position: absolute; top: 50%; right: 11px; margin-top: -19px; width: 40px; height: 40px; font: 400 14px 'FontAwesome'; line-height: 40px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%;  border-radius: 50%; /* border: 1px solid #000000;*/ -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; z-index: 1; }
.rd-mobilemenu_ul a .rd-submenu-toggle:after {content: '\f078';}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover { background-color:transparent;  color: #000;}
.rd-mobilemenu_ul a.rd-with-ul { position: relative;}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.rd-mobilemenu_ul ul a { border: none;  padding-top: 14px; padding-bottom: 16px; }
.rd-mobilemenu_ul ul ul { border: none; box-shadow: none; background: transparent; padding: 0; left: 0; top: 0; text-align: left; transform: none;}
.rd-mobilemenu_ul ul ul:before, .rd-mobilemenu_ul ul ul:after { display: none;}
.rd-mobilemenu_ul ul ul li { border: none; box-shadow: none; }
.rd-mobilemenu_ul ul ul a { padding: 0; margin: 0; padding-left: 40px; color: inherit; font-size: 14px; padding-top: 14px; padding-bottom: 16px; border: none; box-shadow: none; }
.rd-mobilemenu_ul ul ul a.active { background-color: #252525; color: #e85b2f; } /* hover sub  bg*/
.rd-mobilemenu_ul ul ul a:hover { background-color: #13668d; color: #e85b2f; box-shadow:none }
.rd-mobilemenu_ul:after { content: ''; display: block; height: 20px; }
/*-- show mobile menu on desk --- */
.rd-mobilepanel { display:none; position: fixed; top: 0; left: 0; max-width:280px; height: 65px; background: rgba(0, 0, 0, 0); color: #000000;/* -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); */z-index: 999999997; }
.rd-mobilepanel_title {  position: fixed;  padding-left: 10px;  top: 4px; left: 56px; right: 56px; color: #000000; font-size: 24px; line-height: 48px; letter-spacing: 1.2px; text-overflow: ellipsis; white-space: nowrap; }
.rd-mobilepanel_title small { display: none; }
.rd-mobilepanel_toggle { position: fixed; top: 0px; left: 0px; width: 70px; height: 70px; background: none; border-color: transparent; outline: none; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
.rd-mobilepanel_toggle:hover { background: none;}
.rd-mobilepanel_toggle span { position: relative; display: block; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before { content: ""; position: absolute; left: 0; top: -8px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.rd-mobilepanel_toggle span:after { top: 8px;}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span { width: 35px; height: 2px; background-color: #333; backface-visibility: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.rd-mobilepanel_toggle:hover span:after, .rd-mobilepanel_toggle:hover span:before, .rd-mobilepanel_toggle:hover span { background-color:#343434}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {  -webkit-transition-duration: 0.3s, 0.3s;  transition-duration: 0.3s, 0.3s;  -webkit-transition-delay: 0.3s, 0s;  transition-delay: 0.3s, 0s; -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
.rd-mobilepanel_toggle.active span { transition: background .3s 0s ease;  background: transparent; }
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {  top: 0;  -webkit-transition-delay: 0s, 0.3s;  transition-delay: 0s, 0.3s; }
.rd-mobilepanel_toggle.active span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.rd-mobilepanel_toggle.active span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}



/*========================================================
    Owl Carousel  Banner slide and  Product slide 
=========================================================*/
.wr-loading { width:100%; min-height:250px; background: url(../images/all/loading.gif) no-repeat center center; position:relative; z-index:1; margin-bottom:-1px; }
@media (max-width:1024px){	.wr-loading {min-height:250px;}}
@media (max-width:980px){.wr-loading {min-height:209px;}}
@media (max-width:768px){.wr-loading {min-height:150px;}}
@media (max-width:560px){.wr-loading {min-height:100px;}}


.banner-mobi{display: none;}





/*========================================================
    Css style main content
=========================================================*/
/*  Css Home Page
=========================================================*/

.text-center { text-align:center!important}
.text-right { text-align:right!important}
.text-left { text-align:left!important}


.wr-line-cont { width:100%; float:left; padding: 50px 0;}
.title-wr { margin-bottom:10px; position: relative; width:100%;}
.title-wr h1 { color: #13668d; font-family:"UTMAvoBold"; display: block; font-size: 28px; margin: 0 auto 20px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: center}
.title-wr h1:after { content:""; position:absolute; left: 50%; margin-left: -40px; bottom: -10px; margin-top:1px; height:4px; width:80px; background: #252525; }
.title-wr p.txt{width: 50%; text-align:  center; margin: auto; line-height:  20px; margin-bottom: 20px;}


.title-wr h2 { color: #184E78; font-family:"UTMAvoBold"; display: inline-block; font-size: 26px; margin: 0 auto 40px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: left}
.title-wr h2:after { content:""; position:absolute; left: 0%; margin-left: 0px; bottom: -10px; margin-top:1px; height:4px; width:80px; background:#fff; }

.title-wr.prod h1 { color: #FFF; margin: 0 auto 50px auto; padding: 0px 0px 0px;}

.sub .title-wr { margin-bottom:10px; position: relative; text-align:left; width:100%;}
.sub .title-wr h1{ color: #3f3a3a; font-family:"UTMAvoBold"; display: inline-block; font-size: 50px; margin: 0 auto 0px; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2; text-transform: none; font-weight:normal}
.sub .title-wr h1:after { content:""; position:absolute; left:0; right:0; bottom:7px; width:100%; margin-top:0px; height:0px; background:#c5c5c5;}
.sub .title-wr h1:before { content:""; position:absolute; right:-100px; bottom:50%; margin-top:1px; height:0px;background:#c5c5c5;}

.wr-list-txt { float:left; display:inline-block; margin:0; padding:0; list-style:none; margin-top:15px; text-align:center; width:100%;}
.wr-list-txt li { float:left; display:inline-block; position:relative; margin:5px 0; width:100%; text-align:left}
.wr-list-txt li a:after { height:14px; width:14px; position:absolute; left:0; top:3px; content:""; background:#cdcdcd; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.wr-list-txt li a { float:none; padding-left:22px; color:#4b4b4b; position:relative}

/*- css hover img show btn effect -*/
.hover-ef{ position: relative; overflow:hidden}
.hover-ef:before {position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; transition:all 0.5s ease-in-out 0s;}
.hover-ef:hover::before { -webkit-animation: circle .75s;	animation: circle .75s;}
@-webkit-keyframes circle { 0% {opacity: 1;} 40% {	opacity: 1;	} 100% {	width: 200%; height: 200%; opacity:0;} }
@keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } }
/* Shine */
.hover-ef-n{ position: relative; overflow:hidden }
.hover-ef-n::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.hover-ef-n:hover::before { -webkit-animation: shine .75s; animation: shine .75s;}
@-webkit-keyframes shine { 0% { opacity: 0.8; } 100% { left: 125%; opacity: 1; } }
@keyframes shine { 0% { opacity: 0.8; } 100% { left: 125%; opacity: 1; } }

/* -- vibi -- */

.wr-box-img { float:left; text-align:center; width:100%; position:relative; margin-bottom:30px;}
.wr-box-img .btn-see { position:absolute; left:10px; top:10px; background-color:#fa7a52; color:#fff; text-align:center; text-transform:uppercase; padding:10px 25px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.wr-box-img .btn-see:hover { background:#000;}

.wr-box-img .btn-see.right { left:auto; right:10px; }
.wr-box-img .btn-see.center { left:50%; margin-left:-95px; right:auto; width:100%; max-width:190px;}

.top-header{background: #184E78; width: 100%; padding: 5px 0 0px 0; color: #fff; text-align: left; position: relative;}
.top-header{position: relative; text-align: right;}
.top-header .lang-wr{float: right;background: url("../images/bg-lang.png") no-repeat; width: 157px; height: 42px; color: #000; padding-right: 15px; padding-top: 10px;}
.top-header .lang-wr a:hover{opacity: 0.5;}

/*========================================================
   Css style Kontakt
=========================================================*/
.wr-map-kt { min-height:250px; position:relative; margin-bottom: 0px; margin-top: 0px;}
#map { position:absolute; top:0px; bottom:0; left: 0; right: 0; z-index:1}

.mailform { margin-top: 20px;}
.mailform .btn-sent { background: #f7941d none repeat scroll 0 0; float: left; border-radius: 50px; color:#fff; margin-bottom:15px; padding: 7px 25px 7px; line-height:24px; font-weight: bold; border: 3px solid #252525;}
.mailform .btn-sent:hover { background:#252525}
.form-control { box-shadow:none; height:28px; line-height:25px; font-size:16px; border-radius:0; background-color:rgba(255,255,255,0.2); border:1px solid #dddada; color:#333; -webkit-appearance: none;}
.form-group ul { float:none!important; }
.form-group ul li { float:none!important; }
.form-control::-moz-placeholder { color:#000}
.list-unstyled li{ list-style:none!important; color:#000}
.pad-0 { padding-left:0; padding-right:0; }

.wr-line-input-kt { width:49%; margin-right: 2%; float:left; margin-bottom:10px; border:1px solid #dddada; min-height:40px; border-radius: 5px;}
.wr-line-input-kt:nth-child(2n) { margin-right:0} 
.wr-line-input-kt .txt-input { width:100%; padding:0px 15px; float:left; color:#252525; background:none; border:none; line-height:40px;}
/*style select*/
.select_l { width: 235px; float:left; height: 26px; overflow: hidden; background:url(../images/all/select_bg.png) no-repeat top right #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #ccc;}
.select_l select {background: transparent;-webkit-appearance: none;width: 250px;padding: 3px 5px;font-size: 13px;border:none; height: 25px; padding-right:55px; outline:0; padding-right:0px; vertical-align:top !important; text-align:left; line-height:18px; height:auto;}
.wr_select_form{ float:right; width:auto;}
.wr_select{ float:left; width:auto; margin-left:10px;}
.w-100{width: 100%;}



/*========================================================
   Css style Footer
=========================================================*/
footer{float: left; position: relative; background: #fff; text-align: center; width: 100%; }

.bottom{background: #13668d; color: #d0f0ff;  display: block; text-align: center; padding: 40px 0 20px 0;width: 100%; border-bottom: 1px solid #4285a4; }
.bottom .container{padding-left: 15px; padding-right: 15px;}
.bottom .logo-ft{ text-align: center; display: block; margin: 0 auto 10px auto;}
.ft-social{width: auto; margin: 0 auto; padding:20px 0 10px 0;}
.ft-social ul{margin: 0 auto; padding: 0; list-style: none;}
.ft-social ul li{display: inline-block; text-align: center; margin: 0 5px;}
.ft-social ul li a{opacity: 1;}
.ft-social ul li a:hover{opacity: 0.7;}
footer .link-ft{font-size: 13px; padding: 10px; clear: both; background: #f7941d; color: #fff; border-top: 1px solid #fff;}
footer .link-ft a{color: #ffffff;}
footer .link-ft a:hover{color: #252525;}
.bottom a{color: #fff; }
.bottom a:hover{color: #d0f0ff; }

/*==================     ToTop     ======================*/
.toTop { width: 50px; height: 50px; background: #13668d; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -moz-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.4); box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.4); color: #fff; position: fixed; right: 40px; top:auto; bottom: 40px; display: none; overflow: hidden; text-align: center; text-decoration: none; z-index: 99;}
.toTop:before { line-height: 50px; font-size: 18px; font-weight: normal; color:#fff;}
.toTop:hover { background: rgba(58,64,71,1.0) ; text-decoration: none; color: #ee1c25;}





/* Introduction*/
.introduction-wr{position: relative; z-index: 9; padding: 0 !important; margin-top: -220px; background: transparent;}
.introduction-wr .intro-top img{width: 100%; display: block;}
.introduction-wr .intro-bottom img{width: 100%; display: block;}
.introduction-wr .intro-ct{ background:  #343434; padding: 60px; position: relative; color: #aeaeae; font-size: 15px;font-family: 'ArimaKoshiMedium', Arial, Helvetica, sans-serif;}
.introduction-wr .intro-ct .left{width: 50%; float: left;}
.introduction-wr .intro-ct .left h4{color: #252525; font-size: 26px; text-transform: uppercase; font-family: 'UTMAvoBold', Arial, Helvetica, sans-serif; position: relative; margin-bottom: 30px; display: block; }
.introduction-wr .intro-ct .left h4:after { content:""; position:absolute; left:0; bottom: -5px; margin-top:1px; height:4px; width:80px; background:#252525;}
.introduction-wr .intro-ct .left a{color: #aeaeaf;}
.introduction-wr .intro-ct .left a:hover{color: #252525; text-decoration: none;}

.introduction-wr .intro-ct .right{width: 50%; float: right;}
.introduction-wr .intro-ct .right .logo-group{width: 31%; margin-right: 3.5%; text-align: right; float: left;}
.introduction-wr .intro-ct .right .last{margin-right: 0;}








.subpage .navbar{position: relative;}
.subpage .out-nav-top{background: #1c1c1c;}

.container.menu-top{display: block; height: 47px; }


.stuck_container .navbar{padding: 0;}




.out-nav-top .container{position: relative;}
.sf-menu > li > ul li{border-bottom: none;}
.sub-cate-wr{background: #f6f6f6; width: 100%; border-top: none; padding: 30px 0;}
.sub-cate-wr .left{width: 25%; float: left; border-right: 1px solid #cdcdcd;}
.sub-cate-wr .left ul{margin: 0; padding: 0 30px; list-style: none;}

.sub-cate-wr .left ul li{background: url('../images/icon-arrow.png') no-repeat scroll right 5px; font-family: 'ArimaKoshiMedium', Arial, Helvetica, sans-serif; font-size: 15px; color: #343434; text-transform: uppercase; display: block; padding: 5px 0 10px 0;}
.sub-cate-wr .left ul li a{color: #343434; display: block;}
.sub-cate-wr .left ul li a:hover{color: #13668d;}
.sub-cate-wr .content{width: 70%; float: right; display: none; }
.sub-cate-wr li.wrapper-sub{margin: 0;}
.sub-cate-wr .all-ct{display: block;}
a.hotline{position: absolute; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: #13668d; padding: 8px 15px 3px 15px; color: #fff; top: 25px; right: 15px; font-family: 'UTMAvoBold', Arial, Helvetica, sans-serif; font-size: 16px; z-index: 999; }
a.hotline:hover{background: #252525;}

a.flag{position: absolute; right: 245px; top: 43px; z-index: 999;}

/* Slide cate-pro */
.out-box-cate-pro { width:100%; padding:0px; float:left; position:relative; margin-top:10px;  padding-bottom: 30px;}
.out-box-cate-pro.owl-carousel .owl-controls{display: block; width: 1140px; margin-left: -570px; left: 50%; position: absolute; bottom: 55%;}
.out-box-cate-pro.owl-carousel .owl-controls .owl-dots { display:none!important;}
.out-box-cate-pro.owl-carousel .owl-controls .owl-nav { display:block!important;}



.out-box-cate-pro.owl-carousel .owl-controls .owl-nav .owl-next { right:-60px; background:url(../images/next.png) no-repeat center center; width: 40px; height:40px; top:-20px;  left: auto;}
.out-box-cate-pro.owl-carousel .owl-controls .owl-nav .owl-prev { left:-60px; background:url(../images/prev.png) no-repeat center center; width: 40px; height: 40px; top:-20px; right: auto; margin-left: 0;}

.wr-box-proj { text-align:center; background: #252525; padding-bottom:  10px; }
.wr-box-proj .pic{position: relative; width: 100%; padding: 30px 0 10px 0;}
.wr-box-proj  a{color: #002638; font-size: 15px; text-transform: uppercase; width: 80%; margin:  0 auto; display:  block; line-height:  normal; min-height: 40px;}
.cate-pro{text-align: center; background: #13668d;}
.cate-pro p.txt{text-align: center; width: 70%; margin: 0 auto; }


.news-home{padding: 70px 0 0 0;}
.news-home .box{width: 100%; margin-bottom: 30px; padding: 25px 0; background: #fff;}
.news-home .box h4{color: #252525; font-family: 'UTMAvoBold', Arial; font-size: 18px; display: block; margin: 10px 0;}


.news-home .box .link{border-top: 1px solid #e4e4e4; padding: 15px 0 0 0;}
.news-home .pic a{opacity: 1;}
.news-home .pic a:hover{opacity: 0.7;}
.news-home .box .link ul{margin: 0; padding: 0; list-style: none;}
.news-home .box .link ul li{display: inline-block; font-size: 14px; font-weight: bold; margin-right: 10px;}
.news-home .box .link ul li span{display: block; float: left;}
.news-home .box .link ul li a{display: block; padding-left: 5px; float: left; padding-top: 3px;}

/* Slide logo */
.partner-wr{background: #efefef; padding: 20px 0;}
.partner.owl-carousel .owl-controls .owl-nav .owl-next { right:-60px; background:url(../images/next.png) no-repeat center center; width: 40px; height:40px; top:-20px;  left: auto;}
.partner.owl-carousel .owl-controls .owl-nav .owl-prev { left:-60px; background:url(../images/prev.png) no-repeat center center; width: 40px; height: 40px; top:-20px; right: auto; margin-left: 0;}
.partner.owl-carousel .owl-controls .owl-dots { display:none!important;}
.partner.owl-carousel .owl-controls .owl-nav { display:block!important;}

/*======= 16/04/2019 ====== */
/* Chat */
.chat-wr{display: block; width: 50px; position: fixed; bottom: 40%; right: 0; text-align: center; background: #fff; box-shadow: -1px 0px 6px #999; z-index: 99;}
.chat-wr .icon{width: 40px; height: 40px; margin: 10px 5px; display: block;}
.chat-wr .icon a{ width: 40px;}

/* project detail */
.bdl-sub{ padding: 0 !important; }
.bdl-sub h4{color: #3f3a3a;font-family: 'UTMAvoBold', Arial; font-size: 24px; margin: 50px 0 20px 0; display: block; text-align: left; text-transform: uppercase;}
.title-sub{background: url(../images/title.png) no-repeat scroll top left; max-width: 1350px; height: 70px; margin-bottom: 50px;}
.title-sub h3{color: #7d4d27;font-family: 'UTMAvoBold', Arial; font-size: 24px; margin: 0px; padding: 20px 0 0 50px; text-transform: uppercase;}
.bdl-sub button.booking{background: #13668d; border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; text-align: center; font-size: 15px; font-family: 'UTMAvoBold', Arial; width: auto; padding: 10px 0px 8px 0px; color: #fff; margin: 30px 0; display: block; width: 220px; cursor: pointer;}
.bdl-sub button.booking:hover{background: #252525;}
.out-container-banner .banner-project{width: 100%; text-align: center; position: relative;}
.out-container-banner .banner-project img{width: 100%;} 
.out-container-banner .menu-project{position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; padding: 10px 0; width: 100%;}
.out-container-banner .menu-project ul{margin: 0; padding: 0; list-style: none;}
.out-container-banner .menu-project ul li{display: inline-block; margin: 0 25px;}
.out-container-banner .menu-project ul li a{color: #fff; font-size: 14px; text-transform: uppercase;}
.out-container-banner .menu-project ul li a:hover, .out-container-banner .menu-project ul li a.active{color: #252525;}

.form-booking{display: none;}

/*======= 18/04/2019 ====== */

.bdl-sub h5{color: #13668d;font-family: 'UTMAvoBold', Arial; font-size: 24px; margin: 0px 0 20px 0; display: block; text-align: left; text-transform: uppercase;}
.bdl-sub h6{color: #13668d;font-family: 'UTMAvoBold', Arial; font-size: 18px; margin: 0px 0 20px 0; display: block; text-align: left; text-transform: uppercase;}
/* Gallery */
.bdl-sub{padding: 50px 0 30px 0 !important;}
.bdl-sub .nav-gallery{float: right;}
.bdl-sub .nav-gallery ul{margin: 0; padding: 0; list-style: none;}
.bdl-sub .nav-gallery ul li{display: inline-block; margin-left: 10px;}
.bdl-sub .nav-gallery ul li a{text-align: center; padding: 8px 20px; color: #fff; font-size: 15px; background: #13668d; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.bdl-sub .nav-gallery ul li a:hover, .bdl-sub .nav-gallery ul li a.active{background: #252525;}
.bdl-sub p{margin: 0 0 5px 0;}
.gallery-wr { width:100%; display:inline-block; float:left; margin:0 0 20px; padding:0}
.gallery-wr .list-unstyled.gallery { margin:0; padding:0; float:left; width: 1170px; }
.gallery-wr .list-unstyled li {  display:block; width: 570px ; margin-right: 30px; margin-bottom: 30px;}
.gallery-wr .list-unstyled li:nth-child(4n) { margin-right:0;}

.video{margin-bottom: 30px;}

/* news */
.news-box{background: #fff; margin-bottom: 30px;}
.news-box .box{width: 100%; margin-bottom: 30px; border: 1px solid #e4e4e4; padding: 25px; background: #fff;}
.news-box .box h4{color: #13668d; font-family: 'UTMAvoBold', Arial; font-size: 16px; display: block; margin: 10px 0;}
.news-box .box a{color: #343434;}
.news-box .box a:hover{color: #13668d}

.news-box .box .link{border-top: 1px solid #e4e4e4; padding: 15px 0;}
.news-box .pic a{opacity: 1;}
.news-box .pic a:hover{opacity: 0.7;}
.news-box .box .link ul{margin: 0; padding: 0; list-style: none;}
.news-box .box .link ul li{display: inline-block; font-size: 14px; font-weight: bold; margin-right: 10px;}
.news-box .box .link ul li span{display: block; float: left;}
.news-box .box .link ul li a{display: block; padding-left: 5px; float: left; padding-top: 3px;}

.newslink{margin: 0; padding: 0;}
.newslink h6{color: #13668d; font-family: 'UTMAvoBold', Arial; font-size: 18px; margin: 0px 0 20px 0; display: block; text-align: left; text-transform: uppercase; border-bottom: 1px solid #cdcdcd; padding-bottom: 5px;}
.newslink ul{margin: 0; padding: 0; list-style: none;}
.newslink ul li{background: url(../images/dot.png) no-repeat scroll 2px 6px; padding-left: 25px; margin-bottom: 10px;}
.newslink ul li a{color: #3f3a3a;}
.newslink ul li a:hover{color: #13668d;}

.news-left{ border-right: 1px solid #cdcdcd; padding-right: 30px;}
.paging{width: 100%; margin: 0 auto; padding: 0; text-align: center;}
.paging ul{margin: 0; padding: 0; list-style: none;}
.paging ul li{display: inline-block; text-align: center;}
.paging ul li a{ margin: 0 2px; padding: 5px; color: #fff; background: #13668d; display: inline-block; text-align: center; width: 30px;}
.paging ul li a:hover, .paging ul li a.active{ margin: 0 2px; padding: 5px; color: #fff; background: #252525; }

/* contact */
.mailform .number{width: 49%; float: left;}
.mailform .label-txt{width: 49%; float: left; font-size: 18px; display: block; vertical-align: middle; margin-left: 5px; margin-top: 5px;}

/* them ngay thang cho tin tuc */
.news-left  .link{border-top: 1px solid #cdcdcd; padding: 15px 0;}
.news-left .link ul{margin: 0; padding: 0; list-style: none;}
.news-left .link ul li{display: inline-block; font-size: 14px; font-weight: bold; margin-right: 10px;}
.news-left .link ul li span{display: block; float: left;}
.news-left .link ul li a{display: block; padding-left: 5px; float: left; padding-top: 3px;}
.newslink ul li  span{color: #13668d; font-weight: bold;}

.news-left h4{color: #13668d; font-size: 24px; font-family: 'UTMAvoBold', Arial; text-transform:  uppercase; margin:  0;}

/* ====== Autorem ===== */

.product-wr{width: 100%; background: #fff;}
.product-wr .pro-box{margin-bottom: 30px;}
.product-wr .pro-box h4{font-size:  16px; font-family: 'RobotoMedium'; text-transform:  uppercase; text-align:  center; margin: 10px 0; display: block;} 
.product-wr .pro-box a.btn-more{background: #13668d; border-radius: 20px; padding: 7px 10px; text-transform: uppercase; width: 100px; color: #fff; text-align: center; display: block; margin:  auto;}
.product-wr .pro-box a.btn-more:hover{background: #252525;}


#content {display: none;  padding: 1rem;}

.emoji {padding: 0 .25rem;}

/* ====== thanh phuong ===== */

.title-wr { margin-bottom:10px; position: relative; width:100%;}
.title-wr h4 { color: #252525; font-family:"UTMAvoBold"; display: block; font-size: 18px; margin: 0 auto 20px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: left}
.title-wr h4:after { content:""; position:absolute; left: auto; margin-left: 10px; bottom: 8px; margin-top:1px; height:2px; width:30px; background: #252525; }
.title-wr h3 { color: #252525; font-family:"UTMAvoBold"; display: block; font-size: 30px; margin: 0 auto 0px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: left}
.title-wr h1 { color: #fff; font-family:"UTMAvoBold"; display: block; font-size: 40px; margin: 0 auto 20px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: left; }
.title-wr h1:after{display: none;}
.title-wr h2{ color: #184E78; font-family:"UTMAvoBold"; display: block; font-size: 40px; margin: 0 auto 20px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: center; }

.title-wr p.txt{width: 100%; text-align: left; line-height: 24px;}
a.readmore{background: url("../images/btn-more.png") no-repeat; color: #fff;font-size: 16px; text-align: left; padding: 10px  25px; margin-bottom: 20px; display:  block; width: 160px;}
a.readmore:hover{ color: #fff; text-decoration: underline; background: url("../images/btn-more-blue.png") no-repeat; }

a.readmore-w{background: url("../images/btn-more-white.png") no-repeat; color: #000;font-size: 16px; text-align: left; padding: 10px  25px; margin-bottom: 20px; display:  block; width: 160px;}
a.readmore-w:hover{ color: #fff; text-decoration: underline; background: url("../images/btn-more.png") no-repeat; }
.title-wr h1.blue{color: #184E78; text-align: center;}
.service-home{width: 100%; padding: 70px 0 0 0;}
.ct-txt.title-wr h1{text-align:  center;}
.title-wr h5 { color: #252525;  display: block; font-size: 16px; margin: 0 auto 0 auto; padding: 0px 0px 0px 15px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: center}


.service-home p.txt{width: 70%; text-align:  center;}
.service-home a{opacity: 1;}
.service-home a:hover{opacity: 0.7;}
.service-home .box1{width: 40%; float: left; position: relative;}
.service-home .box1 img{position: relative;}
.service-home .pd-30{padding-top: 30px;}
.service-home .box1 .info{position: absolute; left:20px; bottom: 20px;}
.service-home .box1 .info h2 { color: #A6E5FF; font-family:"UTMAvoBold"; display: block; font-size: 36px; margin: 0 auto 0px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: left}
.service-home .box1 .info a.btn-readmore{color: #fff; border-bottom: 2px solid #A6E5FF; text-transform: uppercase;}
.service-home .box1 .info a.btn-readmore:hover{color: #A6E5FF; }
.service-home .box2 {width: 40%;background: #001320; float: left;}
.service-home .box2 .box-50{width: 50%; float: left;}
.service-home .box2 .box-50 .info{text-align: center; padding: 60px 0 0 0;}
.service-home .box2 .box-50 .info h2 { color: #A6E5FF; font-family:"UTMAvoBold"; display: block; font-size: 36px; margin: 0 auto 0px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: center;}
.service-home .box2 .box-50 .info a.btn-readmore{color: #fff; border-bottom: 2px solid #A6E5FF; text-transform: uppercase;}
.service-home .box2 .box-50 .info a.btn-readmore:hover{color: #A6E5FF; }
.service-home .box3{width: 20%; float: left; position: relative;}
.service-home .box3 img{position: relative;}
.service-home .box3 .info{position: absolute; left:20px; bottom: 20px;}
.service-home .box3 .info h2 { color: #A6E5FF; font-family:"UTMAvoBold"; display: block; font-size: 36px; margin: 0 auto 0px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: left}
.service-home .box3 .info a.btn-readmore{color: #fff; border-bottom: 2px solid #A6E5FF; text-transform: uppercase;}
.service-home .box3 .info a.btn-readmore:hover{color: #A6E5FF; }

.contact-home{width: 100%;}
.contact-home .box1{float: left; background: url("../images/bg-ft-ct.jpg") no-repeat center center; background-size: cover; height: 450px; width:  50%;}
.contact-home .box1 .info{text-align:  center; padding-top: 100px; color: #fff;}
.contact-home .box1 .info a{width: 200px; margin:  0 auto;}
.contact-home .box2{float: left; width: 50%;}

footer{border-top: 1px solid #cdcdcd;}
.home-bottom{width: 100%; background: #184E78; color: #fff; padding-bottom: 30px;}
.home-bottom .box{text-align:  left; font-size: 14px; margin: 0 0 0 0px;padding: 0; width: 100%;  }
.home-bottom img{max-width: 100%;padding-top: 15px;}
.home-bottom .box .social-link img{padding: 10px;}
.home-bottom .box h5{font-size: 16px; font-family:"UTMAvoBold"; margin: 0 0 5px 0;padding:  0;text-transform: uppercase; }
.home-bottom .first{background: none; padding-left: 0;}
.home-bottom ul{list-style: none; margin: 0; padding: 0;}
.home-bottom ul li a{color: #fff;}
.home-bottom ul li a:hover{color: #F4572E;}
.news-home .box a.readmore{margin: 20px 0 0 0}

.home-bottom .co-contact ul{margin: 0; padding: 0;}
.home-bottom .co-contact ul li.icon1 {
  background: url("../images/i-ft-add.png") no-repeat scroll left 3px;
  padding-left: 25px; padding-bottom: 15px;
}
.home-bottom .co-contact ul li.icon2 {
  background: url("../images/i-ft-call.png") no-repeat scroll left 3px;
  padding-left: 25px; padding-bottom:  15px;
}
.home-bottom .co-contact ul li.icon3 {
  background: url("../images/i-ft-mail.png") no-repeat scroll left 3px;
  padding-left: 25px; padding-bottom: 15px;
}
.home-bottom ul.sitemap{margin: 0; padding: 0;list-style: none;}
.home-bottom ul.sitemap li{width: 48%; display: inline-block; padding-bottom: 15px;}
/* ====== Subpage Navi ===== */
.sub-navi-wr{width: 100%; background: #f2f2f2; padding: 12px 0 0px 0; text-align: center;}
.sub-navi-wr h2 { color: #184E78; font-family:"UTMAvoBold"; display: block; font-size: 24px; margin: 0 auto 0px auto; padding: 0px 0px 20px 0; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; }
.sub-navi-ct{width: 100%; margin: 0; padding: 0;}
.sub-navi-ct ul{width: 100%; padding:  0;}
.sub-navi-ct ul li{display: inline-block; font-size: 14px; font-family: "UTMAvoBold"; text-transform: uppercase; padding: 0px; }
.sub-navi-ct ul li.last{background-image: none;}
.sub-navi-ct ul li a{color: #000; padding-bottom: 6px; padding-left: 25px; padding-right: 25px; }
.sub-navi-ct ul li a:hover{color: #282828;text-decoration: none; border-bottom: 2px solid #252525; padding-bottom: 6px; padding-left: 25px; padding-right: 25px;}
.sub-navi-ct ul li a.active{color: #282828;text-decoration: none; border-bottom: 2px solid #252525; padding-bottom: 6px; padding-left: 25px; padding-right: 25px;}

.promotion-wr{width: 100%; background: #fff; padding: 70px 0; border-bottom: 1px solid #cdcdcd;}
.promotion-wr .title-wr{padding-top: 50px;}
.promotion-wr .title-wr h4{margin-bottom: 0;}
.promotion-wr .title-wr h1{color: #282828; font-size: 30px; text-align:  left;}
.promotion-wr a.btn{background: #212121; color: #fff; font-size: 14px; text-transform: uppercase; margin-right: 20px; margin-bottom: 20px;}
.promotion-wr a.btn:hover{background: #252525;}
.ad-news{width: 100%; background: #fff; padding: 70px 0 40px 0;}
.ad-news .title-wr{padding-top: 30px;}
.ad-news .title-wr h4{margin-bottom: 0;}
.ad-news .title-wr h3{font-size: 20px; color: #184E78;}
.ad-news .box{padding-bottom: 20px;}

.sanh-tiec{width: 100%; background: #fff; padding: 70px 0;}
.sanh-tiec .box{margin-bottom: 50px;}
.sanh-tiec .title-wr{padding-top: 50px;}
.sanh-tiec .title-wr h1{font-size: 50px;}

.ad-gallery{width: 100%; background: #EEF9FD; padding: 70px 0;}
.gallery-wr { width:100%; display:inline-block; float:left; margin:0 0 20px; padding:0}
.gallery-wr .list-unstyled.gallery { margin:0; padding:0; float:left; width: 1350px;}
.gallery-wr .list-unstyled li { float:left; display:block;  margin-right: 30px; margin-bottom: 30px;}
.gallery-wr .list-unstyled li:nth-child(4n) { margin-right:0;}

.sanh-ot{width: 100%; padding: 0;}
.sanh-ot a{opacity: 1;}
.sanh-ot a:hover{opacity: 0.7;}
.sanh-ot .box1{width: 25%; float: left; position: relative;}
.sanh-ot .box1 img{position: relative;}
.sanh-ot .pd-30{padding-top: 30px;}
.sanh-ot .box1 .info{position: absolute; left:20px; bottom: 10px;}
.sanh-ot .box1 .info h2 { color: #A6E5FF; font-family:"UTMAvoBold"; display: block; font-size: 26px; margin: 0 auto 0px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: left}
.sanh-ot .box1 .info a.btn-readmore{color: #fff; border-bottom: 2px solid #A6E5FF; text-transform: uppercase;}
.sanh-ot .box1 .info a.btn-readmore:hover{color: #A6E5FF; }

.ad-services{width: 100%; background: #fff; padding: 70px 0;}
.ad-services h3 { color: #252525; font-family:"UTMAvoBold"; display: block; font-size: 26px; margin: 0 auto 0px auto; padding: 0px 0px 0px; position: relative; width: auto; z-index: 2;  font-weight:normal; text-transform: uppercase; text-align: left}

.ad-services ul{margin: 0; padding: 0; width: 100%; position: relative; list-style: none;}
.ad-services ul li{margin:  0; padding: 0 0 10px 0; position: relative;}
.ad-services ul li img{position: relative;}
.ad-services ul li a{position: relative;text-transform:  uppercase; color: #fff; font-family: 'UTMAvoBold' }
.ad-services ul li p.txt{font-family: 'UTMAvoBold'; position: absolute; top: 0px; left: 15px;}
.ad-services ul li a:hover{opacity: 0.7;}


/* ===== 03/08/2022 =====*/

.sanh-tiec .tb-title{width:  100%; padding: 10px 0; background: #252525; color: #fff; font-size:  18px; font-weight:  bold; margin-top: 50px; text-align: center; text-transform: uppercase;}

/* ===== 29/08/2022 =====*/
.ser-new{width: 100%; padding-top:  0;}
.ser-new .box{width: 50%; padding: 0 15px 30px 15px; float: left;}

/* ===== TRA ADONG =====*/


.home-product{width:  100%; padding: 50px 0;}
.home-product h3{font-family: UTMAvoBold; font-weight: normal; font-size: 22px; color: #13668d; text-transform:  uppercase; border-bottom: 2px solid #252525; padding-bottom: 4px; margin-bottom: 20px; }

.pro-box{width: 100%; padding: 35px 25px 25px 25px; border: 1px solid #d7d7d7; text-align: center;}
.pro-box h4{font-size: 16px; text-transform:  uppercase;font-family: 'UTMAvoBold';}
.pro-box a.btn-more{background: #43B876; width: auto; height: auto; text-align: center;  color: #fff; padding: 10px 35px; text-transform: uppercase; display:  block;}
.pro-box a.btn-more:hover{background: #252525; color: #fff;}

.home-cafe{background: url("../images/bg-news.jpg"); background-size: cover; width: 100%; height: auto; padding-bottom: 70px;}
.pro-box{width: 100%; padding: 15px 15px 0px 15px;  background:s#fff; border: 1px solid #d7d7d7; text-align: center; margin-bottom: 30px; }
.pro-box .info{padding: 20px;}
.pro-box h4{font-size: 16px; text-transform:  uppercase;font-family: 'UTMAvoBold'; color: #184E78; padding-top: 10px;}
.pro-box a.btn-more{background: url("../images/btn-more-2.png") no-repeat center top;width: 162px; height: 52px; text-align: center;  color: #fff; padding: 10px 35px; display:  block; margin: 0 auto; padding-top: 20px; font-family: UTMAvoBold; text-transform: none; }
.pro-box a.btn-more:hover{background: url("../images/btn-more-2-hv.png") no-repeat center top; color: #fff;}
.pro-box span{font-family: UTMAvoBold; color: #184E78;}
.pro-box p{margin: 10px 0 0 0; }
.pro-box .info a{color: #000;}
.pro-box .info a:hover{color: #184E78;}
.sub-bg{background: url("../images/bg-sub.jpg"); background-size: cover; width: 100%; padding: 50px 0;}
.sub-bg h2{font-size: 36px; text-transform:  uppercase;font-family: 'UTMAvoBold'; color: #D5B587; text-align: center;}
.pro-box-news h4{font-size: 16px; text-transform:  uppercase;font-family: 'UTMAvoBold'; color: #184E78; padding-top: 10px;}

.pro-box-news{width: 100%; padding: 0px 0px 15px 0px; background: #fff; border: 1px solid #d7d7d7; text-align: left; margin-bottom: 30px; border-bottom: 5px solid #252525;}
.pro-box-news .info{padding: 20px;}
.pro-box-news .link {
  border-top: 1px solid #e4e4e4;
  padding: 15px 0 0 0;
	margin-top: 20px;
}
.pro-box-news .link ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pro-box-news .link ul li {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
}
.pro-box-news .link ul li span { display: block; float: left; padding-right: 10px; margin-top: -3px;}
/* ===== Gallery =====*/
.detail_view { margin: 0px 0 20px 0; float: left; width: 100% }
.image_product { width: 98%; }
.image_product { margin-left: 0 !important }
/* */
.imageGallery { width: 100% !important; float: left; position: relative }
.imageGallery .bigImage { float: left; width: 96% !important; height: 100%; position: relative; margin-bottom: 0px; background: #f6f6f6; padding: 2% }
.imageGallery .bigImage h4 { background: url(userfiles/image/graphics/bg_h4.png) repeat left top; width: 100%; float: left; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; bottom: 0; left: 0; z-index: 9999; margin-bottom: 0px !important; z-index: 100 }
.imageGallery .bigImage h4 a { color: #262626; text-transform: uppercase }
.imageGallery .bigImage h4 a:hover { color: #ec3346 }
.imageGallery .bigImage a.btnZoom { position: absolute; top: 87.34%; right: 0px; width: 30px; height: 30px; z-index: 999 }
.imageGallery .bigImage a.btnZoom img { border: none; background: none }
.imageGallery .bigImage img.btnNext { cursor: pointer; display: block; width: 31px; height: 35px; position: absolute; top: 40%; right: 8px; z-index: 0; cursor: pointer; opacity: 0.4 }
.imageGallery .bigImage img.btnPre { display: block; width: 31px; height: 35px; position: absolute; top: 40%; left: 5px; z-index: 0; cursor: pointer; opacity: 0.4 }
.imageGallery .bigImage img.btnNext:hover, .imageGallery .bigImage img.btnPre:hover { opacity: 1 }
/*.imageGallery .bigImage a.btnNext img, .imageGallery .bigImage a.btnPre img{border:none; background:none}*/
.imageGallery .bigImage .panel { top: 2% !important; left: 2% !important; width: 96% !important }
.imageGallery .bigImage .panel img { }
.imageGallery .bigImage img.btnNext, .imageGallery .bigImage img.btnPre { border: none; background: none }
.imageGallery .bigImage img { display: inline; margin: 0 }
.imageGallery .thumb { width: 96%; display: block; padding: 0% 2% 1%; position: absolute; bottom: 2%; left: 0; overflow: hidden; background: #f6f6f6}
.imageGallery .thumb ul { list-style: none; padding: 0; display: block; float: left; width: 515px; height: 70px }
.imageGallery .thumb ul li { float: left; text-align: center !important; }
.imageGallery .thumb ul li img { margin: 0; max-width: 98px }
.imageGallery .thumb ul li img:hover, .imageGallery .thumb ul li img.active { }
.imageGallery .thumb ul li.last { margin-right: 0 }
.imageGallery .thumb p.idImage { width: 100%; text-align: center; margin-bottom: 0; padding-top: 3px; position: relative; z-index: 9999 }
.ie7 .imageGallery .thumb p.idImage { padding-top: 0 }
.imageGallery .thumb img.btnNext1 { position: absolute; left: 12px; top: 44%; width: 10px; height: 20px; cursor: pointer; z-index: 9999 }
.imageGallery .thumb img.btnPre1 { position: absolute; right: 12px; top: 44%; width: 10px; height: 20px; cursor: pointer; z-index: 9999 }
.imageGallery .thumb p.bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0 }
.imageGallery .thumb p.bg img { width: 100% }
span.spPre1 { display: none; width: 30px; left: 0px; top: 0px; margin: 0px; padding: 0px; height: 110px; z-index: 9998; background-color: #f1f1f1; position: absolute; }
span.spNext1 { display: none; width: 40px; right: 0px; top: 0px; margin: 0px; padding: 0px; right: 0px; height: 110px; z-index: 9998; background-color: #f1f1f1; position: absolute; }
.ie7 span.spPre1, .ie7 span.spNext1 { display: block; }
.ie7 .imageGallery .thumb { }
#pointer { }
.strip_wrapper { width: 100% !important }
.imageGallery a.btnViewMax, .button-control a.btnViewMax { height: 24px; padding: 0px 10px; text-align: center; color: #fff; line-height: 24px; font-size: 13px; font-weight: bold; border-radius: 3px; display: block; width: 90px; margin: 0px 5px 5px 0px; float: left; }
.imageGallery a.btnViewMax:hover, .button-control a.btnViewMax:hover { text-decoration: none !important; }
.button-control a.btnViewMax2 { height: 24px; padding: 0px 10px; text-align: center; color: #fff; line-height: 24px; font-size: 13px; font-weight: bold; border-radius: 3px; display: block; width: 120px; margin: 0px 5px 5px 0px; float: left; }

/* Slide cate-pro */

.out-box-cate-pro { width:100%; padding:0px; float:left; position:relative; margin-top:10px; }

.out-box-cate-pro.owl-carousel .owl-controls{display: block; width: 1140px; margin-left: -570px; left: 50%; position: absolute; bottom: 55%;}

.out-box-cate-pro.owl-carousel .owl-controls .owl-dots { display:none!important;}

.out-box-cate-pro.owl-carousel .owl-controls .owl-nav { display:block!important;}







.out-box-cate-pro.owl-carousel .owl-controls .owl-nav .owl-next { right:-130px; background:url(../images/next.png) no-repeat center center; width: 40px; height:40px; top:-20px;  left: auto;}

.out-box-cate-pro.owl-carousel .owl-controls .owl-nav .owl-prev { left:-130px; background:url(../images/prev.png) no-repeat center center; width: 40px; height: 40px; top:-20px; right: auto; margin-left: 0;}



.wr-box-proj { text-align:center;  padding: 0px; background: none; }

.wr-box-proj .pic{position: relative; width: 100%; padding:  0;}

.wr-box-proj  a{color: #002638; font-size: 15px; text-transform: uppercase; width: 80%; margin:  0 auto; display:  block; line-height:  normal; min-height: 40px;}

.cate-pro{text-align: center; background: #fff; padding: 0 0 5px 0; border-top: 1px solid #cdcdcd;}

.cate-pro p.txt{text-align: center; width: 70%; margin: 0 auto; }


.dropdown-menu { background-color: rgba(255, 255, 255,1); position: absolute!important; top: 100%; left: 0; z-index: 1000; display:none; float: left; margin: 0px 0 0; list-style: none; font-size: 16px; text-align: left; box-shadow:0 3px 6px rgba(0, 0, 0, 0.1); width: 1320px; padding-top: 0px; padding-bottom: 0px; text-transform: none; border-color:transparent!important; -moz-border-radius:0px!important; -webkit-border-radius:0px!important; -o-border-radius:0px!important; border-radius:0px!important; margin-top: 28px;}



#search { height: 36px; position: absolute; width:227px; z-index: 999; float: right; background: url("../images/bg-seach.png") no-repeat left top; top: 32px; right: 15px;}
#search input { border: none; background: none; margin: 0 }
#search input.text { width:180px; padding:0 7px; color: #78706c; font-size: 13px; float: left; outline: none; height: 36px; line-height: 36px; font-family: helvetica_condensedmedium, Arial, sans-serif }
#search input.button { float:right; color: #FFF; height: 35px; width: 46px; cursor: pointer; margin: 0; padding: 0; }
#search:hover {  }

/* =========== Gallery Thành PHương ==============*/
.gallery-wr{width: 48%; float: left;}
.gallery-wr .list-unstyled.gallery{width: 100%;}
.gallery-wr .list-unstyled li{float: none;}
.gallery-wr .list-unstyled li{width: 100%;}
.gallery-wr .list-unstyled li img{width: 100%;}
.info-gal{width: 50%; display: inline-block; float: right; text-align:  left;}
.info-gal p{margin-bottom: 5px; padding: 0;}
.info-gal h3{font-family: UTMAvoBold; font-weight: normal; font-size: 22px; color: #13668d; text-transform:  uppercase; border-bottom: 2px solid #252525; padding-bottom: 4px;}
.info-gal a.baogia{width: 200px; padding: 8px 0 12px 0; border-radius: 3px; background: #0780dd; color: #fff; font-family: UTMAvoBold; display: block; text-align:  center; }
.info-gal a.baogia:hover{background: #13668d;}

.info-gal a.pkd{width: 300px; padding: 8px 0 12px 0; border-radius: 3px; background: #252525; color: #fff; font-family: UTMAvoBold; display: block; text-align:  center;}
.info-gal a.pkd:hover{background: #13668d;}

.info-gal .co-contact ul{margin: 10px 0 0 0; padding: 0; list-style: none;}
.info-gal .co-contact ul li.icon1 {
  background: url("../images/i-call-dt.png") no-repeat scroll left 0px;
  padding-left: 30px; padding-bottom: 8px;
}
.info-gal .co-contact ul li.icon2 {
  background: url("../images/i-in-dt.png") no-repeat scroll left 0px;
  padding-left: 30px; padding-bottom: 8px;
}
.info-gal .co-contact ul li.icon3 {
  background: url("../images/i-mail-dt.png") no-repeat scroll left 0px;
  padding-left: 30px; padding-bottom: 8px;
}
.info-gal .logo-dt{display: inline-block; width: 80px; vertical-align: top; padding-top: 5px }
.info-gal .co-name-dt{display: inline-block; width: calc(100% - 85px); padding-top: 10px; }
.info-gal .co-name-dt .txt-co{text-transform: uppercase; font-size: 14px; color: #0780dd; font-weight: bold;}
.info-gal .co-name-dt .txt-add{font-size: 12px;font-style: italic;}
.info-gal .app-text{padding-right: 10px; display: inline-block;}
.clearfix{clear: both;}

.bdl-sub h3{font-family: UTMAvoBold; font-weight: normal; font-size: 22px; color: #13668d; text-transform:  uppercase; border-bottom: 2px solid #252525; padding-bottom: 4px; margin-bottom: 0;}
.bdl-sub .pic-spdq{margin-bottom: 30px;}
.bdl-sub .list-dmsp{width: 100%;}
.bdl-sub .list-dmsp ul{list-style: none; margin: 0; padding: 20px 10px 10px 10px; background: #f6f6f6;}
.bdl-sub .list-dmsp ul li{margin: 0 0 5px 0; padding: 0 0 5px 0; background: url("../images/icon-arrow.png") no-repeat left 2px; padding-left: 24px; border-bottom:  1px solid #cdcdcd;}
.bdl-sub .list-dmsp ul li a{color: #000;}
.bdl-sub .list-dmsp ul li a:hover{color: #252525;}

/* Giới thiệu */

.about-wr{width: 100%; background: #fff; padding: 30px 0 0 0;}
.about-wr .top1{width: 100%; text-align: center; margin: 0 auto 30px auto;}
.about-wr h3{font-size: 24px;  text-align: center; color: #184E78; font-family: "UTMAvoBold"; text-transform: uppercase; margin-bottom: 30px;}
.about-wr h4{font-size: 18px;  text-align: left; color: #252525; font-family: "UTMAvoBold"; text-transform: uppercase; margin-bottom: 10px;}

.value-wr{ padding: 40px 0;}
.value-wr .pic img{border-radius:  30px;}
.value-wr .box-wr{width: calc(100% + 100px); margin-bottom: 30px; padding: 70px; margin-top:20%;  text-align: left; margin-left: -100px; background: #fff; border-radius: 30px;}
.value-wr .box{width: 100%; margin: 25px 0 25px 0; }
.value-wr .box .icon{width: 70px; display: inline-block; vertical-align: top;}
.value-wr .box .info{width: calc(100% - 85px); display: inline-block; margin-left: 10px;}
.value-wr h4{font-size: 18px;  text-align: left; color: #184E78; font-family: "UTMAvoBold";  margin-bottom: 10px; text-transform: uppercase; margin-top: 10px; }
.pro-ft-wr{ padding: 40px 0; text-align: center; background: #f6f6f6; margin-top: 30px;}
.pro-ft-wr .pic{width: 100%; padding: 10px 0; display: block;}
.pro-ft-wr .pic img{border-radius: 10px;}
.pro-ft-wr h4{font-size: 18px;  text-align: center; color: #252525; font-family: "UTMAvoBold"; text-transform: uppercase; margin-bottom: 10px;}
.pro-ft-wr  h3{font-size: 24px;  text-align: center; color: #184E78; font-family: "UTMAvoBold"; text-transform: uppercase; margin-bottom: 30px;}
.show-hide-history{display: none;}

.news-left{width: 100%; margin-bottom: 30px;}
.news-left .pic{width: 100%;margin-bottom: 15px;}
.news-left h4{font-size: 18px;  text-align: left; color: #184E78; font-family: "UTMAvoBold";  margin-bottom: 10px; text-transform: uppercase; margin-top: 10px; }
.news-left span img{margin-top: -5px; margin-right: 5px;}
.news-right{width: 100%; margin-bottom: 20px;}
.news-right .pic{width: 120px; display: inline-block;}
.news-right .info-txt{width:  calc(100% - 140px); display: inline-block; margin-left: 10px; vertical-align: top;}
.news-right .info-txt span img{margin-top: -5px; margin-right: 5px;}

.hiring{width: 80%; margin-left: 10%; padding: 70px 0 40px 0; text-align: justify;}
.hiring .box{width: 100%; margin-bottom: 15px; border-bottom: 1px solid #d7d7d7;}
.hiring .pic{width: 160px; display: inline-block; vertical-align: top;}
.hiring .hr-txt{width: calc(100% - 180px); display: inline-block; margin-left: 10px;}
.hiring p.deadline{color: #ff0000;}
.hiring a{font-family: 'UTMAvoBold';}

/* 2/8/2023 - fix width content 1170px */

.container{width: 1170px; max-width: 1170px;}
.isStuck  #search{top: 25px;}

.out-box-cate-pro.owl-carousel .owl-controls .owl-nav .owl-prev{left: -40px;}
.out-box-cate-pro.owl-carousel .owl-controls .owl-nav .owl-next{right: -40px;}
.ad-news{padding-top: 30px;}
.hiring{padding-top: 30px;}
.hiring h3{font-family: UTMAvoBold; font-weight: normal; font-size: 22px; color: #13668d; text-transform:  uppercase; border-bottom: 2px solid #252525; padding-bottom: 10px; margin-bottom: 20px;}
.hiring .hr-txt{padding-bottom: 20px;}
.hiring .hr-txt p{line-height: 18px;}


/* 25/8/2023 Fix gallary */
.detail_view { margin: 0px 0 20px 0; float: left; width: 48%; padding: 0; }
.image_product { width: 98%; }
.image_product { margin-left: 0 !important }
/* */
.imageGallery { width: 100% !important; float: left; position: relative }
.imageGallery .bigImage { float: left; width: 96% !important; height: 100%; position: relative; margin-bottom: 0px; background: #f6f6f6; padding: 2% }
.imageGallery .bigImage h4 { background: url(userfiles/image/graphics/bg_h4.png) repeat left top; width: 100%; float: left; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; bottom: 0; left: 0; z-index: 9999; margin-bottom: 0px !important; z-index: 100 }
.imageGallery .bigImage h4 a { color: #262626; text-transform: uppercase }
.imageGallery .bigImage h4 a:hover { color: #ec3346 }
.imageGallery .bigImage a.btnZoom { position: absolute; top: 87.34%; right: 0px; width: 30px; height: 30px; z-index: 1; display: none; }
.imageGallery .bigImage a.btnZoom img { border: none; background: none }
.imageGallery .bigImage img.btnNext { cursor: pointer; display: block; width: 31px; height: 35px; position: absolute; top: 40%; right: 5px; z-index: 0; cursor: pointer; opacity: 0.4 }
.imageGallery .bigImage img.btnPre { display: block; width: 31px; height: 35px; position: absolute; top: 40%; left: 5px; z-index: 0; cursor: pointer; opacity: 0.4 }
.imageGallery .bigImage img.btnNext:hover, .imageGallery .bigImage img.btnPre:hover { opacity: 1 }
/*.imageGallery .bigImage a.btnNext img, .imageGallery .bigImage a.btnPre img{border:none; background:none}*/
.imageGallery .bigImage .panel { top: 2% !important; left: 2% !important; width: 96% !important }
.imageGallery .bigImage .panel img { }
.imageGallery .bigImage img.btnNext, .imageGallery .bigImage img.btnPre { border: none; background: none }
.imageGallery .bigImage img { display: inline; margin: 0; max-width: 100%; width: 100%; }
.imageGallery .thumb { width: 96%; display: block; padding: 0% 2% 1%; position: absolute; bottom: 18%; left: 0; overflow: hidden; background: #f6f6f6; z-index: 1;}
.imageGallery .thumb ul { list-style: none; padding: 0; display: block; float: left; width: 515px; height: 70px }
.imageGallery .thumb ul li { float: left; text-align: center !important; }
.imageGallery .thumb ul li img { margin: 0; max-width: 98px; max-height: 98px; }
.imageGallery .thumb ul li img:hover, .imageGallery .thumb ul li img.active { }
.imageGallery .thumb ul li.last { margin-right: 0 }
.imageGallery .thumb p.idImage { width: 100%; text-align: center; margin-bottom: 0; padding-top: 3px; position: relative; z-index: 9999 }
.ie7 .imageGallery .thumb p.idImage { padding-top: 0 }
.imageGallery .thumb img.btnNext1 { position: absolute; left: 12px; top: 30%; width: 10px; height: 20px; cursor: pointer; z-index: 9999 }
.imageGallery .thumb img.btnPre1 { position: absolute; right: 12px; top: 30%; width: 10px; height: 20px; cursor: pointer; z-index: 9999 }
.imageGallery .thumb p.bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0 }
.imageGallery .thumb p.bg img { width: 100% }
span.spPre1 { display: none; width: 30px; left: 0px; top: 0px; margin: 0px; padding: 0px; height: 110px; z-index: 9998; background-color: #f1f1f1; position: absolute; }
span.spNext1 { display: none; width: 40px; right: 0px; top: 0px; margin: 0px; padding: 0px; right: 0px; height: 110px; z-index: 9998; background-color: #f1f1f1; position: absolute; }
.ie7 span.spPre1, .ie7 span.spNext1 { display: block; }
.ie7 .imageGallery .thumb { }
#pointer { }
.strip_wrapper { width: 100% !important }
.imageGallery a.btnViewMax, .button-control a.btnViewMax { height: 24px; padding: 0px 10px; text-align: center; color: #fff; line-height: 24px; font-size: 13px; font-weight: bold; border-radius: 3px; display: block; width: 90px; margin: 0px 5px 5px 0px; float: left; }
.imageGallery a.btnViewMax:hover, .button-control a.btnViewMax:hover { text-decoration: none !important; }
.button-control a.btnViewMax2 { height: 24px; padding: 0px 10px; text-align: center; color: #fff; line-height: 24px; font-size: 13px; font-weight: bold; border-radius: 3px; display: block; width: 120px; margin: 0px 5px 5px 0px; float: left; }




#photos{height: 490px !important;}
.imageGallery .thumb{bottom: -5px;}

.pro-box{position: relative; padding-bottom: 60px;}
.pro-box p.equah{margin: 10px 0 0 0; margin-left: -81px; left: 50%; bottom: 0; position: absolute;}



/* fix 11-9 */

.title-wr h1 sup{font-family: 'UTMAvo'; }
.home-bottom .co-contact ul li{font-size: 13px;}
.home-bottom .first img{padding-top: 15px;}
.home-bottom img{padding-top: 0;}
.bdl-sub h3{margin-bottom: 15px;}

.pro-box h4 sup{font-family: 'UTMAvo';}

.paging ul li{margin-bottom: 5px;}

/* fix contact */
.mailform{margin-top: 0;}
.contact-info{margin-top: 15px;}
.contact-info h4{color: #13668d; font-size: 18px;  }

/*27/09/2023 */
.imageGallery .thumb{background: #fff;}
.imageGallery .thumb ul{float: none; text-align: center; margin:  0 auto !important;}
.imageGallery .thumb ul li{margin-right: 5px !important; margin-left: 5px !important}
.imageGallery .bigImage{background: #fff;}


.imageGallery .bigImage img.btnPre{display: none;}
.imageGallery .bigImage img.btnNext{display: none;}

/*Landing Page*/
.left-banner{color: #fff; margin: 150px 0 0 0; padding: 0; text-align: right}
.left-banner h1{font-family: "MontserratExtraBold"; margin: 0; padding: 0; font-size: 40px; text-align: right;}
.left-banner p.txt{ text-align: right; padding-left: 100px; font-size: 18px}
.left-banner .btn-wr{border-radius: 50px; width: 160px; height: 60px; background: #fff; color: #252525; padding: 5px; float: right;}
.left-banner a.btn-registry{border-radius: 50px; width: 150px; height: 50px; color: #fff; background: #252525; display: block; font-size: 18px; text-align: center;  padding-top: 10px;}
.left-banner a.btn-registry:hover{background: #f7941d;}
.about-lng{width: 100%; padding: 100px 0 70px 0; margin: 0 auto; display: block; background: #fff;}
.about-lng h2{font-family: "MontserratExtraBold"; font-size: 36px; text-align: center;}
.about-lng p.txt{font-size: 18px; line-height: 26px; text-align: center; width: 90%; margin: 0 auto; display: block;}
.about-lng span{text-align: center; font-style: italic; font-size: 18px; color: #f7941d;font-family: "MontserratExtraBold"; display: block; margin-bottom: 40px;}
.about-lng .box{width: 100%; border-radius: 10px; box-shadow: 0px 0px 8px #cdcdcd; background: #fff; padding: 20px 10px; text-align: center; margin: 15px 0;}
.about-lng .box .icon{padding: 10px; display: block;}
.about-lng .box h4{text-transform: uppercase; font-size: 18px; margin: 10px 0; padding: 0; font-family: "MontserratExtraBold";}
.about-lng .box p{text-align: center;}

.home-service{width: 100%; padding: 100px 0 70px 0; margin: 0 auto; display: block; background: url("../images/bg-home-service.png") no-repeat top center; background-size: cover;}
.home-service .pic{width: 80%; margin: 0 auto;}
.home-service h2{font-family: "MontserratExtraBold"; font-size: 36px; text-align: left; padding: 70px 0 0 0; letter-spacing: -1px;}

.content-ser {
	position: relative;	
	/*float: left;*/
	list-style: none;
	width: 100%;
	display:inline-block;
	margin: 0; padding: 0 0 0 3px;
	
}
.content-ser::after {
	position: absolute;
	content: "";
	width: 1px;
	left:5px;
	top:0;
	bottom:0;
	right:auto;
	border-left: 1px dashed #000;	
}
.content-ser li {
	background: url("../images/arrow-ser.png") no-repeat 5px 3px;
	color: #2d3e58;
	font-size: 16px;
	margin:20px 0px 20px -5px;
	padding-left: 60px;
}
.content-ser li a{color:#fff; text-transform: uppercase; font-size: 16px;font-family: "MontserratExtraBold"; }
.content-ser li a:hover{color:#fff; text-decoration: underline;}

.pri-wr{width: 100%; margin:  0; padding: 100px 0 70px 0; }
.pri-wr h2{font-family: "MontserratExtraBold"; font-size: 36px; padding: 0px 0 0 0; text-transform: uppercase; text-align: center;}
.pri-wr .box{width: 100%; border-radius: 10px; box-shadow: 0px 0px 8px #cdcdcd; background: #fff; padding: 30px 10px 40px 10px; text-align: center; margin: 15px 0; border-top: 5px solid #f7941d;}
.pri-wr .box h3{text-transform: uppercase; font-size: 22px; margin: 10px 0 0 0; padding: 0; font-family: "MontserratExtraBold";}
.pri-wr .box p.price{font-size: 16px; color: #f7941d; font-family: "MontserratExtraBold"; text-align: center;}
.pri-wr .box ul{margin: 0; padding: 0; width: 100%; list-style: none;}
.pri-wr .box ul li{border-bottom: 1px solid #cdcdcd; margin-bottom: 10px; padding-bottom: 10px; text-align: center;}
.pri-wr .box .btn-wr{border-radius: 50px; width: 150px; height: 50px; background:#f7f2f2; color: #252525; padding: 3px; text-align: center; margin: 0 auto;}	
.pri-wr .box a.btn-registry{border-radius: 50px; width: 144px; height: 44px; color: #fff; background: #f7941d; display: block; font-size: 16px; text-align: center;  padding-top: 7px; border: 2px solid #fff;}
.pri-wr .box a.btn-registry:hover{background: #252525;}

.customer{width: 100%; padding: 70px 0 70px 0; margin: 0 auto; display: block; background: url("../images/bg-home-service.png") no-repeat top center; background-size: cover;}
.customer h2{font-family: "MontserratExtraBold"; font-size: 36px; padding: 0px 0 0 0; text-align: center;}
.customer p.txt{font-size: 18px; line-height: 26px; text-align: center; width: 80%; margin: 0 auto; display: block; color: #fff;}
.customer .logo-cus{margin-top: 30px;}

.home-contact{width: 100%; margin: 0 auto; padding: 70px 0 0 0;}
.home-contact h2{font-family: "MontserratExtraBold"; font-size: 36px; padding: 0px 0 0 0; text-transform: uppercase; text-align: center; margin: 0px 0 30px 0;}

.home-contact h3{text-transform: uppercase; font-size: 22px; margin: 10px 0 0 0; padding: 0 0 10px 0; font-family: "MontserratExtraBold";}
.home-contact p{line-height: 18px;}

.home-contact a.faqs{background: #f6f6f6; padding: 15px; margin-bottom: 5px; display: block; color: #252525; font-size: 15px;}
.home-contact a.faqs:hover{background: #f7941d; color: #fff;}
.home-contact p.text{padding: 15px; line-height: 24px;}
#faq{}
#faq h2{font-size: 16px;cursor:pointer;
    text-transform: none;
    text-align: left;
    margin: 0px 0px 1px 0px;
    background: #fafafa;
    padding: 12px 5px;
    font-weight: 600;
    font-family: arial;}
#faq p{line-height: 27px;
    font-size: 16px;
    margin: 0px 0px 0px 30px;
	margin:5px 0px
	}