@charset "utf-8";

.tg-popup-wrap::-webkit-scrollbar {
width: 12px;
height: 12px;
}

.tg-popup-wrap::-webkit-scrollbar-track {
border-radius: 0;
background-color: #f9f9f9;
}

.tg-popup-wrap::-webkit-scrollbar-track:hover {
background-color: #f9f9f9;
}

.tg-popup-wrap::-webkit-scrollbar-track:active {
background-color: #f9f9f9;
}

.tg-popup-wrap::-webkit-scrollbar-thumb {
border: 3px solid #f9f9f9;
border-radius: 100px;
background-color: #dadbdb;
}

.tg-popup-wrap.tg-popup-wrap::-webkit-scrollbar-thumb:hover {
background-color: #dadbdb;
}

.tg-popup-wrap::-webkit-scrollbar-thumb:active {
background-color: #dadbdb;
}


.tg-tag__title {margin: 20px auto;color: #333 !important;font-size: 26px !important;text-align: center;}
.tg-tag__title strong {font-size: 26px !important;color: #db6a70 !important}

.template-gallery-wrap {display: flex;flex-wrap: wrap;width: 100%;max-width: 1020px;margin: 0 auto;position: relative;box-sizing: border-box;}
.template-gallery-wrap  * {box-sizing: border-box;}
.template-gallery-wrap .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.template-gallery-wrap .tg-list {display: flex;flex-wrap: wrap;gap: 40px 5%;width: 100%}
.template-gallery-wrap .tg-list .tg-list__item {width: 30%;}
.template-gallery-wrap .tg-list .tg-list__item a {display: flex;flex-direction: column;text-decoration: none;}
.template-gallery-wrap .tg-list .tg-list__item .tg-list__img {position: relative;width: 100%;padding-bottom: 56.67%;overflow: hidden;}
.template-gallery-wrap .tg-list .tg-list__item .tg-list__img img {position: absolute;top: 50%;left: 50%;object-fit: cover;min-width: 100%;transform: translate(-50%, -50%) scale(1);transition: .3s ease-in-out;}
.template-gallery-wrap .tg-list .tg-list__item a:hover .tg-list__img img {transform: translate(-50%, -50%) scale(1.2)}
.template-gallery-wrap .tg-list .tg-list__item .tg-list__title {line-height: 1.5;margin-top: 5px;color: inherit;font-size: 18px;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}


.template-gallery-popup.on {display: flex}
.template-gallery-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0, .4);z-index: 99999;display: none;align-items: center;justify-content: center}
.template-gallery-popup .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.tg-popup-wrap {position: absolute;top: 50%;left: 50%;width: 100%;max-width: 820px;max-height: 800px;overflow-x: hidden;overflow-y: auto;transform: translate(-50%, -50%)}
.tg-popup-header {position: relative;background: #f8496c;height: 76px;display: flex;}
.tg-popup-header .tg-header {display: flex;align-items: center;width: 100%;}
.tg-popup-header h5 {width: 100%;padding: 0 80px 0 20px;color: #fff !important;font-weight: 700;font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;text-align: center;}
.tg-popup-header .tg-popup__close {position: absolute;top: 0;right: 0;width: 76px;height: 76px;background: #d12749;}
.tg-popup-header .tg-popup__close:before,
.tg-popup-header .tg-popup__close:after {content: '';position: absolute;top: 50%;left: 50%;width: 35px;height: 3px;background: #fff;border-radius: 2px;transform: translate(-50%, -50%) rotate(45deg)}
.tg-popup-header .tg-popup__close:after {transform: translate(-50%, -50%) rotate(-45deg)}


.tg-popup-cont {position: relative;width: 100%;padding: 30px 0 40px;background: #fff;}
.tg-popup-cont .loader {top: 40%}
.tg-popup-images {width: 100%;max-width: 600px;margin: 0 auto;}
.tg-popup-images.init {opacity: 0;transition: opacity .5s ease-in-out;visibility: hidden;max-height: 375px;}
.tg-img-list .tg-img__img {width: 100%;padding-bottom: 62.64%;overflow: hidden;position: relative;}
.tg-img-list .tg-img__img img {position: absolute;top: 50%;left: 50%;object-fit: cover;max-width: 100%;min-height: 100%;transform: translate(-50%, -50%);}

.tg-popup-text {padding: 30px 55px 20px 70px;}
.tg-popup-text .tg-cont-text {font-size: 18px;letter-spacing: -0.1em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: keep-all;}
.tg-popup-tags {padding: 0 55px 0 70px;}
.tg-popup-tags .tg-tag {display: inline-flex;padding: 3px 10px 1px;background: #f7efce;border-radius: 15px;color: #7d2803;font-size: 16px;}

#next-page-btn {display: none}
body.admin-bar #next-page-btn {display: block}

/* slide */
.slick-arrow {position: absolute;top: 50%;left: -90px;width: 76px;height: 76px;background:transparent;border-radius: 50%;text-indent: -9999em;z-index: 2;}
.slick-arrow.slick-next {right: -90px;left: auto;}
.slick-arrow::before {content: '';width: 36px;height: 4px;border-radius: 2px;background: #9b9b9b;position: absolute;left: 50%;top: 26px;transform: translateX(-50%) rotate(-45deg);}
.slick-arrow::after {content: '';width: 36px;height: 4px;border-radius: 2px;background: #9b9b9b;position: absolute;top: 49px;left: 50%;transform: translateX(-50%) rotate(-135deg);}
.slick-arrow.slick-next::before {transform: translateX(-50%) rotate(45deg);}
.slick-arrow.slick-next::after {transform: translateX(-50%) rotate(135deg);}

.slick-arrow.slick-disabled::before,
.slick-arrow.slick-disabled::after {background: #ebebeb !important}

.tpl-fixed * {box-sizing: border-box;}


/* spinner */
.loader {
	position: fixed;
	bottom: 20%;
	left: 50%;
	font-size: 8px;
	width: 1em;
	height: 1em;
	border-radius: 50%;	
	text-indent: -9999em;
	animation: mulShdSpin 1.1s infinite ease;
	transform: translateZ(0);
}
@keyframes mulShdSpin {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #f4f4f4, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #f4f4f4, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #f4f4f4, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #f4f4f4, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #f4f4f4, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #f4f4f4, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #f4f4f4, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #f4f4f4;
	}
}

/* mobile */

@media (max-width: 1280px) {
	.template-gallery-wrap {padding: 0 20px;}
	.template-gallery-wrap .tg-list {gap: 20px 5%}
	.template-gallery-wrap .tg-list .tg-list__item .tg-list__title {font-size: 16px;}
}
@media (max-width: 860px) {

	.template-gallery-wrap .tg-list {gap: 20px 3%}
	.template-gallery-wrap .tg-list .tg-list__item {width: calc(50% - 1.5%)}

	.tg-popup-wrap {width: 96%}
	.tg-popup-header {height: 60px;}
	.tg-popup-header .tg-popup__close {width: 60px;height: 60px;}
	.tg-popup-header h5 {font-size: 18px;}
	.tg-popup-header .tg-popup__close:before, .tg-popup-header .tg-popup__close:after {width: 22px;height: 2px}
	.tg-popup-cont {padding: 30px;}

	.tg-popup-images {max-width: 100%}
	.tg-popup-text {padding: 15px 0px;}
	.tg-popup-text .tg-cont-text {font-size: 16px;}

	.tg-popup-tags {padding: 0}
	.tg-popup-tags .tg-tag {font-size: 15px;}

	.slick-arrow {width: 46px;height: 46px;left: 10px;background: rgba(53, 62, 61, 0.7);}
	.slick-arrow.slick-disabled {background: rgba(85, 108, 106, 0.4)}
	.slick-arrow.slick-disabled::before,
	.slick-arrow.slick-disabled::after {background: #fff !important}
	.slick-arrow.slick-next {right: 10px}
	.slick-arrow::before,
	.slick-arrow::after {width: 18px;height: 2px;background: #fff}
	.slick-arrow::before {top: 16px;}
	.slick-arrow::after {top: 28px;}

	.tg-popup-images.init {max-height: calc(62vw - 30px)}
}

@media (max-width: 460px) {

	.tg-tag__title {font-size: 18px !important;}
	.tg-tag__title strong {font-size: 18px !important;}

	.template-gallery-wrap .tg-list {gap: 20px 0}
	.template-gallery-wrap .tg-list .tg-list__item {width: 100%}
	.tg-popup-cont {padding: 15px;}

}

@media (max-width: 844px) and (orientation: landscape) {
	.tg-popup-wrap {top: 3%;max-height: 94%;transform: translate(-50%, 0)}
}


/** customizing **/
/*
.template-gallery-wrap {max-width: 1020px}
.tg-tag__title {color: #333 !important;}
.tg-tag__title strong {color: #db6a70 !important}
.tg-popup-header {background: #f8496c}
.tg-popup-header h5 {color: #fff !important}
.tg-popup-header .tg-popup__close {background: #d12749}
.tg-popup-tags .tg-tag {background: #f7efce;color: #7d2803}
*/