.flex-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.bold {
	font-weight: bold !important;
}

.select2-selection__rendered {
	display: block !important;
    width: 100% !important;
    height: calc(2.25rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.university-title {
    text-transform: capitalize;
}

.select2-selection--single {
	border: 0 !important;
}

.select2-results__options{
    font-size:14px !important;
 }

/*.select2-container {
	display: block !important;
    width: 100% !important;
    height: calc(2.25rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

.select2-selection {
	display: block !important;
    width: 100% !important;
    height: calc(2.25rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}*/

option.avatar {
  background-repeat: no-repeat !important;
  padding-left: 20px;
}
.avatar .ui-icon {
  background-position: left top;
}

.desktop-hide {
	display: initial;
}
.mobile-hide {
	display: none;
}

.flex {
	display: flex;
}

.flex-column {
	flex-flow: column;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flex-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.p-t-10 {
	padding-top: 10px;
}

.m-30{
	margin-left:150px;
 	display: flex;
}
.second-image{
	width: 129%;
}
.bca-top-container {
	top: 0px;
	/*background-color: rgb(0, 102, 179, 0.05);*/
}

.middle-container {
	top: 0px;
}

.bottom-container1 {
	background-color: #0066B3;
}

.bottom-container2 {
	background-color: #F6F6F6;
}

.sticky-header {
	justify-content: space-around;
}

.sticky-footer1 {
	background-color: #0066B3;
}

.sticky-footer2 {
	background-color: #F6F6F6;
}

.bakti-logo {
	margin-top: 17px;
}

.label-header {
	color: #0066B3;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif !important;
	padding-top: 21px;
	text-align: right;
}

.astronaut-logo {
	margin-left: 10px;
	margin-right: 10px;
}

.text-footer {
	color: white;
	font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif !important;
}

.text-footer-icon {
	font-size: 14px;
	margin-top: 15px;
}

.text-footer-header {
	font-weight: bold;
	font-size: 20px;
	line-height: 27px;
	text-align: center;
	margin-top: 40px;
}

.text-astronaut {
	color: #666666;
	font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    text-align: center;
    font-family: 'Open Sans', sans-serif !important;
    margin-top: 20px;
}

ol {
	padding-left: 1.2em;
}

hr.bottom-line {
	border: 3px solid white;
	width: 100px;
}

.carousel-indicators {
    text-align: left;
    float: left;
    left: -12%;
    right: inherit;
}

.carousel-indicators li {
    border-radius: 10px !important;
    width: 10px !important;
    height: 10px !important;
}

.carousel-image {
	margin-top: -190px;
	filter: brightness(65%);
}

.carousel-image-mobile {
	margin-top: 0px;
	filter: brightness(65%);
	height: 300px;
	margin-left: -13%;
}

.float-title {
	position: absolute;
    top: 50%;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    z-index: 2;
}

.float-title-font {
    color: white;
	font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
}

.float-title-font-small {
    color: white;
	font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif !important;
}

.carousel-item, .active, .carousel-item-right, .carousel-item-left, .carousel-item-prev {
    max-height: 100%;
}

.carousel-item-prev, .carousel-item-next {
	margin-top: -40px;
}

.carousel-item-next img {
	margin-top: -150px;
}
.carousel-item-prev img {
	margin-top: -150px;
}

.carousel-inner {
	max-height: 100%;
}

.div-kiri {
	padding-left: 0px;
	padding-right: 10px;
}

.div-kanan {
	padding-left: 10px;
	padding-right: 0px;
}

.div-usia {
	padding-left: 0px;
	padding-right: 10px;
}

.div-ipk {
	padding-left: 10px;
	padding-right: 0px;
}

.div-logo-footer {
	width: 33%;
	display: inline-table;
	text-align: center;
}

.logo-footer {
	width: 100px;
	height: 100px;
}

.div-logo-univ {
	width: 100px;
	height: 100px;
	background-color: white;
	position: relative;
	display: inline-block;
	margin-right: 10px;
}

.logo-univ {
	max-width: 70px;
	max-height: 70px;
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

@media (min-width: 1200px) {
	.container {
	    max-width: 1255px !important;
	}
}

.div-formulir {
	background-color: #0066B3;
	height: 67px;
	margin-top: -67px;
}

.label-formulir {
	color: white;
	font-size: 20px;
	line-height: 27px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif !important;
	padding: 20px;
}

.label-form {
	color: #999999;
	font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
}

.label-form-upload {
	color: #999999;
	font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
    width: 45%;
}

.label-form-upload-info {
	color: #999999;
	font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif !important;
    width: 55%;
    text-align: right;
}

.label-form-upload-foto-resmi {
	color: #999999;
	font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
    width: 35%;
}

.label-form-upload-info-foto-resmi {
	color: #999999;
	font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif !important;
    width: 65%;
    text-align: right;
}

.label-form-upload-surat {
	color: #999999;
	font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
    width: 60%;
}

.label-form-upload-info-surat {
	color: #999999;
	font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif !important;
    width: 40%;
    text-align: right;
}

.progress {
	height: 5px;
	border-radius: 0px 0px 0px 4px;
}

.upload-container {
	margin-bottom: 0px;
}

.hr-loading-ktp {
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 2px solid #0066B3;
  	border-radius: 0px 0px 0px 4px;
}
.hr-loading-foto {
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 2px solid #0066B3;
  	border-radius: 0px 0px 0px 4px;
}
.hr-loading-ipk {
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 2px solid #0066B3;
  	border-radius: 0px 0px 0px 4px;
}
.hr-loading-surat {
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 2px solid #0066B3;
  	border-radius: 0px 0px 0px 4px;
}

.div-link {
	text-align: center;
}

.label-link {
	font-size: 14px;
	color: #666666;
	line-height: 19px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: 5px;
}

.label-link-kecuali {
	font-size: 13px;
	color: #666666;
	line-height: 19px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: 5px;
}

.text-link {
	margin-bottom: 20px;
	border: 5px #0066B3 ridge;
    padding: 10px 0px;
/*    -moz-box-shadow:    1px 1px 10px 0px #ccc;
	-webkit-box-shadow: 1px 1px 10px 0px #ccc;
	box-shadow:         1px 1px 10px 0px #ccc;*/
}

a {
	color: #0066B3 !important;
	line-height: 22px !important;
	font-size: 20px !important;
    font-weight: bold !important;
    font-family: 'Open Sans', sans-serif !important;
}

.form-control-block {
	display: block !important;
    /* allows labels to sit on input when inline */
}

.section-2{
	margin-top: 40px;
	max-width: 458px;
}
.section-intro{
	margin-top:0px;
}

.registration {
	padding: 20px;
	border: 0px solid #AFAFAF;
	background-color: white;
}

.sephora-body {
	background-color: #F6F6F6;
	padding: 0px 0px 0px 0px;
}

.video-box {
	background-color: #ffffff;
    margin-bottom: 24px;
    border-radius: 5px;
}

.heading3 {
	font-size: 20px;
	color: #0066B3;
    line-height: 27px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
}

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

.label-gdpr {
	text-align: justify;
}

textarea {
	min-height: 240px;
	resize: none;
}

.swal2-popup #swal2-content {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px !important;
}

.swal2-popup .swal2-title {
	font-family: 'Open Sans', sans-serif !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
	font-family: 'Open Sans', sans-serif !important;
}

.checkbox-error {
    font-size: 12px;
	color: #F70A0A;
	margin-bottom: 0;
	display: flex !important;
}

.checkbox-error-hidden {
    font-size: 12px;
	color: #F70A0A;
	margin-bottom: 0;
	display: none;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}


.side-image{
  	width:60%;
  	height: 81%;
  }

	@font-face {
	  font-family: NeoSans;
	  src: url('../../assets/integration_partner/gojek/neosans/neosans-black.otf');
	}

	body {
		background-color: #f2f2f2;
		color: #666666;
		font-family: 'Open Sans', sans-serif !important;
		overflow-x: hidden;
		font-size: 16px;
		overflow: x-hidden
	}

	.container-gojek {
		margin: 0 auto;
		margin-left: 150px;
	}

	.header-container1 {
		height: 70px;
		background-color: rgb(0, 102, 179, 0.05);
	}

	.header-container2 {
		height: 390px;
		background-color: #F6F6F6;
	}

	.footer-container1 {
		background-color: #0066B3;
		margin-top: 40px;
	}

	.footer-container2 {
		background-color: #F6F6F6;
	}

	.header-img {
		background-image: url(../../assets/integration_partner/bca/slider-image/Seminar-UNMUL-com.jpg);
	}

	.sephora-logo {
		width: 50%;
	}

	.body-container {
		background-color: #F6F6F6;
		padding: 0px;
		margin-top: 40px;
	}

	.row {
		margin: 0;
	}
	.col {
		padding: 0;
	}

	.text-align-right {
		text-align: right;
	}

	h2 {
		font-size: 1.6rem;
		margin-bottom: 1.0rem
	}
	h3 {
		font-size: 1.2rem;	
	}
	ul {
		padding-left: 20px;
	}
	li a, li a:active {
		color: white;
		text-decoration: underline;
	}
	li a:hover {
		color: white;
		text-decoration: underline;
	}

	.text-danger {
		font-size: 12px;
	}

	.text-danger-university{
		position: relative;
    top: 10px;
	}

	input {
		font-size: 16px;
		color: #666666;
	    line-height: 22px;
	    font-weight: normal;
	    font-family: 'Open Sans', sans-serif !important;
	}

	.input-ktp {
		background-image: url(../../assets/integration_partner/bca/icon/Icon-Upload-Init.svg);
		background-position: right;
    	background-repeat: no-repeat;
		background-size: 30px 20px;
		margin-bottom: 0;
		background-origin: content-box;
	}

	.input-ktp input{
		opacity: 0;
		margin-top: -10px;
	}

	
	#ktp_file,#foto_file,#transkrip_file,#surat_file {
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
		margin-bottom: 0;
		width: 175px;
		font-size: 15px;
		color: lightgrey;
	}

	.input-foto {
		background-image: url(../../assets/integration_partner/bca/icon/Icon-Upload-Init.svg);
		background-position: right;
    	background-repeat: no-repeat;
    	background-size: 30px 20px;
    	margin-bottom: 0;
    	background-origin: content-box;
	}

	.input-foto input{
		opacity:0;
		margin-top: -10px;
	}

	/* .input-foto:hover {
		background-image: url(../../assets/integration_partner/bca/icon/Icon-Upload-Progress.svg);
	} */

	.input-transkrip {
		background-image: url(../../assets/integration_partner/bca/icon/Icon-Upload-Init.svg);
		background-position: right;
    	background-repeat: no-repeat;
    	background-size: 30px 20px;
    	margin-bottom: 0;
    	background-origin: content-box;
	}

	.input-transkrip input{
		opacity:0;
		margin-top: -10px;
	}

	/* .input-transkrip:hover {
		background-image: url(../../assets/integration_partner/bca/icon/Icon-Upload-Progress.svg);
	} */

	.input-surat {
		background-image: url(../../assets/integration_partner/bca/icon/Icon-Upload-Init.svg);
		background-position: right;
    	background-repeat: no-repeat;
    	background-size: 30px 20px;
    	margin-bottom: 0;
    	background-origin: content-box;
	}

	.input-surat input{
		opacity:0;
		margin-top: -10px;
	}

	 .uploaded {
		background-image: url(../../assets/integration_partner/bca/icon/Icon-Upload-Done.svg) !important;
	}
	.upload-progress {
		background-image: url(../../assets/integration_partner/bca/icon/Icon-Upload-Progress.svg) !important;
	}
	/* .input-surat:hover {
		background-image: url(../../assets/integration_partner/bca/icon/Icon-Upload-Progress.svg);
	} */

	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #CCCCCC !important;
	  opacity: 1; /* Firefox */
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #CCCCCC !important;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
	  color: #CCCCCC !important;
	}
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #CCCCCC !important;
	}
	::-moz-placeholder { /* Firefox 19+ */
	  color: #CCCCCC !important;
	}
	:-moz-placeholder { /* Firefox 18- */
	  color: #CCCCCC !important
	}
	/*input {
		font-size: 18px !important;
	    padding: 10px 10px 10px 5px !important;
	    width: 98% !important;
	    border: none !important;
	    border-bottom: 1px solid #757575 !important;
	    border-radius: 0 !important;
	    outline-offset: 0px !important;
	  	outline: none !important;
	}*/
	/*input[type=file] {
		border-bottom: 0px solid #757575;
	    padding: 5px 0px 5px 0px !important;
	    border-radius: 0 !important;
	    outline-offset: 0px !important;
	  	outline: none !important;
	  	font-size: 14px !important;
	}*/
	.btn-primary {
		width: 100%;
		height: 50px;
		background-color: #0066B3;
		border-color: #0066B3;
		color: white !important;
		font-size: 16px;
		line-height: 22px;
		font-weight: bold;
		border-radius: 0px !important;
	}
	.btn.btn-primary:disabled{
	    background-color: #999999;
	    border-color: #999999;
	}
	.btn.btn-primary:active{
	    background-color: #0066B3 !important;
	}
	.btn.btn-primary:hover{
	    background-color: #0066B3;
	}
	.form-error {
	    border: 2px solid red !important;
	}

	/*.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	  background-color: #0066B3 !important;
	}
	.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
	  box-shadow: 0 0 0 1px #0066B3, 0 0 0 0.2rem rgba(0, 0, 0, 0)
	}
	.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
	  box-shadow: 0 0 0 1px #0066B3, 0 0 0 0.2rem rgba(0, 0, 0, 0)
	}
	.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
	  background-color: #0066B3; 
	}
	.gojek-checkbox {
		margin-bottom: 15px;
	}*/

	/*consent checkbox*/
	/*.custom-control-consent:checked ~ .custom-control-label::before {
	  background-color: #0066B3 !important;
	}
	.custom-control-consent:checked:focus ~ .custom-control-label::before {
	  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0)
	}
	.custom-control-consent:focus ~ .custom-control-label::before {
	  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0)
	}
	.custom-control-consent:active ~ .custom-control-label::before {
	  background-color: #0066B3; 
	}*/

	.gojek-quotes {
		font-family: NeoSans;
		font-size: 2.5vw;
		text-transform: uppercase;
		color: #FFFFFF;
		font-weight: bold;
		padding: 40px 0px 40px 40px;
		width: 50vw;
	}

	.gojek-footer {
		height: 120px;
	    width: 100%;
	    background-image: url(../../assets/integration_partner/gojek/footer-gojek.png);
	    background-repeat: round;
	    font-size: 16px;
	    text-align: left;
	    padding: 25px 0px 0px 40px;
	    color: #48AF4A;
	}

	.left-side {
		margin-left: 135px;
	}

	.right-side {
		margin-top: 135px;
		margin-right: 150px;
		margin-left: -65px;
	}

	.label-counter {
		font-size: 14px;
		color: #607D8B;
	}

	.left-content-wrapper {
		margin-top: 40px;
		margin-right: 83px;
		margin-bottom: 40px;
	}

	.label-subtitle {
		font-style: italic;
		font-weight: normal;
		font-size: 12px;
		color: #333333;
	}

	.aggrement{
		background-color: #ffffff;
		padding: 15px 0px 15px 0px;
		margin-bottom: 20px; 
		font-size: 14px;
	}
	.continue{
		font-size: 14px;
	}
