/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


	.image-wrap {
	    width: 310px;
	    height: 490px;
	    overflow: hidden;
	    margin: 20px auto;
	    box-shadow: -10px 5px 10px rgba(0, 0, 0, 0.3);
	}
	.image-wrap img {
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    object-position: top right;
	    transition: all 8s ease-in-out;
	}
	.image-wrap:hover img {
	    object-position: bottom center;
	}

	.block-tab-1.nav-pills .nav-link {
		margin-bottom: 10px;
		border-radius: 4px;
	}
	.block-tab-1.nav-pills .nav-link.active {
		background-color: rgba(220, 53, 69, 8%);
		margin-bottom: 20px;
		padding: 25px;
	}

	.block-tab-1.nav-pills .nav-link h4 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 6px;
	}
	.block-tab-1.nav-pills .nav-link p {
		display: none;
		visibility: hidden;
		font-size: 14px;
		margin-bottom: 0;
		color: ##666;
	}

	.block-tab-1.nav-pills .nav-link.active p {
		display: block;
		visibility: visible;
	}

	@media (max-width: 767.98px) {
		.block-tab-1.nav-pills .nav-link p {
			display: block;
			visibility: visible;
		}

		.block-tab-1.nav-pills .nav-link,
		.block-tab-1.nav-pills .nav-link.active {
			padding: 20px;
			margin-bottom: 8px;
		}
	}

		/* Hotspot */
		.hotspot-img { position: relative; }

		.hotspot-img img { opacity: .6; }

		.hotspot-img .hot-spot {
			position: absolute;
			width: 12px;
			height: 12px;
			top: 5px;
			left: 5px;
			text-align: center;
			background-color: rgba(68, 170, 172, 0.8);
			border: 1px solid ##FFF;
			border-radius: 100%;
			cursor: pointer;
			transition: transform .3s ease;
		}

		.hotspot-img .hot-spot .circle {
			display: block;
			position: absolute;
			top: 47%;
			left: 47%;
			width: 2em;
			height: 2em;
			margin: -1em auto auto -1em;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			border-radius: 50%;
			background: ##EE1111;
			opacity: 0;
			z-index: -1;
			-webkit-animation: pulsate 3.5s ease-out infinite;
			animation: pulsate 3.5s ease-out infinite;
		}

		.hotspot-img .hot-spot:nth-child(2) .circle { animation-delay: 1.5s; background: ##BB33CC; }
		.hotspot-img .hot-spot:nth-child(3) .circle { animation-delay: 2.5s; background: ##55BB11;}
		.hotspot-img .hot-spot:nth-child(4) .circle { animation-delay: 5.2s;}
		.hotspot-img .hot-spot:nth-child(5) .circle { animation-delay: 6.4s; }
		.hotspot-img .hot-spot:nth-child(6) .circle { animation-delay: 8s; }
		.hotspot-img .hot-spot:nth-child(7) .circle { animation-delay: 9.2s; }
		.hotspot-img .hot-spot:nth-child(8) .circle { animation-delay: 11s; }
		.hotspot-img .hot-spot:nth-child(9) .circle { animation-delay: 13s; }
		.hotspot-img .hot-spot:nth-child(10) .circle { animation-delay: 15s; }