/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2021 IMAJIKU.
*/

/* =FORM
------------------------------------------------------------ */

/*breadcrumb*/
.breadcrumb-box{
	display: block;
	width: 100%;
	position: relative;
	background-color: #212121;
	padding: 10px 0 10px;
	z-index: 2;
}
.breadcrumb{
	background-color: transparent;
	margin: 0;
	padding: 0;
}
.breadcrumb .breadcrumb-item{
	font-size: 15px;
	color: #ffffff;
}
.breadcrumb .breadcrumb-item a{
	color: #ffffff;
}
.breadcrumb .breadcrumb-item.active{
	color: #f98341;
}
.breadcrumb .breadcrumb-item:hover a{
	color: #f86b54 !important;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "•";
	color: #f98341;
	padding-left: 0.7rem;
	padding-right: 0.7rem;
}

/* =scrollbar custom
------------------------------------------------------------ */
/*firefox*/
.y-scroll {
	/*scrollbar-width: thin;*/
	/*scrollbar-color: #666666 #dddddd;*/
	scrollbar-width: 8px !important;
	scrollbar-color: rgb(102,102,102) rgb(210,210,210) !important;
}
/*chrome*/
.y-scroll::-webkit-scrollbar {
	width: 8px;
}
.y-scroll::-webkit-scrollbar-track {
	background: #dddddd;
}
.y-scroll::-webkit-scrollbar-thumb {
	background-color: #666666;
	border-radius: 12px;
	border: 1px solid #666666;
}

/* =table
------------------------------------------------------------ */
/*datatable update*/
table{
	width: 100%;
}
table.dataTable thead th, 
table.dataTable thead td{
	border-top: 2px solid #91723a;
	border-bottom: none;
	text-transform: uppercase;
	font-size: 14px;
}