@media screen and (min-width: 1920px){
	.container-gojek {
		margin-left: 200px;
	}
	.m-30 {
		margin-left: 200px;
	}
	.left-side {
		margin-left: 185px;
	}
	.side-image{
	  	width:50%;
	  	height: 81%;
	}
	.second-image{
	  	width:48%;
	}
	.section-intro{
	  	margin-top: 0px;
	}
	.right-side{
	  	margin-left: -167px;
	}
	.left-content-wrapper {
		margin-top: 30px;
    	margin-right: 175px;
	}
}
@media screen and (max-width: 1366px){
	.side-image{
	  	width:52%;
	  	height: 81%;
	  }
}
@media screen and (max-width: 1280px){
	.gojek-quotes{
		width: 100%;
		font-size: 39px;
	}
	.top-container{
		margin-top:-1px;
	}
	.side-image{
  	width:546px;
  	height:71%;
  }
  .left-content-wrapper {
  	margin-right: 120px;
  	margin-top: 1px;
  }
  .image-2{
  	width: 100%;
  }
  .right-side{
  	margin-top: 170px;
  	margin-left: -108px;
  }
}
@media screen and (max-width: 1024px){
	body{
		font-size: 12px;
	}
	.form-control{
		font-size: 12px;
	}
	.label-counter{
		font-size: 12px;
	}
	.gojek-footer{
		font-size: 12px;
	}
	.label-gdpr{
		font-size: 12px;
	}
	.label-gdpr-consent{
		font-size: 12px;
	}
	input[type=file] {
	  	font-size: 10px !important;
	}
	a{
		font-size: 17px !important;
		line-height: 24px !important;
	}
  .left-side {
  	margin-left: 67px;
  }
  .side-image{
  	width:54%;
  	height: 77%;
  }
  .left-content-wrapper {
  	margin-top: 40px;
  	margin-right: 39px;
  }
  .right-side{
  	margin-right: 69px;
  	margin-top: 116px;
  	margin-left :-34px;
  }
  .section-intro{
  	margin-top: 0px;
  }
  .second-image{
		width: 64% !important;
	}
  .container-gojek{
  	margin-left: 80px;
  }
  .m-30{
  	margin-left: 80px;
  }
  .image-2{
  	width: 433px;
  	margin-top:-39px;
  }
  .aggrement{
  	font-size:8px;
  }
  .continue{
		font-size: 12px;
	}
	.btn-continue{
		height: 40px;
    font-size: 15px !important;
    text-transform: uppercase;	
  }
  .gojek-quotes{
  	font-size:24px;
  }

}

