/*COMMON*/
body {background:#fff url(../getimg/fon.gif) repeat-x 0 0; color:#5d5461 ; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0; min-width:995px; padding:0 !important; text-align:center;}
.bfon {background:#fff url(../getimg/fonin.gif) repeat-x 0 0;}
#mainWrapper, #footer, #header, body {font-family:Arial; font-size:12px; line-height:1.5;}
html, body {height:100%;}
div,dl,dt,dd,ol,ul,li,form,td,th,p {margin:0; padding:0;}
table, th, td {font-size:100%;}
table,img {border:0;}
img {border:none;}
table {border-collapse:collapse;}
input, select, option, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
p {padding:0 0 10px;}
a {color:#ee2c2a; text-decoration:underline;}
a:hover {color:#0062b0; text-decoration:none;}
h1,h2,h3,h4 {color:#f39215; font-family:Arial, sans-serif; font-weight:normal; margin:0; padding:0;}
h1 {font-size:26px; padding:10px 0;}
h2 {font-size:20px; padding:10px 0;}
h3 {color:#f39215; font-size:14px; font-weight:bold; padding:10px 0;}
h4 {font-size:12px; font-weight:bold; padding:10px 0;}
ol, ul {padding:0 0 10px 20px;}
ul {list-style:none; padding:10px 0;}
ul li {background:url(getimg/ul.gif) no-repeat 3px 5px; padding:0 0 5px 15px;}
/*//COMMON*/

@font-face {
   font-family: FranklinGothicDemi; /* ��� ������ */
   src: url(../fonts/FranklinGothicDemi.ttf); /* ���� � ����� �� ������� */
}

/*MAIN*/
#mainWrapper {background:url(../getimg/head.jpg) no-repeat 50% 103px; min-height:100%; position:relative; text-align:left;}
.bfon #mainWrapper {background:none;}
/*//MAIN*/

/*LAYOUT*/

/*HEADER*/
#header {height:103px; width:1000px; margin:0 auto; position:relative; z-index:300;}
.toggle{display: none;}
.dropdown{display: none;}
#menu {position:absolute; right:-10px; top:51px; z-index:500;}
#menu ul {margin:0; padding:0; /*text-transform:uppercase;*/}
#menu li {background:none; float:left; font-family:FranklinGothicDemi,'Lucida Console', 'Trebuchet MS', Verdana; list-style:none; padding:9px 8px 14px; position:relative; text-align:center;}
#menu a {color:#5d5461 ; font-size:14px; margin:0 auto; text-decoration:none;font-family: sans-serif;
    font-weight: bold;}
#menu a:hover, #menu .on a {color:#dc922a;}
#menu li:hover {background:#ee2c2a; border-radius:3px 3px 0 0;}
#menu li:hover a {color:#fff;}
#menu li .menuin {background:#fff url(../getimg/menuin.gif) repeat-x 0 100%; border-top:8px solid #ee2c2a; display:none; left:-400px; padding:15px 0; position:absolute; text-align:left; top:35px; width:830px; border-radius:5px; box-shadow:0 3px 3px #e2e2e2;}
#menu li:hover .menuin {display:block;}
#menu li .menuin li {float:none; margin:5px 0 5px 23px; padding:0; text-align:left; width:243px;}
#menu li .menuin li  a {color:#5d5461 ; font-size:16px;}
#menu li .menuin li:hover {background:none;}
#menu li .menuin li  a:hover {color:#ee2c2a;}
#menu li .menuin li  ul  {padding:5px 0; text-transform:none;}
#menu li .menuin li  ul li {margin:0; padding:3px 0;}
#menu li .menuin li  ul li a {font-family:Calibri, Verdana; font-size:13px;}
#menu li .menuin li  ul li a:hover {color:#f39215;}

#logo {font-size:20px; left:0; position:absolute; top:5px;}
#lang {font-family:'Open Sans Condensed', sans-serif; font-size:15px; position:absolute; right:-150px; text-transform:uppercase; top:45px;}
#lang a {text-decoration:none;text-align: center;}
#lang img {margin:0 30px 0 5px;}

#search {position:absolute; right:0; top:17px; width:233px;}
#search .textSearch {background:#fff; border:1px solid #a5b4c2; color:#5d5461 ; font-size:12px; font-style:italic; height:15px; padding:4px 5px 5px; width:153px;}
#search .but{background:url(../getimg/butsearch.gif) no-repeat 0 0; border:none; height:26px; position:absolute; right:0; top:0; width:70px;}

/*
.slider {background:url(getimg/slider.png) no-repeat 50% -2px; height:307px; margin:0 auto; position:relative; width:940px; //background-position:0 -2px;}
.slider .img {position:absolute; right:72px; top:20px;}
.slider .text {font-family:'Franklin Gothic Book', FranklinGothicDemi, Verdana; left:75px; position:absolute; text-transform:uppercase; top:20px; width:290px;}
.slider h1 {color:#f39215; font-family:'Franklin Gothic Heavy', FranklinGothicDemi, Verdana; font-size:23px;}
.slider h4 {color:#10445f; font-family:'Open Sans Condensed', Verdana, sans-serif; font-size:15px; font-weight:bold; padding:0 0 10px;}
.slider .more {padding:10px 0 2px;}
.slider .more a {background:url(getimg/more.gif) no-repeat 0 0; color:#fff; display:block; font-family:FranklinGothicDemi, Verdana; font-size:14px; padding:8px 0; text-align:center; text-transform:uppercase; text-decoration:none; width:125px;}
.slider .more a:hover {background:url(getimg/moreh.gif) no-repeat 0 0;}*/
.slider {background:url(../getimg/slider.png) no-repeat 50% 0; height:357px; margin:0 auto; overflow:hidden; position:relative; width:995px; //background-position:0 0;}
.slider .img {position:absolute; right:39px; top:24px;}
.slider .text {font-family:'Franklin Gothic Book', FranklinGothicDemi, Tahoma, Verdana; left:40px; position:absolute; text-transform:uppercase; top:24px; width:400px;}
.slider h1 {font-family:'Franklin Gothic Heavy', FranklinGothicDemi, Tahoma, Verdana; font-size:28px; line-height:1;}
.slider h4 {color:#10445f; font-family:OpenSansCondensed, FranklinGothicDemi, Tahoma, Verdana; font-size:18px; font-weight:normal;}
.slider .more {padding:10px 0 2px;}
.slider .more a {background:url(../getimg/more.gif) no-repeat 0 0; color:#fff; display:block; font-family:FranklinGothicDemi, Tahoma, Verdana; font-size:14px; padding:8px 0; text-align:center; text-transform:uppercase; text-decoration:none; width:125px;}
.slider .more a:hover {background:url(../getimg/moreh.gif) no-repeat 0 0;}
.slider .dop_nav {bottom:26px; left:35px; position:absolute; width:922px;}
.slider .dop_nav ul {display:table; list-style:none; padding:0; width:100%;}
.slider .dop_nav ul li {background:#acb7bf url(../getimg/bg-sl.png) repeat-x 0 0; border:1px solid #d0dada; display:table-cell; height:35px; padding:0 0 0 11px; position:relative; text-align:center; vertical-align:middle; width:10%; cursor: pointer;}
.slider .dop_nav ul li:before {content:"\00A0"; background:#ccd5d8 url(../getimg/bg-border.png) repeat-x 0 0; display:block; height:36px; position:absolute; top:-1px; left:0; width:11px;}
.slider .dop_nav ul li:first-child {padding:0;}
.slider .dop_nav ul li:first-child:before {display:none;}
.slider .dop_nav ul li  a {color:#4c5c6b; cursor:pointer; display:block; line-height:1; font-family:Calibri, Verdana; font-size:13px; text-decoration:none;}
.slider .dop_nav ul li:hover, .slider .dop_nav ul li.on {background:#ef902b url(../getimg/bg-sl.png) repeat-x 0 -36px; color:#fff;}
.slider .dop_nav ul li:hover a, .slider .dop_nav ul li.on a {color:#fff;}

.podbor {left:0; position:fixed; top:275px; z-index:500;}
/*//HEADER*/

#tableMain {margin:0 auto; width:940px; position:relative;}
#content {font-size:14px; padding:20px 0 20px;}

.title {color:#ee2c2a; font-family:Arial; font-size:26px; font-weight:normal; padding:0 0 23px;}
.title a, .back a {background:url(../getimg/more.gif) repeat-x 0 0; color:#fff; display:block; float:right; font-family:Arial; font-size:13px; font-weight:normal; margin-left:30px; padding:8px 12px; text-align:center; text-decoration:none;}
.title a:hover, .back a:hover {background:url(getimg/moreh.gif) repeat-x 0 0;}
.back {min-height:40px; text-align:right;}

#nav {color:#5d5d5d; font-size:13px; padding:0 0 15px;}
#nav a {color:#5d5d5d;}
#nav .on {text-decoration:none;}

/*PAGES*/
.hcat {
    margin: 0 10px 20px 10px;
    text-align: center;
    width: 293px;
}
.hcat.last {margin-right:0;}
.hcat p {text-align:justify;}
#content .hcat .name {display:table-cell; font-family:'Franklin Gothic Medium Cond', FranklinGothicDemi, Verdana; font-size:16px; line-height:1.2; height:40px; padding:0 0 5px; text-align:center;  vertical-align:middle; width:293px;}
.hcat .name a {text-decoration:none;
 font-family: Calibri;
    font-weight: bold;
}
.hcat img {border:4px solid #eceef3; margin:0 auto 5px; border-radius:6px; max-width: 293px;}
.hcat p img {border:none; margin:-3px 2px;}
.hcat ul {list-style:none; padding:0 0 10px; text-align:left;}
.hcat li {background:none; font-family:Calibri, 'Trebuchet MS', Times New Roman, Verdana; font-size:14px; line-height:1; padding:0 0 8px 4px; text-transform:uppercase;}
.hcat li a {color:#5d5461 ; text-decoration:none;}
.hcat li a:hover {color:#f39215;}
.hcat .lev2 li {font-family:Arial; font-size:12px; font-weight:bold; text-transform:none;}
.simp_text {margin:0 36px 20px 0; width:205px;}
.simp_text.last {margin-right:0;}

.banner {padding:2px 0; text-align:center;}

.events {background:#f3f3f4; padding:20px 0; width:100%;overflow: hidden;}
.events_in {width:940px; margin:0 auto; position:relative;}
.events_in .titl {color:#263a44; font-size:26px; font-weight:normal; padding:0 0 30px; text-decoration:none;}
.events_in .titl a {background:url(../getimg/more.gif) no-repeat 0 0; color:#fff; font-size:12px; float:right; text-decoration:none; padding:8px 0; text-align:center; width:125px;}
.events_in .titl a:hover {background:url(getimg/moreh.gif) no-repeat 0 0;}
.events .event {margin: 7px;  /*width: 215px;*/float: left;}
.events .event img {border:2px solid #e4e5eb; margin:0 15px 5px 0; border-radius:6px;}
.events .event a {color:#114561; font-size:14px; font-weight:bold; text-decoration:none;}
.events .event .text {clear:both;}
.events .event .date_on_main {color:#263a44; font-style:italic; padding:0 0 8px;}

.cat {font-size:12px; margin:0 6px 25px 0; width:465px;}
.cat.odd {margin-right:0;}
.cat .img  img {border:4px solid #eceef3; float:left; margin:0 12px 0 0; border-radius:6px;}
.cat dt, .cat .name {font-family:'Franklin Gothic Medium Cond', FranklinGothicDemi, Verdana; font-size:20px; padding:0 0 15px;}
.cat dt a, .cat .name a {text-decoration:none;}
.cat dd {line-height:2;}
.cat .name {line-height:1; margin-top:-5px; padding:2px 0;}
.cat .text {overflow:hidden;}
.cat .status {color:#aaa9a9; font-family:'Franklin Gothic Heavy', FranklinGothicDemi, Verdana; font-family:verdana; font-size:15px; font-size:12px; line-height:1; min-height:30px; padding:0 0 8px; text-transform:uppercase;}
.cat .status img {float:left; margin:0 4px 0 0;}
.cat img { max-width: 205px;  }

.galleries {display:table; margin:0 0 45px; width:100%;}
.galleries  img {border:4px solid #eceef3; float:left; margin:0 15px 0 0; border-radius:6px; max-width: 110px;}
.galleries dt, .galleries  .name {font-family:'Franklin Gothic Medium Cond', FranklinGothicDemi, Verdana; font-size:20px; padding:0 0 15px;}
.galleries  dt a, .galleries  .name a {text-decoration:none;}
.galleries  dd {line-height:2;}
.galleries  .name {padding:20px 0 0;}

.mess {padding:10px 0 20px; width:700px;}
.mess form {padding:20px 0 0;}
.mess .lbl {font-weight:bold; padding:6px 11px 12px 0; text-align:left; width:500px;}
.mess .inpbl {padding:0 0 12px; width:500px;}
.mess .inpbl.pl {margin-left:141px;}
.mess .inp, .mess .inp2 {background:#f9f9f9 url(getimg/inp.gif) repeat-x 0 0; border:1px solid #cecece; font-size:13px; padding:5px; width:470px; max-width:470px;}
.mess .sel {background:#f9f9f9 url(getimg/inp.gif) repeat-x 0 0; border:1px solid #cecece; font-size:13px; padding:5px; width:482px;}
.mess .inp2 {height:90px;}
.mess .but {background:url(../getimg/more.gif) no-repeat 0 0; border:none; color:#fff; font-size:14px; height:33px; padding:7px 0; text-align:center; width:125px;}
.mess .but:hover {background:url(getimg/moreh.gif) no-repeat 0 0;}
.mess img {float:left; margin:0 15px 0 0;}
.mess label {font-weight:bold; padding:0 5px;}
.mess .QapTcha {margin:0;}

.word {padding:0 0 20px;}
.word strong {color:#263a44;}
.research {padding:0 0 10px;}
.research .name {font-size:14px; font-weight:bold; padding:0 0 3px;}
.research .dal {color:#dc922a; text-align:right;}

.eventin {padding:0 0 10px;}
.eventin .date {color:#263a44; float:left; font-style:italic; padding:1px 0 0; width:70px;}
.eventin .text {overflow:hidden;}
.eventin .name {font-size:14px; font-weight:bold; padding:0 0 3px;}
.eventin .name a {color:#263a44; text-decoration:none;}
.eventin .dal_link {color:#dc922a; text-align:right;}
.eventin .dal_link a {color:#ee2c2a;}

.eventpin {border-bottom:1px solid #d0d6d4; display:table; margin:0 0 30px; width:100%; //min-height:160px;}
.eventpin img {border:4px solid #e4e5eb; float:left; margin:10px; border-radius:6px;}
.eventpin .text {overflow:hidden; padding:0 0 30px;}
.eventpin .date {color:#263a44; font-size:14px; font-style:italic; font-weight:bold; padding:0 0 10px;}

.gallery img {border:4px solid #e4e5eb; margin:0 2px 35px 0; border-radius:6px;}
.gallery {width:965px;}

.simplemodal-wrap {overflow:auto; overflow-x:hidden !important; /overflow:auto !important;}
.okno {background:#eceef3; display:none; padding:13px; text-align:left; width:477px; border-radius:6px;}
.okno .butclose {background:url(getimg/butclose.png) no-repeat 0 0; border:none; cursor:pointer; float:right; height:32px; margin-top:-10px; outline:none; width:30px;}
#okno_zakaz.okno .butclose {background:url(getimg/butclose.gif) no-repeat 0 0; height:13px; width:13px; margin:-5px -10px 0 0;}
.okno img {border:1px solid #acacac; margin:0 0 15px;}

.vkl {list-style:none; padding:0 0 40px;}
.vkl li {background:none; float:left; font-family:'Franklin Gothic Heavy', FranklinGothicDemi, Verdana; margin:0 45px 0 0; padding:0; font-size:16px; text-transform:uppercase;}
/*.vkl li a {color:#5d5461 ; text-decoration:none;}
.vkl li a:hover {color:#f39215;}*/
/*//PAGES*/

/*//LAYOUT*/

/*FOOTER*/
#footWrap {clear:both; height:100px;}
#footer {background:#44505c; clear:both; height:100px; margin:-100px 0 0; position:relative; text-align:left; width:100%; z-index:200;}
#footer2 {color:#fff; font-size:12px; height:100px; left:0; margin:0 auto; position:relative; top:0; width:940px;z-index:300;}
#back {float:left;}
#up {float:right;}
.backup {height:40px; width:100%;}
#copy {font-weight:bold; left:0; position:absolute; top:55px; width:500px;}
#copy a {color:#d68300; margin-left:120px;}
#itex {position:absolute; right:0; text-align:right; top:45px; width:220px;}
#itex a {color:#fff;}
#itex img {float:right; margin-top:-1px; padding-left:8px;}
#counters {position:absolute; right:25px; top:60px;}
#counters img {margin:0 5px;}
#menu_f {font-size:11px; font-weight:bold; left:0; line-height:1; margin:0 -25px 0 -8px; position:absolute; top:22px; width:100%;}
#menu_f ul {display:table; list-style:none; margin:0; padding:0; width:100%;}
#menu_f li {background:none; border-right:1px solid #fff; display:table-cell; text-align:center; padding:0 8px; //float:left;}
#menu_f a {color:#fff; text-decoration:none; text-transform:uppercase;}
#menu_f a:hover {color:#d68300;}
#menu_f .email {border:none; padding-right:0; position:relative;}
#menu_f .email .remail {background:#fff; bottom:30px; color:#5d5461 ; display:none; font-size:12px; font-weight:bold; padding:10px; position:absolute; right:0; width:280px; border-radius:5px; box-shadow:0 -2px 5px #cdcdcd;} 
#menu_f .email:hover .remail {display:block;}
#menu_f .email .remail .inp {border:1px solid #a5b4c2; color:#5d5461 ; font-size:12px; font-style:italic; padding:5px 5px 4px; width:177px;}
#menu_f .email .remail .but  {background:url(getimg/butmail.gif) no-repeat 0 0; border:none; float:right; height:26px; margin:0 0 0 -1px; width:91px;}
#menu_f .email .remail .ug {background:url(getimg/ug.png) no-repeat 0 0; bottom:-15px; height:15px; position:absolute; right:50px; width:24px;}
/*//FOOTER*/

/*DOP*/
.but {cursor:pointer;}

.clear {clear:both; font-size:0; height:2px; line-height:0;}

blockquote {background-color:#f3f4f4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0 0 10px; padding:10px;}
.pintable, .pintable0 {border-collapse:collapse; margin-bottom:10px;}
.pintable th {background-color:#f3f4f4; border:1px solid #8a9893; color:#757f7c; font-size:14px; padding:5px;}
.pintable td {border:1px solid #8a9893; padding:5px;}
.pintable0 th, .pintable0 td {padding:5px;}
.pintable .odd td {background:#f3f4f4;}
.pintable th p, .pintable0 th p, .pintable td p, .pintable0 td p  {padding:0;}
/*//DOP*/
.navN {font-size:14px; /* padding:15px 0 10px 70px;  */ padding:15px 0 10px 0px;}
.navN a {color:#8a9893; margin:0 10px 0 0; text-decoration:none;}
.navN a:hover, .navN .on {color:#dc922a;}
.navN .on {font-weight:bold;}

.hcat, .events .event, .mess .lbl, .mess .inpbl, #menu li .menuin li, .simp_text, .cat {min-height:20px; display: -moz-inline-stack; display:inline-block; vertical-align:top; zoom:1; *display:inline;}

.arcticmodal-container {margin:0 auto; position:relative; width:995px;}
.arcticmodal-container_i {position:absolute; bottom:60px; right:15px;}
.arcticmodal-container #okno_zakaz  {background:#fff; bottom:30px; color:#5d5461 ; display:none; font-size:12px; font-weight:bold; padding:10px; position:relative; width:280px; border-radius:5px; box-shadow:0 -2px 5px #cdcdcd;}
.arcticmodal-container .textSearch {border:1px solid #a5b4c2; color:#5d5461 ; font-size:12px; font-style:italic; height:15px; padding:5px 5px 4px; width:177px;}
.arcticmodal-container .but  {background:url(getimg/butmail.gif) no-repeat 0 0; border:none; float:right; height:26px; margin:0 0 0 -1px; width:91px;}

.foto-wr {}
.foto-wr p {	font-family: arial; font-size: 13px; color: #44505c; line-height: 1.3}

.fotoCatalog {overflow: hidden; width: 975px; margin: 10px 0px 25px 0px;}
.fotoCatalog-box {width: 223px; display: inline-block; vertical-align: top; margin: 0px 17px 28px 0px;}
.fotoCatalog-box .fotoCatalog-box-img {border: 11px solid #edeff4; border-radius: 5px; }
.fotoCatalog-box .fotoCatalog-box-img img {display: block; border: 1px solid #acacac; z-index: -1; position: relative;}
.fotoCatalog-box .fotoCatalog-box-text {line-height: 1.25; margin: 6px 0px 0px 0px;}
.fotoCatalog-box .fotoCatalog-box-text a {font-family: arial; font-size: 14px; color: #f39215; font-weight: bold}
.fotoCatalog-box:hover .fotoCatalog-box-img  {box-shadow: inset 0px 0px 7px 4px #acacac}

.fotoCatalogItem {overflow: hidden; width: 975px; margin: 14px 0px 25px 0px; padding: 3px 0px 0px 3px;}
.fotoCatalogItem-box {width: 222px; display: inline-block; vertical-align: top; margin: 0px 14px 26px 0px;}
.fotoCatalogItem-box .fotoCatalogItem-box-img { }
.fotoCatalogItem-box .fotoCatalogItem-box-img img {display: block; border: 1px solid #acacac}
.fotoCatalogItem-box .fotoCatalogItem-box-text {line-height: 1.25; margin: 10px 0px 0px 0px;}
.fotoCatalogItem-box .fotoCatalogItem-box-text a {font-family: arial; font-size: 14px; color: #626262; font-weight: normal}
.fotoCatalogItem-box:hover .fotoCatalogItem-box-img img {border: 1px solid #b1b2b2}
.fotoCatalogItem-box:hover .fotoCatalogItem-box-img {box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2)}


/*#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('img/str_fancy.png') !important;
}

.fancybox-close {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer !important;
  z-index: 8040 !important;
  background-position: -12px -155px !important;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif');  
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
	z-index: 8040 !important;
}

.fancybox-prev {
	left: 0 !important;
}

.fancybox-next {
	right: 0 !important;
}

.fancybox-nav span {
	position: absolute !important;
	top: 50% !important;
	width: 36px !important;
	height: 65px !important;
	margin-top: -18px !important;
	cursor: pointer !important;
	z-index: 8040 !important;
	visibility: visible !important;
}

.fancybox-prev span {
	left: -60px !important;
	background-position: 0px 0px !important;
}

.fancybox-next span {
	right: -60px !important;
	background-position: -65px 0px !important;
}

.fancybox-prev span:hover {background-position: -3px -69px !important;}
.fancybox-next span:hover {background-position: -64px -70px !important;}

.fancybox-opened .fancybox-title {
	visibility: visible;
	font-family: arial !important; 
	font-size: 14px !important; 
	color: #626262 !important;
	text-align: left !important;
}

.fancybox-skin {
	position: relative;
	background: #edeff4 !important;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}*/

.hrefpop img {
	border: 2px solid #D0D0D0;
}
.hrefpop:hover img {
	border: 2px solid #A0A0A0;
}
.boxes{
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 0;
    flex-direction: row;
}
.catalogs{
	display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center
}
.comp__wrap{
    display: flex;
    align-items: baseline;
    flex-direction: row;
    justify-content: space-between;
}
.comp__info{
	max-width: 66%;
}
.gallery--c{
	display: flex;
	 margin-top: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
}

.layer-stretch {overflow: inherit}
        .ul-lang {position: relative; z-index: 100000000000000000}
        .ul-lang ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .ul-lang ul li {
            width: 100%;
            /*height: 50px;*/
            margin-top: 9px;
            padding: 0 15px;
            position: relative;
            z-index: 100000000000;
        }
        .ul-lang ul li:hover ul{
            display: block;
        }
        .ul-lang ul li a span {
            color: #e31e24;
            margin-right: 5px;
        }
        .ul-lang ul li ul{
            display: none;
            position: absolute;
            top: 0;
            left: -50px;
            background: #f0f7f5;
            margin: 0;
            padding: 0;
            width: 200px;
        }
        .ul-lang ul li ul li {
            height: auto;
            margin: 0;
            padding: 15px;
        }
        .ul-lang ul li ul li:hover {background: #000}
        .ul-lang ul li ul li a {
            color: #9E9E9E;
            display: block
        }
        .ul-lang ul li a {color: #000; font-weight: 800;}
        
        @media all and (min-width:320px) and (max-width:479px){
            .ul-lang ul li ul{
                left: -100px;
                top:30px;
            }
        }