/*___ ___ ____ ___  _____   ___ 
\__  |   |    |   \/  _  \ |   |
 /   |   |    |   /  /_\  \|   |
 \____   |    |  /    |    \   |
 /_______|______/\____|____/__ */

/* style-root */
*{outline: none; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;scroll-behavior: smooth; -webkit-tap-highlight-color: transparent;    -webkit-touch-callout: none;}

/*Morphing point*/	:root { --1s: 16px; }
@media screen and (max-width:320px) and (orientation:portrait){ :root{--1s: 4vw;}}

@media screen and (orientation: landscape) and (max-height: 450px) and (max-width: 950px) {:root{--1s: 2.7vh;}}
@media screen and (min-width:1280px) {	:root {--1s:18px;}}
@media screen and (min-width:1400px) {	:root {--1s:19px;}}
@media screen and (min-width:1600px) {	:root {--1s:20px;}}
@media screen and (min-width:1800px) {	:root {--1s:1.1vw;}}


:root {
	--01s: calc(var(--1s) * 0.125);
	--025s: calc(var(--1s) * 0.25);
	--05s: calc(var(--1s) * 0.5);
	--075s: calc(var(--1s) * 0.75); 
	--1_25s: calc(var(--1s) * 1.25); 
	--1_5s: calc(var(--1s) * 1.5); 
	--2s: calc(var(--1s) * 2);	
	--2_5s: calc(var(--1s) * 2.5); 
	--3s: calc(var(--1s) * 3); 
	--4s: calc(var(--1s) * 4); 
	--5s: calc(var(--1s) * 5);
	--6s: calc(var(--1s) * 6); 
	--7s: calc(var(--1s) * 7); 
	--8s: calc(var(--1s) * 8); 
	--9s: calc(var(--1s) * 9); 
	--10s: calc(var(--1s) * 10);
	--15s: calc(var(--1s) * 15);
	--20s: calc(var(--1s) * 20); 		
	
	--cw:white;
	--cb:black;
	--c0: #00003f;
	--c1: #000050;
	--c2: #2e245e;
	--c3: #8a486c;
	--c4: #ff6c7a;
	--c5: #ff9088;
	--c6: #ffb496;
	--c7: #ffd8a4;
	--c8: #fffcb2;
	--c9: #ffffd1;
	--c10: #ffffe4;
	--c11:transparent;
}

html, body { margin:0; padding:0; max-width:100%; min-height:100%;}
body {overflow-x:hidden; /*word-wrap: break-word;*/overflow-wrap: anywhere; }
body, button, input, select, textarea{font-family: system-ui, sans-serif; font-size:var(--1s); -webkit-text-size-adjust: none;}


/* style-grid */
.row {display: grid;  grid-template-columns: repeat(12, 1fr);  gap: var(--1s);  justify-content: space-around; align-content: stretch; width:100%; }
.row.reverse {direction: rtl;} .row.reverse div {direction: ltr;}
.row div {grid-column:span 12;}
.row .col-sm-2 {grid-column:span 2;} .row .col-sm-3 {grid-column:span 3;} .row .col-sm-4 {grid-column:span 4;} .row .col-sm-6 {grid-column:span 6;}  .row .col-sm-8 {grid-column:span 8;}
#sidebar { grid-row: span 2;}

@media screen and (max-width: 768px) and (orientation: portrait) {
	.row.withsidebar div {grid-column:span 12;}
}

@media screen and (min-width: 768px) and (max-width: 1200px), (orientation: landscape) and (max-width: 1200px){
	.row div:not([class*="col-"]) {grid-column:span 6;}
	.row.withsidebar #objects, .row.withsidebar #content, .row.withsidebar #userfilter {grid-column:span 8;}
	.row.withsidebar #sidebar {grid-column:span 4;}
}

