.box-top{
display: table;
width: 100%;
position: absolute;
top:0px;
left:0px;
z-index: 2;
}
.div-top-left{
display: table-cell;
}
.div-top-right{
display: table-cell;
text-align: right;
vertical-align: top;
}
.menuTop{
display:inline-block;	
text-align: center;
background-color: #00AEC6;
/*margin-top: 55px;
margin-right: 120px;*/
position: absolute;
top: 40px;
right: 120px;
padding-right: 120px;
box-shadow: 0px 0px 65px 0px rgba(0,0,0,0.1);
}

.menuTop .menu-click{
position: absolute;
right: 0px;
top: 0px;
width: 120px;
background-color: #FFFFFF;
display: block;
height: 100%;
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
z-index: 50;
cursor: pointer;
}
.menuTop .menu-click:after{
width: 19px;
height: 19px;
background-color: #FFFFFF;
position: absolute;
content:"";
top: 50%;
left:-9px;
margin-top:-9px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.menuTop .menu-click .menu-click-in{
width: 22px;
height: 18px;
display: block;
top: 50%;
left: 50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
position: absolute;
}
.menuTop .menu-click .menu-click-in .belt{
width: 100%;
height: 4px;
background-color: #000000;
display: block;
position: absolute;
left:0px;
}
.menuTop .menu-click .menu-click-in .belt.first{
top:0px;
}
.menuTop .menu-click .menu-click-in .belt.second{
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.menuTop .menu-click .menu-click-in .belt.third{
bottom: 0px;
}

.menuTop ul{
list-style: none;
}

.menuTop ul.mobMenu{
display: none;
}

.menuTop>.inMenu>ul{
margin: 0px 0px 0px 0px;
display: table;
width: 100%;
}

.menuTop>.inMenu>ul>li{
position: relative;
z-index: 50;
display:inline;
display: table-cell;
vertical-align: middle;
padding: 0px 24px;
text-align: center;
}
.menuTop ul li.roll{
display: none;
}



.menuTop>.inMenu>ul>li:after,.menuTop>.inMenu>ul>li:before{
content: "";
position: absolute;
left: -4px;
top:51%;
height:1px;
width: 8px;
background-color: #FFFFFF;
transform:rotate(45deg);
}
.menuTop>.inMenu>ul>li:before{
display: none;
}
.menuTop>.inMenu>ul>li:first-child:after{
display: none;
}
.menuTop>.inMenu>ul>li:first-child:before{
display: none;
}
.menuTop > .inMenu > ul > li:first-child+li::after {

}

.menuTop>.inMenu>ul>li>a{
color: #FFFFFF;
display:block;
font-size:18px;
font-weight: 400;
padding: 45px 16px;
position: relative;
height: 100%;
display: table;
vertical-align: middle;
width: 100%;
box-sizing:border-box;
transition: all 0.2s ease-out 0s;
white-space: nowrap;
}

.menuTop > .inMenu > ul > li > a > .spSub{
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
height: 0px;
width: 90%;
background-color: #FFFFFF;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
opacity:0;
}
.menuTop > .inMenu > ul > li:hover > a > .spSub,.menuTop > .inMenu > ul > li.sel > a > .spSub{
height: 7px;
opacity: 1;
}

.menuTop>.inMenu>ul>li.submenu>a:after{
content:'';
position: absolute;
bottom: 12px;
left:50%;
width: 10px;
height: 6px;
background:url('../images/menu_sub.png') 0px 0px no-repeat;
margin-left: -5px;
transition: all 0.5s ease-out 0s;
}

.menuTop>.inMenu>ul>li>a>span.textMenu{
display: table-cell;
vertical-align: middle;
text-align: center;
}


.menuTop>.inMenu>ul>li>a>span .spSel{
position: absolute;
bottom: 0px;
left:0px;
width: 0%;
height: 4px;
background-color: #9f222f;
transition: all 0.5s ease-out 0s;
right: 0px;
margin: 0px auto;
}

.menuTop>.inMenu>ul>li.submenu:hover>a:after,.menuTop>.inMenu>ul>li.submenu.sel>a:after{
transition: all 0.5s ease-out 0s;
bottom: 8px;
}

.menuTop>.inMenu>ul>li.sel>a,.menuTop>.inMenu>ul>li:hover>a{
color: #000000;
}

.menuTop>.inMenu>ul>li.sel>a>span.spSel,.menuTop>.inMenu>ul>li:hover>a>span.spSel{
width:100%;	
transition: all 0.5s ease-out 0s;
}


.menuTop>.inMenu>ul>li>ul {
opacity:0;
visibility:hidden;
left: 50%;
margin: 0;
position: absolute;
top: 112px;
width: 215px;
z-index: 50;
text-align: left;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
right: 0px;
margin: 0px auto;
background-color: #FFFFFF;
box-shadow:0px 5px 5px 0px rgba(0,0,0,0.2);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}


.menuTop ul li:hover ul{
opacity:1;
visibility: visible;
}




.menuTop>.inMenu>ul>li>ul>li{
padding: 1px 1px 0px 1px;
position: relative;
text-align: center;

}

.menuTop>.inMenu>ul>li>ul>li>a{
display: block;

color: #444646;
font-size: 16px;
text-transform: none;
letter-spacing: 0.02em;
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
position: relative;
font-weight: 300;
}
.menuTop>.inMenu>ul>li>ul>li>a .textMenu{
display: block;
padding: 20px 13px 20px 13px;
}

.menuTop>.inMenu>ul>li>ul>li:first-child>a .textMenu{
border: none;
}

.menuTop>.inMenu>ul>li>ul>li.sel>a,.menuTop>.inMenu>ul>li>ul>li:hover>a{
color: #038dfb;

}

.menuTop>.inMenu>ul>li>ul>li.sel>a .spSub:after,.menuTop>.inMenu>ul>li>ul>li:hover>a .spSub:after{
opacity:1;
transition: all 0.5s ease-out 0s;
}

.menuTop>.inMenu>ul>li>ul>li ul{
padding-left:20px;
}
.menuTop>.inMenu>ul>li>ul>li ul li{

}

.menuTop>.inMenu>ul>li>ul>li ul li a{
padding: 15px 5px 15px 30px;
display: block;
color: #5e5e5e;
}

.menuTop>.inMenu>ul>li>ul>li ul li.sel a,.menuTop>.inMenu>ul>li>ul>li ul li a:hover{
color: #b20400;
}

.menuTop ul.mobileMenu{
display: none;
}


div.menuTop>a.showMenu {
float:right;
width: 83px;
height:80px;
display:none;
background-color:#FFFFFF;
position: absolute;
z-index: 100;
top:0px;
right: 0px;
-webkit-transition:0.1s all linear;
transition:0.1s all linear;
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
}
div.menuTop>a.showMenu .showMenu-in{
width: 22px;
height: 18px;
display: block;
top: 50%;
left: 50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
position: absolute;
}




div.menuTop>a.showMenu>.showMenu-in>span{
width: 100%;
height: 4px;
background-color: #000000;
display: block;
position: absolute;
left:0px;
-webkit-transition:0.2s all linear;
transition:0.2s all linear;
top:0px;
}

div.menuTop>a.selShow{
z-index: 1000;
}
div.menuTop>a.selShow>.showMenu-in>span{

}

div.menuTop>a.showMenu>.showMenu-in>span.second,div.menuTop>a.showMenu>.showMenu-in>span.second-copy{
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

div.menuTop>a.showMenu>.showMenu-in>span.third{
top:auto;
bottom: 0px;
}

div.menuTop>a.selShow>.showMenu-in>span.first,div.menuTop>a.selShow>.showMenu-in>span.third{


opacity:0;

}

div.menuTop>a.selShow>.showMenu-in>span.second{
-webkit-transform:translate(-50%,50%) rotate(-45deg);
-ms-transform:translate(-50%,50%) rotate(-45deg);
transform:translate(-50%,50%) rotate(-45deg);
}
div.menuTop>a.selShow>.showMenu-in>span.second-copy{
-webkit-transform:translate(-50%,50%) rotate(45deg);
-ms-transform:translate(-50%,50%) rotate(45deg);
transform:translate(-50%,50%) rotate(45deg);
}
div.menuTop>a.selShow>.showMenu-in>span.second,div.menuTop>a.selShow>.showMenu-in>span.second-copy{
top: 5px;
left: 11px;

}





/*

.menuTop .menu-click .menu-click-in .belt.first{
top:0px;
}
.menuTop .menu-click .menu-click-in .belt.second{
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.menuTop .menu-click .menu-click-in .belt.third{
bottom: 0px;
}
*/

.div-top-left .top_page>a{
display: inline-block;
background-color: #FFFFFF;
padding: 100px 80px;
width: 194px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
top:0px;
left:0px;
}
.div-top-left .top_page>a>img{
width: 100%;
height: auto;
}


.box-top.up{
position: fixed;
opacity:0;
z-index: 51;
top: -100px;
/*
-webkit-animation-name: ShowMenu;
animation-name: ShowMenu;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; */ 
}
.box-top.up.dont-touch{
top: 0px;
opacity:1;
}
.box-top.up .div-top-left .top_page > a{
padding: 30px 22px;
width: 85px;
position: absolute;
top: 40px;
left:120px;
}


@-webkit-keyframes ShowMenu {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ShowMenu {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.menuStopka{

}
.menuStopka ul{
list-style: none;
}
.menuStopka ul li{
padding: 5px 0px;
}
.menuStopka ul li a{
padding: 10px 0px;
font-size: 19px;
color: #3f4042;
font-weight: 500;
}