header{background:var(--bg-press) no-repeat top/100% 100%}
.but-frame:hover{animation:none}
button:hover{animation:none}
button:hover::before{animation:none}
button:hover::after{animation:none}
article.dialog{padding-top:calc(var(--index) * 3);width:70vw}
article.dialog .close{left:0;top:calc(var(--index) * .3);font-size:2.2em;color:#900}
#other{width:99vw}
header{height:calc(var(--index) * 60)}
header .owners_ h2{font-size:1.8em}
header .owners_ .zeus{left:30%;bottom:35%}
header .owners_ .hercules{right:30%;bottom:15%}
header img[alt="thunder-1.webp"]{width:calc(var(--index) * 7);position:relative;left:25%;top:77%;translate:-50% 0}
header img[alt="thunder-1.1.webp"]{visibility:hidden}
article.dialog{font-size:1.1em}
.welcome__ .__main-title .__titles{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr}
.welcome__{margin-bottom:auto}
.toes__{margin:0 auto calc(var(--index) * 10)}
.toes__>article{margin:5% 0}
.toes__ .cloud p{width:100%;padding:calc(var(--index) * 5) 10% calc(var(--index) * 7)}
.toes__ article .cloud ._teos_title{top:initial;bottom:calc(var(--index) * 10);color:#003e75;text-shadow:var(--stroke)}
.toes__ article .cloud img{bottom:initial;top:calc(var(--index) * 7)}
.toes__ article:nth-of-type(1) .cloud img{left:60%}
.toes__ article:nth-of-type(3) .cloud img{left:75%}
.toes__ ._teos_title video{bottom:initial;top:calc(var(--index) * 7)}
.toes__ article:nth-of-type(2) ._teos_title video{left:35%}
.block_hermes{width:100%;height:fit-content;position:relative;left:initial;animation:animAppearance 1s ease both}
.block_hermes .teos-image{display:block;width:calc(var(--index) * 20);margin-bottom:calc(var(--index) * -4);position:relative;left:50%;bottom:0;translate:-50% 0}
.block_hermes .teos-image .but-frame{position:absolute;bottom:calc(var(--index) * 4);translate:-50% 0}
.block_hermes .cloud{z-index:1}
.block_aphrodite{width:100%;left:initial}
.block_aphrodite .teos-image{margin-bottom:calc(var(--index) * -1);position:relative;left:40%;bottom:0;translate:-50%}
.block_aphrodite .teos-image .but-frame{position:absolute;left:50%;bottom:0;translate:-50%}
#design{min-height:auto;padding-top:calc(var(--index) * 3)}
#design .paralax-title span{width:calc(var(--index) * 40)}
#design ._demo{height:calc(var(--index) * 10)}
#design ._demo figure{width:33%}
#design ._demo figcaption{font-size:.5em}
.block_artemis{width:100%;left:initial}
.block_artemis .teos-image{margin-bottom:calc(var(--index) * -2);position:relative;left:55%;bottom:0;translate:-50%}
.block_artemis .but-frame{position:absolute;left:50%;bottom:0;translate:-50%}
.block_hephaestus{display:block;width:100%;left:initial}
.block_hephaestus .teos-image{margin-bottom:calc(var(--index) * -2);position:relative;left:50%;bottom:0;translate:-50%}
.block_hephaestus .but-frame{position:absolute;left:50%;translate:-50%}
._chat{width:calc(var(--index) * 22);font-size:calc(var(--index) * 1)}
._chat::before{width:calc(var(--index) * 3);padding:calc(var(--index) * 1)}
._chat::after{width:calc(var(--index) * 3);padding:calc(var(--index) * 1)}
.reply{font-size:1.2em}
._chat textarea{font-size:1.2em}
._chat button{width:70%;height:calc(var(--index) * 3);font-size:calc(var(--index) * 1);border:solid calc(var(--index) * .1) gold;cursor:pointer}
.popup{font-size:.9em;letter-spacing:.07em;visibility:hidden;background-color:rgba(0,51,119,.9);border:solid #000;border-width:0 calc(var(--index) * .03);border-radius:90%/10%;color:#fff;cursor:default}
.owl{width:calc(var(--index) * 12);left:calc(100vw + var(--index) * 1.2)}
.owl p{font-size:1.2em}
._lang{padding:calc(var(--index) * .3);position:fixed;left:0;top:0vh;z-index:100;font-size:calc(var(--index) * 1.4);background-color:#00417a;border-radius:0 0 10px 0;border:solid 0 #000;border-width:0 calc(var(--index) * .05) calc(var(--index) * .05) 0;color:gold;user-select:none;cursor:pointer}
@media (max-width:480px){
p{font-size:1em}
article.dialog{width:90vw}
.welcome__ h1{font-size:2.4em}
.welcome__ .__two-buts{flex-direction:column}
.welcome__ .but-frame{width:80%;margin:calc(var(--index) * .5) auto}
.toes__ * .teos-image .but-frame{width:calc(var(--index) * 22)}
.block_aphrodite article.dialog ._demo figure{width:33%}
.block_artemis .teos-image{right:77%}
footer{font-size:.5em}
.cookie{width:95vw;font-size:.8em}
.cookie p{width:70%}
.cookie button{font-size:1.5em}
article.dialog>h2,article.dialog>hgroup h2{font-size:1.8em;padding-top:calc(var(--index) * 1)}
#design ._demo{height:calc(var(--index) * 8)!important}
#design ._demo img{display:block;width:100%;object-fit:cover}
#design ._demo figure{width:49.5%}
#design ._imagination ._demo figure{width:49.5%}
.scaleImage{width:80vw}
.box-share a,.share{display:inline-block;height:calc(var(--index) * 3);margin:auto calc(var(--index) * .3);filter:saturate(.7);transition:filter .5s}
._share img{display:inline-block;width:calc(var(--index) * 3.5);object-fit:contain;position:absolute;inset:0;filter:saturate(.7);cursor:pointer;transition:filter .5s}
}