@media all and (orientation: landscape) and (min-width: 560px), print {
	.row {padding:0 var(--1s);}
	.row div {grid-column:span 3;} 
	.row .col-md-1 {grid-column:span 1;} 
	.row .col-md-2 {grid-column:span 2;} 
	.row .col-md-3 {grid-column:span 3;} 
	.row .col-md-4 {grid-column:span 4;} 
	.row .col-md-5 {grid-column:span 5;} 
	.row .col-md-6 {grid-column:span 6;} 
	.row .col-md-6-span {grid-column:4 / span 6;}  
	.row .col-md-7 {grid-column:span 7;} 
	.row .col-md-8 {grid-column:span 8;}
	.row .col-md-8-span {grid-column:3 / span 8;} 
	.row .col-md-9 {grid-column:span 9;} 
	.row .col-md-10 {grid-column:span 10;} 
	.row .col-md-11 {grid-column:span 11;} 
	.row .col-md-12 {grid-column:span 12;}
	.container {max-width:90%;margin:0 auto;}
}
@media screen and (min-width: 1400px) {
	.container {max-width:80%;margin:0 auto;}
}
@media screen and (min-width: 1800px) {
	.catalog .row {grid-template-columns: repeat(15, 1fr); }
	.container {max-width:70%;margin:0 auto;}
}

/* style-typo */
* {line-height:1.2em;} 
ul, li, dl, dd, dt {padding:0;margin:0;}
dd, dt {margin-bottom:var(--05s);}
.serif {font-family:serif;font-weight:100;}
article p, dd, dt {line-height:1.4em;white-space: pre-line;}
.morf-default article a {text-decoration:underline;}
	
article h1 {font-size:2em;} article h2 {font-size:1.8em;}
.title-1 {font-size: clamp(var(--3s), var(--5s), 8vw);}
pre {white-space: pre-wrap; tab-size: 4; font-size:90%;}
a {text-decoration:none;}
article h1, article h2, article h3, article h4, article p, article blockquote, article dl {margin-left:var(--1s); margin-right:var(--1s);} 

@media all  and  (orientation: landscape), (min-width: 900px)  {
	p {max-width:60vw;}
	.morf-default p:not(.row p),  .morf-landing p:not(.row p), .col-md-12  p, .morf-default ol, .morf-default ul {max-width:60vw;margin:var(--1s) auto;}
	.morf-default h1:not(.row h1),  .morf-landing h1:not(.row h1), .morf-default h2:not(.row h2), .morf-landing h2:not(.row h2), .morf-default h3:not(.row h3), .morf-landing h3:not(.row h3), .morf-default h4:not(.row h4), .morf-landing pre, .morf-default pre, .morf-landing blockquote, .morf-default blockquote {max-width:70vw;margin-left: auto; margin-right: auto;}
}
@media all and (min-width: 1200px)  {
	p {max-width:50vw!important;} h1, h2, h3, blockquote {max-width:60vw!important;  margin-left: auto;  margin-right: auto; }
}

@font-face { font-display: swap; font-family: "Nunito";  src: url("fonts/Nunito.ttf"); }
body, button, input, select, textarea, .mainfont {font-family: 'Nunito', sans-serif;} .mainmenu {font-weight:800;}

	

/* style-components */
.status {position: fixed; overflow: hidden; left: var(--5s); right: var(--5s); top: var(--1s); z-index: 22; animation: fadeOut 3s 1s linear forwards;  min-height: var(--3s);  }
.status div { padding: var(--1s) var(--05s); word-break: break-all; }

.modal {z-index:10;}

summary::-webkit-details-marker { display: none;} summary::marker {content: '';} summary.dots::after {content: '...';} details[open] summary:after {content: '';}
summary {cursor: pointer; }	

.microthumb { border-radius:50%;background-size:var(--3s); background-position: center; width:var(--3s);height:var(--3s);overflow:hidden;text-align: center;padding: 0;margin:0;vertical-align: middle;}
.microthumb svg {width:calc(var(--05s) + var(--1s));}	

video {max-width:100%;}
video:fullscreen {object-fit:contain;}

iframe {width:100%;max-width:100%; min-height:60vmin;border:none;margin: 0; padding: 0;}
img{max-width:100%;height:auto;vertical-align: middle;}

#canvas {position:absolute;z-index:-1;}

#map {width:100%;overflow:hidden;}
#map  > ymaps { position:absolute; }

select option {padding:var(--05s) var(--1s);}

