@charset "utf-8";

* { margin:0; padding:0;}

body#body{ 
	
	font-family: 'PT Sans', sans-serif;
	font-size:13px;
	color:#000000;
	min-width: 942px;
	position: relative;
	background:#fff;

	}





ul, ul li { list-style:none; list-style-image:none; list-style-type:none;}

table{border-collapse:collapse; border:0px;}
td { vertical-align:top; padding:0px;}

tbody { border:none;}

a{ color:#0263a6; outline:none;}
a:hover{text-decoration:none; }
img, a img { border:0;}

.clear { clear:both;}

fieldset { border:none; overflow:hidden; position:relative;}


fieldset a { color:#fff;}
fieldset .tips { font-size:10px;}


.bg {

width: 942px;
margin: 0 auto;
position: relative;
}



.logo a {
position: absolute; 
height:62px;
width: 199px;
left: 10px;
top: 9px;
background:url(../img/logo.svg) no-repeat 0 0;
    background-position: center;
    background-size: contain;
}


.topmenu {
background:#303436;
height:37px;

}

.topmenu ul {
margin: 0;
padding: 0;
}



.topmenu  ul li{
float: left;

}


.topmenu  ul li a{
display: block;
height:37px;
color: #fff;
text-decoration:none;
padding: 0 15px;
line-height:37px;
}

.headertopmenu.topmenu  ul li a {font-size:13px; padding: 0 14px;} 


.btn-toolbar input[type="text"] {height: 26px;
line-height: 26px;
width: 168px;
color: #9c9c9c;
padding: 0 30px;
background: url(../img/searchbutton.png) repeat-x 0 0;
border: 1px solid grey;}
.phrases, .only, .form-limit, .small, .result-text, .result-created{display:none;}
.search h1 {padding-top:15px;}
.search-box{

position: absolute; 
right: 10px;
top: 6px;
}

.search input[type="image"] {
  background: url(../img/searchbutton2.png) no-repeat 0 0;
  height: 15px;
  position: absolute;
  left: 3px;
  top: 2px;
  cursor: pointer;
  width: 15px;
  border: none;
  box-shadow: none;
  border: none;
  display: block;
  text-indent: -9999px;
	}
#mod-search-searchword{
  padding-left: 20px;
  width: 170px;
}
.search-box input[type="text"] {
height:26px;
line-height:26px;
width: 168px;
color: #9c9c9c;
padding: 0 30px;
background:url(../img/searchbutton.png) repeat-x 0 0;
border: none;
}

.searchbutton {
background:url(../img/searchbutton2.png) no-repeat 0 0;
height:15px;
position: absolute; 
left: 7px;
top: 6px;
cursor:pointer;
width: 15px;
border: none;
}


.header {
height:90px;
background:#fff;

}

.phone-box {
position: absolute; 
right: 10px;
top: 25px;
text-align: right;
font-size: 14px;
    color: #cd2126;
}

.nomber {
font-weight: bold;
    color: #cd2126;
    font-size: 24px;
	text-decoration:none;
}

a.nomber:hover{
	text-decoration:underline;
	}

.content-box  {
padding: 18px 0 0 0;
background:url(../img/content-box.png) repeat 0 0;

}


.category-box {
width: 215px;
box-shadow: 0 0 3px rgba(0,0,0,0.5);
height:199px;
float: left;
margin: 0 10px 18px 10px;
position: relative;
}
.category-box-title {
position: absolute; 
left: 0;
bottom: 0;
width: 100%;
height:64px;
text-align: center;
background:url(../img/bg.png) repeat 0 0;
}
.category-box-title-box {

position: absolute; 
left: 0;
bottom: 0;
width: 100%;
min-height:64px;
text-align: center;

}
.category-box-title a{
cursor:default;
font-family: 'PT Sans Narrow', sans-serif;
color: #f9e81d;padding: 8px 10px;
display: block;
font-size: 18px;
/*line-height: 18px;*/
text-decoration:none;
font-weight: bold;
}
.category-box ul {
display: none;
z-index: 999;
width:215px;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
background:#f9e81d;
position: absolute; 
left: 0;

}
.category-box ul li{
padding: 5px 10px;
/* background:url(../img/s.png) repeat-x 0 bottom;*/
}
.category-box ul li:hover{
/*  background:#fcc600 url(../img/s.png) repeat-x 0 bottom;*/
	cursor:pointer;
}
.category-box ul li:hover a{
text-decoration: underline 
}
.category-box ul li:last-child{
background:none;
}
.category-box ul li:last-child:hover{
background:#fcc600
}
.category-box ul li a{
color: #000000;
text-decoration:none;
}
.category-box:hover ul {
display: block;
}
.category-box:hover .category-box-title {
height:100%;
}


.footer-box {

padding: 18px 0;
background:#fff;

}

.moduletabl-body {
height:282px;
padding: 15px;

}

.footer-box .moduletabl {
margin: 0 10px;
background:#f6f6f6;
float: left;
height:250px;
}

.footer-box .moduletabl  ul{
margin: 0;
padding: 0;
}

.footer-box .moduletabl  ul li a{
display: block;
color: #000000;
font-size: 16px;
padding: 0 0 0 20px;
margin: 10px 0;
background:url(../img/arrow.png) no-repeat 0 3px;
text-decoration:none;
}



.moduletabl-title {
text-transform:  uppercase;
height:38px;font-weight: bold;
padding: 0 20px;
line-height:38px;
background:#f9e81d;
font-size: 16px;
color: #303436;

}

.title2 {
color: #ca1c21;
text-transform:  uppercase;
font-weight: bold;
font-size: 14px;
margin: 0 0 10px 0;
}

.mml {
width: 200px;
margin: 0 20px 0 0;
border-right: 1px solid #e7e7e7;
padding: 0 20px 0 0;
float: left;
}

.mml2 {
width: 170px;
float: left;
}
.moduletabl-body img {height:auto;}



.width2 {

width: 230px;

}

.width3 {

width: 210px;

}

.moduletabl-body-sertificat img {
width: 180px;
height: 200px;
margin: 0 7px 5px 0;

}


.copirit-box {

padding: 5px 0;
}

.copirit {
margin: 0 0 0 10px;
float: left;
}

.copirit-phone {
margin: 0 10px 0 0;
float: right;
text-align: right;

}

.copirit-phone a{
	text-decoration:none;
	color:#000;
	}
.copirit-phone a:hover{
	text-decoration:underline;
	}


.icon-menu {
position: absolute; 

width: 100%;
left: 0;
top: 127px;
height:149px;
background:url(../img/icon-menu.png) repeat-x 0 bottom;

}

.icon-menu-body {

}


.icon-menu ul{

margin: 0;
padding: 0;

}




.icon-menu ul li{
width:12.5%;
float: left;
position: relative;
}


.icon-menu ul li li{
width:auto;
float: none;

}



.icon-menu ul li ul{
display: none;
padding: 5px 0 0 0;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
background:#f9e81d;
width:221px;
left: -40px;
z-index: 999;
position: absolute; 
}


.icon-menu ul li:last-child ul{
display: none;
padding: 5px 0 0 0;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
background:#f9e81d;
width:221px;
left: -70px;
z-index: 999;
position: absolute; 
}



.icon-menu ul li:hover ul{
display: block;
}


.mainbody {

padding: 10px 0;

}

.icon-menu ul li a{
display: block;
height:74px;
padding: 70px 0 0 0;
text-align: center;
font-size: 16px;
color: #fff;
text-decoration:none;
font-family: 'PT Sans Narrow', sans-serif;
}

.icon-menu ul li:hover a{
color: #f9e81d;
}

.icon-menu ul li:hover ul li a{
color: #000000;
}

.icon-menu ul li.item-101 a{
background:url(../img/icon1.png) no-repeat center 0;
}
.icon-menu ul li.item-102 a{
background:url(../img/icon2.png) no-repeat center 0;
}
.icon-menu ul li.item-103 a{
background:url(../img/icon3.png) no-repeat center 0;
}
.icon-menu ul li.item-104 a{
background:url(../img/icon4.png) no-repeat center 0;
}
.icon-menu ul li.item-105 a{
background:url(../img/icon5.png) no-repeat center 0;
}
.icon-menu ul li.item-106 a{
background:url(../img/icon6.png) no-repeat center 0;
}
.icon-menu ul li.item-107 a{
background:url(../img/icon7.png) no-repeat center 0;
}
.icon-menu ul li.item-108 a{
background:url(../img/icon8.png) no-repeat center 0;
}


.icon-menu ul li.item-101:hover a{
background:url(../img/icon1_.png) no-repeat center 0;
}
.icon-menu ul li.item-102:hover  a{
background:url(../img/icon2_.png) no-repeat center 0;
}
.icon-menu ul li.item-103:hover  a{
background:url(../img/icon3_.png) no-repeat center 0;
}
.icon-menu ul li.item-104:hover  a{
background:url(../img/icon4_.png) no-repeat center 0;
}
.icon-menu ul li.item-105:hover  a{
background:url(../img/icon5_.png) no-repeat center 0;
}
.icon-menu ul li.item-106:hover  a{
background:url(../img/icon6_.png) no-repeat center 0;
}
.icon-menu ul li.item-107:hover  a{
background:url(../img/icon7_.png) no-repeat center 0;
}
.icon-menu ul li.item-108:hover  a{
background:url(../img/icon8_.png) no-repeat center 0;
}





.icon-menu ul ul li{
padding: 5px 10px;
background:url(../img/s.png) repeat-x 0 bottom;
}


.icon-menu ul ul .arrow{
height:10px;
width: 25px;
position: absolute; 
left: 90px;
background:url(../img/arrow2.png) no-repeat 0 0;
top: -10px;

}

.icon-menu ul li:last-child ul .arrow{


height:10px;
width: 25px;
position: absolute; 
left: 120px;
background:url(../img/arrow2.png) no-repeat 0 0;
top: -10px;


}

.icon-menu ul ul li:hover{
background:#fcc600 url(../img/s.png) repeat-x 0 bottom;cursor:pointer;
}

.icon-menu ul ul li:hover a{
text-decoration: underline 
}

.icon-menu ul ul li:last-child{
background:none;
}

.icon-menu ul ul li:last-child:hover{
background:#fcc600
}

.icon-menu ul ul li a{
display: block;
background:none !important;
padding: 0;
height:auto;
text-align: left;
font-size: 13px;
color: #000000;
text-decoration:none;
font-family: 'PT Sans', sans-serif;
}
.navi-box {
color: #4a4a4a;
}

.navi-box {

color: #4a4a4a;

}

.navi-box a {

color: #4a4a4a;

}

.navi-box .separator {

padding: 0 10px;

}

.controller h1{
font-weight: bold;
color: #000000;
padding: 7px 0;

font-size: 40px;
font-family: 'PT Sans Narrow', sans-serif;
}


.right h4{
font-weight: bold;
color: #000000;
padding:  5px 0;

font-size: 18px;

}

.right h2{
font-weight: bold;
color: #6a9b00;
padding: 0 0 15px 0;

font-size: 18px;

}


.right p{
padding: 7px 0;
}



.order-box {
position: relative;


}

.order-box-img {

float: left;
width:719px;
height:272px;
}

.order-box-form {
height:272px;
float: left;
width:223px;
text-align: center;
color: #fff;
background:#303436
}

.order-box-title {

font-weight: bold;
color: #f9e81d;
padding: 19px 0 0 0;
text-transform: uppercase;
font-size: 25px;
font-family: 'PT Sans Narrow', sans-serif;
}

.order-box-list {

position: absolute; 
padding: 20px;
left: 0;
top: 37px;
background:url(../img/bg2.png) repeat 0 0;
}


.order-box-list  {

position: absolute; 
padding: 20px;
left: 0;
top: 37px;
background:url(../img/bg2.png) repeat 0 0;
}







.order-box-list  ul{
margin: 0;
padding: 0;
}

.order-box-list  ul li a{
display: block;
color: #fff;
font-size: 20px;font-family: 'PT Sans Narrow', sans-serif;
padding: 0 0 0 20px;
margin: 5px 0;font-weight: bold;
background:url(../img/arrow.png) no-repeat 0 3px;
text-decoration:none;
}



.inputbox2, .text {
margin: 7px 0;
border: 1px solid #bababa;
border-radius: 5px;
background:#fff;
width:577px;
height:29px;
padding: 0 10px;
line-height:29px;
}

.textareabox2, .mini_order textarea {
margin: 7px 0;
border: 1px solid #bababa;
border-radius: 5px;
background:#fff;
width:577px;
padding: 10px;

}



.submitbox, .submit {
text-transform: uppercase;
border: none;
background:url(../img/submitbox.png) repeat-x 0 0;
border-radius: 5px;
font-size: 16px;
padding: 0 10px;
height:29px;

}



.order-box-form .text {
margin: 7px 0;
border: none;
border-radius: 5px;
background:#fff;
width:171px;
height:29px;
padding: 0 10px;
line-height:29px;
}


.order-box-form textarea {
margin: 7px 0;
border: none;
	font-size:13px;
	color:#000000;
border-radius: 5px;
background:#fff;
width:171px;
font-family: 'PT Sans', sans-serif;
padding: 10px;

}



.left {
padding: 25px 0 0 0;
width:201px;
float: left;
}

.moduletabl {

padding: 0 0 10px 0;
margin: 0 0 10px 0;

}

.cont {

padding: 20px 0;

}

.moduletitle {
font-weight: bold;
margin: 21px 0;
font-size: 16px;
color: #303436;
text-transform: uppercase;

}


.catalog-text-box {
border-left: 1px solid #e7e7e7;
background:#f2f2f2;
padding: 22px;

}


.title3 {
font-weight: bold;
color: #010101;
padding: 25px 0;
text-transform:  uppercase;
font-size: 16px;
line-height:20px;

}


.titlemain {
font-weight: bold;
color: #6a9b00;
padding: 10px 0;
text-transform:  uppercase;
font-size: 18px;


}



.title4 {
font-weight: bold;
color: #6a9b00;
padding: 22px 0;

font-size: 18px;


}





.right td, .right th{
      border: 1px solid #dbdbdb;
	  padding: 5px 10px;
 }
 
 



.right tr:hover{
      background-color: #e8e8e8;
 }
 
 

.right  tr:nth-child(1) {
    background: #f9e81d; 
	font-weight: bold;
    color: #000000; 
	font-size: 16px;
   } 
   
   
   .right  tr:nth-child(1) td  {
 border-bottom: 1px solid #f9e81d;
 border-top: 1px solid #f9e81d;
 border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
   } 

   


.cont-1 {
border-top: 1px solid #e7e7e7;
padding: 10px;
border-left: 1px solid #e7e7e7;


}

.podcategoty{

border-top: 1px solid #e7e7e7;

}

.podcategoty-logo {
text-align: center;
float: left;
margin: 0 7px 18px 0;
border: 1px solid #dddddd;
height:124px;
width: 133px;
}

.podcategoty-logo a {

font-size: 16px;
display: block;

}


.footermenu {
background:#e8e8e8;
margin: 20px 0 0 0;
padding: 27px 0;

}

.fm {
float: left;
width: 11.5%;
margin-right: 1%;
}

.title5 {

font-weight: bold;
color: #cb2028;
padding: 0 0 10px 0;
font-size: 13px;

}


.footermenu ul{
margin: 0;
padding: 0;
}

.footermenu ul li a{
display: block;
margin: 5px 0;
text-decoration:none;
color: #000000;
}


.right ul {

margin: 10px;

}

.right ul li{
background:url(../img/li.png) no-repeat 0 5px;
margin: 5px 0;
padding: 0 0 0 10px;
}



.right ol {
    counter-reset:li; 
    padding:0; 
    list-style:none; 
  }
.right ol li {
      position:relative; 
      margin:0 0 6px 15px;
      padding:4px 8px;

      }
.right ol li:before {
      content:counter(li); /* Â êà÷åñòâå äàííûõ èñïîëüçóåì ñ÷åò÷èê */
      counter-increment:li; /* Óâåëè÷èâàåì çíà÷åíèå ñ÷åò÷èêà íà 1 */
      /* Ïîçèöèîíèðóåì è îôîðìëÿåì öèôðû */
      position:absolute;
      top:0;
      left:-15px;
      width:15px;
      padding:0;
    
      color:#ca1d24;
 
      font-weight:bold;
   
      text-align:left;
      }
	  
	  
	  
	  
	  
.maps-box {

padding: 0 38px 10px 0;
float: left;

}



.ui-dialog.ui-widget { 
left: 678px !important;
outline: 0px none currentColor !important;
position: absolute !important;
top: 385px !important;
width: 300px !important;
z-index: 1002 !important;
}





.loader{ 
background:url(../img/icon1.png) no-repeat ;
background:url(../img/icon2.png) no-repeat ;
background:url(../img/icon3.png) no-repeat ;
background:url(../img/icon4.png) no-repeat ;
background:url(../img/icon5.png) no-repeat ;
background:url(../img/icon6.png) no-repeat ;
background:url(../img/icon7.png) no-repeat ;
background:url(../img/icon8.png) no-repeat ;
background:url(../img/icon1_.png) no-repeat ;
background:url(../img/icon2_.png) no-repeat ;
background:url(../img/icon3_.png) no-repeat ;
background:url(../img/icon4_.png) no-repeat ;
background:url(../img/icon5_.png) no-repeat ;
background:url(../img/icon6_.png) no-repeat ;
background:url(../img/icon7_.png) no-repeat ;
background:url(../img/icon8_.png) no-repeat ;
margin-left:-10000px;


 }

.breadcrumb li {float:left; padding:0 5px 0 5px;}
.breadcrumb li a{float:left; padding:0 5px 0 5px;}

.category-box-title-box {font-family: 'PT Sans Narrow', sans-serif;
color: #f9e81d;
display: block;
font-size: 18px;
text-decoration: none;
font-weight: bold;}

.category-box ul ul {margin-top: -22px;
width: 215px;}

.mml2 img {width:140px !important;padding-left: 12px;}
.mml2 .title2 {text-align:center;}





#rokajaxsearch{
    width: 910px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
	}

