#bodyover {opacity:0.5; background:#05131e; position:fixed; z-index:9999; top:0; left:-100%; width:100%; height:1000%; overflow:hidden;}
#bodyover.active {display:block; background:#f6f6f8 url(../pro/img/textil.jpg) repeat; opacity:1; top:0; left:0; 
			-webkit-transition: all 0.5s ease-out;
			-moz-transition: all 0.5s ease-out;
			-o-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
			transition-delay: 0.0s;}

a.smart-menu-open {cursor:pointer;}

		#smart-menu-link-wrap {position:absolute; right:0; top:50px; z-index:9995;}		
		#smart-menu-link-wrap p{display:inline-block; margin:0; float:left;}		
		
		#smart-menu-link-wrap a.phone{display:inline-block; float:Left; text-decoration:none; color:#fff; font-weight:bold; font-size:2.4em; 
		background: #afb1b1; padding:13px;
			border-radius:0.35em 0 0 0.35em;
			
		
		}
			
		#smart-menu-link-wrap a.phone:hover {background: #eb135a; color:#fff;}		
			
		
		#smart-menu-link-wrap p.link{color:#fff; padding:13px 60px 13px 65px; font-weight:bold; font-size:2.4em; background:rgba(4, 137, 234, 0.79) url(/smart-menu/bgmenulink-anna.gif) left center no-repeat;  background-size:auto;}		
		#smart-menu-link-wrap p.link:hover {background-color:rgba(9, 125, 216, 1);}	
		#smart-menu-link-wrap a.smart-menu-link {cursor:pointer;}
		
#smart-menu-wrap {height: 0px; top:0; width:100%; position:absolute; z-index:9999;}
		
		


#smart-menu.show {display:block; z-index:991;}
#smart-menu {text-align:center; min-width:320px; display:none;  transform: scale(0.8); opacity:0; z-index:1; position:relative; font-size:2.4em; width:95%; margin:30px auto; padding-top:30px;  border-radius:5px;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			transition-delay: 0s;
			}

#smart-menu.active {transform: scale(1); margin:40px auto; opacity:1;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			transition-delay: 0.5s;
			}
#smart-menu a.smart-menu-close {cursor:pointer; position:absolute; right:10px; top:10px; display:block; width:36px; height:36px; background:url(close.png)center no-repeat;}
#smart-menu a.smart-menu-close:hover {background-size:90%;}


/*---------------Содержимое---------------*/

#smart-menu h1 {font-size:2.4em; color:#24448c; text-align:left; margin-left:25%;}
#smart-menu #pole-wrap {width:80%; margin:0 auto;}
#smart-menu div.pole.linkswrap {text-align:left;}
	#smart-menu div.pole.linkswrap ul {padding:0; margin:0; list-style-type:none; }
	#smart-menu div.pole.linkswrap ul li {display:block;}
	#smart-menu div.pole.linkswrap ul li a{font-weight:bold; display:inline-block; padding:5px; margin:5px 0; color:#24448c; text-decoration:none; }
	#smart-menu div.pole.linkswrap ul li a:hover{text-decoration:underline; color:#c1a500; }

	
#smart-menu div.pole {display:inline-block; width:22%; float:left; margin:15px;}
	
	/*#smart-menu div.pole a img {width:100%; border-radius:50%/1em;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	} */

		#smart-menu div.pole a img {width:100%; border-radius:80px 0 80px 0;
		border-bottom:3px solid #0480bf;
		
		-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			transition-delay: 0s;
		}
		
		#smart-menu div.pole a:hover img {border-radius:0px;
		border-bottom:3px solid #eb135a; 
		-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			transition-delay: 0s;
		}
	


#smart-menu div.pole a:hover span{color:#c1a500;}
#smart-menu div.pole a { text-decoration:none;}
#smart-menu div.pole a span{display:block; padding:5px; color:#24448c; text-decoration:none;}


@media (max-width: 1850px) 
{
	#smart-menu #pole-wrap {width:90%;}
}	

@media (max-width: 1660px) 
{
	#smart-menu #pole-wrap {width:100%;}
}	

@media (max-width: 1490px) 
{
	#smart-menu #pole-wrap {font-size: 80%;}
	
}	

@media (max-width: 1280px) 
{
	#smart-menu-link-wrap {top:25px;}	
}	
@media (max-width: 1250px) 
{
	#smart-menu #pole-wrap {font-size: 70%;}
	#smart-menu div.pole {margin:8px}
}	

@media (max-width: 1170px) 
{
	#smart-menu #pole-wrap {font-size: 60%;}
}	

@media (max-width: 1040px) 
{
	#smart-menu div.pole {width:31%;}
	#smart-menu #pole-wrap {font-size: 70%;}
}	

@media (max-width: 1024px) 
{
	div.linkswrap ul{font-size:150%;}
	#smart-menu div.pole a span {font-size:120%;}
}	
@media (max-width: 950px) 
{
	div.linkswrap ul{font-size:120%;}
}	
@media (max-width: 820px) 
{
	div.linkswrap ul{font-size:100%;}
}	
@media (max-width: 760px) 
{
	#smart-menu-link-wrap {top:20px;}
}	
@media (max-width: 730px) 
{
	#smart-menu h1 {margin-left:1%;}
	div.linkswrap ul{font-size:120%;}
	#smart-menu div.pole {width:45%;}
}	

@media (max-width: 570px) 
{
	div.linkswrap ul{font-size:110%;}
	#smart-menu div.pole {width:45%;}
}	


@media (max-width: 520px) 
{
	div.linkswrap ul{font-size:150%;}
	#smart-menu div.pole {width:97%;}
	#smart-menu div.pole a span {font-size:140%;}
	
}	

@media (max-width: 415px) 
{
	#smart-menu.active {margin:10px auto;}
}	


/*-----адаптация-----*/

@media (max-width: 530px) {		
		a.smart-menu-open p.link {display:block; height:20px; padding-left:2px !important;}
		a.smart-menu-open p.link span {display:none; }
		a.phone {font-size:1.8em !important;}
		#pole-wrap h1 {font-size:1.8em;}
		
	}















	
		
	
			
			
		


	