textarea {font-size:var(--1s); padding: var(--1s); min-height:var(--5s); min-width: 100%; width:100%;  max-width: 100%; border: var(--01s) solid #656565; opacity: 1; background: transparent;}
input:not(input[type=text]), select, option { border-radius: var(--1s);}
input[type="datetime-local"], input[type="date"], input[type="text"], input[type="url"], input[type="color"], input[type="password"], input[type="email"], input[type="number"],input[type="tel"], select { outline: none; max-width: 100%; width: 100%; min-height: var(--2s); padding: var(--025s) var(--1s);   border:none; border: var(--01s) solid; opacity: 1;  }
input[type="text"] {border-width: 0 0 var(--01s) 0; border-radius:0;}
input[type="checkbox"] { margin:0; }
input[type="color"] {border-bottom:0;}
input[type="radio"]+label, nav input[type="radio"]:checked+label { border:var(--01s) solid transparent;}
input[type="radio"]:checked+label { background:var(--c3); border:var(--01s) solid var(--c5);}
input[type="file"] {width:100%; }
input::file-selector-button {   padding: var(--05s) var(--1s);   min-width: var(--3s); min-height: var(--3s);   transition: all 0.2s ease-in-out; cursor: pointer;}

.toggleinput:checked ~ label label {display:block;}
.toggleinput:checked ~ .toggled {display: inherit;}
.toggleinput:checked ~ .toggled-inline-block { display: inline-block;  }
.toggleinput:checked ~ .reverse-toggled { display: none;  }
.toggleinput:checked ~ .close {display:flex;}
.toggleinput:checked ~ .reverse-toggled-inline-block { display: none;  }
.togglearrow:after { content: " +"; font-size:var(--1s); } .toggleinput:checked + .togglearrow:after { content: " -"; font-size:var(--1s); }

header  {opacity:0; }
#menu:checked ~ header { bottom:0;height:100%;visibility:visible;opacity:1;}	
#menu:checked ~ .morf_wrap {overflow:hidden!important;}
#menu:checked ~ #headcosmimage {transform:rotate(180deg);}

button, .button, input[type="button"], input[type="submit"], input::file-selector-button {
	text-align: center;
	padding: var(--05s) var(--05s);
	min-width: var(--2_5s);
	min-height: var(--2_5s);
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	border: var(--01s) solid transparent;
	border-radius: var(--1_5s);
	text-decoration: none!important;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color:var(--c4);
	color:var(--c10);
	filter: contrast(1.12);
}

.midbutton {font-size:var(--1_25s); padding: var(--05s) var(--1s); min-width: var(--3s);  min-height: var(--3s);}
.bigbutton {font-size: var(--1_5s);    padding: var(--1s) var(--2s);}	

/* style-unsorted */
	.rounded {border-radius: var(--1_5s); transition:0.5s ease;}
	.rounded:hover {border-radius: var(--2s);}
	.opacity05 {opacity:0.5;}	
	.br {border-style: solid;}
	.circle {border-radius: 50%;}	
	.boxshadow {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);}
	.noboxshadow {box-shadow:none!important;}	
	.bgimage img, .bgimage video, .bgimage svg {object-fit:cover; width:100%; height:100%;border-radius:0;}
	
	a:hover {filter: brightness(120%); }

/*Header*/
	header {height:1px;padding:0px;z-index:6;transition: all 0.25s;visibility:hidden;}	
	#aianswer {max-height:40vh;}
	#headcosmimage {transition: 1s;} #headcosmimage:hover{transform:rotate(360deg);}
	.speaker {right:var(--5s);top:var(--1s); display:none;}
	.mainmenu { top:var(--4s);}
	.usermenu {  transition:1s; top:var(--1s); right:var(--1s); position:fixed;  height: var(--3s); z-index:9;}
	.usermenu  .microthumb {line-height: var(--3s);    text-align: center;}
	#logo { position:fixed; height:var(--3s); top:var(--1s); left:var(--1s); z-index:9;cursor:pointer;}
	.subusermenu, .userpro, .useradd, .usernext, .useredit, .usermetaedit, .ordersedit {position:fixed;top:var(--1s);right:var(--1s);transition:0.5s;z-index:9}
	.useradd, .usernext, .useredit, .usermetaedit, .ordersedit {opacity:0;}
	#userfilter {transition:0.5s;}
	#toggleuser:checked ~ .userpro  { top:calc(var(--5s) + var(--4s));}
	#toggleuser:checked ~ .useradd  { top:var(--5s);opacity:1;}
	#toggleuser:checked ~ .usermetaedit  { right:var(--5s);opacity:1;}
	#toggleuser:checked ~ .useredit  { right:calc(var(--5s) + var(--4s));opacity:1;}
	#toggleuser:checked ~ .usernext {opacity:1;}
	#toggleuser:checked ~ .ordersedit { right:var(--5s);opacity:1;top: var(--5s);}

	@media screen and (min-width: 900px) {
		#toggleuser:checked ~ #wrapper div #userfilter {margin-top:var(--3s);}
	}
	.chat-msg-text a {word-break:break-all;hyphens:auto;}

