@font-face {
  font-family: "Material Design Icons";
  src: url("../../../materialdesignicons/fonts/materialdesignicons-webfont.eot?v=5.1.45");
  src: url("../../../materialdesignicons/fonts/materialdesignicons-webfont.eot?#iefix&v=5.1.45") format("embedded-opentype"),
       url("../../../materialdesignicons/fonts/materialdesignicons-webfont.woff2?v=5.1.45") format("woff2"),
       url("../../../materialdesignicons/fonts/materialdesignicons-webfont.woff?v=5.1.45") format("woff"),
       url("../../../materialdesignicons/fonts/materialdesignicons-webfont.ttf?v=5.1.45") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.lg-toolbar {
  z-index: 1082;
  background-color: rgba(0, 0, 0, 0);
}
.lg-toolbar .lg-icon {
  color: #eee;
  font-size: 28px;
  padding-right:20px;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
#lg-counter {
  color: #fff;
  font-size: 16px;
}

.lg-sub-html {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  height:150px;
}
.lg-sub-html span {
  font-size: 30px;
}
.lg-sub-html p {
  font-size: 22px;
}

@media (max-width: 991.98px) {
	.lg-sub-html span {
  		font-size: 22px;
	}
	.lg-sub-html p {
  		font-size: 16px;
	}
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

.lg-backdrop {
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.85);
}

/*
.lg-outer .lg-image {
  max-width: calc(100% - 110px);
  max-height: calc(100% - 110px);
}
*/
.lg-outer .lg-image {
  max-width: auto;
  max-height: calc(700px - 100px);
}


.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(255, 255, 255, 0.95);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: block;
  padding: 10px;
}
.lg-actions .lg-next:before {
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: 32px !important;
  padding-left:2px;
  content: "\F0142";
}
.lg-actions .lg-next {
  right: 100px;
}
.lg-actions .lg-prev {
  left: 100px;
}
.lg-actions .lg-prev:after {
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: 32px !important;
  padding-right:2px;
  content: "\F0141";
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: rgba(0, 0, 0, 1);
}

@media (max-width: 768px) {
  .lg-actions .lg-next, .lg-actions .lg-prev {
    display:none;
  }
}