body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background:#999999;
margin: 20px 0;padding: 0; line-height: 170%; text-align:center;zoom: 1.3;-moz-transform: scale(1.3);
            -moz-transform-origin: 0 0;}


<!-------------убрать?---------------------------------->
table, tr,td,div,input, form, p {line-height: 170%;}



a, a:visited {color:#036DA7;text-decoration:underline;}
a:hover {text-decoration: none; color:#FF0000;}

img {border: none;}


p {padding: 0px 0px 5px 0px;margin: 0px;}
h1 {color: #000;margin: 0px;border-bottom: 1px solid #cecece;font: normal 150%/100% Arial, Tahoma, Verdana;padding-bottom: 3px; margin-bottom: 5px;}
h2 {color: #000;margin:0px;border-bottom: 1px solid #cecece;font: normal 130%/100% Arial, Tahoma, Verdana;margin-top:10px;padding-bottom: 3px; margin-bottom: 5px;}

h1 a, h1 a:visited, h2 a, h2 a:visited{color: #000;text-decoration: none;}
h1 a:hover, h2 a:hover {color: #043FA0;text-decoration: none;}
h3 {font: normal 120%/100% Arial, Tahoma, Verdana;color: #222222;margin: 10px 0px 5px; font-weight:normal; }
h4 {font: normal 120%/100% Arial, Tahoma, Verdana, Arial;color: #222222;margin: 10px 0px 5px; font-weight:normal; }
h3 a, h3 a:visited, h4 a, h4 a:visited {text-decoration:none;}

form {margin:0px;padding:0px;}


.blockquote2 {padding:0 0 0 10px;margin:5px 0px 5px 20px; color:#000;border-left: 5px solid #b0c4de; line-height: 120%;}
blockquote {padding: 10px 10px; margin:10px 0px 10px 0px; list-style:none; border:1px solid #f00; background-color:#FFCFCF; }
ul{list-style:square;padding:0px; margin:0px 0px 10px 0px;}
ol{padding:0px; margin:0px 0px 10px 10px; }
li{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
table, tr, td {font-size:11px;}
.widget { display:block; }

#page {margin: 0px auto; padding: 20px 20px 20px 20px; width: 880px; background: #ffffff; overflow:hidden; text-align:left;}

#content-wrapper {clear:both; padding: 0px 0px 0px 0px; background: #ffffff; overflow:hidden;}

#content {margin:20px 0px 0px 0px; padding: 0px; float: left;width: 528px; overflow: hidden;}


#contentforum {margin:20px 0px 0px 0px; padding: 0px; float: left;width: 880px;overflow: hidden;}


#sidebar-wrapper {margin:20px 0px 0px 20px; float:left; width: 331px;background: #fff; overflow:hidden; }

#sidebar1 {padding: 0px 0px 0px 0px;float: left; width: 160px;overflow: hidden; }
#sidebar2 {padding: 0px 0px 0px 0px;float: right; width: 160px;overflow: hidden; }
#section-top {clear:both; padding: 10px 0px 0px 0px; background: #ffffff; overflow:hidden; margin: 0px 0px 0px 0px; }
#section-bottom {clear:both; padding: 10px 0px 0px 0px; background: #ffffff; overflow:hidden; margin: 10px 0px 5px 0px; border-top:5px solid #ccc;}
#footer {clear:both; background: #eee; border: 1px solid #ccc; margin: 0px; padding: 8px 10px; text-align:center;overflow:hidden; color:  #444;font-size: 11px;font-family: Arial, Tahoma, Verdana; padding-top: 8px !important; padding-top: 4px;}

#header {overflow: hidden; font-size:13px; height:53px; display:block;}
#header h1 {border:none;font: bold 20px Arial, Tahoma, Verdana;padding:0px; margin:0px;}
#header h1 a, #navbar h1 a:visited {}
#header a, #header a:visited { text-decoration:none;}
#header p {padding: 0px;margin: 0px;}
#header .rsswidget {margin: 0px;padding: 4px 0px 0px 0px ; text-align:right;}


#header .rss {float:right;list-style-type: none;margin: 0px 0px 0px 10px;padding-left: 20px; background:url(/design/rss.gif) no-repeat; }

#header .email {float:right;list-style-type: none;margin: 0px 0px 0px 10px;padding-left: 20px; background:url(/design/email.gif) no-repeat; }




#header .lock {float:right;list-style-type: none;margin: 0px 0px 0px 10px;padding-left: 20px; background:url(/design/lock.gif) no-repeat; }

#header .unlock {float:right;list-style-type: none;margin: 0px 0px 0px 10px;padding-left: 20px; background:url(/design/lock_unlock.gif) no-repeat; }

#header .user {float:right;list-style-type: none;margin: 0px 0px 0px 10px;padding-left: 20px; background:url(/design/user.gif) no-repeat; }



#headerleft {width: 500px;float: left;margin: 0px;overflow:hidden;}

#headerright {width: 310px;float: right;margin: 0px;text-align: right; overflow:hidden;}

#headerimg {height: 92px;color: #000000;overflow: hidden; margin:15px 0px 0px 0px; }


#top1 {margin:10px 0px 0px 0px; padding-left:10px; background: #eee ; border: 1px solid #ccc;}
#top2 {margin:10px 0px 0px 0px; padding:10px; text-align:center; background: #eee; border: 1px solid #ccc;}

#topmenu {margin:10px 0px 0px 0px; padding:8px 10px; text-align:center; background: #eee; border: 1px solid #ccc;}
#topmenu ul {margin:0px; padding:0px; }
#topmenu li {margin:0px 10px; padding:0px;display: inline;list-style-type: none; text-transform:uppercase; font-weight:bold; }
#topmenu li a {text-decoration:none;}


#navbar {background: #eee;width: 878px;height: 33px !important;height: 34px;color: #fff;margin: 20px 0px 0px 0px;padding: 0px 0px 0px 0px; border: 1px solid #ccc;}





#navbarleft {width: 870px;float: left;margin: 0px;padding: 0px 0px 0px 0px;}
#navbarright {width: 50px;float: right;margin: 0px;padding: 6px 0px 0px 0px;}
#navbarright img {border: none;margin: 0px 0px 0px 0px;padding: 0px;}
#nav {margin: 0px 0px 0px 8px;padding: 0px;list-style: none;}
#nav ul {margin: 0px;padding: 0px;list-style: none;}
#nav a {background: #eee;color: #000000;display: block;font-size: 10px;font-weight: normal;text-transform: uppercase;margin: 0px 5px 0px 0px;padding: 7px 5px 7px 5px !important; padding: 8px 5px 8px 5px ; text-decoration: none;}
#nav a:hover {background: #666666;color: #FFFFFF;display: block;text-decoration: none;margin: 0px 5px 0px 0px;padding: 7px 5px 7px 5px !important; padding: 8px 5px 8px 5px ; text-decoration: none;}
#nav li.current_page_item a, #nav li.current-cat a { background: #666666;color: #FFFFFF; }
#nav li {float: left;margin: 0px;padding: 0px;}
#nav li li {float: left;margin: 0px;padding: 0px;width: 200px;}

#nav li li a, #nav li li a:link, #nav li li a:visited {background: #eee;color: #000000; width: 200px;float: none;margin: 0px;padding: 8px 10px 8px 10px; border-top: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666;}












#nav li li a:hover, #nav li li a:active {background: #666666;color: #FFFFFF;padding: 8px 10px 8px 10px; 	}
#nav li ul {position: absolute;width: 10em;left: -999em; z-index:10;}
#nav li:hover ul {left: auto;display: block;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#searchform3 {margin: 0px;padding: 0px;overflow: hidden;}
#searchbox3 {background: #EEEEEE;width: 140px;color: #202020;font-size: 11px;font-family: Arial, Tahoma, Verdana;padding: 3px;margin: 0px 5px 7px 0px;border-top: 1px solid #666666;border-right: 1px solid #DDDDDD;border-left: 1px solid #666666;border-bottom: 1px solid #DDDDDD;display: inline;height: 13px;}
.searchformbutton3 {margin:0;padding:0;border:0;vertical-align: top;}

#subscribeform {margin: 0px; }
#subscribeform br {display: none;}
#subscribeform #s2 {width: 202px; height: 15px; padding-top:4px; padding-right:5px; padding-bottom:4px; padding-left:5px;  background: #fff;margin-right: 5px;color: #000000;font: bold 12px Arial, Helvetica, sans-serif; border:1px solid #000;}
#subscribeform input {	background: #b0c4de;border: none;width: 80px;height: 25px;font: bold 12px Arial, Helvetica, sans-serif;color: #000;vertical-align: middle; cursor:pointer; border:1px solid #000;}

#searchform {margin: 0px; }
#searchform br {display: none;}
#searchform #s {width: 202px;height: 15px;padding: 4px 5px 4px 5px;background: #fff;margin-right: 10px;color: #000000;font: bold 12px Arial, Helvetica, sans-serif; border:1px solid #000;}
#searchform input {	background: #b0c4de;border: none;width: 80px;height: 25px;font: bold 12px Arial, Helvetica, sans-serif;color: #000;vertical-align: middle; cursor:pointer; border:1px solid #000;}

/*search form */
#searchformtop {margin: 0px 0px 5px 10px; text-align:right;}
#searchformtop br {display: none;}
#searchformtop #stop {width: 200px;height: 12px;padding: 4px 5px 4px 5px;background: #fff;margin-right: 2px;color: #000000;font: bold 12px Arial, Helvetica, sans-serif; border:1px solid #000;}
/* search form button - to specify button only use input[type="submit"] */
#searchformtop input {	background: #09182A;border: none;width: 30px;height: 20px;font: bold 12px Arial, Helvetica, sans-serif;color: #FFFFFF;vertical-align: middle; cursor:pointer;}




#content .post, #content .breadcrumb {width:526px; float:left; display:block; color: #444; margin:0px; text-align:justify; clear:both; margin-bottom:0px; overflow:hidden;}
#content .breadcrumb a {text-decoration:none;}
.entry {padding: 0px 0px 5px 0px; text-align:justify;}
	
#content .postbox { padding:5px 10px; background: #eee; border: 1px solid #ccc; margin-bottom:10px; width:506px; }
#content .postbox h1, #content .postbox h2 { margin: 5px 0px 10px 0px; padding:0; border:none;}

#content .widget h3, #content .headtitle, #content h1.headtitle  {text-transform:uppercase;border-bottom:1px solid #ccc; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 5px 0px 8px 0px; }
#content .headtitle2 {text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 5px 0px 5px 0px; }
#content .headtitle a, #content .headtitle a:visited {color:#036DA7;text-decoration:none;}
#content .headtitle a:hover {text-decoration: none; color:#FF0000;}

#content .postmeta { clear:both; font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#999999; margin:0px; padding:0px;}


#content .postmeta a, #content .postmeta a:visited {text-decoration:none;color:#999999;  }
#content .postmeta a:hover {text-decoration:underline;color:#333333;  }

#content li a, #content .post li a, #content .widget li a {text-decoration:none;}
.post-tag {background: url(/design/tag.gif) no-repeat;padding-left: 20px;float:left;color: #999999;margin-right:10px;}
.post-category {background: url(/design/category.gif) no-repeat;padding-left: 20px;float:left;color: #999999;margin-right:10px;}
.post-comment {background: url(/design/comment.gif) no-repeat;padding-left: 20px;float:left;color: #999999;margin-right:10px; font-size:12px;}
.post-calendar {background: url(/design/glaz.gif) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px; font-size:12px;}
.post-author {background: url(/design/author.gif) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}

.post-edit {background: url(/design/edit.gif) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}

.post-remarka {background: url(/design/remarka.png) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}

.post-rang {background: url(/design/ranger.gif) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}

.post-pixel {background: url(/design/pixel.gif) no-repeat;padding-left: 0px;
;padding-top:3px;float: left;color: #999999;margin-right:10px;}


.post-codes {background: url(/design/tab_links.png) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}








.post-nav {clear: both; margin:5px 0px;}
.post-nav a, .post-nav a:visited {text-decoration: none;}
.post-nav .previous a {float: left;padding-left: 20px;background: url(/design/left.gif) no-repeat left center;}
.post-nav .next a {float: right;padding-right: 20px;text-align: right;background: url(/design/right.gif) no-repeat right center;}

#content .navigation {clear: both;padding: 0; margin:10px 0px;}
#content .navigation a { text-decoration:none;}

#commentleft {width:155px;float:left;}
#commentright {width:330px;float:right;}
#comments, #respond {padding: 0px 0px 2px 0px;margin: 10px 0px 5px 0px;clear:both;text-transform:none;}
#commentform {margin-top: 10px;font: 110% Arial, Helvetica, sans-serif;}
#commentform label, #commentform label small{font-weight: normal;color:#668b9a;font-size: 100%;}
#commentform label span{font-weight: normal;}
#commentform input{width: 153px;background:#eee;border: 1px solid #ccc;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 285px;height: 135px;background:#eee;border: 1px solid #ccc;padding: 2px;margin-top: 3px;}
#commentform .submitbutton {width: auto;padding: 4px 12px;font: bold 12px Arial, Helvetica, sans-serif;background: #eee;border: 1px solid #ccc;}
#commentform .submitbutton:hover {background: #000;color: #fff;cursor:pointer;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #fff;}

#commentbox .commentlist {list-style:none;margin:0px 0px 5px;padding:0px;line-height: 130%;clear: both;}

#commentbox .commentlist p{margin: 10px 0px 0px 0px ;}

#commentbox .commentlist li{margin: 7px 7px 5px 7px; padding:0px 0px 0px;}

#commentbox .gravatar {background: url(/design/avatar-bg.gif) no-repeat;width: 58px;height:55px;margin-top: 3px;padding: 6px 0px 6px 6px;float:left;}
#commentbox .gravatar-author {background: url(/design/avatar-bg-author.gif) no-repeat;width: 58px;height:70px;margin-top: 3px;padding: 6px 0px 6px 6px;float:left;}
#commentbox .gravatar img, #commentbox .gravatar-author img {border:solid 1px #000000;background-color: #FFFFFF; padding:0px; margin:0px;}
#commentbox .comment-entry {width: 528px;}

#commentbox .comment-number {color: #CCCCCC;font-size: 12px;float:right;position: absolute; top: 0px; right: 5px;}

#commentbox .comment-dates {color: #CCCCCC; font-size: 12px;}


#commentbox .comment-number a {color: #993300;text-decoration: none;}
#commentbox .comment-number a:hover {color: #0000FF;text-decoration: none;}
#commentbox .commentlist cite {font:12px Tahoma, "Trebuchet MS", Arial;}
#commentbox .commentlist cite a, #commentbox .commentlist cite a:visited{text-decoration:none;}
#commentbox .commentlist cite a:hover{text-decoration:none;}
#commentbox a {text-decoration: none;}

#sidebar-wrapper .sidebartop { margin:0px 0px 20px 0px; padding:10px; width: 309px; background: #eee; border: 1px solid #ccc; float:left;}
#sidebar-wrapper .sidebartop  h3 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 0px 0px 8px 2px; }
#sidebar-wrapper .sidebartop ul{padding: 0;margin: 0;}
#sidebar-wrapper .sidebartop ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; background:none;}
#sidebar-wrapper .sidebartop a, #sidebar-wrapper .sidebartop ul li a, #sidebar-wrapper .sidebartop ul li a:visited{text-decoration:none;}
#sidebar-wrapper .sidebartop a:hover, #sidebar-wrapper .sidebartop ul li a:hover{color:#FF0000; text-decoration:none;}
#sidebar-wrapper .sidebartop ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar-wrapper .widget_calendar td {padding: 0px 12px;}

#sidebar1 h3 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 4px 0px 8px 5px; }
#sidebar1 ul {padding: 0;margin: 0; list-style-type:none;}
#sidebar1 ul li{margin: 0px 0px 10px 0px; }
#sidebar1 ul li ul{padding: 0;margin: 0;}
#sidebar1 ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; background:none;}
#sidebar1 ul li ul li a, #sidebar1 ul li ul li a:visited{text-decoration:none;}
#sidebar1 ul li ul li a:hover{color:#FF0000; text-decoration:none;}
#sidebar1 ul li ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar1 select { border:1px solid #cccccc; padding:4px; width:157px; font: normal 11px Arial, Helvetica, sans-serif;}
#sidebar1 .widget_calendar td {padding: 0px;}

#sidebar2 h3 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 4px 0px 8px 5px; }
#sidebar2 ul {padding: 0;margin: 0; list-style-type:none;}
#sidebar2 ul li{margin: 0px 0px 10px 0px;}
#sidebar2 ul li ul{padding: 0;margin: 0;}
#sidebar2 ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar2 ul li ul li a, #sidebar2 ul li ul li a:visited{text-decoration:none;}
#sidebar2 ul li ul li a:hover{color:#FF0000; text-decoration:none;}
#sidebar2 ul li ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar2 select { border:1px solid #cccccc; padding:4px; width:157px; font: normal 11px Arial, Helvetica, sans-serif;}
#sidebar2 .widget_calendar td {padding: 0px;}

.section4-left {float:left; width:200px; overflow:hidden;}
.section4-right {float:right; width:200px; overflow:hidden;}
.separator4 {margin-right:24px;}
#section-top .widget, #section-bottom .widget {margin-bottom:10px;}
#section-top h3, #section-bottom h3 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 4px 0px 8px 0px; }
#section-top select, #section-bottom select { border:1px solid #cccccc; padding:4px; width:197px; font: normal 11px Arial, Helvetica, sans-serif;}
#section-top ul, #section-bottom ul{list-style:none;padding:0px;margin:0px 0px 5px;}
#section-top  li, #section-bottom  li{border-bottom: #ccc 1px dotted;line-height: 130%;list-style:none;padding: 0;margin: 0;}
#section-top  li a, #section-bottom  li a{text-decoration: none;padding: 4px 0px 4px 2px;display:block;}
#section-top  li a:visited, #section-bottom  li a:visited {text-decoration: none;}
#section-top  li a:hover, #section-bottom  li a:hover{text-decoration: none;background-color:#eee;color:#FF0000;}

#footer a, #footer a:visited {color:  #444;text-decoration: none;}
#footer a:hover {text-decoration: underline;}

.content2-left {float:left; width:255px; overflow:hidden;margin-bottom:5px;}
.content2-right {float:right; width:255px; overflow:hidden;margin-bottom:5px;}
.postbox .content2-right {float:right; width:235px; overflow:hidden;margin-bottom:5px;}
.content3-left {float:left; width:163px; overflow:hidden; margin-bottom:5px;}
.content3-right {float:right; width:163px; overflow:hidden;margin-bottom:5px;}
.content3-separator {margin-right:10px;}
.hseparator {margin-top:10px;}

.thumbleft {	float: left;width: 70px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbright {float: right;width: 175px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbleft p, .thumbright p {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbleft img, .thumbright img {margin: 5px 0px 0px 0px;padding: 0px 0px 0px 0px;}

.thumbmeta {clear: both;font-size: 11px;
padding-top:0px;
padding-right:0px;
padding-bottom:5px;
padding-left:0px;

margin-top:0px;
margin-right:0px;
margin-bottom:10px;
margin-left:0px;

border-bottom: 1px dotted #C0C0C0;font-weight: bold;}

.content2-left h2.magz-gallery-title, .content2-right h2.magz-gallery-title, .content3-left h2.magz-gallery-title, .content3-right h2.magz-gallery-title {text-transform:uppercase;border:none; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:5px 0px 5px 1px;padding: 0; }

.content2-left a.crop-foto, .content2-right a.crop-foto  {display:block;overflow:hidden;position:relative; width: 251px;height: 156px; padding: 0; margin:0; border:2px solid #999999;}
.content2-left a.crop-foto img,.content2-right a.crop-foto img {display:block;position:absolute; width: 245px;height: 150px; padding: 0; margin:3px;}
.content2-left a.crop-foto:hover, .content2-right a.crop-foto:hover {border:10px solid #999999;width: 235px;height: 140px;}
.content2-left a.crop-foto:hover img, .content2-right a.crop-foto:hover img {margin:-5px 0 0 -5px;}

.content3-left a.crop-foto, .content3-right a.crop-foto  {display:block;overflow:hidden;position:relative; width: 158px;height: 116px; padding: 0; margin:0; border:2px solid #999999;}
.content3-left a.crop-foto img,.content3-right a.crop-foto img {display:block;position:absolute; width: 153px;height: 110px; padding: 0; margin:3px;}
.content3-left a.crop-foto:hover, .content3-right a.crop-foto:hover {border:10px solid #999999;width: 143px;height: 100px;}
.content3-left a.crop-foto:hover img, .content3-right a.crop-foto:hover img {margin:-5px 0 0 -5px;}

/* alignments */
.center {text-align: center;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}

.alignleft {float: left;}
img.alignleft, img[align="left"] {

float:left;

margin-top:2px; 
margin-bottom:5px; 
margin-right:10px;

}







.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;height:0px;}


hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;height:0px;}

pre{background:#F7F7F7;border:1px solid #D5D5D5;line-height:100%;overflow:auto;padding:10px; font-size:100%;}
pre code{font-family:"Courier New", Courier, monospace;}
code{font-family:"Courier New", Courier, monospace;font-size:100%;}
pre:hover {border:1px solid #000;}



/* Menu for choosen language */


.blok {
text-align: center;
width:89px;
}
.blok a {
text-decoration: none;
display: block;
transition: .5s linear;

}
.blok ul {
list-style: none;
margin: 0;
padding: 0;

}

.topmenu > li {
display: block;
position: relative;
top:0;
left:0;
margin-bottom: 2px;
}

.submenu {
position: absolute;
left: 0;
top:0;
z-index: 5;
width:89px;
visibility: hidden;
opacity: 0;
transform: translateY(10px);
transition: .5s ease-in-out;
}

.submenu li {
position: relative;
top:0;
left:0;
}

.submenu .submenu {
position: absolute;
top: 0;
left: calc(100% - 1px);
left: -webkit-calc(100% - 1px);
}

.blok li:hover > .submenu {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}