/* MORF Menu */
	.adminmenu {transition: all 0.25s;}
	.adminmenu .toggle {position:absolute;right:0;top:0;}
	nav {transition: all 0.25s; position:relative;}
	ul {list-style-type: none;}
	nav ul li {	position: relative;	margin: var(--05s) 0; }
/*Misc*/
	.online:before { z-index:1;content: ""; position: absolute; background-color: var(--c6);  width: var(--1s);    height: var(--1s);  border-radius: 50%;  left: 0px;  top: 0px; }
	.subprice {margin-top:var(--1s); display:none;}
	.blogimage img {width:100%;}
	.tapper {position:absolute;width: 40%;height: 40%;top: 30%;left: 30%;border-radius:50%; overflow: hidden;z-index:1;}
	.svgblogimage {object-fit: cover; height:100%;}
	input.qnty{width:80px;}
	.login {max-width: 500px;margin-left: auto; margin-right:auto;}
	.addproperty {display:none;}
	.listing-item {max-width:400px; margin:0 auto;}
	.clientstitle  {opacity:0;transition: all 0.25s;}
	.clientstitle:hover {opacity:1;}
	input.titleinput {font-size: 1.5em; font-weight:bold;}
	#scr {font-size:10px;padding:4px 8px;z-index:10;line-height:10px;}
	.options {display:none;}
	.search {margin:0 auto;display:table;}
	.search form {display:table-cell;}
	img:not([src]) {visibility: hidden;}
	#locationswitch {display:none;}
	#check22:checked + label ~ #price { display:none;}
	#spamcheck {display:none;}
	.square {display: block; position: relative; border-radius: 50%;  width: 100%;  height: auto; padding-bottom: 100%;}
	.square div {position:absolute; left:0;right:0; top:50%;transform: translate(0, -50%); text-align:center;}
	.square div h3 {margin:10px;}
	ymaps {color:#000;}


/*Presentation mode*/
	@media screen and (orientation: landscape) {
	.presentation {scroll-snap-type: y mandatory; overflow-y: scroll; overflow-x:hidden; height:100vh; margin-top:0;}
	.presentation section {scroll-snap-align: start; }
	.morf-landing .control {position:fixed;left:0;right:0;bottom:0;z-index:5;}
	.parallax {position:fixed;z-index:-1;}
	.parallax-content {min-height:100vh; display:flex; align-items:center; flex-direction:column;}
	.parallax img {position: fixed; z-index: -1;   height: 100%;   width: 100%;  object-fit: cover;}
	.parallax-front {top:100vh;position:relative;}
	}

/*Slider*/
	.slides { scroll-direction: horizontal; will-change: transform;  user-select: none;  cursor: ew-resize; scroll-snap-type: x mandatory;white-space: nowrap; overflow-x: auto;transition: 0.8s; font-size:0px;}
	.slides .slide {scroll-snap-align: start;font-size:var(--1s);display: inline-block; white-space: normal; position:relative;/*vertical-align: top;*/ }
	.slides.active {  cursor: grabbing;  cursor: -webkit-grabbing;  filter:brightness(95%);}
	.slider .introright {position:absolute;top:calc(50% - 15px);right:0;z-index:1;}
	.arrowright::after {content:"→"; cursor:pointer;}
	.arrowleft::after { content:"←"; cursor:pointer;}

 /*Apple switcher*/
	input[type=checkbox]{height: 0;width: 0;visibility: hidden;}
	input[type=checkbox] + span, input[type=radio] + span {cursor: pointer; width: var(--4s);height: var(--2s); border: var(--01s) solid transparent; display: inline-block;	vertical-align: middle;	border-radius: var(--4s);position: relative;}
	input[type=checkbox] + span:after, input[type=radio] + span:after {content: '';position: absolute;top: 0px;left: 0px;width: 50%;height: 100%; border-radius: var(--4s);transition: 0.3s;}
	input:checked + span:after {left: 100%; transform: translateX(-100%); }
	input[type=checkbox]:checked ~ .toggled {display:inherit;}
	.other:checked ~ .toggled {display:inherit;}


/*Scrollbar*/
	::-webkit-scrollbar {width:0;height:0;position:absolute;}
	::-webkit-scrollbar-track { background: transparent;}
	::-webkit-scrollbar-thumb { background: rgba(55,55,55,0.3); border-radius:5px;}
	::-webkit-scrollbar-thumb:hover { background: rgba(55,55,55,0.7);}
	::-webkit-scrollbar-track-piece:start {
      background: transparent;
    }
    ::-webkit-scrollbar-track-piece:end {
      background: transparent;
    }

	@media (pointer: coarse) and (min-width: 1023px) { ::-webkit-scrollbar {width: 15px;}}

/*Blur Filter*/
	@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
	.filter, .dark-mode .filter  { -webkit-backdrop-filter:  brightness(100%) saturate(100%) blur(30px) contrast(100%); backdrop-filter: brightness(100%) saturate(100%) blur(30px) contrast(100%); }
	}
