@font-face {
	font-family: 'BCASans';
	src: url('../ldpage/BCASans-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BCASans';
	src: url('../ldpage/BCASans-Bold.ttf');
	font-weight: bold;
	font-style: bold;
}


.btnbelisekarang {
	margin-bottom: 10px;
}

.btnminitravel {
	margin-bottom: 20px;
	background-color: #0066B3 !important;
}

.smalllogo {
	height: 30px !important;
	width: auto;
}


body {
	font-family: 'BCASans';
}

.putih {
	color: #000000;
	font-size: 25px;
}

.paddtop60 {
	padding-top: 60px;
}

.navbar {
	background-color: white;
	width: 99vw;
}

.btn-warning {
	background-color: #FFE600;
	color: #0066B3;
}

.btn-warning:hover {
	color: #0066B3;
}


.header {
	margin-top: 60px;
	font-weight: bold;
	color: #53D2D5;
}

.navbtn {
	font-weight: 900 !important;
	color: #53D2D5 !important;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	color: #fff;
	background-color: #53D2D5 !important;
	border-radius: 50px !important;
}

.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
	color: #fff;
	background-color: #e8ffff !important;
	border-radius: 50px !important;
}

.colorbirublu {
	color: #32D4C9;
}

.colorbirubca {
	color: #0692FF;
}

.colorbirubcalama {
	color: #006CB5;
}

.roundbtn {
	border-radius: 20px;
	background-color: #0066B3;
}

footer {
	margin-left: none !important;
	margin-right: none !important;
}

.lokasitile {
	border-radius: 20px;
	border: none;
	box-shadow: 6px 6px 3px #e6eded;
	min-height: 240px !important;
	padding: 20px !important;
}

ul {
	list-style-type: "- ";
}

li {
	font-size: 16px !important;
	text-align: justify !important;
}

.carousel {
	margin-top: 50px;
}

section {
	top: 100px;
}

.Heading1 {
	font-size: 60px;
}

.imglogo {
	width: 15vw;
}

.imglogoklaim {
	width: 8vw;
}

.mapframe {
	height: 30vh;
	width: 40vw;
}

.logoimg {
	width: 150px;
}

.logoimgbcai {
	width: 200px;
}

.imgbenefit {
	width: 60vw;
}

.titleheader {
	margin-left: 2vw;
	width: 80vw;
}

.row {
	margin-right: 0px !important;
}

.noklaim {
	font-size: 30px !important;
	color: #0692FF;
}

.textklaim {
	padding: 40px !important;
}

.font13 {
	font-size: 13px;
}

.logomariberasuransi {
	width: 200px;
}

.logobcailogo {
	width: 250px;
}

.backcolorblubca {
	background-color: #2AAECF;
}

.imgsaleskit {
	width: 80vw;
}

.fontputih {
	color: white
}

@media screen and (max-width: 970px) {
	body {
		margin-left: 10px;
		margin-right: 10px;
	}

	.logoimg {
		width: 100px;
	}

	.logoimgbcai {
		width: 150px;
	}

	.Heading1 {
		font-size: 40px;
	}

	.imglogo {
		width: 30vw;
	}

	.imglogoklaim {
		width: 25vw;
	}

	.mapframe {
		height: 30vh;
		width: 70vw;
	}

	.nav-link {
		font-size: 15;
	}

	.imgbenefit {
		width: 80vw;
	}

	.logomariberasuransi {
		width: 200px;
	}

	.logobcailogo {
		width: 250px;
	}
}

@media screen and (max-width: 767px) {

	/* small device landscape */
	body {
		margin-left: 10px;
		margin-right: 10px;
	}

	.logoimg {
		width: 100px;
		height: auto;
	}

	.logoimgbcai {
		width: 150px;
	}

	.Heading1 {
		font-size: 30px;
	}

	.imglogo {
		width: 30vw;
	}

	.imglogoklaim {
		width: 25vw;
	}

	.mapframe {
		height: 30vh;
		width: 70vw;
	}

	.nav-link {
		font-size: 15;
	}

	.imgbenefit {
		width: 95vw;
	}
}

