.bg-gray{
  background: transparent;
  /*padding: 203.5px 0px;*/
}
.navbar{
  margin-bottom: 0 !important;
}

.navbar-brand{
  padding: 0px !important;
  margin-left: 0px !important;

}

.navbar-btn:focus, .navbar-btn:hover {
  background-color: #e36666 !important;
}

.btn {
  border: none !important;
}

body{
  font-family: "Source Sans Pro", Arial;
  padding-top: 0;
}

nav.navbar{
  /*background: rgba(255,255,255,0.60);*/
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
}

nav.navbar li.nav-item {
  /*margin-right: 15px;*/
}

nav.navbar .nav-item a{
  color: #616161;
  font-size: 16px;
}

nav.navbar .navbar-btn{
  background: #FF7474;
  box-shadow: 0 5px 10px 0 #CBA6A6 !important;
  border-radius: 4px;
  color: #fff !important;
}

section {
  /*padding: 143.7px 0;*/
}    

nav.navbar .nav-item a.login-btn{
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.desc-content{
  text-align: center;
  padding-top: 50px;
}

.desc-content h1{
  font-size: 36px;
  color: #FFFFFF;
  font-weight: 600;
  letter-spacing: 1.31px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.50);
}

.hero-text {
  /* ayo kirim barang and: */
  font-weight: 300;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0.66px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.50);
}

section.hero .CTA a {
  background: #FF7474;
  box-shadow: 0 5px 10px 0 #222222;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0.88px;
  border: none; 
}

section.hero .CTA a:hover {
  opacity: inherit;
}

section.hero .CTA {
  margin-top: 30px;
}

nav.navbar a.nav-link:hover, nav.navbar a.nav-link.active {
  color: #FF7474;
}

#progressbar{
  /*padding-left: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #447fc1;
  background-image: -webkit-gradient(linear, left top, right top, from(#447fc1), to(#65aae8));*/
  padding: 30px;
  margin: 0 auto 10px;
  margin-bottom: -40px;
  /*border-bottom: 1px solid #d7eaf9;*/
  /*background-image: linear-gradient(to right, #447fc1, #65aae8);*/
}

#progressbar li.pilih-jadwal:before {
  content: counter(step);
  counter-increment: step;
  content: "\f073"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  width: 56px;
  line-height: 46px;
  display: block;
  font-size: 40px;
  color: #447fc1;
  background: white;
  border-radius: 50px;
  margin: 0 auto 20px auto;
  border: 5px solid #fff;
  box-shadow: 0px 0px 10px #0003;
  font-size: 26px;
}

#progressbar li.pilih-jadwal.active:before, #progressbar li.pilih-jadwal.active:after{
background: #72bce8;
}

#progressbar li.pilih-jadwal:after{
  top: 26px;
  height: 4px;
}

#progressbar li.pilih-jadwal:after{
  background: #fff;
  z-index: 0;
}

#progressbar li.pilih-jadwal:before{
  background: #ececec;
  position: relative;
  z-index: 1;
}

#progressbar li.pilih-jadwal{
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #fff;
}

#progressbar li.pilih-jadwal.active{
  color: #fff;
}

#progressbar li.isi-muatan:before {
  /* content: counter(step);
  counter-increment: step; */
  content: "\f291"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  width: 56px;
  line-height: 46px;
  display: block;
  font-size: 10px;
  color: #737373;
  background: white;
  border-radius: 50px;
  margin: 0 auto 20px auto;
  border: 5px solid #fff;
  box-shadow: 0px 0px 10px #0003;
  font-size: 26px;
}


#progressbar li.isi-muatan.active:before, #progressbar li.isi-muatan.active:after{
  background: #ffe139;
  color: #447fc1;
}

#progressbar li.isi-muatan:after{
  top: 26px;
  height: 4px;
  
}

#progressbar li.isi-muatan:after{
  background: #fff;
  z-index: 0;
}

#progressbar li.isi-muatan:before{
  background: #ececec;
  position: relative;
  z-index: 1;
}

#progressbar li.isi-muatan{
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #fff;
}

#progressbar li.isi-muatan.active{
  color: #fff;
}


#progressbar li.pilih-penyedia:before {
  /* content: counter(step);
  counter-increment: step; */
  content: "\f0d1"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  width: 56px;
  line-height: 46px;
  display: block;
  font-size: 10px;
  color: #737373;
  background: white;
  border-radius: 50px;
  margin: 0 auto 20px auto;
  border: 5px solid #fff;
  box-shadow: 0px 0px 10px #0003;
  font-size: 26px;
}

