@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: 'ArimaKoshiBold'; src: url('../fonts/ArimaKoshiBold.eot'); src: url('../fonts/ArimaKoshiBold.eot') format('embedded-opentype'), url('../fonts/ArimaKoshiBold.woff2') format('woff2'), url('../fonts/ArimaKoshiBold.woff') format('woff'), url('../fonts/ArimaKoshiBold.ttf') format('truetype'), url('../fonts/ArimaKoshiBold.svg#ArimaKoshiBold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'ArimaKoshiMedium'; src: url('../fonts/ArimaKoshiMedium.eot'); src: url('../fonts/ArimaKoshiMedium.eot') format('embedded-opentype'), url('../fonts/ArimaKoshiMedium.woff2') format('woff2'), url('../fonts/ArimaKoshiMedium.woff') format('woff'), url('../fonts/ArimaKoshiMedium.ttf') format('truetype'), url('../fonts/ArimaKoshiMedium.svg#ArimaKoshiMedium') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'RobotoBold'; src: url('../fonts/roboto-bold.eot'); src: url('../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold.woff2') format('woff2'), url('../fonts/roboto-bold.woff') format('woff'), url('../fonts/roboto-bold.ttf') format('truetype'), url('../fonts/roboto-bold.svg#robotobold') format('svg'); font-weight:bold; font-style: normal;}
@font-face {font-family: 'RobotoLight'; src: url('../fonts/roboto-light.eot'); src: url('../fonts/roboto-light.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light.woff2') format('woff2'), url('../fonts/roboto-light.woff') format('woff'), url('../fonts/roboto-light.ttf') format('truetype'), url('../fonts/roboto-light.svg#robotolight') format('svg'); font-weight:lighter; font-style: normal;}
@font-face {font-family: 'RobotoMedium'; src: url('../fonts/roboto-medium.eot'); src: url('../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium.woff2') format('woff2'), url('../fonts/roboto-medium.woff') format('woff'), url('../fonts/roboto-medium.ttf') format('truetype'), url('../fonts/roboto-medium.svg#robotomedium') format('svg'); font-weight: normal;font-style: normal;} 
@font-face {font-family: 'RobotoRegular';  src: url('../fonts/RobotoRegular.eot');  src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'), url('../fonts/RobotoRegular.woff2') format('woff2'), url('../fonts/RobotoRegular.woff') format('woff'), url('../fonts/RobotoRegular.ttf') format('truetype'), url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'UTMAristote'; src: url('../fonts/UTMAristote.eot'); src: url('../fonts/UTMAristote.eot') format('embedded-opentype'), url('../fonts/UTMAristote.woff2') format('woff2'), url('../fonts/UTMAristote.woff') format('woff'),  url('../fonts/UTMAristote.ttf') format('truetype'), url('../fonts/UTMAristote.svg#UTMAristote') format('svg'); font-weight: normal; font-style: normal;}

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

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

/*========================================================
    END Font Face Web Pages
=========================================================*/
body { font-family: "RobotoRegular", serif; font-size: 13px; color: #6c6c6c;  background: #ffffff; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%}
a { color:#1A4282; 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: 22px; margin: 0 0 15px 0;}
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:#436EB3;}
.container { width:1170px; max-width: 1170px;}
.show-mb { display: none!important}
.hide-mb { display:block}
.out-header {position:relative;}
.out-main { background:#fff; padding-top: 150px;}
.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; background: #78C3F3; padding: 60px 0;}
.out-container { width:1366px; padding:0 15px; margin:0 auto; position:relative; z-index:2}

.out-nav-top { width:100%; padding: 0; background: #fff; 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; position: absolute; top: 20px; left: 15px; z-index: 999;}
.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: 27px; right: 50%; margin-right: -683px;}
.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}
/*========================================================
    NAV Top
=========================================================*/
.navbar { position: absolute; margin:0; border:none; background: #436EB3; width:100%}
.navbar-nav { width: auto; float: none; margin: 0 auto; padding:0; display:block; text-align: right; position:relative; z-index:99; margin-right: 90px; }
.navbar-nav li { float:none;text-align: center;list-style:none; width:auto; display:inline-block; position: relative;}
.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:"ArimaKoshiBold"; font-weight:normal; color:#343434; text-transform:uppercase; font-weight:normal; margin: 0 20px; padding: 15px 0;}
.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: #1A4282!important; background:none;  padding: 45px 0 30px 0; display: block; border-bottom: 0px 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: #1A4282; -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: #1A4282; }
.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:100%; 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:#fff;}
.isStuck .wr-links-back{ display:none}
.isStuck .out-header {display:none}
.isStuck .out-nav-top .wr-out-mn { padding-top:0}
.isStuck { min-height:50px; z-index: 999; box-shadow: 0 3px 10px -3px #aaaaaa; border-bottom:0px solid #eb4b14;}
.isStuck .out-nav-top{background: #fff; -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 .top-icon{display: none;}
.isStuck .logo{max-width: 90px;}
.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: 30px 0 20px 0;}
.isStuck a.hotline{top: 20px;}
.isStuck a.flag{top: 28px;}
.isStuck a.search{top: 28px;}
/*========================================================
    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:72px; 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: #1A4282; 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: #1A4282;  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: #1A4282; color: #e85b2f; } /* hover sub  bg*/
.rd-mobilemenu_ul ul ul a:hover { background-color: #1A4282; 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: 0; 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: #1A4282; 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;}}

.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out { z-index: 1;}
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut;}
.owl-height {  -moz-transition: height 500ms ease-in-out; -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel {display: none; width: 100%;margin:0 auto;-webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .carousel-caption { width: 700px; margin:0 auto; bottom: 0; top: auto; left: 50%; bottom: -15px; transform: translateY(-50%); font-family:"ArimaKoshiBold"; right: auto; padding: 20px; margin-left: -585px;}
.owl-carousel .carousel-caption .wr-tt { padding: 0; text-align:left; text-shadow:none; width: 100%; background: none; margin: 0 auto; background: #1A4282; border-left: 3px solid #fff; padding: 10px;}
.owl-carousel .carousel-caption .wr-tt h2 { font-size: 24px; color:#fff; margin:0; font-weight:normal; text-transform: uppercase; font-family: 'UTMIsadoraBold'; font-weight: bold;}

.owl-carousel .carousel-caption .wr-tt h2 a {color:#fff;  text-transform: none; position:relative; text-shadow: 2px 2px 2px #000; display: block; font-weight: normal;}
.owl-carousel .carousel-caption .wr-tt h2 a:hover { color:#fff;}
.owl-carousel .carousel-caption .wr-tt a.btn-link {  text-shadow:none; margin:0 auto; padding:5px 10px; float:left; width:120px; left:50%; margin-left:-60px; position:relative; line-height:24px; background:#fff; color:#000; font-size:16px; text-transform:uppercase;}
.owl-carousel .carousel-caption .wr-tt a.btn-link:hover { background:#e85b2f; color:#fff; text-decoration:none;}
.owl-carousel .carousel-caption .wr-tt p{text-transform: normal; font-size: 26px; color: #1A4282; text-shadow: 2px 2px 2px #000;}

.owl-carousel .owl-controls { position:absolute; bottom: 38px; width:100%;} 
.owl-carousel .owl-controls .owl-dots { display: block!important}  
.owl-carousel .owl-controls .owl-nav { display: none!important;}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next { position:absolute; z-index:99; width:40px; height: 40px; text-indent:-99999em; display:block;}
.owl-carousel .owl-controls .owl-nav .owl-next {left:50%; margin-left: -608px; background:#1A4282 url(../images/btn-next.png) no-repeat center center; border-radius: 5px;}
.owl-carousel .owl-controls .owl-nav .owl-prev { left: 50%; margin-left: -658px; background:#1A4282 url(../images/btn-prev.png) no-repeat center center;border-radius: 5px; }
.owl-carousel .owl-controls .owl-nav .owl-next:hover {opacity:0.8; background: #1A4282 url(../images/btn-next.png) no-repeat center center; border-radius: 5px;}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover {opacity:0.8;  background: #1A4282 url(../images/btn-prev.png) no-repeat center center;border-radius: 5px;}

.owl-carousel.owl-loaded { display: block;}
.owl-carousel.owl-loading { opacity: 0; display: block;}
.owl-carousel.owl-hidden { opacity: 0;}
.owl-carousel .owl-refresh .owl-item { display: none;}
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; text-align: center; /*-webkit-backface-visibility: hidden;  -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ }
.owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; max-width:100%;}
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-grab {cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;}
.owl-carousel.owl-rtl { direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}
.owl-carousel .item-video { min-height:400px;}
.owl-carousel .owl-item .owl-lazy { opacity: 0; -moz-transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;}
/*.owl-carousel .owl-item img { transform-style: preserve-3d;}*/
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000;}
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -moz-transition: scale 100ms ease; -webkit-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease;}
.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none;}
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -moz-transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame { position: relative; z-index: 1;}
.owl-carousel .fa { color: #777; font-size: 32px;}
.owl-carousel .row + .row { margin-top: 38px;}
.owl-nav .owl-next:before, .owl-nav .owl-prev:before { font-size: 40px;}
.owl-nav .owl-next:hover, .owl-nav .owl-prev:hover { color: #fff; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.owl-dots { background: transparent; text-align: center;}
.owl-dots .owl-dot { display: inline-block; background: #fff; width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border:1px solid rgba(0,0,0,0.1)}
.owl-dots .owl-dot:hover, .owl-dots .owl-dot.active { background: #1A4282; border:1px solid #1A4282;}
.owl-dots .owl-dot + .owl-dot { margin-left: 9px;}
* + .owl-dots { margin-top: 20px;}






/*========================================================
    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:20px; position: relative; width:100%; border-bottom: 1px solid #d7d7d7;}
.title-wr h1 { color: #343434; font-family:"ArimaKoshiBold"; display: block; font-size: 34px; margin: 0 auto 40px 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:#1A4282; }

.title-wr h2 { color: #1A4282; font-family:"ArimaKoshiBold"; display: inline-block; font-size: 24px; 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 h2:after { content:""; position:absolute; left: 0%; margin-left: 0px; bottom: -10px; margin-top:1px; height:4px; width:80px; background:#fff; }
.title-wr h2 span{color: #6f6f6f}

.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:"ArimaKoshiBold"; 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;}



/*========================================================
   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: #1A4282 none repeat scroll 0 0; float: left; border-radius:0; color:#fff; margin-bottom:15px; padding:15px 45px 15px; line-height:24px; font-weight: bold;}
.mailform .btn-sent:hover { background:#1A4282}
.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:100%; margin-right:0%; float:left; margin-bottom:10px; border:1px solid #dddada; min-height:40px;}
.wr-line-input-kt:nth-child(2n) { margin-right:0} 
.wr-line-input-kt .txt-input { width:100%; padding:0px 15px; float:left; color:#b6b6b6; 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;}




/*========================================================
   Css style Footer
=========================================================*/
footer{float: left; position: relative; background: #56A9DF; color: #fff; text-align: left; width: 100%; padding-bottom: 20px;}

.bottom{background: #56A9DF; color: #3a3a3a;  display: block; text-align: left; padding: 40px 0 20px 0;width: 100%; border-bottom: 1px solid #adcde5; }
.bottom .container{padding-left: 15px; padding-right: 15px;}
.bottom .logo-ft{ text-align: left;  margin: 0 10px 10px auto; width: 111px; display: inline-block; vertical-align: top;}
.bottom .logo-info{display: inline-block; width: calc(100% - 130px); color: #fff;}
.bottom .logo-info p{margin-bottom: 0;}
.bottom .title-ft{background: url("../images/icon-info.svg") no-repeat scroll left; padding-left: 50px; color: #fff; padding: 20px 0 20px 50px; font-weight: bold;}
.bottom ul{margin: 0; padding:  0; list-style:  none;}
.bottom ul li{background: url("../images/icon-arrow.svg") no-repeat scroll left; padding: 0 0 0 20px; width: 40%; display:  inline-block; margin-bottom: 10px;}
.bottom ul li a{color: #fff;}
.bottom ul li a:hover{color: #fff; text-decoration:  underline;}

.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-top: 15px;}
footer .link-ft a{color: #3a3a3a;}
footer .link-ft a:hover{color: #1A4282;}



/*==================     ToTop     ======================*/
.toTop { width: 50px; height: 50px; background: #1A4282; -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: #1A4282; font-size: 26px; text-transform: uppercase; font-family: 'ArimaKoshiBold', 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:#1A4282;}
.introduction-wr .intro-ct .left a{color: #aeaeaf;}
.introduction-wr .intro-ct .left a:hover{color: #1A4282; 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;}

.top-icon{text-align: right; margin: 0; padding: 0; width: 100%; margin-top: 10px;}
.top-icon ul{margin: 0; padding: 0; list-style: none; }
.top-icon ul li{display: inline-block;margin-left: 2px;}



.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: #1A4282;}
.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: #1A4282; padding: 8px 15px 6px 15px; color: #fff; top: 35px; right: 15px; font-family: 'ArimaKoshiBold', Arial, Helvetica, sans-serif; font-size: 16px; z-index: 999; }
a.hotline:hover{background: #1A4282;}

a.flag{position: absolute; right: 45px; top: 43px; z-index: 999;}
a.search{position: absolute; right: 15px; top: 43px; z-index: 999;}
/* Slide project */
.out-box-project { width:100%; padding:0px; float:left; position:relative; margin-top:10px;  padding-bottom: 30px;}
.out-box-project.owl-carousel .owl-controls{display: block; width: 1170px; margin-left: -585px; left: 50%; position: absolute; bottom: 75%;}
.out-box-project.owl-carousel .owl-controls .owl-dots { display:none!important;}
.out-box-project.owl-carousel .owl-controls .owl-nav { display:block!important;}



.out-box-project.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-project.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; }
.wr-box-proj .pic{position: relative; width: 100%;}
.wr-box-proj .project-ct{width: 90%; margin: -40px auto 0 auto; position: relative; background: #fff; padding: 25px 15px; border: 10px solid #efefef; font-size: 13px; color: #6e6e6e;}
.wr-box-proj .project-ct h4{color: #1A4282; text-align: center; font-family: 'ArimaKoshiMedium'; font-size: 22px; font-weight: normal; text-transform: uppercase; padding: 10px 0; width: 90%; margin: 0 auto; line-height: 30px; } 
.wr-box-proj .project-ct a.more{ text-align: center; font-family: 'ArimaKoshiMedium', Arial; font-size: 14px; color: #fff; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 120px; padding: 10px 0 8px 0; display: block; margin: 0 auto;}
.wr-box-proj .project-ct a.more:hover{background: #1A4282; text-decoration: none;}

.wr-box-proj a.link-pro{font-family: 'ArimaKoshiBold'; font-size: 16px; color: #1A4282; padding-top: 10px; display: block;  text-transform: uppercase;}
.wr-box-proj a.link-pro:hover{color: #e3ba16}
.wr-box-proj p{margin-bottom:0}
.project p.txt{text-align: center; width: 70%; margin: 0 auto; }
.wr-box-proj a.btn-more{border-radius: 20px; background: #56A9DF; color: #fff; display:  block; width: 120px; margin-top: 10px; padding: 6px 0 4px 0; text-align:  center; margin: 15px auto 10px auto;}
.wr-box-proj a.btn-more:hover{ text-decoration: underline;}


.vision-wr{background: url('../images/bg-vision.jpg') no-repeat center center; background-size: cover; width: 100%;  padding: 0;}
.vision-wr .vs-ct{background: #1A4282; padding: 80px 50px; color: #d3e7f6; width: 40%; float: right; font-size: 15px;}

.vision-wr .vs-ct .statistic{width: 90px;font-family: 'ArimaKoshiBold', Arial;  text-align: center; display: inline-block; margin-right: 10px;}
.vision-wr .vs-ct .statistic .box{max-width: 90px; height: 90px; background: url('../images/bg-rect.png') no-repeat;}
.vision-wr .vs-ct .statistic .box .number{color: #fff; font-family: 'ArimaKoshiBold', Arial; font-size: 24px; text-align: center; padding-top: 30px;}
.vision-wr .vs-ct .statistic p.txt{font-size: 18px; display: block; padding-top: 5px; color: #fff;}

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

.news-home .box .link{border-top: 1px solid #e4e4e4; padding: 15px 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{width: 270px; position: fixed; bottom: 20px; left: 0; text-align: center; background: #fff; box-shadow: -1px 0px 6px #999; z-index: 99; display: none;}
.chat-wr .icon{width: 40px; height: 40px; margin: 10px 5px; display: inline-block;}
.chat-wr .icon a{ width: 40px;}

/* project detail */
.bhc-sub{ padding: 0 !important; }
.bhc-sub h3{color: #1A4282;font-family: 'ArimaKoshiBold', 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: 'ArimaKoshiBold', Arial; font-size: 24px; margin: 0px; padding: 20px 0 0 50px; text-transform: uppercase;}
.bhc-sub button.booking{background: #1A4282; border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; text-align: center; font-size: 15px; font-family: 'ArimaKoshiBold', Arial; width: auto; padding: 10px 0px 8px 0px; color: #fff; margin: 30px 0; display: block; width: 220px; cursor: pointer;}
.bhc-sub button.booking:hover{background: #1A4282;}
.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: #ecb251;}

.form-booking{display: none;}

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

.bhc-sub h5{color: #1A4282;font-family: 'ArimaKoshiBold', Arial; font-size: 24px; margin: 0px 0 20px 0; display: block; text-align: left; text-transform: uppercase;}
.bhc-sub h6{color: #1A4282;font-family: 'ArimaKoshiBold', Arial; font-size: 18px; margin: 0px 0 20px 0; display: block; text-align: left; text-transform: uppercase;}
/* Gallery */
.bhc-sub{padding: 40px 0 30px 0 !important;}
.bhc-sub .nav-gallery{float: right;}
.bhc-sub .nav-gallery ul{margin: 0; padding: 0; list-style: none;}
.bhc-sub .nav-gallery ul li{display: inline-block; margin-left: 10px;}
.bhc-sub .nav-gallery ul li a{text-align: center; padding: 8px 20px; color: #fff; font-size: 15px; background: #1A4282; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.bhc-sub .nav-gallery ul li a:hover, .bhc-sub .nav-gallery ul li a.active{background: #1A4282;}

.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: #1A4282; font-family: 'ArimaKoshiBold', Arial; font-size: 16px; display: block; margin: 10px 0;}
.news-box .box a{color: #343434;}
.news-box .box a:hover{color: #1A4282}

.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: #1A4282; font-family: 'ArimaKoshiBold', 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: #1A4282;}

.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: #1A4282; 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: #1A4282; }

/* 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: #1A4282; font-weight: bold;}

.under-banner .about-home{margin: 50px 0;}
.under-banner .about-home a.btn-more{width: 100px; padding: 5px 10px; border-radius: 3px; background: #1A4282; color: #fff; font-size: 14px;}
.under-banner .about-home a.btn-more:hover{background: #e3ba16;}

.under-banner  .newslist-home{background: #56A9DF; padding: 25px 25px 15px 25px; color: #fff;}
.under-banner  .newslist-home h2{font-size: 20px; font-family: 'ArimaKoshiBold'; margin-bottom: 20px; text-transform: uppercase; border-bottom: 1px solid #adcde5; }
.under-banner  .newslist-home .box{width: 100%;  border-bottom: 1px solid #adcde5; margin-bottom: 10px; padding-bottom: 10px; }
.under-banner  .newslist-home .box .pic{ width: 60px; height: 60px; margin-right: 10px; display: inline-block; vertical-align: top;}
.under-banner  .newslist-home .box .info{width: calc(100% - 80px); display: inline-block;}
.under-banner  .newslist-home .box .info a{color: #fff;}
.under-banner  .newslist-home .box .info a:hover{color: #fff;}
.under-banner  .newslist-home .box .info .date{color: #fff;}
.under-banner  .newslist-home a.see-all{color: #fff; text-align:right; display: block;}
.under-banner  .newslist-home a.see-all:hover{color: #fff;}

.nav-menu{background: #78C3F3; padding: 30px 0 !important;} 
.nav-menu ul{list-style:  none; margin:  0; padding:  0}
.nav-menu ul li{font-size: 14px; color: #fff; display:  inline-block; margin-right:  15px; padding-left: 20px; background: url("../images/icon-arrow-nav.png") no-repeat left 8px;}
.nav-menu ul li a{color: #fff;}
.nav-menu ul li a:hover{color: #fff; text-decoration: underline;}

.news-list-top{padding-bottom:  20px; margin-bottom: 20px;}
.news-list-top h4{font-size: 18px; margin: 15px 0 0px 0; line-height: 24px; font-family: 'ArimaKoshiBold', Arial;color: #1A4282;}
.news-list-top .pic{width: 100%; display: inline-block; margin-right:  15px; vertical-align: top; margin-bottom: 10px;}
.news-list-top .info{width: 100%; display: inline-block;}
.news-list-top a{color: #6c6c6c;}
.news-list-top a:hover{color: #1A4282;}

.news-list-box{padding-bottom:  0px; margin-bottom: 20px; border-bottom: 1px solid #d7d7d7;}
.news-list-box h4{font-size: 16px; margin: 10px 0 0px 0; line-height: 24px;font-family: 'ArimaKoshiBold', Arial; color: #1A4282; }
.news-list-box .pic{width: 120px; display: inline-block; margin-right:  15px; vertical-align: top;}
.news-list-box .info{width: calc(100% - 140px); display: inline-block;}
.news-list-box a{color: #6c6c6c;}
.news-list-box a:hover{color: #1A4282;}
.under-banner .news-dt{margin-top:  10px;}

.product-box{  margin-bottom: 30px; text-align: center;}
.product-box .pic{width: 100%; margin-bottom: 20px; display:  block;}
.product-box .pic img { margin-bottom: 20px; display:  block;}

.product-box h5{font-size: 15px; margin: 15px 0 0px 0; line-height: 24px; font-family: 'ArimaKoshiBold', Arial;color: #1A4282; text-align: center;}
.product-box a{color: #6c6c6c; line-height: 20px; text-align: center;}
.product-box a:hover{color: #1A4282;}
.product-box a.btn-more{border-radius: 20px; background: #56A9DF; color: #fff; display:  block; width: 120px; margin-top: 10px; padding: 6px 0 4px 0; text-align:  center; margin: 15px auto 10px auto;}
.product-box a.btn-more:hover{ text-decoration: underline;}

.gallery-pro{background: #ededed; width: 100%; padding:  10px;}
.info-pro h5{font-size: 16px; margin: 15px 0 0px 0; line-height: 24px; font-family: 'ArimaKoshiBold', Arial;color: #1A4282; text-transform: uppercase;}
.product-desc{width: 100%; margin: 30px 0;}
.product-desc h5{font-size: 16px; margin: 15px 0 10px 0; line-height: 24px; font-family: 'ArimaKoshiBold', Arial;color: #1A4282; text-transform: uppercase; border-bottom: 1px solid #cdcdcd; padding-bottom: 5px;}
.search-ad{padding: 30px 0;}
.search-ad p{margin: 0;}
.search-ad .txt-input{border-radius: 3px; background: #fff; border: 1px solid #cdcdcd; padding: 5px 10px; width: 100%;}
.search-ad .slt{border-radius: 3px; background: #fff; border: 1px solid #cdcdcd; padding: 5px 10px; width: 100%;}

.form-group .btn-sent{background: #1A4282; line-height: 1.1; color: #fff; }

/* === Slider toggle === */
.sl-toggle ul{margin: 0 0 30px 0; padding:  0;}
.nav-slider-box{
  display:block;
}
.nav-slider-box > .nav-item{
  display:block;
  cursor:pointer;
  position:relative;
}
.nav-slider-box > .nav-item > .title {
  display:block;
  width: 100%;
  border-bottom: 1px solid #fff;
  background-color:#73C2E5;
  color: #fff;
}
.nav-slider-box > .nav-item > .title > span{
  padding: 10px;
  display: block;
}
.nav-slider-box > .nav-item > i[class^="icon"]{
  position:absolute;
  right: 10px;
  transition: transform .25s ease;
  transform: rotate(0deg);
  top: 5px;
  font-family:'FontAwesome';
  font-size:  24px;
  font-style:  normal;
  color: #fff;
}
.nav-slider-box > .nav-item > i[class^="icon"].up {
  transform: rotate(180deg);
}
.nav-slider-box>.nav-item>ul{
 display: none;
}
.nav-slider-box>.nav-item>ul>li{
  list-style: none;
  padding: 10px;
}

.sl-toggle ul ul{margin: 0 0 0 0; padding: 0 0 0 30px;}
/* === End Slider toggle === */

/*===== 18/09/2020 =====*/
.search-kq ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px;
}


/* Fix banner */
.owl-carousel .owl-controls .owl-dots{display: none !important;}
.owl-carousel .carousel-caption{width: 320px; left: auto; margin-left: auto; padding:  0; transform: none; margin-bottom: 0; top: 50px; bottom: auto;}
.owl-carousel .carousel-caption .wr-tt{text-align: left; background: none; height: 80px; padding-top: 10px; border-left: none; width: 280px;}
.owl-carousel .carousel-caption .wr-tt h2 { font-size: 40px; color:#fff; margin:0; font-weight:normal; text-transform: uppercase; font-family: 'UTMEdwardianKT'; font-weight: bold;}

.owl-carousel .carousel-caption .wr-tt h2 span{font-family:  "UTMAristote";font-size: 24px; text-transform:  none;}

/*===== 03/10/2020 =====*/
.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;}

img.img-responsive{display: block; text-align:  center; float: left; margin:  5px; }
.gallery-wr .list-unstyled li{margin-bottom: 0;}
.nav-slider-box > .nav-item > .title > span{text-transform: uppercase; font-family: 'RobotoBold'; font-size: 14px;}
.wr-box-proj a.link-pro{color: #000;}
.search-kq a{font-size: 16px; font-family: 'RobotoBold';}

.rd-mobilemenu_ul ul a:hover{background: #1A4282;}
.rd-mobilemenu_ul ul a{color: #1A4282 !important }

/*===== 31/10/2020 =====*/
.diemban .slt{border-radius: 3px; background: #fff; border: 1px solid #cdcdcd; padding: 5px 10px; width: 150px;display:  inline-block}
.diemban .btn-sent{background: #1A4282; padding: 2px 10px; margin-left:  10px; color: #fff;}

.owl-carousel .carousel-caption .wr-tt a.btn-more{border-radius: 20px; background: #56A9DF; color: #fff; display:  block; width: 120px; margin-top: 10px; padding: 6px 0 4px 0; text-align:  center;}
.owl-carousel .carousel-caption .wr-tt a.btn-more:hover{ text-decoration: underline;}

.show-banner-mb{display: none;}

.about{background: url("../images/bg-about.jpg") no-repeat scroll top center; width: 100%; height:  100%; background-size: cover;}

.about-ct{width: 100%; padding: 50px; background: #fff;}
.about-ct .pic{width: 48%; margin-right: 2%; float: left;}
.about-ct .info{width: 50%;float: left; padding-top:  30px; }
.about-ct .info h4{color: #1A4282; font-size: 24px; font-family: 'ArimaKoshiBold'; text-transform:  uppercase;}
.about-ct .info a.btn-more{border-radius: 20px; background: #56A9DF; color: #fff; display:  block; width: 120px; margin-top: 10px; padding: 6px 0 4px 0; text-align:  center;}
.about-ct .info a.btn-more:hover{ text-decoration: underline;}

.news-index{padding: 50px;}
.news-index .newbox{width: 100%; position:  relative; text-align:  center;}
.news-index .newbox .pic{margin-bottom: 15px;}
.news-index .newbox h4{color: #1A4282; font-size:16px; font-family: 'ArimaKoshiBold'; text-transform:  uppercase; margin-bottom:  0; }
.news-index .newbox a{color: #6c6c6c; }
.news-index .newbox a:hover{color: #1A4282;}
.news-index .newbox .date{border-radius: 50%; width: 80px; height: 80px; font-size: 15px; font-weight: bold;position: absolute; top: 10px; right: 10px; color: #fff; text-align:  center; background: #56A9DF; padding-top: 15px;}

.ot-news{margin: 0 0 30px 0; padding: 0}
.ot-news p{margin:0; padding: 0;}
.ot-news ul{list-style: none; margin: 0; padding: 0;}
.ot-news ul li{border-bottom: 1px solid #d7d7d7; margin-bottom: 5px;padding-bottom: 5px;}
.about-pic{margin-bottom: 35px; display: block;}

/* fix date news */
.news-index .newbox .pic{position: relative;}
.news-index .newbox .date{left: 50%; margin-left: -50px; right:  auto; border-radius: 0; top: auto; bottom:  0; width: 100px; height:  25px; padding:  0 10px;}