/* http://noreiller.github.io/bootstrap-modal-carousel/modal-fullscreen.html */

.modal-container { }

.modal.modal-fullscreen {
  /* Maximize the main wrappers on the screen */
  /* Make the parent wrapper of the modal box a full-width block */
  /* Remove borders and effects on the content */
  /**
	 * /!\ By using this feature, you force the header and footer to be placed
	 * in an absolute position. You must handle by yourself the margin of the
	 * content.
	 */
	 
	 background: rgba(209,32,39, .9);
	 z-index:9999999;
}

.modal.modal-fullscreen .modal-content {
    /* background: rgba(1, 92, 154, .8); */
	 background:transparent;
	
  }
  .modal.modal-fullscreen .modal-header {
    border: 0;
	padding: 0;
  }
  .modal.modal-fullscreen .modal-footer {
   border: 0;
    border-color: rgba(0, 0, 0, .5);
  }
  
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  
}
.modal.modal-fullscreen .modal-dialog {
  margin: 0;
  width: 100%;
}
.modal.modal-fullscreen .modal-content {
  border: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -o-box-shadow: inherit;
  box-shadow: inherit;
}
.modal.modal-fullscreen.force-fullscreen {
  /* Remove the padding inside the body */
 
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
  /* padding: 0; */
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
  left: 0;
  /* position: absolute; */
  right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
  top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
  bottom: 0;
}

.modal .close {
	font-size: 4rem;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	color: rgba(255,255,255,.95);
	opacity: .6;
}

.close:hover, .close:focus {
	opacity: 1;
}


/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

.modal .modal-content:before {
 /* Removing vertical centring */
 	display:block;
	height: auto;
}


}