#progressbar li.pilih-penyedia.active:before, #progressbar li.pilih-penyedia.active:after{
  background: #ffe139;
  color: #447fc1;
}

#progressbar li.pilih-penyedia:after{
  top: 26px;
  height: 4px;
}

#progressbar li.pilih-penyedia:after{
  background: #fff;
  z-index: 0;
}

#progressbar li.pilih-penyedia:before{
  background: #ececec;
  position: relative;
  z-index: 1;
}

#progressbar li.pilih-penyedia{
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #fff;
}

#progressbar li.pilih-penyedia.active{
  color: #fff;
}

#progressbar li.data-pengirim:before {
  /* content: counter(step);
  counter-increment: step; */
  content: "\f2bb"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  width: 56px;
  line-height: 46px;
  display: block;
  font-size: 10px;
  color: #737373;
  background: white;
  border-radius: 50px;
  margin: 0 auto 20px auto;
  border: 5px solid #fff;
  box-shadow: 0px 0px 10px #0003;
  font-size: 26px;
}


#progressbar li.data-pengirim.active:before, #progressbar li.data-pengirim.active:after{
  background: #ffe139;
  color: #447fc1;
}

#progressbar li.data-pengirim:after{
  top: 26px;
  height: 4px;
}

#progressbar li.data-pengirim:after{
  background: #fff;
  z-index: 0;
}

#progressbar li.data-pengirim:before{
  background: #ececec;
  position: relative;
  z-index: 1;
}

#progressbar li.data-pengirim{
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #fff;
}

#progressbar li.data-pengirim.active{
  color: #fff;
}

#progressbar li.metode-pembayaran:before {
  /* content: counter(step);
  counter-increment: step; */
  content: "\f0d6"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  width: 56px;
  line-height: 46px;
  display: block;
  font-size: 10px;
  color: #737373;
  background: white;
  border-radius: 50px;
  margin: 0 auto 20px auto;
  border: 5px solid #fff;
  box-shadow: 0px 0px 10px #0003;
  font-size: 26px;
}

#progressbar li.metode-pembayaran.active:before, #progressbar li.metode-pembayaran.active:after{
  background: #ffe139;
  color: #447fc1;
}

#progressbar li.metode-pembayaran:after{
  top: 26px;
  height: 4px;
}

#progressbar li.metode-pembayaran:after{
  background: #fff;
  z-index: 0;
}

#progressbar li.metode-pembayaran:before{
  background: #ececec;
  position: relative;
  z-index: 1;
}

#progressbar li.metode-pembayaran{
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #fff;
}

#progressbar li.metode-pembayaran.active{
  color: #fff;
}

/*  
#progressbar li.active:before, #progressbar li.active:after{
  background: #2a71b1;
}

#progressbar li:after{
  top: 26px;
  height: 4px;
}

#progressbar li:after{
  background: #fff;
  z-index: 0;
}

#progressbar li:before{
  background: #ececec;
  position: relative;
  z-index: 1;
}

#progressbar li{
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #fff;
}

#progressbar li.active{
  color: #fff;
} */

.inbox nav.navbar{
  background: #fff;
}

#msform input, #msform textarea, #msform select {
  border: 1px solid #d8d8d8;
  color: #464d67;
  border-radius: 4px;
  /*padding: 10px;*/
  padding-left: 10px;
  font-size: 14px;
  letter-spacing: 1px;
}    

.form-content{
  margin-bottom: 0 !important;
}

.form-content label{
   color: #676d8a;
  text-transform: capitalize;
  font-size: 14px;
}

#msform{
  margin: 0px auto 0px;
  text-align: center;
  position: relative;
  /*background: #e2e2e2;*/
  background: #BAC7D7;
  padding-bottom: 64px;
  
}   

#msform.booking{
  /*min-height: 800px;*/
  height: 100%;   
} 

#msform fieldset{
  border-radius: 5px;
  /*margin-top: 50px;*/
  /*border: 1px solid #e8e8e8;*/
  box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
  /*width: 60%;*/
  /*margin: 0 20%;*/
}

#msform .action-button, #msform .find{    
  background: #FF7474;
  border-radius: 4px;
  color: #fff !important;
  width: auto;
  padding: 10px 30px;;
  background: #447fc1;
  box-shadow: 0 10px 20px 0 #d2e9fd !important;
}

.fs-title{
  color: #464d67;
  font-size: 22px;
  font-weight: 400;
}

.fs-subtitle{
  color: #70758e;
  font-size: 14px;
}

.find{

}

