body, html{margin:0;padding:0;display: flex;align-items: stretch;flex-wrap: wrap;background-color:#fff;overflow-x: visible;}
@media screen and (max-width: 320px) {
html,
body {margin: 0;overflow-x: hidden;}
.snav {width: 100%;box-shadow: none}
}
@media only screen and (max-width:800px),
only screen and (max-device-width:800px){
html,
body {margin: 0;overflow-x: hidden;}
}
body {-ms-user-select: none; -moz-user-select: none; -webkit-user-select: none}
* {box-sizing:border-box}
html {scroll-behavior: smooth;}
header, footer {width: 100%;}
.grey-active #header-top, .grey-active #header-mid, .grey-active #left, .grey-active main, .grey-active footer, .grey-active #toTop, .grey-active .count-img img,
.grey-active .snav h2, .grey-active .socki, .grey-active button.stop, .grey-active button.regul, .grey-active button.pause,
.grey-active .what{-webkit-filter: grayscale(100%);filter: grayscale(100%)}
.grey-active .snav {background:#000}
.grey-active .snav-toggle {background:#3d3d3d}
.grey-active .articulate-area, .grey-active .snav p {color:white}
.grey-active .snav > ul > li > a:after {background:grey}
.leftrec, .leftrecmin{text-align: center;}/**/
.sticky, .leftrec {position: static;position: -webkit-sticky;position: sticky;top:0;}
.leftrec, .sticky{position: sticky;top: 0;}/**/
div {font:100% tahoma}
#nextsp{font:90% tahoma; font-style: italic;}
.mapbox{margin:0 auto;max-width:240px;color:#0A65A5;text-align:center;font-size:small}
.toprec{padding-top:10px}
TD{FONT:11px tahoma;text-align: center;}
.newtable TD{FONT:100% tahoma;text-align: center;}
.cont-sizerleft table {background: url(/z/user.png) no-repeat left 2px center;}
#header{background-image:url(/begn/back.gif);background-repeat:repeat;
width: 100%;background-color:black;display: table;}
#header-top{background-image:url(/begn/bk2.jpg);background-position:0 5px;background-repeat:repeat-x;background-color: white;height:33px;padding-top:0}
#header-mid{float:left;width:100%;height:120px;background-position:left center;background-image:url(/res/logogest/new_logo.jpg);background-repeat:no-repeat}
#sun #header-mid, #zem #header-mid, #mer #header-mid{background-position:left center;background-image:url(/res/logogest/sunsis_logo.jpg);background-repeat:no-repeat}
.header-mid {float:left;width:100%;height:120px;color:white}
.lgbg,.ddlgbg{background-position:left center;background-image:url(/res/logogest/new_logo.jpg);background-repeat:no-repeat}
#header-bot1{float:left;height:36px;width:100%;background-color:#e1e1e1;border-bottom:1px #d1d1d1 solid;background-image:url(../begn/bgbar.gif);z-index:100}
.cont-sizerleft {padding-top:6px}
/*.cont-sizerleft table {margin-left: 30px}*/
ul.top-nav{margin: 0;padding-top:7px;padding-left:58px}
#header-yan{margin-right: 80px; margin-top:3px; width:250px!important; float: right;}
#left{width:250px;/*float:left;*/border-right:#d1d1d1 1px solid;box-sizing:border-box;padding-left:5px;padding-right:5px;color:#505182;border-collapse: collapse;}
span.left-inv a{color:#993300}
#right{width:250px;float:right;border-left:#d1d1d1 1px solid;box-sizing:border-box;padding-left:5px;padding-right:7px;border-collapse: collapse;}
#content{box-sizing:border-box;border-left:#d1d1d1 1px solid;border-right:#d1d1d1 1px solid;box-sizing:border-box;padding-left:1%;padding-right:1%;}
main {width: calc(100% - 250px);}
#footer{clear:both;width:100%;padding-bottom:1px}
#footer-top{border-top:#d1d1d1 1px solid;background-color: #f3f3f3;height: 10px;width: 100%;clear: both;}
#footer-line{border-top: #d1d1d1 1px solid;height: 6px;width: 100%;clear: both;}
.footer-under{border-top: #d1d1d1 1px solid;background: url(/mobi/bg7_0.png) repeat-x;width:100%;height: 70px;clear:both;display:block;}
.footer-under-l,.footer-under-r{width:27%;height:50px;float:left;margin-top:20px;padding-top:10px}
.footer-under-r{text-align:right;padding-right:10px}
.footer-under-l{text-align:left;padding-left:10px}
.footer-under-center{width:46%;height:50px;float:left;/*margin-top:20px;*/padding-top:10px;text-align:center}
.footer-lesson-cr{font-family:Georgia,'Times New Roman',Times,serif;font-size:xx-small;color: navy;text-align:center}
.footer-end{width:100%}
.stateleft img{max-width:100%;height:auto;width:auto;display:block;margin-left:auto;margin-right:auto;clear:both;}
a{color:#0073c3;text-decoration:none}
a:hover{color:#ff7200;text-decoration:none}
main.mer a:hover{color:#83007C;text-decoration:none}
#mer #r-menu a{color:#83007C;text-decoration:none}
#mer #r-menu a:hover{color:maroon;text-decoration:none}

p,p.intver{color:#000;text-align:justify}
.state p,.state p.intver{color:#006;text-align:justify}
#left p, #right p{font-size:80%;padding-left:5px;color:#505182;text-align:justify;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}

#voiceSelect select  {width:200px}
.ss A:link{color:#000066}
.mainhead h1, .mainhead h3{text-shadow:black 1px 1px 1px, white 0 0 1em;font-size:200%;font-family:'Verdana';color:#787ccc;font-weight:bold;text-align:center;}
.mainhead h3{font-size:100%;}
.mainhead h1 span{font-weight:normal;text-shadow:none;font-size:16.0pt;font-family:Impact,sans-serif;color:#C00000}
.mainhead{margin-top:5px}

.div-speak > h1, .div-speak > h2{-webkit-animation: my 4s 7 alternate; animation: my 4s 7 alternate;text-indent: 30px}

h1{color:#C00000;font-size:150%}
#sun h1, #sun h1.sp, #sun h2.sp, #sun h1 span, h3.sun{color:#ff4200}
#mer h1, #mer h1.sp, #mer h2.sp, #mer h1 span, h3.mer{color:#83007C}
#zem h1, #zem h1.sp, #zem h2.sp, #zem h1 span, h3.zem{color:#C00000}
#upi h1, #upi h1.sp, #upi h2.sp, #upi h1 span, h3.upi{color:#5C4976}
#sun h2 {color:#ff664a}
#mer h2 {color:#A2529D}
#zem h2 {color:#C00000}
#upi h2 {color:#7c6b94}
h1.star{color:#C00000}
h2{color:#C00000;font-size:140%}
#phi h1, #phi h2, #phi h1.sp, #phi h2.sp, #phi h1 span, h3.phi, span.color-phi {color:#800080}

h2.star{color:#C00000}
h3{color:#C00000;font-size:110%;font-weight:bold}
h3.star{color:#C00000;text-align:center}
h3.sun, h3.mer, h3.zem, h3.phi, h3.count, h3.upi{text-align:center}
h4, h5{color:navy;font:12px tahoma}
h6{color:navy;font:bold 9pt verdana}
img.pic-r{float:right;margin-left:5px;margin-right:5px;display:block}
hr{background-color:#ccccff;border:none;height:3px;margin-top:15px;clear:none}
h1.sp, h2.sp {padding: 0 0 7px 36px;}

#header-top li , #footer li{float:left}
#header-top li{font-size:14px}
#header-top li a{color:#000;margin-left:0;margin-right:32px;TEXT-DECORATION:none}
#header-top li a:hover{color:#990000;TEXT-DECORATION:none}
li.home, li.kon, li.about, li.map{list-style-image:url('/mobi/ap/a.gif')}
li.fav, li.nov, li.plan, li.hello{list-style-image:url('/mobi/ap/b.gif')}
li.hello{color:#ff0000;font-weight:bold}

#footer li{margin-right:32px}
#footer li a {font-size: 13px;color: #4e5882;font-family: Tahoma;font-weight: bold}
#footer li a:hover{color:#491f40}
ul.bot-nav{list-style-image:url('/begn/ug.gif');margin-left:auto;margin-right:auto;display:table;
}
li.bot-nav{float:left;}
a.button-u:hover, a.button-d:hover, a.button-lesson:hover{background-position:0 -370px;border:2px solid #e4905a;color:#0E7196;text-decoration:none;cursor:pointer;color:#c00;}
a.button-u, a.button-d{color:#333}
a.button-u:focus, a.button-d:focus  {border: 2px #e4905a solid;}
#content .more a:focus, #content-sun .more a:focus, #content-zem .more a:focus, #content-mer.more a:focus, .m-star a:focus, .m-sun a:focus, .m-mer a:focus, .m-zem a:focus, .m-plan a:focus  {text-decoration:underline;background-color:#ffffcc}

#m-menu > li > a:focus  {text-decoration:underline;color:#ffffcc}
button.m-main, button.m-down {display:none}
button.regul:focus, button.pause:focus, button.stop:focus, .bn-foc{border: 2px #e4905a dotted;}
.snav > ul > li > a:focus, .state a:focus{border:none}
button.grey-bw{width:45%;margin:5px;padding:2px;font-size:1.0em;background-color:#4e5882;color:white;}
button#grey {background-color:#4d4d4d}
.button-u, .button-d, .button-lesson{background-image:url('../res/pgline.png');background-repeat:repeat-x;background-position:0 -298px;padding:5px 8px;FONT:11px tahoma;border:2px solid #97a7af;border-radius:3px;margin-left:5px;
}
.count-img {margin-left:55px;margin-top:5px;}
.button-du {margin-left:80px;margin-top:-20px;}
/*.online-img {margin-left:25px;background: url(/z/user.png) no-repeat left 2px center;width:20px;height:20px;}*/
.button-lesson{margin-top:-8px;margin-left:auto;margin-right:auto;text-align:center;display:block;width:100px}
.bt-div {margin-top:5px;margin-left:auto;margin-right:auto;width:150px;min-height:10px;padding:2px 0 2px 0;text-align:center;border:3px ridge #737eae;border-radius:17px;box-sizing: border-box;font-size: 110%;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);font-weight: bold;background-color: #4e5882;
}
.div_text_shadow, .content, .people {color:#dae9fa;text-shadow:rgb(3, 3, 3) 2px 4px 4px;font-size:110%;background-color:#4e5882;
background: rgb(3,20,58);
background: -moz-linear-gradient(left, rgba(3,20,58,1) 16%, rgba(3,20,58,1) 40%, rgba(73,31,64,1) 94%);
background: -webkit-linear-gradient(left, rgba(3,20,58,1) 16%,rgba(3,20,58,1) 40%,rgba(73,31,64,1) 94%);
background: linear-gradient(to right, rgba(3,20,58,1) 16%,rgba(3,20,58,1) 40%,rgba(73,31,64,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03143a', endColorstr='#491f40',GradientType=1 );}
.people {border:5px solid #ccc;border-radius:6px}
.div_text_shadow{width:100%;min-height:10px;margin-top:1px;margin-bottom:10px;margin-left:auto;margin-right:auto; padding:5px 0 8px 0;text-align:center;border-left:10px #ffca00 solid;border-bottom:1px grey solid;box-sizing:border-box;z-index:100;}
.bt-div img,.einstkreslo, .state .div_text_shadow{display:none}
a.bt-d {text-decoration:none;outline:none;color:white}
a:hover.bt-d {color:#ffffcc}
.snav P A:link, .snav P A:visited {color:#ffffcc; outline:none;text-decoration:none}
details{cursor:pointer}
.zse{margin-left:4px;margin-right:5px;border-radius:15px;border:4px ridge #737eae;/*width:100%;*/max-width:550px;height:251px;background:#5b514f  url(/res/pic/urok.jpg) no-repeat;background-size:100% 100%;padding:1px 10px 2px 225px;}
.zse A:link , .zse A:visited{color:#fff;TEXT-DECORATION:none}
.zse A:hover{TEXT-DECORATION:underline;}
.zse p{font-size:9pt;FONT-FAMILY:Tahoma;FONT-WEIGHT:bold;color:#fff;text-align:justify}
.zse.div-speak  p{color:#006;font-size:10pt}
.zse.div-speak {padding: 1px 10px 2px 140px;background-size: 30% 100%;}
button.regul, button.regul2 {/*width: 42%;*/margin: 5px 5% 0 0;background-color: #ffc;}
button.pause{/*width: 42%;*/margin: 5px 5%;background-color: #ffc;}
button.stop{width: 90%;margin: 5px 5%;padding: 2px 0px;font-size: 1.2em;background-color: #deb0b8}
button::-moz-focus-inner 
{border: 0;}
a:active, a:focus {outline: none}
@media only screen and (max-width:1025px),
only screen and (max-device-width:1025px){
.nomobile{display:none}
}
.socki-cont {position:relative}
.zsk, .zsqr{display:block;background:transparent;width:220px;margin-left:auto;margin-right:auto;margin-bottom:10px;border:3px dotted #4e5882;border-radius:5px;font-size:12px;color:navy;padding:5px 0;}
.zsk h1, .zsk p, .zsqr p{margin:0 10px}
.zsk h1{font-size:2em;color:#f5f}
#controlid p {color: navy; text-align:center}
.zsk a:link,.zsk a:visited{color:navy;text-decoration:none;font-size: 10px}
.zsk a:hover{color:#ff7200;text-decoration:underline}
.zsk .kv p{padding-bottom:0.5em;font:7pt Tahoma;color:#000080;text-align:justify}
.zsk .kv a:link, .zsk .kv a:visited{color:#000080;TEXT-DECORATION:none}
.zsk .kv a:hover{color:#ff7200;TEXT-DECORATION:underline}
@media only screen and (max-width:800px),
only screen and (max-device-width:800px){li.hello , li.map, li.plan, li.about, li.nov , #header-top , #header-yan , .wrapper-sizer, ul.bot-nav, .footer-under, .ddkv{display:none;}
.state .div_text_shadow{display:block;border-left:10px #ff0000 solid;}
.bt-div{width:99%;min-height:10px;margin:15px 5px 15px 3px;padding:5px 0 5px 0;text-align:center;border:none;border-left:10px #0086ff solid;border-radius:0;color:#dae9fa;text-shadow:rgb(3, 3, 3) 2px 4px 4px;font-size:18px;background-color:#4e5882;font-weight: normal;}
.more img,.more .einstkreslo-1,button.pause,button.regul,span.nomobile{display:none}
.bt-div img, .einstkreslo{display:block}
#header-mid{background-size:100% 100%;height:60px;border-top:4px #fff solid;border-right:4px #fff solid;border-left:4px #fff solid;box-sizing:border-box}
.header-mid{width: 0; display:none}
#header{height:auto;background:none}
#content{width:100%;float:left;margin-left:0;margin-right:0;padding-left:5px;padding-right:5px;text-align:left}
main {width:100%}
#left{width:100%;position:relative;top:0;text-align:left}
#left p{font-size:100%}
#right{width:100%}
#footer{width:100%}
.zsk{display:none}
.sizerleft{text-align:center;margin-right:113px;}
.cont-sizerleft {margin-right:0}
.cont-sizerleft table{width:100%}
/*.button-u,.button-d{padding:5px 14px}*/
.online-img {background: none;}
.wrapper{text-align:center}
p .map-p{color:#F60}
p.intver{color:#006;text-align:left}
a{color:#C00000;text-decoration:underline}
a:hover{color:#0073c3}
.ss a:link{text-decoration:none}
img{max-width:100%;height:auto;width:auto}
.zse{height:auto;padding-left:45%;padding-right:5px}
.einstkreslo, .einstkreslo-1 {float: right;}
}
.snav > ul > li.speakleft, .snav > ul > li.speakmain, .snav > ul > li > a#speakleft, .snav > ul > li > a#speakmain {display:none;}
[data-tooltip], [data-toolpic]{position:relative;cursor:pointer;outline:none}
[data-tooltip]:before,[data-tooltip]:after, [data-toolpic]:before,[data-toolpic]:after{visibility:hidden;opacity:0}
[data-tooltip]:before{position:absolute;bottom:150%;left:50%;margin-bottom:5px;margin-left:-68px;padding:7px;width:136px;border-radius:3px;background-color:#000;background-color:hsla(0,0%,20%,0.9);box-shadow:0 0 5px 1px #FFCBB8;color:#ffc;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.2}
[data-tooltip]:after, [data-toolpic]:after{position:absolute;bottom:150%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid hsla(0,0%,20%,0.9);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}
[data-tooltip]:hover:before,[data-tooltip]:hover:after, [data-toolpic]:hover:before,[data-toolpic]:hover:after{visibility:visible;opacity:1}

[data-toolpic]:before{position:absolute;bottom:150%;left:50%;margin-bottom:5px;margin-left:-87px;padding:6px;width:174px;border-radius:3px;background-color:#000;background-color: rgba(17,33,56,0.8);box-shadow:0 0 5px 1px #FFCBB8;color:#ffc;content:attr(data-toolpic);text-align:center;font-size:13px;line-height:1.1;z-index:100}

.more nav.ov-click-menu{height:50px;padding:0;margin-bottom:10px;height:auto}
nav{height:50px;background-color:#626ea2;padding:0;margin-bottom:10px;height:auto;
background: rgb(51,67,103);
background: -moz-radial-gradient(center, ellipse cover, rgba(3,20,58,1) 16%, rgba(3,20,58,1) 40%, rgba(73,31,64,1) 94%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(3,20,58,1) 16%,rgba(3,20,58,1) 40%,rgba(73,31,64,1) 94%);
background: radial-gradient(ellipse at center, rgba(3,20,58,1) 16%,rgba(3,20,58,1) 40%,rgba(73,31,64,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03143a', endColorstr='#491f40',GradientType=1 );}
nav .menu,nav .menu li,nav .menu ul{list-style:none;margin:0;padding:0}
.more nav .menu li,.more nav .menu ul{margin-left:0;padding:0;display:inline-block}
.more nav .menu li:before{float:left;margin-left:2px;margin-right:0;content:"\2606";font-size:12px}
nav .menu{position:relative;line-height:30px}
/*.more nav .menu{line-height:12px}*/
nav .menu > li:first-child{background:none}
#phi .more nav .menu > li > a{color:#800080}
.more nav .menu > li > a{color:#c00;text-decoration:none;text-transform:none;font-family:Tahoma;font-size:90%;margin-left:3px;margin-right:-16px}
nav .menu > li > a{display:block;padding:0 15px 0 10px;color:#E1F1F6;text-decoration:none;text-transform:uppercase;font-family:Tahoma}
nav .menu > li > a:hover{background:#fff!important;color:#000}
nav .menu > li.active > a{background:#634257!important}
nav .menu > li.active > a:hover{color:#ffc}
nav .menu > li.active > ul a:hover{color:#000}
nav .menu ul li a,nav .menu li.active ul li a{color:#000;text-shadow:none;text-decoration:none;padding:0 10px}
nav .menu li ul li.active > a{color:#2980B9}
nav .menu li ul li.active > a:hover{color:#2980B9}
nav .menu ul li:hover > a{background-image:url(/mobi/wave-back.gif)}
nav .menu li:hover{position:relative;z-index:599;cursor:default}
nav .menu ul{visibility:hidden;position:absolute;top:98%;left:0;z-index:598;width:100%;box-shadow:0 1px 1px #000}
nav .menu ul li{float:none;border-bottom:solid 1px #DAE9FA;background-color:#f9f9f9;color:#000}
nav .menu ul li:last-child{border-bottom:none}
nav .menu ul li a{display:block;height:30px;line-height:30px;overflow:hidden}
nav .menu li:hover > ul{visibility:visible}
nav .menu ul{width:245px;margin-top:1px}
nav .menu > .folder > a{padding-right:8px}
nav .menu > .folder > a > .wrap{padding-right:20px;background:url(/mobi/nav-arrow-down-white.png) no-repeat right center!important}
nav .menu ul .folder > a{padding-right:15px;background-image:url(/mobi/nav-arrow-right.png)!important;background-position:100% 50%;background-repeat:no-repeat}
nav select{display:none}
nav .menu ul ul{top:0;left:99%}
.menu-switch{display:none}
nav.ov-click-menu .menu li.folder{position:relative}
nav .menu .folder > a > .wrap{background:none!important}
nav.ov-click-menu .menu li.folder .hidden_switch{position:absolute;right:0;top:0;height:100%;width:33px;background-color:rgba(0,0,0,.2);transition:.15s linear}
nav.ov-click-menu .menu li.folder .hidden_switch:hover{cursor:pointer;background-color:rgba(0,0,0,.5);transition:.15s linear}
nav.ov-click-menu .menu li.folder.parent_show > .hidden_switch{background-color:rgba(0,0,0,.4)}
nav.ov-click-menu .menu li.folder .hidden_switch::before{background:url(/mobi/nav-arrow-down-white.png) no-repeat center center;content:"";position:absolute;right:17px;top:50%;height:12px;width:20px;margin:-6px -10px 0 0}
nav.ov-click-menu .menu ul li.folder .hidden_switch::before{transform:rotate(-90deg)}
nav.ov-click-menu .menu li:last-child ul li.folder .hidden_switch::before{transform:rotate(90deg)}
nav.ov-click-menu .menu ul{border:1px solid #ccc;box-shadow:none;display:none;visibility:visible;margin-top:0;top:100%}
nav.ov-click-menu .menu .parent_show > ul{display:block}
nav.ov-click-menu .menu ul ul{margin-top:-1px}
nav.ov-click-menu .menu li:last-child ul li ul{left:-202px!important}
nav.ov-click-menu .menu ul .folder > a{background-image:none!important}
nav.ov-click-menu .menu ul ul{left:100%;top:0}
nav.ov-click-menu{border-bottom:2px solid #34495e;width:100%} /*width*/
.more nav.ov-click-menu{border-bottom:0}
nav.ov-click-menu .menu > li{border-bottom:2px solid rgba(255,255,255,.5)}
.more nav.ov-click-menu .menu > li{border-bottom:2px solid #fff;display:inline-block}
.sw1,.sw2{display:inline;text-shadow:#030303 2px 4px 4px}
.menu-switch-r{color:#006}
@media screen and (max-width:800px){nav{background-color:transparent;}
nav .menu > li{float:left;width:100%}
nav .menu > li.active > ul a:hover{color:#fff}
nav .menu > li > a:hover{color:#e1f1f6}
.more nav .menu > li > a{color:#000;font-size:90%;text-transform:none;font-family:Tahoma;margin-left:10px}
.more nav.ov-click-menu .menu{background-color:#bdd0e3}
nav.ov-click-menu, nav.ov-click-menu-r{border-bottom:2px solid #34495e;width:100%;z-index:2;} /*width,z-index*/
nav.ov-click-menu.active, nav.ov-click-menu-r.active{overflow:visible}
nav.ov-click-menu .menu{background-color:#34495e;border-bottom:2px solid #34495e;height:auto;line-height:40px;overflow:hidden}
nav.ov-click-menu select{display:none}
.menu-switch, .menu-switch-r{background:#824e70 url(/mobi/menu-icon.png) no-repeat right center;border-bottom:1px solid rgba(255,255,255,.5);border-right:8px solid rgba(255,255,255,0);display:block;line-height:30px;font-weight:700;color:#e1f1f6;text-transform:uppercase;padding:2px 2px 2px 15px;overflow:hidden}
nav.ov-click-menu.active .menu-switch{background-color:#630000;color:#fff}
nav.ov-click-menu, nav.ov-click-menu-r{padding:0}
nav.ov-click-menu .menu ul li a{height:40px;line-height:40px}
nav.ov-click-menu .menu li.folder .hidden_switch{height:40px;width:40px}
nav.ov-click-menu .menu li.folder .hidden_switch::before{right:50%;transform:none!important}
nav.ov-click-menu .menu > li{float:none;border-bottom:1px solid rgba(255,255,255,.5)}
nav.ov-click-menu .menu ul{border-color:rgba(255,255,255,.5);border-width:1px 0 0;box-shadow:none;position:static;width:100%}
nav.ov-click-menu .menu .parent_show > ul{display:none}
nav.ov-click-menu .menu ul ul{margin-top:0}
nav.ov-click-menu .menu ul li{background-color:rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3)}
nav.ov-click-menu ul > li:last-child{border-width:0}
nav.ov-click-menu .menu > li > a, nav.ov-click-menu-r .menu > li > a{font-weight:400}
nav.ov-click-menu .menu > li > a:hover,nav.ov-click-menu .menu ul li:hover a{background:transparent!important}
nav.ov-click-menu .menu li ul li.active > a{color:#fff}
nav.ov-click-menu .menu ul .wrap::before{content:"\27A5"}
nav.ov-click-menu .menu ul ul .wrap::before{content:"\27A4"}

/* menu-r */
.more nav.ov-click-menu-r .menu{background-color:#bdd0e3}
nav.ov-click-menu-r .menu{background-color:#34495e;border-bottom:2px solid #34495e;height:auto;line-height:40px;overflow:hidden}
nav.ov-click-menu-r.active .menu-switch-r{background-color:#630000;color:#fff}
nav.ov-click-menu-r .menu ul li a{height:40px;line-height:40px}
nav.ov-click-menu-r .menu > li{float:none;border-bottom:1px solid rgba(255,255,255,.5)}
nav.ov-click-menu-r .menu > li > a:hover,nav.ov-click-menu-r .menu ul li:hover a{background:transparent!important}
/* /menu-r */

.more .sw1{display:none}
.mainhead{margin-top:0;border:10px #4e5882 solid;border-radius:10px;padding:0 10px;background-color:#ffc}
.mainhead h1{text-shadow:none;font-size:120%}
img.pic-r{max-width:100%;float:none;height:auto;width:auto;margin-left:auto;margin-right:auto;display:block;clear:both}
}
.stateleft .sw2{display:none}
nav.ov-click-menu .menu ul .wrap::before{content:"\27A5"}
nav.ov-click-menu .menu ul ul .wrap::before{content:"\27A4"}
@media only screen and (max-width:800px),
only screen and (max-device-width:800px){nav.ov-click-menu ul, nav.ov-click-menu-r ul, .mapbox{display:none;}
}
@media only screen and (min-width:801px),
only screen and (min-device-width:801px){nav .menu ul li{background-image:url('/res/pgline.png');background-repeat:repeat-x;background-position:0 -298px;}
.more nav{background:#fff}
}
.more nav.ov-click-menu-r .menu{border: #e2e2e2 5px solid;
border-radius: 5px;
-webkit-box-shadow: 0 0 13px 0 #4C4C4C;
-moz-box-shadow: 0 0 13px 0 #4C4C4C;
box-shadow: 0 0 13px 0 #4C4C4C;}
p.kv{font:9px tahoma;text-align:center;color:silver}
.kv a:hover{text-decoration:underline;color:silver}
.kv a{color:silver}
p.ddkv{font:9px tahoma;text-align:center;color:silver}
.ddkv a:hover{text-decoration:underline;color:silver}
.ddkv a{color:silver}
.kat a{color:navy}
.kat a:hover{text-decoration:none;color:navy}
.lib a{color:#FF6C00}
.news img{float:left;margin-bottom:2px;margin-right:3px}
.news a{font-weight:700;font-size:12px;color:#236;font-family:Arial;text-decoration:none}
.news a:hover{text-decoration:underline}
.violet{font-weight:700;font-size:12px;color:#63406a;font-family:sans-serif;text-decoration:none}
.violet:hover{text-decoration:underline}
.blue{font-weight:700;font-size:12px;color:#236;font-family:sans-serif;text-decoration:none}
.blue:hover{text-decoration:underline}
 p.m-phi,p.m-zem,p.m-mer,p.m-sun,p.m-star,p.sc{text-indent: 30px;}/**/
.m-mer a:link,.m-mer a:visited{color:purple}
.m-mer a:hover{color:maroon;text-decoration:none}
.m-sun a:link,.m-sun a:visited{color:#ff4200}
.m-sun a:hover{color:#C00000;text-decoration:none}
.m-zem a:link,.m-zem a:visited{color:#ff4200}
.m-zem a:hover{color:#C00000;text-decoration:none}

.m-star a:link,.m-star a:visited{color:#C00000}
.m-star a:hover{color:#555777;text-decoration:none}
p.m-univ,.m-univ a:link,.m-univ a:visited{color:#C00000}
.m-univ a:hover{color:#0073C3;text-decoration:none}
p.m-ven,.m-ven a:link,.m-ven a:visited{color:#FF6C00}
.m-ven a:hover{color:#000;text-decoration:none}

p.m-fl,.m-fl a:link,.m-fl a:visited{color:#C00000}
.m-fl a:hover{color:#0073C3;text-decoration:none}
p.exp,.exp a:link,.exp a:visited{color:#C00000}
.exp a:hover{color:#555777;text-decoration:none}
p.m-p,.m-p a:link,.m-p a:visited{color:#C00000}
.m-p a:hover{color:#555777;text-decoration:none}
p.m-2,.m-2 a:link,.m-2 a:visited{color:#C00000}
.m-2 a:hover{color:#0073C3;text-decoration:none}
p.sc,.sc a:link,.sc a:visited,#sc .more nav .menu > li > a {color: #4e5882}
.m-phi a:link,.m-phi a:visited{color:purple}
.m-phi a:hover{color:#0073C3;text-decoration:none}
p.q{font:Verdana;color:purple;text-align:justify;margin-left:10px}
p.right{font:12px Tahoma;color:#930;text-align:justify;margin-top:2px;margin-bottom:2px}
.style1{color:red}
.ntpro{font-size:11px;color:#000;font-family:Tahoma}
.ss a:link,.ss a:visited{color:#006}
.ss a:hover{text-decoration:none;color:#006}
acronym{border-bottom:#000 1px dotted}
.filter{FILTER:alpha(opacity=25);opacity:0.25}
A:hover IMG{FILTER:alpha(opacity=90);opacity:0.90}
#counter{display:none}
.mp img{border-style:none}
.mp{position:relative}
.mp:hover{background-color:#fff5ee}
.mp span{border-right:gray 1px;border-top:gray 1px;left:-2000px;visibility:hidden;border-left:gray 1px;color:navy;border-bottom:gray 1px;position:absolute;background-color:#eee9e9;text-decoration:none;padding:2px 2px 5px}
.mp span img{border-width:0;padding:2px}
.mp:hover span{left:40px;visibility:visible;top:40px}
.mpsh img{border-style:none}
.mpsh{position:relative}
.mpsh:hover{background-color:#fff5ee}
.mpsh:hover span{left:100px;visibility:visible;top:0}
.mpsh span{border-right:none;border-top:none;left:-2000px;visibility:hidden;border-left:none;color:navy;border-bottom:none;position:absolute;background-color:#eee9e9;text-decoration:none;padding:0}
.mpsh span img{border-width:0;padding:0}
.welcome{font-weight:400;font-size:18px;color:#000;font-style:italic;font-family:"monotype corsiva",verdana,sans-serif;text-align:center}

.parametrs {padding: 8px 4% 0 4%;border: 1px #fff solid;box-shadow: 0 2px 3px #3d382b;-moz-box-shadow: 0 2px 3px #3d382b;-webkit-box-shadow: 0 2px 3px #3d382b;background-color: #fbebff;}
.parametrs p{color:#5C4976}
scr{FONT-SIZE:11px;FONT-WEIGHT:bold;COLOR:red;FONT-FAMILY:Tahoma}
.scr A{FONT-SIZE:11px;FONT-WEIGHT:bold;COLOR:red;FONT-FAMILY:Tahoma}
.scr A:hover{COLOR:#FF6C00}
.scr A:visited{COLOR:#0073c3}
.ttt{transition:all 0.5s ease;}
.box-leftinfo{width:100%;clear:both}

#down, #mid, .invi, #prevpage, #spoler, a.help{display:none}
#down {width: 100%;max-width: 550px;margin-left: auto;margin-right: auto}
div.articulate-area {
font-family: monospace;
font-size: 14px;
text-align: center;
padding: 0;
margin: 5px 0 5px 0;
color: #fffe99;
}
div.articulate-area input {
width: 250px;
margin-top: 0;
padding: 0 10px;
}
/*left*/
.snav {
width: 320px;
min-width: 320px;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
margin: 0;
left: -320px;
padding: 10px 15px;
-webkit-transition: left 0.3s;
-moz-transition: left 0.3s;
transition: left 0.3s;
background: #4e5882;
z-index: 2000;
background: rgb(3,20,58); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(3,20,58,1) 16%, rgba(3,20,58,1) 40%, rgba(73,31,64,1) 94%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(3,20,58,1) 16%,rgba(3,20,58,1) 40%,rgba(73,31,64,1) 94%);
background: radial-gradient(ellipse at center, rgba(3,20,58,1) 16%,rgba(3,20,58,1) 40%,rgba(73,31,64,1) 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03143a', endColorstr='#491f40',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.snav-toggle {
position: absolute;
left: 320px;
bottom: 0;
padding: 0.5em 0.5em 0.5em 0.5em;
background: #371c3f/*4e5882*/;
color: #dadada;
cursor: pointer;
font-size: 1.2em;
line-height: 1;
z-index: 2001;
border-radius: 7px;
border: 2px solid #dae9fa;
margin-left: 8px;
/* аним цвет при навед */
-webkit-transition: color .25s ease-in-out;
-moz-transition: color .25s ease-in-out;
transition: color .25s ease-in-out;
/*kvdisplay: none;*/}
@media only screen and (max-width:280px),
only screen and (max-device-width:280px){.button-u, .button-d{padding:5px 5px;}
.count-img {margin-left: 20px;}
.button-du {margin-left: 70px;}
#header-mid, .header-mid{display:none}
#header{height:0}
.snav {
width: 280px;
min-width: 280px;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
margin: 0;
left: -280px;
padding: 7px 10px;
}
.snav-toggle {
position: absolute;
left: 280px;
bottom: 3px;
padding: 0.5em;
}
.socki {display: inline-grid; justify-content:center; font-size: 14px;}
}
/*(TRIGRAM)*/
.snav-toggle:after {content: '\2630';text-decoration: none}
.snav-toggle:hover {color: #f4f4f4;}
[id='snav-toggle'] {
position: absolute;
display: none;
}
[id='snav-toggle']:checked ~ .snav > .snav-toggle {
left: auto;
right: 2px;
bottom: 3px;
}
[id='snav-toggle']:checked ~ .snav {
left: 0;
box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
-moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
-webkit-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
overflow-y: auto;
}
[id='snav-toggle']:checked ~ .snav > .snav-toggle:after {
content: '\2715';
}
/*фикс баг в Android <= 4.1.2
body {-webkit-animation: bugfix infinite 1s;}
@-webkit-keyframes bugfix {
to {padding: 0;}
}*/
/*
@media screen and (min-width: 320px) {
html,body {margin: 0;overflow-x: hidden;}
}*/


#explain{border: 4px #fff solid; border-radius: 5px; padding: 5px;}
.snav h2 {
width: 90%;
padding: 4px 0 1px 6px;
background-image: url(/mobi/zs_at.png);
background-repeat: no-repeat;
margin: 4px 0;
text-align: center;
text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
font-size: 1.3em;
line-height: 1.3em;
opacity: 0;
transform: scale(0.1, 0.1);
-ms-transform: scale(0.1, 0.1);
-moz-transform: scale(0.1, 0.1);
-webkit-transform: scale(0.1, 0.1);
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
transition: opacity 0.8s, transform 0.8s;
-ms-transition: opacity 0.8s, -ms-transform 0.8s;
-moz-transition: opacity 0.8s, -moz-transform 0.8s;
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}

.snav h2 a {
color: #dadada;
text-decoration: none;
text-transform: uppercase;
}
[id='snav-toggle']:checked ~ .snav h2 {
opacity: 1;
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.snav > ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 10px}
.snav > ul > li {
line-height: 2.5;
opacity: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
-moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
-ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
transition: opacity .5s .1s, transform .5s .1s;
}

[id='snav-toggle']:checked ~ .snav > ul > li {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
/* интерв появл */
.snav > ul > li:nth-child(2) {
-webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
transition: opacity .5s .2s, transform .5s .2s;
}
.snav > ul > li:nth-child(3) {
-webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
transition: opacity .5s .3s, transform .5s .3s;
}
.snav > ul > li:nth-child(4) {
-webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
transition: opacity .5s .4s, transform .5s .4s;
}
.snav > ul > li:nth-child(5) {
-webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
transition: opacity .5s .5s, transform .5s .5s;
}
.snav > ul > li:nth-child(6) {
-webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
transition: opacity .5s .6s, transform .5s .6s;
}
.snav > ul > li > a {
display: inline-block;
position: relative;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 1.2em;
color: #dadada;
width: 100%;
text-decoration: none;
-webkit-transition: color .5s ease, padding .5s ease;
-moz-transition: color .5s ease, padding .5s ease;
transition: color .5s ease, padding .5s ease;
}
.snav > ul > li > a:hover,
.snav > ul > li > a:focus ,
a.pakt {
color: white !important;
padding-left: 15px !important;
}

/* лин*/
.snav > ul > li > a:before {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
height: 1px;
width: 100%;
-webkit-transition: width 0s ease;
transition: width 0s ease;
}
.snav > ul > li > a:after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background: #3bc1a0;
-webkit-transition: width .5s ease;
transition: width .5s ease;
}
.snav > ul > li > a:hover:before {
width: 0%;
background: #3bc1a0;
-webkit-transition: width .5s ease;
transition: width .5s ease;
}
.snav > ul > li > a:hover:after {
width: 0%;
background: transparent;
-webkit-transition: width 0s ease;
transition: width 0s ease;
}
.what {color:red;font-size:15px;border-radius:50%;background-color:azure;border-radius:50%;font-weight:bold;border:2px #4e5882 solid; text-decoration: none}
span.what:hover{border-color:#fff}
/* фон затемн */
.mask-content{display:block;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,0.4);visibility:hidden;opacity:0}

[id='snav-toggle']:checked ~ .mask-content {
visibility: visible;
opacity: 1;
-webkit-transition: opacity .5s, visibility .5s;
transition: opacity .5s, visibility .5s;
}
/*soc*/
.socki {display: flex; justify-content:center; font-size: 15px;}
.snav P {color: #fff;text-align: center;padding: 0;margin-bottom: 4px;margin-top: 4px;font-size: 80%;}
.ui.button{cursor:pointer;display:inline-block;width:75px;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#303a61;color:rgba(0,0,0,.6);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:.2em .2em 0 0;padding:.5em 1.5em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:25px;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none; -webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}
.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}
.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8)}

.ui.labeled.button:not(.icon){display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:0!important;border:none!important;box-shadow:none!important}
.ui.labeled.button>.button{margin:/*0*/3px}

.ui.facebook.button{background-color:#3b5998;color:#fff}
.ui.facebook.button:hover{background-color:#304d8a;color:#fff}
.ui.facebook.button:active{background-color:#2d4373;color:#fff}
.ui.ok.button{background-color:#ed812b;color:#fff}
.ui.ok.button:hover{background-color:#F7AE69;color:#fff}
.ui.ok.button:active{background-color:#f59944;color:#fff}
.ui.twitter.button{background-color:#0084b4;color:#fff}
.ui.twitter.button:hover{background-color:#00719b;color:#fff}
.ui.twitter.button:active{background-color:#005f81;color:#fff}
.ui.mr.button{background-color:#168de2;color:#fff}
.ui.mr.button:hover{background-color:#00719b;color:#fff}
.ui.mr.button:active{background-color:#005f81;color:#fff}
.ui.google-plus.button{background-color:#dc4a38;color:#fff}
.ui.google-plus.button:hover{background-color:#de321d;color:#fff}
.ui.google-plus.button:active{background-color:#bf3322;color:#fff}
.ui.vk.button{background-color:#4D7198;color:#fff}
.ui.vk.button:hover{background-color:#41648a;color:#fff}
.ui.vk.button:active{background-color:#3c5876;color:#fff}

@font-face
{font-family:'fontello';src:url(/mobi/fontello.ttf?53514568) format("truetype");font-weight:400;font-style:normal;font-display: swap;}

[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:1px 1px 1px rgba(127,127,127,0.3)}
.icon-vkontakte:before{content:'\e801'}
.icon-facebook:before{content:'\e806'}
.icon-twitter:before{content:'\e800'}
.icon-livejournal:before{content:'\e80f'}
.icon-odnoklassniki:before{content:'\e807'}
.icon-moimir:before{content:'\e80d'}
.icon-google-plus:before{content:'\e80e'}
.icon-telegram:before{content:'\e819'}
.icon-viber:before { content: '\e816'}
.icon-whatsapp:before { content: '\e817'}
.soccount {
display:inline-block;
padding-top:8px;
font: 13px/3px Arial,Helvetica,sans-serif;
}
/*adblock*/
#mdl_ctnr{display:none;position:fixed;left:0;top:0;right: 0;bottom: 0;/*width:100%;height:100%;*/background:rgba(0,0,0,.8);text-align:center;z-index:8000}
#mdl_ctnr:after{display:inline-block;height:100%;width:0;vertical-align:middle;content:''}
#mdl_adb{display:inline-block;position:relative;vertical-align:middle;text-align:center;font-size:16px;line-height:16px;
background: rgb(3,20,58); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(3,20,58,1) 16%, rgba(3,20,58,1) 40%, rgba(73,31,64,1) 94%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(3,20,58,1) 16%,rgba(3,20,58,1) 40%,rgba(73,31,64,1) 94%);
background: radial-gradient(ellipse at center, rgba(3,20,58,1) 16%,rgba(3,20,58,1) 40%,rgba(73,31,64,1) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03143a', endColorstr='#491f40',GradientType=1 );
z-index:9999;width:300px;padding:40px 10px 10px;color:#fff;border:1px #fff solid;/*pointer-events: none;*/}
#mdl_adb h3{font-weight:700;font-size:20px;margin-bottom:10px;color:gold;}
#mdl_adb a{color:#fff;text-decoration:underline;display:block;padding:5px 0;margin:10px 0;font-weight:700}
.msg_close{display:block;background:#292C33;top:0;line-height:25px;font-weight:700;width:50px;height:25px;text-align:center;color:#fff;cursor:pointer;-webkit-border-bottom-left-radius:50px;-webkit-border-bottom-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;
margin-left:auto;margin-right:auto;margin-top:-39px;}
.msg_close:hover{background:#fc0;color:#000}

@keyframes fadeIn {
0%{transform:scale(0.7);opacity:.5}
80%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
@-webkit-keyframes fadeIn {
0%{-webkit-transform:scale(0.7);opacity:.5}
80%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1);opacity:1}
}
.fadein{animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-duration:.4s;-webkit-animation-duration:.4s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}
blockquote {font-family:Georgia, serif;border-right:8px solid #4e5882;padding-right:7px; 
margin-block-start:4px;
margin-block-end:4px;
margin-inline-start:4px;
margin-inline-end:4px;
-webkit-margin-start:4px; 
-webkit-margin-end:4px;}
blockquote cite {color: #787ccc}
span.pic{color: black/*#005f81*/;font-size: 80%;border-left: 3px solid #d4c7e9;padding: 2px 5px;background-color: #dae9fa}
span.pic-ven {color: #000;font-size: 80%;border-left: 5px ridge #d4c7e9;padding: 2px 5px;background-color: #ffffcc;}
P.autor{text-align:right;color:#0073C3;font-size:70%}
P.autorcom_gipot{text-align:justify;color:#800080;font-size:75%}
.autor span{color:#94a2c9}
#left p.autor{text-align:right;color:#03143a;font-size:70%}
.color {color:#0073C3}
.color-red {color:#c00}
.color-brown {color:#993300}
#sun .color{color: rgb(0, 115, 195);} 
#mer .color{color:#83007C}
#zem .color{color:#0073C3}
h3.color {color:#0073C3;text-align:center}
P.pred{color:#c00000;font-size:80%}
P.pred2{color:#0073C3;font-size:80%}
.rampic {background-color:#6c6fa0;margin:5px;border:5px solid #ccc;border-radius:6px}
.rampic-mer {background-color:#822845;margin:5px;border:5px solid #ccc;border-radius:6px}
.rampic-ven {background-color:#B25831;margin:5px;border:5px solid #ccc;border-radius:6px}
.people p, .rampic p, #left .rampic p, .rampic-mer p, #left .rampic-mer p, .rampic-ven p, #left .rampic-ven p{color:#e1f1f6;text-align:center;font-size: smaller;}
.div-speak{background-color: #F5F5F5;background-image:url('/mobi/ap/sound.png');background-repeat:no-repeat;}

@-webkit-keyframes my {
0%   {color: #2e2f92;}
25%  {color: #38afaa;}
50%  {color: #5b59a7;}
75%  {color: #f7b21c;}
100% {color: #e12527;}
 }
@keyframes my {
0%   {color: #2e2f92;}
25%  {color: #38afaa;}
50%  {color: #5b59a7;}
75%  {color: #f7b21c;}
100% {color: #e12527;}
 }
#foc2 {
width: 0px;
height: 0px;
border-right: 30px solid transparent;border-top: 30px solid #4e5882;border-left: 30px solid #4e5882;border-bottom: 30px solid #4e5882;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
/*.einstkreslo, .einstkreslo-1 {width: 48px;height: 85px;background-image:url('/man/einstkreslo.gif');background-repeat:no-repeat;}*/
@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (print),(prefers-reduced-motion:reduce){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}

#toTop.button--show, #backtoTop.button--show{right:19px}
#toTop {z-index: 100;
bottom:0px;position:fixed;right:-100px;transition:0.5s;-webkit-transition:0.5s;
background: #4e5882;
border: 4px ridge #c2e1f5;
padding:3px;font-size:11px;
border-radius:7px;
}
#toTop:after, #toTop:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#toTop:after {
border-color: rgba(71, 78, 145, 0);
border-bottom-color: #4e5882;
border-width: 10px;
margin-left: -10px;
}
#toTop:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #c2e1f5;
border-width: 16px;
margin-left: -16px;
}
/*modal*/
#help p {color: #fafafa;font-size:18px}
#help p:hover{color:gold} 
#help h2.zs{color:gold; padding:4px 4px 4px 50px;background-image:url(/mobi/zs_at.png);background-repeat: no-repeat;margin:0}
#talk {visibility:hidden}