body,html {height:100%;}
body{background:#fff;font: 14px/1.3em Arial, Tahoma, Verdana, Helvetica;color:#333;margin:0;padding:0}
.clr{clear:both;overflow:hidden;font-size:0;line-height:0;}
a:link, a:visited { color:#993929;text-decoration:none;  /*font-weight: 400;*/ }
a:hover { color:#993929; }
a:active, a:focus { color:#333;  }
form { padding:0;margin:0; }
 header, nav, menu, section, aside, article, footer { display:block; }

.leading-0, .leading-1, .leading-2, .leading-3, .leading-4, .leading-5  { display:block; overflow:hidden; }

.mein_menu .bannergroup, .mein_menu .custom {width:160px;margin:20px auto;}

p img {margin:0 15px 10px 0; }
.list-title a {padding:20px 0;}
.spysok {width: 100%; max-width: 400px; margin: 0 auto;}
.fotopb img {max-width: 100%;}



figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}


.mod-languages p {display:none;}








@media (min-width: 1000px) {

/* ================== razmetra ======================= */
  
  .mod-languages {width:100px; float:right; margin:15px 0 0;}
  
  
  

.page { min-height: 100%; }
header{height:240px; background: #993929; }
.topmenu_bar {height:45px;  margin:0px;}
.lodo_bar {height:160px; background: #993929; margin:0px; }

.logo {float:left; height:160px; padding:0; width:480px;}
.logoimg {float:left; height:200px; background: #fff; margin:-25px 55px 0 0px; width:188px;border: 1px solid#ccc; overflow:hidden;}
  .logoimg img {width:152px; height:auto; margin:0 12px;}
  .naoma {float:right; height:120px; background: #993929; margin:10px 10px 0 0px; width:120px;background-image: url(http://platonconference.kiev.ua/images/headers/naomalogo.svg); background-position: top center; background-repeat:no-repeat;border:0px solid#ccc;}
  
  
.logo h1, .logo h1 a { font-size: 50px;color: #fff; font-family: serif, times; font-weight: 400;padding:25px 0 25px; margin:0;}
.logo h2, .logo h2 a  { font-size: 20px;color: #eee;font-weight: 400;padding:0 0 2px; margin:0px 0 ;line-height:26px;}
.main {min-height:500px;}
.leftmenu {float:left;  padding:0; width:200px;}

.cont { float:left;width: 700px; overflow:hidden;  background:#fff;  border:0;  margin:40px 0px 25px 60px; }
  img.multithumb {width:auto; height:120px;}
.item-pagetezy img {width:50px; height:auto; margin: 0 15px 0 0;}
.wrapperlogo { padding: 0px; /* overflow: hidden;*/ width:960px;margin:0px auto;  }
.wrapper { padding: 0px; overflow: hidden; width:960px;margin:0px auto;  }
footer
{ clear:both; width:970px; overflow:hidden; margin:10px auto 30px; padding:0;}

.map {  width:960px;  height: 20px; margin:10px 0; background-color: #ddd;}

/* ================== menu ======================= */

.mein_menu {clear:both; display:block;overflow:hidden; width:180px; border-top:0px solid#999;  margin:30px auto; padding:0; }
.mein_menu ul { display:block; list-style:none; margin:0; padding:0px;}
.mein_menu ul li { font-size:17px; font-weight:400; text-transform: uppercase; padding: 20px 0 0 ;}
.mein_menu ul li a, .mein_menu ul li a:link {color:#777;}
.mein_menu ul li a:hover { color:#993929; }
.mein_menu ul li ul li{display:none;}

.mein_menu ul li.current a { color:#993929; padding-bottom:7px; }
/* transition: all .3s linear; */

menu {margin:0; display:block; }
ul, menu, dir {margin:0; padding:0;}




/* ================== end menu ======================= */



/* ================== font ======================= */
.cont p {  }
.cont .blog .page-header h2, .cont .blog .page-header h2 a
{ clear:both; width:700px; color:#777;   font-size: 20px; line-height:28px;    margin:30px 0 10px;  font-weight: 400;  }
.categories-list h3, .categories-list h3 a { color:#777;  font-size: 30px; line-height:42px;    margin:25px 0 25px 0 ;  font-weight: 700; }
.page-header h1 {padding-bottom:8px; border-bottom: 2px solid#ccc;} 
.cont .item-page h1,
.cont .item-page h1 a { color:#555;  font-size: 24px; line-height:28px;    margin:8px 0 32px 0 ;  font-weight: 600; }
  .items-leading div {margin:-15px 0 35px;}
   .items-leading div div {margin:10px 0 5px;}

.item .readmore a { color:#007;font-weight:400; }
.readmore {text-align:right; margin:10px 0 2px; display: block; }

/* ================== End fonts ======================= */




.pagenav li
{ float:left; margin:4px 20px 0 0;}


.breadcrumbs
{ width:646px; height: 13px; overflow:hidden;padding:0 0px 0 0px; background:#fff;}

.item-separator
{clear: left; margin: 10px 0; background: #ddd; height: 1px;}



}

@media screen and (min-width:768px) and (max-width:999px) {

/* ================== razmetra ======================= */
  .mod-languages {width:100px; float:right; margin:15px 0 0;}
.page { min-height: 100%; }
header{height:240px; background: #993929; }
.topmenu_bar {height:45px; margin:0px;}
.lodo_bar {height:160px; background: #993929; margin:0px; }

.logo {float:left; height:160px; padding:0; width:400px;}
.logoimg {float:left; height:200px; background: #fff; margin:-25px 30px 0 0px; width:170px; border: 1px solid#ccc;}
    .logoimg img {width:147px; height:auto; margin:0 12px;}
    .naoma {float:right; height:120px; background: #993929; margin:10px 0px 0 0px; width:110px;background-image: url(http://platonconference.kiev.ua/images/headers/naomalogo.svg); background-size:contain; background-position: top center; background-repeat:no-repeat;border:0px solid#ccc;}
  
  
.logo h1, .logo h1 a { font-size: 40px;color: #fff; font-family: serif, times; font-weight: 400;padding:25px 0 25px; margin:0;}
.logo h2, .logo h2 a  { font-size: 18px;color: #eee;font-weight: 400;padding:0 0 2px; margin:0px 0 ;line-height:23px;}
.main {min-height:500px;}
.leftmenu {float:left;  padding:0; width:160px;}

.cont { float:left;width: 520px; overflow:hidden;  background:#fff;  border:0;  margin:40px 0px 25px 39px; }
  img.multithumb {width:auto; height:120px;}
.item-pagetezy img {width:50px; height:auto; margin: 0 15px 0 0;}
.wrapperlogo { padding: 0px; /* overflow: hidden;*/ width:720px;margin:0px auto;  }
.wrapper { padding: 0px; overflow: hidden; width:720px;margin:0px auto;  }
footer
{ clear:both; width:720px; overflow:hidden; margin:10px auto 30px; padding:0;}

.map {  width:720px;  height: 20px; margin:10px 0; background-color: #ddd;}

/* ================== menu ======================= */

.mein_menu {clear:both; display:block;overflow:hidden; width:160px; border-top:0px solid#999;  margin:30px auto; padding:0; }
.mein_menu ul { display:block; list-style:none; margin:0; padding:0px;}
.mein_menu ul li { font-size:15px; font-weight:700; text-transform: uppercase; padding: 20px 0 0 ;}
.mein_menu ul li a, .mein_menu ul li a:link {color:#aaa;}
.mein_menu ul li a:hover { color:#993929; }
.mein_menu ul li ul li{display:none;}

.mein_menu ul li.current a { color:#993929; padding-bottom:7px; }
/* transition: all .3s linear; */

menu {margin:0; display:block; }
ul, menu, dir {margin:0; padding:0;}

 p img {margin:0 15px 10px 0; }


/* ================== end menu ======================= */



/* ================== font ======================= */
.cont p {  }
.cont h1,.cont h1 a, .page-header h1
{ clear:both; color:#777;   font-size: 20px; line-height:28px;    margin:30px 0 10px;  font-weight: 400;  }
.categories-list h3, .categories-list h3 a { color:#777;  font-size: 30px; line-height:42px;    margin:25px 0 25px 0 ;  font-weight: 700; }
.page-header h1 {padding-bottom:8px; border-bottom: 2px solid#ccc;}
.cont .item-page h1,
.cont .item-page h1 a { color:#777;  font-size: 22px; line-height:24px;    margin:8px 0 26px 0 ;  font-weight: 600; }



.item .readmore a { color:#007;font-weight:400; }
.readmore {text-align:right; margin:10px 0 2px; display: block; }

/* ================== End fonts ======================= */




.pagenav li
{ float:left; margin:4px 20px 0 0;}


.breadcrumbs
{ width:646px; height: 13px; overflow:hidden;padding:0 0px 0 0px; background:#fff;}

.item-separator
{clear: left; margin: 10px 0; background: #ddd; height: 1px;}


}

@media screen and (min-width:480px) and (max-width:767px) {

/* ================== razmetra ======================= */
  .mod-languages {width:100px; float:right; margin:15px 0 0;}
.page { min-height: 100%; }
header{height:228px; background: #993929; }
.topmenu_bar {height:45px; margin:0px;}
.lodo_bar {height:160px; background: #993929; margin:0px; }

.logo {float:left; height:160px; padding:0; width:270px;}
.logoimg {float:left; height:130px; background: #fff; margin:18px 15px 0 0px; width:100px; border: 1px solid#ccc;}
    .logoimg img {width:95px; height:auto; margin:0 5px;}
  
  
.logo h1, .logo h1 a { font-size: 32px;color: #fff; font-family: serif, times; font-weight: 400;padding:25px 0 25px; margin:0;}
.logo h2, .logo h2 a  { font-size: 17px;color: #eee;font-weight: 400;padding:0 0 2px; margin:0px 0 ;line-height:23px;}
.main {min-height:500px;}
.leftmenu {float:left;  padding:0; width:470px;}
      .naoma {float:right; height:120px; background: #993929; margin:15px 0px 0 0px; width:80px;background-image: url(http://platonconference.kiev.ua/images/headers/naomalogo.svg); background-size:contain; background-position: top center; background-repeat:no-repeat;border:0px solid#ccc;}

.cont { float:left;width: 470px; overflow:hidden;  background:#fff;  border:0;  margin:25px 0px 25px 0px; }
  img.multithumb {width:auto; height:120px;}
.item-pagetezy img {width:50px; height:auto; margin: 0 15px 0 0;}
.wrapperlogo { padding: 0px; /* overflow: hidden;*/ width:470px;margin:0px auto;  }
.wrapper { padding: 0px; overflow: hidden; width:470px;margin:0px auto;  }
footer 
{ clear:both; width:470px; overflow:hidden; margin:10px auto 30px; padding:0;}

.map {  width:470px;  height: 20px; margin:10px 0; background-color: #ddd;}

/* ================== menu ======================= */

.mein_menu {clear:both; display:block;overflow:hidden; width:470px; border-top:0px solid#999;  margin:25px auto; padding:0; }
.mein_menu ul { display:block; list-style:none; margin:0; padding:0px;}
.mein_menu ul li { font-size:15px; font-weight:700; text-transform: uppercase; padding: 20px 0 0 ;}
.mein_menu ul li a, .mein_menu ul li a:link {color:#aaa;}
.mein_menu ul li a:hover { color:#993929; }
.mein_menu ul li ul li{display:none;}

.mein_menu ul li.current a { color:#993929; padding-bottom:7px; }
/* transition: all .3s linear; */

menu {margin:0; display:block; }
ul, menu, dir {margin:0; padding:0;}




/* ================== end menu ======================= */



/* ================== font ======================= */
.cont p {  }
.cont h1,.cont h1 a, .page-header h1
{ clear:both; color:#777;   font-size: 20px; line-height:28px;    margin:30px 0 10px;  font-weight: 400;  }
.categories-list h3, .categories-list h3 a { color:#777;  font-size: 30px; line-height:42px;    margin:25px 0 25px 0 ;  font-weight: 700; }
.page-header h1 {padding-bottom:8px; border-bottom: 2px solid#ccc;}
.cont .item-page h1,
.cont .item-page h1 a { color:#777;  font-size: 20px; line-height:22px;    margin:8px 0 32px 0 ;  font-weight: 600; }



.item .readmore a { color:#007;font-weight:400; }
.readmore {text-align:right; margin:10px 0 2px; display: block; }

/* ================== End fonts ======================= */




.pagenav li
{ float:left; margin:4px 20px 0 0;}


.breadcrumbs
{ width:646px; height: 13px; overflow:hidden;padding:0 0px 0 0px; background:#fff;}

.item-separator
{clear: left; margin: 10px 0; background: #ddd; height: 1px;}

  .bannergroup {display:none;}


}
@media screen and (min-width:300px) and (max-width:479px) {

/* ================== razmetra ======================= */
  .mod-languages {width:60px; float:right; margin:15px 0 0;}
.page { min-height: 100%; }
header{height:620px; background: #993929; }
.topmenu_bar {height:45px;  margin:0px;}
.lodo_bar {height:370px; background: #993929; margin:0px; }

.logo {float:left; height:160px; padding:0; width:320px;}
.logoimg {float:left; height:250px; background: #fff; margin:-25px 55px 0 0px; width:215px;border: 1px solid#ccc;}
  
   .logoimg img {width:185px; height:auto; margin:0 10px;}
.logo h1, .logo h1 a { font-size: 48px;color: #fff; font-family: serif, times; font-weight: 400;padding:20px 0 20px; margin:0; line-height: 35px;}
.logo h2, .logo h2 a  { font-size: 19px;color: #eee;font-weight: 400;padding:0 0 2px; margin:0px 0 ;line-height:23px;}
  p img {width: 100%;    height: auto;}
   .naoma {float:left; height:120px; background: #993929; margin:35px 0px 0 80px; width:132px;background-image: url(http://platonconference.kiev.ua/images/headers/naomalogo.svg); background-size:contain; background-position: top center; background-repeat:no-repeat;border:0px solid#ccc;}
  
.main {min-height:320px;}
.leftmenu {float:left;  padding:0 0 10px; width:320px; border-bottom:5px solid#ccc; margin:0 0 25px;}

.cont { float:left;width: 320px; overflow:hidden;  background:#fff;  border:0;  margin:0px 0px 0px 0px; }
  .articleBody p img {width:320px; height:auto;}

.wrapperlogo { padding: 0px; /* overflow: hidden;*/ width:320px;margin:0px auto;  }
.wrapper { padding: 0px; overflow: hidden; width:320px;margin:0px auto;  }
footer
{ clear:both; width:320px; overflow:hidden; margin:10px auto 30px; padding:0;}

.map {  width:320px;  height: 20px; margin:10px 0; background-color: #ddd;}

/* ================== menu ======================= */

.mein_menu {clear:both; display:block;overflow:hidden; width:315px; border-top:0px solid#999;  margin:15px auto 20px; padding:0; }
.mein_menu ul { display:block; list-style:none; margin:0; padding:0px;}
.mein_menu ul li { font-size:18px; font-weight:400; line-height:22px; text-transform: uppercase; padding: 20px 0 5px ;}
.mein_menu ul li a, .mein_menu ul li a:link {color:#777;}
.mein_menu ul li a:hover { color:#993929; }
.mein_menu ul li ul li{display:none;}

.mein_menu ul li.current a { color:#993929; padding-bottom:7px; }
/* transition: all .3s linear; */

menu {margin:0; display:block; }
ul, menu, dir {margin:0; padding:0;}




/* ================== end menu ======================= */

  .bannergroup {display:none;}

/* ================== font ======================= */
.cont p {  }
.cont h1,.cont h1 a, .page-header h1
{ clear:both;  color:#777;   font-size: 20px; line-height:28px;    margin:30px 0 10px;  font-weight: 400;  }
.categories-list h3, .categories-list h3 a { color:#777;  font-size: 30px; line-height:42px;    margin:25px 0 25px 0 ;  font-weight: 700; }
.page-header h1 {padding-bottom:8px; border-bottom: 2px solid#ccc;}
.cont .item-page h1,
.cont .item-page h1 a { color:#777;  font-size: 28px; line-height:30px;    margin:25px 0 20px 0 ;  font-weight: 600; }



.item .readmore a { color:#007;font-weight:400; }
.readmore {text-align:right; margin:10px 0 2px; display: block; }

/* ================== End fonts ======================= */




.pagenav li
{ float:left; margin:4px 20px 0 0;}


.breadcrumbs
{ width:646px; height: 13px; overflow:hidden;padding:0 0px 0 0px; background:#fff;}

.item-separator
{clear: left; margin: 10px 0; background: #ddd; height: 1px;}



}

.list-title a {font-size: 18px; font-weight: 400;}
tr { height:36px;}
tbody {padding-top:24px;}


div.mod-languages ul li.lang-active {
    background-color: #993929;