#roksearch_search_str{
    width: 909px;
    background-position: 100% 50%;
    background-size: 28px;
    border: none;
    margin-top: -1px;
    background-repeat: no-repeat;
    background-color: transparent;
	height: 19px;
	}
#roksearch_results .roksearch_odd, #roksearch_results .roksearch_even{
	padding-top:5px;
	padding-bottom:5px;
	}
#roksearch_results a{
	text-decoration:none;
	}
.roksearch-wrapper{
    border: 1px solid #BABABB;
    width: 913px;
    height: 25px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
	}

.roksearch_header, .moduletablerokajaxsearch{
	display:none;
	}

#searchIcon{
    background: #FFFFFF;
    display: block;
    cursor: pointer;
    padding: 3px 10px;
    margin-top: 7px;
    box-shadow: 0 0 3px rgba(255,255,255,0.5);
    border-radius: 3px;
    margin-left: 10px;
	}
#contacts-link{
	display:none;
	}

#roksearch_results {
    width: 913px;
	}
	
#roksearch_results .page{
	height:500px;
	overflow:auto;
	}
	
#roksearch_search_str{
    background: url(../img/search-icon-2.png) no-repeat center right;
	}
	
.map_header, .foo_servise{
	display:none;
	}
	
@media screen and (min-width:801px) {

.topmenu{
	background:#303436;
	height:37px;
	}
.headertopmenu.topmenu ul li a {
    padding: 0 14px;
    color: #c9c9c9;
    line-height: 38px;
    font-size: 13px;

}
	.headertopmenu.topmenu ul li a:hover{
		color: #fff;
	}
#searchIcon {
background: #74834A;
    display: block;
    cursor: pointer;
    padding: 3px 30px 5px 30px;
    margin-top: 5px;
    border-radius: 5px;
    margin-left: 10px;
    color: #fff;
    font-size: 14px;
    float: right;
    margin-right: 10px;
    box-shadow: none;
}

