/* HTML from Bootstrap */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

body, html {
	padding: 0;
	margin: 0;
  	font-size: 100%;
  	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}



[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'oxp-demo';
	margin: 0 4px;
	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	speak: none;
	text-align: center;
}

.icon-th:before { content: '\e800'; } 
.icon-left:before { content: '\e803'; }

/* Main Style */
body {
	font-family: ppk;
	color: #fff;
	background: #ff5e3a;
}

a, a:visited {
	color: #888; 
	text-decoration: none;
}

a:hover, a:active {
	color: #333;
}

h1, h2, h3 {
	font-family: ppk;
}

h1 { 
	font-size: 2.5em; 
	font-weight: 500; 
}

h2 { 
	font-size: 1.5em; 
	font-weight: 300; 
}

h3 { 
	font-size: 1.2em; 
	font-weight: 400; 
}


/* Responsive */
@media screen and (max-width: 25em) {
	.nav-icon span { display: none; }
}





@font-face {
 font-family: ppk;
 src: url("../../font/ppk.eot") /* EOT file for IE */
}
@font-face {
 font-family: ppk;
 src: url("../font/ppk.ttf") /* TTF file for CSS3 browsers */
}