#large-image-modal-wrapper {
	height: 100%;
}

.image-content-tab-content {
    height: calc(100% - 61px);
}

.imageModal {
	position: fixed;
	background:rgba(0,0,0,0.4);
	overflow: hidden;
}

.imageModal .popupBorder {
	margin: 0 auto !important;
	padding:0;
	left: 2vh!important;
	top: 2vh!important;
	background: #fff;
	box-shadow: 0;
	height: 96vh!important;
	width: calc(100% - 4vh)!important;
	position: absolute;
	overflow: hidden;
}

.imageModal h2.popupHeader {
	display: none;
	height: 0;
	padding: 0;
	margin: 0;
}

.imageModal .popupExit {
	border-radius: 0;
	border: 0;
	background: none;
	top: 0;
	width:auto;
	right: 12px;
}
.imageModal .popupExit:hover {
	background: #fff;
}
.imageModal .popupExit:hover:before,
.imageModal .popupExit:hover:after  {
	color: #00b8f1!important;
}
.toggle-thumbs {
	display: none;
}

.imageModal .img-title {
	margin: 12px 0;
	display: block;
	font-size: 0.875em;
	color: #8a9bad;
}

.imageModal .popupContainer {
	height: 100%;
	max-height: unset;
}

.imageModal .popupBorder {
	max-height: unset !important;
}

.imageModal .popupContent {
	overflow: hidden;
	padding: 0 !important;
	margin:0;
	text-align: center;
	max-height: none!important;
	box-shadow: none;
	border-radius: 0;
	height: 100%;
}

.imageModal .modal-img-container {
	width: 100%;
	background: #fff;
	border-radius: 4px 12px 0 0;
	padding:18px 0 10px;
	border-bottom: 1px dotted #ccc;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@supports (-ms-accelerator:true) {
    .imageModal .modal-img-container {
		background: transparent;
	}

	.imageModal .modal-img-container {
		padding: 42px 0 10px;
	}
}

.imageModal .beltRotateContainer,
.imageModal .thumbsContainer {
	margin: 0 auto;
	width: 542px;
	border-top:0;
	float: none;
	text-align: center;
}

.imageModal .beltWrapper {
	float: left;
	height: 52px;
	width: 480px;
}

.imageModal .thumbsContainer .thumbRightArrow,
.imageModal .thumbsContainer .thumbLeftArrow {
	height:52px;
	padding: 8px 10px;
    width: auto;
}

.imageModal .large-img {
	overflow: auto;
	height: 100%;
	padding: 12px 0 0;
}

.imageModal .product-img-container .img-title {
	margin: 0;
}



.imageModal .large-img{position:relative;}
.imageModal .mediaPlayer{
	position:absolute;
	top:0;
}

.imageModal .beltRotateContainer img {
    float: left;
    margin-right: 8px;
    margin-bottom: 0;
}

.rwd-thumbs {
	display: none;
}


.imageModal .popupExit:after {
	content:' CLOSE ';
	font-size: 12px;
	position: relative;
	top: 1px;
	color: #8B949B;
	margin: 0 3px 0 6px;
	color: #000;
}

