@charset "UTF-8";
/* Copyright Azhys Kasmy 2015 */

/* text-align */
.center {text-align: center;}
.right {text-align: right;}

/* text-align */
.noStyle ul, .noStyle li {
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	display: block;
}


.hover:hover {
	opacity: 0.6;
	cursor: default;
}

/* image */
.imgMedium {width: 140px; overflow: auto;}
.imgSmall {width: 100px;
margin: 0px auto;}
.imgTiny {
	height: auto;
	width: 60px;
	padding: 0px;
	margin: 0px;
}
img {display: block;}
img.fullWidth {
	display: block;
	width: 100%;
}

/* font */
body {
	background: #ebebeb;
  	color: #5a5a5a;
  	font-weight: 300;
	font-size: 16px;
	line-height: 1.8em;
	/*Default font bila tidak ditentukan dalam class*/
	font-family: 'Lato', sans-serif;
  	-webkit-font-smoothing: subpixel-antialiased !important;
}
h1, h2, h3, h4, h5, h6, p, article {
	padding: 0px;
	margin: 0px;
}
h1 {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 40px;
	font-weight: 400;
	line-height: 40px;
	margin-bottom: 10px;
}
h2 {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 36px;
	font-weight: 300;
	line-height: 38px;
	margin-bottom: 10px
}
h3 {
	font-weight: 300;
}
h4 {
	line-height: 22px;
	font-weight: 400;
}
.xlargeText {}

.largeText {
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 20px;
}
.mediumText {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: rgba(255, 255, 255, 0.9);
	font-size: 30px;
}
.smallText {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: rgba(255, 255, 255, 0.9);
	font-size: 26px;
}

/* textBox */
.textBox {
	padding: 16px;
	max-width: 300px;
	margin: 0px auto;
}

/* sapace */
.space30 {height: 30px;}

/* div button */
div.btnRight {
	background: url(../gui/btn-lright.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	height: 30px;
	width: 30px;
}
div.btnLeft {
	background: url(../gui/btn-lleft.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	height: 30px;
	width: 30px;
}

/* anchor */
a {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
a:link {color:;}
a:link {text-decoration: none;}
a.inherit {color: inherit;}
a.smallBox {
	font-size: 10px;
	letter-spacing: 1px;
	padding: 3px;
	margin: 0px auto;
}
a.mediumBox {
	font-size: 10px;
	letter-spacing: 1px;
	padding: 10px;
	margin: 0px auto;
}

/* color theme */
.lineLight {border-bottom: 1px solid #FFF;}
.borderLight {border: 1px solid #FFF;color: #FFF;}
.borderLight_2 {border: 2px solid #FFF;}
.bgroundLight {background: #FFF;}
.fontLight {color: #FFF;}

.lineDark {border-bottom: 1px solid rgba(214, 214, 214, 0.24);}
.borderDark {border: 1px solid rgba(214, 214, 214, 0.24);}
.bgroundDark {background: rgba(214, 214, 214, 0.24);}

.lineColor1 {border-bottom: 1px solid #0F031D;}
.borderColor1 {border: 1px solid #0F031D;}
.bgroundColor1 {background: #0F031D; color: rgba(255, 255, 255, 0.6);}

.bgroundColor1Op {background: rgba(15, 3, 29, 0.9); color: rgba(255, 255, 255, 0.8);}

.lineColor2 {border-bottom: 1px solid #343642;}
.borderColor2 {border: 1px solid #343642;}
.bgroundColor2 {background: #343642; color: rgba(255, 255, 255, 0.8);}

.lineColor3 {border-bottom: 1px solid #D1D1D1;}
.borderColor3 {border: 1px solid #D1D1D1;}
.bgroundColor3 {background: #D1D1D1;}

.lineColor4 {border-bottom: 1px solid #9768D1;}
.borderColor4 {border: 1px solid #9768D1; color: #9768D1;}
.bgroundColor4 {background: #9768D1; color: #FFF;}
.fontColor4 {color: #9768D1;}

.lineColor5 {border-bottom: 1px solid #70AF1A;}
.borderColor5 {border: 1px solid #70AF1A;}
.bgroundColor5 {background: #70AF1A; color: #FFF;}
.fontColor5 {color: #70AF1A}

.lineColor6 {border-bottom: 1px solid #C2690E  ;}
.borderColor6 {border: 1px solid #C2690E   ;}
.bgroundColor6 {background: #d36bcb  ; color: #FFF;}


/* custom */
#footer {
	font-size: 12px;
	line-height: 1.7em;
}