/* Bootstrap 3 transparent and fullscreen modals */
/* ref: http://goo.gl/YBZMsS */

.modal-transparent {
  background: transparent;

}
.modal-transparent .modal-content {
  background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
  background-color: #FFF;
}
.modal-backdrop.modal-backdrop-transparent.in {
  opacity: .9;
  filter: alpha(opacity=90);
}

/* .modal-fullscreen */

.modal-fullscreen {
  background-color:rgba(0,0,0,0.9);

}
.modal-fullscreen .modal-content {
  background:rgba(255,255,255,0.9);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-fullscreen .modal-title {
	color:#555;
	margin-top:3%;
	font-size:16px;
	letter-spacing:4px;

}

@media (max-width: 768px) {
   .modal-fullscreen .modal-title {
	font-size:12px;
	letter-spacing:2px;
	}
}

.modal-backdrop.modal-backdrop-fullscreen {
  background: #000;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
 .modal-body {
  text-align:left;
  line-height:2em;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 860px;
  }
}
@media (min-width: 1024px) {
  .modal-fullscreen .modal-dialog {
     width: 1000px;
  }

}