/*TV*/
	.Linuxarmv7l *:focus, .Linuxi686  *:focus {outline:2px solid coral;}


/*style-shortener*/
	.biggest {font-size:25vmin!important;line-height:25vmin!important;max-width:100%;}
	.subbiggest {font-size:7vh!important;line-height:5vh!important;}
	.small {font-size:0.9em;}
	.bold {font-weight:bold;}
	.thin {font-weight:100;}
	.center {text-align:center; margin-left:auto; margin-right:auto;}
	.left {text-align:left; justify-content: flex-start;}
	.right {text-align:right; justify-content: flex-end;}
	.floatright {float:right;}
	.floatleft {float:left;}
	.notextline {text-decoration:none!important;}
	.textline {text-decoration:underline;}
	.nowrap {white-space:nowrap;}
	.word-break {word-break:break-all;}
	.word-break-normal {word-break:normal;}
	.overflow-hidden {overflow:hidden;}
	.overflow-x {overflow-x:auto; -webkit-overflow-scrolling:touch;  scrollbar-width: 0px; scrollbar-height: 0px;} .overflow-x::-webkit-scrollbar {display: none;}
	.overflow-x-hidden {overflow-x:hidden;}
	.overflow-x-clip {overflow-x:clip;overflow-y:visible;}
	.overflow-y {overflow-y:auto; -webkit-overflow-scrolling:touch;  scrollbar-width: 0px; scrollbar-height: 0px;} .overflow-y::-webkit-scrollbar {display: none;}
	.scroll {overflow:scroll;}
	.relative {position:relative;}
	.absolute {position:absolute;}
	.fixed {position:fixed;}
	.flex {display:flex;}
	.flex-grow-1 {flex-grow:1;}
	.flex-shrink-0 {flex-shrink:0;}
	.flex-wrap {flex-wrap: wrap;}
	.flex-column {flex-direction:column;}
	.flex-row-reverse {flex-direction:row-reverse;}
	.flex-start {align-items: flex-start;}
	.flex-center {align-items: center;}
	.block {display:block;}
	.inline {display:inline;width:auto;}
	.inline div {display:inline;}
	.inline-block {display:inline-block;}
	.table {display:table;width:100%;}
	.table-cell {display:table-cell;}
	.hidden {visibility: hidden;}
	.none {display:none;}
	.vtop{ vertical-align: top;}
	.vmid{ vertical-align: middle;}
	.vbot{ vertical-align: bottom;}
	.right0 {right:0;}
	.left0 {left:0;}
	.top0 {top:0;}
	.bottom0 {bottom:0;}
	.z-index1 {z-index:1;} .z-index2 {z-index:2;} .z-index3 {z-index:3;} .z-index4 {z-index:4;} .z-index5 {z-index:5;}	
	.z-index-1 {z-index:-1;}
	.nomargin {margin:0;}
	.blog {margin-bottom:var(--2s);}
	.justifycenter {justify-content:center;}
	.justifyspace {justify-content:space-evenly;}
	.justifyspacebetween {justify-content:space-between;}
	.objectfitcover {object-fit: cover;width:100%;height:100%;}
	.responsivetable {overflow-x:auto;} .responsivetable table {width:100%;}
	.editicons {position:relative;bottom:0;}
	.pointer {cursor:pointer;}
	.pointer-none {pointer-events: none;}
	.pointer-all {pointer-events: all;}
	.move {cursor:move;}