#msform input:focus, #msform textarea:focus {
  outline: none;
  box-shadow: 0px 0px 10px #e4e4e4;
}


.inbox nav.navbar .navbar-btn{
  box-shadow: 0 10px 20px 0 #ffe1e1 !important;
}

.newsletter{
  padding-top: 0px;
  /*background: #f7f7f7;*/
}

.newsletter .container,
.pt-4.bg-gray .container{
  width: 60%;
}

.pt-4.bg-gray{
  /*background: #f7f7f7 !important;*/
  min-height: 310px;
}

.newsletter h2{
  font-size: 40px;
  font-weight: 600;
  color: #6f7692;
}

.newsletter .lead{
  color: #898d9e;
  font-size: 18px;
}

.newsletter .form-holder{
  border-radius: 5px;
  box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05) !important;
}

section.newsletter .form-holder {
  padding: 40px;
  background: rgba(255, 255, 255, 0.85);
}

section.newsletter .form-group{
  background: rgba(255, 255, 255, 0.85);
  border-radius: 5px;
  box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
}

section.newsletter .form-group input{
  border-radius: 5px;
  font-family: "Source Sans Pro", Arial;
  color: #6f7692;
  border: transparent;
}    

section.newsletter .form-group .submit{
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 18px !important;
  background-image: linear-gradient(to right, #5989e5, #8db4ff);
}

section.newsletter .form-group .submit:focus{
  outline: none;
  box-shadow: none;
}

.mycard{
  margin-top: 20px ;
  margin-bottom: 20px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.85);
  padding: 40px;
  transition: opacity 2s ease-in;
}

.mycard table{
  margin-bottom: 0;
  background: #fff;
  border-color: transparent;
}

.mycard .table thead th{
  background: transparent; 
  border-bottom-width: 1px;
  color: #A6ABC3;
  font-weight: 400;
}

.mycard .table tbody td{
  color: #6f7692;
}

.table-bordered td, .table-bordered th{
  border: none;
}

.bg-tracking{
  /*background: url(../../asset/img/bg.jpg) no-repeat 0 0;*/
  background-size: cover;
  height: 100%;
}

.newsletter .alert-danger {
  color: #bd5e67;
  background-color: #ffe4e6;
  border-color: #f5c6cb;
}

#msform .action-button.previous{
  background: #ffe139;
  color: #447fc1;
  box-shadow: none !important;
}

#msform .waybill{
  width: 87.7%;
  margin-right: 8px;
}

.booking .firstName{
  margin-right: 20px;
}

.booking .firstName, .booking .secondName{
  float: left;
  width: 48.7% !important;
}

.form-item label{
  margin-right: 10px;
  color: #676d8a;
  text-transform: capitalize;
  font-size: 14px;
  width: 93px;
}

.form-item input, .form-item select{
  display: inline-block;
  width: 40% !important;
  border-radius: 4px;
  margin-bottom: 10px;
}

.form-item input.small{
  width:100px !important;
  margin-right: 5px;
}

