.modal-dialog .modal-header {
  padding: 14px 12px !important;
}

.wj-image-carousel {
  float: left;
  width: 100%;
}

/* mobile start */

@media only screen and (max-width:767px) {
  .wj-image-carousel {
    width: 100%;
  }
}

/* mobile end */

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-carousel .grabbing {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.wj-image-carousel * {
  box-sizing: border-box;
}

.gallery-container {
  margin-bottom: 10px;
}

.wj-image-carousel .gallery-links {
  font-size: 0;
  cursor: pointer;
  white-space: nowrap;
}

.wj-image-carousel .gallery-links {
  opacity: 0.75;
}

.wj-image-carousel .gallery-links .more {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  background: #333333;
  line-height: 12px;
  padding: 3px;
}

.wj-image-carousel .gallery-links:hover {
  opacity: 1;
}

.wj-image-carousel .gallery-links:hover .more {
  background: #141414;
}

.wj-image-carousel .owl-buttons {
  position: absolute;
  top: 0;
  width: 100%;
}

.wj-image-carousel .owl-prev, .wj-image-carousel .owl-next {
  position: absolute;
  display: inline-block;
  cursor: pointer;
}

.wj-image-carousel .owl-prev {
  left: -10px;
  top: 50px;
}

.wj-image-carousel .owl-next {
  right: 24px;
  top: 50px;
}

.wj-image-carousel .owl-item.loading {
  padding: 0;
  margin: 0;
  height: auto;
}

.wj-image-carousel .owl-item.loading:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 150px;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-right: 3px solid #FFFFFF;
  position: relative;
}

.wj-image-carousel .images .owl-item {
  width: 600px;
  background: #333333;
  text-align: center;
}

.wj-image-carousel .images h3 {
  font-size: 15px;
  color: #646464;
}

.wj-image-carousel .images iframe {
  border: 0;
  width: 100%;
  height: 400px;
}

.wj-image-carousel .images img {
  height: 373px;
  max-height: 400px;
  width: auto;
  max-width: 100%;
}

.wj-image-carousel .images .caption {
  padding: 8px 0px 15px;
  background: #F5F5F5;
  text-align: left;
  font-size: 15px;
}

.wj-image-carousel .images .wj-previous {
  border-radius: 0 42px 42px 0;
  padding: 88px 20px 88px 6px;
  color: rgba(255, 255, 255, 0.4);
}

.wj-image-carousel .images .wj-previous:hover {
  color: #ffffff;
}

.wj-image-carousel .images .wj-next {
  position: absolute;
  right: 0;
  border-radius: 42px 0 0 42px;
  padding: 88px 6px 88px 20px;
  color: rgba(255, 255, 255, 0.4);
}

.wj-image-carousel .images .wj-next:hover {
  color: #ffffff;
}

.wj-image-carousel .images .owl-prev, .wj-image-carousel .images .owl-next {
  /*width: 80px;
  height: 400px;*/
  width: 80px;
  height: 400px;
  position: absolute;
  top: 50%;
  /* height: 100%; */
  transform: translate(0, 40%);
}

.wj-image-carousel .thumbnails {
  width: 475px;
  left: 50px;
  position: relative;
}

.wj-image-carousel .thumbnails>.owl-controls {
  position: absolute;
  top: -50px;
  width: 100%;
  display: block !important;
}

.wj-image-carousel .thumbnails .owl-wrapper-outer {
  height: 109px;
}

.wj-image-carousel .thumbnails .owl-item {
  overflow: hidden;
  width: 90px !important;
  opacity: 0.5;
  cursor: pointer;
  margin: 7px 6px 0 0;
  border: 3px solid transparent;
}

.wj-image-carousel .thumbnails .owl-item:hover {
  opacity: 1;
}

.wj-image-carousel .thumbnails .owl-item.current {
  border-radius: 2px;
  border: 3px solid #ff8c00;
  padding: 0;
  opacity: 1;
}

.wj-image-carousel .thumbnails .owl-buttons {
  top: 6px;
}

.wj-image-carousel .thumbnails .owl-prev, .wj-image-carousel .thumbnails .owl-next {
  display: inline-block;
  background: #CCCCCC;
}

.wj-image-carousel .thumbnails .owl-prev:hover, .wj-image-carousel .thumbnails .owl-next:hover {
  background: #adadad;
  color: #141414;
}

