body{font-family:Arial,sans-serif}
article>p,td,li,input{font-family:Garamond}
html{scroll-behavior:smooth}
html,button,input[type=text]{font-size:18px}

/* === Chrome craziness begins → */
html.chrome{font-size:20px}

/* === Safari craziness begins → */
@media screen and (min-device-width:481px){
    body.safari{ -webkit-text-size-adjust: none;}
    html.safari,html.safari input,html.safari button,html.safari article>p{font-size:21px}}
@media screen and (max-device-width:480px){
    body.safari{ -webkit-text-size-adjust: none;}
    html.safari,html.safari input,html.safari button,html.safari article>p{font-size:23px}}
/* ← end of Safari craziness === */

@font-face{font-family:"awesome";src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2")}

.center{text-align:center}
.right{text-align:right}
.symbol{font-family:"awesome"}
i.symbol{font-style:normal}

div.menu > ul { list-style: none; }
div.menu > ul >li{
    display: inline-block;}


/* =========== edist+panel (partially configured in the theme css-file) → */
div.edist>ul,div.panel>ul{ text-align: center; list-style: none}
div.edist>ul>li{display:inline;margin:1ex 4ex}
div.panel>ul>li{display:inline-block}
/* =========== ← edist+panel */


/* =========== footer → */
footer{padding-left:5px;padding-bottom:5px}
footer>div{display:inline;position:relative}

footer>div>span{
    visibility:hidden;opacity:0;transition: visibility .8s, opacity 0.3s linear;
    position:absolute;bottom:2ex;
    line-height:30%;
    padding:1ex;
    border-radius: 1ex}
/* =========== ← footer */


footer>div>span>svg{position:relative;top:1ex}
footer>div>span>svg text{animation:sblink 2s linear infinite}
footer>div:hover>span{
    visibility:visible;opacity:1; animation:blink 2s linear infinite;
background-color:#90B0BB}
@keyframes sblink{
0%{fill:white}
25%{fill:#76cbff}
50%{fill:#066116}
75%{fill:#014E62}
100%{fill:black}}

@keyframes blink{
0%{color:white}
25%{color:#76cbff}
50%{color:#066116}
75%{color:#014E62}
100%{color:black}}

#message{
position:fixed;top:30%;width:100%;z-index:40;text-align:center;
font-size:200%;color:#FF6685;
animation:blink 2s linear infinite}

#goup{opacity:0;transition:all 1s;
      border-radius: 10px;
      padding:5px;
      background-image: radial-gradient(circle at center, #7B7B7B,rgba(138,124,107,.5));
      color:white;
      position:fixed;
      right:3px;
      bottom:3px;
      font-size:160%}
#goup.NT40{opacity:1}

.modal {
    text-align:center;
    box-sizing:border-box;
    display: none;
    position: fixed; left: 0%; top: 0%;
    z-index: 14; height: 100%; width: 100%;
    background-color: rgba(0,0,0,0.5)} /* затемнение на весь экран */