/*style-layout*/
	.noborder {border:none;}
	.nogap {gap:0;}
	.margin {margin:var(--1s);}
	.marginright {margin-right:var(--1s);}
	.marginleft {margin-left:var(--1s);}
	.marginbottom {margin-bottom:var(--1s);}
	.marginbottom--05s {margin-bottom:var(--05s);}
	.margintop {margin-top:var(--1s);}
	.margin--05s {margin:var(--05s);}
	.margintop--05s {margin-top:var(--05s);}
	.margin--025s {margin:var(--025s);}
	.nopadding {padding:0;}
	.pad {padding:var(--1s);} .content.pad {padding:0;}
	.pad--05s {padding:var(--05s);}
	.pad2 {padding:var(--2s);} .pad3 {padding:var(--3s);} .pad4 {padding:var(--4s);} .pad5 {padding:var(--5s);}
	.paddingleft {padding-left:var(--1s);}
	.paddingright {padding-right:var(--1s);}
	.paddingtop {padding-top:var(--1s);}
	.paddingbottom {padding-bottom:var(--1s);}
	.topoffset {padding-top:var(--5s);}
	.topoffset10 {padding-top:calc(var(--5s) * 2);}
	.bottomoffset {padding-bottom:var(--5s);}
	.bottomoffset10 {padding-bottom:calc(var(--5s) * 2);}
	.leftoffset {margin-left:var(--5s);} .rightoffset {margin-right:var(--5s);}

/* style-sizes */
	.fullheight {min-height:100vh;}
	.halfheight {max-height:50vh;}
	.height100 {height:100%;}
	.fullwidth {width:100%; max-width:100%;}
	.width--05s {width:var(--05s);} .width--1s {width:var(--1s);} .width--2s {width:var(--2s);} .width--3s {width:var(--3s);} .width--4s {width:var(--4s);} .width--5s {width:var(--5s);}  .width--10s {width:calc(var(--5s) * 2);} .width--15s {width:calc(var(--5s) * 3);}	.width--20s {width:calc(var(--5s) * 4);}
	.height--025s {height:var(--025s);} .height--05s {height:var(--05s);} .height--1s {height:var(--1s);} .height--2s {height:var(--2s);} .height--3s {height:var(--3s);} .height--4s {height:var(--4s);} .height--5s {height:var(--5s);}
	.size--05s {font-size:var(--05s);} .size--1s {font-size:var(--1s);} .size--1\.25s {font-size:calc(var(--1s) * 1.25);} .size--1\.5s {font-size:calc(var(--1s) * 1.5);}  .size--2s {font-size:var(--2s);} .size--3s {font-size:var(--3s); line-height:var(--3s);} .size--4s {font-size:var(--4s);} .size--5s {font-size:var(--5s);}
	.weight100 {font-weight: 100;}  .weight900 {font-weight: 900;}
	.line-height--1em {line-height:1em;}

/* style-responsive */

.sticky-top-all { position: sticky!important; z-index:1; top:var(--5s); }
.sticky-top-all .selected span {margin:var(--05s);}
.sticky-top-all span {transition: all 0.2s;}

#togglemenu:not(:checked) ~ #sidebar .sticky nav {display:none;}
#togglemenu:checked ~ #sidebar .sticky nav {display:block;}

@media screen and (max-width:768px) and (orientation: portrait){
	.nomobile {display:none;}
	.mobile-center {text-align:center;margin-left:auto; margin-right:auto;}
	.mobile-doublewidth { overflow:hidden;}
	.mobile-doublewidth div:first-child { width: 200vw; max-width:200vw; transform: translate(-50vw, 0%);}
	.mobile-fullheight {min-height:100vh;}
	.mobile-flex-wrap {flex-wrap:wrap;}
	.mobile-flex-column {flex-direction:column;}
	.mobile-block {display:block;}
	.mobile-topoffset {padding-top:var(--5s);}
	.mobile-bottomoffset {padding-bottom:var(--5s);}
	.mobilefixedbottom {position:fixed; bottom:0;left:0;right:0;top:auto; z-index:1;width:100%;}
	.mobile-marginleft {margin-left:var(--1s);}
	.mobile-marginright {margin-right:var(--1s);}
	.mobile-size--1\.25s {font-size:calc(var(--1s) * 1.25);}
	
}
@media all and (orientation: landscape) {
	.mobile {display:none;}
	#objects .list .blogimage {width:33vw;flex-shrink:0;}
	#objects .list .blogimage .slide {height:33vw;}
	#objects .list {max-width:100%;width: 100%;display:flex;}
}
@media all and (min-width:769px), (orientation: landscape){

	#togglemenu:not(:checked) ~ #sidebar .sticky nav {display:block;}
	#togglemenu:checked ~ #sidebar .sticky nav {display:none;}
	#togglemenu:checked ~ #objects .list .blogimage {width:66vw;}
	#togglemenu:checked ~ #objects .list .blogimage .slide {width:33vw;}
	#togglemenu:checked ~ #objects {grid-column: span 12;}
	.sticky { position: -webkit-sticky!important;  position: sticky!important;    overflow-y: auto; z-index:1; top: var(--5s);}

}

