@import url("f.css");
@impot url("//fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900&display=swap");
@import url("burger.css");
@import url("header.css");
@import url("prill.css");
/* 6-9 */
@import url("phone.css") only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait);
/* 5-se */
@import url("phone.css") only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait);
/* X+ */
@import url("phone.css") only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait);

html {
	scroll-behavior: smooth;
}
body {
	width:			100%;
	text-align:		center;
	margin:			0%;
    font-family: 	'Montserrat', sans-serif;
}
p, body, a {
    font-size:      1em;
    line-height:    1.6em;
    color:          #fff;
}
h1, h2, h3 {
    color:          #fff;
    font-size:      3em;
    line-height:    1em;
    font-weight:    1;
    text-align:     center;
}
h2 {
    font-size:      2em;
    line-height:    1.1em;
}
h3 {
    font-size:      1.5em;
    line-height:    1.7em;
}
p {
    max-width:      50em;
    min-width:      auto;
    margin:         0 auto 1em auto;
}
hr {
    padding:        0em;
    margin:         0em 0em 6em 0em;
    border-style:   solid;
    width:          auto;
    height:         0px;
}
a.paber {
    text-decoration: none;
}
a.paber p, .container ul {
    width:          auto;
    text-align:     left;
    display:        block;
    background-color: #999;
    text-decoration: none;
    padding:        0.5em 0.5em 0.5em 4em;
    mmargin:         0.5em 0 0.5em 0;
    ppadding:        0.5em 0.5em 0.5em 1.1em;
}
/*
a.paber p:before {
    position:       absolute;
    margin:         auto 0 auto -2.9em;
    maargin:         0.5em 0 auto -4.8em;
    content:        url(/i/paber.svg);
}*/
a.paber p.papper:before {
    position:       absolute;
    margin:         -0.2em 0 auto -2.9em;
    content:        url(/i/paber.svg);
}

@media (min-device-width : 812px) {
    a.paber p:hover .tooltiptext {
        visibility: visible;
    }
}
p:hover .tooltiptext {
    visibility: visible;
}
a.paber p .tooltiptext {
    visibility:     hidden;
    position:       absolute;
    left:           auto;
    margin:         1em 0 0 -2.87em;
    padding:        0.5em 4em 0.5em 4em;
    width:          auto;
    background-color: #666;
    color:          #fff;
    text-align:     left;
    z-index:        10;
}
.tooltiptext:before {
    position:       absolute;
    margin:         -0.18em 0 0 -2.9em;
    content:        url(/i/konverets.svg);
}

a.paber p.konverets {
    margin:         1em auto 0 auto;
    padding:        0.5em 0.5em 0.5em 4em;
    width:          auto;
    background-color: #666;
    color:          #fff;
    text-align:     left;
    z-index:        10;
}
a.paber p.konverets:before {
    position:       absolute;
    margin:         -0.18em 0 0 -2.9em;
    content:        url(/i/konverets.svg);
}
img.asocial {
    width:          2em;
    height:         2em;
    padding:        0em 0.5em 0em 0.5em
}
.container ul {
    max-width:      50em;
    min-width:      auto;
    margin:         0 auto 1em auto;
    background-color: transparent;
    list-style:     none;
}
.container li {
    margin:         0.5em 0 0.5em 0;
    padding:        0.5em 0.5em 0.5em 1.1em;
    background-color: #777;
}
.container li::before {
    content:        url(/i/konverets.svg);
    display:        inline-block;
    position:       absolute;
    margin:         0.5em 0 auto -4.8em;
}
.container li.backend::before {
    content:        url(/i/backend.svg);
}
.container li.plugin::before {
    content:        url(/i/plugin.svg);
}
.container li.headset::before {
    content:        url(/i/headset.svg);
}

@media (min-device-width : 812px) {
    .container video {
        margin:         1em;
        padding:        1em;
        height:         18em;
        width:          32em;
        max-width:      90vw;
        color:          #eee;
        background-color:#aaa;
    }
}
@media (max-device-width : 812px) {
    .container video {
        margin:         0;
        padding:        1em;
        width:          80vw;
        color:          #eee;
        background-color:#aaa;
    }
}