/* Background */

.bg-dark {

	background-color: #343a40!important

}



a.bg-dark:focus,

a.bg-dark:hover,

button.bg-dark:focus,

button.bg-dark:hover {

	background-color: #1d2124!important

}



.bg-white {

	background-color: #fff!important

}



.bg-transparent {

	background-color: transparent!important

}

/* Akhir Background */



/* Margin & Padding */

.m-0 {

    margin: 0!important

}



.mt-0,

.my-0 {

    margin-top: 0!important

}



.mr-0,

.mx-0 {

    margin-right: 0!important

}



.mb-0,

.my-0 {

    margin-bottom: 0!important

}



.ml-0,

.mx-0 {

    margin-left: 0!important

}



.m-1 {

    margin: .25rem!important

}



.mt-1,

.my-1 {

    margin-top: .25rem!important

}



.mr-1,

.mx-1 {

    margin-right: .25rem!important

}



.mb-1,

.my-1 {

    margin-bottom: .25rem!important

}



.ml-1,

.mx-1 {

    margin-left: .25rem!important

}



.m-2 {

    margin: .5rem!important

}



.mt-2,

.my-2 {

    margin-top: .5rem!important

}



.mr-2,

.mx-2 {

    margin-right: .5rem!important

}



.mb-2,

.my-2 {

    margin-bottom: .5rem!important

}



.ml-2,

.mx-2 {

    margin-left: .5rem!important

}



.m-3 {

    margin: 1rem!important

}



.mt-3,

.my-3 {

    margin-top: 1rem!important

}



.mr-3,

.mx-3 {

    margin-right: 1rem!important

}



.mb-3,

.my-3 {

    margin-bottom: 1rem!important

}



.ml-3,

.mx-3 {

    margin-left: 1rem!important

}



.m-4 {

    margin: 1.5rem!important

}



.mt-4,

.my-4 {

    margin-top: 1.5rem!important

}



.mr-4,

.mx-4 {

    margin-right: 1.5rem!important

}



.mb-4,

.my-4 {

    margin-bottom: 1.5rem!important

}



.ml-4,

.mx-4 {

    margin-left: 1.5rem!important

}



.m-5 {

    margin: 3rem!important

}



.mt-5,

.my-5 {

    margin-top: 3rem!important

}



.mr-5,

.mx-5 {

    margin-right: 3rem!important

}



.mb-5,

.my-5 {

    margin-bottom: 3rem!important

}



.ml-5,

.mx-5 {

    margin-left: 3rem!important

}



.ml-10 {

    margin-left: 6rem!important;

    margin-right: 6rem!important;

}



.p-0 {

    padding: 0!important

}



.pt-0,

.py-0 {

    padding-top: 0!important

}



.pr-0,

.px-0 {

    padding-right: 0!important

}



.pb-0,

.py-0 {

    padding-bottom: 0!important

}



.pl-0,

.px-0 {

    padding-left: 0!important

}



.p-1 {

    padding: .25rem!important

}



.pt-1,

.py-1 {

    padding-top: .25rem!important

}



.pr-1,

.px-1 {

    padding-right: .25rem!important

}



.pb-1,

.py-1 {

    padding-bottom: .25rem!important

}



.pl-1,

.px-1 {

    padding-left: .25rem!important

}



.p-2 {

    padding: .5rem!important

}



.pt-2,

.py-2 {

    padding-top: .5rem!important

}



.pr-2,

.px-2 {

    padding-right: .5rem!important

}



.pb-2,

.py-2 {

    padding-bottom: .5rem!important

}



.pl-2,

.px-2 {

    padding-left: .5rem!important

}



.p-3 {

    padding: 1rem!important

}



.pt-3,

.py-3 {

    padding-top: 1rem!important

}



.pr-3,

.px-3 {

    padding-right: 1rem!important

}



.pb-3,

.py-3 {

    padding-bottom: 1rem!important

}



.pl-3,

.px-3 {

    padding-left: 1rem!important

}



.p-4 {

    padding: 1.5rem!important

}



.pt-4,

.py-4 {

    padding-top: 1.5rem!important

}



.pr-4,

.px-4 {

    padding-right: 1.5rem!important

}



.pb-4,