#searchIcon:hover{
	background:#FFE800;
	color:#000
	}

.topmenu ul li:last-child{
	float:right;
	}
	
.logo a {
    position: absolute;
    height: 66px;
    width: 196px;
    left: 10px;
    top: 10px;

}

	.logo a object{
		width: 100%;
		height: 100%;
	}
	
.map_header{
    display: block;
    font-size: 14px;
    color: #110e0f;
    text-decoration: underline;
    background: url(../img/map.png) no-repeat center left;
    position: absolute;
    left: 440px;
    padding-top: 29px;
    padding-bottom: 31px;
    padding-left: 86px;
    margin-top: 5px;
	}
.map_header:hover{
	text-decoration:none;
	}
	
.phone-box {
    color: #110e0f;
    line-height: 1.2;
    top: 19px;
}
.nomber {
    font-weight: bold;
    color: #110e0f;
    font-size: 24px;
    text-decoration: none;
    letter-spacing: -1px;
}

.phone-box p{
	color:#ed171f;
	    letter-spacing: 2px;
	}

.phone-box p span{
	color:#5e5e61;
	    letter-spacing: 1px;
	}


.foomenu2{
border-bottom:5px solid #EE181F;
	}
.topmenu ul li a.phone_foo{
font-size: 14px;
    color: #ffe800;
    font-weight: bold;
    line-height: 38px;
	}

