@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700|Open+Sans:400,400i,600&subset=cyrillic');
/*.flowpaper_viewer_container {padding-top: 0px;}*/
/* FlowPaper text layer styles - last rule changes + 1 new */
.flowpaper_custom_logo{bottom:initial;right:initial;left:0;top:0;position:absolute;margin-top:60px;margin-left:20px;}
.flowpaper_custom_logo img{width:60px;height:auto}

/* Modal styles - changes */
.my-modal-content {display:none;}
#simplemodal-overlay {cursor:default}
#simplemodal-container {background-color:#000;border:3px solid #444;}
#simplemodal-container a.modalCloseImg {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAVVSURBVHjaxFdbSFxHGJ7djfdb1HgNpsV7iwQrYhWN5EmReHlqUEGqUcGHohBCMSqhqEgU8aWiqH0QBDGkAe2bF1ARMduKldqqsURFrVqtBo1uvOzu9P+n/znMWVfNWwc+zp455/zf/LdvZnXs8qGTrrbAwe2ASddrDdvOIfSEGwADQW9DagVYCGa6t9os4kpS5bdCgGSOCpqamj5PSUm5d+fOnS98fHyiHB0dg3U6HT8/P//r6Ojoj729PePy8vJIRkbGnLQQdh25johcADcBQYDQ4uLitNevX3eB4Q2r1coVbG1t8ZWVFS7PnZ6ewtTK856eniiypbskmuoDB4ArwBfwCSCmvr7+GzBiJIO8s7OTP3jwgLu6umqQnJzMW1pauMlkEuTg9eDo6Gg62bRLrHiIhLfQO0B8VVXVk83NzUU0Mjg4yKOioi6Q2eLu3bt8enpaEJ+cnBiHh4fTJY81QwmpLxEmpKWlPVpYWJjFj7u7u7mHh8e1hC4uLgLu7u68oaFBEIPng11dXdH2iJ0ohxjSeEDmy5cvf1I8vIpQIbKHtrY2Qfz27dvnxKGXSd2oaGIAaVB9Nbu7u3tQODw8PFxDkpiYyO/fv3+BICQkhJeWlnJfX191zsvLi6+vr4vigsKKt/XWm8KaDMiFghjAFba2tmoI4+Li1Cqtra1VjUdHR/ONjQ0x39HRoc47OzvzsrIyMT8zM1NJrSdI9XSDReSJC4iNjY3ABy9evNAk/vj4mEFxiN81NTXs6dOnLDQ0lI2MjLDg4GAx//79e8Y5F8AxMDDAgJRBxL609TQEiwfwFeBbWPXewcGB3fzl5OSobYHA95Tfr1694m5ubsJDGbOzs1jJS2Dbg0RHeOpAiUZvXSEvntvb2xovlZUPDQ2x3NxcdnZ2Ju6hyMS1v7+fFRUV/SdnBoMGkFfm4OBwmwjV8Cpy50RgIG0XCJUBYiHCKI/5+XlmsVjsSh3Ogw2drNt6W2Hf2dk5DgwMtGsAciO8hWiIe8wXDhASVllZafcbzDdEZlNWJr3tS4uLi+9A0MXLspcYSiQMCAhQQ/rw4UO1uKqrq1lJSYnGFoY3MjKSQfu9kef10naEW5NlfHx8Bx9kZWVpDODHMmFhYSED8WD5+fkqMWiw5pvU1FTm6enJlpaWfrXd7rBH7wG+BnwXExPzI1TwEe4icrMjsO8qKio4GBKVqgC2PF5XV8cjIiI08xMTExx3J2ivdFK9G3ZbBvB9Y2Pj79gGzc3NGlJsAdnoVYBQi1YyGo1dxKG2jIHE3pGu2DYukFcrSJ4P5Mx9dXWVzc3NqfnV6/XXnUZYQkIC6+vrY7BL/fzs2bNW2DywkE4ohdxAhPIpwenw8BALCj++CSt2MZvNbHJy8qNIsbh6e3vZ/v7+m/b29h9AGo0oaIBT6TShFXzAI1Q6DHNSUtIwkG1hmGC1PC8vj/v5+dkNZ2ZmJocThggpFM7s48ePn5DNIOJQZVBHgoCh9QL4AQLpRSzVW0FBQbfLy8s/Kygo+BTayA12DaxGBiIuVgyFx6CARJXCiWF/bGxsEmqhH3L5GzzeBRwAPqDmUJeopwblqOJFpwd/wi3ahdzh5BCUnZ0dAluff1hYmLe/vz+uHokO19bW/p6amvoTWukXqNhZmMa2+4cITURoUVpGUQmDzW7jI8GbKs+VomJQFI7yhEZRF98B9iUc0rMzmZBJfWOh1ZjooYWq7ZhW6y6RKt+YJdIjIjmgBRxJIbXYOx9x8tYsqYaFVmgiQwqhoySdVnpHITYR0QeaO7/s7PvRh23K+w0bUjMZP5Ngvu6w/b/8rfhXgAEAmJkyLSnsNQEAAAAASUVORK5CYII=) no-repeat; width: 26px; top:-9px; right:-6px;}

