body.overlay_gal {overflow:hidden}
body.overlay_gal:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.5);
}

body.overlay_gal  .container-col {
	float: none;
	top: 0px;
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 0px;
	min-width: 100% !important;
	position: fixed;
	padding: 15px;
	z-index: 999;
}

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

.prod_gal_container { 
    color: $background-color;
	text-align: left;
}

.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;
	display: inline-block;
}


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

.prod_gal_selector {
	width: 62px;
	vertical-align: top;
	display: inline-block;
}

.prod_gal_container .gal_img {
    border-radius: 4px;
    height: 62px;
    width: 62px;
    display: none;
    cursor: pointer;
    overflow: hidden;
	border: solid 1px #E7E7E7;
}

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



.overlay_gal #videoCont {display:block}
#videoCont .gal_img img {
	height: 100%;
	object-fit: cover;
}
#galleryCont, #videoCont {display:inline-block;}
#galleryCont .gal_img:nth-child(-n+4) { display: inline-block; }
#videoCont .gal_img:nth-child(-n+1) { 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 button { 
    position: absolute; 
    top: calc(50% - 24px); 
    z-index: 1; 
	
}
.gal-btn {
	height:50px!important;
	border-radius:25px;
	width:50px!important;
	background-color: rgba($primary-color, 0.6);
}
.gal-btn i{
	font-size:36px;
}
.prod_gal_buttons button:nth-child(1) { left: calc(0% + 5px); }
.prod_gal_buttons button:nth-child(2) { right: calc(0% + 5px); }

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

body.overlay_gal .prod_gal_container {
    max-width: 100%;
    background-color: white;
    padding: 20px;
    margin: 50px 0 200px;
	position: relative;
	top: -65px;
	text-align:center;
}

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;padding:5px; }
body.overlay_gal .prod_gal_container .expand, .prod_gal_container .despand  i.icon-cancel-circled {
	color:#C9302B;
	font-size:20px;
}
.zoom, .zoomlg { margin: auto; }

.prod_gal_selector .text-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;
	display: inline-block;
}

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 - 65px);
    }
    body.overlay_gal .prod_gal_selector {
        width: 200px;
        float: right;
        height: 75vh;
        border-right: 1px solid grey;
        margin-right: 20px;
        overflow-y: auto;
    }

    body.overlay_gal .prod_gal_container iframe { height: 88vh !important; }
    body.overlay_gal .prod_gal_selector .text-h2 {
        display: block !important;
        padding: 10px 0;
    }

    body.overlay_gal .prod_gal_selector .text-h2:after {
        content: '';
        width: 162px;
        border-bottom: 1px solid black;
        display: block;
        height: 20px;
    }
}
@media only screen and (max-width: 1200px) {
.prod_gal_selector {display:block;width:auto;min-height:67px;}
}
@media only screen and (max-width: 980px) {
    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;
    }
	body.overlay_gal .prod_gal_container {
		top: -40px;
	}
	.prod_gal_img {
		width:650px;
	}
    .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; }
	
}
@media only screen and (max-width: 768px) {
	.prod_gal_img {
		width:580px;
	}
	body.overlay_gal .prod_gal_container {
		padding: 5px;
	}
}
@media only screen and (max-width: 600px) {
	.prod_gal_img {
		width:480px;
	}
	body.overlay_gal .prod_gal_img, body.overlay_gal .prod_gal_container iframe {
		height: calc(100vh - 310px);
	}
}
@media only screen and (max-width: 480px) {
	.gal-btn {
		height:40px!important;
		width:40px!important;
	}
	.gal-btn i{
		font-size:24px;
	}
	.prod_gal_img {
		width: 450px;
		height: 450px;
	}
}
@media only screen and (max-width: 450px) {
	.prod_gal_img {
		width: 420px;
		height: 420px;
	}
}
@media only screen and (max-width: 420px) {
	.prod_gal_img {
		width: 380px;
		height: 380px;
	}
	body.overlay_gal .prod_gal_img, body.overlay_gal .prod_gal_container iframe {
		height: calc(100vh - 380px);
	}
}
@media only screen and (max-width: 380px) {
	.prod_gal_img {
		width: 320px;
		height: 320px;
	}
}

#gallery_outer {
	position: relative;
	display: inline-block;
}

#gallery_outer img.gita-logo {
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 80px;
	height: auto;
	z-index: 10;
}