/* CSS Document */
/*==================    for globe usage   =====================================*/
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url("padding_and_tex_setting.css");
@import url("X-factor.css");

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* unvisited link */
a:link {
    color:rgba(255,234,0,1.00);
}

/* visited link */
a:visited {
    color:rgba(255,234,0,1.00);
}

/* mouse over link */
a:hover {
   color:rgba(255,95,0,1.00);
}

/* selected link */
a:active {
    color:rgba(255,234,0,1.00);
}


/*-------------   body setting (iPhone not working)  -------------   */
html,
body
{
	background-image: url(../img/template/bg.jpg);
	
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Titillium Web', sans-serif;
	background-color: rgba(0,0,0,1.00);
	color: rgba(203,203,203,0.8);
	font-style: normal;
	font-size:13px;
	line-height: 20px;
	
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 200;
    line-height: 1.5;
	color:rgba(255,234,0,1.00);
}

h1{
	font-size:1.8em;
}

.text-highlight{
	color:rgba(255,234,0,1.00);
}

.hg-text-blod{
	font-weight:800;
}


.body-main-page{
	text-align: justify;
	background-color:rgba(0,0,0,0.7);

}



hr{
	border-top: 1px solid rgba(255,255,255,0.3);
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:rgba(3,181,255,1.00);
}


/*-----------------------------------------------   */



/*=================== Nav Style ====================== */


 .hg_tableDiv-cell>div>p>span>span.glyphicon {
    font-size: 1.5em;
	vertical-align:middle;
	padding-bottom:5px;
}

.affix {
	width:100%;
	z-index:100;
}

.hg_tableDiv {
    display: table;
    table-layout: fixed;
	width:100%;
	height:100%;
}

.hg_tableDiv-cell {
	padding-top: 200px;
    display:table-cell;
	width:100%;
    vertical-align:middle;
    text-align:center;
}

@media (min-width: 767px) {
		
	.navbar-default, .navbar-inverse {
		background-color: transparent;
		border-color:transparent;	
	}
	
	.navbar-right{
		padding-top:30px;
	}
	.navbar-default .navbar-nav > li > a {
		color:rgba(203,203,203,1.00);
	}
	
	.affix  {
		margin-top:30px;
	}
}

@media (max-width: 767px)  {
	
	body {
		background-position: 15% 0px;
		background-attachment: fixed;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size:contain;
	}
	
	.navbar-default {
		background-color: transparent;
		border-color:transparent;	
	}
	
	
	h1 {
		font-size:1.2em;
	}
	
	.logo-main-page img {
		margin-top:-90px;
	}
	
	
	.hg_tableDiv-cell {
		padding-top: 90px;
	}
	
	.body-main-page{
		padding-top: 10px;
	}

	#about {
		padding-top:50px;
	}

	.subpagelogo img {
		height:120%;
		margin-left:10px;
	}

}


@media (min-width: 768px) and (max-width: 991px)  {
	
	body {
		background-position: 15% 0px;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	body {
		background-position: 15% 0px;
	}
	
}