.header {
    border-bottom: 5px solid #74834A;
}

.content-box {
	padding: 53px 0 25px 0;
}

.category-box {
    border-bottom: 5px solid #EE181F;
	margin-bottom:30px;
	
}

.category-box img{
    width: 215px;
    height: 199px;
	}

.category-box-title{
    height: 47px;
}
.category-box-title-box{
	min-height:47px;
	}
.category-box-title a {
    line-height: 1;
    height: 34px;
	font-size:18px;
}

.category-box:nth-child(3) .category-box-title a,
.category-box:nth-child(4) .category-box-title a,
.category-box:nth-child(8) .category-box-title a
{
	    height: 20px;
    padding-top: 15px;
	}
	
.moduletabl-title {
    text-align: center;
    border-bottom: 3px solid #303436;
}

.title2 {
    color: #74834a;
}

.mml2 {
    width: 160px;
    float: left;
}

.mml {
    width: 220px;
    margin: 0 15px 0 0;
    border-right: 1px solid #e7e7e7;
    padding: 0 15px 0 0;
    float: left;
}

.footer-box .moduletabl ul li a {
    display: block;
    color: #000000;
    font-size: 16px;
    padding: 0 0 0 32px;
    margin: 10px 0;
    background: url(../img/arrow.png) no-repeat 0 -2px;
    text-decoration: none;
    margin-right: -10px;
}

.foo_servise{
	display:block;
	background:url(../img/bg_2_home.jpg) repeat;
	padding: 20px 0;
	}

.foo_servise_title{
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
    margin-bottom: 20px;
	margin-left:10px;
	}

.box_serv_block{
	float:left;
	width:145px;
	margin-left:10px;
    margin-bottom: 10px;
	background: #fff;
border-radius: 5px;
    overflow: hidden;
	position: relative;
	}
