body,html {height:100%;}
body{background:#fff;font: 13px/1.5em 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:#999;text-decoration:none;  /*font-weight: 400;*/ }
a:hover { color:#f00;}
a:active, a:focus { color:#000; transition: all .3s linear; }
form { padding:0;margin:0; }
 header, nav, menu, section, aside, article, footer { display:block; }
.tooltip.fade.top.in  {display:none;}

 .bloganonseleft p {display:none;}
img {max-width: 100%; height:auto;}

.photocat p img {width: 168px; height:auto;}
 .pro h3,  .pro2 h3 { font-size:15px; color:#fff; font-weight: 700;margin:-40px 0 20px 10px !important;}
.pro a, .pro a:link, .pro a:visited, .pro a:hover  { color:#fff;}

/* ================== razmetra ======================= */
.page { min-height: 100%; }
.main {min-height:100%; width:1100px; background: #fff; margin:0px auto;}
.logo {float:left; height:110px;  padding:0 9px 0 0; }
.logo h1 a { font-size: 40px;color: #777; font-family: serif, times; font-weight: 400;padding:8px; margin:0;}
.logo h2, .logo h2 a  { font-size: 17px;color: #ccc;font-weight: 400;padding:0 0 2px; margin:-20px 0 0 3px;}
.leftcol {clear:both; min-height:100%; width:260px;float:left;  margin:28px 0px; position: sticky;
  top: 0;
  z-index: 100;}
.leftcol1 {  float:left;width: 100px; overflow:hidden;   border:0;  margin:0; }
.leftcol2 {   float:left;width: 135px; overflow:hidden;    border:0;  margin:0;}
.leading-0,
.leading-1,
.leading-2,
.leading-3,
.leading-4,
.leading-5,
.leading-6,
.leading-7,
.leading-8  {   float:left;width: 125px; overflow:hidden;    border:0;  margin:0;}
.pro {   float:left;width: 256px; height:266px; overflow:hidden;    border:0;  margin:2px 2px -8px;}
.pro2 {   float:left;width: 424px; overflow:hidden;   border:0;  margin:10px;}
.clear { clear:both;}
.cat-children div  {   float:left;width: 125px; overflow:hidden;   border:0;  margin:0; padding:15px; }
.cat-children .category-desc { margin:0; padding:0px;}
.cat-children div h3 { margin:0 0 -5px; padding:0px;}

.cont
{  float:left;width: 780px; overflow:hidden;   border:0;  margin:0px 20px 25px; }

.rightcol
{ float:right;width:240px; margin:20px 5px ; padding: 0;  border-width:0; overflow:hidden;background:white; }

.rightcol .module
{border:0px; margin-bottom:20px;}


 /* ================== menu ======================= */
menu {margin:0; display:block; }
ul, menu, dir {margin:0; padding:0;}
.fb  {float:right;     margin:7px 0px 8px 30px; }


.list-title a {color:#0054a6; font-family: serif, times; font-size: 22px; line-height:normal;    margin:5px;  font-weight: 400;}


.mein_menu {clear:both; display:block;overflow:hidden; width:85px; border-top:0px solid#999;  margin:10px 0; padding:3px 0 10px; }
.mein_menu ul { display:block; list-style:none; margin:0; padding:0px;}
.mein_menu ul li {width: 70px; font-size:14px; font-weight:700; /*text-transform: uppercase;*/ padding: 25px 5px 5px 10px; border-bottom: 1px solid#999;}
.mein_menu ul li a, .mein_menu ul li a:link {color:#777;transition: all .3s linear;}
.mein_menu ul li a:hover { color:#f00;transition: all .1s linear; }
.mein_menu ul li.current a { color:#000;transition: all .3s linear; }
.mein_menu ul li ul li{display:none;}


.menu2 {clear:both; display:block;overflow:hidden; width:120px; border-top:0px solid#999;  margin:20px 10px 10px 10px; padding:3px 0 10px; border-left: 1px solid#999; }
.menu2 ul { display:block; list-style:none; margin:0; padding:0px;}
.menu2 ul li {/* width: 115px;*/ font-size:13px; font-weight:400; /*text-transform: uppercase;*/ padding: 5px 10px 5px 16px; border-bottom: 1px solid#fff;}
.menu2 ul li a, .mein_menu ul li a:link {color:#777;transition: all .3s linear;}
.menu2 ul li a:hover { color:#f00;transition: all .1s linear; }
.menu2 ul li.current a { color:#000;transition: all .3s linear; }
.menu2 ul li ul li{display:none;}








.page-header h2 {padding-bottom:8px; border-bottom: 1px solid#999;}
.page-header h1 {padding-bottom:16px; border-bottom: 1px solid#999; font-size: 36px; line-height:22px;  color: #777; font-family: serif, times;  margin:5px 0 10px 0 ;  font-weight: 400;}
.cont .item-page h2 { font-size: 24px; line-height:22px;  color: #555; font-family: serif, times;  margin:5px 0 10px 0 ;  font-weight: 400; }
.cont .item-page h2 a { color:#777;  font-size: 30px; line-height:35px;    margin:5px 0 20px 0 ;  font-weight: 700; }




 /* ================== pagenav ======================= */

.pagenav li.previous
{ z-index:1000; float:left; margin:-25px 20px 0 0;}

.pagenav li.next
{ float:right; margin:-25px 40px 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;}







.position10
{   float:left;width:225px;overflow:hidden; margin:5px 0px 45px 0px; padding:0; border: 0; }

.baner1
{ clear:both;float:right; width:728px; height:90px; overflow:hidden; margin:5px 0; padding:0;  border:1px solid#777; }

.poll1 { float:right; width:224px; height:90px; overflow:hidden; margin:5px  4px 5px 0; padding:0; border:1px solid#777;}
.poll1 p img {margin:-5px 0; padding:0;}
.baner2, .baner3
{clear:both;display:block; overflow:hidden; margin:25px auto ; width:728px;height: 90px;border:1px solid#777;}

.rotator
{ clear:both; width:970px; height:190px; overflow:hidden; margin:0 10px; padding:0;}

.position4 .module, .position5 .module, .position6 .module, .position7 .module
{padding:0; border-bottom: 0;}

.cat-children { clear:both;  margin:15px 0; }

footer
{ clear:both; overflow:hidden; margin:10px auto 30px; padding:0;}



.bloganonseleft .addtoany_container {display:none;}
.bloganonseleft .items-row {height:118px; width:320px; background: #ccc; margin:0 0 3px 0;}
.bloganonseleft .items-row:hover { background: #fc0; }
.a222a_svg.a2a_s__default.a2a_s_vk {    background-image: url(/images/0001.png);}

.badge-info, .advancedSearch, .cat-children, {display:none;}
.readmore a, .readmore a:link, .readmore a:visited { background:#555; font-size: 13px; color:#eee; padding:3px 7px; border-radius: 0 12px 12px 0; font-weight: 400; }
.readmore a:hover { color:#fff;}
.bloganonseleft .items-row {overflow:hidden;}
.bloganonseleft .items-row .readmore a {background:none; padding:5px 0px; border-radius: 0 ;}
.addtoany_container {clear:both;}
.pager.pagenav {padding:20px 0px;}




.map {  width:970px;  height: 50px; margin:10px 0; background-color: #fff;}




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




/* ================== images ======================= */
.position4 img,
.position5 img,
.position6 img,
.position7 img,
.position8 img,
.position9 img,
.position10 img {border-radius:10px; border-width:1px !important; border-color:#0054a6 !important;}

.logo a img
{padding:0; margin:0;}
.customconsulting p img {padding:0; margin: 0; border-width:1px; border-color:#fff ;}
.goroskop_top p img, .goroskop_top p
{padding:0; margin: 0 0 0 11px ; }

.category-desc img {outline:none;margin:0 10px 5px 0;padding:0 ;border:none;}

a img
{outline:none;margin:0 10px 5px 0;padding:0 ;border:none;}

.cont p img, .cont img
{outline:none;margin:0;padding:5px 13px 5px 0;border:none;}

.slideshow p img
{outline:none; padding:0; border:none; margin:18px 0 0;width:660px; overflow:hidden; }


/* ================== fonts ======================= */
.item-page h3 {margin:20px 0 10px}
.slide-text, .slide-text a {color:#fff;}
.slide-desc-text .slide-title a, .slide-desc-text .slide-title {
color: #fff;
}

.position4 h2,  .position6 h2, .position5 h2, .position7 h2, .position8 h2, .position9 h2, .position10 h2
{ font-size: 18px;color: #777;font-weight: 400;padding:0 0 2px 7px; margin:0;}

.module h3 {padding:0  !important; margin:0 0 10px;    font-size: 22px; /* color: #777; */ font-weight: 700;  }
.rotator p
{font-size: 11px;}

.titlecalend
{width:600px; text-align: right ;float:right;  font-size: 14px;line-height: 16px; color: #0054a6;font-weight: 700;padding:0 0 7px;}

.calendar_top p
{width:600px; font-size: 11px; font-weight: 700;line-height: 13px; padding:0px 0 7px;}

.bloganonseleft .title, .bloganonseleft .title a
{float:right;width:180px;font-size: 20px;line-height: 23px; color: #444;font-weight: 400;padding:5px;}

.bloganonseleft p ,.bloganonseleft a p {float:right; width:205px; margin: 0;  padding:3px 10px; font-size: 11px; line-height: 13px; color: #333;}

.bloganonseleft  img , .bloganonseleft a img
{ float:left; margin:0; border-width:0px  }

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

.bloganonseleft .readmore btn
{float:right; display:block; overflow:hidden; margin:0; width:110px;height: 15px;}

.moduleconsulting h3
{ font-size: 20px; color: #406077;font-weight: 700;padding:0 ; margin:10px 14px 20px ;line-height: 23px;}

.moduleconsulting h2
{ font-size: 16px;color: #406077;font-weight: 700;padding:0; margin:7px 0 5px;}

.moduleanonse1 h3
{width:250px;font-size: 28px;color: #ccc;font-weight: 400;padding:0 0 20px;}

.bloganonse1 .title, .bloganonse1 .title a
{float:right;width:182px;font-size: 14px;color: #333;font-weight: 400;padding:0 0 0px;}

.bloganonse1 p, .bloganonse1 a p
{float:right;width:182px; margin: 0;  padding:5px 0 15px; font-size: 11px; color: #333;}

.bloganonse1  img
{ float:left; margin:4px 0 0 0;}

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

.moduleconsulting p
{ margin:2px 6px; display: block;font-size: 13px;line-height: 16px;color:#406077;}

.moduleconsulting h4 {background-color: #406077; padding:10px; margin: 3px 0; display: block; border-radius:0px; color: #fff;font-size: 15px;font-family:serif;line-height: 13px;font-weight: 700;}
.moduleconsulting h4 a {color: #fff;}
.moduleconsulting:hover  h4{background-color: #c00;}
.cont p
{ margin:5px 0 5px; display: block; }
.cont p
.categories-list h3, .categories-list h3 a { color:#04c;  font-size: 30px; line-height:42px;    margin:25px 0 25px 0 ;  font-weight: 700; }


.cont .readmore
{ margin: -20px 0px 65px; }

p { margin:5px 0 5px; display: block;}

.module li h4
{text-transform: uppercase; font-weight: 400; margin:6px 0; font-size:11px;}

.module li
{ margin:5px 0 ; display: block;}

h1,h2,h3,h4,h5,h6
{ margin:7px 0 7px 0;font-family: Arial,Helvetica,Tahoma, serif;  line-height:normal; }
h1 { font-size:180%;color:#000;}
h2 { font-size:140%; color:#000; font-weight: 400;}
h3 { font-size:18px; color:#000; font-weight: 700;}
h4 { font-size:16px;color:#000;font-weight: 700;}
h5 { font-size:14px;color:#000;}
h6 { font-size:12px;color:#000;}

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

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







/* ================== zagolovki ======================= */






/* maincol */


.items-leading,
.category-desc {  margin:0 0 20px;}


.article-info
{ margin:15px 0 18px 0; color:#777;line-height:normal; }

li {display: list-item; list-style:none}

.module li p {margin:0 0px;}

.module { border-bottom : 0px  solid #D5D5D5 ; padding: 0;}
.rightcol .module .title, .rightcol .module .title a {font-size:18px; margin:0 0 7px 0; font-weight: 700; color:#500;}
.rightcol .module .custom h3, .rightcol .module .custom h3 a {font-size:15px; margin:0 0 7px 0; font-weight: 400; color:#500;}
.rightcol .module .custom img {margin: 0 7px 0 0;}

.pagenav .pagenav-prev { float:left; }
.pagenav .pagenav-next { float:right; }
.pagenav-prev, .pagenav-next {  background:#fff;  margin:0 4px 0 0;padding:2px 6px;  border:1px solid

#e5e5e5;  border-radius: 5px;    margin:10px 15px;}



iframe {border:none;}
dl dd {
  padding:0 0 0 25px;
  margin:0;
}
dl .article-info-term     {padding:5px   25px; }

fieldset { border:none;margin:0;padding:0;}
input, textarea, button { border: 1px solid #D5D5D5;color: #666666;background:#fff;}
button { background:#f8f8f8; }








.contact-widget {  position: absolute;top:40px;left:40px;}



#login-form {
  margin:0;
  padding:0;
}

fieldset.userdata {
  border:none;
  margin:0 5px;
  padding:0;
  height:150px;
  position:relative;
}

#login-form ul { margin:20px 5px 0; }

fieldset.userdata label {display:block;line-height:16px; }
#form-login-remember label { display:inline; }

fieldset.userdata input { border:1px solid #d5d5d5;background:white;color:#666;width:170px; }
fieldset.userdata input.button { position:absolute;bottom:0;left:0;width:80px;}

#form-login-username,
#form-login-password,
#form-login-remember { margin:0 0 10px;overflow:hidden; }

#modlgn-remember { float:none;margin:0 0 0 10px;border:none;background:none;width:auto; }


.module .search { margin: 0 20px;position:relative; }
.search label { display:none; }
#mod-search-searchword {  height:18px;border:1px solid #d5d5d5;background:none;color:#666;width:170px;}
.module .search .button { position:absolute;right:0;top:0;text-indent:-9999px;width:20px;height:20px;background: #fff url(http://photoeditor.in.ua/templates/MDphoto-01/images/search_bg.png) no-repeat center

center;border-left: none;}







.actions { overflow:hidden;margin:0 0 10px;}
.actions li { float:left; }
.actions li img { float:left;margin:0 6px 0 0; }


.category-desc img { margin:0 10px 4px }
.category-desc a, .category-desc a:link, .category-desc a:visited { color:#4056a6;text-decoration:underline;}
.image-left { float:left;margin:0 10px 4px 0; }
.image-right { float:left;margin:0 0 4px 10px; }


.item-title { font-size:12px; }
.main .categories-list ul li {
    padding: 5px;
}

.category-desc {
    line-height: 1.7em;
    margin: 10px 0;
    padding-left: 0;
}

.category-desc p { line-height:40px; }
.pagination { overflow:hidden;padding:10px 0; }
.pagination .counter { margin:0 15px; }
.pagination ul { overflow:hidden;}
.pagination ul li {
  float:left;
  margin:0 6px 0 15px;
}

.pagination .pagenav {
  display:block;
  background:#fff;
  margin:0 4px 0 0;padding:2px 6px;
  border:1px solid #e5e5e5;
  border-radius: 5px;
      margin:10px 0;
}





/* tables */

table { border-collapse:collapse }
table, table th, table td { border:solid 0px #d5d5d5 !important }

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {  background:#dedede;  color:#777}

table.weblinks,
table.category { margin:10px 10px 20px 0px;width:99%; }

table.weblinks td { border-collapse:collapse; }

table.weblinks td,
table.category td { padding:7px; }

table.weblinks th,
table.category th
{ padding:7px;text-align:left }

td.num { vertical-align:top;text-align:left; }

td.hits { vertical-align:top;text-align:center }

td p { margin:0;line-height:1.3em }

.filter { margin:10px 0 }

.display-limit,
.filter { text-align:right;margin-right:7px }

/* ++++++++++++++  category table  ++++++++++++++ */

table.category th a img { padding:2px 10px }

.filter-search { float:left; }

.filter-search .inputbox {width:6em}

legend.element-invisible { position:absolute;   /* need margin top and left doesn't work for the legend

element */    margin-left:-3000px;  margin-top:-3000px;  height:0px;}

.cat-items{ margin-top:20px }

#contact-slider .panel {  background:#fff;  margin:0 0 10px 0;  padding:10px;  border:1px solid #e5e5e5;

border-radius: 5px;
   margin:10px 0;}

#contact-slider .panel h3 { margin:0; }
#contact-slider .panel h3 a { font-size:18px;line-height:normal; }
#contact-slider .panel .pane-slider { padding:10px 0 0 0; }
#contact-slider .panel .pane-slider div { padding:10px 0 0 0;overflow:hidden; }

.contact-email label{ float:left;width:140px; }

#member-registration label { display:block; }
#member-registration legend { font-size:20px; }
#member-registration dd { padding:0;margin:0 0 10px; }

.contact-links li { line-height:20px; }

#jform_email-lbl { width:200px;float:left; }
#article-index li { line-height:20px; }
.cont ul { padding:0 0 0 16px;}
.cont li {line-height:15px;list-style: disc; }
.pager.pagenav li {list-style: none; }
.cont .menu li,
#article-index li,
.cont .latestnews li,
.cont .relateditems li,
.cont .categories-module li{  padding:0 10px 0 20px;  line-height:20px;  background: transparent url(../images/arrow-1.png) no-repeat top left;}

#article-index ul,.cont .menu { margin:10px 0; }

.stats-module dt {    float: left;    font-weight: bold;    margin: 0 10px 0 0;}

.cont .login,
.cont .registration,
#user-registration {
  background:#fff;
  margin:0 0 10px 0;
  padding:20px 80px 20px 20px;
  border:1px solid #e5e5e5;
  border-radius: 5px;

    margin:0 0 10px 0;
    background: #fff url(http://photoeditor.in.ua/templates/MDphoto-01/images/login_bg.png) no-repeat center right;
}

.cont .login label { float:left;width:100px;}
.cont .login .login-fields {overflow:hidden;margin:0 0 10px;}



.error {  background:#fdcdc9;  margin:0 0 20px 0;  padding:10px;  border:none;  border-radius: 5px;
 }

#system-message { margin:0; }
#system-message dt.warning{ color:#be4e4c;margin:0 0 10px;font-size:16px;font-weight:700; }
#system-message dd.warning li { line-height:20px;background: transparent url(http://photoeditor.in.ua/templates/MDphoto-01/images/arrow-2.png) no-repeat left top;padding:0 0 0 20px; }

.tip-wrap {  background:#fff;  margin:0 0 10px 0;  padding:10px;  border:1px solid #e5e5e5;  border-radius: 5px;
  }




/* ++++++++++++++++ rotator placement +++++++++++++++++++++ */
div#rotator
{
  position:relative;
  height:224px;
  margin:0 0 20px;
}
/* rotator css */
div#rotator ul li {
  float:left;
  position:absolute;
}
/* rotator image style */
div#rotator ul li img {
  border:1px solid #ccc;
  border-radius: 5px;
  padding: 6px;
  background: #fff;
}
div#rotator ul li.show {
  z-index:500;
}

.syndicate-module { margin:0 20px; }
.article-info-term {display: none}

.leftcol .newsflash p a {clear: both;display: block;float: left;height: 65px;margin: 3px 0.66em 0px

0px;overflow: hidden;width: 65px;}

 .login-description {padding: 0 0 20px 0;}

.iframe {margin: 0 0 0 -10px;}

#featured li.ui-tabs-nav-item a {
height: 60px;
line-height: normal;
border-bottom: 1px solid #CCC;
}
.img_caption.left p {
clear: left;
text-align: center;
}

.img_caption p {
background: #333;
border-top: 1px solid white;
color: #D5D5D5;
margin: 0;
  padding: 1px 0;}

.highslide img {border: 0;}
.google-button {margin: 10px 0 15px}
.footer_reit  {display:none;}
.advancedSearch {display:none;}

.control-group {margin:15px 0;}

@media (min-width: 721px) and (max-width: 1050px){
    html, body {
  max-width: 100%;
  overflow-x: hidden; /* Ховає все, що виступає за краї екрана */
}    body {font: 16px / 1.5em Arial, Tahoma, Verdana, Helvetica;}
    .page { width: 100% }
    .main {
    min-height: 100%;
    width: 780px;
    background: #fff;
    margin: 0px auto;
}
.logo {float:left; height:110px;  padding:0 9px 0 0; }
.leftcol {clear:both; min-height:100%; width:780px;float:left;  margin:-60px 0px 5px; position: sticky;
  top: 0;
  z-index: 100; background:white;}
.leftcol1 {  float:left;width: 780px; overflow:hidden;   border:0;  margin:0; }
.leftcol2 {   float:left;width: 780px; overflow:hidden;    border:0;  margin:-14px 0 7px;}

.cont {
    float: left;
    width: 780px;
    overflow: hidden;
    border: 0;
    margin: 0px 0px 25px; 
}


 /* ================== menu ======================= */
menu {margin:0; display: flex;}
ul, menu, dir {margin:0; padding:0;}
.fb  {float:right;     margin:7px 0px 8px 30px; }

.list-title a {color:#0054a6; font-family: serif, times; font-size: 22px; line-height:normal;    margin:5px;  font-weight: 400;}

/* 1. ПРИБРАНО width: 85px (бо вона стискала меню по ширині) */
.mein_menu {clear:both; overflow:hidden;     width: 780px; border-top:0px solid#999;  margin:10px 0; padding:3px 0 10px;}

/* 2. ДОДАНО display: flex сюди (тепер список ul вишикує свої li в ряд) */
.mein_menu ul { display: flex; flex-direction: row; list-style:none; margin:0; padding:0px;}

/* 3. ЗМІНЕНО display: flex на block або inline-block для li */
/* 4. ЗАМІНЕНО fixed width: 70px на min-width або взагалі прибрано, щоб текст поміщався */
.mein_menu ul li { min-width: 70px; width: auto; font-size:14px; font-weight:700; padding: 25px 15px 5px 10px; border-bottom: 1px solid#999; display: block;}

.mein_menu ul li a, .mein_menu ul li a:link {color:#777;transition: all .3s linear;}
.mein_menu ul li a:hover { color:#f00;transition: all .1s linear; }
.mein_menu ul li.current a { color:#000;transition: all .3s linear; }
.mein_menu ul li ul li{display:none;}


.menu2 {clear:both; display: flex; overflow:hidden; width:780px; border-top:0px solid#999;  margin:0px 0px 10px 0px; padding:3px 0 10px; border-left: 0px solid#999; }
.menu2 ul {display: flex; list-style:none; margin:0; padding:0px;}
.menu2 ul li {font-size:11px; font-weight:400; /*text-transform: uppercase;*/ padding: 0px 15px 0px 0px; border-bottom: 1px solid#fff;}
.menu2 ul li a, .mein_menu ul li a:link {color:#777;transition: all .3s linear;}
.menu2 ul li a:hover { color:#f00;transition: all .1s linear; }
.menu2 ul li.current a { color:#000;transition: all .3s linear; }
.menu2 ul li ul li{display:none;}
}



@media (max-width: 720px) {
   html, body {
  max-width: 100%;
  overflow-x: hidden; /* Ховає все, що виступає за краї екрана */
}    body {font: 14px / 1.5em Arial, Tahoma, Verdana, Helvetica;}
    .page { width: 100% }
    .main {
    min-height: 100%;
    width: 340px;
    background: #fff;
    margin: 0px auto;
}
.logo {float:left; height:110px;  padding:0 9px 0 0; }
.leftcol {clear:both; min-height:100%; width:340px;float:left;  margin:-60px 0px 5px; position: sticky;
  top: 0;
  z-index: 100; background:white;}
.leftcol1 {  float:left;width: 340px; overflow:hidden;   border:0;  margin:0; }
.leftcol2 { display:none;  float:left;width: 780px; overflow:hidden;    border:0;  margin:-14px 0 7px;}

.cont {
    float: left;
    width: 340px;
    overflow: hidden;
    border: 0;
    margin: 0px 0px 25px; 
}


 /* ================== menu ======================= */
menu {margin:0; display: flex;}
ul, menu, dir {margin:0; padding:0;}
.fb  {float:right;     margin:7px 0px 8px 30px; }

.list-title a {color:#0054a6; font-family: serif, times; font-size: 22px; line-height:normal;    margin:5px;  font-weight: 400;}

/* 1. ПРИБРАНО width: 85px (бо вона стискала меню по ширині) */
.mein_menu {clear:both; overflow:hidden;     width: 780px; border-top:0px solid#999;  margin:10px 0; padding:3px 0 10px;}

/* 2. ДОДАНО display: flex сюди (тепер список ul вишикує свої li в ряд) */
.mein_menu ul { display: flex; flex-direction: row; list-style:none; margin:0; padding:0px;}

/* 3. ЗМІНЕНО display: flex на block або inline-block для li */
/* 4. ЗАМІНЕНО fixed width: 70px на min-width або взагалі прибрано, щоб текст поміщався */
.mein_menu ul li { min-width: 70px; width: auto; font-size:16px; font-weight:700; padding: 25px 21px 5px ; border-bottom: 1px solid#999; display: block;}

.mein_menu ul li a, .mein_menu ul li a:link {color:#777;transition: all .3s linear;}
.mein_menu ul li a:hover { color:#f00;transition: all .1s linear; }
.mein_menu ul li.current a { color:#000;transition: all .3s linear; }
.mein_menu ul li ul li{display:none;}


.menu2 {clear:both; display: flex; overflow:hidden; width:780px; border-top:0px solid#999;  margin:0px 0px 10px 0px; padding:3px 0 10px; border-left: 1px solid#999; }
.menu2 ul {display: flex; list-style:none; margin:0; padding:0px;}
.menu2 ul li {font-size:11px; font-weight:400; /*text-transform: uppercase;*/ padding: 7px 0px 0px 14px; border-bottom: 1px solid#fff;}
.menu2 ul li a, .mein_menu ul li a:link {color:#777;transition: all .3s linear;}
.menu2 ul li a:hover { color:#f00;transition: all .1s linear; }
.menu2 ul li.current a { color:#000;transition: all .3s linear; }
.menu2 ul li ul li{display:none;}
.pro {
    float: left;
    width: 320px;
    height: 330px;
    overflow: hidden;
    border: 0;
    margin: 2px 10px 2px;
}
.pro h3, .pro2 h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin: -45px 0 20px 10px !important;
}
}