/* Modal styles - from flowpaper.css, for info only */
/*
.flowpaper_viewer_container > .modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {font: 11px/22px verdana, arial, sans-serif;height:230px; width:360px; color:#777; background-color:#fff; border:1px solid #000; }
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a {color:#000;}
#simplemodal-container a.modalCloseImg {background:url(data:image/gif;base64,R0lGODlhDQANAJEDAJCPkGZmZv///////yH5BAEAAAMALAAAAAANAA0AAAInXI4ZBu0PDpwSCOFuqxf3HWQdBj6fU1kjGqqeFrWwWk5PakeGogwFADs%3D) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:10px; right:-5px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
*/
/* 20180326 */
/*.flowpaper_tblabel { color:#ffffff; float:left; font-family: Verdana; font-size: 10px; height:14px; margin-top: 8px; margin-left:5px; width:29px; white-space: nowrap; }*/
.flowpaper_toc .flowpaper_tblabel { color:#ffffff; float:none; font-family: comfortaa,Verdana; font-size: 10px; height:14px; margin-top: 8px; margin-left:5px; width:29px; white-space: unset; }
.flowpaper_toc hr {margin: 0;}
/*.flowpaper_toc {padding-top: 0px;}*/

/* 20190329+ for video "button" */
/*.flowpaper_mark_video + .flowpaper_mark_image */
img.flowpaper_mark[src$="videoicon.gif"] {border-radius:5px;border:1px solid #7a8a9b;box-shadow: 0 0 2px rgba(0,0,0,.5);}

.flowpaper_bttnOutline {
	margin-left: 10px;
	margin-right: 0;
}

#tophead {
	background-color: #1d7c9c;
	height: 50px;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	bottom:0;
	overflow: hidden;
	text-align: center;
}

.tophead {
	background-color: #606a6d; /*#44616a;*/
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	bottom:0;
	overflow: hidden;
	text-align: center;
	z-index:10000;
}
.tophead, .tophead div.txt {
	height: 32px;
}
.tophead.hasSubTitle, .tophead.hasSubTitle div.txt {
	height: 46px;
}
.tophead._demo, .tophead._only {
	background-color: #80200c;
}
.tophead._predemo {
	background-color: #d3390f;
}
.tophead._demo div.txt, .tophead._only div.txt {
	background-color: #9d1c00;
}
.tophead._predemo div.txt {
	background-color: #f40;
}
.tophead._demo, .tophead._predemo, .tophead._demo div.txt, .tophead._predemo div.txt, .tophead._only, .tophead._only div.txt {
	height: 42px;
}
.tophead._demo.hasSubTitle, .tophead._predemo.hasSubTitle, .tophead._demo.hasSubTitle div.txt, .tophead._predemo.hasSubTitle div.txt, .tophead._only.hasSubTitle, .tophead._only.hasSubTitle div.txt {
	height: 56px;
}
.tophead div {
	display: inline-block; 
	vertical-align: middle; 
	padding: 1px 2px;
}
.tophead div.txt {
	padding: 1px 3px;
	background-color: transparent; /*#1d7c9c;*/
}
.tophead div.txt a {
	color: #ff0;
	text-decoration: none;
}
.tophead div.txt a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Uvod */
#uvod .promopage {
	display: block;
	overflow: hidden;
	min-height: 100%;
}
#uvod .promoitem {
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
}
#uvod .promoitem h1 {
	color: #fff;
	font-family: 'Comfortaa', cursive;
	font-size: 2.5em;
	font-weight: 400;
	line-height: 1;
	text-align: center;
}
#uvod .promoitem h2 {
	color: #fff;
	font-family: 'Comfortaa', cursive;
	font-size: 3em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
#uvod .promoitem h3 {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	font-style: italic;
}
#uvod .promoitem p {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	text-align: center;
	line-height: 120%;
	margin: 3px 0;
}
#uvod .promoitem p.listlike::before {
	color: #fff;
	content: "\25b8";
	display: inline-block;
	margin-right: 8px;
	/*font-size: 1.5em;*/
}
#uvod .promoitem a {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-decoration: underline;
}
#uvod .promoitem a:hover {
	color: #000;
	text-decoration: underline;
}
.promopic {
	display: block;
	margin: 30px auto 0;
}


#list .promopage {
	display: block;
	overflow: hidden;
	min-height: 100%;
}
#list .promoitem {
	/*width: 90%;*/
	margin: 0 auto;
	padding: 1px 3px 1px 5px;
}
#list .promoitem h1 {
	color: #fff;
	font-family: 'Comfortaa', cursive;
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
#list .promoitem h2 {
	color: #fff;
	font-family: 'Comfortaa', cursive;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
