.ksuse-gallery, .ksuse-gallery-part {
	text-align: center;
	vertical-align: middle;
}

.ksuse-gallery-form {
    padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: large;
}

.ksuse-gallery-form form div {
    padding: 4px;
}

.ksuse-gallery-box, .ksuse-gallery-part-box-wrapper {
	box-sizing: border-box;
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
}

.ksuse-gallery-box:before {
	content: '';
	display: block;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
}

.ksuse-gallery-part-box {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: solid 10px transparent;
	margin: auto;
	padding-bottom: 52px;
}

.ksuse-gallery-part-box-1 {
	width: 90%;
	height: 90%;
}
.ksuse-gallery-part-box-2 {
	width: 45%;
	height: 90%;
}
.ksuse-gallery-part-box-3 {
	width: 30%;
	height: 45%;
}
.ksuse-gallery-part-box-4 {
	width: 30%;
	height: 45%;
}

@media screen and (orientation: portrait) {
	.ksuse-gallery-part-box-1 {
		width: 90%;
		height: 90%;
	}
	.ksuse-gallery-part-box-2 {
		width: 90%;
		height: 45%;
	}
	.ksuse-gallery-part-box-3 {
		width: 45%;
		height: 45%;
	}
	.ksuse-gallery-part-box-4 {
		width: 45%;
		height: 45%;
	}
}

.ksuse-gallery-box {
	border: solid 6px transparent;
}

@media (min-width: 512px) { .ksuse-gallery-box { width: 50%; } }
@media (min-width: 768px) { .ksuse-gallery-box { width: 33.33333333%; } }
@media (min-width: 1024px) { .ksuse-gallery-box { width: 25%; } }
@media (min-width: 1536px) { .ksuse-gallery-box { width: 16.66666667%; } }
@media (min-width: 2048px) { .ksuse-gallery-box { width: 12.5%; } }

.ksuse-gallery-item, .ksuse-gallery-part-item {
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	cursor: pointer;
}

.ksuse-gallery-part-item {
	vertical-align: middle;
}

.ksuse-gallery-part {
	display: block;
}

.ksuse-gallery-part-overlay-fog {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 10;
	cursor: pointer;
}

.ksuse-gallery-part-overlay {
	width: 80%;
	height: 80%;
	margin: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0,0,0,0.4);
	z-index: 11;
	text-align: center;
	vertical-align: middle;
}

.ksuse-gallery-part-overlay#scrollable {
    overflow-y: scroll;
    height: 100%;
}

.ksuse-gallery-part-overlay, .ksuse-gallery-part-overlay-fog {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.ksuse-gallery-part-empty {
	color: white;
	margin: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: large;
}

.ksuse-gallery-transparent {
	opacity:0;
	visibility: hidden;
}

.ksuse-gallery-part video, .ksuse-gallery-part img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
	object-fit: contain;
}

.ksuse-gallery-part-close {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: absolute;
	right: 0px;
 	top: 0px;
	width: 24px;
	height: 24px;
	padding: 7px;
	background-color: rgba(0, 0, 0, 0.8);
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii01IC01IDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC01IC01IDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTMuNywwLjNjLTAuNC0wLjQtMS0wLjQtMS40LDBMNyw1LjZMMS43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQsMGMtMC40LDAuNC0wLjQsMSwwLDEuNEw1LjYsN2wtNS4zLDUuM2MtMC40LDAuNC0wLjQsMSwwLDEuNEMwLjUsMTMuOSwwLjcsMTQsMSwxNHMwLjUtMC4xLDAuNy0wLjNMNyw4LjRsNS4zLDUuM2MwLjIsMC4yLDAuNSwwLjMsMC43LDAuM3MwLjUtMC4xLDAuNy0wLjNjMC4zOTktMC40LDAuMzk5LTEsMC0xLjRMOC40LDdsNS4zLTUuM0MxNC4xLDEuMywxNC4xLDAuNywxMy43LDAuM3oiLz48L3N2Zz4=');
	cursor: pointer;
	opacity: 0.8;
	z-index: 1000;
}

.ksuse-gallery-part-close:hover {
	opacity: 1;
}

.ksuse-gallery-part-box-buttons {
    padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ksuse-gallery-part-box-button {
	float: left;
	width: 36px;
	height: 36px;
	border: solid 4px transparent;
	cursor: pointer;
	opacity: 0.8;
	background-size: 36px 36px;
}

.ksuse-gallery-part-box-button:hover {
	opacity: 1;
}

.ksuse-gallery-part-box-Download {
	background: url(../icons/Download.svg) center no-repeat;
}

.ksuse-gallery-part-box-Email {
	background: url(../icons/Email.svg) center no-repeat;
}

.ksuse-gallery-part-box-Facebook {
	background: url(../icons/Facebook.svg) center no-repeat;
}

.ksuse-gallery-part-box-Instagram {
	background: url(../icons/Instagram.svg) center no-repeat;
}

.ksuse-gallery-part-box-Share {
	background: url(../icons/Share.svg) center no-repeat;
}

.ksuse-gallery-part-box-Telegram {
	background: url(../icons/Telegram.svg) center no-repeat;
}

.ksuse-gallery-part-box-Viber {
	background: url(../icons/Viber.svg) center no-repeat;
}

.ksuse-gallery-part-box-Whatsapp {
	background: url(../icons/Whatsapp.svg) center no-repeat;
}

.ksuse-gallery-part-box-email-field {
    padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ksuse-gallery-part-box-send {
	width: 32px;
	height: 32px;
	background: url(../icons/OK.svg) center no-repeat;
	background-size: 32px 32px;
}

.ksuse-gallery-float-left {
	float: left;
}

.ksuse-gallery-send-result {
	color: white;
	margin: auto;
	font-size: large;
}

.ksuse-gallery-submit {
	width: 22px;
	height: 22px;
}

.ksuse-gallery-none {
	display: none;
}