@media screen and (min-width: 1240px) {
	.fluidpad {padding:var(--2s);}
}

@media screen and (min-width: 1800px) {
	.fluidpad {padding:var(--3s);}
}



/* style-animations */
.loader {position:relative;}
.loader::after { content:'';width: var(--1s); height: var(--1s); border: var(--05s) dotted #555; border-radius: 50%;  position: absolute; animation: rotate360 2s linear infinite; }

.fadein {animation: fadeIn  0.5s linear forwards;}
@keyframes fadeIn {0% {transform:scale(0);} 100% {transform:scale(1);}}

.rotate360 {animation: rotate360 1s linear;}
@keyframes rotate360 { 100% { transform:rotate(360deg);}}

@keyframes fadeOut {0% {height:auto;min-height:var(--3s);}	98%{height:auto;min-height:var(--3s);} 100% {height:0px;min-height:0px;}}
.pulsate {animation: pulsate 3s 5s linear forwards infinite;}
@keyframes pulsate {0% {opacity: 1;}	50%{opacity: 0.5;} 100% {opacity: 1;}}
.levitate {animation: levitate 5s linear forwards infinite;}
@keyframes levitate {0% {transform: translate3d(0, 0, 0);}	50%{transform: translate3d(0, var(--1s), 0);} 100% {transform: translate3d(0, 0, 0);}}

.left-right-30 {animation: left-right-30  1s ease-in-out forwards;}
@keyframes left-right-30 {0% {left: 0;}	50%{left: -30vw;} 100% {left: 0;}}

.gradient7 { position: relative; background: linear-gradient(-90deg, var(--c5), var(--c6), var(--c7), var(--c6), var(--c5)); background-size: 700% 100%; animation: gradient7 30s ease  infinite; overflow:visible;} .gradient7 span {position:relative;}
@keyframes gradient7 { 0% { background-position: 0% 0%; }  100% {background-position: -500% 0%;}}

.gradient4 { background: linear-gradient(-90deg, #5AB432, #FAB400, #5AB432); background-size: 1000% 100%; animation: gradient4 80s  infinite; }
@keyframes gradient4 { 0% { background-position: 0% 0%; }  100% {background-position: -1000% 0%;}}

@keyframes up {
  0% { transform: translateY(-10vmax); }
  100% { transform: translateY(-100%);}
}

/* style-colors */



	a {color:var(--c1);}
	::placeholder {color: var(--c5);}
	input[type], textarea {color: var(--c4); background-color:transparent;}
	input[type=checkbox] + span, input[type=radio] + span {border-color:var(--c7); background-color:var(--c11);}
	input[type=checkbox] + span:after, input[type=radio] + span:after  { background-color: var(--c7);}
	input:checked + span {border-color:var(--c5); background: var(--c6); }
	input:checked + span:after {border-color: var(--c5); background-color: var(--c2);}
	.borderbottom:after { background:var(--c5);}
	.systemfill {fill:var(--c0);} .systemstroke {stroke:var(--c0);}
	.transparent {background-color:transparent;}
	@supports not (-webkit-touch-callout: none) { .background-fixed {background-attachment:fixed;}}
	.background {background-repeat: no-repeat;  background-size: cover; background-position: center center;}
	.background-opacity:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.5);}

	.ui_fil0 {fill:var(--c0);}
	.ui_fil1 {fill:var(--c1);}
	.ui_fil2 {fill:var(--c2);}
	.ui_fil3 {fill:var(--c3);}
	.ui_fil4 {fill:var(--c4);}
	.ui_fil5 {fill:var(--c5);}
	.ui_fil6 {fill:var(--c6);}
	.ui_fil7 {fill:var(--c7);}
	.ui_fil8 {fill:var(--c8);}
	.ui_fil9 {fill:var(--c9);}
	.ui_fil10 {fill:var(--c10);}
	.ui_fil11 {fill:var(--c11);}

	.bg0, body .bg0 {background-color:var(--c10); fill:var(--c10);}
	.bg1, body .bg1 {background-color:var(--c9); fill:var(--c9);}
	.bg2, body .bg2 {background-color:var(--c8); fill:var(--c8);}
	.bg3, body .bg3 {background-color:var(--c7); fill:var(--c7);}
	.bg4, body .bg4 {background-color:var(--c6); fill:var(--c6);}
	.bg5, body .bg5 {background-color:var(--c5); fill:var(--c5);}
	.bg6, body .bg6 {background-color:var(--c4); fill:var(--c4);}
	.bg7, body .bg7 {background-color:var(--c3); fill:var(--c3);}
	.bg8, body .bg8 {background-color:var(--c2); fill:var(--c2);}
	.bg9, body .bg9 {background-color:var(--c1); fill:var(--c1);}
	.bg10, body .bg10 {background-color:var(--c0); fill:var(--c0);}
	.bg11, body .bg11 {background-color:transparent; fill:none;}

	.c0, body .c0  {color:var(--c0);}
	.c1, body .c1 {color:var(--c1);}
	.c2, body .c2 {color:var(--c2);}
	.c3, body .c3 {color:var(--c3);}
	.c4, body .c4 {color:var(--c4);}
	.c5, body .c5 {color:var(--c5);}
	.c6, body .c6 {color:var(--c6);}
	.c7, body .c7 {color:var(--c6);}
	.c8, body .c8 {color:var(--c8);}
	.c9, body .c9 {color:var(--c9);}
	.c10, body .c10 {color:var(--c10);}
	
	svg.c0 {stroke: var(--c0);}	
	svg.c1 {stroke: var(--c1);}	
	svg.c2 {stroke: var(--c2);}	
	svg.c3 {stroke: var(--c3);}	
	svg.c4 {stroke: var(--c4);}	
	svg.c5 {stroke: var(--c5);}	
	svg.c6 {stroke: var(--c6);}	
	svg.c7 {stroke: var(--c7);}	
	svg.c8 {stroke: var(--c8);}	
	svg.c9 {stroke: var(--c9);}	
	svg.c10 {stroke: var(--c10);}	
	svg.c11 {stroke: none;}
	
	.br0 {border-color:var(--c0)!important;}
	.br1 {border-color:var(--c1)!important;}
	.br2 {border-color:var(--c2)!important;}
	.br3 {border-color:var(--c3)!important;}
	.br4 {border-color:var(--c4)!important;}
	.br5 {border-color:var(--c5)!important;}
	.br6 {border-color:var(--c6)!important;}
	.br7 {border-color:var(--c7)!important;}
	.br8 {border-color:var(--c8)!important;}
	.br9 {border-color:var(--c9)!important;}
	.br10 {border-color:var(--c10)!important;} 


	@media not print {
		.dark-mode {
			--c10: #00003f;
			--c9: #000050;
			--c8: #2e245e;
			--c7: #8a486c;
			--c6: #ff6c7a;
			--c5: #ff9088;
			--c4: #ffb496;
			--c3: #ffd8a4;
			--c2: #fffcb2;
			--c1: #ffffd1;
			--c0: #ffffe4;
		}

	}
	
/* style-print */
/* PRINT */
@media print {
/*	@page { size:796px 1126px; margin:10mm;} */
	:root { --1s: 11px; }

	body {  max-width:100%; background-color:#fff!important;color:#000!important;}

	* {background-attachment:initial!important; }
	.morf-landing .morf_wrap {height:auto;}
	.boxshadow {box-shadow:none;}
	#content {grid-column: span 12;}
	#sidebar, .create, .search, .mainmenu, .booking, .question, .adminmenu, .user-settings,  .usermenu, .userpro   {display:none!important;}
	#logo {position:absolute;}
	.mobilefixedbottom{position:relative!important;}
	section, #objects article, #objects .list, .stick, #map, footer, p, tr {page-break-inside: avoid;}
	.noprint {display:none;}
}