@media screen and (max-width:801px) {
	
	.imageModal .modal-img-container {
		height: 100%;
		max-width: 100%;
		border: 0;
		padding: 20px 0 0;
	}
	.imageModal .large-img img {
		max-width: 100%;
	}

	.show-thumbs,
	.hide-thumbs {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 1041;
		display: inline-block;
		width: 42px;
		height: 42px;
		background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM5ZGEzYTk7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5BcnRib2FyZCAxPC90aXRsZT48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIyIiByeT0iMiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iOSIgd2lkdGg9IjciIGhlaWdodD0iNyIgcng9IjIiIHJ5PSIyIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB5PSI5IiB3aWR0aD0iNyIgaGVpZ2h0PSI3IiByeD0iMiIgcnk9IjIiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjkiIHk9IjkiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIyIiByeT0iMiIvPjwvc3ZnPg==") center center no-repeat;
		background-size: 16px 16px;
	}
	.hide-thumbs {
		background: none;
	}
	.hide-thumbs:before {
		color: #8B949B;
		font-size: 1.5em;
		line-height: 1.7;
	}
	.imageModal .image-swiper {
		overflow: visible;
		max-height: 100%!important;
		height: 100%!important;
		flex: 1 1;
		padding: 0;
	}
	.imageModal .image-swiper > .swiper-pagination.swiper-pagination-custom {
		 position: absolute;
		 top:  unset;
		 bottom: 0;
		 right:0;
		 left: 0;
		 z-index: 1040;
		 background: none;
		 color: #333e49;
		 padding-bottom: 15px;
		 border-radius: 0;
	}
	.imageModal .image-swiper > .swiper-pagination.swiper-pagination-custom:before {content:'Image ';}
	.imageModal .img-title {margin: 3px 0 !important;display: none;}
	.imageModal .popupContent {padding-top:110px;}
	.thumbsContainer{border-bottom: none;}
    .modal-img-container .thumbsContainer { width: 100%;}
    .thumbsContainer img, .thumbsContainer a.thumb-energy-guide {transition:none;}
    .thumbsContainer img:hover, .thumbsContainer a.thumb-energy-guide:hover {border-color:#fff;}
  .thumblist-shown .rwd-thumbs {
	  display: block;
	  width: 100vw;
  }
  .thumblist-shown .show-thumbs {
	  display: none;
  }
  .thumblist-shown  .image-swiper > .swiper-pagination.swiper-pagination-custom {
	  color: #fff!important;
  }
  .rwd-thumbs {
	  position: absolute;
	  top: 48px;
	  left: 0;
	  z-index: 1042;
	  background: #fff;
	  max-height: calc(100vh - 48px);
	  overflow-y: auto;
  }
  .rwd-thumbs nav {
	  min-height: 100vh;
  }
  .rwd-thumbs nav span {
	  float: left;
	  /* display: inline-block; */
	  width: 29%;
	  margin: 2%;
	  padding: 2%;
	  border: 1px solid #d1d1d6;
  }
  .rwd-thumbs img {
	  max-width: 100%;
  }
  .rwd-thumbs-count {
	  position: fixed;
	  top: 16px;
	  width: calc(100% - 96px);
	  left: 48px;
	  text-align: center;
	  font-size: 0.75em;
	  z-index: 1041;
  }
  .thumblist-shown .rwd-thumbs-count {
    display:block;
  }
}




@media screen and (max-width:599px) {
	.rwd-thumbs nav span {
	  width: 44%;
	  margin: 3%;
	  padding: 3%;
  }
}


@media screen and (min-width:801px) {
	.large-img img{
		max-width: 100%;
		max-height: 91%;
	}
	.imageModal .image-swiper {
		width: auto;
		height: 60px;
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
		overflow: visible;
		padding: 0 30px;
	}
	.imageModal .image-swiper > span:not(.swiper-slide) {
		display: inline-block;
		margin-right: 18px;
		max-height:60px;
		width:60px;
		border-radius: 2px;
	}
	.imageModal .image-swiper img {
		max-width: 60px;
		max-height: 60px;
		height: 60px;
	}
	.imageModal .image-swiper .swiper-button-next,
	.imageModal .image-swiper .swiper-button-prev {
		line-height: 2.7;
		height: 60px;
	}
	.imageModal .large-img {
		padding: 0;
		height: calc(96vh - 128px);
	}
	.imageModal .popupExit:after {
		content:' CLOSE ';
		font-size: 12px;
		position: relative;
		top: 1px;
		color: #8B949B;
		margin: 0 3px 0 6px;
		color: #000;
	}
	.imageModal .image-viewer-video + .largeImage {
		display: none;
	}
	.imageModal .large-img .image-viewer-video {
		left: 0;
	}
}

/* !--- responsive: iPad Horizontal --- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.imageModal .modal-img-container {width: 100%; padding-left: 10px;min-height: 92px; position: absolute; top: 0; z-index:1}
	.thumbsContainer img, .thumbsContainer a.thumb-energy-guide {transition:none;}
    .thumbsContainer img:hover, .thumbsContainer a.thumb-energy-guide:hover {border-color:#fff;}
}



.image-modal-tabs {
	display: flex;
	justify-content: flex-start;
	padding: 10px 10px 0 10px;
}

.image-modal-tabs a {
	padding: 10px;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
	color: #000;
	border-bottom: none;
	height: 51px;
	display: flex;
	align-items: center;
}

.image-modal-tabs a.active {
	border-bottom: 2px solid #000;
}

@media screen and (max-width: 460px) {
	.image-modal-tabs a {
		padding: 10px 5px;
		font-size: 14px;
	}
}


.image-content-tab-content .image-model-tab-content{
	display: none;
	height: 100%;
}
.image-content-tab-content .image-model-tab-content.active{
	display: block;
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
	.cart .modal.imageModal .large-img {
		top: 30px;
		padding: 10px;
	}
	.cart .modal.imageModal .modal-img-container  img{
    		max-height: 50px;
	}
	.cart .modal.imageModal .image-swiper .swiper-button-next, .cart .modal.imageModal .image-swiper .swiper-button-prev {
	     line-height: 2.2;
	     font-size: 14px;
	}
	.cart .modal.imageModal .image-swiper .swiper-button-next {
        	right: 0;
	}
}