.box_serv_block a{
	text-decoration:none;
	position: relative;
	display: block;
	}
.box_serv_block img{
	width:100%;
	height:auto;
    border-bottom: 5px solid transparent;
	}

.box_serv_block span{
    color: #000;
    text-decoration: none;
    text-align: center;
    display: block;
    padding-top: 7px;
    padding-bottom: 12px;
    font-size: 14px;
	border:none;
	}

.box_serv_block:hover a{
	opacity: 0.6;

	}	
.box_serv_block:hover span{
	color:#000;
	}



}

	
	
@media screen and (min-width:480px) and (max-width:800px) {
body#body, .bg{
	width:100%;
	min-width:100%;
	max-width:100%;
	}
.topmenu{
	height: 28px;
    text-align: center;
    background: none;
    margin-bottom: -35px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    margin-top: 2px;
	}
#rokajaxsearch, #roksearch_results{
	width:99%;
	padding-left:0;
	padding-right:0;
    left: 0 !important;
	}
.roksearch-wrapper{
	width:100%;
	}
#roksearch_search_str{
	width:99%;
	background:url(../img/search-icon.png) no-repeat center right;
	}
#roksearch_results .roksearch_odd, #roksearch_results .roksearch_even {
    padding-top: 10px;
    padding-bottom: 10px;
}

#roksearch_results span{
	font-size:110%;
	}
	
.moduletablerokajaxsearch{
	margin-top:35px;
	}
	
.headertopmenu ul{
    height: 0;
    overflow: hidden;
	}
.topmenu ul li{
	display:inline-block;
    float: none;
	}
.topmenu ul li a{
	font-size:16px;
	}
.search-box{
	position:static;
	text-align:center;
	}

#searchIcon{
	background: #646667;
    position: absolute;
    top: 0;
    margin: 0;
    color: #fff;
    padding: 6px 15px;
    left: 50%;
    margin-left: -33px;
	display:none;
	}
	
#contacts-link{
    background-color: #F1C800;
    color: #000;
    text-decoration: none;
    padding: 5%;
    width: 90%;
    display: block;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
	}
#contacts-link:hover{
	text-decoration:underline;
	}
	
.header{
	height:100%;
	}
.logo a, .phone-box{
    position: static;
    display: block;
    background-size: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
	}
.phone-box{
margin-top: 21px;
	}
.category-box{
    width: 80%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    height: auto;
	}	
.category-box img{
	width:100%;
	height:auto;
	}
.category-box-title a{
	/*font-size:22px;*/
}
.category-box ul{
    position: relative;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
	}

.category-box-img{
	height:100%;
	width:100%;
	}
.category-box ul li a{
    font-size: 16px;
    padding-top: 2px;
    padding-bottom: 6px;
    display: block;
	}
.footer-box .moduletabl{
    float: none;
    text-align: center;
    height: 100%;
    display: inline;
	}
.moduletabl-body{
	height:auto;
    width: 100%;
    padding: 0;
	}
.moduletabl-body img{
	width:60%;
	height:auto;
	}
.mml, .mml2{
	width:49%;
	padding-left:0;
	padding-right:0;
	margin-right:0;
	margin-left:0;
	display:inline-block;
	float:none;
	}

.icon-menu-body{
    height: auto;
	}	
	
.icon-menu{
    position: static;
    height: auto;
	background:#4E5B27;
	}
.icon-menu ul li{
display: inline-block;
    float: none;
    vertical-align: top;
    width: 24%;
    text-align: center;
    position: static;
	}
.icon-menu ul li a{
    height: auto;
    font-size: 18px;
    margin-bottom: 10px;
	}
.icon-menu ul li ul{
    position: absolute !important;
    width: 80% !important;
    padding: 0 !important;
	margin-left:10% !important;
	margin-right:10% !important;
    left: 0% !important;
	}

.icon-menu ul ul li a{
	text-align:center;
    font-size: 16px;
	}
.icon-menu ul ul li{
    width: 100%;
    padding: 0;
	}

.breadcrumb{
	position:static;
	padding:0;
	text-align:center;
    margin-top: 0px;
    margin-bottom: -5px;
	}
.order-box{
	margin-top:-4px;
	}
.breadcrumb li{
	float:none;
	display:inline-block;
    padding-right: 0;
	}
.controller h1{
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 15px;
    font-size: 30px !important;
	}
.order-box-img, .item-page .order-box, .order-box-img img{
	width:100%;
	height:auto;
	float:none;
	overflow:inherit;
	}
.order-box-list{
	top:0;
	}
.order-box-form{
float: none;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
height: 293px;
	}
.order-box-form .text, .order-box-form textarea{
    width: 100%;
    height: 40px;
    font-size: 18px;
    text-align: center;
	}
#send-order{
	margin-top:10px;
	}
.copirit-phone, .copirit{
	font-size:16px;
	}
.right h2{
	font-size:20px;
	}
.right p{
	font-size:16px !important;
	}
.imgblock{
	text-align:center;
	}	
.imgblock img{
    width: 45%;
    margin: 0;
    height: auto;
    display: inline-block;
	margin-left:2% !important;
	margin-top:2%;
	}
.cont .table-box{
	font-size:16px;
	}
.title3{
	font-size:18px;
	text-align:center;
	}
.hb{
	display:none;
	}
.title4{
	text-align:center;
	}
.podcategoty-logo{
	width:30%;
	margin-left:1$;
	float:none;
	display:inline-block;
    height: auto;
	}
.podcategoty-logo img{
    width: auto;
	}
.podcategoty-logo a{
    font-size: 16px;
    margin-top: -45%;
    padding-top: 43%;
    height: 20%;
    padding-bottom: 2%;
	}
.podcategoty{
	text-align:center;
	}
.mini_order{
width:100%;
	}
	