@media screen  and (max-width: 800px) {
  .side-image{
  	width:53%;
  	height: 76%;
  }
  .right-side{
  	margin-top: 104px;
  }
  .image-2{
  	width: 339px;
  	margin-top:-34px;
  }
  .gojek-quotes{
  	width:330px;
  	font-size: 21px;
  }
}

@media screen and (max-width: 768px){
	.side-image{
  	height: 80%;
  }
  .right-side{
  	margin-top: 80px;
  }
  .image-2{
  	width: 323px;
  	margin-top:-39px;
  }
  .gojek-quotes{
  	font-size: 18px;
  }
  .registration {
	padding: 10px;
	}
	.sephora-logo {
		width: 80%;
	}
	/*.header-container {
		padding-top: 85px;
		background-image: url(../../assets/integration_partner/sephora/sephora-header-crop.jpg);
	}*/
	.container {
		padding: 8px;
	}
	.col-md-6 {
		padding: 8px;
	}
}


@media screen and (max-width: 640px){
	.div-logo-footer {
	    width: 100%;
	}
	.text-footer {
	    font-size: 12px;
	}
	.text-footer-header {
	    font-size: 14px;
	}
	.logo-footer {
	    max-width: 70px;
	    max-height: 70px;
	}
	hr.bottom-line {
	    border: 2px solid white;
	    width: 90px;
	}
	.label-link {
		font-size: 12px;
	}
	.label-link-kecuali {
		font-size: 12px;
	}
	.heading3 {
		font-size: 14px;
		line-height: 20px;
	}
	.col-md-6 {
		padding: 0px;
	}
	.p-10 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.row-logo-univ {
		overflow-x: auto;
  		white-space: nowrap;
	}
	.row-logo-univ::-webkit-scrollbar { width: 0 !important }
	.row-logo-univ { overflow: -moz-scrollbars-none; }
	.row-logo-univ { -ms-overflow-style: none; }

	.div-logo-univ {
		width: 60px;
		height: 60px;
		border-radius: 10px;
		box-shadow: 0px 1px 4px -3px #000000;
		display: inline-block;
  		float: none;
	}
	.logo-univ {
		max-width: 45px;
		max-height: 45px;
	}
	.footer-container1 {
		margin-top: 0px;
	}
	.div-usia {
		padding-left: 0px;
		padding-right: 10px;
	}
	.div-ipk {
		padding-left: 10px;
		padding-right: 0px;
	}
	.header-container1 {
	    height: 125px;
	}
	.label-header {
		text-align: center;
	}
	.bakti-logo {
		display:block;
    	margin:auto;
    	width: 150px;
    	margin-top: 10px;
	}
	.header-container2 {
    	height: 300px;
	}
	.div-formulir {
		margin-top: 20px;
	}
	.desktop-hide {
		display: none;
	}
	.mobile-hide {
		display: initial;
	}
	.float-title {
		top: 28%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.float-title-font {
	    color: white;
		font-size: 17px;
	    line-height: 20px;
	    font-weight: bold;
	    font-family: 'Open Sans', sans-serif !important;
	}
	.float-title-font-small {
	    color: white;
		font-size: 14px;
	    line-height: 19px;
	    font-weight: normal;
	    font-family: 'Open Sans', sans-serif !important;
	}
	.carousel-indicators {
		text-align: center;
	    float: inherit;
	    left: 25%;
	    right: unset;
	}
	.carousel-inner {
	    max-height: inherit;
	}
	#ktp_file,#foto_file,#transkrip_file,#surat_file {
		width: 300px;
		font-size: 14px;
	}
	.m-t-70 {
		margin-top: -25px;
	}
	.text-astronaut {
		line-height: 24px;
	}
	.carousel-item-prev, .carousel-item-next {
		margin-top: 0px;
	}

	.carousel-item-next img {
		margin-top: 0px;
	}
	.carousel-item-prev img {
		margin-top: 0px;
	}
	.middle-container {
		padding: 0px;
	}
	.text-footer-header {
		margin-top: 10px;
	}
	.astronaut-logo {
		width: 145px;
	}


	.title{
		width: 100px;
		margin-left: 120px;
	}
	.top-container{
		height: 400px;
	}
	.container-gojek{
		margin-left: 150px;
	}
	.m-30{
		margin-left: 0px;
		margin-top: 200px;
	}
	.gojek-quotes{
		width: 397px;
		margin-top:-204px;
		margin-left: -251px;
		font-size: 28px;
	}
	.top-container{
		margin-top:-1px;
	}
	.side-image{
    width: 54%;
    height: 66%;
    margin-top: 93px;
  }
  .image-2{
  	width: 294.2px;
  	margin-top: 133px;
  }
  .section-intro{
  	margin-top: 0px;
  	z-index: -1;
  }
  .second-image{
  	z-index: 999;
  }
  .left-content-wrapper{
  	margin-top: 0px;
  	margin-right: -15px;
  	margin-bottom: 1px;
  	padding-top: 70px;
  }
  .left-side{
  	margin-left: -15px;
  	margin-top: 150px;
  }
  .right-side{
  	margin-top: 0px;
  	margin-left: 0px;
  	margin-right: 0px;
  }
  .section-2{
  	margin-top: 0px;
		max-width: 100%;
		padding-left: 15px;
	}

}

