@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: 'UTMCharlotte'; src: url('../fonts/UTMCharlotte.eot'); src: url('../fonts/UTMCharlotte.eot') format('embedded-opentype'), url('../fonts/UTMCharlotte.woff2') format('woff2'), url('../fonts/UTMCharlotte.woff') format('woff'), url('../fonts/UTMCharlotte.ttf') format('truetype'), url('../fonts/UTMCharlotte.svg#UTMCharlotte') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'ellefuturabook'; src: url('../fonts/ellefuturabook.eot'); src: url('../fonts/ellefuturabook.eot') format('embedded-opentype'), url('../fonts/ellefuturabook.woff2') format('woff2'), url('../fonts/ellefuturabook.woff') format('woff'), url('../fonts/ellefuturabook.ttf') format('truetype'), url('../fonts/ellefuturabook.svg#ellefuturabook') format('svg'); font-style: normal; font-weight: normal;}
@font-face {font-family: 'ellefuturabold'; src: url('../fonts/ellefuturabold.eot'); src: url('../fonts/ellefuturabold.eot') format('embedded-opentype'), url('../fonts/ellefuturabold.woff2') format('woff2'), url('../fonts/ellefuturabold.woff') format('woff'), url('../fonts/ellefuturabold.ttf') format('truetype'), url('../fonts/ellefuturabold.svg#ellefuturabold') format('svg'); font-style: normal; font-weight: normal;}


