/* CSS crunched with Crunch - http://crunchapp.net/ */
#content .modal-overlay, .modal-overlay {
  background: #000;
  opacity: .7;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
#content .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.
	 */
  /*.carousel{
	    .item{
	        img{
	            margin: 0 auto;
	            max-height: 100%;
	            width: auto;
	        }
	    }
	}*/
}
#content .modal.modal-fullscreen .modal-dialog,
#content .modal.modal-fullscreen .modal-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
}
#content .modal.modal-fullscreen .modal-dialog {
  margin: 0;
  width: 100%;
}
#content .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;
}
#content .modal.modal-fullscreen.force-fullscreen {
  /* Remove the padding inside the body */
}
#content .modal.modal-fullscreen.force-fullscreen .modal-body {
  padding: 0;
  width: 90%;
  margin: 0 auto;
}
#content .modal.modal-fullscreen.force-fullscreen .modal-header,
#content .modal.modal-fullscreen.force-fullscreen .modal-footer {
  left: 0;
  position: relative;
  right: 0;
}
#content .modal.modal-fullscreen.force-fullscreen .modal-header {
  top: 0;
  border-bottom: 0;
}
#content .modal.modal-fullscreen.force-fullscreen .modal-header h4 {
  color: #fff;
}
#content .modal.modal-fullscreen.force-fullscreen .modal-header .close {
  color: #fff;
  opacity: 1;
}
#content .modal.modal-fullscreen.force-fullscreen .modal-footer {
  bottom: 0;
}
#content .modal.modal-fullscreen .content-gallery .carousel-caption {
  color: #fff;
  padding: 0;
}
#content .modal.modal-fullscreen .content-gallery .carousel-caption h3 {
  color: #fff;
   /* background: #ffffff;
    opacity: 0.60;
    color: #303030;*/
}
#content #modal-img-popup .modal-dialog {
  /*width: auto;*/
}
#content .modal.modal-fullscreen .content-gallery .item img{
    margin: 0 auto;
}