.wj-image-carousel .thumbnails .owl-prev {
  left: -47px;
  border-radius: 14px 0 0 14px;
  padding: 34px 6px;
}

.wj-image-carousel .thumbnails .owl-next {
  right: -50px;
  border-radius: 0 14px 14px 0;
  padding: 34px 6px;
}

.wj-image-carousel .thumbnails .wj-icon {
  vertical-align: middle;
}

.wj-image-carousel .vertical .thumbnails .owl-prev {
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);
  left: -50px;
  padding: 38px 7px;
}

.wj-image-carousel .vertical .thumbnails .owl-next {
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);
  right: -47px;
}

.wj-image-carousel .foot-note {
  font-size: 11px;
  padding: 0 12px;
  color: #999999;
}

@media only screen and (width: 768px) and (max-height: 670px) {
  .wj-image-carousel .image-carousel-container:not(.vertical) .thumbnails {
    display: none !important;
  }
  .wj-image-carousel .modal {
    box-shadow: none;
  }
}

@media only screen and (width: 768px) and (max-height: 670px) and (max-height: 560px) {
  .wj-image-carousel .images .owl-wrapper-outer, .wj-image-carousel .images .item {
    height: 75vh;
  }
  .wj-image-carousel .images .wj-icon {
    top: 10vh;
  }
}

@media only screen and (max-width: 767px) {
  .wj-image-carousel .modal-body {
    padding: 0;
    height: 100%;
    background: #000000;
  }
  .wj-image-carousel .owl-prev {
    left: 0;
    top: 0;
    transform: translate(0, 0) !important;
  }
  .wj-image-carousel .owl-next {
    right: 0;
    top: 0px;
    transform: translate(0, 0) !important;
  }
  .wj-image-carousel .modal-dialog {
    height: auto;
  }
  .wj-image-carousel .modal-dialog .modal-header {
    top: 0;
    position: fixed;
    z-index: 1;
    width: 100%;
    border: 0;
    background: rgba(0, 0, 0, 0.6);
  }
  .wj-image-carousel .modal-dialog .modal-header a.close {
    padding: 20px;
    color: #DFDFDF;
    opacity: 0.9;
  }
  .wj-image-carousel .modal-dialog .modal-header h1 {
    color: #F5F5F5;
    font-size: 20px;
  }
  .wj-image-carousel .images h3 {
    color: #F5F5F5;
    font-size: 15px;
  }
  .wj-image-carousel .images img, .wj-image-carousel .images iframe {
    height: 100vh;
    width: auto;
  }
  .wj-image-carousel .images iframe {
    width: 140vh;
  }
  .wj-image-carousel .images .owl-item {
    display: flex;
    align-items: center;
    height: 100vh;
    background: #000000;
  }
  .wj-image-carousel .images .item {
    width: 92%;
    margin: 0 auto;
  }
  .wj-image-carousel .images .caption {
    width: 100%;
    color: #DFDFDF;
    background: rgba(0, 0, 0, 0.6);
    padding: 15px;
    height: 80px;
    overflow: hidden;
  }
  .wj-image-carousel .images .wj-icon {
    margin-top: -100px;
    top: 42vh;
    color: #DFDFDF;
  }
  .wj-image-carousel .images .wj-previous {
    left: 3px;
  }
  .wj-image-carousel .images .wj-next {
    right: 6px;
  }
  .wj-image-carousel .images .loading:before {
    margin-left: 48vw;
    margin-top: -10px;
    width: 46px;
  }
  .wj-image-carousel .images .loading .caption {
    display: none;
  }
  .wj-image-carousel .thumbnails {
    display: none !important;
  }
}

@media (max-width: 567px) {
  .wj-image-carousel .images img, .wj-image-carousel .images iframe {
    width: 100%;
    height: auto;
  }
  .wj-image-carousel .images iframe {
    height: 70vw;
  }
  .wj-image-carousel .images .caption {
    bottom: inherit;
  }
  .wj-image-carousel .images .owl-item {
    margin-top: -20px;
  }
  .wj-image-carousel .images .loading:before {
    margin-top: 36px;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.modal-dialog .modal-header .close {
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
  margin: 0;
  color: #999999;
  border-radius: 3px;
  opacity: 1;
  font-size: 20px;
}

.modal-header .close {
  margin-top: -2px;
}