body{
  padding-top: 7.5rem;
  /* color: #415161; */
  color: #212529;
  background: #f5f5f5;
  font-family: 'Poppins',sans-serif;
}

.nav-marketqu{
  background: white;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0,0,0,0.07);
}

.nav-m-logo{
  height: 65px;
}

.navbar-nav .nav-link {
  color: #415161;
}

.nav-m-c{
  /* display: inline-block !important;  */
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media (min-width: 768px){
  .navbar-right {
      float: right !important;
  }

  .img-soon{
    height: 75vh;
    width: 100%;
    object-fit: cover;
  }
}

.igt-r{
  height: 38px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

.hide{
  display: none;
}

.navbar-toggler {
  border: 1px solid #415161;
}

.row-list-p{
  margin-bottom: 15px;
}

.a-list-p:hover{
  text-decoration: none !important;
}

.list-p{
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  color: rgba(0,0,0,.87);
  background: white;
}

.list-po {
   background-color: white;
   position: relative;
   width: 100%;
   padding-top: 120%; /* 4:3 Aspect Ratio */
}

.single-img{
   background-color: white;
   position: relative;
   width: 100%;
   /* padding-top: 75%; /* 3:4 Aspect Ratio */ */
}

.single-img img{
  width: 100%;
  height: auto;
}

.img-list {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   text-align: center;
   font-size: 20px;
   color: white;
   width: 100%;
   height:100%;
   object-fit:cover;
}

.details-po{
 padding: 20px 10px;
}

.details-po h2{
  font-size: 17px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.details-po span{
  font-size: 14px;
  color: #f37021;
}

.breadcrumb{
  padding: 0;
  background: transparent;
  font-size: 0.9em;
}

.single-content{
  background: white;
  padding: 15px;
  border-radius: 0.25rem;
  margin-bottom: 20px;
}

.det-po span{
  color: #999999;
  font-size: 0.8em;
}

.single-content p, .det-po p{
  margin-bottom: 0;
}

.single-title{
  font-size: 23px;
}

.single-title-2{
  font-size: 19px;
}

.single-proses{
  background: white;
  padding: 15px;
  border-radius: 0.25rem;
}

.img-var{
  width: 100%;
  height: auto;
}

.label-bank{
  border-radius: 0.25rem;
  display: block;
  margin-bottom: .5rem;
  border: 1px solid #ced4da;
  padding: 20px;
  cursor: pointer;
  text-align: center;
}

.label-bank:hover, .label-bank.active{
  border: solid 1px #f76f55;
}

.img-bank{
  height: 40px;
  width: auto;
}

.payment-header{
  text-align: center;
}

.payment-logo{
  width: 240px;
  height: auto;
}

.clock{
  text-align: center;
}

.clock #clock{
  display: inline-block;
}

div.clock-t {
  float: left;
  display: inline-block;
  margin: 0 5px;
  text-align: center;
  border-radius: 0.25rem;
}

div.clock-t span:nth-child(1){
  font-size: 2.4em;
  font-weight: bold;
  background: #f2f2f2;
  width: 60px;
  display: inline-block;
}

.required{
  color: red;
}

input::placeholder, textarea::placeholder {
  color: #999999 !important;
  font-size: 0.9em;
}

@media (max-width: 480px){
  .det-po{
    padding-top: 15px;
  }
}