/*========================================================
    END Font Face Web Pages
=========================================================*/
body { font-family: "ellefuturabook", serif; font-size: 15px; color: #3f3a3a;  -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%}
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: 26px; 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:#0079c2;}
.container { width: 1350px; max-width: 1350px;}
.show-mb { display: none!important}
.hide-mb { display:block}
.out-header {position:relative;}
.out-main { background:#fff; margin-top:  110px;}
.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: #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: 10px; 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: 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}
/*========================================================
    NAV Top
=========================================================*/
.navbar { position: absolute; margin:0; border:none; background:none; width:100%}
.navbar-nav { width: auto; float: none; margin: 0 auto; padding: 0 45px 0 0; display:block; text-align:right; position:relative; z-index:99; }
.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: 14px; font-family:"ellefuturabook"; font-weight:normal; color:#000; text-transform:uppercase; font-weight:normal; margin: 0 16px; 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: #13668d!important; background:none;  padding: 35px 0 25px 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: #FD884C; -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: #FD884C; }
.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:120px; 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 .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: 30px 0 20px 0;}
.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;}
/*========================================================
    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: #0071BC; 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: 107px; 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: #0071BC; 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: #FD884C;  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: #FD884C; 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: 35px; 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: #13668d; 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: 1170px; margin:0 auto; bottom: auto; top: 50%; left: 50%; transform: translateY(-50%); font-family:"ellefuturabook"; right: auto; padding: 20px; margin-left: -585px;}
.owl-carousel .carousel-caption .wr-tt { padding: 0; text-align: center; text-shadow:none; width: 100%; background: none; margin: 0 auto;}
.owl-carousel .carousel-caption .wr-tt h2 { font-size: 36px; color:#fff; margin:0; font-weight:normal; text-transform: uppercase; font-family: "ellefuturabook"; text-transform: uppercase;}

.owl-carousel .carousel-caption .wr-tt h2 a {color:#fff;  text-transform: uppercase; position:relative; text-shadow: 2px 2px 2px #000; display: block; font-weight: normal;}
.owl-carousel .carousel-caption .wr-tt h2 a:hover { color:#FD884C;}
.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: 22px; color: #FD884C; text-shadow: 2px 2px 2px #000; font-family: "ellefuturabook", arial; text-transform:  uppercase;}

.owl-carousel .owl-controls { position:absolute; bottom: 53%; width:100%;} 
.owl-carousel .owl-controls .owl-dots { display: none!important}  
.owl-carousel .owl-controls .owl-nav { display: block!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 {right: 0%; margin-left: 0px; background:#FD884C url(../images/btn-next.png) no-repeat center center; border-radius: 5px;}
.owl-carousel .owl-controls .owl-nav .owl-prev {left: 0%; margin-left: 0px; background:#FD884C 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: #13668d 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: #13668d 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: #FD884C; border:1px solid #FD884C;}
.owl-dots .owl-dot + .owl-dot { margin-left: 9px;}
* + .owl-dots { margin-top: 20px;}

.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:"ellefuturabook"; 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: #FD884C; }
.title-wr p.txt{width: 50%; text-align:  center; margin: auto; line-height:  20px; margin-bottom: 20px;}


.title-wr h2 { color: #fff; font-family:"UTMCharlotte"; 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:"ellefuturabook"; 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: #0071BC; width: 100%; padding: 0; color: #fff; text-align: right; }
.top-header a{color: #000; background: #A6E5FF; display: block; width: 180px; padding: 6px 10px;font-size:  15px; text-align: center; float: right; font-family: "ellefuturabold", arial ;text-transform:  uppercase;}
.top-header a:hover{color: #fff; background: #FD884C;}

/*========================================================
   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: #13668d 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:#FD884C}
.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: #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: #0071BC; color: #fff;}
footer .link-ft a{color: #ffffff;}
footer .link-ft a:hover{color: #FD884C;}
.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: #FD884C; font-size: 26px; text-transform: uppercase; font-family: 'ellefuturabook', 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:#FD884C;}
.introduction-wr .intro-ct .left a{color: #aeaeaf;}
.introduction-wr .intro-ct .left a:hover{color: #FD884C; 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: 'ellefuturabook', Arial, Helvetica, sans-serif; font-size: 16px; z-index: 999; }
a.hotline:hover{background: #FD884C;}

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: #FD884C; 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: #0071BC; font-family: 'ellefuturabook', 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{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: 'ellefuturabook', 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: 'ellefuturabook', 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: 'ellefuturabook', 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: #FD884C;}
.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: #FD884C;}

.form-booking{display: none;}

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

.bdl-sub h5{color: #13668d;font-family: 'ellefuturabook', Arial; font-size: 24px; margin: 0px 0 20px 0; display: block; text-align: left; text-transform: uppercase;}
.bdl-sub h6{color: #13668d;font-family: 'ellefuturabook', Arial; font-size: 18px; margin: 0px 0 20px 0; display: block; text-align: left; text-transform: uppercase;}
/* Gallery */
.bdl-sub{padding: 0 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: #FD884C;}

.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: 'ellefuturabook', 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: 'ellefuturabook', 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: #FD884C; }

/* 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: 'ellefuturabook', 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: #FD884C;}


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

.emoji {padding: 0 .25rem;}

/* ====== A Dong ===== */
.home-about{width: 100%; background: #EEF9FD; padding: 70px 0;}
.title-wr { margin-bottom:10px; position: relative; width:100%;}
.title-wr h4 { color: #FD884C; font-family:"ellefuturabook"; 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: #FD884C; }
.title-wr h3 { color: #0071BC; font-family:"UTMCharlotte"; 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: center}
.title-wr h1 { color: #0071BC; font-family:"UTMCharlotte"; display: block; font-size: 60px; 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{display: none;}
.title-wr p.txt{width: 100%; text-align: left; line-height: 24px;}
.home-about img.right{width: 100%; padding-left: 50px; display:  block;}
a.readmore{background: #0071BC; color: #fff;font-size: 16px; text-align: center; padding: 10px  25px; text-transform: uppercase; margin-bottom: 20px; display:  block; width: 160px;}
a.readmore:hover{background: #FD884C; color: #fff;}

.service-home{width: 100%; padding: 70px 0 0 0;}
.ct-txt.title-wr h1{text-align:  center;}
.title-wr h5 { color: #FD884C; font-family:"ellefuturabook"; display: block; font-size: 18px; margin: 0 auto 0 auto; padding: 0px 0px 0px; 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:"UTMCharlotte"; 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:"UTMCharlotte"; 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:"UTMCharlotte"; 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%;}
.home-bottom .box{text-align:  center; margin:  0 auto; width: 90%;}

.home-bottom .box .social-link img{padding: 10px;}

.news-home .box a.readmore{margin: 20px 0 0 0}

/* ====== Subpage Navi ===== */
.sub-navi-wr{width: 100%; background: #f2f2f2; padding: 40px 0 30px 0; text-align: center;}
.sub-navi-wr h2 { color: #0071BC; font-family:"UTMCharlotte"; 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; }
.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: 18px; font-family: "ellefuturabook"; text-transform: uppercase; padding: 15px 30px 0 15px; background: url("../images/sub-navi-line.png") no-repeat scroll right 18px;}
.sub-navi-ct ul li.last{background-image: none;}
.sub-navi-ct ul li a{color: #000;}
.sub-navi-ct ul li a:hover{color: #0071BC;text-decoration: none;}
.sub-navi-ct ul li a.active{color: #0071BC;text-decoration: none;}

.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;}

.ad-news{width: 100%; background: #fff; padding: 70px 0 0 0;}
.ad-news .title-wr{padding-top: 30px;}
.ad-news .title-wr h4{margin-bottom: 0;}
.ad-news .title-wr h3{font-size: 30px;}
.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; width:315px; 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:"UTMCharlotte"; 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: #0071BC; font-family:"UTMCharlotte"; 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: 'ellefuturabold' }
.ad-services ul li p.txt{font-family: 'ellefuturabold'; 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: #0071BC; 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;}