@charset "utf-8";

/* CSS Document
Theme Name: Wana Lestari
Theme URI: http://www.gravis-design.org/
Author: Gravis
Author URI: http://www.gravis-design.org/
Description: Theme for Wana Lestari
Version: 1.0
License: Commercial
License URI: http://www.gravis-design.com/
Tags: green, slideshow, pine
Text Domain: home
*/

/* import font */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic);
/* Reset Browser */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; font-size: 14px; color: #dfe4e4; font-weight: 400; font-family: 'Open Sans', sans-serif;  }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { color: #dfe4e4; text-decoration: none; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: none; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: 10px; line-height: 14px; color: #888888; }
img { border: 0; -ms-interpolation-mode: bicubic; }
em { font-style: italic; }
body { background: #000;  }
.mainbg { text-align: center; top: 10%; width: 100%; margin: 72px 0 0 0; }
.bgtop { padding: 48px 0; background: rgba(255,255,255,0.7); }
h1 { background: rgba(255,255,255,0.5); padding: 24px 0; margin-bottom: 24px; display: block; box-shadow: 0 0 4px #999; }
h1 img {
	display: block;
	max-width: 360px;
	width: 72%;
	margin: 0 auto;
	height: auto;
}
p {
	font-size: 14px;
	line-height: 20px;
	color: #2e1d83;
	padding: 0 16px;
}
.text {
	font-size: 12px;
	line-height: 16px;
	max-width: 480px;
	margin: 0 auto;
	padding: 32px 16px 0 16px;
	color: #333;
}
.icon { padding: 32px 0 0 0; }
.icon img { margin: 0 4px; }
.icon img:hover { position: relative; top: -1px; }
.copyright {
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	line-height: 14px;
	color: #bdbdbd;
	padding: 8px 0 16px 0;
	margin: 64px 0 0 0;
}
.copyright a { color: #bdbdbd; }
.copyright a:hover { text-decoration: underline; }