.add-item-button{
  background: #4fc1b9;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}

.form-wrap{
  margin-bottom: 30px;
}

.table-form .table thead th {
  background: #f9f9f9;
  border-bottom-width: 1px;
  color: #8f92a0;
  font-weight: 400;
}

.table-form .table tbody td {
  color: #6f7692;
  border-bottom: 1px solid #e9ecef;
}

.table-form .table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.form-item span{
  color: #A6ABC3;
}

.sender-receiver{
  margin-top: 50px;
}

.sender-receiver input[type="text"],
.sender-receiver textarea{
  width: 65% !important;
}

.sender-receiver textarea{
  margin-left: 3px;
  resize: none;
}

.sender-receiver span.notif {
  font-size: 10px;
  font-style: italic;
  left: 106px;
  position: relative;
  top: -12px;
  color: #ab6a6a;
}

.sender-receiver h2{
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 0px;
  font-weight: 400;
  color: #6f7692;
}

.sender-receiver select{
  width: 65% !important;
  border-radius: 4px;
}

.left-form{
  border-right: 1px solid #E7EAED;
}

.sender,.receiver{
  margin-bottom: 20px;
}

.locate{
  margin-right: 40px
}

.sender label, .receiver label, 
.etd label, .type-total label, .weight label,
.locate label{
  margin-bottom: 0;
  font-size: 14px;
  color: #A6ABC3;
}

.receiver{
  margin-left: 30px;
  margin-bottom: 0;
}

.text-name, .price,.text-date,.text-type,
.text-locate{
  font-size: 18px;
  color: #6f7692;
}

.Jumlah {
  margin-right: 40px;
}

.type{
  margin-right: 40px;
}

.content-wrap{
  border-bottom: 1px dashed #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.last{
  margin-bottom: 0px;
  border-bottom:  none;
}

.term{
  margin-top: 0px;
  border-top: 1px solid #ccc;
  padding-top: 41px;
}

.term h4{
  font-size: 16px;
  font-weight: 400;
  color: #A6ABC3;
}

.term-item p {
  font-size: 14px;
  line-height: 20px;
  color: #6f7692;
}

.upload-button{
  background: #FF7474;
  color: #fff !important;
}

.red{
  color: #FF7474;
}

.first-wrap{
  border-bottom: none;
}

.modal {
  background: rgba(0, 0, 0, 0.1);
}

.modal-footer button.save{
  border-radius: 4px;
  color: #fff !important;
  width: auto;
  padding: 10px 30px;
  background: #447fc1;
  box-shadow: 0 10px 20px 0 #d2e9fd !important;
}

.modal-footer button.close-btn{
  background: #dde4ea;
  color: #87909a !important;
  box-shadow: none !important;
  border-radius: 4px;
  border: none;
  margin-right: 10px;
}

.modal-header{
  border-bottom: 1px solid #e9ecef;
}

.modal-header, .modal-body {
  padding: 15px;
}

.modal-title{
  font-weight: 400;
  color: #6f7692;
}

.modal-content{
  border-radius: 4px;
  border: none;
}

.jpt-list{
  font-size: 12px;
}

.modal-content label{
  color: #A6ABC3;
  text-transform: capitalize;
  font-size: 14px;
}

.modal-content select{
  color: #6f7692;
}

.price span:nth-child(1){
  font-size: 14px;
  color: #A6ABC3;
  margin-right: 5px;
}

.price span:nth-child(2){
  font-size: 16px;
}

.price-wrap{
  margin-top: 15px;
  padding-top: 10px;
}

.modal button.close{
  background: none;
  top: 10px;
}

.modal button.close span{
  color: #6f7692;
  font-weight: 400;
  font-size: 28px;
}

.modal button.close:focus{
  outline: none;
}

.done-content{
  border-top: 1px dashed #ccc;
  padding-top: 40px;
  margin-top: 40px;
}

.done-content h4{
  color: #6f7692;
  font-weight: 400;
}

.done-content h4 span{
  background: #FF7474;
  color: #fff;
  padding: 10px 15px;
  border-radius: 3px;
  margin-left: 5px;
}

.done .fs-subtitle{
  margin-bottom: 5px;
}

.how-to-pay{
  border-top: 1px dashed #ccc;
  margin-top: 40px;
  padding-top: 40px;
}

.link-text{
  display: inline-block;
  padding: 10px;
  background: #e2e2e2;
  border-radius: 3px;
}

.link{
  margin-bottom: 50px;
}

.link a{
  color: #797979;
}

.list-item{
      width: 670px;
  margin: auto;
  background: #f7f7f7;
  padding: 15px;
  margin-top: 50px;
  border-radius: 3px;
}

.list-item h2{
  margin-bottom: 30px;
  margin-top: 20px;
}

.list-item .Jumlah,
.list-item .locate{
  margin-right: 40px;
}

.item-list .text-type,
.item-list .text-name, 
.item-list .price, 
.item-list .text-date, 
.item-list .text-locate{
  font-size: 14px;
}

.item-list .sender label, 
.item-list .receiver label, 
.item-list .etd label, 
.item-list .type-total label, 
.item-list .weight label, 
.item-list .locate label{
  font-size: 12px;
}

.item-list{
  display: inline-block;
  background: #fbfbfb;
  border-radius: 3px;
  padding: 15px;
  box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
  margin-bottom: 15px;
  border: 1px solid transparent;
}

a.item-list:hover{
  border: 1px solid #b8d0ff;
  background: #f7faff;
}

.item-list .content-wrap {
  /*border-bottom: none;*/
  padding: 0 0 10px 0;
  margin: 0; 
}

.list-item-wrap{
      padding: 1px;
  min-height: 653px;
  
}

.list-detail-wrap{
  padding-top: 30px;
  border-top: 1px solid #ccc;
}

.faq-wrap{
  /*background: #f7f7f7;*/
  min-height: 653px;
}

.faq{
      border-radius: 3px;
  margin-top: 50px;
  box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
  width: 90%;
  margin: 60px auto;
  padding: 20px;
  background: #fff;
}

.faq .panel{
  border: 1px solid #ececec;
  box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
  margin-bottom: 20px;
  /*padding: 15px;*/
  border-radius: 4px;
  background: #fbfbfb;
  overflow: auto;
}

.faq h4.panel-title{
  margin-bottom: 0;
  background: #f7f7f7;
  border-bottom: 1px solid #ececec;
}

.faq h4.panel-title a{
  font-size: 20px;
  color: #6f7692;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  padding: 15px;
}

.more-less {
  /*float: right;
  color: #212121;*/
}

.more-less.plus{
  background: url(../../asset/img/plus.png) no-repeat 1075px center;
  background-size: 12px;
}

.more-less.minus{
  background: url(../../asset/img/minus.png) no-repeat 1075px center;
  background-size: 12px;
}

.faq h4.panel-title a:hover,
.faq h4.panel-title a:focus{
  text-decoration: none;
}

.faq h2 {
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 40px;
  text-shadow: 0 1px 1px #636363;
}

.panel-body{
  padding: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #616161;
}

.login .modal-header{
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(0,0,0,0.02);
  border: none;
}

.login .modal-title{
  font-weight: 400;
  color: #6f7692;
  text-align: center;
  width: 100%;
  font-size: 25px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.login #signupform input{
      border-radius: 4px;
  border: none;
  box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
  color: #6f7692;
}

.modal-dialog{
  left: 40px;
}

.login .modal-content{
  background: #f7f7f7;
  overflow: auto;
  max-width: 80%;
      top: 150px;
}

.login #signupform label{
  padding-left: 0;
  color: #A6ABC3;
}

