@import url('Fonts/Weather/font.css');
@import url('Fonts/SanFrancisco/font.css');


/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	outline: 0 none;
	margin: 0 auto;
    padding: 0;
    border: 0 none;
    font-size: 100%;
    font-family:K2D;
    vertical-align: baseline;
}
/*h1, h2, h3, h4, h5, h6 {	color: #fff; font-weight: bold;	text-shadow: 1px 1px 0px #000;}*/
h5{
	font-size: 14px; margin-bottom:8px;
}
a{
	color: #ffffff;
	text-decoration:none;
    cursor: pointer;
}
a:hover{
	text-decoration:none;
	color:#d1aa66;
	/*border-bottom:1px dotted #00AEC5;*/
	/*text-shadow: 0 0 1px rgba(255,255,255,0.5), 0 0 6px rgba(255,255,255,0.5);*/
}
a:focus, a:active {
    text-decoration:none;
    color:#f7f7f7;
}
/*body, input, textarea, select, button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
}*/
body
{
	margin:0 auto;
	font-family:"K2D";
    line-height: 20px;
    background: #022b40;
	color:#fff;
	-webkit-font-smoothing: subpixel-antialiased;
	-ms-font-smoothing: subpixel-antialiased;
	font-weight: 400;
    position:relative;
	width:100%;
	height:100%;
	overflow: hidden !important;
}
body:after{
    display:none;
    content: url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/Images/Icons/social_icon_hover.png) url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/uploads/Roadmap/roadmap_arrow_07.png) url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/uploads/Roadmap/roadmap_arrow_06.png) url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/uploads/Roadmap/roadmap_arrow_04.png);
}
html, body {
  overflow-x:hidden 
} 


.ui-button strong, .ui-button span{
    color: #fff;
}
.no_padding{
	padding-left:0;
	padding-right:0;
}
.col_no_padding{
	padding:0 !important;
}
.row_no_padding [class*='col-']{
	padding:0;
}
#qLpercentage {
    background: url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/Images/LoadingLogo.png) no-repeat;
    color: rgba(2,54,81,0);
}
/*=============================================Header=============================================*/
header{	
	position:fixed;
	z-index:200;
	height:52px;
    width: 100%;
    background: rgba(2,54,81,0.8);
    bottom: 0;
    left: 0;    
}
.header_logo {
    position: absolute;
    width: 52px;
    height: 52px;
    top: 0;
    left: -100%;
    z-index: 99;
    background: url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/Images/header_logo.png) no-repeat;
    cursor: pointer;
    -webkit-transition: all 860ms linear;
    -moz-transition: all 860ms ease;
    -o-transition: all 860ms ease;
    -ms-transition: all 860ms ease;
    transition: all 860ms ease;
}
.lang_menu_bg{
    position: absolute;
    right: 24px;
    top: 16px;
    z-index: 99;
}
header .lang_menu_bg
{
    right: -100%;
    top: 20px;
    -webkit-transition: all 860ms linear;
    -moz-transition: all 860ms ease;
    -o-transition: all 860ms ease;
    -ms-transition: all 860ms ease;
    transition: all 860ms ease;
}
.lang_menu_bg a{	
	float:right;
    width: 20px;
    height: 14px;
	margin-right:12px;
	-webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -o-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
    background: url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/Images/Icons/lang_icon.png) no-repeat;
}
.lang_menu_bg a:hover{	
	filter: brightness(116%);
    -webkit-filter: brightness(116%);
    -moz-filter: brightness(116%);
    -o-filter: brightness(116%);
    -ms-filter: brightness(116%);
}
.lang_menu_bg a:active{	
	filter: brightness(88%);
    -webkit-filter: brightness(88%);
    -moz-filter: brightness(88%);
    -o-filter: brightness(88%);
    -ms-filter: brightness(88%);
}
.lang_menu_bg .vi
{    
	background-position: 0 0;
}
.lang_menu_bg .en
{    
	background-position:-20px 0;
}
.lang_menu_bg .jp
{
    margin-right:0;
	background-position: -40px 0;
}
/*=============================================Body=============================================*/
.body_bg.body_blur {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
}
.page_title 
{
    display: block;
    position: relative;
    width: 100%;
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    margin:52px 0 38px 0;    
    font-family: 'K2D';
    color: #666;
    text-shadow: 0px 0px 1px rgba(102, 102, 102, 1);
}
.page_title span {
    color: #D1AA66;
    text-shadow: 0px 0px 1px rgba(209, 170, 102, 1);
}
.title_line {
    display: block;
    position: relative;
    width: 100%;
    height: 3px;
    background: url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/Images/title_line_01.png) center no-repeat;
    margin-bottom: 32px;
}
.title_line.title_line_02
{
    background: url(https://duanonline.com.vn/vi/catalog/view/theme/kdtnsc/Images/title_line_02.png) center no-repeat;
}
a.page_title:hover
{
    color: #666;
}
.font_normal {
    font-style: normal !important;
}
/*=============================================Footer=============================================*/
footer 
{
    position: absolute;
    width: 100%;
    z-index: 99;
    overflow: hidden;
    margin: 0 auto;
    background: #023651;
    bottom: 0;
    padding-bottom: 58px;
}
.footer_partner{
	position:relative;
	height:60px;
	background:#FFF;
    overflow: hidden;
}
.partner_title_bg{
	float:left;
	height:60px;
    line-height: 62px;
	margin-right:28px;
	font-size:18px;
	text-transform:uppercase;
	font-family: 'K2D';
	color:#023651;	
	text-shadow: 0px 0px 1px rgba(2, 54, 81, 0.1); 
}
.partner_line 
{
    float: left;
    height: 80px;
    width: 1px;
    margin-top: -8px;
    background: #023651;
    margin-right:28px;
    -ms-transform: rotate(22deg); 
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
}
.partner_bg{
	margin:8px 0 0 0;
	height:50px;
	overflow:hidden;	
}
.partner_bg li{
	float:left;
	text-align:center;	
}
.partner_bg img{	
	max-width:200px;
	max-height:32px;
    margin-top: 5px;
}
.grayscale{
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1); 
    opacity:0.5;
    -webkit-transition: all 280ms linear;
    -moz-transition: all 280ms linear;
    -o-transition: all 280ms linear;
    -ms-transition: all 280ms linear;
    transition: all 280ms linear;
}
.partner_bg .grayscale:hover{
	opacity:1;	
	filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(0); 	
}
.footer_copyright_bg {
    position: relative;
    float: left;
    width: 100%;
    height: 32px;
    background: #022B40;
    text-align: center;
    line-height: 33px;
    font-size: 11px;
    color: rgba(209, 170, 102, 0.68);
}
.footer_copyright_bg a, .footer_copyright_bg span
{
    color: rgba(209, 170, 102, .9); 
}
.hidden_gallery {
    display: none;
}

@font-face{	font-family: 'K2D';	src: url('https://duanonline.com.vn/fonts/K2D-Regular.ttf') format('truetype');	font-weight: 400;}
@font-face{	font-family: 'K2D';	src: url('https://duanonline.com.vn/fonts/K2D-Bold.ttf') format('truetype');	font-weight: 700;}