.mini_order .inputbox2, .mini_order .text, .mini_order .textareabox2, .mini_order textarea{
    width: 65%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
	}
.mini_order #send-order{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -7px;
    margin-bottom: 10px;
	}
	
.cont .right{
width: 98%;
    padding-left: 1%;
    padding-right: 1%;
	}
.right ol li{
	font-size:16px;
	}

.logo{
    width: 49%;
    display: inline-block;
	}
.header noindex{
    width: 49%;
    display: inline-block;
	}
.order-box-title{
	padding-top:8px;
	}
.order-box-form {
    float: none;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    height: auto;
    padding-bottom: 6px;
}
.mini_order .inputbox2, .mini_order .text, .mini_order .textareabox2, .mini_order textarea, .mini_order #send-order {
    width: 40%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

#smoke-phone{
	margin-left:5% !important;
	}
#send-order{
	margin-left:5% !important;
}
.mini_order br{
	display:none;
	}

#send-order{
    margin: 7px 0;
    width: 43% !important;
    vertical-align: top;
    margin-top: 7px !important;
    padding-top: 10px!important;
    background-image: none;
    background-color: #F1C800;
    padding-bottom: 14px;
    height: 61px;
    padding-top: 8px;
	padding-bottom:8px;
    font-weight: bold;
	}
.order-box{
	margin-bottom:-20px !important;
	}

.logo{
    width: 47%;
    display: inline-block;
	margin-left:2%;
	}
.header noindex{
    width: 48%;
    display: inline-block;
	vertical-align:top;
	}
.order-box-img img{
	width:102%;
	}
.order-box-img{
	width:100%;
	overflow:hidden
	}
.nomber{
	font-size:24px;
	}


	
}

@media screen and (max-width:479px) {
body#body, .bg{
	width:100%;
	min-width:100%;
	max-width:100%;
	}
.topmenu{
	height: 28px;
    text-align: center;
    background: none;
    margin-bottom: -35px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    margin-top: 2px;
	}
#rokajaxsearch, #roksearch_results{
	width:99%;
	padding-left:0;
	padding-right:0;
    left: 0 !important;
	}
.roksearch-wrapper{
	width:100%;
	}
#roksearch_search_str{
	width:99%;
	background:url(../img/search-icon.png) no-repeat center right;
	}
#roksearch_results .roksearch_odd, #roksearch_results .roksearch_even {
    padding-top: 10px;
    padding-bottom: 10px;
}

#searchIcon {
    background: #646667;
    position: absolute;
    top: 0;
    margin: 0;
    color: #fff;
    padding: 6px 15px;
    left: 50%;
    margin-left: -30px;
	display:none;
}

#contacts-link{
    background-color: #F1C800;
    color: #000;
    text-decoration: none;
    padding: 5%;
    width: 90%;
    display: block;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
	}
#contacts-link:hover{
	text-decoration:underline;
	}

#roksearch_results span{
	font-size:110%;
	}
	
.moduletablerokajaxsearch{
	margin-top:35px;
	}
	
.headertopmenu ul{
    height: 0;
    overflow: hidden;
	}
.topmenu ul li{
	display:inline-block;
    float: none;
	}
.topmenu ul li a{
	font-size:16px;
	}
.header{
	height:100%;
	}
.logo a, .phone-box{
    position: static;
    display: block;
    background-size: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
	}
.logo a{
	background-size:90%;
	}
.category-box{
    width: 80%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    height: auto;
	}	
.category-box img{
	width:100%;
	height:auto;
	}
.category-box-title a{
	/*font-size:22px;*/
	}
.category-box ul{
    position: relative;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
	}

.category-box-img{
	height:100%;
	width:100%;
	}
.category-box ul li a{
    font-size: 16px;
    padding-top: 2px;
    padding-bottom: 6px;
    display: block;
	}
.footer-box .moduletabl{
    float: none;
    text-align: center;
    height: 100%;
    display: inline;
	}
.moduletabl-body{
	height:auto;
    width: 100%;
    padding: 0;
	}
.moduletabl-body img{
	width:60%;
	height:auto;
	}
.mml, .mml2{
	width:49%;
	padding-left:0;
	padding-right:0;
	margin-right:0;
	margin-left:0;
	display:inline-block;
	float:none;
	}

.icon-menu-body{
    height: auto;
	}	
	
.icon-menu{
    position: static;
    height: auto;
	background:#4E5B27;
	}
.icon-menu ul li{
display: inline-block;
    float: none;
    vertical-align: top;
	width: 24%;
    text-align: center;
    position: static;
	}
.icon-menu ul li a{
    height: auto;
    font-size: 18px;
    margin-bottom: 10px;
	}
.icon-menu ul li ul{
    position: absolute !important;
    width: 80% !important;
    padding: 0 !important;
	margin-left:10% !important;
	margin-right:10% !important;
    left: 0% !important;
	}

.icon-menu ul ul li a{
	text-align:center;
    font-size: 16px;
	}
.icon-menu ul ul li{
    width: 100%;
    padding: 0;
	}

.breadcrumb{
	position:static;
	padding:0;
	text-align:center;
    margin-top: 0px;
    margin-bottom: -5px;
	}
.order-box{
	margin-top:-4px;
	}
.breadcrumb li{
	float:none;
	display:inline-block;
    padding-right: 0;
	}
.controller h1{
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 15px;
    font-size: 30px !important;
	}
.order-box-img, .item-page .order-box, .order-box-img img{
	width:100%;
	height:auto;
	float:none;
	overflow:inherit;
	}
.order-box-list{
	top:0;
	}
.order-box-form{
float: none;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
height: 293px;
	}
.order-box-form .text, .order-box-form textarea{
    width: 100%;
    height: 40px;
    font-size: 18px;
    text-align: center;
	}
	
#send-order{
	margin-top:10px;
	}
.copirit-phone, .copirit{
	font-size:16px;
	}
