@media (max-width: 767px) and (min-width: 320px){
	#bc-article-array .normal-card{
		border-radius:0px;
		box-shadow:none;
		border:none;
		height:auto !important;
	}
}
@media (max-width: 1024px) and (min-width: 768px){
	#bc-article-array [class*="featured-content-list"] img{
		display:none;
	}
	#bc-article-array .normal-card{
		border-radius:0px;
		box-shadow:none;
		border:none;
		height:auto;
		margin: 10px;
	}
}

@media ( min-width : 768px) {
	.article-related {
		margin-left: -30px;
		width: 828px;
	}
	#bc-article-array .featured-content-list img {
		height: 220px;
	}
}
@media (max-width: 567px) and (min-width: 320px){
	.bc_dropdown{
	width: 100%;
	}
}
.article-related h2{
	padding-bottom:8px;
}
#bc-article-array .featured-content-list .aspect-ratio-16-to-9{
	margin:4px;
}
#bc-article-array .featured-content-list img{
	margin: 0px auto 30px;
    max-width: 220px;
}
#bc-article-array .normal-card{
	height: 330px;
}
#bc-article-array .featured-content-list{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
#bc-article-array .featured-content-list a{
	position:inherit;
	text-decoration:none;	
}
.bc_main{
	min-width: 320px;
	width: 100%;
	height: 330px;
	position: relative;
	display:none;	
}

.bc_9col{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.bc_main_9col{
	width: 100%;
	height: 330px;
	position: relative;
}

.bc_q1_start{
	display:none;
}
	
#bc_q2{
	display:none;
}

#bc_q3{
	display:none;
}

.bc_close_btn{
	position: absolute;
	float: right;
	right:0px;
	width:20px;
	height:20px;
	color: #003946;
	margin:15px;
	cursor: pointer;
}

.bc_close_btn::before{
	font-family: FontAwesome;
	content: "\f00d";
	font-size: 28px;
}

.bc_background{
	background-image: url('/content/dam/sunlife/regional/indonesia/images/sun_bg_desktop_v02.jpg');
	background-position:center center;
	background-repeat:no-repeat;

}	

.bc_main_title{
	margin: auto;
	font-family:Sun Life New Text Regular,Helvetica Neue,Calibri,sans-serif;
    font-size: 30px;
    color: #003946;
    line-height: 30px;
	text-align: center;
	padding-top:51px;
	font-weight: 400;
	padding-bottom: 10px;
}

.bc_main_question{
	margin: auto;
	font-family:Sun Life New Text Regular,Helvetica Neue,Calibri,sans-serif;
	font-weight: 200;
	font-style: normal;
    font-size: 20px;
    color: #003946;
    line-height: 27px;
	text-align: center;
	padding-top:15px;
	transform: scale(1);
	transition: transform 0.3s ease;

}

#bc_q1_1_ans_select_1::-ms-expand {
    display: none;
}

#bc_q2_1_ans_select_1::-ms-expand {
    display: none;
}

#bc_q2_1_ans_select_2::-ms-expand {
    display: none;
}

#bc_q2_1_ans_select_3::-ms-expand {
    display: none;
}

#bc_q2_1_ans_select_4::-ms-expand {
    display: none;
}

#bc_q3_1_ans_select_1::-ms-expand {
    display: none;
}

#bc_q3_2_ans_select_1::-ms-expand {
    display: none;
}

#bc_q3_2_ans_select_2::-ms-expand {
    display: none;
}

#bc_q3_2_ans_select_3::-ms-expand {
    display: none;
}

#bc_q3_2_ans_select_4::-ms-expand {
    display: none;
}

.form-control-bc {
    border: none;
    border-radius: 0;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family:Sun Life New Text Regular,Helvetica Neue,Calibri,sans-serif;
    font-weight: 400;
    font-size: 20px;
    height: auto;
    padding-right: 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px;
    background-image: url('/content/dam/sunlife/legacy/assets/id/Bright Curator/form-ui-select-dropdown-arrow.png');
}


.bc_dropdown{
	/*border-bottom: 1px solid #003946 !important;
	min-height: 27px !important;
	padding-right: 30px;*/
	border-bottom: 1px solid #202223!important;
	min-height: 30 px !important;
	padding-right: 30px;
	/*text-align: center;*/
	text-align: left;
}

.bc_dropdown:focus {
    outline-color: #4db8ff;
}
option{
	width:inherit;
}


.bc_submit_btn{
	margin: auto;
	text-align: center;
	padding-top:29px;
	opacity: 0;
	display: none;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	padding-bottom: 20px;
}

.bc_q_start{
	transform: scale(1);
	transition: transform 0.3s ease;
	display:block !important;
}

.isAns{
	border-bottom-width: 0px;
}

.bc_showSubmitBtn{
	opacity: 1;
	display: block !important;
}

.bc_break{
	display: none;
}

@-moz-keyframes bounce {
        0%{ -moz-transform:scale(0); opacity:0;}
        50%{ -moz-transform:scale(1.3); opacity:0.4; }
        75%{ -moz-transform:scale(0.9); opacity:0.7;}
        100%{ -moz-transform:scale(1); opacity:1;}
}

@-webkit-keyframes bounce {
        0%{ -webkit-transform:scale(0); opacity:0;}
        50%{ -webkit-transform:scale(1.3); opacity:0.4;}
        75%{ -webkit-transform:scale(0.9); opacity:0.7;}
        100%{ -webkit-transform:scale(1); opacity:1;}
}

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

	.bc_background{
		background-image: url('/content/dam/sunlife/legacy/assets/id/Bright Curator/sun_bg_mobile.jpg') !important;
		background-position:center center;
		background-repeat:no-repeat;

	}	
	

	.bc_main{
		height: 400px;
	}
	
	.bc_main_9col{
		height: 400px;
	}

	.bc_break{
		display: block !important;
		height:3px;
	}
	
	.bc_main_question {
		padding-top:20px;
	}

	.bc_submit_btn{
		padding-top:19px;
	}

	.bc_q_start{
		transform: scale(1);
		transition: transform 0.3s ease;
		display:block !important;
	}

	.bc_qt_start{
		transform: scale(1) !important;
		transition: transform 0.3s ease;
		display:block !important;
	}
	
	.bc_qte_start{
		transform: scale(1.0) !important;
		transition: transform 0.3s ease;
		display:block !important;
	}
	
.bc_dropdown{
  /*border-bottom: 1px solid #003946 !important;
  min-height: 27px !important;
  padding-right: 30px;*/
  border-bottom: 1px solid #202223!important;
  min-height: 30 px !important;
  padding-right: 30px;
  text-align: center;
  width : 85%;
}
}


/*custom css*/
.bc_submit_btn .btn-blue1 {
    background: #FFCB05 !important;
    color: #004570 !important;
    border: 2px solid #FFCB05;
    font-size: 1rem !important;
    padding: 7px 19px !important;
    margin: 0 !important;
    min-height: 40px !important;
    white-space: normal;
    font-weight: 700;
    border-radius: 0 !important;
}