@media screen and (max-width: 414px){
	.side-image{
  	width: 53%;
    height: 163px;
    margin-bottom: 14px;
    margin-top: -74px;
  }
  .m-30{
  	margin-left: 0px;
  	margin-top: 280px;
  }
  .image-2{
  	width: 100%;
    margin-top: 62px;
  }
  .gojek-quotes{
  	margin-top: -280px;
    margin-left: -205px;
    width: 200%;
    font-size: 22px;
  }
  .top-container{
  	margin-top: -1px;
  	height: 330px;
  }
  .title{
  	width: 54%;
  	margin-left: -23px;
  }
  .left-side{
  	margin-left: -15px;
  	margin-top: 0px;
  }
  .section-intro {
    margin-top: 0px;
    z-index: -1;
	}
	.left-content-wrapper{
		margin-top: 34px;
		margin-right: -15px;
		padding-top: 60px;
	}
	.second-image{
		z-index: 999;
	}
	.right-side{
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
	}
	.p-10{
		padding-left:10px;
	}
	.continue{
		margin-left: 10px;
	}
	#ktp_file,#foto_file,#transkrip_file,#surat_file {
		width: 300px;
	}
	.m-t-70 {
		margin-top: -25px;
	}
	.carousel-image-mobile {
		margin-left: -13%;
	}

}
@media screen and (max-width: 400px){
	.side-image{
		width: 53%;
    height: 158px;
	}
	.image-2{
		margin-top: 64px;
	}
	.gojek-quotes{
		margin-left: -194px;
	}
	.section-2{
		padding-left: 13px;
	}
	.right-side{
		margin-top: 0px;
	}
	.left-side{
		margin-top: 0px;
	}
	#ktp_file,#foto_file,#transkrip_file,#surat_file {
		width: 260px;
	}
	.m-t-70 {
		margin-top: -25px;
	}
	.carousel-image-mobile {
		margin-left: -22%;
	}
}
@media screen and (max-width: 375px){
	.image-2{
		margin-top: 64px;
	}
	a{
		font-size: 15px !important;
	}
}

@media screen and (max-width: 320px){
	.gojek-quotes {
		margin-left: -164px;
	}
	.title{
		margin-left: -28px;
	}
	.top-container{
		height: 300px;
	}
	.gojek-quotes{
		font-size: 17px;
		margin-left: -163px;
	}
	.m-30{
		margin-top: 252px;
	}
	.image-2{
		width: 100%;
		margin-top: 70px;
	}
	.side-image{
		width: 167px;
		height: 130px;
	}
	.left-content-wrapper{
		margin-top: 0px;
	}
	#ktp_file,#foto_file,#transkrip_file,#surat_file {
		width: 220px;
	}
	.carousel-indicators {
	    left: 21%;
	}
	.text-astronaut {
		font-size: 9px;
	}
	a{
		font-size: 13px !important;
	}
}