.right h2{
	font-size:20px;
	}
.right p{
	font-size:16px !important;
	}
.imgblock{
	text-align:center;
	}	
.imgblock img{
    width: 45%;
    margin: 0;
    height: auto;
    display: inline-block;
	margin-left:2% !important;
	margin-top:2%;
	}
.cont .table-box{
	font-size:16px;
	}
.title3{
	font-size:18px;
	text-align:center;
	}
.hb{
	display:none;
	}
.title4{
	text-align:center;
	}
.podcategoty-logo{
	width:30%;
	margin-left:1$;
	float:none;
	display:inline-block;
	}
.podcategoty-logo img{
	width:100%;
	}
.icon-menu ul{
	width:100%;
	}
.order-box-list{
    width: 98%;
    padding: 00;
    position: static;
    margin-top: -5px;
    margin-bottom: -20px;
    padding-left: 1%;
    padding-right: 1%;
    display: none;
	}
.podcategoty-logo{
	width:30%;
	margin-left:1$;
	float:none;
	display:inline-block;
    height: auto;
	}
.podcategoty-logo img{
    width: auto;
    max-width: 56%;
	}
.podcategoty-logo a{
    font-size: 13px;
    margin-top: -45%;
    padding-top: 43%;
    height: 20%;
    padding-bottom: 2%;
	}
.mini_order{
width:100%;
	}
	
.mini_order .inputbox2, .mini_order .text, .mini_order .textareabox2, .mini_order textarea{
    width: 65%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
	}
.mini_order #send-order{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -7px;
    margin-bottom: 10px;
	}
	
.cont .right{
width: 98%;
    padding-left: 1%;
    padding-right: 1%;
	}
.right ol li{
	font-size:16px;
	}
.logo{
    width: 49%;
    display: inline-block;
	}
.header noindex{
    width: 49%;
    display: inline-block;
	}
.order-box-title{
	padding-top:8px;
	}
.order-box-form {
    float: none;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    height: auto;
    padding-bottom: 6px;
}
.mini_order .inputbox2, .mini_order .text, .mini_order .textareabox2, .mini_order textarea, .mini_order #send-order {
    width: 42%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}
.mini_order br{
	display:none;
	}

#send-order{
    margin: 7px 0;
    width: 47% !important;
    vertical-align: top;
    margin-top: 7px !important;
    padding-top: 10px!important;
    background-image: none;
    background-color: #F1C800;
    padding-bottom: 14px;
    height: 61px;
    padding-top: 8px;
	padding-bottom:8px;
    font-weight: bold;
	}
.order-box{
	margin-bottom:-20px !important;
	}
	
.nomber{
	font-size:22px;
	}
.phone-box{
	top:0 !important;
    margin-top: 13px !important;
	}

.icon-menu ul li a{
	font-size:16px;
	}
.logo{
    width: 47%;
    display: inline-block;
	margin-left:4%;
    vertical-align: top;
	}
.logo a{
    margin-top: 3px;
    margin-bottom: 0px;
	background-size:80%;
	}
.nomber{
	font-size:18px;
	}
.header noindex{
    width: 46%;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: -3px;	
	vertical-align:top;
	}
.order-box-img img{
	width:102%;
	}
.order-box-img{
	width:100%;
	overflow:hidden
	}

}


.popap{
  border: 1px solid #aaaaaa;
  background: #ffffff;
  color: #222222;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
  left: 678px!important;
  outline: 0 none!important;
  position: absolute!important;
  top: 385px!important;
  width: 300px!important;
  z-index: 1002!important;
	}

.titleP{
border: 1px solid #aaaaaa;
  background: #cccccc;
  color: #222222;
  font-weight: bold;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0.3em 1em 0.4em 0.5em;
  position: relative;
  cursor: move;
  font-size: 1.3em;
	}

.textP{
  position: relative;
  border: 0;
  padding: .5em 1em 0.9em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
  color: #222222;
  font-size: 1.2em;
  border-bottom: 1px solid #aaaaaa;
	}

#closeP{
  display: block;
  float: right;
  font-size: 1.2em;
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
  font-weight: normal;
  color: #555555;
  margin: .5em .4em .5em 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  border-radius: 4px;
  padding: 0.5em 1em;
	}
	
.mob_menu, .mob-form, .link_tel, .send_mob_form , .link_contact, .top_link{
	display:none;
	}
@media only screen and (max-width : 480px) {
	

.popap{
width: 100% !important;
top: 59px !important;
left: 0 !important;
border-radius: 0;
border: none;
padding: 0;
    padding-bottom: 0px;
text-align: center;
background: #74834A;
padding-bottom: 10px;
    position: absolute;
    z-index: 22;
	}
#closeP{
width: 90%;
padding: 10px 0;
margin: 10px 0;
    margin-right: 0px;
    margin-left: 0px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
display: block;
float: none;
background: #F1C800;
border: none;
color: #000;
border-radius: 0;
font-size: 28px;
	}
	
.titleP{
background: #F1C800;
border: none;
color: #000;
    font-size: 30px;
border-radius: 0;	
    padding: 10px;
	}
.textP{
	border:none;
	color: #fff;
padding-top: 10%;
padding-bottom: 7%;
    font-size: 20px;
	}	

.mob_menu{
	display:block;
	width:100%;
	background: #303436;
	}
	
.title_mob_menu_0{
	float:left;
	width:20%;
	height:60px;
	background:url(../img/icon-mob-rem.png) no-repeat center #292C2E;
	cursor:pointer;
	transition: all .2s;
	}
.title_mob_menu_0.active{
	-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	transition: all .2s;
	}
.title_mob_menu_1{
float: left;
height: 44px;
font-size: 18px;
color: #fff;
background: #303436;
padding-left: 5%;
padding-right: 5%;
width: 50%;
padding-top: 16px;
cursor: pointer;
text-align: center;
	}
