#hp-popup .modal-header {
  background-color: #fff;
  border-bottom: none;
  padding: 25px;
 }
.modal-header {
background-color: #fff;

}
#hp-popup .close-popup {
  background: none;
  border: none;
  float: right;
}

#hp-popup .modal-body {
	background-color: #fff;
    padding: 0;
    height: 478px;
    width: 816px;
    margin: 0 auto;
}

#hp-popup .wrapper-txt {
  padding: 14% 0 0 8%;
}

#hp-popup .popup-title {
	line-height: 32px; 
	padding-bottom: 2%;
	width: 55%;
}	

#hp-popup .logo {
   position: absolute;
   width: 100%;
    left: 8%;
    top: 10%;   
}

.logo .img-logo{
height: 16px;
content: url(../../images/logo-popup.png);
}

.logo .logo-text{
    text-align: center;
    font-size: 11px;
    color: #143E9B;
    opacity: 1;
    position: absolute;
    left: 115px;
    top: 3px;
}

#hp-popup .popup-txt {
	width: 40%;	
}	

#hp-popup .navs{
  position: absolute;
  bottom: 10%;
  padding-left: 8%;
  width: 56%;
}

#hp-popup .navs div {
  float: left;
}

#hp-popup .navs .sx, #hp-popup .navs .btn-next{
  padding-top: 11px;
}

#hp-popup .navs .mid {
  margin-left: 11%;
  margin-top: 18px;
  margin-right: 11%;
}

#hp-popup .navs .mid div {
  width: 8px;
  background-color: #D9D9D9;
  border-radius: 8px;
  height: 8px;
  margin-left: 7px;
}

#hp-popup .navs .mid .current {
background-color: #000;
}

#hp-popup a {
  color: #000;
  font-size: 0.9em;
}

#hp-popup a:hover {
  text-decoration: none;
}

#hp-popup .item {
  height: 478px;
}