body.overlay_gal::after {
  background-color: white; }

body.overlay_gal .container-col {
  position: fixed;
  padding: 15px;
  z-index: 999; }

.prod_gal_container {
  color: #0C3754;
  max-width: 400px;
  margin: auto; }

.prod_gal_container a {
  color: #0C3754; }

.prod_gal_img {
  background-color: #0C3754;
  color: #FFFFFF;
  border-radius: 4px;
  max-width: 100%;
  max-height: 100vh;
  width: 400px;
  height: 400px;
  overflow: hidden;
  position: relative; }

body:not(.overlay_gal) .prod_gal_img {
  cursor: move; }

.prod_gal_selector {
  margin-top: 10px; }

.prod_gal_container .gal_img {
  background-color: #0C3754;
  border-radius: 4px;
  height: 62px;
  width: 62px;
  display: none;
  cursor: pointer;
  overflow: hidden; }

.prod_gal_container .gal_img:hover {
  opacity: 0.8; }

.prod_gal_container .gal_img:nth-child(1), .prod_gal_container .gal_img:nth-child(2), .prod_gal_container .gal_img:nth-child(3), .prod_gal_container .gal_img:nth-child(4), .prod_gal_container .gal_img:nth-child(5), .prod_gal_container .gal_img:nth-child(6) {
  display: inline-block; }

.prod_gal_container .gal_video {
  display: none !important; }

body.overlay_gal .prod_gal_container .gal_video {
  display: inline-block !important; }

.prod_gal_buttons {
  padding: 0px 15px; }

.prod_gal_buttons button {
  position: absolute;
  top: calc(50% - 24px);
  z-index: 1; }

.prod_gal_buttons button:nth-child(1) {
  left: calc(0% + 15px); }

.prod_gal_buttons button:nth-child(2) {
  right: calc(0% + 15px); }

a.toggleExpand:hover span {
  text-decoration: underline; }

body.overlay_gal .prod_gal_container {
  max-width: 100%;
  background-color: white;
  padding: 20px;
  margin-top: 50px;
  margin-bottom: 200px; }

body.overlay_gal .prod_gal_container .expand, .prod_gal_container .despand {
  display: none; }

.prod_gal_container .expand, body.overlay_gal .prod_gal_container .despand {
  display: inline-block; }

.zoom, .zoomlg {
  margin: auto; }

.prod_gal_selector h2 {
  display: none !important; }

.gal_nomin {
  display: none !important; }

body.overlay_gal .gal_nomin {
  display: inline-block !important; }

#prod_gallery_main {
  color: black; }

body.overlay_gal .prod_gal_img {
  background-color: white;
  padding: 10px; }

body.overlay_gal .prod_gal_container .zoom {
  display: none !important; }

body.overlay_gal .prod_gal_container .zoomlg {
  display: block !important;
  max-height: 85vh; }

body.overlay_gal .prod_gal_selector .gal_img {
  display: inline-block; }

.prod_gal_container iframe {
  max-width: 100% !important; }

@media only screen and (min-width: 980px) {
  body.overlay_gal .prod_gal_img {
    width: calc(100vw - 325px);
    height: calc(100vh - 200px);
    display: inline-block; }

  body.overlay_gal .prod_gal_selector {
    width: 200px;
    float: right;
    display: inline-block;
    height: 75vh;
    border-right: solid 1px grey;
    margin-right: 20px;
    overflow-y: auto; }

  body.overlay_gal .prod_gal_container iframe {
    height: 88vh !important; }

  body.overlay_gal .prod_gal_selector h2 {
    display: block !important;
    padding: 10px 0px; }

  body.overlay_gal .prod_gal_selector h2:after {
    content: '';
    width: 162px;
    border-bottom: 1px solid black;
    display: block;
    height: 20px; } }
@media only screen and (max-width: 980px) {
  body.overlay_gal .prod_gal_img, body.overlay_gal .prod_gal_container {
    margin-top: 0px; }

  body.overlay_gal .prod_gal_img, body.overlay_gal .prod_gal_container iframe {
    height: calc(100vh - 140px); }

  body.overlay_gal .prod_gal_container .gal_img {
    background-color: #FFFFFF; }

  body.overlay_gal .prod_gal_container .gal_img img {
    border-radius: 4px;
    margin: auto; }

  .prod_gal_container .gal_img {
    width: 50px;
    height: 50px; }

  .prod_gal_container .gal_img:nth-child(6), .prod_gal_container .gal_img:nth-child(7) {
    display: none; }

  .more_details .main_info h3 {
    font-size: 15px; } }