table.dataTable tbody th, 
table.dataTable tbody td{
	padding: 10px 10px 10px;
}
table.dataTable tbody tr.odd, 
table.dataTable.stripe tbody tr.odd, 
table.dataTable.display tbody tr.odd{
	background-color: #f4f1eb;
}
#table-report.table td, 
#table-report.table th{
	border-top: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding: 0;
	border: none;
	background-color: transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	border: none;
	background: none;
}
table.dataTable .page-item.disabled .page-link{
	border-color: transparent;
	background-color: transparent;
}
table.dataTable .page-item.active .page-link{
	border-color: #91723a;
	background-color: #91723a;
}
table.dataTable .page-item.active .page-link:hover,
table.dataTable .page-item.disabled .page-link:hover{
	color: #ffffff !important;
	opacity: 0.7;
}
.dataTables_wrapper .dataTables_filter{
	float: left;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, 
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before{
	background-color: #91723a;
	content: "\f078";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	text-align: center;
	font-size: 9px;
	line-height: 14px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, 
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before{
	background-color: #91723a;
	content: "\f077";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	text-align: center;
	font-size: 9px;
	line-height: 14px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
	border-bottom: none;
}

/* =table
------------------------------------------------------------ */
.data-mjk-list{}
.data-mjk-list .row{
	margin-bottom: 10px;
}
.data-mjk-list .row .col-12:first-child{
	font-weight: 600;
}

.table-mjk-simple{}
.table-mjk-simple thead{}
.table-mjk-simple thead > tr{
	background-color: #FFB74E;
}
.table-mjk-simple thead > tr th{
	border-bottom: 1px solid #f98341;
	color: #ffffff;
}
.table-mjk-simple tbody > tr{
	background-color: #fafafa;
}
.table-mjk-simple thead > tr th,
.table-mjk-simple tbody > tr td{
	padding: 10px 15px 10px;
	min-width: 130px;
}
.table-mjk-simple thead > tr th.th-action,
.table-mjk-simple tbody > tr td.td-action{
	min-width: 70px;
	text-align: center;
}
.table-mjk-simple tbody > tr td{
	color: #616b77;
}
.table-mjk-simple tbody > tr table tbody tr{
	background-color: transparent;
}
.table-mjk-simple-secondary tbody tr:hover{
	background-color: transparent;
}
.table-mjk-simple-secondary tbody tr td{
	padding: 5px;
}
.table-responsive{
	position: relative;
	z-index: 1;
}

/* =GENERAL
-------------------------------------------------------------*/
.wrapper{}
.section{
	padding: 50px 0 20px;
}
.section:last-child{
	padding-bottom: 3%;
}
.section-top{
	margin-top: 90px;
}
.section-top{
	margin-top: 90px;
}
.section-top.variant-normal{
	margin-top: 50px;
}
.section-blank{
	padding: 150px 0 100px;
}
.layout-page{
	min-height: 66vh;
}
.layout-page-full{
	height: 100vh;
	min-height: unset;
	overflow: auto;
}

hr.clr-orange{
	border-top-color: #f98341;
}

.hide-for-desktop{
	display: none !important;
}
.hide-for-mobile{
	display: flex !important;
}

/* =padding
-------------------------------------------------------------*/
.no-margin {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
.no-padding {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.no-margin-side {
	margin-left: 0;
	margin-right: 0;
}
.no-padding-side {
	padding-left: 0;
	padding-right: 0;
}

/* Vertical Position style */
.v-top {vertical-align: top;}
.v-middle {	vertical-align: middle;}
.v-bottom {	vertical-align: bottom;}

/* =Modal Dialog
------------------------------------------------------------ */
.modal-open {
	padding-right: 0 !important;
}
.modal-open .navbar {
	padding-right: 1rem !important;
}
.modal-header{
	border-bottom: none;
	padding: 20px 20px 20px;
}
.modal-header .modal-title{
	text-align: left;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid transparent;
	padding-bottom: 0;
	color: #000000;
	font-weight: bold;
}
.modal-header .modal-title img{
	display: block;
	height: 100px;
	width: auto;
	margin: 0 auto;
}
.modal-content .close{
	position: absolute;
	top: 15px;
	line-height: 16px;
	right: 20px;
	text-shadow: none;
	z-index: 10;
}
.modal-content .close i{
	font-size: 20px;
	color: #f98341;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transform-origin: center center;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	padding: 3px;
}
.modal-content .close:hover i{
	transform: scale(1.2) rotate(180deg);
	-webkit-transform: scale(1.2) rotate(180deg);
	-moz-transform: scale(1.2) rotate(180deg);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	color: #FF6464;
}
.modal-body{
	padding: 20px 20px 20px;	
}
.modal-body .form-group-mjk label{
	font-size: 14px;
}
.modal-footer {
	padding: 20px 20px 20px;
	border-top: 1px solid transparent;
}
/* =pagination
------------------------------------------------------------ */
.pagination{
	justify-content: center;
	margin: 20px 0 15px;
}
.pagination .page-link{
	font-size: 14px;
	padding: 5px 20px 5px;
}
.pagination .page-item.active .page-link{
	color: #f98341;
	font-weight: bold;
	border: none;
	background-color: transparent;
}
.pagination .page-item .page-link:focus{
	outline: none;
	box-shadow: none;
}
.pagination .page-link{
	font-size: 18px;
	color: #999999;
	border: none;
	background-color: transparent;
}
.pagination .page-link:hover{
	color: #f86b54;
	background-color: transparent;
}
.page-item.disabled .page-link {
	background-color: transparent;
}

/* =Banner Pages
-------------------------------------------------------------*/
.banner-top{
	display: block;
	position: relative;
	width: 100%;
	max-height: 340px;
	overflow: hidden;
	margin-top: 90px;
	background-color: #212121;
}
.banner-top img{
	display: block;
	width: 100%;
	max-height: 340px;
	object-fit: cover;
	object-position: center;
	z-index: 1;
}
.banner-caption{
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 25%;
	text-align: center;
	z-index: 2;
}
.banner-caption h1,
.banner-caption h2,
.banner-caption h3,
.banner-caption h4,
.banner-caption h5,
.banner-caption h6,
.banner-caption p{
	color: #ffffff;
}
.banner-caption h3{
	font-size: 40px;
	margin: 0 auto;
	font-weight: 700;
}
.banner-caption p{
	font-size: 18px;
	margin-bottom: 0;
}
.banner-top.no-banner{
	max-height: unset !important;
	height: auto !important;
}
.banner-top.variant-2{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	max-height: unset;
	overflow: hidden;
	margin-top: 90px;
	background-color: #212121;
}
.banner-top.variant-2 img{
	display: block;
	width: 100%;
	max-height: unset;
	object-fit: contain;
	object-position: center;
}

/* =Title
-------------------------------------------------------------*/
/*title at page above banner*/
.title-page-box{
	display: block;
	position: relative;
	width: 100%;
	background-color: #ffffff;
	padding: 3rem 0 1rem;
}
.title-page-primary{}
.title-page-primary h1{
	font-size: 30px;
	color: #000000;
	font-weight: bold;
}
.title-page-primary h2{
	font-size: 28px;
	color: #000000;
	font-weight: bold;
}
.title-page-primary h3{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.title-page-primary h4{
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}
.title-page-primary h5{
	color: #616b77;
	font-weight: 400;
	font-size: 14px;
}
.title-page-primary h6{
	color: #616b77;
	font-weight: 400;
	font-size: 12px;
}
.title-page-primary > p{
	font-size: 16px;
	color: #616b77;
}
.title-page-primary ul{
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
.title-page-primary li{}
.title-page-primary li p{
	margin: 0;
}
.title-page-action{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/*title section*/
.title-mjk-primary{
	display: block;
	margin-bottom: 20px;
	text-align: center;
}
.title-mjk-primary h1,
.title-mjk-primary h2{
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	color: #f98341;
	margin: 0;
	vertical-align: middle;
}
.title-mjk-primary.clr-black h1,
.title-mjk-primary.clr-black h2,
.title-mjk-primary.black h1,
.title-mjk-primary.black h2{
	color: #000000;
}
.title-mjk-secondary h3 {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #f98341;
	margin: 0;
	vertical-align: middle;
}

/*title with line*/
.title-mjk-primary .lines {
	position: relative;
	display: block;
	margin: 15px auto 15px 0;
	width: 100px;
	border-bottom: 5px solid #f98341;
	z-index: 1;
}
.title-mjk-primary.text-center .lines {
	margin: 15px auto;
}
.title-mjk-primary.text-right .lines {
	margin: 15px 0 15px auto;
}

/* =Card
-------------------------------------------------------------*/
.card-mjk-box{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	position: relative;
	background-color: #ffffff;
}
.card-mjk-img{
	display: block;
	position: relative;
	background-color: #c1c1c1;
	overflow: hidden;
}
.card-mjk-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-img .card-mjk-label{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	padding: 10px 10px 15px 10px;
}
.card-mjk-img .card-mjk-label h3{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}
.card-mjk-desc{
	display: block;
	position: relative;
}
.card-mjk-desc{
	display: block;
	position: relative;
	margin: 0;
	padding: 15px 10px 15px;
}
.card-mjk-desc p{
	margin: 0;
	font-size: 14px;
}
.card-mjk-desc .card-mjk-sub{
	display: block;
}
.card-mjk-desc .card-mjk-sub i{
	color: #f98341;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 10px 0;
}
.card-mjk-desc .card-mjk-sub h3{
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #000000;
}
.card-mjk-action{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}
.card-mjk-box:hover .card-mjk-img img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: scale3d(1.03, 1.03, 1.03);
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	filter: brightness(70%);
	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
}

/*card primary version*/
.card-mjk-primary{
	margin-bottom: 3rem;
}
.card-mjk-primary .card-mjk-box{
	width: 250px;
}
.card-mjk-primary .card-mjk-img{
	width: 250px;
	max-height: 250px;
}
.card-mjk-primary:hover .card-mjk-desc .card-mjk-sub h3,
.card-mjk-primary:hover .card-mjk-desc .card-mjk-sub h3 time{
	color: #000000;
}
/*card primary version 2*/
.card-mjk-primary.cardfor-v2 .card-mjk-box{
	width: 100%;
}
.card-mjk-primary.cardfor-v2 .card-mjk-img{
	width: 100%;
	height: 100%;
}
.card-mjk-primary.cardfor-v2 .card-mjk-img .card-mjk-label {
	padding: 25px 25px 25px 25px;
}
.card-mjk-primary.cardfor-v2 .card-mjk-img .card-mjk-label h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
}
.card-mjk-primary.cardfor-v2 .card-mjk-img .card-mjk-label p {
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 0;
}
/*card Fall*/
.card-mjk-fall{
	display: flex;
	width: 100%;
	justify-content: flex-start;
	flex-direction: column;
	margin-bottom: 30px;
}
.card-mjk-fall-img{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.card-mjk-fall-img img{
	display: block;
	width: 100%;
	height: 100%;
	/*object-fit: cover;*/
	/*object-position: center;*/
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-fall-desc{
	display: block;
	position: relative;
	margin: 0;
	padding: 20px;
	background-color: #f5f5f5;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-fall-desc h2{
	color: #000000;
}
.card-mjk-fall-desc h3{
	color: #000000;
	font-weight: bold;
	font-size: 20px;
}
.card-mjk-fall-desc p{
	margin: 0;
	/*color: #616b77;*/
	color: #444444;
}
.card-mjk-fall-desc time,
.card-mjk-fall-desc p time{
	color: #666666;
	font-size: 14px;
}

.card-mjk-fall-action{
	display: flex;
	justify-content: flex-start;
}
.card-mjk-fall:hover .card-mjk-fall-desc{
	background-color: #eaeaea;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-fall:hover .card-mjk-fall-img img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: scale3d(1.03, 1.03, 1.03);
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	filter: brightness(70%);
	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
}


/*card fall VERSION 1*/
.card-mjk-fall-box.cardfor-v1 .card-mjk-fall-desc h4{
	font-size: 16px;
}
.card-mjk-fall-box.cardfor-v1.h-100 .card-mjk-fall-img {
	height: 100%;
}
.card-mjk-fall-box.cardfor-v1 .card-mjk-fall-img img{
	object-position: top center;
}

/*card fall VERSION 2*/
/*
.card-mjk-fall-box.cardfor-v2 .card-mjk-fall{
margin-bottom: 0;
}
*/
.card-mjk-fall-box.cardfor-v2 .card-mjk-fall-img{
	max-height: 200px;
}
.card-mjk-fall-box.cardfor-v2 .card-mjk-fall-desc h3{
	font-size: 22px;
}
.card-mjk-fall-box.cardfor-v2 .card-mjk-fall-desc time{
	display: block;
	font-size: 13px;
	color: #616b77;
	margin-bottom: 10px;
}
.card-mjk-fall-box.cardfor-v2.bg-clr-orange .card-mjk-fall-desc{
	background-color: #F9A46E;
}
.card-mjk-fall-box.cardfor-v2.bg-clr-orange:hover .card-mjk-fall-desc{
	background-color: #F99755;
}
.card-mjk-fall-box.cardfor-v2.bg-clr-orange .card-mjk-fall-desc h3,
.card-mjk-fall-box.cardfor-v2.bg-clr-orange .card-mjk-fall-desc h4,
.card-mjk-fall-box.cardfor-v2.bg-clr-orange .card-mjk-fall-desc p,
.card-mjk-fall-box.cardfor-v2.bg-clr-orange .card-mjk-fall-desc p b,
.card-mjk-fall-box.cardfor-v2.bg-clr-orange .card-mjk-fall-desc p strong{
	color: #ffffff;
}
.card-mjk-fall-box.cardfor-v2.givingdonate .card-mjk-fall-desc{
	padding: 25px 20px 25px;
}

/*card fall VERSION article*/
.card-mjk-fall-box.cardfor-article .card-mjk-fall-desc{
	padding: 20px 0 20px;
	background-color: #ffffff;
}
.card-mjk-fall-box.cardfor-article .card-mjk-fall-desc h3{
	font-size: 22px;
}

/*card fall VERSION related article*/
.card-mjk-fall-box.cardfor-related .card-mjk-fall-img.h-100{
	height: 100%;
	max-height: 100%;
}
.card-mjk-fall-box.cardfor-related .card-mjk-fall-desc{
	padding: 20px 0 20px;
	background-color: #ffffff;
}
.card-mjk-fall-box.cardfor-related .card-mjk-fall-desc h3{
	font-size: 18px;
}
.card-mjk-fall-box.cardfor-related .card-mjk-fall-action{
	padding: 10px 0 10px;
}

/*card fall VERSION headline*/
.card-mjk-fall-box.headline .card-mjk-fall{
	flex-direction: row;
}
.card-mjk-fall-box.headline .card-mjk-fall .card-mjk-fall-img{
	width: 70%;
	height: 100%;
}
.card-mjk-fall-box.headline .card-mjk-fall .card-mjk-fall-desc{
	background-color: transparent;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	width: 30%;
	padding: 0 30px 0;
}

/*card fall VERSION 3*/
.card-mjk-fall-box.cardfor-v3{
	position: relative;
}
.card-mjk-fall-box.cardfor-v3 .card-mjk-fall-img{
	height: 100%;
}
.card-mjk-fall-box.cardfor-v3 .card-mjk-fall-desc h3{
	font-size: 20px;
}
.card-mjk-fall-box.cardfor-v3 .card-mjk-fall-desc p {
	margin-bottom: 5px;
}
.card-mjk-fall-box.cardfor-v3 .card-mjk-summer-action {
	height: auto;
	bottom: -25px;
	right: -15px;
	top: auto;
}
.card-mjk-fall-box.cardfor-v3 .card-mjk-summer-action .btn-single {
	padding: 5px 30px 10px 5px;
}
.card-mjk-fall-box.cardfor-v3 .card-mjk-fall:hover .card-mjk-summer-action .btn-single{
	padding-right: 20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

/*card fall VERSION 4*/
.card-mjk-fall-box.cardfor-v4{
	border: 1px solid #eaeaea;
	background-color: #f5f5f5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 15px;
	position: relative;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.card-mjk-fall-box.cardfor-v4 .card-mjk-fall{
	margin-bottom: 0;
}
.card-mjk-fall-box.cardfor-v4 .card-mjk-fall-img{
	height: 100%;
	margin-bottom: 15px;
}
.card-mjk-fall-box.cardfor-v4 .card-mjk-fall-desc{
	background-color: transparent;
	padding: 0;
}
.card-mjk-fall-box.cardfor-v4 .card-mjk-fall-desc h3{
	font-size: 18px;
	margin-bottom: 5px;
}
.card-mjk-fall-box.cardfor-v4 .card-mjk-fall-desc h5{
	font-size: 13px;
	margin-bottom: 10px;
}
.card-mjk-fall-box.cardfor-v4 .card-mjk-fall-desc p{
	font-size: 16px;
	margin: 0;
}
.card-mjk-fall-box.cardfor-v4 .card-mjk-summer-action{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	bottom: unset;
	right: unset;
	top: unset;
	height: auto;
	padding: 15px 0 0;
}

/*card fall VERSION for career*/
.card-mjk-fall-box.cardfor-career .card-mjk-fall-img{
	height: 100%;
}
.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc p {
	font-size: 14px;
	margin-bottom: 5px;
}
.card-mjk-fall-box.cardfor-career {
	position: relative;
}
.card-mjk-fall-box.cardfor-career .card-mjk-summer-action {
	height: auto;
	bottom: -30px;
	top: auto;
}
.card-mjk-fall-box.cardfor-career .card-mjk-summer-action .btn-single {
	padding: 5px 30px 10px 5px;
}
.card-mjk-fall-box.cardfor-career .card-mjk-fall:hover .card-mjk-summer-action .btn-single{
	padding-bottom: 20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc {
	padding: 25px 20px 25px;
}
.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc-title h2 {
	font-size: 20px;
	color: #f36c21;
	font-weight: 600;
}
.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc-title h3 {
	font-size: 16px;
	color: #f36c21;
	font-weight: 600;
}
.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc h4 {
	font-size: 16px;
	font-weight: 600;
	color: #999999;
}
.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc h3.location {
	font-size: 14px;
	color: #f36c21;
	font-weight: 500;
}
.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc.card-collapse {
	padding-top: 0;
}

/*profile images object on top*/
.card-mjk-fall .card-mjk-fall-img img{
	/*object-position: top center;*/
}

/*card summer*/
.card-mjk-summer{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
.card-mjk-summer-img{
	display: block;
	overflow: hidden;
	position: relative;
	width: 40%;
}
.card-mjk-summer-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-action .btn-single:hover i{
	color: #F98341;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-mark{
	position: absolute;
	display: block;
	z-index: 5;
}
.card-mjk-summer-mark .btn-single{
	background-color: #fed35f;
	padding: 3px 10px 5px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-mark .btn-single i{
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-desc{
	display: block;
	position: relative;
	margin: 20px;
	width: 60%;
	padding: 60px;
	background-color: #eaeaea;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-desc h3{
	color: #f98341;
	font-weight: bold;
	font-size: 20px;
}
.card-mjk-summer-desc h4{
	font-size: 16px;
	color: #f98341;
	margin: 0;
	line-height: 30px;
}
.card-mjk-summer-desc p{
	margin: 0;
	color: #616b77;
}
.card-mjk-summer-action{
	position: absolute;
	display: block;
	z-index: 2;
	height: 100%;
	top: 0;
	right: 0;
}

.card-mjk-summer-social-network{
	display: block;
	position: relative;
	margin: 15px 0 10px;
}
.card-mjk-summer-social-network ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.card-mjk-summer-social-network li{
	display: inline-block;
	padding: 0 10px 0;
}
.card-mjk-summer-social-network li i{
	font-size: 18px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-social-network li:hover i{
	transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer:hover .card-mjk-summer-desc{
	background-color: #eaeaea;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer:hover .card-mjk-summer-img img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: scale3d(1.03, 1.03, 1.03);
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	filter: brightness(70%);
	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
}
.card-mjk-summer:hover .card-mjk-summer-img .card-mjk-summer-mark .btn-single{
	background: transparent;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer:hover .card-mjk-summer-img .card-mjk-summer-mark .btn-single i{
	color: #fed35f;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}



/*card summer VERSION 1*/
.card-mjk-summer-box.cardfor-v1 .card-mjk-summer-desc{
	padding-top: 50px;
	padding-bottom: 50px;
}
/*card summer VERSION 2*/
.card-mjk-summer-box.cardfor-v2 .card-mjk-summer-action .btn-mjk{
	position: absolute;
	right: 0;
	bottom: -25px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-box.cardfor-v2 .card-mjk-summer-action .btn-mjk i{
	margin-right: 0;
}
.card-mjk-summer-box.cardfor-v2 .card-mjk-summer:hover .card-mjk-summer-action .btn-mjk{
	bottom: -10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

/*card summer VERSION 2 fix-potrait*/
.card-mjk-summer-box.cardfor-v2 .card-mjk-summer-img.fix-potrait{
	height: auto;
	max-height: unset;
}
.card-mjk-summer-box.cardfor-v2 .card-mjk-summer-img.fix-potrait img{
	object-fit: contain;
	height: auto;
	max-height: 330px;
}

/*card summer VERSION 3*/
.card-mjk-summer-box.cardfor-v3 .card-mjk-summer-img{
	width: 50%;
	height: auto;
	z-index: 1;
}
.card-mjk-summer-box.cardfor-v3 .card-mjk-summer-desc{
	padding: 20px;
	width: 50%;
}
.card-mjk-summer-box.cardfor-v3 .card-mjk-summer-mark{
	bottom: 20px;
	left: 20px;
}
.card-mjk-summer-box.cardfor-v3 .card-mjk-summer-action .btn-single{
	position: absolute;
	right: -18px;
	top: 50%;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-box.cardfor-v3 .card-mjk-summer-action .btn-single:hover i{
	color: #F98341;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-box.cardfor-v3 .card-mjk-summer:hover .card-mjk-summer-action .btn-single{
	right: -10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

/*card summer VERSION 4*/
.card-mjk-summer-box.cardfor-v4 .card-mjk-summer{
	align-items: stretch;
	height: auto;
	min-height: 300px;
}
.card-mjk-summer-box.cardfor-v4 .card-mjk-summer-img{
	display: flex;
	align-self: center;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 50%;
	height: auto;
	min-height: 300px;
}
.card-mjk-summer-box.cardfor-v4 .card-mjk-summer-img img{
	object-position: top center;
}
.card-mjk-summer-box.cardfor-v4 .card-mjk-summer-desc{
	margin: 0 0 0 20px;
	padding: 20px;
	width: 50%;
}
.card-mjk-summer-box.cardfor-v4 .card-mjk-summer-desc.desc-left{
	margin: 0 20px 0 0;
}

/*card summer VERSION 4 at headline*/
.card-mjk-summer-box.cardfor-v4.headline .card-mjk-summer{
	align-items: stretch;
	/*height: 350px;*/
	min-height: 350px;
}
.card-mjk-summer-box.cardfor-v4.headline .card-mjk-summer-img{
	padding-top: 0;
	height: 100%;
	max-height: 100%;
	width: 60%;
}
.card-mjk-summer-box.cardfor-v4.headline .card-mjk-summer-desc{
	margin: 0 0 0 20px;
	padding: 6%;
	width: 40%;
}

/*card summer VERSION 4 at headline-50*/
.card-mjk-summer-box.cardfor-v4.headline-50 .card-mjk-summer{
	align-items: stretch;
	height: 340px;
}
.card-mjk-summer-box.cardfor-v4.headline-50 .card-mjk-summer-img{
	padding-top: 0;
	height: 100%;
	max-height: 100%;
	width: 50%;
}
.card-mjk-summer-box.cardfor-v4.headline-50 .card-mjk-summer-desc{
	margin: 0 0 0 20px;
	padding: 25px 50px 25px 50px;
	width: 50%;
}
/*card summer VERSION 4 at content-50*/
.card-mjk-summer-box.cardfor-v4.content-50 .card-mjk-summer{
	align-items: stretch;
	height: auto;
	min-height: 300px;
}
.card-mjk-summer-box.cardfor-v4.content-50 .card-mjk-summer-img{
	padding-top: 0;
	height: 100%;
	max-height: 100%;
	width: 50%;
}
.card-mjk-summer-box.cardfor-v4.content-50 .card-mjk-summer-desc{
	margin: 0 0 0 20px;
	padding: 20px;
	width: 50%;
}

/* name card campaign */
.name-xicampaign{
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	padding: 2px 8px 2px;
	border: 1px solid #f98341;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-align: left;
}
.name-xicampaign h4{
	color: #616b77;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0;
}
.name-xicampaign i{
	display: block;
	color: #F37020;
	font-size: 12px;
	line-height: 1;
}

/*card single*/
.card-mjk-single-box{
	display: block;
}
.card-mjk-single{
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
}
.card-mjk-single-img{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	max-height: 300px;
}
.card-mjk-single-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-position: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-single-desc{
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-single-action{
	position: absolute;
	display: block;
	z-index: 2;
	top: -30px;
	right: 0;
	width: 70%;
	height: 60px;
	padding: 10px 20px 10px 40px;
	background-color: #f5f5f5;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.card-mjk-single-action .btn-single{
	position: absolute;
	top: 12px;
	left: -10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-single-action .btn-single:hover i{
	color: #F98341;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-single-action h4{
	color: #f98341;
	font-weight: bold;
	font-size: 24px;
	margin: 0;
	line-height: 38px;
}
.card-mjk-single:hover .card-mjk-single-img img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: scale3d(1.03, 1.03, 1.03);
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	filter: brightness(70%);
	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
}
.card-mjk-single:hover .card-mjk-single-action .btn-single{
	left: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

/*card single v2*/
.card-mjk-single-box.cardfor-v2 .card-mjk-single-img {
	padding-left: 40px;
	max-height: unset;
	height: 300px;
}
.card-mjk-single-box.cardfor-v2 .card-mjk-single-img > [data-aspect-ratio]{
	background-color: transparent !important;
}
.card-mjk-single-box.cardfor-v2 .card-mjk-single-action .btn-single {
	right: -10px;
	top: 60px;
	left: auto;
}
.card-mjk-single-box.cardfor-v2 .card-mjk-single-action {
	left: 0;
	top: -80px;
	right: auto;
	height: auto;
	padding: 10px 20px 10px;
}
.card-mjk-single-box.cardfor-v2 .card-mjk-single-desc {
	height: 100px;
}

/*card donation*/
.list-cart-donation{
	display: block;
	position: relative;
}
.list-cart-donation ul{
	border-bottom: 1px solid #dddddd;
}

.card-mjk-cart-box{
	position: relative;
	display: block;
}
.card-mjk-cart{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	position: relative;
	margin-bottom: 30px;
}
.card-mjk-cart-img{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	overflow: hidden;
	width: 180px;
	height: auto;
}
.card-mjk-cart-img figure{
	height: auto;
}
.card-mjk-cart-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.card-mjk-cart-desc{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1;
	position: relative;
	margin: 0;
	padding: 0 20px 0;
}
.card-mjk-cart-desc h2{
	font-size: 14px;
	line-height: 1.4;
	color: #f98341;
	font-weight: 600;
	margin: 0;
}
.card-mjk-cart-desc h3{
	color: #000000;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
}
.card-mjk-cart-desc .custom-control-label{
	font-size: 16px;
}
.card-mjk-cart-desc-top{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0;
	width: 100%;
}
.card-mjk-cart-desc .cart-donation-option{
	margin-top: 15px;
}
.card-mjk-cart-action{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}
.card-mjk-cart-action a,
.card-mjk-cart-action i{
	font-size: 14px;
	color: #999999;
}

/*modal donation*/
.modal-donate-more{}
.modal-donate-more .modal-body{
	padding: 20px;
}

/* =Collapse
-------------------------------------------------------------*/
.collapse-mjk-item{}
.collapse-mjk-head{
	display: block;
	position: relative;
}
.collapse-mjk-link{
	display: block;
	width: 100%;
	border-bottom: 1px solid #dddddd;
}
.collapse-mjk-link[aria-expanded="true"]{
	border-bottom: none;
}
.collapse-mjk-link h4 {
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
}
.collapse-mjk-link span{
	float: right;
	text-align: center;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.collapse-mjk-link span i{
	color: #fed35f;
	font-size: 16px;
}

.collapse-mjk-head .collapse-mjk-link[aria-expanded="false"] .caret-show{
	display: inline-block;
}
.collapse-mjk-head .collapse-mjk-link[aria-expanded="true"] .caret-show{
	display: none;
}
.collapse-mjk-head .collapse-mjk-link[aria-expanded="false"] .caret-hide{
	display: none;
}
.collapse-mjk-head .collapse-mjk-link[aria-expanded="true"] .caret-hide{
	display: inline-block;
}
.collapse-mjk-body{
	border-bottom: 1px solid #dddddd;
}

/* =COLLAPSE PRO
-------------------------------------------------------------*/
.collapse-pro-item{}
.collapse-pro-head{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
.collapse-pro-link{
	display: block;
	width: 100%;
	border-bottom: 1px solid #dddddd;
	padding: 15px 50px 15px 0;
	position: relative;
}
.collapse-pro-link[aria-expanded="true"]{
	border-bottom: none;
}	
.collapse-pro-link h4 {
	font-size: 18px;
}
.collapse-pro-body{
	border-bottom: 1px solid #dddddd;
}

/*with navigation chevron*/
.collapse-pro-link.navigation-chevron[aria-expanded="false"]:after{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #999999;
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 18px;
	text-align: center;
	width: 30px;
	height: auto;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.collapse-pro-link.navigation-chevron[aria-expanded="true"]:after{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #999999;
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 18px;
	text-align: center;
	width: 30px;
	height: auto;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

/*with navigation plus*/
.collapse-pro-link.navigation-plus[aria-expanded="false"]:after{
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f98341;
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 18px;
	text-align: center;
	width: 30px;
	height: auto;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.collapse-pro-link.navigation-plus[aria-expanded="true"]:after{
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f98341;
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 18px;
	text-align: center;
	width: 30px;
	height: auto;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

/*collapse pro variant-2*/
.collapse-pro-box.variant-2{}
.collapse-pro-box.variant-2 .collapse-pro-link h4{
	margin-bottom: 0;
	font-size: 14px;
	color: #616b77;
}
.collapse-pro-box.variant-2 .collapse-pro-link.navigation-chevron[aria-expanded="false"]:after{
	color: #616b77;
	top: 11px;
}
.collapse-pro-box.variant-2 .collapse-pro-link.navigation-chevron[aria-expanded="true"]:after{
	color: #616b77;
	top: 11px;
}
.collapse-pro-box.variant-2 .collapse-pro-link[aria-expanded="true"]{
	border-color: #f98341;
}
.collapse-pro-box.variant-2 .collapse-pro-link[aria-expanded="false"]{
	background-color: #ffffff;
}
.collapse-pro-box.variant-2 .collapse-pro-link{
	padding-left: 15px;
	border-bottom: none;
	background-color: #ffffff;
	border: 1px solid #F5F5F5;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.collapse-pro-box.variant-2 .collapse-pro-body{
	border-bottom: none;
}
.collapse-pro-box.variant-2 .payment-method-ss-item{
	margin-bottom: 0;
	padding: 10px 0 0 0;
}
.collapse-pro-box.variant-2 .payment-method-ss-item li{
	margin: 0 10px 0 0;
}

/* =Slider
-------------------------------------------------------------*/
.globalslider-box{
	position: relative;
	display: block;
	width: 100%;
}
.globalslider{
	position: relative;
}
.globalslider div{
	position: relative;
}

.slickforstyle-box{
	position: relative;
}
.slickforstyle{
	position: relative;
	padding: 0;
}

.globalslider .card-mjk-primary{
	margin: 0 10px 20px 10px;
}
.globalslider-button{
	display: block;
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	z-index: 100;
}
.globalslider-prev,
.globalslider-next{
	position: absolute;
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.globalslider-prev i,
.globalslider-next i{
	font-size: 20px;
	line-height: 40px;
	color: #aeaeae;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 1;
}
.globalslider-prev:hover i,
.globalslider-next:hover i{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 0.6;
}
.globalslider-prev{
	left: -30px;
}
.globalslider-next{
	right: -30px;
}
.globalslider .card-mjk-fall-box {
	margin:0 10px 20px 10px;
}

/*single slider*/
.singleslider-box{
	position: relative;
	display: block;
	width: 100%;
}
.singleslider{
	position: relative;
}
.singleslider div{
	position: relative;
}
.singleslider-button{
	position: relative;
	top: -30px;
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 100;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.singleslider-prev,
.singleslider-next{
	display: block;
	cursor: pointer;
	margin-left: 30px;
}
.singleslider-prev i,
.singleslider-next i{
	font-size: 20px;
	line-height: 40px;
	color: #f98341;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 1;
}
.singleslider-prev:hover i,
.singleslider-next:hover i{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 0.6;
}
.singleslider .card-mjk-fall-box {
	margin:0 10px 20px 10px;
}

/* button variant-3 */
.globalslider-button.variant-2 .globalslider-prev,
.globalslider-button.variant-2 .globalslider-next{
	background-color: transparent;
}
.globalslider-button.variant-2 .globalslider-prev i,
.globalslider-button.variant-2 .globalslider-next i{
	color: #ffffff;
}

/*navigation dots*/
.myslider-mjk-dots{
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	width: 100%;
}
.myslider-mjk-dots .slick-dots{
	position: relative;
	bottom: 0;
	text-align: center;
	z-index: 5;
}
.myslider-mjk-dots .slick-dots li{
	margin: 0;
	height: auto;
	width: auto;
	padding: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.myslider-mjk-dots .slick-dots li button{
	text-align: center;
	height: 20px;
	width: 20px;
	padding: 0;
	line-height: 20px;
}
.myslider-mjk-dots .slick-dots li button:before{
	content: "";
	top: 5px;
	width: 10px;
	height: 10px;
	background-color: #999999;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.myslider-mjk-dots .slick-dots li.slick-active button:before{
	content: "";
	top: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.myslider-mjk-dots .slick-dots li.slick-active{
	width: 26px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

/*dots hero*/
.home-hero-box .slick-dotted.slick-slider{
	margin-bottom: 0;
}
.myslider-mjk-dots.hero-dots{
	bottom: 25px;
}
.myslider-mjk-dots.hero-dots .slick-dots{
	text-align: left;
	bottom: 5px;
}
.myslider-mjk-dots.hero-dots .slick-dots li button{
	text-align: center;
	width: 15px;
	height: 8px;
	padding: 0;
	margin: 0 8px 0 0;
	line-height: unset;
}
.myslider-mjk-dots.hero-dots .slick-dots li button:before{
	content: "";
	top: 0;
	width: 15px;
	height: 8px;
	background-color: #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.myslider-mjk-dots.hero-dots .slick-dots li.slick-active button:before{
	content: "";
	top: 0;
	width: 35px;
	height: 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.myslider-mjk-dots.hero-dots .slick-dots li.slick-active{
	width: 45px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

/* =Other Addon
-------------------------------------------------------------*/
/*Button Back to TOP*/
#BackToTop.active{
	display: block;
	opacity: 0.6;
}
#BackToTop{
	position: fixed;
	display: none;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin: 10px;
	padding: 0;
	background-color: #383838;
	text-align: center;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	cursor: pointer;
	border: 1px solid #555555;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
#BackToTop .fas{
	color: #f2f2f2;
	font-size: 18px;
	line-height: 34px;
}
#BackToTop:hover .fas{
	opacity: 0.5;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
#BackToTop.backtotop.variant-2{
	bottom: 70px;
	right: 20px;
}

/* =Image Ratio
-------------------------------------------------------------*/
[data-aspect-ratio] {
	display: block;
	max-width: 100%;
	position: relative;
	background-color: #eeeeee;
	max-height: 100%;
	overflow: hidden;
}
[data-aspect-ratio]:before {
	content: '';
	display: block;
}
/*[data-aspect-ratio] > img {
	display: block;
	height: auto !important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	max-width: 100%;
	margin: auto;
	}*/
	[data-aspect-ratio] > * {
		display: block;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		position: absolute;
		object-fit: cover;
	}
	/*for landscape*/
	[data-aspect-ratio="3:1"]:before {
		padding-top: 33.33%;
	}
	[data-aspect-ratio="15:7"]:before {
		padding-top: 48%;
	}
	[data-aspect-ratio="2:1"]:before {
		padding-top: 50%;
	}
	[data-aspect-ratio="16:9"]:before {
		padding-top: 56.25%;
	}
	[data-aspect-ratio="3:2"]:before {
		padding-top: 66.66%;
	}
	[data-aspect-ratio="4:3"]:before {
		padding-top: 75%;
	}
	/*for square fit*/
	[data-aspect-ratio="1:1"]:before {
		padding-top: 100%;
	}
	/*for potrait*/
	[data-aspect-ratio="3:4"]:before {
		padding-top: 133.33%;
	}
	[data-aspect-ratio="2:3"]:before {
		padding-top: 150%;
	}
	[data-aspect-ratio="9:16"]:before {
		padding-top: 177.77%;
	}
	[data-aspect-ratio="1:2"]:before {
		padding-top: 200%;
	}
	[data-aspect-ratio="1:3"]:before {
		padding-top: 300%;
	}

/* =EMPTY PAGE / BLANK PAGE
-------------------------------------------------------------*/
.empty-page-box {
	display: block;
	position: relative;
}
.empty-page {
	display: block;
	width: 90%;
	margin: 0 auto 0;
	text-align: center;
	height: auto;
}
.empty-page i {
	font-size: 80px;
	line-height: 100px;
	color: #666666;
	opacity: 0.6;
}

/*empty image*/
.empty-page-img img {
	display: block;
	width: 180px;
	height: auto;
	opacity: 1;
	margin: 0 auto;
}

/*image animation*/
.empty-page-img-anim {
	position: relative;
	display: block;
	width: 250px;
	margin: 0 auto;
}

.empty-page-img-anim .empty-img-shape {
	position: absolute;
	display: block;
	z-index: 1;
	bottom: 5px;
	left: 95px;
	width: 150px;
	-webkit-animation-name: ef-spin;
	animation-name: ef-spin;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-duration: 4s;
	-webkit-animation-duration: 4s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.empty-page-img-anim .empty-img-main {
	z-index: 2;
	position: relative;
}

/*empty title*/
.empty-page-title h1 {
	font-size: 7rem;
	font-weight: 300;
	color: #666666;
	font-family: 'Poiret One', cursive;
}
.empty-page-title h2 {
	font-size: 5rem;
	font-weight: 300;
	color: #666666;
	font-family: 'Poiret One', cursive;
}

/*empty desc*/
.empty-page-desc h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 2rem;
	font-weight: 400;
	color: #666666;
}
.empty-page-desc h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	color: #666666;
}
.empty-page-desc h5 {
	font-family: 'Poppins', sans-serif;
	font-size: 21px;
	font-weight: 400;
	color: #666666;
}
.empty-page-desc h6 {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
}
.empty-page-desc p {
	font-family: 'Poppins', sans-serif;
	color: #666666;
	font-size: 16px;
	line-height: 24px;
}

/*empty action*/
.empty-page-action .bg-grey {
	background-color: #999999;
}
.empty-page-action .bg-grey:hover {
	background-color: #777;
}

/* =MAINTENANCE PAGE versi 2
-------------------------------------------------------------*/
.maintenance-pro-box{
	position: relative;
	display: block;
	padding: 0;
}
.maintenance-pro-header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: flex-end;
	padding: 20px 20px 0;
}
.maintenance-pro-header .img-logo{
	display: block;
	width: auto;
	height: 40px;
}
.maintenance-pro-body{}
.maintenance-pro-content{
	display: flex;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.maintenance-pro-content-img {
	width: 100%;
	margin: 0 auto 30px;
}
.maintenance-pro-content-img img{
	display: block;
	width: 300px;
	height: auto;
	margin: 0 auto;
}
.maintenance-pro-content-desc h3{
	margin: 0 0 15px 0;
	text-align: center;
	font-size: 26px;
	line-height: 1.4;
}
.maintenance-pro-content-desc p{
	text-align: center;
	margin: 0;
	line-height: 1.6;
	font-size: 16px;
}
.maintenance-pro-content-footer{
	display: block;
	width: 100%;
	margin: 30px 0 0 0;
}
.maintenance-pro-content-footer ul{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
}
.maintenance-pro-content-footer li{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin: 0 10px 10px;
}

/* =EMPTY CONTENT
-------------------------------------------------------------*/
.empty-content-box {
	display: block;
	position: relative;
}
.empty-content{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 90%;
	margin: 0 auto 0;
	padding: 15px 0 15px;
	text-align: center;
	height: auto;
}
.empty-content-img {
	width: 90px;
	height: auto;
	margin: 0 auto 15px;
}
.empty-content-img img{
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
}
/*empty desc*/
.empty-content-desc h1,
.empty-content-desc h2,
.empty-content-desc h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #888888;
	margin-bottom: 5px;
	line-height: 1.2;
}
.empty-content-desc h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #888888;
	margin-bottom: 5px;
	line-height: 1.2;
}
.empty-content-desc h5 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #888888;
	margin-bottom: 5px;
	line-height: 1.2;
}
.empty-content-desc h6 {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #888888;
	margin-bottom: 5px;
	line-height: 1.2;
}
.empty-content-desc p {
	font-family: 'Poppins', sans-serif;
	color: #999999;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0;
}

/*empty action*/
.empty-content-action .bg-grey {
	background-color: #999999;
}
.empty-content-action .bg-grey:hover {
	background-color: #777;
}

/* = CONTENT
-------------------------------------------------------------*/
.content-mjk-list ul{
	list-style: none;
	padding: 0;
}
.content-mjk-list ul li {
	color: #ff8d11;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 15px;
}

/* = CONTACT
-------------------------------------------------------------*/
.contact-desc h3 {
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 20px;
	font-size: 24px;
}
.contact-desc ul li {
	position: relative;
	display: flex;
	margin-bottom: 10px;
}
.contact-desc ul li, .contact-desc ul li a {
	color: #ffffff;
	font-size: 16px;
}
.contact-desc ul li span {
	height:40px;
	width: 30px;
	float: left;
	font-size: 15px;

}

/* = TESTIMONY
-------------------------------------------------------------*/
.card-list-testimony:last-child {
	border-bottom: 1px solid transparent;
}
.card-list-testimony {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 15px 0 15px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.avatar-testimony {
	display: block;
	margin: 0px 20px 0px 0px;
}
.avatar-testimony-img {
	width: 130px;
	height: 130px;
	margin: 0 auto;
}
.avatar-testimony-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.content-testimony h3 {
	color: #666666;
	font-weight: bold;
	font-size: 18px;
}
.content-testimony.content-profile {
	display: block;
	margin: 0px 15px 0px 0px;
	width: 50%;
}

/* =SECONDARY MENU
-------------------------------------------------------------*/
.secondary-menu ol {
	padding-inline-start: 15px;
}
.secondary-menu ol li {
	font-size: 18px;
}
.secondary-menu ol li p{
	font-size: 1rem;
}
.secondary-menu .secondary-menu-child li p {
	margin-bottom: 0;
}
.secondary-menu .secondary-menu-child li:last-child p {
	margin-bottom: 1rem;
}
.sitemap ul li a {
	color: #999999;
}
.sitemap ul li a:hover {
	color: #f98341;
}
.sitemap ul{
	list-style-type: disc;
}
.sitemap ul.list-unstyled {
	padding-left: 0;
	list-style: none;
}

/* =Full calendar
-------------------------------------------------------------*/
.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
	color: #ffffff;
}
/* =Others
-------------------------------------------------------------*/
.hastaglabel h4{
	color: #00accb;
	font-size: 14px;
	font-weight: bold;
}
.hastaglabel h4 a {
	color: #00accb;
	font-size: 14px;
	font-weight: bold;
}
.hastaglabel h4 a:hover {
	color: #f86b54;
}
.poinlabel h4 {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
}
.poinlabel h4 i {
	margin-right: 10px;
}
.align-to-center {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}
.align-to-bottom {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	height: 100%;
}

/* =TABS
-------------------------------------------------------------*/

/*Default Tabs*/
.tabs-mjk-nav{
	position: relative;
}
.tabs-mjk-nav .nav-tabs{
	border-bottom: 1px solid #FEF3DF;
}
.tabs-mjk-nav .nav-tabs .nav-item{
	margin-bottom: unset;
	flex-grow: 1;
	text-align: center;
	margin-right: -1px;
}
.tabs-mjk-nav .nav-tabs .nav-item .nav-link{
	border: 1px solid #FEF3DF;
	background-color: #ffffff;
	color: #616b77;
	font-weight: 400;
}
.tabs-mjk-nav .nav-tabs .nav-item .nav-link:hover{
	background-color: #FEF3DF;
	color: #f98341;
	font-weight: 400;	
}
.tabs-mjk-nav .nav-tabs .nav-item.show .nav-link,
.tabs-mjk-nav .nav-tabs .nav-item.show .nav-link:hover,
.tabs-mjk-nav .nav-tabs .nav-link.active,
.tabs-mjk-nav .nav-tabs .nav-link.active:hover {
	background-color: #FEF3DF;
	color: #f98341;
	font-weight: 700;
}
.tabs-mjk-nav .nav-tabs .nav-item:not(:last-child) .nav-link {
	margin-right: 4px;
}

/*horizontal square tabs */
.tabs-square .tabs-mjk-nav {
	position: relative;
	border-left:1px solid #2055c7;
	border-right:1px solid #2055c7;
	border-top:1px solid #2055c7;
}
.tabs-square .tabs-mjk-nav .nav-tabs{
	border-bottom: 0;
}
.tabs-square .tabs-mjk-nav .nav-tabs .nav-item {
	margin-bottom: unset;
	flex-grow: 1;
	text-align: center;
	border-bottom: 1px solid #2055c7;
	margin-right: -1px;
}
.tabs-square .tabs-mjk-nav .nav-tabs .nav-item .nav-link {
	color: #999999;
	background-color: unset;
}
.tabs-square .tabs-mjk-nav .nav-tabs .nav-item .nav-link:hover {
	background-color: #2055c7;
	color: #ffffff;
	border-color: transparent;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}
.tabs-square .tabs-mjk-nav .nav-tabs .nav-item.show .nav-link, 
.tabs-square .tabs-mjk-nav .nav-tabs .nav-link.active {
	border-color: transparent;
	background-color: #2055c7;
	color: #ffffff;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}
.tabs-square .tabs-mjk-nav .nav-tabs .nav-item:not(:last-child) .nav-link{
	margin-right: 2px;
}
.tabs-mjk-content {
	padding:30px 0;
}

/*tabs horizontal variant 2*/
.tabs-mjk-box.variant-2 .tabs-mjk-nav{}

/*vertical tabs */
.tabs-vertical .tabs-mjk-nav {
	border-right: 1px solid #ddd;
}
.tabs-vertical .tabs-mjk-nav .nav {
	flex-direction: column;
}
.tabs-vertical .tabs-mjk-nav .nav h4{
	padding: .5rem 1rem;
}
.tabs-vertical .tabs-mjk-nav .nav-pills .nav-link {
	text-transform: capitalize;
	font-weight: bold;
}
.tabs-vertical .tabs-mjk-nav .nav-pills .nav-link:hover{
	color: #007bff;
}
.tabs-vertical .tabs-mjk-nav .nav-pills .nav-link.active, .tabs-vertical .tabs-mjk-nav .nav-pills .show>.nav-link {
	background-color: transparent;
	color: #007bff;
}

/*rounded horizontal tabs */
.tabs-rounded .tabs-mjk-nav {
	position: relative;
	border-radius: 40px;
	box-shadow: 0 2px 20px rgba(0,0,0,0.2);
	overflow: hidden;
	padding: 5px;
}
.tabs-rounded .tabs-mjk-nav .nav-tabs{
	border-bottom: 0;
}
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item {
	margin-bottom: unset;
	flex-grow: 1;
	text-align: center;
}
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item .nav-link {
	color: #999999;
	background-color: unset;
}
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item .nav-link:hover {
	background-color: #2055c7;
	color: #ffffff;
	border-color: transparent;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item.show .nav-link, 
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-link.active {
	border-color: transparent;
	background-color: #2055c7;
	color: #ffffff;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item.show:first-child .nav-link, 
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item:first-child .nav-link.active,
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item:first-child .nav-link:hover {
	border-radius: 40px 0 0 40px;
	-webkit-border-radius:40px 0 0 40px;
	-moz-border-radius: 40px 0 0 40px;
}
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item.show:last-child .nav-link, 
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item:last-child .nav-link.active,
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item:last-child .nav-link:hover {
	border-radius: 0 40px 40px 0; 
	-webkit-border-radius:0 40px 40px 0;
	-moz-border-radius: 0 40px 40px 0;
}
.tabs-rounded .tabs-mjk-nav .nav-tabs .nav-item:not(:last-child) .nav-link{
	margin-right: 2px;
}

/* =LAYOUT
-------------------------------------------------------------*/

/*article*/
.article{}
.article a{
	overflow-wrap: break-word;
	-webkit-overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-word-wrap: break-word;
	word-break: break-all;
	-webkit-word-break: break-all;
}
.article-title h1, 
.article-title h2,
.article-title h3, 
.article-title h4{
	font-weight: bold;
	color: #000000;
}
.article-title h1,
.article-title h2{
	font-size: 32px;
}
.article-date-box{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	padding: 10px 0 10px;
}
.article-date{
	display: block;
}
.foo-social-network.shared-social-network{
	margin: 0 0 10px 15px;
}

.circle-icon-border{
	display: inline-block;
	vertical-align: middle;
	margin: 0 1rem 0 0;
	background-color: #f98341;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 3px solid #ffffff;
	text-align: center;
	padding: 0;
}
.circle-icon-border i{
	color: #ffffff;
	font-size: 20px;
	line-height: 35px;
}

/*fancybox images*/
.fancybox img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.fancybox:hover img{
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	filter: brightness(60%);
	-webkit-filter: brightness(60%);
	-moz-filter: brightness(60%);
}

/*preview video */
.video-thumb{
	display: block;
	width: 100%;
	height: auto;
}
.video-thumb-img{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.video-thumb-img img{
	display: block;
	width: 100%;
	height: auto;
	/*object-position: center;*/
	/*object-fit: cover;*/
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.video-thumb-img:hover img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: scale3d(1.03, 1.03, 1.03);
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	filter: brightness(70%);
	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
}
.video-thumb-img iframe,
.video-thumb-img video{
	display: block;
	width: 100%;
	height: 400px;
}
.video-thumb-mark{
	position: absolute;
	display: block;
	width: 100%;
	padding: 10px 20px 20px;
	bottom: 0;
	z-index: 2;
}
.card-mjk-summer .card-mjk-summer-img .video-thumb{
	height: 350px;
}
.video-thumb-center .video-thumb-img .video-thumb-mark{
	display: block;
	margin: 0 auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	padding: 0;
	width: auto;
	height: 60px;
}
.video-thumb-center .video-thumb-img .video-thumb-mark .btn-play{
	text-align: center;
}
.video-thumb-center .video-thumb-img .video-thumb-mark .btn-play p{
	display: block;
	padding-left: 0;
}

/*mini video thumbnails*/
.video-thumb-mini-box{
	position: relative;
	display: block;
	z-index: 3;
	height: 30px;
}
.video-thumb-mini{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: auto;
	z-index: 4;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
	-webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;	
}

/*preview video*/
.preview-video{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.preview-video img{
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.preview-video iframe{
	display: block;
	width: 100%;
	height: auto;
}
.preview-video:hover img{
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: scale3d(1.03, 1.03, 1.03);
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
	filter: brightness(70%);
	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
}
.btn-youtube{
	position: absolute;
	display: block;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 40%;
	text-align: center;
	z-index: 2;
}
.btn-youtube i{
	display: block;
	font-size: 50px;
	opacity: 0.8;
	color: #ffffff;
}

.progress-mjk-boxed{
	border: 1px solid #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 20px 15px 20px;
}
.progress-mjk{
	display: block;
}
.progress-mjk .progress{
	height: 8px;
	background-color: #ffffff;
	margin-bottom: 10px;
}
.progress-mjk .progress-bar{
	background-color: #F37020;
}
.progress-mjk-desc-box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.progress-mjk-desc{
	margin: 0 0 5px 0;
}
.progress-mjk-desc p{
	font-size: 14px;
	color: #616b77;
}
.progress-mjk-desc p b,
.progress-mjk-desc p strong{
	color: #333333;
}
.progress-mjk-desc-box .progress-mjk-desc:first-child{
	text-align: left;
}
.progress-mjk-desc-box .progress-mjk-desc:last-child{
	text-align: right;
}

/*progress bar dashboard*/
.progress-mjk.progress-dash{
	padding-top: 20px;
	margin-bottom: 30px;
}
.progress-mjk.progress-dash .progress{
	height: 25px;
	background-color: #e0f2f1;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	overflow: visible;
}
.progress-mjk.progress-dash .progress-bar{
	background-color: #006662;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	position: relative;
}
.progress-bar .point-now{
	position: absolute;
	display: inline-block;
	width: auto;
	right: 0;
	top: 30px;
	padding: 0 5px 0;
	font-size: 15px;
	font-weight: bold;
	color: #006662;
	text-align: center;
}

/*wizard*/
ul.tpp-wizard-list{
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	z-index: 1;	
}
ul.tpp-wizard-list li{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
ul.tpp-wizard-list li.active .tpp-wizard-item h4,
ul.tpp-wizard-list li.finish .tpp-wizard-item h4,
ul.tpp-wizard-list li:first-child .tpp-wizard-item h4{
	color: #f98341;
}
ul.tpp-wizard-list li.active .tpp-wizard-item .stepo i,
ul.tpp-wizard-list li.finish .tpp-wizard-item .stepo i,
ul.tpp-wizard-list li:first-child .tpp-wizard-item .stepo i{
	color: #f98341;
	border-color: #ffcaad;	
}
ul.tpp-wizard-list li.active .tpp-wizard-item .stepo-line,
ul.tpp-wizard-list li.finish .tpp-wizard-item .stepo-line{
	border-color: #f98341;
}
.tpp-wizard-item{
	display: block;
	width: 180px;
	position: relative;
	text-align: center;
}
.tpp-wizard-item:hover .stepo i{
	cursor: pointer;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transform: scale3d(1.2 , 1.2 , 1.2);
	-webkit-transform: scale3d(1.2 , 1.2 , 1.2);
	-moz-transform: scale3d(1.2 , 1.2 , 1.2);
}
.tpp-wizard-item .stepo{
	display: block;
	position: relative;
	height: 30px;
	margin-bottom: 10px;
}
.tpp-wizard-item .stepo i{
	color: #999999;
	font-size: 16px;
	border: 5px solid #e1e1e1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: relative;
	z-index: 3;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.tpp-wizard-item .stepo-line{
	border-top: 3px solid #999999;
	position: absolute;
	top: 12px;
	right: 50%;
	display: block;
	width: 100%;
	z-index: 1;
}
.tpp-wizard-item h4 {
	font-size: 16px;
	margin: 0;
	text-transform: uppercase;
	color: #999999;
	margin: 0;
	text-align: center;
}

/* =WELCOME DIALOG
-------------------------------------------------------------*/
.welcomedialog-content .modal-body{
	padding: 0;
	position: relative;
}
.welcomedialog-content .close{
	position: absolute;
	top: 15px;
	line-height: 16px;
	right: 15px;
	text-shadow: none;
	z-index: 10;
}
.welcomedialog-content .modal-body .img-welcome{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.welcomedialog-form{
	display: block;
	position: absolute;
	top: 80px;
	right: 20px;
	z-index: 3;
	width: 220px;
}
.welcomedialog-form h1{
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
}
.welcomedialog-form .form-group label{
	color: #616b77;
}
.welcomedialog-form .form-group .form-control{
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background-color: #ffffff;
	border: none;
}
.welcomedialog-button{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 40px;
	z-index: 3;
}

/* =Home
-------------------------------------------------------------*/

/*Hero slider*/
.home-hero-box{
	position: relative;
	display: block;
}
.home-hero{
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
}

/*content image hero*/
.home-hero-img {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.home-hero-img img{
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: top center;	
}

/*content caption hero*/
.home-caption-box{
	position: absolute;
	width: 100%;
	left: 50%;
	bottom: 15%;
	transform: translate(-50%, -15%);
}
.home-caption{
	display: block;
	position: relative;
	margin: 0 auto;
	z-index: 3;
	width: 50%;
	bottom: 0;
	text-align: center;
	padding: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.home-caption h1, 
.home-caption h2{
	font-size: 40px;
	line-height: 1;
	font-weight: 700;
	color: #ffffff;
}
.home-caption p{
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	margin: 0;
}
.home-caption .btn{
	margin-top: 20px;
}

/* content slider - Hero slider*/
.home-hero-box .myslider-mjk-button-prev,
.home-hero-box .myslider-mjk-button-next{
	width: 9%;
}
.home-hero-box .slick-track{
	padding: 0;
}

/*button slider for global*/
.myslider-mjk-button-prev,
.myslider-mjk-button-next{
	position: absolute;
	top: 0;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	width: 60px;
}
.myslider-mjk-button-prev i,
.myslider-mjk-button-next i{
	font-size: 40px;
	color: #ffffff;
}
.myslider-mjk-button-prev{
	left: 0;
}
.myslider-mjk-button-next{
	right: 0;
}
.myslider-mjk-button-prev:hover,
.myslider-mjk-button-next:hover{
	opacity: 0.8;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

/*icon with circle boxed*/
.nav-circle-box{
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #ffffff;
	text-align: center;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);	
}
.nav-circle-box i{
	font-size: 20px;
	line-height: 40px;
	color: #aeaeae;
}

.section-home-highlight-category{
	padding: 60px 0 0 0;
}
.home-highlight-category{
	position: relative;
}
.highlight-category-box{
	position: relative;
	display: block;
	height: 110px;
	width: 100%;
	padding: 0;
	margin: 0;
	background: rgb(249,131,65);
	background: -moz-linear-gradient(126deg, rgba(249,131,65,1) 0%, rgba(249,131,65,1) 73%, rgba(255,236,179,1) 100%);
	background: -webkit-linear-gradient(126deg, rgba(249,131,65,1) 0%, rgba(249,131,65,1) 73%, rgba(255,236,179,1) 100%);
	background: linear-gradient(126deg, rgba(249,131,65,1) 0%, rgba(249,131,65,1) 73%, rgba(255,236,179,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f98341",endColorstr="#ffecb3",GradientType=1);
}
.highlight-category-box ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row;
}
.highlight-category-box li{}
.highlight-category-item{
	display: block;
	text-align: center;
	padding: 0 70px 0;
	position: relative;
	top: -43px;
}
.highlight-category-icon{
	position: relative;
	display: inline-block;
	background-color: #ffffff;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	border: 1px solid #f98341;
}
.highlight-category-icon i{
	display: block;
	color: #f98341;
	font-size: 30px;
	line-height: 90px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
.highlight-category-item:hover .highlight-category-icon i{
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	opacity: 0.9;
}
.highlight-category-item:hover h2{
	animation-name: tada;
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
}
.highlight-category-item h2{
	font-size: 20px;
	color: #ffffff;
	margin: 15px 0 0 0;
}

.section-home-intro{
	padding: 60px 0 60px;
}
.section-home-intro .title-mjk-primary{
	text-align: left;
}
.home-intro-intro{
	padding-left: 60px;
}
.home-intro-intro h2{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.section-home-intro .preview-video img,
.section-home-intro .preview-video iframe{
	height: 260px;
}

.section-home-sponsor{
	padding: 30px 0 30px;
}
.section-home-sponsor .select-mjk-group.versquare{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
}
.section-home-sponsor .title h1{
	font-size: 32px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 10px 0;
}
.section-home-sponsor .title p{
	margin: 0;
}
.home-sponsor-form-label label{
	font-size: 24px;
	color: #000000;
	margin: 0;
	margin-right: 20px;
	padding-top: 5px;
}
.home-sponsor-form-label{
	text-align: right;
}
.home-sponsor-form-input{
	text-align: left;
}

.section-home-work{
	padding: 60px 0 60px;
	background-color: #fafafa;
}
.section-home-work .title h1{
	font-size: 32px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 30px 0;
}

.section-home-article{
	padding: 60px 0 60px;
}
.section-home-article .title h1{
	font-size: 32px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 30px 0;
}

/*home section trust*/
.section-home-trust{
	padding: 60px 0 60px;
	background-color: #fafafa;
}
.home-trust-caption{}
.home-trust-caption h3{
	color: #000000;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 5px 0;
}
.home-trust-caption p{
	color: #444444;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}
.home-trust-caption-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.home-trust-caption-img i{
	font-size: 60px;
	color: #f98341;
}


/* =My Giving
-------------------------------------------------------------*/
.images-block-full{
	display: block;
	position: relative;
	width: 100%;
	max-height: 450px;
	overflow: hidden;
}
.images-block-full img{
	display: block;
	width: 100%;
	max-height: 450px;
	object-fit: cover;
	object-position: center;
	z-index: 1;
}
.images-block-full-caption{
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 42%;
	text-align: center;
}
.images-block-full-caption h3{
	font-size: 48px;
	color: #ffffff;
	margin: 0 auto;
	font-weight: 300;
}


/* =DASHBOARD
-------------------------------------------------------------*/
.title-dash{
	display: block;
	margin-bottom: 20px;
}
.title-dash h2{
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
.title-dash h3{
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}

.profile-header-box{}
.profile-header-box p{
	margin-bottom: 10px;
}
.profile-header{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.profile-header-img{
	display: block;
}
.profile-header-img img{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%; 
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
}
.profile-header-desc{
	display: block;
	padding-left: 20px;
}
.profile-header-desc h3{
	color: #000000;
	font-size: 26px;
	font-weight: bold;
}
.profile-header-desc h4{
	font-size: 16px;
}
.profile-header-contact{}
.profile-header-contact p{
	margin: 0;
}

.profile-photo-box{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	padding: 10px;
}
.profile-photo{
	display: block;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.profile-photo-img{
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 150px;
	height: 150px;
	border: 1px solid #dddddd;
	background-color: #232323;
	z-index: 1;
}
.profile-photo-img img{
	display: block;
	width: 150px;
	height: 150px;
	object-fit: contain;
	object-position: center;
	max-width: 100%;
	max-height: 100%;
}
.profile-photo-info{
	display: block;
	width: 100%;
	margin: 10px 0 10px;
}
.profile-photo-info p{
	text-align: center;
	font-size: 14px;
	color: #666666;
	margin: 0;
}
.profile-photo-error{
	font-size: 13px;
	margin: 0;
	line-height: 1.2;
	font-weight: 400;
	color: #ff0000;
	text-align: center;
}
.profile-photo-action{
	display: block;
	position: relative;
	width: 150px;
	margin: 10px auto 10px;
	z-index: 2;
}
.profile-photo-action:hover,
.profile-photo-action:hover input{
	cursor: pointer;
}
.profile-photo-action input[type="file"] {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	overflow: hidden;
	z-index: 3;
}


/* =ABOUT A CHILD SPONSORSHIP
-------------------------------------------------------------*/
.section-about-child-sponsorship-quote{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.section-about-child-sponsorship-quote img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	position: relative;
	z-index: 1;
}
.section-about-child-sponsorship-quote .caption-acs{
	position: absolute;
	bottom: 25%;
	left: auto;
	display: block;
	height: auto;
	z-index: 2;
	width: 500px;
}
.section-about-child-sponsorship-quote .caption-acs h3{
	margin: 0;
	font-size: 24px;
	line-height: 32px;
	color: #000000;
}

.docard{
	display: block;
	width: 250px;
	height: auto;
	margin: 0 auto 20px;
	position: relative;
}
.docard-number{
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
	height: 20px;
}
.docard-number h4{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	display: block;
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	padding: 0;
	color: #ffffff;
	background-color: #fed35f;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; 
}
.docard-desc{
	display: block;
	background-color: #ffffff;
	border: 1px solid #f5f5f5;
	padding: 60px 20px 20px 20px;
	text-align: center;
	height: 245px;
}
.docard-desc h3{
	color: #999999;
	font-size: 18px;
	font-weight: 500;
}
.docard-img{
	display: block;
	margin-bottom: 20px;
}
.docard-img img{
	display: block;
	width: auto;
	height: 90px;
	margin: 0 auto;
}
.docard-img i{
	color: #f98341;
	font-size: 90px;
	line-height: 90px;
}
.docard:hover .docard-number h4{
	background-color: #f98341;
	/*background-color: #31CA53;*/
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
}
.docard:hover .docard-img img,
.docard:hover .docard-img i{
	animation-name: wobble;
	-webkit-animation-name: wobble;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
}

.willcard-boxed{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}

.willcard{
	display: block;
	width: 250px;
	height: auto;
	margin: 0 15px 30px;
}
.willcard .willcard-img{
	display: block;
	background-color: #ffffff;
	width: 100%;
	padding: 20px 0 30px;
}
.willcard .willcard-img img{
	display: block;
	width: auto;
	height: 180px;
	max-height: 180px;
	margin: 0 auto;
}
.willcard .willcard-desc{
	display: block;
	background-color: transparent;
	position: relative;
	padding: 10px 0 10px;
	text-align: center;
}
.willcard .willcard-desc p{
	margin: 0;
}
.willcard .willcard-desc-title{
	display: flex;
	width: 100%;
	min-height: 30px;
	justify-content: center;
	align-items: center;
	background-color: #fed35f;
	padding: 0;
	margin-bottom: 10px;
	position: relative;
}
.willcard .willcard-desc-title::before{
	content: "";
	position: relative;
	left: 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 0 15px 5px;
	border-color: transparent transparent transparent #f5f5f5;
	transform: rotate(0deg);
}
.willcard .willcard-desc-title::after{
	content: "";
	position: relative;
	right: 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 5px 15px 0;
	border-color: transparent #f5f5f5 transparent transparent;
	transform: rotate(0deg);
}
.willcard .willcard-desc-title h3{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	width: 100%;
	padding: 5px 10px 5px;
	color: #000000;
	margin-bottom: 0;
	text-align: center;
}
.willcard .willcard-action{
	position: relative;
	margin: 0 auto 10px;
	padding: 0 15px 0;
	width: 100%;
	display: block;
}

/* extra more box - stand only*/
.willcard-action-more{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 30px;
	text-align: center;
	position: relative;
}
.willcard-action-more::before{
	content: "";
	display: block;
	position: absolute;
	bottom: 28px;
	height: 80px;
	width: 100%;
	z-index: 1;
	background: linear-gradient(270deg , rgba(255,255,255,0.3)0% , #ffffff 80%);
	background: -moz-linear-gradient(270deg , rgba(255,255,255,0.3)0% , #ffffff 80%);
	background: -webkit-linear-gradient(270deg , rgba(255,255,255,0.3)0% , #ffffff 80%);
}
.willcard-action-more a{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	z-index: 5;
}
.willcard-action-more.variant-gray::before{
	background: linear-gradient(270deg , rgba(245,245,245,0.3)0% , #f5f5f5 80%);
	background: -moz-linear-gradient(270deg , rgba(245,245,245,0.3)0% , #f5f5f5 80%);
	background: -webkit-linear-gradient(270deg , rgba(245,245,245,0.3)0% , #f5f5f5 80%);	
}

/*version 2*/
.willcard.version2 .willcard-img{
	width: 100%;
	height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.willcard.version2 .willcard-img img{
	width: 180px;
	height: 180px;
	max-height: unset;
}
.willcard.version2 .willcard-desc h3{
	margin: 0 0 5px 0;
	font-size: 20px;
	font-weight: 600;
	color: #232323;
}

/* version 3 */
.willcard.version-3{
	width: 100%;
	margin: 0;
}

/* version 4 */
.willcard.version-4{
	width: 100%;
	margin: 0;
}
.willcard.version-4 .willcard-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: auto;
	padding: 15px;
	margin: 0 auto;
}
.willcard.version-4 .willcard-img img{
	width: 100%;
	max-width: 100%;
	height: unset;
	max-height: unset;
}
.willcard.version-4 .willcard-desc{
	padding: 10px 15px 15px;
}
.willcard.version-4 .willcard-action{
	width: 100%;
	margin: 0 auto 10px;
	padding: 0;
}
.willcard.version-4 .willcard-action .btn-mjk{
	color: #000000 !important;
}
.willcard.version-4:hover .willcard-img{
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}


/* version 5 */
.willcard.version-5{
	width: 100%;
	margin: 0;
}
.willcard.version-5 .willcard-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: auto;
	padding: 15px;
	margin: 0 auto;
}
.willcard.version-5 .willcard-img img{
	width: 100%;
	max-width: 100%;
	height: unset;
	max-height: unset;
}
.willcard.version-5 .willcard-desc{
	padding: 10px 15px 15px;
}
.willcard.version-5 .willcard-action{
	width: 100%;
	margin: 0 auto 10px;
	padding: 0;
}
.willcard.version-5 .willcard-action .btn-mjk{
	color: #000000 !important;
}

/* card */
.kocard{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
}
.kocard .kocard-img{
	display: block;
	margin: 0 auto;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #ffffff;
	text-align: center;
	padding: 0;
}
.kocard .kocard-img img{
	display: block;
	width: auto;
	height: 70px;
	max-height: 70px;
	margin: 55px auto 0;
}
.kocard .kocard-img i{
	color: #f98341;
	font-size: 60px;
	line-height: 180px;
}
.kocard .kocard-desc{
	display: block;
	text-align: center;
	padding: 30px 0 20px;
}
.kocard .kocard-desc h3{
	font-size: 16px;
	font-weight: 700;
	color: #f98341;
	margin-bottom: 20px;
}
.kocard .kocard-desc p{
	margin-bottom: 0;
}
/*kocard simple version*/
.kocard.kocard-simple{
	margin-bottom: 0;
}
.kocard.kocard-simple .kocard-img img{
	height: 50px;
	max-height: 50px;
	margin: 65px auto 0;
}
.kocard.kocard-simple .kocard-img i{
	color: #ffffff;
	font-size: 40px;
}
.kocard.kocard-simple .kocard-desc{
	padding: 15px 0 0 0;
}
.kocard.kocard-simple .kocard-desc p{
	color: #ffffff;
	margin: 0;
}

/*testimonial slider*/
.sponsor-testimonial-slider-box{
	position: relative;
}
.sponsor-testimonial{
	display: flex;
	width: 100%;
	height: 400px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: #F46C22;
}
.sponsor-testimonial-img{
	display: flex;
	width: 50%;
	height: 100%;
	position: relative;
	justify-content: flex-end;
	flex-direction: row;
	flex-grow: 1;
}
.sponsor-testimonial-img img{
	display: block;
	width: auto;
	height: 100%;
	object-fit: contain;
	object-position: top;
}
.sponsor-testimonial-desc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 50%;
	flex-grow: 1;
	padding: 0 10% 0;
}
.sponsor-testimonial-desc p{
	color: #ffffff;
}
.sponsor-testimonial-desc .sponsor-testimonial-title{
	display: block;
	margin-bottom: 30px;
}
.sponsor-testimonial-desc .sponsor-testimonial-title h4{
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 15px;
}
.sponsor-testimonial-desc .sponsor-testimonial-title .line{
	display: block;
	width: 50px;
	border-bottom: 1px solid #ffffff;
	margin: 0;
}

.sponsor-testimonial-slider-button{
	display: block;
	position: absolute;
	top: 45%;
	right: 5%;
	width: 100%;
	z-index: 100;
}
.sponsor-testimonial-slider-prev{
	display: none;
}
.sponsor-testimonial-slider-next{
	position: absolute;
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	cursor: pointer;
}
.sponsor-testimonial-slider-next i{
	font-size: 20px;
	line-height: 40px;
	color: #ffffff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 1;
}
.sponsor-testimonial-slider-next:hover i{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 0.6;
}
.sponsor-testimonial-slider-next{
	right: 0;
}
.sponsor-testimonial-slider-box .slick-dots{
	bottom: 5px;
}
.sponsor-testimonial-slider-box .slick-dots li button::before{
	content: "•";
	font-size: 12px;
	color: #f2f2f2;
}

/*widget sponsor child*/
.section-banner-widget{
	display: block;
	position: relative;
	width: 100%;
	height: 0;
}
.widget-sponsorchild-box{
	display: block;
	margin: 10px auto 10px;
	background-color: rgba(249, 131, 65, 0.8);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	width: 340px;
	height: auto;
	padding: 15px;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	-webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	-moz-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
.widget-sponsorchild-title{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}
.widget-sponsorchild-title h3{
	font-size: 18px;
	color: #111111;
	font-weight: 900;
	line-height: 1;
	margin: 0;
}
.widget-sponsorchild{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.widget-sponsorchild-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	overflow: hidden;
}
.widget-sponsorchild-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}
.widget-sponsorchild-desc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 15px 0 10px;
}
.widget-sponsorchild-desc h3{
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 5px 0;
	color: #111111;
	text-align: center;
}
.widget-sponsorchild-desc h4{
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
	color: #111111;
	text-align: center;
}
.widget-sponsorchild-desc p{
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	margin: 10px 0 0 0;
	color: #111111;
	text-align: center;
}
.widget-sponsorchild-action{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}
.widget-sponsorchild-action .btn{
	color: #333333 !important;
}
.widget-sponsorchild-action .btn:hover{
	color: #ffffff !important;
}
.widget-sponsorchild-action a{
	font-size: 12px;
	font-weight: 600;
	color: #111111 !important;
}

/*Slider widget sponsor child*/
.sponsorchildwidget-box{
	display: block;
	position: absolute;
	z-index: 100;
	width: 350px;
	bottom: 60px;
	right: 6%;
}
.sponsorchildwidget-slider{
	position: relative;
}
.sponsorchildwidget-slider .slick-slide{
	position: relative;
	padding: 0;
}
.sponsorchildwidget-box .globalslider-button{
	top: 45%;
}
.sponsorchildwidget-box .globalslider-button .globalslider-prev{
	left: 0px;
}
.sponsorchildwidget-box .globalslider-button .globalslider-next{
	right: 0px;
}

/*faq sponsorchild*/
.roaming-scfaq-desktop{
	display: block;
	visibility: visible;
}
.roaming-scfaq-mobile{
	display: none;
	visibility: hidden;
}

/* = Media Center
-------------------------------------------------------------*/
.file-download{
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
.file-download-col{
	display: table-cell;
	width: auto;
	vertical-align: middle;
}
.file-download-col:last-child{
	width: 250px;
	text-align: right;
}
.file-download-img{
	display: table-cell;
	vertical-align: middle;
}
.file-download-img .circle-box{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #dddddd;
	text-align: center;
	width: 60px;
	height: 60px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.file-download-img i{
	color: #f98341;
	font-size: 24px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.file-download-desc{
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px 0 20px;
}
.file-download h3{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.file-download p{
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	color: #999999;
}
.file-download h5{
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	margin-right: 30px;
}
.file-download .file-download-col:last-child a{
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
}
.file-download .file-download-col:last-child a > i{
	margin-left: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.file-download:hover .file-download-img .circle-box{
	background-color: #f98341;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.file-download:hover h3{
	color: #f98341;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.file-download:hover .file-download-img i{
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: #ffffff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

/* = Dashboard General
-------------------------------------------------------------*/
.border-special{
	display: block;
	height: 100%;
	border-right: 1px solid #f98341;
}

/* = Dashboard Volunnter
-------------------------------------------------------------*/
.badges-list-box{
	position: relative;
	margin-bottom: 20px;
}
.badges-list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: flex-start;
}
.badges-list li{
	margin: 0 30px 30px 0;
	margin-right: 30px;
}
.badges-item{
	display: block;
	text-align: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #f1f8e9;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
}
.badges-item img{
	display: block;
	height: 100%;
	width: 100%;
}
.badges-list li:hover .badges-item{
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.badges-list li:hover .badges-point h5{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
}
.badges-point{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.badges-point h5{
	color: #006662;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.badges-total-point{
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 0 30px;
}
.badges-total-point h3{
	color: #006662;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
}
.ticket{
	display: table;
	width: 100%;
	padding: 20px 30px 20px;
	margin-bottom: 30px;
	background-color: #eaeaea;
}
.ticket .ticket-img{
	display: table-cell;
	vertical-align: middle;
	width: 150px;
	text-align: center;
}
.ticket .ticket-img img{
	display: block;
	width: auto;
	height: 70px;
	margin: 0 auto;
}
.ticket .ticket-img i{
	font-size: 70px;
	color: #666666;
}
.ticket .ticket-desc{
	display: table-cell;
	vertical-align: top;
	width: auto;
	padding-left: 30px;
}
.ticket .ticket-desc > h3{
	font-weight: 700;
	color: #f98341;
	font-size: 18px;
}
.ticket .ticket-desc > h4{
	font-size: 14px;
	color: #448aff;
	font-weight: 600;
}
.ticket .ticket-desc p{
	margin-bottom: 5px;
	color: #666666;
}
.ticket .ticket-desc p i{
	display: inline-block;
	margin-right: 10px;
}
.ticket .ticket-archievement{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}
.ticket .ticket-archievement li{
	margin: 0;
}
.ticket .ticket-archievement p{
	margin-bottom: 5px;
	color: #666666;
}
.ticket .ticket-archievement i{
	color: #666666;
	display: inline-block;
	margin-right: 10px;
}
.ticket .ticket-archievement.inline{
	justify-content: space-between;
	flex-direction: row;
}
.ticket .ticket-action{
	display: block;
	text-align: right;
	margin: 10px 0 0 0;
}
.ticket .ticket-action h4{
	font-size: 14px;
	color: #999999;
	padding-right: 30px;
}

/*gift*/
.ticket.gift{
	background-color: #e0f7fa;
}
.ticket.gift .ticket-img i{
	color: #00accb;
}
.ticket.gift.status-used{}
.ticket.gift.status-expired{
	background-color: #eeeeee;
}
.ticket.gift.status-expired .ticket-img i,
.ticket.gift.status-expired .ticket-desc p,
.ticket.gift.status-expired .ticket-archievement p,
.ticket.gift.status-expired .ticket-archievement i{
	color: #999999;
}
.ticket.gift.status-expired .ticket-img img{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
}

/*journey history*/
.ticket.journey{
	background-color: #fff0e8;
}
.ticket.journey .ticket-img i{
	color: #f98341;
}
.ticket.journey.status-done .ticket-desc-status span{
	color: #4caf50;
}
.ticket.journey.status-progress .ticket-desc-status span{
	color: #ffc107;
}
.ticket.journey.status-cancelled .ticket-desc-status span{
	color: #ff8a80;
}

/*merchandise*/
.merchandise-box{}

.merchandise-label{
	margin-bottom: 20px;
}
.merchandise-label h4{
	font-size: 18px;
	font-weight: 700;
	color: #333333;
}
.merchandise{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}
.merchandise .merchandise-img{
	display: flex;
	width: 200px;
	text-align: center;
}
.merchandise .merchandise-img img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	object-fit: cover;
	object-position: center;
}
.merchandise .merchandise-desc{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
	padding-left: 20px;
}
.merchandise .merchandise-desc > h3{
	font-weight: 700;
	color: #666666;
	font-size: 18px;
}
.merchandise .merchandise-desc p{
	margin-bottom: 5px;
	color: #666666;
}
.merchandise .merchandise-archievement{
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1;
}
.merchandise .merchandise-archievement li{
	margin: 0;
}
.merchandise .merchandise-archievement p{
	margin-bottom: 5px;
	color: #666666;
}
.merchandise .merchandise-archievement i{
	color: #666666;
	display: inline-block;
	margin-right: 10px;
}
.merchandise-box .merchandise-action{
	display: block;
	text-align: right;
	margin: 10px 0 0 0;
}

/* =Dashboard - My Sponsorship
-------------------------------------------------------------*/
.table-for-children-box{
	height: auto;
	max-height: unset;
}
.table-for-children-box.y-scroll{
	height: 710px;
	max-height: 710px;
	overflow-y: scroll;
	position: relative;
}
.y-scroll-shadow{
	display: block;
	position: relative;
}
.y-scroll-shadow:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 40px;
	background-color: rgba(255,255,255,0.8);
	filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	z-index: 10;
}

/*table summary*/
.table-for-children-summary .tbchildren-list td{
	width: 100%;
	display: block;
}
.table-for-children-summary .tbchildren-list tr td:first-child{
	font-size: 13px;
	font-weight: 400;
	color: #999999;
}
.table-for-children-summary .tbchildren-list tr td:last-child{
	font-weight: 500;
}

/*table page*/
.table-for-children thead tr th:first-child,
.table-for-children tbody tr td:first-child{
	width: 200px;
}
.table-for-children thead tr th:last-child,
.table-for-children tbody tr td:last-child{
	width: auto;
}
.table-for-children tbody > tr{
	border-bottom: 1px solid #dddddd;
}
.table-for-children .table-mjk-simple-secondary tbody tr{
	border-bottom: none;
}
.table-for-children .table-mjk-simple-secondary tbody tr td{
	padding: 0 0 5px 0 !important;
}
.table-for-children .tbchildren-list tr td:first-child{
	width: 160px;
	min-width: unset;
}
.table-for-children .tbchildren-list tr td:last-child{
	width: auto;
}
.table-for-children .tbchildren-list tr td{
	line-height: 1.2;
}

.card-mjk-personal{
	display: block;
	position: relative;
	width: 160px;
	height: auto;
}
.card-mjk-personal .card-mjk-personal-img{
	display: block;
	width: 160px;
	height: auto;
}
.card-mjk-personal .card-mjk-personal-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.card-mjk-personal .card-mjk-personal-action{
	margin-top: 10px;
}
.personal-do-areas{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.personal-do-areas-desc{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.personal-do-areas-desc p{
	margin-bottom: 8px;
}
.personal-do-areas-desc a{
	margin: 8px 0 8px;
}
.personal-do-areas-img-box{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #dddddd;
	padding: 10px;
}
.personal-do-areas-img{
	display: block;
	width: 90px;
	height: auto;
	margin-right: 15px;
}
.personal-do-areas-img:last-child{
	margin-right: 0;
}
.personal-do-areas-img img{
	display: block;
}

.givemore-list-item{
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
.givemore-list-item-desc{
	display: table-cell;
	width: auto;
	vertical-align: top;
	padding: 0 20px 0 0;
}
.givemore-list-item-desc h3{
	font-size: 18px;
	color: #000000;
	font-weight: 700;
}
.givemore-list-item-desc p{
	color: #616b77;
}
.givemore-list-item-action{
	display: table-cell;
	width: 210px;
	vertical-align: top;
	text-align: right;
}

/*Write a letter*/
.letter-mail-box{
	display: block;
	padding: 20px;
	border: 1px solid #dddddd;
}
.table-for-letter thead tr th:nth-child(1),
.table-for-letter tbody tr td:nth-child(1){
	
}
.table-for-letter thead tr th:nth-child(2),
.table-for-letter tbody tr td:nth-child(2){
	min-width: 180px;
}
.table-for-letter thead tr th:nth-child(3),
.table-for-letter tbody tr td:nth-child(3){
	min-width: 180px;
}

/*Calendar Events*/
.calendars{
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
}
.fc-toolbar h2{
	font-size: 18px;
	font-weight: 700;
	color: #333333;
}
.fc-right .fc-today-button{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #f98341;
}
.fc-toolbar.fc-header-toolbar{
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dddddd;
}
.fc-day-header{
	text-transform: uppercase;
	font-size: 16px;
	padding: 5px 0 20px !important;
}
.fc-day-header,
.fc-day-header span{
	font-weight: normal;
}

.fc-head-container,
.fc-unthemed .fc-row,
.fc-unthemed th, 
.fc-unthemed thead{
	border-color: transparent;
}

.fc-icon{
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	color: #f98341;
	font-size: 20px;
}
.fc-button{
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}
.fc-today .fc-day-number{
	color: #f98341;
	font-weight: bold;
}

.tooltiptopicevent{
	display: block;
	position: absolute;
	margin-top: -100px;
	width: auto;
	height: auto;
	background-color: #ffffff;
	padding: 15px 20px 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #dddddd;
	z-index: 30;
}
.tooltiptopicevent h3{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin: 0;
	line-height: 24px;
	display: block;
}
.tooltiptopicevent p{
	display: block;
	font-size: 14px;
	margin: 0;
	line-height: 24px;
}

/*giving history receipt table*/
.giving-receipt-box{
	display: block;
	position: relative;
	overflow: hidden;
}
.giving-receipt{
	display: block;
	padding: 0 20px 0;
}

/*invoice versi 2*/
.invoice-ace-box{}
.invoice-ace{
	font-size: 14px;
	color: #333333;
	margin: 0 !important;
	width: 100% !important;
	line-height: 1.4;
	-webkit-text-size-adjust: 100% !important;
	-ms-text-size-adjust: 100% !important;
	-webkit-font-smoothing: antialiased !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 2px solid #dddddd;
	padding: 0 50px 0;
}
.invoice-ace table{
	border-spacing: 0 !important;
}

.invoice-ace th,
.invoice-ace td {
	vertical-align: middle;
}

/*public shared sponsorship*/
.card-mjk-sun-box{
	display: block;
	position: relative;
	margin: 0 auto 20px;
}
.card-mjk-sun{
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	border-top: 8px solid #f98341;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.2);
	-moz-box-shadow: 0 1rem 3rem rgba(0,0,0,.2);
	background-color: #f98341;	
}
.card-mjk-sun-header{
	display: flex;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	justify-content: flex-end;
	z-index: 2;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.2);
}
.card-mjk-sun-header img{
	display: block;
	width: auto;
	height: 30px;
	margin: 0;
}
.card-mjk-sun-img{
	display: block;
	width: 100%;
}
.card-mjk-sun-img a{
	display: block;
	width: 100%;
	height: 100%;
}
.card-mjk-sun-img img{
	display: block;
	width: 100%;
	height: auto;
}
.card-mjk-sun-video{
	display: flex;
	width: 100%;	
}
.card-mjk-sun-desc{
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 15px 10px 15px;
}
.card-mjk-sun-title{
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.card-mjk-sun-title h3{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 1px;
	margin: 0;
	color: #ffffff;
	text-align: center;
}
.card-mjk-sun-tag{
	display: flex;
	width: 100%;
	justify-content: center;
	margin-bottom: 10px;
}
.card-mjk-sun-tag ul{
	display: flex;
	width: 80%;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
.card-mjk-sun-tag li{
	font-size: 14px;
	color: #ffffff;
	line-height: 1.4;
	margin: 0 3px 5px;
	text-align: center;
	padding: 2px 8px 2px;
	background-color: #ff6d1b;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.card-mjk-sun-footer{
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.card-mjk-sun-footer p{
	font-size: 10px;
	color: #804626;
	margin: 0;
	line-height: 1.4;
	text-align: center;
}


/* =CAMPAIGN
-------------------------------------------------------------*/
.banner-top.campaign{
	height: auto;
	max-height: unset;
}
.banner-top.campaign img{
	height: auto;
	max-height: unset;
}
.banner-top.campaign .banner-caption{
	width: 300px;
	left: auto;
	right: 8%;
	bottom: 15%;
	text-align: left;
}
.banner-top.campaign .banner-caption h2{
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	color: #f98341;
}
.banner-top.campaign .banner-caption h3{
	font-size: 30px;
	line-height: 28px;
	font-weight: 500;
	color: #f98341;
}
.banner-top.campaign .banner-caption p{
	color: #ffffff;
	font-size: 14px;
}

.card-campaign-split{
	display: flex;
	align-items: center;
}
.card-campaign-split h3{
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #333333;
}

.card-campaign-split-img{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
.card-campaign-split-img img{
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}
.card-campaign-split .card-mjk-fall .card-mjk-fall-desc{
	padding: 20px 0 20px;
	background-color: transparent;
}
.card-campaign-split .card-mjk-fall:hover .card-mjk-fall-desc{
	background-color: transparent;
}

.section-campaign-intro{
	position: relative;
	background-color: #FBE1D0;
	padding: 80px 0 80px;
	z-index: 2;
}
.section-campaign-intro .img-campaign-intro{
	display: block;
	position: absolute;
	top: 0;
	object-fit: cover;
	object-position: top center;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/* =Career Portal
-------------------------------------------------------------*/
.sidebar-career-job-box{}
.sidebar-career-job{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar-career-job li{
	border-bottom: 1px solid #dddddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.sidebar-career-job li:last-child{
	border-bottom: none;
}
.sidebar-career-job-item{
	display: block;
}
.sidebar-career-job-label{
	display: block;
}
.sidebar-career-job-label h4{
	font-size: 18px;
	margin-bottom: 10px;
	color: #000000;
}
.list-career-job-header{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dddddd;
	min-height: 40px;
}
.list-career-job-header h4{
	font-size: 18px;
	margin: 0;
	color: #000000;
}
.list-career-job-header p{
	font-size: 16px;
	margin: 0;
}
.list-career-job{
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
.list-career-job > li{
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}
.list-career-job > li:last-child{
	border-bottom: none;
}
.card-job{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	padding-right: 50px;
}
.card-job-desc{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
}
.card-job-desc h3{
	font-size: 24px;
	color: #f98341;
}
.card-job-desc h4{
	font-size: 14px;
	color: #999999;
}
.card-job-desc p{
	margin-bottom: 0;
}
.card-job-caption{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	width: 100%;
}
.card-job-date{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.card-job-date li{
	margin-bottom: 20px;
}
.card-job-date h5{
	font-size: 16px;
	color: #000000;
	font-weight: 700;
	padding: 0;
}
.card-job-date p{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}
.card-job-caption .btn{
	width: 180px;
	margin-top: 20px;
}
.card-job-caption .status-approved{
	color: #4DBF98;
}
.card-job-caption .status-reason{
	color: #13B0CD;
}
.card-job-caption .status-decline{
	color: #A0614C;
}

/*version 2*/
.card-job.version2{
	flex-direction: row;
}
.card-job.version2 .card-job-desc{
	padding-right: 30px;
	width: auto;
	flex: 1;
}
.card-job.version2 .card-job-caption{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	width: 180px;
}
.card-job.version2 .card-job-caption .btn{
	width: 100%;
}

/*card jobs variant-3*/
.card-job.variant-3{
	padding-right: 0;
}

/*card jobs variant-4*/
.card-job.variant-4{
	padding-right: 0;
	flex-direction: row;
}
.card-job.variant-4 .card-job-desc{
	padding-right: 30px;
	width: auto;
	flex: 1;
}
.card-job.variant-4 .card-job-caption{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	width: 180px;
}
.card-job.variant-4 .card-job-caption .btn{
	width: 100%;
}

/*card jobs variant-5*/
.card-job.variant-5{
	flex-direction: row;
	padding-right: 0;
}
.card-job.variant-5 .card-job-desc{
	padding-right: 20px;
	flex: 1;
}
.card-job.variant-5 .card-job-date{
	width: 100%;
}
.card-job.variant-5 .card-job-caption{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	width: 200px;
	background-color: #f5f5f5;
	padding: 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.card-job.variant-5 .card-job-caption .btn{
	margin-top: 10px;
	width: 100%;
}
.card-job.variant-5 .card-job-caption .card-job-date li{
	margin-bottom: 10px;
}
.card-job.variant-5 .card-job-caption .card-job-date h5{
	margin-bottom: 5px;
}
.card-job.variant-5 .card-job-caption .card-job-date p{
	font-size: 14px;
	margin-bottom: 0;
}




/*career detail*/
.career-job-detail-box .card-job-caption{
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	padding-top: 50px;
}
.career-job-detail-box .card-job-caption .btn{
	width: 100%;
}
.career-job-detail{

}
.career-job-detail-title{
	display: block;
	margin-bottom: 20px;
}
.career-job-detail-title h1{
	font-size: 30px;
	font-weight: 700;
	color: #000000;
}
.career-job-detail-header{
	display: block;
	padding: 15px 0 5px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 30px;
}
.career-job-detail-header label{
	font-size: 14px;
	margin-bottom: 0;
}
.career-job-detail-header p{
	font-size: 14px;
	color: #000000;
	margin-bottom: 0;
}
.career-job-detail-desc{
	margin-bottom: 30px;
}
.career-job-detail-desc-overflow{
	padding: 20px 0 20px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 340px;
	max-height: 340px;
}

/*career detail variant 5*/
.career-job-detail-box.variant-2 .card-job-caption{
	background-color: #f5f5f5;
	padding: 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.career-job-detail-box.variant-2 .card-job-caption .card-job-date li{
	margin-bottom: 10px;
}
.career-job-detail-box.variant-2 .card-job-caption .card-job-date h5{
	margin-bottom: 5px;
}
.career-job-detail-box.variant-2 .card-job-caption .card-job-date p{
	font-size: 14px;
	margin-bottom: 0;
}

/* =Update 12 Mei 2020
-------------------------------------------------------------*/
/*volunteer*/
.card-mjk-primary.for-volunteer-option-form{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-primary.for-volunteer-option-form .card-mjk-box{
	width: auto;
}
.card-mjk-primary.for-volunteer-option-form .card-mjk-img{
	width: auto;
	max-height: unset;
}
.card-mjk-primary.for-volunteer-option-form .card-mjk-label{
	padding: 15px 10px 20px 10px;
	background-color: #f98341;
}
.card-mjk-primary.for-volunteer-option-form .card-mjk-label h3{
	font-size: 16px;
}
.card-mjk-primary.for-volunteer-option-form:hover{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: scale3d(1.05, 1.05, 1.05);
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-moz-transform: scale3d(1.05, 1.05, 1.05);
}
.card-mjk-primary.for-volunteer-option-form:hover .card-mjk-img img{
	transform: none;
}

/* =Update 23 Juni 2020
-------------------------------------------------------------*/
.coorporate-logo-list{
	display: flex;
	justify-content: center;
	align-items: center;
}
.coorporate-logo-img-box{
	display: block;
	position: relative;
}
.coorporate-logo-img-box:hover img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
}
.coorporate-logo-img{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.coorporate-logo-img img{
	display: block;
	margin: 0 auto;
	max-height: 120px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

/* =Update 14 Juli 2020 (from extra custom)
-------------------------------------------------------------*/

/* status error input type email */
#email_exist {
	display: block;
	position: relative;
	padding: 2px 5px 2px;
	font-size: 12px;
	font-weight: 300;
	text-transform: none;
	color: #FF0000 !important;
}

.overlay-dark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(0, 0, 0, .3);
}

.overlay-white {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(255, 255, 255, .5);
}

#resource-magazine .zindex-1 {
	z-index: 1 !important;
}
#resource-magazine .bg-splitter {
	background-color: #f9f9f9;
	height: 35rem;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 0;
	margin-top: 200px;
}

/*belum ketemu*/
.card-campaign-title {
	color: #000000;
}

/* =Update 31 Agustus 2020
-------------------------------------------------------------*/
.card-bdpledge-box{
	display: block;
	position: relative;
}
.card-bdpledge{
	display: flex;
	flex-direction: row;
	width: 100%;
	border: 1px solid #dddddd;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-bdpledge:hover{
	background-color: #f5f5f5;
	border: 1px solid #999999;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	cursor: pointer;	
}
.card-bdpledge .card-bdpledge-img{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 60px;
}
.card-bdpledge .card-bdpledge-img i{
	color: #f98341;
	font-size: 24px;
	text-align: center;
}
.card-bdpledge .card-bdpledge-desc{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 1;
	padding-left: 10px;
}
.card-bdpledge .card-bdpledge-desc h3{
	color: #333333;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 600;
	margin: 0 0 10px 0;
}
.card-bdpledge .card-bdpledge-desc h3 a{
	color: #333333;
}
.card-bdpledge .card-bdpledge-desc h3 a:hover{
	color: #777777;
}
.card-bdpledge .card-bdpledge-desc h5{
	font-size: 16px;
	line-height: 1.2;
	font-weight: 500;
	margin-bottom: 5px;
	color: #999999;
}
.card-bdpledge .card-bdpledge-desc p{
	font-size: 14px;
	line-height: 1.2;
	font-weight: 400;
	margin-bottom: 5px;
	color: #999999;
}
.card-bdpledge .card-bdpledge-desc i{
	width: 15px;
	font-size: 12px;
}
.card-bdpledge .card-bdpledge-action{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
}
.card-bdpledge .card-bdpledge-action ul{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.card-bdpledge .card-bdpledge-action li{
	display: flex;
	width: auto;
}
.card-bdpledge-box .card-bdpledge-status{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
	padding: 3px 10px 3px;
	background-color: #f5f5f5;
	border: 1px solid #999999;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	width: auto;
	color: #888888;
	letter-spacing: 1px;
	margin: 15px 0 10px;
}
.card-bdpledge-box .card-bdpledge-status i{
	font-size: 10px !important;
}
.card-bdpledge-box.status-active .card-bdpledge-status{
	border-color: #00974B;
	color: #00974B;
}
.card-bdpledge-box.status-active .card-bdpledge-status i{
	color: #00974B;
}
.card-bdpledge-box.status-draft .card-bdpledge-status{
	border-color: #0080FF;
	color: #0080FF;
}
.card-bdpledge-box.status-draft .card-bdpledge-status i{
	color: #0080FF;
}
.card-bdpledge-box.status-pending .card-bdpledge-status{
	border-color: #808040;
	color: #808040;
}
.card-bdpledge-box.status-pending .card-bdpledge-status i{
	color: #808040;
}
.card-bdpledge-box.status-cancel .card-bdpledge-status{
	background-color: #FF0000;
	border-color: #FF0000;
	color: #ffffff;
}
.card-bdpledge-box.status-cancel .card-bdpledge-status i{
	color: #ffffff;
}
.card-bdpledge-box.status-expired .card-bdpledge{
	background-color: #dddddd;
}
.card-bdpledge-box.status-expired .card-bdpledge:hover{
	border-color: #dddddd;
}
.card-bdpledge-box.status-expired .card-bdpledge-status{
	background-color: #666666;
	color: #ffffff;
}
.card-bdpledge-box.status-expired .card-bdpledge-status i{
	color: #ffffff;
}
.card-bdpledge-box.status-expired .card-bdpledge-img i{
	color: #999999;
}

/* =Update 29 September 2020
-------------------------------------------------------------*/
/*Campaign Hero*/
.banner-top-campaign-hero{}
.banner-top-campaign-hero .banner-caption{
	bottom: 40%;
}
.banner-top-campaign-hero .banner-caption h1{
	color: #ffffff;
	font-size: 32px;
	font-weight: 700;
	margin: 0 auto;
	width: 100%;
}

/*upload galllery*/
.fupload-area-box{}
.fupload-area-box > p{
	font-size: 14px;
	font-style: italic;
	margin: 5px 0 5px;
}
.fupload-area{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 2px dashed #dddddd;
	padding: 10px;
	background-color: #ffffff;
	margin-bottom: 5px;
}
.fupload-area .image-uploader{
	border: none;
	min-height: 120px;
}
.fupload-area .image-uploader .uploaded{
	padding: 0;
}
.fupload-area .image-uploader .uploaded .uploaded-image{
	display: inline-block;
	background-color: #000000;
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.fupload-area .image-uploader .uploaded .uploaded-image img{
	display: block;
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.fupload-area .image-uploader .uploaded .uploaded-image .delete-image{
	display: block;
	z-index: 5;
}
.fupload-area .image-uploader .upload-text:hover{
	cursor: pointer;
}
.fupload-area .image-uploader .upload-text i{
	font-size: 2.5rem;
	color: #999999;
}
.fupload-area .image-uploader .upload-text span{
	font-size: 14px;
}

/*banner*/
.fupload-area.single .image-uploader{
	min-height: 180px;
}
.fupload-area.single .image-uploader .uploaded .uploaded-image{
	display: block;
	background-color: #000000;
	position: relative;
	width: 100%;
	height: 180px;
	margin: 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
}
.fupload-area.single .image-uploader .uploaded .uploaded-image img{
	display: block;
	object-fit: contain;
	object-position: center;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	z-index: 1;
}
.fupload-area .image-uploader .uploaded .updo-pro-image .updo-pro-delete{
	z-index: 5;
}

/* image uploader variant 2 */
.fupload-area-box.variant-2 .fupload-area{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	position: relative;
}
.fupload-area-box.variant-2 .fupload-area img{
	display: block;
	width: 100%;
	height: auto;
}

/* extra custome button delete */
.fupload-area-box .fupload-action-delete{
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 15px;
	width: 32px;
	height: 32px;
	padding: 0.3rem;
	background-color: rgba(0,0,0,.5);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	z-index: 5;
}
.fupload-area-box .fupload-action-delete i{
	display: block;
	color: #ffffff;
	font-size: 16px;
}

/*status article campaign hero*/
.campaign-article-status{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	padding: 10px 15px 10px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border: 1px solid #cccccc;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 2px;
	color: #ffffff;
	margin-bottom: 0;
}
.campaign-article-status i{
	font-size: 16px;
}
.campaign-article-status.status-publish{
	border: 1px solid #00974B;
	color: #00974B;
}
.campaign-article-status.status-draft{
	border: 1px solid #0080FF;
	color: #0080FF;
}
.campaign-article-status.status-pending{
	border: 1px solid #808040;
	color: #808040;
}
.campaign-article-status.status-cancel{
	background-color: #FF5858;
	border: 1px solid #FF5858;
	color: #ffffff;
}
.campaign-article-status.status-expired{
	background-color: #666666;
	border: 1px solid #666666;
	color: #ffffff;
}

/*float button*/
.float-action-box{
	display: block;
	position: fixed;
	z-index: 300;
	bottom: 85px;
	right: 20px;
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.float-action{
	display: block;
}
.campg-float{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
	position: relative;
	-webkit-animation-name: wobble;
	animation-name: wobble;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1s;
	animation-iteration-count: 1s;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.campg-float:hover{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.campg-float:hover .campg-float-img img{
	transform: scale3d(1.03, 1.03, 1.03);
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
}
.campg-float .campg-float-img{
	display: block;
	position: relative;
}
.campg-float .campg-float-img img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

/* =Update 14-12-2020
-------------------------------------------------------------*/
/*payment*/
.order-countdown-ss-box{
	display: block;
	width: 100%;
	border: 1px solid #f86b54;
	background-color: #ffcaad;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 10px 20px 10px;
	margin-bottom: 30px;
}
.order-countdown-ss{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.order-countdown-ss h3{
	font-size: 18px;
	color: #666666;
	margin: 0;
	line-height: 1.4;
}
.order-countdown-ss h4{
	font-size: 16px;
	font-weight: 400;
	color: #232323;
	line-height: 1.4;
	margin: 0;
}

.order-summary-ss-box{
	display: block;
	width: 100%;
}
.order-summary-ss-title{
	display: block;
	margin-bottom: 25px;
}
.order-summary-ss-title h3{
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	line-height: 1;
	color: #f98341;
}
.order-summary-ss-header{
	margin-bottom: 30px;
}
.order-summary-ss-header .data-mjk-list{
	font-size: 14px;
}
.order-summary-ss-header .data-mjk-list .row{
	margin-bottom: 5px;
}
.order-summary-ss-list{}

/*table*/
.table-summary-ss{}
.table-summary-ss thead{}
.table-summary-ss tbody{}

.table-summary-ss th,
.table-summary-ss td{
	font-size: 14px;
	padding: 5px;
}
.table-summary-ss th{
	border-top: none;
	border-bottom: 1px solid #dddddd;
}
.table-summary-ss td{
	border: none;
}
.table-summary-ss th:first-child,
.table-summary-ss td:first-child{
	width: 40px;
}

.order-total-ss-box{
	display: block;
	width: 100%;
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 20px;
	margin-bottom: 30px;
}
.order-total-ss{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.order-total-ss h4{
	font-size: 16px;
	line-height: 1;
	margin: 0;
}
.order-total-ss h3{
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	line-height: 1;
}

.payment-method-ss-box{
	display: block;
	width: 100%;
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 20px;
}
.payment-method-ss-title{
	display: block;
	margin-bottom: 25px;
}
.payment-method-ss-title h3{
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	line-height: 1;
	color: #f98341;
}

.payment-method-ss-list{
	display: block;
	margin-bottom: 30px;
}
.payment-method-ss-item{
	margin-bottom: 10px;
}
.payment-method-ss-item h5{
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}
.payment-method-ss-item ul{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.payment-method-ss-item li{
	display: flex;
	margin: 5px;
}
.payment-method-ss-item .ss-selectbox{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5px;
	min-height: 70px;
}
.payment-method-ss-item .ss-selectbox img{
	display: block;
	width: auto;
	height: 20px;
	max-height: 20px;
	margin: 0 auto 5px;
}
.payment-method-ss-item .ss-selectbox p{
	font-size: 12px;
	margin: 0;
	line-height: 1;
	text-align: center;
}
.payment-method-ss-item .radio-mjk-modern.small label{
	width: 150px;
	min-width: 120px;
}
.payment-method-ss-action{
	border-top: 1px solid #dddddd;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 20px 0 0 0;
	margin: 30px 0 0 0;
}
.payment-method-ss-action button:first-child{
	display: flex;
	order: 1;
}
.payment-method-ss-action button:last-child{
	display: flex;
	order: 2;
}

/*variant 2*/
.variant-abtest-c .payment-method-ss-item.variant-2 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	width: 100%;
}
.variant-abtest-c .payment-method-ss-item.variant-2 li{
	display: block;
	width: 100%;
}
.variant-abtest-c .payment-method-ss-item.variant-2 .radio-mjk-modern{
	width: 100%;
}
.variant-abtest-c .payment-method-ss-item.variant-2 .radio-mjk-modern label{
	width: 100%;
}

/*variant vertical*/
.payment-method-ss-item.variant-list-vertical ul{
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}
.payment-method-ss-item.variant-list-vertical li{
	display: block;
	width: 100%;
}
.payment-method-ss-item.variant-list-vertical .vlv-itemssselect .radio-mjk-modern.small label{
	min-width: unset;
	width: 100%;
}
.payment-method-ss-item.variant-list-vertical .vlv-itemssselect .ss-selectbox{
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	padding: 5px 10px 5px;
	min-height: 50px;
}
.payment-method-ss-item.variant-list-vertical .vlv-itemssselect .ss-selectbox img{
	display: block;
	width: auto;
	max-width: 100px;
	height: auto;
	max-height: 30px;
	margin: 0 10px 0 0;
}
.payment-method-ss-item.variant-list-vertical .vlv-itemssselect .ss-selectbox p{
	text-align: left;
	font-size: 14px;
}

/* checkout donate review*/
.checkout-donate-review{}
.checkout-donate-review .cdr-title-head{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
}
.checkout-donate-review .cdr-title-head i{
	font-size: 28px;
	margin-bottom: 10px;
}
.checkout-donate-review .cdr-title-head h4{
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
}
.checkout-donate-review .donation-otd-title{
	margin-bottom: 10px;
}
.checkout-donate-review .donation-otd-title i{
	font-size: 13px;
}
.checkout-donate-review .donation-otd-title h3{
	font-size: 16px;
	line-height: 1;
	font-weight: 600;
}
.checkout-donate-review .card-otd-box .card-otd-img{
	width: 90px;
}
.checkout-donate-review .card-otd-box .card-otd-desc{
	padding-left: 15px;
}
.checkout-donate-review .card-otd-box .card-otd-desc h3,
.checkout-donate-review .card-otd-box.variant-3 .card-otd-desc h3{
	font-size: 14px;
	font-weight: 400;
}
.checkout-donate-review .donation-otd-identity-valid p{
	font-size: 14px;
}

/*form creadit card*/
.payout-card-cc{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: 1px solid rgba(168,168,210, 0.29);
	box-shadow: 0 3px 3px 0px rgba(168,168,210, 0.29);
	-webkit-box-shadow: 0 3px 3px 0px rgba(168,168,210, 0.29);
	-moz-box-shadow: 0 3px 3px 0px rgba(168,168,210, 0.29);
}
.payout-card-cc-header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 20px 15px 20px;
	border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	/*background-color: #FBE1D0;*/
	background-color: #f5f5f5;
}
.payout-card-cc-header .payout-card-cc-title{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.payout-card-cc-header .payout-card-cc-title h4{
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
}
.payout-card-cc-header .payout-card-cc-logo{}
.payout-card-cc-header .payout-card-cc-logo ul{
	display: flex;
	flex-direction: row !important;
	justify-content: flex-end !important;
	align-items: center !important;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style: none;
}
.payout-card-cc-header .payout-card-cc-logo li{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 5px 5px 0 !important;
}
.payout-card-cc-header .payout-card-cc-logo img{
	display: block;
	width: 100%;
	height: auto;
	max-width: 45px;
	max-height: 20px;
}
.payout-card-cc-body{
	/*background-color: #FEF7F1;*/
	background-color: #ffffff;
	padding: 10px 15px 10px;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
}
.payout-card-cc .form-group label, 
.payout-card-cc .form-group-mjk label{
	font-size: 14px;
}

/*register member label box*/
.form-memberas-box{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.memberas-pro-box{
	display: block;
	background-color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 8px 12px 8px;
}
.memberas-pro-box h4{
	font-size: 14px;
	color: #616b77;
	margin: 0;
	line-height: 1;
}
.radio-mjk .custom-control-input:checked ~ .custom-control-label .memberas-pro-box{
	background-color: #f36c21;
}
.radio-mjk .custom-control-input:checked ~ .custom-control-label .memberas-pro-box h4{
	color: #ffffff;
}

/*register memberas custom style*/
.memberas-mjk-box{
	display: block;
	position: relative;
	margin: 60px 0 100px;
}
.memberas-mjk-box ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.memberas-mjk-box li{
	display: flex;
	/*flex: 1;*/
	margin: 0 10px 15px;
}
.memberas-mjk-item{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	width: 100%;
	min-width: 200px;
	height: 180px;
	padding: 20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	margin: 0 auto;
	position: relative;
}
.memberas-mjk-item h4{
	font-size: 16px;
	color: #f36c21;
	font-weight: 600;
	margin: 0;
	line-height: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	position: relative;
	z-index: 2;
}
.memberas-mjk-item:hover{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: scale3d(1.03, 1.03, 1.03);
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
}
.memberas-bg-cover-1:before,
.memberas-bg-cover-2:before,
.memberas-bg-cover-3:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.memberas-bg-cover-1:before{
	background-image: url(../images/global/bg-user-03.jpg);
}
.memberas-bg-cover-2:before{
	background-image: url(../images/global/bg-user-02.jpg);
}
.memberas-bg-cover-3:before{
	background-image: url(../images/global/bg-user-02.jpg);
}

/* =Update 25-02-2021
-------------------------------------------------------------*/

/*campagn hero*/
.camphero-landing-live{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 30px 0;
	flex-wrap: wrap;
}
.camphero-landing-live-label{
	display: flex;
	justify-content: flex-start;
}
.camphero-landing-live-label h2{
	font-size: 32px;
	font-weight: bold;
	color: #000000;
}
.camphero-landing-live-action{
	display: flex;
	justify-content: flex-end;
}

/*testimonial slider*/
.testimonial-pro-slider{
	position: relative;
}
.testimonial-pro-slider div{
	position: relative;
}
.testimonial-pro-slider .card-testimonial-pro-box{
	margin: 0 20px 20px 20px;
}

.card-testimonial-pro-box{
	display: block;
	position: relative;
	background-color: #f5f5f5;
	margin-bottom: 30px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.card-testimonial-pro{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0;
	padding: 30px 20px 30px;
}
.card-testimonial-pro-profile{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	margin: 15px 0 30px;
	padding: 0 0 20px 0;
	position: relative;
}
.card-testimonial-pro-profile:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	height: 2px;
	width: 80px; 
	background-color: #dddddd;
}
.card-testimonial-pro-profile h3{
	font-size: 16px;
	font-weight: 600;
}
.card-testimonial-pro-profile p{
	font-size: 14px;
	margin: 0;
}
.card-testimonial-pro-img{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
.card-testimonial-pro-img img{
	display: block;
	width: 50px;
	height: 50px;
	object-fit: cover;
	object-position: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin: 0;
	padding: 0;
}
.card-testimonial-pro-desc{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	margin-bottom: 15px;
}
.card-testimonial-pro-desc blockquote,
.card-testimonial-pro-desc p{
	color: #616b77;
	margin: 0;
}
.card-testimonial-pro-action{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

/*Campaing banner slider*/
.campaign-banner-slider-box{
	position: relative;
	display: block;
}
.campaign-banner{
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
}

/*content image hero*/
.campaign-banner-img {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.campaign-banner-img img{
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: top center;	
}
/* content slider - Hero slider*/
.campaign-banner-slider-box .myslider-mjk-button-prev,
.campaign-banner-slider-box .myslider-mjk-button-next{
	width: 9%;
}
.campaign-banner-slider-box .slick-track{
	padding: 0;
}

/*One Time Donation / Donation version 2*/
.banner-top-donation-review{
	max-height: unset;
	height: auto;
}
.donation-otd-box{
	display: block;
	position: relative;
}
.donation-otd-title{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
	width: 100%;
	margin-bottom: 20px;
}
.donation-otd-title h3{
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
}
.donation-otd-title i{
	color: #999999;
}
.donation-otd-sec-card{
	margin-bottom: 20px;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.card-otd-box{
	position: relative;
	display: block;
}
.card-otd{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	position: relative;
}
.card-otd-img{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	overflow: hidden;
	width: 160px;
	height: auto;
}
.card-otd-img figure{
	height: auto;
}
.card-otd-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.card-otd-desc{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin: 0;
	padding: 0 0 0 20px;
}
.card-otd-desc h2{
	font-size: 14px;
	line-height: 1;
	color: #f98341;
	font-weight: 600;
	margin: 0 0 5px 0;
}
.card-otd-desc h3{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	margin: 0;
}
.wido-pro-choose-login{
	display: block;
	padding: 1rem 0 0 0;
}
.wido-pro-choose-login i{
	color: #777777;
}
.wido-pro-choose-login h4{
	font-size: 14px;
	line-height: 1;
	margin-bottom: 0;
}

/*card otd variant-2*/
.card-otd-box.variant-2{}
.card-otd-box.variant-2 .card-otd-img{
	width: 130px;
}
.card-otd-box.variant-2 .card-otd-desc{
	justify-content: center;
}
.card-otd-box.variant-2 .card-otd-desc h3{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
}
.card-otd-box.variant-2 .card-otd-desc p{
	font-size: 14px;
	margin-bottom: 0;
}

/*card otd variant-3*/
.card-otd-box.variant-3 .card-otd-img{
	width: 125px;
}
.card-otd-box.variant-3 .card-otd-desc{
	justify-content: center;
}
.card-otd-box.variant-3 .card-otd-desc h3{
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 5px;
}
.card-otd-box.variant-3 .card-otd-desc p{
	font-size: 14px;
	margin-bottom: 0;
}

.donation-otd-sec-price{
	display: block;
	position: relative;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-bottom: 20px;
}
.donation-otd-price-list{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0;
}
.donation-otd-price-list .radio-mjk{
	margin-bottom: 15px;
}
.donation-otd-price-list .radio-mjk .custom-control-label{
	font-size: 16px;
	padding-left: 10px;
}
.donation-otd-price-list .radio-mjk.withinput .custom-control-label:before,
.donation-otd-price-list .radio-mjk.withinput .custom-control-label:after{
	top: 12px;
}

.donation-otd-offer-list{}
.moditem-price{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100px;
}
.moditem-price-label{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 151, 75, 0.3);
	border: 1px solid #00974B;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: center;
	width: auto;
	height: 18px;
	padding: 3px 8px 3px;
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
}
.moditem-price-label h3{
	color: #00974B;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
	text-align: center;	
}
.moditem-price-desc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.moditem-price-desc h4{
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.moditem-price-desc h3{
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	text-align: center;
}
.moditem-price-input{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 15px 20px 15px;
	width: 100%;
	height: auto;
	position: relative;
}
.moditem-price-input input{
	width: 55%;
}
.moditem-price-input .moditem-price-input-block{
	display: block;
	background-color: transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	visibility: visible;
	opacity: 1;
	z-index: 1;
}
.radio-mjk-modern.for-modgift input[type="radio"]:checked + label .moditem-price-input-block{
	z-index: -1;
	opacity: 0;
	visibility: hidden;
}
.moditem-price-input h4{
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 10px;
	text-align: center;
}

.donation-otd-sec-identity{
	display: block;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.donation-otd-sec-identity .form-group-mjk label{
	font-size: 14px;
	font-weight: 400;
}
.donation-otd-identity-form{}
.donation-otd-identity-valid{
	display: block;
}
.donation-otd-identity-valid h3{
	font-size: 18px;
	font-weight: 700;
	margin: 0;
	line-height: 1.5;
}
.donation-otd-identity-valid p{
	font-size: 16px;
	margin: 0;
	line-height: 1.5;
}
.donation-otd-identity-alias{
	display: block;
	margin-top: 30px;
}
.donation-otd-sec-otp{
	display: block;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-top: 20px;
}
.donation-otd-otp{}
.donation-otd-otp{}

.donation-otd-otp-select{}
.donation-otd-otp-select-action{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	flex-wrap: nowrap;
	margin-bottom: 20px;
}
.donation-otd-otp-select-action .btn-mjk{
	width: 100%;
	margin-right: 15px;
	color: #555555 !important;
}
.donation-otd-otp-select-action .btn-mjk:last-child{
	margin-right: 0;
}
.donation-otd-otp-select-action .btn-mjk i{
	color: #555555;
}
.donation-otd-otp-select-action .btn-mjk:hover i{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	color: #555555;
}
.donation-otd-otp-form{}
.donation-otd-otp-form .form-digitotp{
	margin-top: 30px;
}
.donation-otd-otp-form .form-digitotp input{
	background-color: #eeeeee;
}

.donation-otd-sec-total{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background-color: #ffffff;
	margin: 30px 0 30px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.donation-otd-sec-total h4{
	font-size: 14px;
	font-weight: 400;
	margin: 0 10px 0 0;
}
.donation-otd-sec-total h3{
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.donation-otd-sec-amount{
	display: flex;
	width: 100%;
	padding: 20px;
	background-color: #ffffff;
	margin: 30px 0 30px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.donation-otd-sec-amount ul{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
}
.donation-otd-sec-amount li{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 5px 0 5px;
}
.donation-otd-sec-amount .dosam-left{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex: 1;
}
.donation-otd-sec-amount .dosam-right{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 150px;
}
.donation-otd-sec-amount .dosam-left p,
.donation-otd-sec-amount .dosam-right p{
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	margin: 0;
}
.donation-otd-sec-amount .dosam-total{
	padding: 20px 0 0 0;
}
.donation-otd-sec-amount .dosam-total .dosam-left p{
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
}
.donation-otd-sec-amount .dosam-total .dosam-right p{
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
}
.donation-otd-sec-amount .dosam-quantity .spinner-mjk{
	width: 90px;
	height: 30px;
}
.donation-otd-sec-amount .dosam-quantity .spinner-mjk input[type="text"]{
	font-size: 14px;
	font-weight: 400;
}
.donation-otd-sec-amount .dosam-quantity .spinner-mjk button[type="button"]{
	width: 26px;
	height: 26px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.donation-otd-sec-amount .dosam-quantity .spinner-mjk button[type="button"]:hover{
	border-color: #f98341;
}
.donation-otd-sec-amount .dosam-quantity .spinner-mjk button[type="button"]:hover i{
	color: #f98341;
}

.donation-otd-box .payment-method-ss-box{
	margin-bottom: 30px;
}
.donation-otd-box .payment-method-ss-list{
	margin: 0;
}

.donation-otd-page-action{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.donation-otd-page-action .btn-mjk{
	padding: 0;
	min-height: unset;
	color: #616b77 !important;
}
.donation-otd-page-action .btn-mjk i{
	color: #616b77;
}

/*tab donationa payment method*/
.tab-mjk-payment-method-box{}
.tab-mjk-payment-method-box .tabs-mjk-nav .nav-tabs{
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.tab-mjk-payment-method-box .tabs-mjk-nav .nav-tabs .nav-item{
	display: flex;
	width: 100%;
	align-self: stretch;
	margin: 0 2px 5px;
}
.tab-mjk-payment-method-box  .tabs-mjk-nav .nav-tabs .nav-item .nav-link{
	display: flex;
	justify-content: center;
	align-items: center;
	border-color: #dddddd;
	font-size: 14px;
	line-height: 1.2;
	width: 100%;
	margin: 0;
	padding: 5px;
	min-height: 40px;
}
.tab-mjk-payment-method-box .tabs-mjk-nav .nav-tabs{
	border-color: #dddddd;
}
.tab-mjk-payment-method-box .tabs-mjk-nav .nav-tabs .nav-item .nav-link:hover, 
.tab-mjk-payment-method-box .tabs-mjk-nav .nav-tabs .nav-item.show .nav-link, 
.tab-mjk-payment-method-box .tabs-mjk-nav .nav-tabs .nav-link.active{
	background-color: #dddddd;
	color: #333333;
}
.tab-mjk-payment-method-box .tabs-mjk-content{
	padding: 15px 0 10px;
}

/*donation abtest variant c*/
.donation-otd-box.variant-abtest-c{}
.donation-otd-box.variant-abtest-c .moditem-price-desc h4{
	font-size: 16px;
}
.donation-otd-box.variant-abtest-c .moditem-price-desc h3{
	font-size: 22px;
}

/*My Sposorhsip SRS*/
.srs-message-box{}
.srs-message-box ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.srs-message-box li{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.srs-message-item{
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	border: 1px solid #dddddd;
	border-left-width: 6px;
	border-left-color: #FFB74E;
	margin: 0;
	padding: 15px 20px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);	
}
.srs-message-box li:nth-child(odd) .srs-message-item{
	border-left-color: #f98341;
}
.srs-message-item-header{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
}
.srs-message-item-header h6{
	font-size: 13px;
	color: #999999;
	line-height: 1.2;
	margin: 0;
}
.srs-message-item p{
	margin: 0;
	font-size: 16px;
	line-height: 1.2;
}
.card-extra-action-v2{
	display: block;
	position: relative;
	padding: 5px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.card-extra-action-v2 ul{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.card-extra-action-v2 li{
	display: block;
	margin-right: 10px;
}
.card-extra-action-v2 li:last-child{
	margin-right: 0;
}
.icon2sim-box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #f98341;
	padding: 0;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.icon2sim-box i{
	font-size: 16px;
	color: #ffffff;
	margin: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.icon2sim-box:hover{
	opacity: 0.8;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.icon2sim-box:hover i{
	color: #333333;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.shared-icon-list-v2{
	display: block;
	position: relative;
	margin-bottom: 10px;
}
.shared-icon-list-v2 ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.shared-icon-list-v2 li{
	display: block;
	margin-right: 10px;
}
.shared-icon-list-v2 li:last-child{
	margin-right: 0;
}

/*shared veriant float absolute*/
.shared-icon-list-v2-float{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	background-color: #FBE1D0;
}
.shared-icon-list-v2-float .shared-icon-list-v2{
	width: 100%;
	padding: 10px 50px 30px;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 10;
	margin-bottom: 0;
}
.shared-icon-list-v2-float .shared-icon-list-v2 ul{
	justify-content: flex-start;
}
.shared-icon-list-v2-float .shared-icon-list-v2 li{
	margin-right: 5px;
}
.shared-icon-list-v2-float .shared-icon-list-v2 .icon2sim-box{
	background-color: transparent;
}
.shared-icon-list-v2-float .shared-icon-list-v2 .icon2sim-box:hover{
	background-color: #ffffff;
}
.shared-icon-list-v2-float .shared-icon-list-v2 .icon2sim-box i{
	font-size: 22px;
}
/*shared veriant float absolute position right*/
.shared-icon-list-v2-float.right .shared-icon-list-v2 ul{
	justify-content: flex-end;
}

/* shared variant 3 - left */
.shared-icon-list-v2-float.variant-3 .shared-icon-list-v2{
	padding: 5px 10px 30px 50px;
}

/* =Layout SUB
------------------------------------------------------------ */

/*card-mjk-summer-box.cardfor-v1-50 summer action*/
.card-mjk-summer-box.cardfor-v1-50 .card-mjk-summer-action .btn-single{
	position: absolute;
	right: -18px;
	top: 50%;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-box.cardfor-v1-50 .card-mjk-summer-action .btn-single:hover i{
	color: #F98341;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-box.cardfor-v1-50 .card-mjk-summer:hover .card-mjk-summer-action .btn-single{
	right: -10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.card-mjk-summer-box.cardfor-v1-50 .card-mjk-summer-img {
	width: 50%;
}
.card-mjk-summer-box.cardfor-v1-50 .card-mjk-summer-desc {
	padding-top: 80px;
	padding-bottom: 80px;
}

/* =ABOUT
------------------------------------------------------------ */
.bg-about {
	background-image: url(../images/dummy/bg-about.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	padding: 80px 0 80px;
	width: 100%;
}
.bg-about .title-page-primary h1 {
	font-size: 44px;
}
.bg-about .content-mjk-list ul li {
	margin-bottom: 20px;
}
.box-instagram {
	position: relative;
	border:1px solid #999999;
	margin-top: 35px;
	padding: 30px;
}
.box-instagram-top {
	position: absolute;
	top: -60px;
	padding: 10px;
	background-color: #fff;
	left: 30px;
}
.box-instagram-top h1 {
	font-size: 65px;
	text-transform: uppercase;
	font-weight: bold;
	color: #eeeeee;
}
.box-instagram-bottom {
	position: absolute;
	bottom: -50px;
	padding: 10px;
	background-color: #fff;
	right: 30px;
}
.box-instagram-bottom h1 {
	font-size: 65px;
	text-transform: uppercase;
	font-weight: bold;
	color: #eeeeee;
}
.box-instagram-center {
	padding-top: 15px;
	padding-bottom: 15px;
}
.map {
	display: block;
	position: relative;
}
.map iframe {
	width: 100%;
	margin-bottom: -8px; 
}
/* = FAQ
------------------------------------------------------------ */
.faq-item {
	margin-bottom: 10px;
}
.faq-item .collapse-mjk-link {
	color: #000 !important;
}
.faq-item .collapse-mjk-link[aria-expanded="true"] {
	border-color: transparent;
}
.faq-item .collapse-mjk-link h4 {
	margin-bottom: 15px;
	width: 95%;
}
/* = VOLUNTEER
------------------------------------------------------------ */
.volunteer-quote {
	display: block;
	position: relative;
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
}
.volunteer-quote img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.volunteer-quote .caption-vtop {
	position: absolute;
	top: 10%;
	left: auto;
	display: block;
	height: auto;
	z-index: 2;
	width: 350px;
}
.volunteer-quote .caption-vbottom {
	position: absolute;
	bottom: 6%;
	right: 10%;
	display: block;
	height: auto;
	z-index: 2;
	width: 600px;
}
.volunteer-quote .caption-vtop h3 {
	margin: 0;
	font-size: 32px;
	line-height: 42px;
	color: #ffffff;
}
.volunteer-quote .caption-vbottom h4 {
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}
.btn-list-volunteer {
	justify-content: center;
	margin: 40px 0 15px;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
}
.btn-list-volunteer li {
	margin: 0px 5px;
}
.box-why-volunteer {
	display: flex;
	padding:30px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	height: 130px;
}
.box-why-volunteer-rg {
	display: block;
	position: relative;
}
.box-why-volunteer-lf {
	display: block;
	position: relative;
	margin: 0 0 0 15px;
}
.box-why-volunteer-lf p {
	color:666666;
	margin-bottom: 0;
}

/*variant 2*/
.introwimage-box{
	display: block;
	position: relative;
	width: 100%;
	min-height: 340px;
	overflow: hidden;
}
.img-introwimage{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 1;
}
.introwimage-caption-box {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	min-height: 340px;
	z-index: 5;
}
.introwimage-caption {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	text-align: left;
}
.introwimage-caption h1,
.introwimage-caption h2,
.introwimage-caption h3 {
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.4;
	margin-bottom: 0;
}
.introwimage-caption p {
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	line-height: 1.6;
	margin-bottom: 0;
}

/* = DASHBOARD VOLUNTEER
------------------------------------------------------------ */
/*announcement*/
.card-announcement {
	position: relative;
	display: block;
}
.card-announcement-img {
	width: 100%;
	height: auto;
}
.card-announcement-img img {
	width: 100%;
	height: auto;
}
.card-announcement-desc {
	position: absolute;
	bottom: 45px;
	left: 40%;
	background-color: rgba(131, 81, 46, 0.6);
	padding: 15px 27px 15px 25px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.card-announcement-desc h3 { 
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	max-height: 40px;
	overflow: hidden;
}
.card-announcement-desc p {
	font-size: 13px;
	line-height: 23px;
	margin-bottom: 0;
	color: #ffffff;
	max-height: 70px;
	overflow: hidden;
}
/*certificate*/
.cardfor-certificate .card-mjk-summer-img {
	width: 65%;
	height: 100%;
	border: 1px solid #ddd;
}
.cardfor-certificate .card-mjk-summer-desc {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	height: 154px;
	background-color: transparent;
}
.cardfor-certificate .card-mjk-summer-desc h3 {
	font-size: 16px;
}
.cardfor-certificate .card-mjk-summer:hover .card-mjk-summer-desc {
	background-color: transparent;
}
/*certificate*/
.certificate-modal-img {
	display: block;
	margin: 0 auto 30px;
	height: auto;
	max-width: 400px;
}
.certificate-modal-img img {
	display: block;
	width: 100%;
	height: 100%;
}
.certificate-modal-desc h1 {
	font-size: 16px;
	color: #000000;
	font-weight: 600;
}
.certificate-modal-desc p {
	font-size: 14px;
}
/*welcome volunteer*/
.box-summary-volunteer {
	padding: 30px;
}
.box-summary-volunteer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.box-summary-volunteer ul li {
	display: flex;
	flex-direction: row;
}
.box-summary-volunteer-title h3 {
	font-size: 18px;
	font-weight: 500;
	color:#666666;
	margin-bottom: 15px;
}
.box-summary-volunteer .box-summary-desc p {
	font-size: 18px;
	font-weight: 500;
	color:#666666;
}
.box-summary-volunteer .box-summary-icon i {
	color:#f98341;
	font-size: 25px;
}
/* = FORM INPUT DATE V1
------------------------------------------------------------ */
.input-date-v1-box {
	position: relative;
	display: block;
}
.input-date-v1 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.input-date-v1-col:nth-child(even) {
	padding-right: 15px;
	padding-left: 15px;
}
.input-date-v1-col {
	width: 100%;
	flex: 1;
}
.input-date-v1-label label {
	color:#616b77;
	font-size: 16px;
	font-weight: 600;
}
/* = GLOBAL SLIDER 3 SLIDER
------------------------------------------------------------ */
.globalslider3slider{
	position: relative;
}
.globalslider3slider div{
	position: relative;
}
.globalslider3slider .card-mjk-fall-box{
	margin: 0 10px 20px 10px;
}
/* = FORM SPACE BETWEEN
------------------------------------------------------------ */
.form-space-between {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
/* = SOCIAL MEDIA BOX
------------------------------------------------------------ */
.card-mjk-instagram  {
	position: relative;
	display: block;
}
.card-mjk-instagram iframe {
	width: 350px;
	height: 445px;
}
.Feedback, .Feedback a {
	display: none !important;
}
.SocialProof { 
	display: none !important;
}
.card-mjk-twitter .twitter-tweet  {
	width: 100%;
}

/* = BACKGROUND IMAGE 
------------------------------------------------------------ */
.bg-grey-image-2 {
	background: url(../images/global/bg-grey-img.png), url(../images/global/bg-grey-img.png);
	background-position:
	top 257px left,
	bottom 340px right;
	background-size: 100%;
	background-repeat: no-repeat;
	background-clip: content-box;
	height: 100%;
	position: relative;
}

.bg-grey-image {
	position: relative;
	z-index: 1;
}
.bg-grey-image:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(249,249,249,0) 25%, rgba(249,249,249,1) 25%, rgba(249,249,249,1) 75%, rgba(249,249,249,0) 75%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(249,249,249,0) 25%, rgba(249,249,249,1) 25%, rgba(249,249,249,1) 75%, rgba(249,249,249,0) 75%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(249,249,249,0) 25%, rgba(249,249,249,1) 25%, rgba(249,249,249,1) 75%, rgba(249,249,249,0) 75%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
	background-repeat: repeat-y;
	background-size: 100% 1000px;
	background-position: top;
	top: 0px;
}

/* = CAREER 
------------------------------------------------------------ */
.slider-person-img {
	height: auto;
}
.slider-person-img img {
	display: block;
	width: 100%;
	max-height: 300px;
	object-fit: contain;
	object-position: center;
}
.slider-person-button {
	position: absolute;
	top: 35%;
	display: block;
	width: 100%;
	z-index: 100;
}
.slider-person-prev,
.slider-person-next{
	position: absolute;
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: transparent;
	text-align: center;
	cursor: pointer;
}
.slider-person-prev i,
.slider-person-next i{
	font-size: 30px;
	line-height: 40px;
	color: #fed35f;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 1;
}
.slider-person-prev:hover i,
.slider-person-next:hover i{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 0.6;
}
.slider-person-prev{
	left: -50px;
}
.slider-person-next{
	right: -25px;
}
.slider-person-desc {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}
.slider-person-desc-name h3 {
	display: inline-block;
	font-size: 24px;
	font-weight: 400;
	color: #f98341;
	margin-bottom: 5px;
	vertical-align: middle;
}
.slider-person-desc-name p {
	color: #f98341;
}
.card-mjk-fall-box.cardfor-career .card-mjk-summer-action [aria-expanded="true"] i{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc {
	height: auto;
	min-height: 200px;
	overflow-y: auto;
}
.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc.card-collapse {
	height: auto;
	padding-top: 15px;
}
/*form*/
.form-group-mjk label.h-50 {
	height: 50px !important;
}
/* = WELCOME LOGIN 
------------------------------------------------------------ */
.bg-welcome {
	background-image: url(../images/dummy/bg-welcome.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	padding: 15% 0 11%;
	width: 100%;
	min-height: 72vh;
}
.box-welcome-login {
	background-color: #f36c21;
	position: relative;
}
.box-login {
	background-color: #f5f5f5;
	padding: 40px;
}
.box-guest {
	padding: 40px 40px 77px 15px;
	height: 400px;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}
.box-guest-desc {
	color: #ffffff;
}
/* = WELCOME USER MANAGEMENT
------------------------------------------------------------ */
.box-user-management {
	position: relative;
	display: block;
}
.box-user-management-caption {
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	z-index: 2;
	width: 100%;
}
.box-user-management-caption h1 {
	color: #ffffff;
	font-size: 32px;
	font-weight: 700;
	margin: 0 auto;
	width: 100%;
}
.box-user-management-caption h2 {
	color: #ffffff;
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
}

.user-management-list{
	position: relative;
	display: block;
	margin: 50px 0 30px;
}
.user-management-list ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	list-style: none;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
.user-management-list li{
	display: flex;
	margin: 0 10px 15px;
}
.user-type-card-box {
	position: relative;
	display: block;
	width: 100%;
	min-width: 200px;
	max-width: 200px;
	height: 180px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.user-type-card-box:hover {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transform: scale3d(1.03, 1.03, 1.03);
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
	-moz-transform: scale3d(1.03, 1.03, 1.03);
}
.user-type-card {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.user-type-label {
	width: auto;
	background-color: #f86b54;
	padding: 10px 15px 10px;
	position: absolute;
	top: 30px;
	text-align: center;
}
.user-type-label h4 {
	color: #ffffff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-bottom: 0;
}
.user-type-box {
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #f9e3c0;
	border: 1px solid #f9e3c0;
	padding: 60px 20px 20px 20px;
	text-align: center;
}
.user-type-box.user-bg-01 {
	background-image: url(../images/global/bg-user-01.jpg);
}
.user-type-box.user-bg-02 {
	background-image: url(../images/global/bg-user-02.jpg);
}
.user-type-box.user-bg-03 {
	background-image: url(../images/global/bg-user-03.jpg);
}
.user-type-box.user-bg-04 {
	background-image: url(../images/global/bg-user-04.jpg);
}

.user-type-desc {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	height: 100%;
}
.user-type-desc h3 {
	color: #f36c21;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	text-align: left;
}
/* = WELCOME USER MANAGEMENT GUEST
------------------------------------------------------------ */
.bg-management-top {
	background-image: url(../images/dummy/bg-welcome.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	padding: 25% 0 11%;
	width: 100%;
}
/* = GOOGLE CHART
------------------------------------------------------------ */
.vol-financial-program {
	position: relative;
	text-align: -webkit-center;
	text-align: -moz-center;
}
.vol-financial-program #fpchart, .vol-financial-program #fpchart2  {
	width: 500px;
	height: 500px;
}
/* = SPONSOR ANAK
------------------------------------------------------------ */
.willcard-boxed-desc h5  {
	color: #666666;
}
/* = BIRTHDAY PLEDGE
------------------------------------------------------------ */
.bg-birthdayplg {
	background-image: url(../images/dummy/bg-birthday.jpg);
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	padding: 18% 0 10%;
	width: 100%;
}
.box-birthdayplg {
	position: relative;
	display: block;
}
.box-birthdayplg-caption {
	display: block;
	position: absolute;
	bottom: 15%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	z-index: 2;
	width: 100%;
}
.box-birthdayplg-caption h1 {
	color: #ffffff;
	font-size: 32px;
	font-weight: 700;
	margin: 0 auto;
	width: 100%;
}

.kocard.birthdayplg{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
.kocard.birthdayplg .kocard-img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	border-color:transparent;
	height: auto;
	min-height: 100px;
}
.kocard.birthdayplg .kocard-img img {
	display: block;
	width: auto;
	height: auto;
	max-height: unset;
	margin: 0 auto;
}
.kocard.birthdayplg .kocard-desc{
	padding: 10px 0 10px;
}
.kocard.birthdayplg .kocard-desc h3 {
	color: #ffffff;
	font-size: 26px;
}
.kocard.birthdayplg .kocard-desc p {
	color: #ffffff;
}

.profile-sidebar-birthday {
	position: relative;
	background-color:#eaeaea;
	padding: 30px;
	margin-bottom: 2rem;
}
.profile-sidebar-birthday .profile-header-desc h3 {
	color:#555555;
	font-size: 21px;
	font-weight: bold;
}
.profile-sidebar-birthday .profile-header-desc h4 {
	color:#555555;
}
.profile-sidebar-birthday .profile-header-img img {
	width: 80px;
	height: 80px;
}

.benefactor-birthday {
	position: relative;
	border: 1px solid #ddd;
	padding: 30px;
	max-height: 520px;
	overflow-y: scroll;
}
.benefactor-birthday ul {
	padding-left: 15px;
}

.benefactor-sidebar-birthday {
	position: relative;
	margin-top: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
.benefactor-sidebar-birthday.single {
	margin: 0 0 20px 0;
	padding: 15px;
	border: 1px solid #dddddd;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.benefactor-birthday-title h3 {
	color:#555555;
	font-size: 21px;
	font-weight: bold;
}
.benefactor-list {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.benefactor-list-img {
	display: block;
}
.benefactor-list-img img {
	display: block;
	width: 20px;
	height: 20px;
}
.benefactor-list-desc {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding-left: 20px;
}
.benefactor-list-desc h3 {
	color: #f36c21;
	font-size: 18px;
}
.benefactor-list-desc h4 {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
}
.benefactor-list-desc h5 {
	color: #999999;
	font-size: 14px;
	font-style: italic;
}

.benefactor-sidebar-birthday.active{}
.benefactor-sidebar-birthday.expired{
	background-color: #dddddd;
}
.benefactor-sidebar-birthday.expired .benefactor-list-img img{
	filter: grayscale(1);
}
.benefactor-sidebar-birthday.expired .benefactor-list-desc h3{
	color: #666666;
}
.benefactor-action{
	display: block;
	width: 100%;
}
.benefactor-action ul{
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	list-style: none;
}
.benefactor-action li{}
.benefactor-action i{
	font-size: 14px;
	color: #666666;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.benefactor-action i:hover{
	opacity: 0.6;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

/*birthday pledge form*/
.campaign-goal-group {
	display: block;
	position: relative;
}
.campaign-goal-group .form-control {
	width: 50%;
	float: left;
	margin-bottom: 3px;
}
.campaign-goal-group .campaign-goal-group-desc{
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #ffffff;
	height: 42px;
	padding: 15px;
	border: 1px solid #ced4da;
	margin-bottom: 3px;
	position: relative;
}
.campaign-goal-group .campaign-goal-group-desc:before{
	content: "";
	display: block;
	position: absolute;
	height: 42px;
	width: 3px;
	top: -1px;
	left: -4px;
	background-color: #ced4da;
}
.campaign-goal-icon i {
	color: #f98341;
	font-size: 26px;
	margin-right: 15px;
}
.campaign-goal-desc p {
	color: #f98341;
	line-height: 15px;
	margin-bottom: 0;
	font-weight: 600;
	font-size: 14px;
}
a.clr-red:hover {
	color: #f86b54 !important;
}
.cam-photo-btn {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.campaign-photo-birthday {
	position: relative;
}
.campaign-photo-birthday .profile-photo {
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
}
.campaign-photo-birthday .profile-photo p{
	font-size: 14px;
	font-style: italic;
	margin: 5px 0 5px;
}
.campaign-photo-birthday .profile-photo-img {
	width: 100%;
	height: 100%;
	max-height: 340px;
}
.campaign-photo-birthday .profile-photo-img img {
	width: 100%;
	height: 100%;
	max-height: 340px;
}
.campaign-photo-birthday .profile-photo-action {
	position: relative;
}

.gallery-banner-list{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
.gallery-banner-list li{
	display: flex;
	width: 50%;
}
.gallery-banner-item{
	display: flex;
	width: 100%;
	padding: 0 10px 0;
}
.gallery-banner-item .radio-mjk-modern{
	margin-bottom: 10px;
}
.gallery-banner-item img{
	display: block;
	width: 100%;
	height: 120px;
}

/* =ASMATHOPE
-------------------------------------------------------------*/
.bg-gray-1{
	background-color: #f5f5f5;
}
.bg-gray-2{
	background-color: #eeeeee;
}

/*form*/
.cos-input-group{
	margin-bottom: 10px;
	width: 100%;
	-webkit-box-shadow: 0px 0px 29px -11px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 29px -11px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 29px -11px rgba(0,0,0,0.75);
}
.cos-input-group .input-group-addon{
	background-color: #f36f21 !important;
	border-color: #f36f21 !important;
	width: 42px;
	text-align: center;
	line-height: 40px;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
}
.cos-input-group .input-group-addon i{
	color: #ffffff;
}
.cos-input-group .form-control{
	background-color: #ffffff !important;
	border: none !important;
	color: #f36f21;
	line-height: 28px;
}
.cos-input-group .form-control b{
	color: #333333;
	margin-right: 5px;
}


/*button*/
.cos-btn-donate{
	margin-top: 20px;
	color: #ffffff !important;
	text-transform: uppercase;
	padding: 10px 30px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #f36c21;
	border-color: #f36c21;
	font-size: 28px;
	font-weight: 600;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.cos-btn-donate i{
	color: #ffffff;
	margin-left: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.cos-btn-donate:hover{
	background-color: #F9AC00;
	border-color: #F9AC00;
	color: #ffffff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.cos-btn-donate:hover i{
	color: #f36c21;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}


/*title*/
.cos-title-section{
	display: block;
	width: 100%;
	margin: 0 auto 30px;
	text-align: center;
}
.cos-title-section h2{
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
	font-weight: 500;
}
.cos-title-section.white h2{
	color: #ffffff;
}

.cos-title-big-1{
	position: relative;
	margin: 80px 0 0 auto;
	display: block;
	width: 300px;
}
.cos-title-big-1 h3{
	font-weight: 600;
	font-size: 25px;
	text-align: left;
	color: #000000;
	text-transform: uppercase;
}
.cos-title-big-1 img{
	display: block;
	width: 100%;
	height: auto;
	margin: 10px auto 15px;
}
.cos-title-big-1 h5{
	font-weight: 600;
	font-size: 25px;
	text-align: right;
	color: #000000;
}

.cos-title-big-2{
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}
.cos-title-big-2 h3{
	font-weight: 700;
	font-size: 25px;
	text-align: center;
	text-transform: uppercase;
}
.cos-title-big-2 img{
	display: block;
	width: auto;
	height: 60px;
	margin: 0;
}

/*banner*/
.section-banner{
	position: relative;
	display: block;
	width: 100%;
	height: 85vh;
	margin-top: 90px;
}
.section-banner .banner-img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.section-banner .playvideo-center-box{
	height: 100%;
}

.cos-overlay-text{
	display: block;
	position: absolute;
	width: 560px;
	right: 50px;
	bottom: 60px;
	text-align: center;
}
.cos-overlay-text img{
	display: block;
	width: auto !important;
	height: 100px;
	margin: 0 auto 20px;
}
.cos-overlay-text h1{
	font-size: 24px;
	font-weight: 600;
	width: unset !important;
	max-width: unset !important;
	margin-bottom: 10px !important;
	color: #ffffff;
}
.cos-overlay-text h3{
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #ffffff;
}

/*section program*/
.section-landpage-program{
	padding: 30px 0 20px;
}
.section-landpage-program .cos-title-section{
	margin-bottom: 50px;
}
.section-landpage-program .cos-title-big-1{
	width: 100%;
	max-width: 300px;
}
.cos-program-item{
	display: block;
	margin: 0 auto 0;
	width: 280px;
	height: auto;
}
.cos-program-item-img{
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
}
.cos-program-item-img img{
	display: block;
	margin: 0 auto;
	width: auto;
	height: auto;
}
.cos-program-item-desc{
	display: block;
	margin: 0 auto;
	padding: 30px 20px 20px;
	text-align: center;
}
.cos-program-item-desc h3{
	font-size: 18px;
	margin-bottom: 15px;
	color: #f36f21;
	min-height: 45px;
	font-weight: 600;
}
.cos-program-item-desc p{
	margin: 0;
	font-size: 14px;
	color: #666666;
}
.cos-program-item-desc a{
	color: #f36f21;
	font-size: 14px;
}

.cos-program-lines-left,
.cos-program-lines-right{
	display: block;
	height: 2px;
	background-color: #f36f21;
	position: absolute;
	top: 93px;
	width: 150px;
}
.cos-program-lines-left{
	left: -23px;
}
.cos-program-lines-right{
	right: -23px;
}
.cos-program-item.cpi-a .cos-program-lines-left{
	display: none;
}
.cos-program-item.cpi-a .cos-program-lines-right{}
.cos-program-item.cpi-b .cos-program-lines-left{}
.cos-program-item.cpi-b .cos-program-lines-right{}
.cos-program-item.cpi-c .cos-program-lines-left{}
.cos-program-item.cpi-c .cos-program-lines-right{
	display: none;
}
.cos-program-boxed{
	position: relative;
	max-width: 860px;
}
.cplfull-lines{
	display: none;
	height: 841px;
	width: 2px;
	background-color: #f36f21;
	position: absolute;
	top: 94px;
	right: 0px;
}

/*section intro*/
.landpage-intro-box{
	display: block;
	margin: 0 auto;
	text-align: center;
}
.cos-video-thumb{
	position: relative;
	width: 660px;
	height: 360px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.cos-video-thumb .cos-video-thumb-caption{
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 300px;
	text-align: left;
}
.cos-video-thumb .cos-video-thumb-caption p{
	text-transform: uppercase;
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	color: #ffffff;
	margin: 0;
}
.cos-video-thumb img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.landpage-intro-desc{
	text-align: center;
}
.landpage-intro-desc h3{
	font-size: 50px;
	margin-bottom: 20px;
	color: #353535;
	font-weight: 700;
}
.landpage-intro-desc h4{
	font-size: 25px;
	line-height: 40px;
	margin-bottom: 30px;
	color: #353535;
	font-weight: 600;
}
.landpage-intro-desc p{
	font-size: 20px;
	color: #353535;
	line-height: 1.8;
}
.landpage-intro-desc strong{
	background: url('../images/img-asmathope/brush-1.png');
	background-repeat: repeat-x;
	background-size: 100% 100%;
	background-position: center center;
	padding: 0 10px 0;
	min-width: 70px;
}

/*section thanks*/
.section-landpage-thanks{
	padding: 30px 0 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 240px;
}
.section-landpage-thanks p{
	font-size: 18px;
	line-height: 1.8;
	color: #666666;
}

/*section post*/
.section-landpage-post{
	padding: 50px 0 50px;
	display: block;
	width: 100%;
	height: auto;
	background: url(../images/img-asmathope/img-bg-section-1.png) no-repeat;
	background-size: 100% 760px;
	background-position: center top;
}
.landpage-post-box{
	padding: 80px 60px 80px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
	position: relative;
}
.landpage-post-box h4{
	text-align: center;
	color: #f36f21;
	margin-bottom: 30px;
}


/*home related*/
.section-landpage-related{
	padding: 30px 0 30px;
}
.landpage-related-box{
	display: block;
	width: 100%;
	margin: 20px auto 0;
	position: relative;
}
.cos-card-ver{
	display: block;
	margin: 0 auto 30px;
}
.cos-card-ver-img{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 230px;
}
.cos-card-ver-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.cos-card-ver-desc{
	display: block;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 100%;
	padding: 20px 0 20px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.cos-card-ver-desc h3{
	font-size: 20px;
	color: #353535;
	font-weight: 700;
}
.cos-card-ver-desc p{
	font-size: 14px;
	margin: 0;
}
.cos-card-ver-desc a{
	color: #F36F21;
	text-align: right;
	display: block;
	font-size: 14px;
}

.landpage-related-list{}
.landpage-related-list .cox-btn-url-box{
	display: block;
	text-align: right;
	margin-bottom: 20px;
}
.landpage-related-list .cox-btn-url-box a{
	color: #f36f21;
}
.landpage-related-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.landpage-related-list ul li{
	margin-bottom: 15px;
}

.cos-card-hor{
	display: table;
	vertical-align: top;
	background-color: #f6f6f6;
	width: 100%;
	height: 150px;
}
.cos-card-hor-desc{
	display: table-cell;
	vertical-align: top;
	width: auto;
	height: 100%;
	padding: 15px 20px 15px;
}
.cos-card-hor-desc h3{}
.cos-card-hor-desc span{
	color: #f36f21;
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
}
.cos-card-hor-img{
	display: table-cell;
	vertical-align: top;
	width: 280px;
	height: 100%;
	padding: 0;
	overflow: hidden;
}
.cos-card-hor-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.cos-card-ver:hover .cos-card-ver-img img,
.cos-card-hor:hover .cos-card-hor-img img{
	filter: brightness(60%);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

/*asmat hope v1*/
.section-landpage-intro{
	position: relative;
	padding: 30px 0 30px;
	z-index: 1;
}
.section-landpage-intro .btn{
	z-index: 2;
}
.section-landpage-intro .article p{
	color: #ffffff;
}

/*asmat hope v2*/
.stylefor-asmathope-v2.section-landpage-intro{
	position: relative;
	padding: 30px 0 30px;
	z-index: 1;
	background-color: #f36f21;
}
.stylefor-asmathope-v2.section-landpage-intro .cos-title-big-2 h3{
	color: #ffffff;
}
.stylefor-asmathope-v2.section-landpage-intro article p{
	color: #ffffff;
}

/*asmat hope v3*/
.stylefor-asmathope-v3.section-landpage-intro{
	position: relative;
	padding: 30px 0 30px;
	z-index: 1;
}
.stylefor-asmathope-v3.section-landpage-intro .cos-title-big-2 h3{
	color: #000000;
}
.stylefor-asmathope-v3.section-landpage-intro article p{
	color: #616B76;
}

/*asmat hope - timeline kabar terbaru*/
.timesub-list{
	display: block;
	position: relative;
}
.timesub-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.timesub-list li{}
.timesub-list.withshadow{
	position: relative;
	padding-bottom: 20px;
}
.timesub-list.withshadow:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 110px;
	background: linear-gradient(to bottom, transparent 30%, #ffffff 70%);
	z-index: 10;
}
.timesub-list.withshadow .timesub{
	min-height: 130px;
}
.timesub-box{
	position: relative;
	padding: 10px 10px 10px 30px;
	z-index: 1;
}
.timesub-line{
	display: flex;
	position: absolute;
	top: 0;
	left: 10px;
	width: 3px;
	height: 100%;
	background-color: #FBE1D0;
	z-index: 3;
}
.timesub-line:before{
	content: "";
	position: absolute;
	top: 30px;
	left: -4px;
	display: flex;
	width: 11px;
	height: 11px;
	background-color: #ffffff;
	border: 2px solid #f98341;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	z-index: 4;
}
.timesub{
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	padding: 15px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #ffffff;
	border: 1px solid #f2f2f2;
	border-left: 6px solid #F9AC00;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.timesub-header{
	display: flex;
	position: relative;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}
.timesub-header-img{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 50px;
}
.timesub-header-img img{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.timesub-header-desc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	flex: 1;
}
.timesub-header-desc h3{
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 5px;
}
.timesub-header-desc p{
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
}
.timesub-desc{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.timesub-desc h3{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
}
.timesub-desc p{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 0;
}

/*home footer*/
.section-landpage-footer{
	background: url(../images/img-asmathope/img-bg-section-2.png) no-repeat;
	background-size: 100% 100%;
	background-position: center top;
	min-height: 250px;
	padding: 80px 0 50px;
}
.section-landpage-footer h3{
	color: #f36f21;
	font-weight: 600;
	font-size: 24px;
}
.section-landpage-footer p{
	color: #666666;
}
.landpage-footer-contact h4{
	font-weight: 600;
	font-size: 18px;
	color: #353535;
	margin-bottom: 20px;
}
.landpage-footer-contact span{
	color: #777777;
}
.landpage-footer-contact ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.landpage-footer-contact ul li{}

/*footer*/
#pre-footer .col-sm-7 h4{
	font-size: 14px;
}

/* =Update 23-08-21 - Asmat Hope
-------------------------------------------------------------*/

.section-ashop-donation{
	padding: 20px 0 20px;
}
.section-ashop-donation .card-mjk-fall-desc,
.section-ashop-donation .card-mjk-fall-desc:hover{
	background-color: transparent;
}
.section-landpage-donation-v2{
	padding: 40px 0 40px;
}
.donation-asmathope-otd-primary-title .title-mjk-primary h4{
	color: #f36f21;
}
.donation-asmathope-otd-primary-title p{
	text-align: center;
	color: #000000;
	font-size: 16px;
}
.info-dod-price-donation{
	display: block;
	text-align: left;
	width: auto;
	min-width: 120px;
	padding: 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #fed35f;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	opacity: 0;
	overflow: hidden;
	height: 0;
}
.info-dod-price-donation h5{
	display: none;
	font-size: 13px;
	font-weight: 400;
	color: #666666;
	line-height: 1.2;
	margin: 0;
}
#asmatpergiinthere{
	display: block;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -80px;
	left: 0;
}

.section-widget-donation-asmathope{
	background-color: #FBE1D0;
}

/* widget tab donation */
.widget-donation-box{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: absolute;
	top: -450px;
	right: 6%;
	z-index: 10;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.widget-donation{
	display: block;
	width: 380px;
}
.widget-donation-box .tabs-mjk-nav{
	position: relative;
}
.widget-donation-box .tabs-mjk-nav .nav-tabs{
	border-bottom: 1px solid #ffffff;
}
.widget-donation-box .tabs-mjk-nav .nav-tabs .nav-item{
	margin-bottom: unset;
	flex-grow: 1;
	text-align: center;
	margin-right: 0;
}
.widget-donation-box .tabs-mjk-nav .nav-tabs .nav-item .nav-link{
	border: none;
	color: #616b77;
	background-color: #dddddd;
	font-size: 16px;
	font-weight: 600;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 1px solid #ffffff;
}
.widget-donation-box .tabs-mjk-nav .nav-tabs .nav-item .nav-link:hover{
	color: #F37020;
}
.widget-donation-box .tabs-mjk-nav .nav-tabs .nav-item.show .nav-link, 
.widget-donation-box .tabs-mjk-nav .nav-tabs .nav-link.active {
	background-color: #ffffff;
	color: #F37020;
}
.widget-donation-box .tabs-mjk-nav .nav-tabs .nav-item.show .nav-link:hover, 
.widget-donation-box .tabs-mjk-nav .nav-tabs .nav-link.active:hover {
	color: #616b77;
}
.widget-donation-box .tabs-mjk-nav .nav-tabs .nav-item:not(:last-child) .nav-link {
	margin-right: 10px;
}
.widget-donation-box .tabs-mjk-content {
	padding: 0;
	background-color: #ffffff;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}

/* widget donation */
.widget-donation-content{
	background-color: #ffffff;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}
.widget-donation-content .wido-title{}
.widget-donation-content .wido-title h3{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 0;
	color: #616b77;
}
.widget-donation-content .wido-text{
	display: block;
}
.widget-donation-content .wido-text p{
	color: #F37020;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}
.widget-donation-content .wido-text-info{
	display: block;
	padding: 10px 15px 10px;
	background-color: #ffffff;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}
.widget-donation-content .wido-text-info p{
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0;	
}
/*progress*/
.wido-choose {
	display: block;
}
.widget-donation-content .wido-choose .progress-mjk{
	padding: 10px;
	border: 1px solid #dddddd;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.widget-donation-content .wido-choose .progress-mjk-desc{
	margin-bottom: 5px;
}
.widget-donation-content .wido-choose .progress-mjk-desc p{
	font-size: 14px;
	margin-bottom: 0;
}
.widget-donation-content .wido-choose .progress-mjk .progress{
	background-color: #dddddd;
}
.widget-donation-content .wido-choose .donation-otd-sec-price{
	padding: 10px;
	margin: 0;
	border: 1px solid #dddddd;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.widget-donation-content .wido-choose .donation-otd-price-list .radio-mjk{
	margin-bottom: 8px;
}
.widget-donation-content .wido-choose .donation-otd-price-list .radio-mjk.variant-3 .custom-control-label h4{
	font-size: 15px;
	font-weight: 700;
}
.widget-donation-amount{
	padding: 10px 15px 0;
	background-color: #ffffff;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}
.widget-donation-action{
	padding: 15px;
	background-color: #ffffff;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}

.dod-other{
	position: relative;
}
.dod-other .dod-other-label{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--white);
	padding: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 3;
	opacity: 1;
}
.dod-other .dod-other-label h4{
	text-align: left;
	font-size: 15px;
	line-height: 1;
	font-weight: 700;
	margin: 0;
}
.dod-other .form-control{
	position: relative;
	padding: 2px 10px 2px 10px;
	height: 38px;
	width: 160px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	z-index: 1;
	opacity: 0;
}
.radio-mjk .custom-control-input:checked ~ .custom-control-label .dod-other .dod-other-label{
	z-index: -1;
	opacity: 0;
}
.radio-mjk .custom-control-input:checked ~ .custom-control-label .dod-other .form-control{
	opacity: 1;
}

/*widget tab donation variant 2*/
.widget-donation-box.variant-2 .widget-donation-content{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.widget-donation-box.variant-2 .widget-donation-amount{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* =Update 08-11-21
-------------------------------------------------------------*/

/*section listing only*/
.section-forstyle-variant-list .article ul{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0 !important;
}
.section-forstyle-variant-list .article li{
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
}
.section-forstyle-variant-list .article li:before{
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	margin-top: 1px;
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	color: #f98341;
	min-width: 25px;
}
.section-forstyle-variant-list .article li p{
	margin-bottom: 0;
}

/*project alliance slider*/
.pdo-alliance-slider-box{
	position: relative;
}
.pdo-alliance-slider{
	position: relative;
	padding: 0;
}

/*project item slider*/
.pdo-project-slider-box{
	position: relative;
}
.pdo-project-slider{
	position: relative;
	padding: 40px 0 0;
}

/*card for philantropy project */
.pdo-project-slider-box .card-mjk-fall-box.cardfor-v4 .card-mjk-summer-action{
	justify-content: center;
}
.pdo-project-slider-box .myslider-mjk-button-prev{
	right: unset;
	transform: translate(-45% , 0%);
	top: 0;	
	left: 45%;
}
.pdo-project-slider-box .myslider-mjk-button-next{
	right: unset;
	transform: translate(-58% , 0%);
	top: 0;
	left: 58%;
}
.pdo-project-slider-box .myslider-mjk-button-prev,
.pdo-project-slider-box .myslider-mjk-button-next{
	height: auto;
	width: 50px;
}
.pdo-project-slider-box .nav-circle-box{
	height: 30px;
	width: 30px;
	background-color: #f98341;
}
.pdo-project-slider-box .nav-circle-box i{
	line-height: 30px;
	color: #ffffff;
}
.pdo-partner-title{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 15px;
}
.pdo-partner-title h3{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin: 0;
	color: #000000;
}
.section-philanthropy-fundraising{
	padding: 50px 0 50px;
}
.section-philanthropy-benefit{
	padding: 50px 0 50px;
}

/*philantropy banner slider*/
.philantropy-banner-slider-box{
	position: relative;
	display: block;
}
.philantropy-banner{
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
}
.philantropy-banner-img {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.philantropy-banner-img img{
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: top center;	
}
.philantropy-banner-slider-box .myslider-mjk-button-prev,
.philantropy-banner-slider-box .myslider-mjk-button-next{
	width: 9%;
}
.philantropy-banner-slider-box .slick-track{
	padding: 0;
}

.card-fundras-box{
	display: block;
	position: relative;
	background-color: #ffffff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.card-fundras-box:hover .card-fundras-label{
	padding: 30px 10px 30px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.card-fundras-box.forlife{
	background-color: rgba(80, 227, 254, 0.1);
}
.card-fundras-box.forlife .card-fundras-desc{
	border-color: rgba(80, 227, 254, 1);
}
.card-fundras-box.forhope{
	background-color: rgba(145, 84, 161, 0.1);
}
.card-fundras-box.forhope .card-fundras-desc{
	border-color: rgba(145, 84, 161, 1);
}
.card-fundras-box.forfuture{
	background-color: rgba(70, 186, 149, 0.1);
}
.card-fundras-box.forfuture .card-fundras-desc{
	border-color: rgba(70, 186, 149, 1);
}
.card-fundras{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}
.card-fundras-img{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	position: relative;
	z-index: 1;
}
.card-fundras-img img{
	display: block;
	width: 100%;
	height: auto;
}
.card-fundras-label{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 15px 10px 15px;
	background-color: rgba(146, 107, 74, 0.3);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.card-fundras-label h4{
	line-height: 1;
	font-size: 22px;
	letter-spacing: 2px;
	font-weight: 700;
	margin: 0;
	color: #ffffff;
}
.card-fundras-desc{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 20px;
	width: 100%;
	border-top: 5px solid #ffffff;
}
.card-fundras-desc p{
	color: #444444;
}
.card-fundras-desc ul{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.card-fundras-desc li{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

/*fundraising item*/
.fundras-desc-item{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	flex-direction: column;
	width: 100%;
	min-height: 130px;
	padding: 15px 15px 15px 10px;
	background-color: #ffffff;
	border-left: 6px solid #f98341;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.fundras-desc-item:hover{
	border-left-color: #fed35f;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.fundras-desc-item-desc{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}
.fundras-desc-item-desc h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: #444444;
	margin: 0;
}
.fundras-desc-item-action{
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
	padding: 20px 0 0 0;
}
.fundras-desc-item-action p{
	font-size: 14px;
	line-height: 1;
	color: #f98341;
	margin: 0;
	font-style: italic;	
}
.fundras-desc-item-action i{
	font-size: 14px;
	color: #f98341;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.fundras-desc-item:hover .fundras-desc-item-action i{
	margin-right: 10px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

/*philanthropy testimonial slider*/
.philanthropy-testimony-slider-box{
	display: block;
	position: relative;
	margin: 30px 0 0 0;
}
.philanthropy-testimony-slider{
	position: relative;
}
.philtesmo-box{
	display: block;
	position: relative;
	width: 100%;
}
.philtesmo{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
}
.philtesmo-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	align-self: stretch;
}
.philtesmo-img img{
	display: block;
	width: 100%;
	height: 100%;
}
.philtesmo-desc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
	padding: 20px;
	width: 50%;
}
.philtesmo-desc p{
	font-size: 16px;
}
.philtesmo-profile-name{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	border-left: 2px solid #dddddd;
	padding: 5px 10px 5px;
}
.philtesmo-profile-name h3{
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 5px;
}
.philtesmo-profile-name h5{
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	margin: 0;
}

/*philanthropy testimonial nav*/
.nav-philanthropy-testimony-slider-box{
	position: relative;
	display: block;
	margin: 20px auto 20px;
	width: 195px;
	height: 75px;
	overflow: hidden;
}
.nav-philanthropy-testimony-slider{
	position: relative;
}
.nav-philanthropy-testimony-slider .slick-slide{
	width: 65px !important;
}
.philtesmo-profile-img{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	margin: 10px auto 10px;
	width: 44px;
	height: 44px;
	border: 4px solid #ffffff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	cursor: pointer;
}
.philtesmo-profile-img img{
	display: block;
	object-fit: cover;
	object-position: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	filter: saturate(30%);
}
.slick-current .philtesmo-profile-img{
	width: 54px;
	height: 54px;
	margin: 5px auto 5px;
	border-color: #f98341;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.slick-current .philtesmo-profile-img img{
	width: 50px;
	height: 50px;
	filter: saturate(100%);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

/*philanthropy expert testimonial slider*/
.experttestimony-pro-slider{
	position: relative;
}
.experttestimony-pro-slider .slick-slide{
	position: relative;
	padding: 10px 15px 20px;
}

/*philanthropy annual*/
.cardfor-annual .card-mjk-fall-desc{
	padding: 15px;
}
.cardfor-annual .card-mjk-fall-desc h3{
	font-size: 16px;
}
.cardfor-annual .card-mjk-fall-desc p{
	font-size: 14px;
}

/*philanthropy expert team*/
.section-philanthropy-expertteam{
	padding: 50px 0 50px;
}
.testimony-philanthropy-box{
	position: relative;
}
.personalteam-box{
	display: block;
	position: relative;
	width: 220px;
	margin: 0 auto;
}
.personalteam{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 15px 10px 10px;
	border: 1px solid transparent;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}
.personalteam-box:hover .personalteam{
	background-color: #ffffff;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}
.personalteam-img{
	display: flex;
	justify-content: center;
	align-items: center;
}
.personalteam-img img{
	display: block;
	object-fit: cover;
	object-position: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);	
}
.personalteam-desc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 15px 0 15px;
}
.personalteam-desc h4{
	font-size: 16px;
	font-weight: 600;
	color: #444444;
	margin: 0 0 5px 0;
	line-height: 1.4;
	text-align: center;
}
.personalteam-desc p{
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	margin: 0;
	line-height: 1;
	text-align: center;
}

/*philanthropy succes stories slider*/
.successtories-slider{
	position: relative;
}
.successtories-slider div{
	position: relative;
}


.section-philanthropy-stories .card-mjk-fall-action{
	justify-content: center;
}

/*article tags*/
.article-tags{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	padding: 15px 0 15px;
	position: relative;
}
.article-tags-label{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 5px 0 5px;
	margin-right: 15px;
}
.article-tags-label i{
	font-size: 16px;
	color: #000000;
}
.article-tags ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
}
.article-tags li{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 1;
	margin: 0 10px 10px 0;
	padding: 5px 10px 5px;
	background-color: #dddddd;
	color: #000000;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.article-tags li a{
	color: #000000;
}
.article-tags li:hover{
	background-color: #fed35f;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.related-partnership-project-slider-box{
	position: relative;
}
.related-partnership-project-slider{
	position: relative;
}

/*count*/
.feature-quantity-box{
	position: relative;
	margin: 30px 0 30px;
}
.feature-quantity{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	align-items: flex-start;
}
.feature-quantity-item{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0 40px 0;
	margin-bottom: 15px;
	border-right: 2px solid #dddddd;
}
.feature-quantity-item:first-child{
	border-right: 2px solid #dddddd;
}
.feature-quantity-item:last-child{
	border-right: 2px solid transparent;
}
.feature-quantity-item h4{
	font-size: 54px;
	color: #444444;
	line-height: 1.4;
	font-weight: 700;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	text-align: center;
}
.feature-quantity-item h3{
	font-size: 16px;
	color: #666666;
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
	text-align: center;
}

/*background photo section*/
.section-secbanner-simple{
	display: block;
	position: relative;
	padding: 0;
}
.secbanner-simple{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
.img-secbanner-simple{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
	z-index: 1;
}
.secbanner-simple-caption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
	padding: 20px;
	z-index: 2;
}
.secbanner-simple-caption h2,
.secbanner-simple-caption h3{
	display: block;
	font-size: 32px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2;
	margin: 0 0 15px 0;
}
.secbanner-simple-caption p{
	display: block;
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0;
}
.secbanner-simple-caption .btn{
	margin: 20px 0 0 0;
}

/*menu anchor setion*/
.menuanchor-box{
	display: block;
	position: relative;
	background-color: #f98341;
}
.menuanchor-box ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}
.menuanchor-box li{
	display: flex;
	padding: 0;
	margin: 0;
}
.menuanchor-item{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 15px 10px;
	margin: 0;
	min-width: 150px;
	min-height: 50px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.menuanchor-item:hover{
	background-color: #fed35f;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}
.menuanchor-item h3{
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color: #ffffff;
	margin: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.menuanchor-item:hover h3{
	color: #444444;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}

.post-article-chorus{
	display: block;
	position: relative;
}
.post-article-chorus ul{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.post-article-chorus li{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #dddddd;
	min-width: 160px;
	flex: 1;
}
.post-article-chorus li:last-child{
	margin-right: 0;
	margin-right: 0;
	border-right: none;
}

/* = LANDING SINERGI
------------------------------------------------------------ */

/*banner*/
.bohero{
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
}
.bohero-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.bohero-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	overflow: hidden;
}
/*bohero caption*/
.bohero-caption-box {
	display: block;
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translate(5%, -50%);
	width: 60%;
}
.bohero-caption {
	position: relative;
	display: block;
}
.bohero-caption-desc h1,
.bohero-caption-desc h2,
.bohero-caption-desc h3 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 10px;
}
.bohero-caption-desc p{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 10px;
}

/*card post*/
.bolist-item-box{
	position: relative;
}
.bolist-item{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.bolist-item-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;	
}
.bolist-item-img img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.bolist-item-img i{
	font-size: 30px;
}
.bolist-item-desc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	flex: 1;
}
.bolist-item-desc h3{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
}
.bolist-item-desc p{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
}

/*intro*/
.section-bointroduce{}
.bointroduce{}
.bointroduce-title{}

.bointroduce-title h2,
.bointroduce-title h3{
	font-size: 48px;
	font-weight: 700;
	letter-spacing: 3px;
	margin: 0;
}

/*banner*/
.bobanner{
	display: block;
	position: relative;
	width: 100%;
	height: 360px;
}
.bobanner .img-bobanner{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: relative;
	z-index: 1;
}
.bobanner .bobanner-caption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	padding: 20px 30px 20px;
	z-index: 2;
}
.bobanner .bobanner-caption h2,
.bobanner .bobanner-caption h3{
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2;
	text-align: center;
	margin: 0 0 5px 0;
}
.bobanner .bobanner-caption p{
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	margin: 0;
	line-height: 1.4;
	text-align: center;
}
.bobanner .bobanner-caption .btn{
	margin: 20px 0 0 0;
}

/*banner simple variant 2*/
.bobanner.variant-2 {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.bobanner.variant-2 .bobanner-caption{
	align-items: flex-start;
	width: 70%;
}
.bobanner.variant-2 .bobanner-caption h2,
.bobanner.variant-2 .bobanner-caption h3{
	text-align: left;
}
.bobanner.variant-2 .img-bobanner{
	object-position: right center;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
}
.bobanner.variant-2 .bobanner-caption .btn{
	margin: 10px 0 0 0;
}

/*card*/
.bocard-roam-box {
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #f5f5f5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.bocard-roam-box.bordered {
	border-color: #dddddd;
}
.bocard-roam-box:hover{
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.bocard-roam {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	flex-direction: column;
	padding: 10px;
}
.bocard-roam-img {
	display: block;
	position: relative;
	background-color: transparent;
	margin-bottom: 10px;
}
.bocard-roam:hover .bocard-roam-img img {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	filter: brightness(80%);
	-webkit-filter: brightness(80%);
	-moz-filter: brightness(80%);
}
.bocard-roam-img-item {
	display: block;
	position: relative;
	background-color: transparent;
}
.bocard-roam-img-item figure,
.bocard-roam-img-item [data-aspect-ratio] {
	background-color: transparent;
}
.bocard-roam-img-item img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.bocard-roam-desc {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}
.bocard-roam-desc-title{
	display: block;
}
.bocard-roam-desc-title h3{
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}
.bocard-roam-desc-title p{
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}
.bocard-roam-action {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	margin-top: 10px;
}

/*card product horizontal*/
.bocard-roam-box.horizontal .bocard-roam-img{
	margin-bottom: 0;
}
.bocard-roam-box.horizontal .bocard-roam{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.bocard-roam-box.horizontal .bocard-roam-img{
	width: 90px;
}
.bocard-roam-box.horizontal .bocard-roam-desc{
	padding-left: 20px;
	flex: 1;
}

/*card product vertical variant 2*/
.bocard-roam-box.variant-2 {
	border: 1px solid #f0f0f0;
}

/*card product vertical variant 3*/
.bocard-roam-box.variant-3 .bocard-roam{
	padding: 0;
}
.bocard-roam-box.variant-3 .bocard-roam-img{
	margin: 0;
}
.bocard-roam-box.variant-3 .bocard-roam-desc {
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	width: calc(100% - 40px);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	padding: 20px 10px 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.bocard-roam-box.variant-3 .cpduser-img {
	width: 40px;
}
.bocard-roam-box.variant-3 .cpduser-img img{
	width: 40px;
	height: 40px;
}
.bocard-roam-box.variant-3 .bocard-roam-desc-extra {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	width: 100%;
	flex: 1;
}
.bocard-roam-box.variant-3 .bocard-roam-desc-title h3,
.bocard-roam-box.variant-3 .bocard-roam-desc-price h4,
.bocard-roam-box.variant-3 .bocard-roam-desc-price h5{
	font-size: 18px;
	font-weight: 700;
	margin: 0;
	color: #232323;
}

/*card product vertical variant 4*/
.bocard-roam-box.variant-4{
	border: none;
}
.bocard-roam-box.variant-4 .bocard-roam{
	padding: 0;
}
.bocard-roam-box.variant-4 .bocard-roam-img{
	margin: 0;
}
.bocard-roam-box.variant-4 .bocard-roam-desc {
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	width: 100%;
	height: 40%;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	background-color: rgba(249, 131, 65, 0.7);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	padding: 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.bocard-roam-box:hover.variant-4 .bocard-roam-desc {
	height: 100%;
	background-color: rgb(245, 211, 95, 0.7);
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}
.bocard-roam-box.variant-4 .cpduser-img {
	width: 40px;
}
.bocard-roam-box.variant-4 .cpduser-img img{
	width: 40px;
	height: 40px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.bocard-roam-box.variant-4 .bocard-roam-desc-extra {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	width: 100%;
	flex: 1;
}
.bocard-roam-box.variant-4 .bocard-roam-desc-title h3{
	font-size: 26px;
	margin-bottom: 0;
	font-weight: 700;
	line-height: 1.6;
	color: #ffffff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.bocard-roam-box.variant-4:hover .bocard-roam-desc-title h3{
	color: #232323;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}
.bocard-roam-box.variant-4 .bocard-roam-desc-title p{
	font-size: 18px;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 1.2;
	color: #f5f5f5;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.bocard-roam-box.variant-4:hover .bocard-roam-desc-title p{
	color: #333333;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;	
}

/* = PROCUREMENT
------------------------------------------------------------ */
.secretinput-box{
	display: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #eaeaea;
	padding: 20px;
	margin-bottom: 10px;
}
.fieldwax-delete{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 80px;
}
.fieldwax-delete i{
	font-size: 16px;
	color: #999999;
}

/*notice message content*/
.section-notice{
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 75vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.notice-box{
	display: block;
	position: relative;
}
.notice{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.notice-img{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.notice-img img{
	display: block;
	width: auto;
	height: 120px;
	margin: 0 auto;
}
.notice-desc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.notice-desc h4{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	color: #232323;
	text-align: center;
}
.notice-desc p{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
}
.notice-action{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/*notice thank*/
.notice-thank-box{
	display: block;
	position: relative;
	width: 100%;
}
.notice-thank-desc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.notice-thank-desc-header{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.notice-thank-desc-header h1,
.notice-thank-desc-header h2,
.notice-thank-desc-header h3{
	font-size: 20px;
	text-align: center;
}
.notice-thank-desc-header p{
	font-size: 16px;
	margin-bottom: 0;
	text-align: center;
}
.notice-thank-desc-footer{
	display: block;
	margin: 15px auto 0;
	width: 100%;
	padding: 10px 0 0 0;
	border-top: 1px solid #dddddd;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.notice-thank-desc-footer p{
	text-align: center;
	font-size: 14px;
	margin-bottom: 0;
}
.notice-thank-desc-footer .shared-icon-list-v2{
	width: 100%;
	margin: 10px 0 0 0;
}
.notice-thank-desc-footer .shared-icon-list-v2 ul{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

/*influencer*/
.influencer-board-name{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	position: relative;
	border-left: 5px solid #F9A46E;
	background-color: #f5f5f5;
	padding: 15px 30px 15px 10px;
	margin-bottom: 10px;
}
.influencer-board-name h3{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 0;
}
.influencer-board-name h4{
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
	color: #999999;
}

/*banner content*/
.section-banner-rog{
	display: block;
	position: relative;
	padding: 0;
}
.banner-rog{
	display: block;
	position: relative;
	width: 100%;
}
.img-banner-rog{
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
	position: relative;
	z-index: 1;
}
.banner-rog-caption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
	padding: 20px;
	z-index: 2;
}
.banner-rog-caption h2,
.banner-rog-caption h3{
	font-size: 34px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2;
	margin: 0 0 10px 0;
	text-align: left;
}
.banner-rog-caption p{
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	margin: 0;
	line-height: 1.4;
	text-align: left;
}

/* =Bottom Navigation bar
-------------------------------------------------------------*/
/*bottom navigation bar active show*/
.navigation-bar-bottom-area.active{
	display: block;
	position: relative;
	bottom: 0;
	left: 0;
}

/*default style bottom navigation*/
.navigation-bar-bottom-area{
	display: none;
	bottom: -100%;
	left: -100%;
	position: absolute;
	height: 70px;
	background-color: #ffffff;
}
.navigation-bar-bottom-box{
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1010;
}
.navigation-bar-bottom{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	width: 100%;
	height: 70px;
	margin: 0;
	padding: 10px 20px 10px;
	background-color: #f2f2f2;
	-webkit-box-shadow: 0px 2px 12px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 12px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 12px -5px rgba(0,0,0,0.75);
}
.navigabar-item{
	display: block;
	position: relative;
	flex: 1;
	width: 100%;
	height: 100%;
}
.navigabar-item .navigabar-item-menu{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.navigabar-item .navigabar-item-menu-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	margin-bottom: 5px;
}
.navigabar-item .navigabar-item-menu-img img{
	display: block;
	width: 24px;
	height: 24px;
}
.navigabar-item .navigabar-item-menu-img i{
	color: #444444;
	font-size: 18px;
}
.navigabar-item .navigabar-item-menu h3{
	text-align: center;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	color: #444444;
	margin: 0;
}
.navigabar-item.active .navigabar-item-menu-img i,
.navigabar-item:hover .navigabar-item-menu-img i,
.navigabar-item.active .navigabar-item-menu h3,
.navigabar-item:hover .navigabar-item-menu h3{
	color: #0080FF;
}

/* = Widget donation v4
------------------------------------------------------------ */
.doinprice-choose{}

.doinprice-nominal-input{}
.doinprice-nominal-input .input-group-mjk .input-group-prepend .input-group-text{
	background-color: #eeeeee;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	font-size: 14px;
	font-weight: 600;
}
.doinprice-nominal-input .input-group-mjk{
	margin-bottom: 5px;
}
.doinprice-nominal-input .form-control{
	text-align: right;
	background-color: #eeeeee;
	border-color: #eeeeee;
	font-size: 14px;
	font-weight: 600;
}
.doinprice-nominal-info{}
.doinprice-nominal-info h5{
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 0;
	padding: 5px 0 5px;
}
.doinprice-option{}
.doinprice-option h5{
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 0;
	padding: 5px 0 5px;
}
.doinprice-option ul{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.doinprice-option li{
	display: flex;
	flex: 1;
	padding-right: 10px;
}
.doinprice-option li:last-child{
	padding-right: 0;
}
.doinprice-option .doinprice-option-btn{
	display: flex;
	width: 100%;
	min-height: 40px;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	color: #616b77;
	background-color: #ffffff;
	padding: 5px;
	border: 1px solid #FBE1D0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	box-shadow: 0 3px 3px 0px rgba(168,168,210, 0.29);
	-webkit-box-shadow: 0 3px 3px 0px rgba(168,168,210, 0.29);
	-moz-box-shadow: 0 3px 3px 0px rgba(168,168,210, 0.29);
}
.doinprice-option .doinprice-option-btn:hover{
	background-color: #FBE1D0;
	border-color: #FBE1D0;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;	
}
.doinprice-option .doinprice-option-btn.selected,
.doinprice-option .doinprice-option-btn.active,
.doinprice-option .doinprice-option-btn:active,
.doinprice-option .doinprice-option-btn:focus{
	background-color: #f98341;
	border-color: #f98341;
	color: #ffffff;
}

/* = CHOSEN
------------------------------------------------------------ */

/*background body layout*/
.section-chosen-background{
	position: relative;
	background-image: url(../images/chosen/img-background.png);
	background-repeat: repeat;
	background-size: 780px 480px;
	background-position: center top;
}
.section-chosen-regspon{
	background-color: rgba(169, 169, 169, 0.9);
	background-image: url(../images/chosen/img-background-regspon.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	background-blend-mode: saturation;
}

/*chosen sosmed*/
.shared-icon-list-v2-float.variant-chosen .shared-icon-list-v2{
	padding: 5px 10px 30px 50px;
}

/*widget chosen*/
.section-banner-widget-chosen{
	position: absolute;
	top: 0;
	left: 0;
}
.widget-donation-box.variant-chosen{
	top: 40px;
	bottom: unset;
	right: 4%;
}
.widget-donation-box.variant-chosen .widget-donation-content{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.widget-donation-box.variant-chosen .widget-donation-amount{
	padding: 15px 15px 0;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}
.widget-donation-box.variant-chosen .widget-donation-content .wido-text-info p{
	text-align: justify;
}
.widget-donation-box.variant-chosen .widget-donation-content .wido-text-info .wti-block{
	margin: 10px 0 5px 0;
	padding: 5px 8px 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #e9ecef;
	border: 1px solid #dddddd;
}
.widget-donation-box.variant-chosen .widget-donation-action{
	padding: 0;
}
.widget-donation-box.variant-chosen .form-group-mjk label{
	font-size: 14px;
	font-weight: 400;
}
.widget-donation-box.variant-chosen .radio-mjk .custom-control-label{
	font-size: 14px;
	font-weight: 400;	
}
.wido-pro-choose-box{
	display: flex;
	flex-direction: column;
	padding: 15px 10px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #FBE1D0;
}
.wido-pro-choose-label{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.wido-pro-choose-label h4{
	font-size: 14px;
	line-height: 1;
	margin-bottom: 0;
}
.wido-pro-choose-price{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
.wido-pro-choose-price h4{
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 0;
}
.wido-pro-choose-price h3{
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	color: #444444;
}
.wido-pro-choose-quantity{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.secretinput-box.variant-chosen{
	padding: 0;
	background-color: transparent;
	border-radius: unset;
	-webkit-border-radius: unset;
	-moz-border-radius: unset;
}
.wido-pro-choose-box .error{
	text-align: center;
}

/*spinner number*/
.spinner-mjk{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	width: 110px;
	height: 38px;
	padding: 0;
}
.spinner-mjk button[type="button"]{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 30px;
	height: 30px;
	padding: 0;
	background-color: var(--white);
	border: 1px solid #dddddd;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.spinner-mjk button[type="button"] i{
	line-height: 30px;
	font-size: 10px;
	color: #666666;
}
.spinner-mjk input[type="text"]{
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	text-align: center;
	width: 35px;
	flex-grow: 1;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	border: 1px solid transparent;
	color: #333333;
	padding: 0;
	background-color: transparent;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.spinner-mjk input[type="text"]:focus{
	border-color: #F37020;
}
.spinner-mjk input[type="text"]:focus-visible{
	outline: none;
}

.wido-pro-choose-quantity .spinner-mjk input[type="text"]{
	/*color: #ffffff;*/
}
.wido-pro-choose-quantity .spinner-mjk button[type="button"]{
	border-color: #F37020;
	background-color: #F37020;
}
.wido-pro-choose-quantity .spinner-mjk button[type="button"] i{
	color: #ffffff;
}
.wido-pro-choose-quantity .spinner-mjk button[type="button"]:disabled{
	border-color: #6c757d;
	background-color: #6c757d;
}

.widget-donation-action-collapsestep{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 5px 0 0 0;
}
.widget-donation-action-collapsestep i{
	color: #f98341;
	font-size: 14px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; 
}
.widget-donation-action-collapsestep:hover i{
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	animation-duration: 1.4s;
	-webkit-animation-duration: 1.4s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.widget-donation-action-collapsestep p{
	color: #444444;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; 
}
.widget-donation-action-collapsestep:hover p{
	color: #f98341;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease; 
}

/*hero banner*/
.valhero-box{}
.valhero{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}
.valhero-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.valhero-img .img-valhero{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center top;
}
/*hero banner caption*/
.valhero-caption-box {
	display: block;
	position: absolute;
	top: 72%;
	left: 50%;
	transform: translate(-50%, -72%);
	width: 60%;
}
.valhero-caption {
	position: relative;
	display: block;
}
.valhero-caption .img-valhero-logo{
	display: block;
	width: auto;
	height: 80px;
	margin: 0 auto;
	object-fit: contain;
	object-position: center;
	margin-bottom: 20px;
}
.valhero-caption-desc h1,
.valhero-caption-desc h2,
.valhero-caption-desc h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 0;
	text-align: center;
}
.valhero-caption-desc p{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 0;
	text-align: center;
}
.valhero-caption-action{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}
.valhero-caption-action .btn-playvideo{
	position: relative;
	top: unset;
	left: unset;
	transform: translate(0,0) scale(1);
	-webkit-transform: translate(0,0) scale(1);
	-moz-transform: translate(0,0) scale(1);
}
.valhero-lines{
	display: block;
	margin: 0 auto 15px;
	width: 150px;
	height: 5px;
	background-color: #F46C22;
}

/* hero images condition dekstop */
.valhero-img-desktop{
	display: block !important;
}
/* hero images condition mobile */
.valhero-img-mobile{
	display: none !important;
}

/*simple card*/
.sencard{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	position: relative;
}
.sencard-number{
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
}
.sencard-number h4{
	margin: 0 auto;
	text-align: center;
	display: block;
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	padding: 0;
	color: #ffffff;
	background-color: #f98341;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; 
}
.sencard-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 15px;
}
.sencard-img img{
	display: block;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.sencard-img.circle{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 15px;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #ffffff;
	text-align: center;
	padding: 0;
}
.sencard-desc{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.sencard-desc h3{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 15px;
	text-align: center;
}
.sencard-desc p{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 0;
	text-align: center;
}
.sencard:hover .sencard-number h4{
	color: #444444;
	background-color: #fed35f;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
}
.sencard:hover .sencard-img img{
	animation-name: wobble;
	-webkit-animation-name: wobble;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
}

/*chosen testimonial*/
.testimonial-chosen-box{
	position: relative;
	background-color: #F46C22;
}
.testimonial-chosen-box .sponsor-testimonial{
	height: auto;
}
.testimonial-chosen-box .sponsor-testimonial-img{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-grow: unset;
}
.testimonial-chosen-box .sponsor-testimonial-img img{
	width: 100%;
	object-position: center;
}
.testimonial-chosen-box .sponsor-testimonial-desc{
	display: flex;
	width: 100%;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-grow: unset;
	padding: 20px 100px 20px 60px;
}
.testimonial-chosen-box .sponsor-testimonial-desc .sponsor-testimonial-title{
	margin-bottom: 10px;
}
.testimonial-chosen-box .sponsor-testimonial-desc-action{
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
}
.testimonial-chosen-box .testimonial-chosen-button{
	top: 45%;
}
.testimonial-chosen-box .testimonial-chosen-button .globalslider-prev{
	display: none;
}
.testimonial-chosen-box .testimonial-chosen-button .globalslider-next{
	right: 30px;
}
.testimonial-chosen-box .testimonial-chosen-dots{
	bottom: -35px;
}

/*chosen testimonial*/
.videostory-chosen-box{
	position: relative;
}

/*button custome chosen*/
@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
.btn-mjk.variant-chosen.effect-pulse{
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.btn-mjk.variant-chosen{
	box-shadow: 0px 0px 25px 3px rgb(255 0 128 / 80%);
	-moz-box-shadow: 0px 0px 25px 3px rgb(255 0 128 / 80%);
	-webkit-box-shadow: 0px 0px 25px 3px rgb(255 0 128 / 80%);
}
.btn-mjk.variant-chosen span{
	font-size: 12px;
	line-height: 1;
	position: relative;
	top: -6px;
}

/*collapse general variant 2*/
.accordion-rog-item{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	margin-bottom: 10px;
}
.accordion-rog-item:last-child{
	margin-bottom: 0;
}
.accordion-rog-head{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	min-height: 50px;
}
.accordion-rog-link{
	display: block;
	width: 100%;
	padding: 15px 30px 15px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
}
.accordion-rog-link:link{
	color: unset !important;
}
.accordion-rog-link[aria-expanded="true"]{
	background-color: #f98341;
	border-bottom: none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.accordion-rog-link[aria-expanded="false"]{
	background-color: #ffffff;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}	
.accordion-rog-link h4 {
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
}
.accordion-rog-label{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	margin: 0;
}
.accordion-rog-label i{
	font-size: 20px;
	color: #FCC8AB;
	margin: 3px 10px 0 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.accordion-rog-link[aria-expanded="true"] .accordion-rog-label i{
	color: #f98341;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.accordion-rog-link[aria-expanded="true"] .accordion-rog-label h4{
	color: #ffffff;
}
.accordion-rog-label h4{
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
}
.accordion-rog-body{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #ffffff;
}

/*with navigation variant 1: icon chevron*/
.accordion-rog-link.nav-variant-1[aria-expanded="false"]:after,
.accordion-rog-link.nav-variant-1[aria-expanded="true"]:after{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #f98341;
	font-size: 16px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	top: 25px;
	right: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.accordion-rog-link.nav-variant-1[aria-expanded="false"]:after{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.accordion-rog-link.nav-variant-1[aria-expanded="true"]:after{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}

/*with navigation variant 2: icon plus*/
.accordion-rog-link.nav-variant-2[aria-expanded="false"]:after,
.accordion-rog-link.nav-variant-2[aria-expanded="true"]:after{
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #333333;
	font-size: 16px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.accordion-rog-link.nav-variant-2[aria-expanded="false"]:after{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.accordion-rog-link.nav-variant-2[aria-expanded="true"]:after{
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
}

/*with navigation variant 3: icon chevron without rotate*/
.accordion-rog-link.nav-variant-3[aria-expanded="false"]:after,
.accordion-rog-link.nav-variant-3[aria-expanded="true"]:after{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 0;
	top: 12px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.accordion-rog-link.nav-variant-3[aria-expanded="false"]:after{
	color: #FCC8AB;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}
.accordion-rog-link.nav-variant-3[aria-expanded="true"]:after{
	color: #ffffff;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}

/*mission & value*/
.faq-rog-box{
	position: relative;
}
.faq-rog-box.desktop{
	display: block;
	visibility: visible;
}
.faq-rog-box.mobile{
	display: none;
	visibility: hidden;
}
.faq-rog{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	position: relative;
}
.faq-rog-left{
	display: flex;
	width: 15%;
}
.faq-rog-right{
	display: flex;
	width: 85%;
	align-self: stretch;
	padding-left: 20px;
}
.faq-rog-question{
	display: block;
	width: 100%;
	background-color: transparent;
	padding: 0;
}
.faq-rog-answer{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	background-color: #ffffff;
	padding: 30px;
	min-height: 360px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

/* slider testi variant */
.testihalfslider-box{
	position: relative;
	background-color: #F46C22;
}
.testihalfslider-box .sponsor-testimonial{
	height: 400px;
}
.testihalfslider-box .globalslider-button{
	top: 45%;
}
.testihalfslider-box .globalslider-button .globalslider-prev{
	display: none;
}
.testihalfslider-box .globalslider-button .globalslider-next{
	right: 30px;
}
.testihalfslider-box .myslider-mjk-dots{
	bottom: -35px;
}
.testihalfslider-box .sponsor-testimonial-img{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-grow: unset;
}
.testihalfslider-box .sponsor-testimonial-img img{
	width: 100%;
	object-position: center;
}
.testihalfslider-box .sponsor-testimonial-desc{
	display: flex;
	width: 100%;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-grow: unset;
	padding: 20px 100px 20px 60px;
}
.testihalfslider-box .sponsor-testimonial-desc .sponsor-testimonial-title{
	margin-bottom: 10px;
}
.testihalfslider-box .sponsor-testimonial-desc-action{
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
}

/* =CAMPAIGN - WATER SUMBA
-------------------------------------------------------------*/

.valhero-caption-box.variant-waters-2{
	top: unset;
	bottom: 7%;
	left: 50%;
	transform: translate(-50%, -7%);
	-moz-transform: translate(-50%, -7%);
	-webkit-transform: translate(-50%, -7%);
}
.valhero-caption-box.variant-waters-2 .valhero-caption-action{
	margin-top: 0;
}

.section-bocardto{
	min-height: 450px;
}
.section-bocardto .bocard-mjk{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 450px;
}
.section-bocardto .bocard-mjk-img{
	display: flex;
	justify-content: center;
	align-items: center;
}
.section-bocardto .bocard-mjk-img img{
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: 0 auto;
}
.bocardto-widget-donation .card-mjk-fall-desc{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.section-latest-news{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FBE1D0;
}
.go-latest-news-list{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.go-latest-news{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #f5f5f5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.go-latest-news-header{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.go-latest-news-header-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
}
.go-latest-news-header-img img{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin: 0 auto;
}
.go-latest-news-header-desc{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 1;
	padding-left: 10px;
}
.go-latest-news-header-desc h3{
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 5px;
}
.go-latest-news-header-desc p{
	font-size: 12px;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 0px;
}
.go-latest-news-desc{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	padding-top: 20px;
}
.go-latest-news-desc h3{
	font-size: 16px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 20px;
}
.go-latest-news-desc p{
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 10px;
}
.go-latest-news-more{
	display: flex;
	justify-content: start;
	align-items: center;
	width: 100%;
	height: 30px;
	position: relative;
}
.go-latest-news-more::before{
	content: "";
	display: block;
	position: absolute;
	bottom: 28px;
	height: 80px;
	width: 100%;
	z-index: 1;
	background: linear-gradient(270deg , rgba(255,255,255,0.3)0% , #ffffff 80%);
	background: -moz-linear-gradient(270deg , rgba(255,255,255,0.3)0% , #ffffff 80%);
	background: -webkit-linear-gradient(270deg , rgba(255,255,255,0.3)0% , #ffffff 80%);
}
.go-latest-news-more a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	z-index: 5;
	color: rgba(0,172,202,1) !important;
}

/* slider with logo partner */
.partner-logo-list{
	display: block;
	position: relative;
}
.partner-logo-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}
.partner-logo-list li{
	display: flex;
	flex: 1 1 30%;
}
.partner-logo-item{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	width: 100%;
}
.partner-logo-item:hover{
	opacity: 0.8;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.partner-logo-item-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: auto;
	max-height: 100px;
}
.partner-logo-item-img img{
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-position: center;
}
.partner-logo-item.variant-square .partner-logo-item-img{
	width: 80px;
	height: auto;
	max-height: 80px;
}

/* section event */
.section-event{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 350px;
}
.ws-event-box{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 700px;
	background-color: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	-moz-backdrop-filter: blur(4px);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	padding: 20px;
}
.ws-event{
	display: block;
	padding-top: 125px;
}
.ws-event-progress{
	overflow: unset;
	height: 35px;
	width: 70%;
	margin: 0 auto;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border: 3px solid #ffffff;
	background-color: #dddddd;
}
.ws-event-progress .progress-bar{
	position: relative;
	border-radius: 25px 0 0 25px;
	-webkit-border-radius: 25px 0 0 25px;
	-moz-border-radius: 25px 0 0 25px;
	background-color: rgba(0,172,202,1);
}
.ws-event-progress-percent{
	position: absolute;
	bottom: 105px;
	right: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 3px solid #ffffff;
	background-color: #f98341;
}
.ws-event-progress-percent::before{
	content: "";
	position: absolute;
	left: 0px;
	bottom: -4px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 0 0 15px;
	border-color: transparent transparent transparent #FFFFFF;
	transform: rotate(-10deg)
}
.ws-event-progress-percent p{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #ffffff;
	margin-bottom: 0;
}
.ws-event-progress-anchor{
	position: absolute;
	bottom: 10px;
	right: -40px;
	width: 100px;
}
.character-run {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	background: url('../images/watersumba/char-runner-2.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100px;
	animation: spriterunning 0.6s steps(6) infinite;
	-webkit-animation: spriterunning 0.6s steps(6) infinite;
}
.character-run-static {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
}
.ws-event-partners{
	display: flex;
	position: relative;
	width: 100%;
}
.ws-event-partners.one-image{
	justify-content: center;
	align-items: center;
}
.ws-event-partners ul{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
	row-gap: 20px;
	column-gap: 20px;
}
.ws-event-partners li{
	display: flex;
	justify-content: center;
}

/* = BANNER CONTENT version footer
-------------------------------------------------------------*/
.banner-nug-box{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
.img-banner-nug{
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
	z-index: 1;
}
.banner-nug-caption-box {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	overflow: hidden;
}
.banner-nug-caption {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 5px;
	max-width: 460px;
	margin: 0 auto;
	text-align: center;
}
.banner-nug-caption h1,
.banner-nug-caption h2,
.banner-nug-caption h3 {
	font-size: 28px;
	font-weight: 600;
	color: #ffffff;
	line-height: 1.2;
	margin-bottom: 10px;
}
.banner-nug-caption p {
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	line-height: 1.2;
	margin-bottom: 0;
}