@media (max-width: 500px) {
	body {
		margin-left: 10px;
		margin-right: 10px;
	}

	.logoimg {
		width: 100px;
		height: auto;
	}

	.logoimgbcai {
		width: 130px;
	}

	.Heading1 {
		font-size: 30px;
	}

	.imglogo {
		width: 30vw;
	}

	.imglogoklaim {
		width: 25vw;
	}

	.mapframe {
		height: 30vh;
		width: 70vw;
	}

	.nav-link {
		font-size: 15;
	}

	.imgbenefit {
		width: 95vw;
	}
}

.navbar-brand {
	/* margin-left: 3%; */
	/* margin-top: 2%; */
}



.font10 {
	font-size: 0.8vw;
	text-align: right;
}

.homescreen {
	height: 95%;
	background-image: linear-gradient(to right, #00ABD5, #006FB7, #3A3DAA);
}

.tableheader {
	background-image: linear-gradient(to left, #00ABD5, #006FB7, #3A3DAA);
	color: white;
	text-align: center;
}

.premiheader {
	border: solid 3px white;
}

th {
	font-size: 1.2vw;
}

td {
	font-size: 1.1vw;
}

li {
	margin-bottom: 0.5%;
	font-size: 1vw;
}

.td1 {
	background-color: #E2E2E2;
	text-align: left;
	padding-left: 5%;
	border-bottom: solid 2px black;
	border-right: solid 3px white;
}

.td2 {
	text-align: right;
	padding-right: 2%;
	border-bottom: solid 2px black;
	border-right: solid 3px white;
	background-color: #E2E2E2;
}

.td3 {
	background-color: #E2E2E2;
	text-align: center;
}

.td4 {
	text-align: left;
	padding-left: 2%;
	border-bottom: solid 2px black;
	background-color: #E2E2E2;
	border-top: solid 1px white;
}

.td5 {
	background-color: #E2E2E2;
	text-align: center;
	border-left: solid 2px black;
	border-bottom: solid 2px black;
	border-top: solid 1px white;
}

.td6 {
	background-color: #E2E2E2;
	text-align: left;
	border-left: solid 2px black;
	border-bottom: solid 2px black;
	border-top: solid 1px white;
	padding-left: 2%;
}

.td7 {
	background-color: #E2E2E2;
	text-align: center;
	border-bottom: solid 2px black;
}

.hometitle {
	padding-top: 3%;
	display: flex;
	text-align: center;
	color: white;
	font-style: italic;
	justify-content: center;
	font-size: 4vw;
	padding-left: 21%;
	padding-right: 21%;
}

.homedesc {
	font-size: 1.2vw;
	margin-top: 2%;
	color: white;
	padding-left: 8%;
	padding-right: 8%;
	text-align: center;
	line-height: 1.5;
}

.homeimg {
	width: 55%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.produkdsc {
	padding-top: 5%;
	text-align: center;
	color: #0E0661;
	font-style: bold;
	justify-content: center;
	font-size: 2vw;
	padding-left: 10%;
	padding-right: 10%;
}

.carddeck {
	padding-top: 5%;
	padding-left: 2%;
	padding-right: 2%
}

.cardbody1 {
	background-color: #F3DB15;
	height: 5vw;
}

.card-title {
	font-size: 1.1vw;
	font-weight: bold;
	font-display: flex;
	align-items: center;
	justify-content: center;
}

.card-title2 {
	font-size: 1.2vw;
	font-weight: bold;
	font-display: flex;
	align-items: center;
	justify-content: center;
}

.cardbody2 {
	background-color: #0073BF;
	color: white;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	height: 8vw;
}

.card-text {
	font-size: 1vw;
}

.keunggulansection {
	margin-top: 10%;
	height: 40%;
	background-image: linear-gradient(to right, #00ABD5, #006FB7, #3A3DAA);
	padding-bottom: 2%;
}

.keunggulansection2 {
	margin-top: 2%;
}

.keunggulandesc {
	font-size: 3.5vw;
	font-display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
	margin-bottom: 2%;
	padding-top: 1%
}

.unggulpart {
	padding-left: 5%;
	padding-right: 5%;
}

.unggulimg {
	padding-top: 2%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 8vw;
	height: 8vw;
}

.unggultext {
	padding-top: 4%;
	color: white;
	font-size: 1.2vw;
}

.unggultext2 {
	padding-top: 2%;
	color: black;
	font-size: 1.6vw;
}

.ungguldesc2 {
	font-size: 3.5vw;
	font-display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: black;
	padding-top: 1%;
	margin-top: 1%
}

.ungguldescimg {
	height: 4vw;
}

.perlucard {
	border-radius: 25px;
	margin-bottom: 3%;
	align-items: center;
	margin-left: 4%;
	margin-right: 4%;
	height: 15vw;
}

.perluimg {
	margin-top: 4%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 12vw;
	height: 8vw;
}

.perludititle {
	font-size: 3.5vw;
	font-display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: black;
	padding-top: 1%;
	margin-top: 1%
}

.notemessage {
	margin-left: 4%;
	font-size: 1vw;
	margin-bottom: 1%;
	margin-top: 1%;
}

.sectiontitle {
	margin-left: 4%;
	margin-right: 4%;
	margin-bottom: 1%;
	margin-top: 1%;
	font-size: 1.8vw;
}

.fiturlisttitle {
	font-size: 1.2vw;
}

.fiturlist {
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 1%;
}

.fiturdd {
	margin-left: 1%;
	margin-top: 1%;
	font-size: 1.2vw;
}

.premiimg {
	width: 75%;
	display: block;
	justify-content: center;
	align-items: center;

}

.element {
	display: inline-block
}

.premicontainer {
	display: flex;
	align-items: center;
	justify-content: center;
}

.premitable {
	width: 100%;
}

.admintable {
	margin-left: 6%;
	width: 55%;
	font-size: 1.5vw;
	margin-bottom: 1%;
}

.dokumentable {
	margin-left: 4%;
	width: 60%;
}

.dokumentable2 {
	margin-left: 4%;
	width: 80%;
}

.premitext {
	margin-left: 4%;
	margin-right: 4%;
	margin-bottom: 1%;
	margin-top: 1%;
	text-align: center;
	font-size: 1.5vw;
}

.sectionparagraph {
	margin-left: 4%;
	margin-right: 4%;
	font-size: 1.2vw;
}

.sectiontitlesmall {
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 1%;
	margin-bottom: 0.2%;
	font-size: 1.2vw;
}

.sectionparagraphsmall {
	margin-left: 5%;
	margin-right: 4%;
	line-height: 1.5;
	margin-bottom: 1%;
	margin-top: 1%;
	font-size: 1.2vw;
}

.sectionlist {
	margin-left: 4%;
	margin-right: 4%;
	line-height: 1.5;
}

.sectionlistsmall {
	margin-left: 4%;
	margin-right: 4%;
	line-height: 1.3;
}

.prosedurpart {
	padding-left: 5%;
	padding-right: 5%;
	justify-content: center;
	align-items: center;
	display: flex;
}

.arrowpart {
	padding-left: 5%;
	padding-right: 5%;
	width: auto;
	justify-content: center;
	align-items: center;
	display: flex;
}

.arrowimg {
	display: block;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0;
}

.prosedurimg {
	display: block;
	width: 18vw
}

.bigprosedurimg {
	margin-top: 2%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	align-items: left;
	justify-content: left;
	height: 32vw
}

.bigprosedur {
	margin-left: 1%;
	margin-right: 1%
}

.sectionparagraphitalic {
	margin-left: 4%;
	margin-right: 4%;
	font-style: italic;
}

.belisekarang {
	width: 16vw;
	height: 4vw;
	position: fixed;
	bottom: 25px;
	left: 50%;
	transform: translate(-50%, 0);
	padding-bottom: 5%;
}

.belisekarang button {
	font-size: 1.8vw;
	font-weight: bold;
	padding-left: 5%;
	padding-right: 5%;
	background-image: linear-gradient(to right, #003F99, #006FBE);
	color: white;
}

.belisekarang button:hover {
	color: #00AED6;
}

/* ipad scrn */

@media only screen and (max-width: 991px) {

	#btntogglenavbar{
		display: none;
	}

	.navbar-nav {
		text-align: center;
	}

	/* .nav-link
	{
		font-size: 4vw;
	} */

	.hometitle {
		padding-top: 3%;
		display: flex;
		text-align: center;
		color: white;
		font-style: italic;
		justify-content: center;
		font-size: 10vw;
		padding-left: 12%;
		padding-right: 12%;
		padding-bottom: 2%;
	}

	.homedesc {
		font-size: 3.2vw;
		padding-left: 8%;
		padding-right: 8%;
	}

	.produkdsc {
		padding-top: 5%;
		text-align: center;
		color: #0E0661;
		font-style: bold;
		justify-content: center;
		font-size: 5vw;
		padding-left: 5%;
		padding-right: 5%;
	}

	.carddeck {
		padding-top: 5%;
		padding-left: 5%;
		padding-right: 5%
	}

	.cardbody1 {
		background-color: #F3DB15;
		height: 15vw;
	}

	.card-img-top {
		height: 100%;
	}

	.card-title {
		font-size: 3.6vw;
		font-weight: bold;
		font-display: flex;
		align-items: center;
		justify-content: center;
	}

	.card-title2 {
		font-size: 2.5vw;
		font-weight: bold;
		font-display: flex;
		align-items: center;
		justify-content: center;
	}

	.cardbody2 {
		background-color: #0073BF;
		color: white;
		border-bottom-left-radius: 25px;
		border-bottom-right-radius: 25px;
		height: 28vw;
	}

	.card-text {
		font-size: 3.8vw;
	}

	.keunggulandesc {
		font-size: 5vw;
		font-display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: white;
		margin-bottom: 2%;
		padding-top: 1%
	}

	.unggulpart {
		padding-left: 5%;
		padding-right: 5%;
	}

	.unggulimg {
		margin-top: 4%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 16vw;
		height: 16vw;
	}

	.unggultext {
		padding-top: 6%;
		color: white;
		font-size: 1.9vw;
	}

	.unggultext2 {
		padding-top: 6%;
		color: black;
		font-size: 2.4vw;
	}

	.ungguldesc2 {
		font-size: 5vw;
		font-display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: black;
		padding-top: 1%;
		margin-top: 2%
	}

	.ungguldescimg {
		height: 8vw;
		width: 32vw;
	}


	.perlucard {
		border-radius: 25px;
		margin-bottom: 3%;
		align-items: center;
		margin-left: 4%;
		margin-right: 4%;
		height: 26vw;
		width: 20vw;
	}

	.perluimg {
		margin-top: 4%;
		display: block;
		margin-left: 2%;
		margin-right: 2%;
		width: 16vw;
		height: 16vw;
	}

	.perludititle {
		font-size: 6vw;
		font-display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: black;
		padding-top: 1%;
		margin-top: 4%
	}

	.notemessage {
		margin-left: 4%;
		font-size: 3vw;
		margin-bottom: 4%;
		margin-top: 2%;
	}

	.sectiontitle {
		margin-left: 4%;
		margin-right: 4%;
		font-size: 5vw;
	}

	.fiturlisttitle {
		font-size: 3.5vw;
	}

	.fiturlist {
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 1%;
	}

	.fiturdd {
		margin-left: 1%;
		font-size: 3.5vw;
	}

	.premiimg {
		width: 75%;
		justify-content: center;
		display: flex;
		align-items: center;
	}

	.element {
		display: inline-block
	}

	.premicontainer {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.premitable {
		margin-left: 4%;
		width: 90%;
		margin-bottom: 4%;
	}

	.dokumentable {
		margin-left: 4%;
		width: 75%;
		margin-bottom: 4%;
	}

	.dokumentable2 {
		margin-left: 4%;
		width: 85%;
		margin-bottom: 4%;
	}

	.premitext {
		margin-left: 4%;
		margin-right: 4%;
		margin-bottom: 2%;
		text-align: center;
		font-size: 3.5vw;
	}

	th {
		font-size: 3.2vw;
	}

	td {
		font-size: 3.2vw;
	}



	.td1 {
		background-color: #E2E2E2;
		text-align: left;
		padding-left: 5%;
		border-bottom: solid 2px black;
		border-right: solid 3px white;
	}

	.td2 {
		text-align: right;
		padding-right: 2%;
		border-bottom: solid 2px black;
		border-right: solid 3px white;
		background-color: #E2E2E2;
	}

	.td3 {
		background-color: #E2E2E2;
		text-align: center;
	}

	.td4 {
		text-align: left;
		padding-left: 2%;
		border-bottom: solid 2px black;
		background-color: #E2E2E2;
		border-top: solid 1px white;
	}

	.td5 {
		background-color: #E2E2E2;
		text-align: center;
		border-left: solid 2px black;
		border-bottom: solid 2px black;
		border-top: solid 1px white;
	}

	.td6 {
		background-color: #E2E2E2;
		text-align: left;
		border-left: solid 2px black;
		border-bottom: solid 2px black;
		border-top: solid 1px white;
		padding-left: 2%;
	}

	.td7 {
		background-color: #E2E2E2;
		text-align: center;
		border-bottom: solid 2px black;
	}

	.admintable {
		margin-left: 7%;
		margin-right: 7%;
		width: 85%;
		margin-bottom: 3%;
		font-size: 3.5vw;
	}

	.sectionparagraph {
		margin-left: 4%;
		margin-right: 4%;
		font-size: 3.5vw;
		margin-bottom: 2%;
		margin-top: 2%;
		line-height: 1.5;
	}

	.sectiontitlesmall {
		margin-left: 4%;
		margin-right: 4%;
		margin-top: 1%;
		font-size: 3.8vw;
		margin-bottom: 2%;
		margin-top: 2%;
	}

	.sectionparagraphsmall {
		margin-left: 5%;
		margin-right: 4%;
		line-height: 1.5;
		margin-bottom: 2%;
		margin-top: 2%;
		font-size: 3.5vw;
	}

	.sectionlist {
		margin-left: 4%;
		margin-right: 4%;
		line-height: 1.5;
	}

	.sectionlistsmall {
		margin-left: 4%;
		margin-right: 4%;
		line-height: 1.3;
	}

	.prosedurpart {
		padding-left: 5%;
		padding-right: 5%;
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.arrowpart {
		padding-left: 5%;
		padding-right: 5%;
		width: auto;
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.arrowimg {
		display: block;
		width: 20%;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0%;
		margin-bottom: 0;
	}

	.prosedurimg {
		display: block;
		width: 56vw;
	}


	.bigprosedurimg {
		margin-top: 2%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		align-items: left;
		justify-content: left;
	}

	.sectionparagraphitalic {
		margin-left: 4%;
		margin-right: 4%;
		font-style: italic;
	}

	.belisekarang {
		width: 40vw;
		height: 10vw;
		position: fixed;
		padding-bottom: 5%;
	}

	.belisekarang button {
		font-size: 5vw;
		font-weight: bold;
		padding-left: 5%;
		padding-right: 5%;
		background-image: linear-gradient(to right, #003F99, #006FBE);
		color: white;
	}

	.font10 {
		font-size: 2.4vw;
		text-align: right;
	}

	.homeimg {
		width: 75%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

}


/* mobil scrn */

@media only screen and (max-width: 767px) {
	.navbar-nav {
		text-align: center;
	}

	.hometitle {
		padding-top: 3%;
		display: flex;
		text-align: center;
		color: white;
		font-style: italic;
		justify-content: center;
		font-size: 40px;
		padding-left: 12%;
		padding-right: 12%;
		padding-bottom: 2%;
	}

	.homedesc {
		font-size: 3.2vw;
		padding-left: 8%;
		padding-right: 8%;
	}

	.homeimg {
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.produkdsc {
		padding-top: 5%;
		text-align: center;
		color: #0E0661;
		font-style: bold;
		justify-content: center;
		font-size: 5vw;
		padding-left: 5%;
		padding-right: 5%;
	}

	.carddeck {
		padding-top: 5%;
		padding-left: 5%;
		padding-right: 5%
	}

	.cardbody1 {
		background-color: #F3DB15;
		height: 20vw;
	}

	.card-img-top {
		height: 50%;
	}

	.card-title {
		font-size: 4vw;
		font-weight: bold;
		font-display: flex;
		align-items: center;
		justify-content: center;
	}

	.card-title2 {
		font-size: 4vw;
		font-weight: bold;
		font-display: flex;
		align-items: center;
		justify-content: center;
	}

	.cardbody2 {
		background-color: #0073BF;
		color: white;
		border-bottom-left-radius: 25px;
		border-bottom-right-radius: 25px;
		height: 28vw;
	}

	.card-text {
		font-size: 3.2vw;
	}

	.keunggulandesc {
		font-size: 6vw;
		font-display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: white;
		margin-bottom: 2%;
		padding-top: 1%
	}

	.unggulpart {
		padding-left: 5%;
		margin-top: 5%;
		padding-right: 5%;
	}

	.unggulimg {
		margin-top: 4%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 24vw;
		height: 20vw;
	}

	.unggultext {
		padding-top: 6%;
		color: white;
		font-size: 4vw;
	}

	.unggultext2 {
		padding-top: 6%;
		color: black;
		font-size: 4.6vw;
	}

	.ungguldesc2 {
		font-size: 6vw;
		font-display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: black;
		padding-top: 1%;
		margin-top: 4%
	}

	.ungguldescimg {
		height: 32px;
		width: 150px;
	}

	.perlucard {
		border-radius: 25px;
		margin-bottom: 3%;
		align-items: center;
		margin-left: 4%;
		margin-right: 4%;
		height: 38vw;
		width: 36vw;
	}

	.perluimg {
		margin-top: 4%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 24vw;
		height: 20vw;
	}

	.perludititle {
		font-size: 6vw;
		font-display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: black;
		padding-top: 1%;
		margin-top: 4%
	}

	.notemessage {
		margin-left: 4%;
		font-size: 4vw;
		margin-bottom: 4%;
		margin-top: 2%;
	}

	.sectiontitle {
		margin-left: 4%;
		margin-right: 4%;
		font-size: 6vw;
	}

	.fiturlisttitle {
		font-size: 3.8vw;
	}

	.fiturlist {
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 1%;
	}

	.fiturdd {
		margin-left: 1%;
		font-size: 3.8vw;
	}

	.premiimg {
		width: 75%;
		justify-content: center;
		display: flex;
		align-items: center;
	}

	.element {
		display: inline-block
	}

	.premicontainer {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.premitable {
		margin-left: 4%;
		width: 90%;
		margin-bottom: 4%;
	}

	.dokumentable {
		margin-left: 4%;
		width: 80%;
		margin-bottom: 4%;
	}

	.dokumentable2 {
		margin-left: 4%;
		width: 90%;
		margin-bottom: 4%;
	}

	.premitext {
		margin-left: 4%;
		margin-right: 4%;
		margin-bottom: 2%;
		text-align: center;
		font-size: 3.8vw;
	}

	th {
		font-size: 3.6vw;
	}

	td {
		font-size: 3.6vw;
	}

	li {
		margin-top: 2%;
		margin-bottom: 2%;
		font-size: 3vw;
		line-height: 1.5;
	}

	.td1 {
		background-color: #E2E2E2;
		text-align: left;
		padding-left: 5%;
		border-bottom: solid 2px black;
		border-right: solid 3px white;
	}

	.td2 {
		text-align: right;
		padding-right: 2%;
		border-bottom: solid 2px black;
		border-right: solid 3px white;
		background-color: #E2E2E2;
	}

	.td3 {
		background-color: #E2E2E2;
		text-align: center;
	}

	.td4 {
		text-align: left;
		padding-left: 2%;
		border-bottom: solid 2px black;
		background-color: #E2E2E2;
		border-top: solid 1px white;
	}

	.td5 {
		background-color: #E2E2E2;
		text-align: center;
		border-left: solid 2px black;
		border-bottom: solid 2px black;
		border-top: solid 1px white;
	}

	.td6 {
		background-color: #E2E2E2;
		text-align: left;
		border-left: solid 2px black;
		border-bottom: solid 2px black;
		border-top: solid 1px white;
		padding-left: 2%;
	}

	.td7 {
		background-color: #E2E2E2;
		text-align: center;
		border-bottom: solid 2px black;
	}

	.admintable {
		margin-left: 7%;
		width: 85%;
		margin-bottom: 3%;
		margin-right: 7%;
		font-size: 3.6vw;
	}

	.sectionparagraph {
		margin-left: 4%;
		margin-right: 4%;
		font-size: 3.8vw;
		margin-bottom: 2%;
		margin-top: 2%;
		line-height: 1.5;
	}

	.sectiontitlesmall {
		margin-left: 4%;
		margin-right: 4%;
		margin-top: 1%;
		font-size: 4vw;
		margin-bottom: 2%;
		margin-top: 2%;
	}

	.sectionparagraphsmall {
		margin-left: 5%;
		margin-right: 4%;
		line-height: 1.5;
		margin-bottom: 2%;
		margin-top: 2%;
		font-size: 3.8vw;
	}

	.sectionlist {
		margin-left: 4%;
		margin-right: 4%;
		line-height: 1.5;
	}

	.sectionlistsmall {
		margin-left: 4%;
		margin-right: 4%;
		line-height: 1.3;
	}

	.prosedurpart {
		padding-left: 5%;
		padding-right: 5%;
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.arrowpart {
		padding-left: 5%;
		padding-right: 5%;
		width: auto;
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.arrowimg {
		display: block;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0%;
		margin-bottom: 0;
	}

	.prosedurimg {
		display: block;
		width: 100%
	}

	.bigprosedurimg {
		margin-top: 2%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		align-items: left;
		justify-content: left;
	}

	.sectionparagraphitalic {
		margin-left: 4%;
		margin-right: 4%;
		font-style: italic;
	}

	.belisekarang {
		margin-top: 10%;
		padding-bottom: 10%;
	}

	.belisekarang button {
		font-size: 5vw;
		font-weight: bold;
		padding-left: 5%;
		padding-right: 5%;
		background-image: linear-gradient(to right, #003F99, #006FBE);
		color: white;
	}

	.font10 {
		font-size: 2.8vw;
		text-align: right;
	}
}

@media (max-width: 575.98px) {
	.homedesc {
		font-size: 4.4vw;
	}

	.homescreen {
		margin-top: 60px;
		height: 90%;
		;
	}
}


.css001 {
	max-width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.css002 {
	max-width: 100%;
}

.css003 {
	margin-bottom: 10px;
}

.class-click {
	margin-right: 10px;
}