/*___ ___ ____ ___ _____ ___ \__ | | | \/ _ \ | | / | | | / /_\ \| | \____ | | / | \ | /_______|______/\____|____/__ */ /* 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: 1.7vw;}} @media screen and (min-width:1280px) { :root {--1s:16px;}} @media screen and (min-width:1500px) { :root {--1s:17px;}} @media screen and (min-width:1800px) { :root {--1s:18px;}} @media screen and (min-width:1900px) { :root {--1s:1vw;}} :root { --01s: calc(var(--1s) * 0.125); --017s: calc(var(--1s) * 0.175); --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); --16s: calc(var(--1s) * 16); --17s: calc(var(--1s) * 17); --18s: calc(var(--1s) * 18); --20s: calc(var(--1s) * 20); --cw:white; --cb:black; --c0: #b25600; --c1: #CD6607; --c2: #df6b00; --c3: #fe7c09; --c4: #fb9815; --c5: #ffa836; --c6: #ffc39c; --c7: #ffe0aa; --c8: #fffdb8; --c9: #ffffd5; --c10: #ffffe6; --c11:transparent; } @media screen and (prefers-color-scheme: dark) { :root { --c10: #b25600; --c9: #CD6607; --c8: #df6b00; --c7: #fe7c09; --c6: #fb9815; --c5: #ffa836; --c4: #f29e34; --c3: #ffe0aa; --c2: #fffdb8; --c1: #ffffd5; --c0: #ffffe6; } } 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 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; } a {text-decoration:none;} article h1, article h2, article h3, article h4, article p, article blockquote, article dl, article ul {margin:var(--1s);} @media all and (orientation: landscape), (min-width: 900px) { .morf-default article h2:not(.morf-default article div div h2) {margin-top:var(--3s);} .morf-default article h3:not(.morf-default article div div h3) {margin-top:var(--2s);} .morf-default article h4:not(.morf-default article div div h4) {margin-top:var(--1_5s);} .morf-default article blockquote {margin:var(--2s);} 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;} .xform-fields:not(.row xform-fields), .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;} .desktop-size--3s {font-size:var(--3s);} } @media all and (min-width: 1200px) { .xform-fields:not(.row xform-fields), 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("/morf/assets/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;} details > summary::marker {display:none; height:0;} details > summary::-webkit-details-marker { display: none;} details > summary::marker {content: '';} summary.dots::after {content: '...';} details[open] summary:after {content: '';} summary {cursor: pointer; } summary {list-style:none;} .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 var(--c7); opacity: 1; background: transparent;} input:not(input[type=text]), select, option { border-radius: var(--1_5s);} input[type="datetime-local"], input[type="date"], input[type="month"], 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(--2_5s); 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; width:var(--01s); height:var(--01s);} input[type="color"] {border-bottom:0;} input[type="radio"] {width:var(--025s); height:var(--025s);} input[type="radio"]:checked {background-color:var(--c8);} input[type="radio"]+label, nav input[type="radio"]:checked+label { border:var(--01s) solid transparent;} /* label:has(input[type="radio"]:checked), */ input[type="radio"]:checked+label, .xform input[type="checkbox"]:checked+label { background:var(--c1); color:var(--c10); 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); } .yuaimainheader {opacity:0; } #menu:checked ~ .yuaimainheader { bottom:0;height:100%;visibility:visible;opacity:1;} #menu:checked ~ .morf_wrap {overflow:hidden!important;} #menu:checked ~ #headcosmimage {transform:rotate(180deg);} #menu:checked ~ .terminal {display:block; animation:fadeIn; } 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); } button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover, input::file-selector-button:hover { filter:contrast(1.2);} .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-top {border-radius: var(--1_5s) var(--1_5s) 0 0; /* top-left, top-right, bottom-right, bottom-left */} .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*/ .yuaimainheader {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;} .useradd, .usernext, .useredit, .usermetaedit, .specmenu {opacity:0;} #userfilter {transition:0.5s;} .subusermenu, .userpro, .useradd, .usernext, .useredit, .usermetaedit, .specmenu { position:fixed; bottom:var(--1s); right:var(--1s); transition:0.5s;z-index:9 } #toggleuser:checked ~ .userpro { bottom:calc(var(--5s) + var(--4s));} #toggleuser:checked ~ .useradd { bottom: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 ~ .specmenu { right:var(--5s); opacity:1; bottom: var(--5s);} .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; } nav ul li:hover {filter: contrast(120%);} nav ul li ul li {margin: var(--05s) 0 var(--05s) var(--05s);} /*Misc*/ .online:before { z-index:1; content: ""; position: absolute; background-color: var(--c6); width: var(--1s); height: var(--1s); border-radius: 50%; right:0; top: 0; } .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;} .blogimage .qrcode { width:50%; margin:25%;} .bubble { position: relative; z-index:2; } .bubble::before {content: ""; position: absolute; top: calc(var(--1s) * -0.7); left: var(--2s); width: var(--2s); height: var(--2s); background: inherit; transform: rotate(45deg); border-radius: var(--025s);z-index:-1;} /*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 {flex-shrink:0;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;margin:var(--025s)} input[type=checkbox] + span:after, input[type=radio] + span:after {content: '';position: absolute;top: 0px;left: 0px;width: 65%;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;} .flex-end {align-items: flex-end;} .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, .loggedin .loggedin-none {display:none;} .vtop{ vertical-align: top;} .vmid{ vertical-align: middle;} .vbot{ vertical-align: bottom;} .right0 {right:0;} .left0 {left:0;} .left--5s {left:var(--5s);} .top0 {top:0;} .top--1s {top:var(--1s);} .top50 {top:50%;} .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-index6 {z-index:6;} .z-index7 {z-index:7;} .z-index8 {z-index:8;} .z-index9 {z-index:9;} .z-index-1 {z-index:-1;} .nomargin {margin:0;} .blog {margin-bottom:var(--2s);} .justifycenter {justify-content:center;} .justifybottom {justify-content:end;} .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;} .user-select\:none {user-select:none;} /*style-layout*/ .noborder {border:none;} .nogap {gap:0;} .row-nogap {row-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-left:0;padding-right: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%;} .height100vh {height:100vh;} .height100vh---5s {height:calc(100vh - var(--5s));} .fullwidth {width:100%; max-width:100%;} .width--01s {width:var(--01s);} .width--05s {width:var(--05s);} .width--1s {width:var(--1s);} .width--2s {width:var(--2s);} .width--2_5s {width:var(--2_5s);} .width--3s {width:var(--3s);} .width--4s {width:var(--4s);} .width--5s {width:var(--5s);} .width--7s {width:var(--7s);} .width--8s {width:var(--8s);} .width--9s {width:var(--8s);} .width--10s {width:calc(var(--5s) * 2);} .width--15s {width:calc(var(--5s) * 3);} .width--18s {width:var(--18s);} .width--20s {width:calc(var(--5s) * 4);} .height--01s {height:var(--01s);} .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);} .height--7s {height:var(--7s);} .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:checked ~ .mainmenu nav {display:none;} @media screen and (max-width:767px) and (orientation: portrait){ .nomobile {display:none;} .mobile-nogap {gap:0;} .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 {display:flex;} .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:768px), (orientation: landscape){ #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);} #sidebar .sticky nav ul li ul {margin:0 var(--05s);} } @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);}} .сollaps-width {animation: сollaps-width 6s ease-in-out forwards;} @keyframes сollaps-width { 100% {width: 0px;}} .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, var(--c4), var(--c5), var(--c4)); 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 */ .sunny {background-color: #FAB500;} body {background-color:var(--c10); color:var(--c1);} a {color:var(--c1);} ::placeholder {color: var(--c5);} input[type], textarea {color: var(--c4); background-color:transparent;} select {color: var(--c2); background-color:var(--c9);} 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(--c7);} .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;} .morf-designa { } /* 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;} .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;} } /* style-effects*/ @media screen { button, .button { box-shadow: 0 var(--025s) var(--01s) #00000020;} button:hover, .button:hover, .rounded[class*=" bg"]:hover { box-shadow: 0 var(--01s) #00000040; } textarea, select, input[type=number], input[type=checkbox] + span, input[type=radio] + span { box-shadow: 0 var(--01s) #00000030 inset; } }