#list .promoitem h3 {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
}
#list .promoitem h3.razd {
    background-color: #39474e;
    padding: .45em 1em .4em;
    opacity: 0.7;
    text-align: left;
	font-size: 1.4em;
}
#list .promoitem h4 {
	color: #b8b8b8;
	font-family: 'Open Sans', cursive;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.2;
	text-align: left;
	margin: 1.825em 0 1em 1em;
}
#list .promoitem h4.first {
	color: #fff;
	font-family: 'Comfortaa', cursive;
}
#list .promoitem p {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.275em;
	text-align: left;
	margin: 4px 0 4px 1.8em;
}
#list .promoitem p.video, #list .promoitem p.icon {
	*text-indent: 5px;
}
#list .promoitem p i {
	font-size: .8125rem;
	margin-right: .365em;
}
#list .promoitem p.audio {
	font-size: .875rem;
	margin-right: .365em;
}

#list .promoitem p.video:before {
	color: #fff;
	content: "\25B6";
	display: inline-block;
	margin-right: .45em;
	padding: 0 3px 0 7px;
	font-size: .75rem;
}
#list .promoitem p.audio:before {
	color: #fff;
	content: "\1F3A7";
	display: inline-block;
	margin-right: .1em;
	padding: 0 3px 0 0;
	font-size: 1rem;
}
#list .promoitem p.hylink:before {
	color: #fff;
	content: "\1F517";
	display: inline-block;
	margin-right: .1em;
	padding: 0 3px 0 0;
	font-size: 1rem;
}
#list .promoitem p.icon:before {
	color: #fff;
	content: "\26ec";
	display: inline-block;
	margin-right: .45em;
	padding: 0 3px 0 7px;
	font-size: .9rem;
}
#list .promoitem p.test {
	text-indent: 0;
	margin: 4px 0 4px 1em;
}
#list .promoitem p.test i {
	font-size: 1em;
}
/* #list .promoitem p.test:before {
	color: #fff;
	content: "\2754";
	display: inline-block;
	margin-right: .75em;
	margin-left: .3rem;
	padding: 1px 4px 1px 5px;
	background-color: red;
	border-radius: 3px;
	font-size: .8em;
	font-family: 'Open Sans';
	line-height: 1.3;
}*/
#list .promoitem p.test:before {
    color: #fff;
    content: "?";
    display: inline-block;
    margin-right: .75em;
    margin-left: .3rem;
    padding: 1px 6px;
    border-radius: 5px;
    font-size: 1em;
    font-family: 'Open Sans';
    line-height: 1;
    border: 1px solid #ccc;
    font-weight: bold;
}
#list .promoitem .page {
	color: #9f8;
	font-size: .9em;
	margin-left: 10px;
}
#list .promoitem p.closebtn {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	text-align: center;
	line-height: 120%;
	margin: 30px 0 0;
}
#list .promoitem a {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#list .promoitem a:hover {
	color: #8e7;
	text-decoration: underline;
}
#simplemodal-container.uvod {
	background: #4b9464;
	background: linear-gradient(to bottom, #6fad84 0%, #4b9464 60%);
}
#simplemodal-container.list, .add-page {
	background: #135d; /*#223035;*/
}
#picShow p {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	text-align: center;
	margin: 4px 0;
}
#picShow {
	text-align: center;
}
#picShow img {
	margin: 5px;
}

/* login */
#loginprompt .promopage {
	display: block;
	overflow: hidden;
	min-height: 100%;
}
#loginprompt .promoitem {
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
}
#loginprompt .promoitem h1 {
	color: #fff;
	font-family: 'Comfortaa', cursive;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
#loginprompt .promoitem h2 {
	color: #fff;
	font-family: 'Comfortaa', cursive;
	font-size: 2em;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
}

#loginprompt .promoitem p {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	text-align: left;
	line-height: 120%;
	margin: 3px 0;
}
#loginprompt .promoitem p.small {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	text-align: left;
	line-height: 120%;
	margin: 3px 0;
}
#loginprompt .promoitem p.listlike {
	line-height:175%;
}
#loginprompt .promoitem p.listlike::before {
	color: #fff;
	content: "\25b8";
	display: inline-block;
	margin-right: 8px;
	/*font-size: 1.5em;*/
}
#loginprompt .promoitem a {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-decoration: underline;
}
#loginprompt .promoitem a:hover {
	color: #ffbe2e;
	text-decoration: underline;
}

.video-js {
	background-image: url(../images/playpause.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.remark {
	border-left: 7px solid #ffbe2e; 
	padding-left: 7px;
}
/*.audio-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    /* background-color: #000; */
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}*/