.py-4 {

    padding-bottom: 1.5rem!important

}



.pl-4,

.px-4 {

    padding-left: 1.5rem!important

}



.p-5 {

    padding: 3rem!important

}



.pt-5,

.py-5 {

    padding-top: 3rem!important

}



.pr-5,

.px-5 {

    padding-right: 3rem!important

}



.pb-5,

.py-5 {

    padding-bottom: 3rem!important

}



.pl-5,

.px-5 {

    padding-left: 3rem!important

}



.m-n1 {

    margin: -.25rem!important

}



.mt-n1,

.my-n1 {

    margin-top: -.25rem!important

}



.mr-n1,

.mx-n1 {

    margin-right: -.25rem!important

}



.mb-n1,

.my-n1 {

    margin-bottom: -.25rem!important

}



.ml-n1,

.mx-n1 {

    margin-left: -.25rem!important

}



.m-n2 {

    margin: -.5rem!important

}



.mt-n2,

.my-n2 {

    margin-top: -.5rem!important

}



.mr-n2,

.mx-n2 {

    margin-right: -.5rem!important

}



.mb-n2,

.my-n2 {

    margin-bottom: -.5rem!important

}



.ml-n2,

.mx-n2 {

    margin-left: -.5rem!important

}



.m-n3 {

    margin: -1rem!important

}



.mt-n3,

.my-n3 {

    margin-top: -1rem!important

}



.mr-n3,

.mx-n3 {

    margin-right: -1rem!important

}



.mb-n3,

.my-n3 {

    margin-bottom: -1rem!important

}



.ml-n3,

.mx-n3 {

    margin-left: -1rem!important

}



.m-n4 {

    margin: -1.5rem!important

}



.mt-n4,

.my-n4 {

    margin-top: -1.5rem!important

}



.mr-n4,

.mx-n4 {

    margin-right: -1.5rem!important

}



.mb-n4,

.my-n4 {

    margin-bottom: -1.5rem!important

}



.ml-n4,

.mx-n4 {

    margin-left: -1.5rem!important

}



.m-n5 {

    margin: -3rem!important

}



.mt-n5,

.my-n5 {

    margin-top: -3rem!important

}



.mr-n5,

.mx-n5 {

    margin-right: -3rem!important

}



.mb-n5,

.my-n5 {

    margin-bottom: -3rem!important

}



.ml-n5,

.mx-n5 {

    margin-left: -3rem!important

}



.m-auto {

    margin: auto!important

}



.mt-auto,

.my-auto {

    margin-top: auto!important

}



.mr-auto,

.mx-auto {

    margin-right: auto!important;

}



.mb-auto,

.my-auto {

    margin-bottom: auto!important;

}



.ml-auto,

.mx-auto {

    margin-left: auto!important;

}

/* Akhir Margin & Padding */



/* Container Custom */

.container-custom {

	padding-right: 5px;

	padding-left: 5px;

	margin-right: auto;

	margin-left: auto;

}


@media (min-width:768px) {

    .container-custom {

        width: 718px;

    }

}



@media (min-width:992px) {

	.container-custom {

		width: 970px;

	}

}



@media (min-width:1200px) {

	.container-custom {

		width: 1170px;

	}

}



.container-custom:after,

.container-custom:before {

    display: table;

	content: " ";

}



.container:after {

    clear: both;

}

/* Akhir Container Custom */



/* Untuk Slide */

.w-100 {

	width: 100%!important

}



.d-block {

	display: block!important

}

/* Untuk Slide */



@media (max-width:767px) {



    .col-sm-12 {



    width: 100%



    }



    .col-sm-11 {



    width: 91.66666667%



    }



    .col-sm-10 {



    width: 83.33333333%



    }



    .col-sm-9 {



    width: 75%



    }



    .col-sm-8 {



    width: 66.66666667%



    }



    .col-sm-7 {



    width: 58.33333333%



    }



    .col-sm-6 {



    width: 50%



    }



    .col-sm-5 {



    width: 41.66666667%



    }



    .col-sm-4 {



    width: 33.33333333%



    }



    .col-sm-3 {



    width: 25%



    }



    .col-sm-2 {



    width: 16.66666667%



    }



    .col-sm-1 {



    width: 8.33333333%



    }



}