.login-button{
  width: 100%;
  border-radius: 0;
  padding: 15px 0;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 18px !important;
  background-color: #447fc1;
  background-image: -webkit-gradient(linear, left top, right top, from(#447fc1), to(#65aae8));
  background-image: linear-gradient(to right, #447fc1, #65aae8);
}

.login .modal-body{
  padding: 0;
}

.login-content{
  padding: 15px;
}

.link-login{
  margin-bottom: 5px;
}

.link-login a{
  font-size: 12px;
  color: #A6ABC3;
}

nav.navbar .navbar-brand{
  font-weight: 500;
}

nav.navbar .navbar-brand img{
  background: #fff;
  border-radius: 50%;
}

.term-payment{
      margin: 10px 0;
  border-top: 1px solid #ccc;
  padding-top: 10px;
}

.term-payment .col-md-12{
  /*padding-left: 0;*/
  padding: 0;
}

.term-payment label {
  margin-right: 10px;
  color: #676d8a;
  text-transform: capitalize;
  font-size: 14px;
  /*width: 140px;*/
  width: auto;
}

.term-payment select {
  width: auto;
  display: inline-block;
}

.dataTables_filter,
.dataTables_length,
.dataTables_paginate,
.dataTables_info{
  display: none;
}

.data-table{
  border-top: 1px solid #ccc;
  padding-top: 15px;
}

.data-table table{
  background: #fff;
}

.table.table-bordered.dataTable th{
  font-size: 14px;
  font-weight: 400;
  color: #A6ABC3;
  border-width: 1px;
}

.table.table-bordered.dataTable td{
  color:#6f7692;
}

.faq-heading h2{
      color: #464d67;
  font-size: 18px;
  font-weight: 400;
  text-shadow: none;
      margin-top: 7px;
}


#wrap {
/*margin: 0px 70px;*/
display: inline-block;
position: relative;
/*height: 60px;*/
float: right;
padding: 0;
position: relative;
}

.search-bar input[type="text"] {
height: 30px;
font-size: 18px;
display: inline-block;
font-family: "Lato";
font-weight: 100;
border: none;
outline: none;
color: #555;
padding: 3px;
padding-right: 60px;
width: 0px;
position: absolute;
top: 0;
right: 0;
background: none;
z-index: 3;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
cursor: pointer;
}

.faq-heading{
  padding: 10px 63px 0;
}

.search-bar input[type="text"]:focus:hover {
border-bottom: 1px solid #BBB;
}

.search-bar input[type="text"]:focus {
width: 300px;
z-index: 1;
border-bottom: 1px solid #BBB;
cursor: text;
}
.search-bar input[type="submit"] {
height: 30px;
width: 30px;
display: inline-block;
color:red;
float: right;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp////Vi4ZywAAABF0Uk5T/////////////////////wAlrZliAAABLklEQVR42rSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=) center center no-repeat;
text-indent: -10000px;
background-size: 100%;
border: none;
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
opacity: 0.4;
cursor: pointer;
transition: opacity .4s ease;
}

.search-bar input[type="submit"]:hover {
opacity: 0.8;
}