:root {
		--mk-windowheight: 100vh;
		--mk-cardheight: 700px;
		--mk-cardwidth: 423px;
		--mk-adjustmentleft: 423px;
		--mk-adjustmentright: -423px;
		--mk-adjustmentmiddle: 0px;
		--mk-scalefactorhorizontalcards: 1;
		--mk-hscale: rotateY(180deg) scale(var(--mk-scalefactorhorizontalcards));
		--mk-scalefactorverticalcards: 1;
		--mk-vscale: rotateY(180deg) scale(var(--mk-scalefactorverticalcards));
		--mk-adjustmentfirst: 0;
		--mk-adjustmentlast: 0;
		--mk-spacerwidth: 0;
		--mk-slidewidthfactor: 0.25;
	}
	
	html, body {margin: 0; padding: 0; overscroll-behavior: none; overflow: hidden;}
		body {display:flex; flex-direction:column;}
		body.verticalstack {}
		body.horizontalstack {}
		*:not(input, textarea) {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	    .mk-footer{ margin-top: 100px; color: rgb(154,169,172); background-color:rgba(255, 255, 255, 0.95); visibility: hidden;z-index:200 }
	}
	
#mk-repeater1, #mk-repeater2 { z-index:0; border-spacing:0px; padding:0px; border-collapse:separate; width: 100%; margin: 100px auto; padding-top: 0; padding-top: env(safe-area-inset-top, 0); display: none;}
#mk-repeater1-body td {position: relative; z-index: 0; padding: 0px; margin: 0px; border: none; line-height:0; perspective: 1000px; transition: height 2s;}
#mk-repeater1-body td.mk-bringforward:hover, #mk-repeater2 div.mk-bringforward:hover {z-index: 100}
#mk-repeater1 .mk-slidead, #mk-repeater1 .mk-slidead2 {display: none}
#mk-repeater2 {position:fixed; height: calc(100vh - 60px); width:100%; margin: 0px; border: none; line-height:0; }
#mk-repeater2-body .mk-cardwrapper, #mk-repeater2-body .mk-slidefiller {position: relative; z-index: 0; padding: 0px; border: none; line-height:0}
#mk-repeater2-graphics {position: relative; left:var(--mk-spacerwidth); margin: 30px 0; overflow: visible;}
#mk-repeater2-body::-webkit-scrollbar {display: none;}

#mk-repeater2.hideheader {top:0px; height: 100vh;}
#mk-repeater2.hideheader .mk-cardwrapper {margin: 0px}
#mk-repeater2.hideheader .mk-slidefiller {margin: 0px}

#mk-whitespace {position: relative;z-index:-100; height: 111vh;}

td.mk-cardwrapper.mk-verticalcardopen{height: var(--mk-cardheight)}
td.mk-cardwrapper.mk-horizontalcardopen{height: calc(0.6052*var(--mk-cardwidth))}

div.mk-cardwrapper, div.mk-slidefiller{height: 0px; left: 0px; width: 100%;}
div.mk-outercontainer { width: calc(var(--mk-windowheight) / 2); min-width: 250px; max-width: 95vw; margin: auto; height: 100%; transform-style: preserve-3d; position: relative}

td:hover .mk-cardcontainer-back, td:active .mk-cardcontainer-back {
		transform: rotateY(10deg); 
	    transform-origin: top center;
}

.mk-slide {
	outline: 0;
}

td .mk-outercontainer.flip {
  transform: rotateY(180deg);
    
  position: relative;
  transform-origin: center;
}

td .mk-magnifyverticalonhover, td .mk-magnifyhorizontalonhover {
	transition: transform 3s;
}

@media (any-hover: hover) {

	tr .mk-magnifyverticalonhover:hover {
		transform: rotateY(180deg) scale(var(--mk-scalefactorverticalcards));
		
	}
	
}
	
tr .mk-magnifyhorizontalonhover:hover {
	transform: rotateY(180deg) scale(var(--mk-scalefactorhorizontalcards));
}
	
.mk-cardcontainer-back, .mk-cardcontainer-front {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: flex; 
	align-content: flex-start; 
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;	
}
.mk-cardcontainer-back { transition: all 1s ease-in-out; transform: rotateY(0deg); }
.mk-cardcontainer-front {
	transform: rotateY(180deg);
}

.mk-imgbackofcard, .mk-imgfrontofcard, .mk-imgfrontofcard-rotated, .mk-watermark, mk-watermark-for-rotated-card { top:0px; left:0px; position: absolute; z-index: -1; width: 100%; transition: all 1s; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius: calc(0.02 * var(--mk-cardheight)); user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; backface-visibility: hidden;}
.mk-watermark-for-rotated-card {visibility: hidden;}
.mk-imgfrontofcard-rotated {visibility: hidden;}

@media (min-width: 601px) {
div .mk-horizontalcardopen .mk-imgfrontofcard {visibility: hidden;}
div .mk-horizontalcardopen .mk-imgfrontofcard-rotated {visibility:visible;}
div .mk-horizontalcardopen .mk-watermark {visibility: hidden;}
div .mk-horizontalcardopen .mk-watermark-for-rotated-card {visibility:visible;}
}

.mk-imgbackofcard { background-image: url('/cardimg/back/backofthecards.webp'); background-size: cover; aspect-ratio: 423 / 699; }

.mk-slide:focus-within .mk-imgbackofcard, .mk-slide:focus-within .mk-imgfrontofcard, .mk-imgfrontofcard-rotated { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.38) }
.mk-btnreadmore {cursor:pointer; top:5px; left:7%; position:absolute; width:25%; filter: drop-shadow(0 0 3px white); transition: width 2s; background: none; border: none;transition: transform 0.111s 0.25s, left 1s 0.25s;}
.mk-btnreadmore:hover {filter: sepia(1) drop-shadow(0 0 3px gold); outline:none;}
td .mk-magnifyhorizontalonhover:hover .mk-btnreadmore {width: calc(33%/var(--mk-scalefactorhorizontalcards))}
.mk-cardButton {position: absolute; width: 150px; height: 25px; z-index: 10; top: 0px; left:calc(50% - 75px);border-radius: 12px; font-size:20px}

	
.mk-horizontal-card-slider {
  width: 100%;
  height: 100%;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}
	
.mk-slide {
  width: calc((var(--mk-slidewidthfactor)) * var(--mk-cardwidth));
  flex-shrink: 0;
  height: 100%;
  scroll-behavior: smooth;
  scroll-snap-align: center;
}

@media (max-width: 600px) {
  .mk-slide {width: var(--mk-cardwidth)}
}	
	
@supports (scroll-snap-type: x mandatory) {
  .mk-horizontal-card-slider > a {
    display: none;
  }
}
		
.disable-horizontal-scroll{
  overflow-x: hidden;
}