/* ==========================================================================
   GLOBAL / BASE STYLES
   Hanya rule yang dipakai lintas bagian website.
   ========================================================================== */

html,
body {
	width: 100%;
	height: 100%;
}

body {
	font-family: Open Sans,"Helvetica Neue",Arial,sans-serif;
	background: #FFF url("../../images/pattern/pattern11.png") fixed; 
}

a {
	color: #8dc73f;
	transition: .4s;
}

a, a:hover, a:focus, a:active {
	outline: 0;
	text-decoration: none;
	transition: .4s;
	color:inherit;
}

a:hover {
	color: #8dc73f;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat","Helvetica Neue",Arial,sans-serif;
	color:#000;
}

p {
	margin-bottom: 17px;
	font-size: 13px;
	line-height: 23px;
	color: #878787;
}

ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.no-padding {
	padding: 0 !important;
}

.outer-wrapper {
    width: 100%;
    position: relative;

    overflow: visible;

    background: #fff;
}
.outer-wrapper.boxed {
	width: 98%;
	max-width:1250px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);
}

.outer-wrapper.boxed header {
	width: 100%;
	max-width:1250px;
	margin-left: auto;
	margin-right: auto;
}

.inner-content {
	padding: 90px 0;
}

.space10 {
	margin-bottom: 10px;
}

.space20 {
	margin-bottom: 20px;
}

.space30 {
	margin-bottom: 30px;
}

.space40 {
	margin-bottom: 40px;
}

.space50 {
	margin-bottom: 50px;
}

.space60 {
	margin-bottom: 60px;
}

.space70 {
	margin-bottom: 70px;
}

.space80 {
	margin-bottom: 80px;
}

.space90 {
	margin-bottom: 90px;
}

.space100 {
	margin-bottom: 100px;
}

.button.btn-border.white {
	border-color: #fff;
	color: #fff;
}

.button.btn-border.white:hover {
	border-color: #fff;
	background:#fff !important;
	color: #000 !important;
}

.btn-radius {
	border-radius: 5px !important;
}

.no-padding {
	padding: 0;
}

.lite-white {
	color: #fff !important;
	opacity: 0.7;
}

.white {
	color: #fff !important;
	opacity: 1;
}

.no-margin {
	margin: 0px;
}

.uppercase {
	text-transform: uppercase;
}

.no-margin-top {
	margin-top: 0px !important;
}

.no-padding-bottom {
	padding-bottom: 0px !important;
}


/* Split from previous miscellaneous stylesheet */
@media screen and (max-width: 767px) {
.container {
	width:100%;
	max-width:500px;
	margin:0 auto;
}

aside {
	margin-bottom:30px;
}
}