.title_mob_menu_2{
	float:left;
	width:20%;
	height:60px;
	background:url(../img/icon-mob-rem-2.png) no-repeat center #292C2E;
	cursor:pointer;
	transition: all .2s;
	}
.title_mob_menu_2.active{
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	transition: all .2s;
	}

.mobile_menu_1, .mobile_menu_2{
	display:none;
	}

.mobile_menu_1 ul, .mobile_menu_2 ul{
border-top: 1px solid #303436;
background: #292C2E;
text-align: center;
position: relative;
z-index: 2;
	}

.mobile_menu_1>ul>li>a, .mobile_menu_2>ul>li>a{
color: #fff;
text-decoration: none;
font-size: 18px;
padding: 11px;
display: block;
border-bottom: 1px solid #0D0E0F;
border-top: 1px solid #454A4D;
	}
.mobile_menu_1>ul>li:nth-child(1)>a, .mobile_menu_2>ul>li:nth-child(1)>a{
	border-top:none;
	}

.mobile_menu_1 ul ul{
	display:none;
	background: #F9E81D;
	}

.mobile_menu_1 ul ul a{
color: #292c2e;
text-decoration: none;
font-size: 18px;
padding: 11px;
display: block;
border-top: 1px solid #FFF792;
border-bottom: 1px solid #BBAE16;
	}
	
.mobile_menu_1 a:hover{
	text-decoration:underline;
	}
	
.mob-form{

position: absolute;
z-index: 3;
	}
.close-mob-form{
	background:url(../img/close-mob-form.png) no-repeat center #F9E81D;
	position:absolute;
	top:0;
	right:0;
	width:45px;
	height:45px;
	cursor:pointer;
	transition: all .2s;
	}

.close-mob-form:hover{
	-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	transition: all .2s;
	}
	
#ajax-dialog2{}

.mob-form .order-box-form{
background: #74834A;

top: 0;
padding: 15% 2% 10% 2%;

	}	

.mob-form .order-box-title{
letter-spacing: 1px;
font-size: 26px;
padding: 0; 
color: #fff;
line-height: 1.2;
margin-bottom: 2%;
	}

.mob-form .order-box-form .text{
width: 88%;
text-align: left;
font-size: 18px;
margin-bottom: 0;
margin-top: 5px;
	}

.mob-form .order-box-form textarea{
width: 88%;
text-align: left;
font-size: 18px;
margin-bottom: 0;
margin-top: 5px;
height: 150px;
	}

.mob-form .mini_order #send-order{
width: 94% !important;
border-radius: 0;
font-size: 22px;
margin-top: 14% !important;
margin-bottom: 5%;
color: #303436;
cursor:pointer;
	}
	
.popap{
width: 100% !important;
top: 0 !important;
left: 0 !important;
border-radius: 0;
border: none;
padding: 0;
text-align: center;
	}
#closeP{
width: 90%;
padding: 10px 0;
margin: 10px 0;
    margin-right: 0px;
    margin-left: 0px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
display: block;
float: none;
	}
	
	

.logo, .header noindex{
width: 100%;
margin-left: 0;
	}	

.logo a{
background-position: center;
background-size: 100%;
margin-top: 25px;
	}	

.phone-box{
width: 100%;
text-align: center;
position: static;
margin: 10px 0 20px 0 !important;
	}
	
.phone-box p{
	display:none;
	}

.link_tel{
display: block;
width: 91%;
text-align: center;
background: #F9E81D;
margin-left: auto;
margin-right: auto;
color: #303436;
text-decoration: none;
font-size: 18px;
font-weight: bold;
padding: 15px 0;
	}

.send_mob_form{
display: block;
width: 91%;
text-align: center;
background: #303436;
margin: 10px auto;
color: #fff;
text-decoration: none;
font-size: 18px;
font-weight: bold;
padding: 15px 0;
cursor:pointer;
	}

.link_contact{
display: block;
width: 91%;
text-align: center;
background: #5F9047;
margin-left: auto;
margin-right: auto;
color: #fff;
text-decoration: none;
font-size: 18px;
font-weight: bold;
padding: 15px 0;
margin-bottom:20px;
	}
	

.category-box {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;

}	

#contacts-link{
	display:none;
	}
.moduletabl-title {
    text-transform: uppercase;
    height: 38px;
    font-weight: bold;
    padding: 3px 0px;
    line-height: 38px;
    background: #f9e81d;
    font-size: 17px;
    color: #303436;
    width: 90%;
    margin-left: 5%;
}
.footer-box{
	padding-top:0;
	}
	
.mml, .mml2 {
    width: 80%;
	padding: 5%;
}
.mml{
background: #F6F6F6;
border: none;
padding-top: 15px;
padding-bottom: 15px;
}
.mml2{
background: #F6F6F6;
margin-top: 1px;
}

.width2 .moduletabl-body, .width3 .moduletabl-body{
background: #F6F6F6;
padding: 5% 0;
width: 90%;
margin-left: 5%;
	}
.topmenu{
	display:none;
	}
.top_link{
background: #303436;
text-decoration: none;
color: #fff;
text-align: center;
font-size: 18px;
font-weight: bold;
display: block;
width: 70%;
margin-left: 15%;
padding: 15px 0;
margin-bottom: 15px;
	}

.top_link:hover{
	text-decoration: underline;
	}
.copirit-phone, .copirit {
    font-size: 16px;
    display: block;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 0;
    line-height: 1.8;
}

.overflow2{
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    opacity: 0.4;
	display:none;
	}

}

@media screen and (min-width: 801px){

	.topmenu.headertopmenu.f-nav{
		position: fixed;
		top: 0;
		z-index: 9;
		    transition: all .2s;
		    width: 100%;
	}
	.topmenu.headertopmenu.f-nav #searchIcon{
		opacity: 0;
		transition: all .2s;
	}
	
	
	
}
