@charset "windows-1251";
/* CSS Document */
* {box-sizing: border-box;}

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

nav a {
  
  text-decoration:  none;
  outline: none; 
}
.topmenu {
  text-shadow: rgba(255,255,255,0.5) 0px 2px 30px;
  font-family: GOTHIC, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  backface-visibility: hidden;
  background: rgba(253,253,253,0.91);
  border-bottom: solid 1px rgba(201,223,209,1.00);
}
.topmenu > li {
  display: inline-block;
  position: relative;
}
.topmenu > li > a {
  font-size: 100%;
  height: 12px;
  line-height: 12px;
  padding: 0px 4px;
  font-weight:inherit;
  color: #006666;
  text-transform: none;
  transition: .4s ease-in-out;
  text-decoration:  none;
  outline: none; 
  text-shadow: 1px 2px 2px rgba(0,0,0,0.2);
  border-right: solid 2px rgba(220,220,220,1.00);
    
	
}
.down:after {
content: "\f107"; 
font-family: FontAwesome;
color: #003559;
margin-right: 16px; 
}
.down:before {
content: "\f0c9"; 
font-family: FontAwesome;
color: red;
margin-right: 16px; 
}
.down1:after {
content: "\f107"; 
font-family: FontAwesome;
color: #003559;
margin-right: 16px; 
}
.topmenu li a:hover {color: #E6855F;}
.submenu {
	border: 1px solid #009966;
	border-radius: 10px;
	background-color: rgba(252,252,248,0.92) ;
	box-shadow: -19px 0 22px -22px #000, 19px 0 22px -22px #000;
  position: absolute;
  left: 5;
  visibility: hidden;
  opacity: 1;
  z-index: 2;
  max-height: 82vh;
	overflow-y: auto;
  
  transform: perspective(100px) rotateX(-90deg);
  transform-origin: 0% 0%;
  transition: .6s ease-in-out;
}

.topmenu > li:hover .submenu {
  visibility: visible;
  opacity: 1;
  transform: perspective(600px) rotateX(0deg);
}

@media (max-width: 800px){
.submenu,  li a {
  color: #006666;
  font-family: GOTHIC, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 100%;
  line-height: 10px;
  padding: 0 0px;
  transition: .4s ease-in-out;
    font-size: 12px;
	}	
.columns-menu {
text-align: justify;
width: 250px;	
line-height: 1.6;
font-size: 12px;   
}

	.columns-brand {
	text-align: center;
	width: 150px;
	column-count: 1;
    column-gap: 15px;
    font-size: 12px;
    
   
}}
.columns-avt {
	text-align: justify;
	width: 270px;
	column-count: 1;
    column-gap: 15px;
	padding: 20px;
	line-height: 2;
    font-size: 12px;
	
	   
}
.columns-about {
    text-align: justify;
	width: 20%;
	column-count: 1;
    column-gap: 15px;
	padding: 20px 10px;
	line-height: 2;
    font-size: 12px;
	   
}
@media (min-width: 801px) {
.submenu, li a {
  color: #006666;
  font-family: GOTHIC, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  line-height: 18px;
  padding: 0 5px;
  font-size: 97%;
  transition: .4s ease-in-out;
}	
.columns-brand {
	text-align: justify;
	width: 680px;
	column-count: 4;
    column-gap: 40px;
    column-rule: 2px dotted #c4c8cc;
	margin: 10px 10px 10px 15px;
    	}
.columns-menu, .columns-menu:visited {
    
    color: #006666;
    text-align: justify;
	width: 990px;
	column-count: 3;
    column-gap: 15px;
    column-rule: 2px dotted #c4c8cc;
	line-height: 1.3; 
	margin: 30px 0px 0px 0px;
	
   
}}