/* ==================================================================================================== */
/*                                          Bagus Yudha Domina                                          */
/*                                        http://dominayudha.com/                                       */
/* ==================================================================================================== */

html{}
body{
    font-family: 'Open Sans', sans-serif;
}

a{
    text-decoration: none !important;
}

.i{
    font-style: italic !important;
}
.b{
    font-weight: bold !important;
}

.left{
    text-align: left !important;
}
.center{
    text-align: center !important;
}
.right{
    text-align: right !important;
}

.top{
    vertical-align: top !important;
}
.middle{
    vertical-align: middle !important;
}
.bottom{
    vertical-align: bottom !important;
}

.float-left{
    float: left !important;
}
.float-right{
    float: right !important;
}
.float-none{
    float: none !important;
}

/* .d-none{
    display: none !important;
} */
/* .d-inline{
    display: inline !important;
} */
/* .d-block{
    display: block !important;
} */

.uppercase{
    text-transform: uppercase !important;
}
.lowercase{
    text-transform: lowercase !important;
}
.capitalize{
    text-transform: capitalize !important;
}

.p-0{
	padding: 0px !important;
}
.pt-0{
	padding-top: 0px !important;
}
.pr-0{
	padding-right: 0px !important;
}
.pb-0{
	padding-bottom: 0px !important;
}
.pl-0{
	padding-left: 0px !important;
}
.py-0{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.px-0{
	padding-right: 0px !important;
}

.m-0{
	margin: 0px !important;
}
.mt-0{
	margin-top: 0px !important;
}
.mr-0{
	margin-right: 0px !important;
}
.mb-0{
	margin-bottom: 0px !important;
}
.ml-0{
	margin-left: 0px !important;
}
.my-0{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.mx-0{
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.w-25{
    width: 25% !important;
}
.w-50{
    width: 50% !important;
}
.w-75{
    width: 75% !important;
}
.w-100{
    width: 100% !important;
}

.h-25{
    height: 25% !important;
}
.h-50{
    height: 50% !important;
}
.h-75{
    height: 75% !important;
}
.h-100{
    height: 100% !important;
}

.bg-white{
    background-color: #fff !important;
}
.bg-black{
    background-color: #000 !important;
}
.bg-red{
    background-color: #b30000 !important;
}
.bg-orange{
	background-color: #f58220 !important;
}

.white{
    color: #fff !important;
}

.black{
    color: #000 !important;
}
.red{
    color: #b30000 !important;
}
.orange{
	color: #f58220 !important;
}

/* ==================================================================================================== */
/*                                              Coming Soon                                             */
/* ==================================================================================================== */

.comingsoon {
    background-image: url(../images/dki-jakarta-logo.png);
    background-size: 150px 150px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
.copyright {
	text-align: center;
    font-size: 0.75em;
    font-family: 'Open Sans', sans-serif;
	bottom: 5%;
}