/* Modal */
.modal .modal-dialog.modal-dialog-pub {
 	position: relative;
    padding-bottom: 35px;
    top: 35px;
}
.modal .modal-dialog.modal-dialog-pub .modal-content .modal-header {
  	padding: 0px;
  	border: none;
}
.modal .modal-dialog.modal-dialog-pub .modal-content .modal-header .close {
  	background: black;
  	opacity: 1;
    position: absolute;
    z-index: 1;
    right: 0;
    padding: 5px;
  	margin-top: 0px;
}
.modal .modal-dialog.modal-dialog-pub .modal-content .modal-body {
	padding: 0;
    background-color: #272727;
    color: white;
}
.modal .modal-dialog.modal-dialog-pub .modal-content .modal-body .wrap-hotspot-slider {
	transition: opacity 1s ease;
    opacity: 0;
}
.modal .modal-dialog.modal-dialog-pub .modal-content .modal-body .wrap-hotspot-slider.open {
    opacity: 1;
}
.modal .modal-dialog.modal-dialog-pub .modal-content .modal-body .pub-slider .pub-slider-item {
  	background-position: center;
  	background-size: cover;
  	height: 300px;
}
.modal .modal-dialog.modal-dialog-pub .pub-text-preview {
	padding: 40px 40px 10px 40px;
}
.modal .modal-dialog.modal-dialog-pub .pub-text-preview hr {
	border-bottom: 1px solid #6d6d6d;
}
.modal .modal-dialog.modal-dialog-pub .pub-text-preview .category {
	margin: 5px 0px;
  	color: #A3A3A3;
    font-family: "jd_sans_probold",Helvetica,Arial,sans-serif;
}
.modal .modal-dialog.modal-dialog-pub .pub-text-preview h2 {
	margin: 5px 0px;
  	font-size: 30px;
}
.modal .modal-dialog.modal-dialog-pub .pub-text-preview .auth {
	margin: 5px 0px;
  	font-family: "jd_sans_promedium",Helvetica,Arial,sans-serif;
}
.modal .modal-dialog.modal-dialog-pub .pub-cta-area {
	padding: 20px;
  	background-color: white;
  	text-align: center;
}
@media (min-width: 768px) {
  .modal-dialog.modal-dialog-pub {
      width: 660px;
      margin: 30px auto;
  }
}