/* RESET STYLE*/
html, body,
div,
ul, ol, li,
dl, dt, dd, td, th,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote, fieldset,
form, input, button, textarea {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6,
pre, code, address, capxion, cite, code,
em, strong, th {
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
}
fieldset, img {
	border: none;
}
img {
	-ms-interpolation-mode: bicubic;
}
capxion, th {
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
button {
	background-color: transparent;
	text-decoration: none;
}
label {
	cursor: pointer;
}
a{outline: none;}
:focus {outline: none;}
/* END RESET STYLE */

@font-face {
  font-family: 'Roboto Condensed';
  src: url(font/avanteltnrt.ttf);
}

@font-face {
  font-family: 'TITLE';
  src: url(font/aalbionicnr.ttf);
}

html, body {
	font: 15px 'Roboto Condensed', Helvetica, Sans-Serif;
	margin: 0px auto;
	text-align: center;
	height: 100%;
	padding: 0;
	background:  #f8f8f8;
}

body{
	width: 100%;
	overflow-x: hidden;
}

.centercontent {
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0;
}

.center_br_90,
.center_br {
	width: 1209px;
	padding: 0px;
	text-align:left;
	margin: 0px auto;
}

.center_br_90{
	width: 90%;
}

#slide_hits,
#slide_discount{
	position:relative;
	overflow:hidden;
	width: 1164px;
	height: 485px;
	padding: 50px 0px 0 6px;
	margin-top: -50px;
}

.bg-red {
	background-color: #691a15;
	color: #fff;
}

.bg-blue {
	background-color: #3da7da;
	color: #fff;
}

.bg-green {
	background-color: #91f538;
	color: #444;
}

.btn {
	cursor: pointer;
	outline: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	text-decoration: none;
	text-shadow: none;
	font: bold 22px 'Roboto Condensed', Tahoma;
	padding: 17px 20px 17px 20px;
	margin: 10px auto 0 auto;
	display: inline-block;
	-moz-border-radius:  10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;  
}


.btn:hover {
	background: #fff;
	color: #28940f;
}

.btn:active {
	background: green;
	color: #fff;
	-webkit-box-shadow: inset 0 0 60px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 0 60px rgba(0,0,0,1);
    box-shadow: inset 0 0 60px rgba(0,0,0,1);
}



.link_btn_auth a{
	text-decoration: none;
	padding: 10px 20px;
	margin: 10px  0 0 0px;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	font: normal 18px 'Roboto Condensed', Tahoma;
	color: #fff;
	background-color: #3da7da;
	text-shadow: none;
	display: inline-block;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;  
}


.link_btn_auth a:hover{ 
	background-color: #fbd500;
	text-decoration: none;
	color: #222;
}

.menu-main-box{
	display: block;
	height: 50px;
}

.menu-main-bg{
	top: 0px;
	left: 0;
	width: 100%;
	background-color: #a56259;
	-moz-box-shadow: inset 0px -20px 20px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0px -20px 20px rgba(0,0,0,.1);
	box-shadow: inset 0px -20px 20px rgba(0,0,0,.1);
}

.main-menu-fixed{
	position: fixed;
	z-index: 6;
}
.menu-catalog-bg{
	margin-top: -40px;
	left: 0;
	width: 100%;
	background-color: rgba(64, 146, 50, 1);
	-moz-box-shadow: inset 0px -20px 40px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px -20px 40px rgba(0,0,0,.2);
	box-shadow: inset 0px -20px 40px rgba(0,0,0,.2);
}

.menu-catalog-box{
	display: block;
	height: 40px;
}

.main-catalog-fixed{
	top: 0;
	margin-top: 90px;
	position: fixed;
	z-index: 5;
}

#bg_init_menu{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.7);
	z-index: 1;
}

.catalog-bg{
	height: auto;
	background:  #fff;/*url('i/bg_shop_catalog.jpg') no-repeat;*/
	background-attachment: fixed;
	background-position: 0 center;
	min-height: 500px;
	padding: 50px 0;
}

.useful-bg{
	padding: 50px 0;
	background-color: #eee;
	position: relative;
}

.hits-bg{
	height: auto;
	background:  url('i/bg_hit_shop.jpg') no-repeat;
	background-attachment: fixed;
	background-position: 0 bottom;
	min-height: 600px;
	padding: 50px 0;
	position: relative;
}

.discount-bg{
	height: auto;
	background:  url('i/bg_discount_shop.jpg') no-repeat;
	background-attachment: fixed;
	background-position: 0 bottom;
	min-height: 600px;
	padding: 50px 0;
	position: relative;
}

.white-bg{
	background-color: #fff;
	position: relative;
}

.white-bg-content{
	padding-top: 30px;
	background-color: #fff;
}

.info-bg{
	padding: 20px 0;
	position: relative;
	background: #f8d880;/* url('i/bg_body.png');*/
	/*background-attachment: fixed;
	-moz-border-radius:  10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
}

.footer-bg{
	background:  url('i/bg_footer.jpg') no-repeat;
	background-attachment: fixed;
	background-position: 50% bottom;
	height: 552px;
	padding-top: 80px;
}
/*
.hits-bg,
.discount-bg,
.footer-bg{
	-moz-box-shadow:  ;
	-webkit-box-shadow:  ;
	box-shadow:  inset 0px 0px 10px rgba(0,0,0,.5);
}
*/
.arrow-fff:after,
.arrow-fff:before{
	background-color: #fff;
}

.arrow-eee:after,
.arrow-eee:before{
	background-color: #eee;
}

.arrow:after {
	content: '';
    width: 100%;
    height: 50px;
    position: absolute;
    z-index: 1;
    top: 0px;
	left: 0;
    transform-origin: top right;
    transform: skewY(1.5deg);
}/*
.arrow:before {
    content: '';
    width: 51%;
    height: 50px;
    position: absolute;
    z-index: 1;
    top: 0px;
	right: 0px;
    transform-origin: top left;
    transform: skewY(-2.5deg);
}
*/
.btn-blue{
	background-color: rgba(49, 133, 172, .9);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 30px;
}

.box-menu{
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.reserved-bg-head{
	background-color: #ccc;
	min-height: 205px;
	padding: 50px 0;
	display: block;
}


#user_auth  .registration {
	position: fixed;
	top: 10%;
	left: 50%;
	margin: 0px 0 0 -290px;
	background-color: rgba(255,255,255,0.9);
	padding: 0px 15px 20px 15px;
	width: 580px;
	height: 380px;
	color: white;
	font: normal 14px 'Roboto Condensed', Tahoma;
	text-shadow: 1px 1px 0px #000;
	-webkit-box-shadow:  1px 1px 2px  #111;
	-moz-box-shadow: 1px 1px 2px  #111;
	box-shadow: 1px 1px 2px  #111;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	z-index: 8;
}

#user_auth  .regcell {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 7;
}
#user_auth  .reghead img{
	margin: -8px 20px -15px -15px;
	padding: 10px 20px;
}

#user_auth  .reghead font{
	display: block;
	margin: -5px 0 0 0;
	color: #444;
	font: normal 22px 'Roboto Condensed', Tahoma;
}

#user_auth  .reghead {
	text-align: left;
	position:relative;
	font: normal 28px 'Roboto Condensed', Tahoma;
	text-shadow: 1px 1px 0px #aaa;
	color: #222;
	text-transform: uppercase;
	/*background-color: rgba(204,153,51,1);*/
	background:  #ccc;
	padding: 5px 15px;
	margin: 0 -15px 20px -15px;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius:10px 10px 0 0;
}

#user_auth  .reghead:before,
#user_auth  .reghead:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
#user_auth  .reghead:before {
    top:50%;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 8px  rgba(0,0,0,1);
       -moz-box-shadow:0 0 8px  rgba(0,0,0,1);
            box-shadow:0 0 8px  rgba(0,0,0,1);
    -moz-border-radius:150px / 10px;
         border-radius:150px / 10px;
}
#user_auth .closed {
	position: absolute;
	width: 26px;
	height: 26px;
	right: 0;
	margin: 0 5px 0 0;
	cursor: pointer;
	border: 2px solid #444;
	background-position: 50% 50%;
	-moz-border-radius:50px;
    border-radius:50px;
}

#user_auth .closed:hover {
	border: 2px solid #fff;
}

#user_auth  .regtitle {
	color: #000;
	font: normal 16px 'Roboto Condensed', Tahoma;
	text-shadow: 1px 1px 0px #fff;
}
#user_auth  .registration input {
	padding: 10px 5px 10px 40px;
	font: bold 18px 'Roboto Condensed', Tahoma;
	width: 230px;
	background-color: rgba(0,0,0,0.2);
	border: none;
	margin: 5px 0;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	background-position: 5px 1px;
	border-right: 8px solid #aaa;
	background-position: 5px 50%;
}



#user_auth  .license {
	font: normal 14px 'Roboto Condensed', Tahoma;
	color: #222;
	text-shadow: 1px 1px 0px #fff;
}

#user_auth  .license a {
	color: #4c8bc5;
	text-decoration: none;
	border-bottom: 1px dashed #4c8bc5;
	display: inline-block;
	line-height: 14px; 
	margin: 10px 0;
}

#user_auth  .license a:hover{
	border-bottom: 1px solid #4c8bc5;
}

#user_auth  .help {
	padding: 15px 10px;
	font: normal 13px 'Roboto Condensed', Tahoma;
}

#user_auth  .help br{
	margin-top: 10px;
	display: block;
}

#consultation{
	text-align: center;
}

#consultation .recall{
	display: block;
	width: 90%;
	height: auto;
	font: normal 28px 'Roboto Condensed', Tahoma;
	color: #fff;
	padding: 70px 5%;
	background-color: #3f8f31;
	margin: 0px 0;
}

#consultation .recall span{
	font: bold 46px 'Roboto Condensed', Tahoma;
	padding: 0px 5px 20px 5px;
	display: block;
}

#consultation .recall font{
	font: normal 14px 'Roboto Condensed', Tahoma;
	padding: 15px 5px 5px 5px;
	display: block;
}

#consultation .recall input,
#consultation .recall a{
	font: normal 22px 'Roboto Condensed', Tahoma;
	padding: 15px 20px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background-color: #ff2a00;
	margin: 0 0 0 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	text-shadow: none;
	border: 1px solid #ff2a00;
}

#consultation .recall a:hover{
	background-color: #3e7abe;
	border: 1px solid #3e7abe;
}

#consultation .recall input:focus{
	border: 1px solid #ff2a00;
}

#consultation .recall input{
	background-color: #fff;
	border: none;
	color: #000;
	width: 40%;
	border: 1px solid #fff;
}

#consultation .recall form{
	display: block;
	padding-top: 25px;
}


/**
*	Новые стили товаров на главной
**/
#indexShop {
	display: block;
	clear: both;
	padding-top: 80px;
	text-align: center;
}

#indexShop li{
	font: normal 12px 'Roboto Condensed', Arial;
	list-style: none;
	width: 250px;
	height: 300px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0px 3% 5% 0;
	position: relative;
	text-shadow: none;
	border: 1px solid rgba(255,255,255,0);
}

#indexShop li span{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}

#indexShop li:hover span{
	background-color: rgba(107, 29, 27, .7);
	color: #eee;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	backdrop-filter: blur(4px);
	height: 100%;
}

#indexShop li:hover{
	background-color: #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
}


#indexShop li a{
	text-decoration: none;
	color: #444;
}

#indexShop .title {
	color: #333;
	font: normal 18px 'Roboto Condensed', Arial;
	text-transform: uppercase;
	display: block;
	height: 50px;
	overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

#indexShop  .shop-img-product {
	position: relative;
	width: 250px;
	height: 240px;
	margin: 0px auto 0px auto;
}

#indexShop  .shop-img-product img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:  10px;
}

#indexShop li:hover img{
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

#index_scrolling{
	padding: 0px 0 60px 0;
}

#index_scrolling li{
	width: 220px;
	height: 380px;
}

#index_scrolling .navigation{
	padding: 30px 0;
	text-align: center;
}

#index_scrolling .navigation .btn{
	position: relative;
	z-index: 2;
}

#index_scrolling .navigation .back,
#index_scrolling .navigation .next{
	width: 54px;
	height: 54px;
	display: inline-block;
	margin: 0px 10px 0 10px;
	position: relative;
	z-index: 2;
	top: 20px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	border-radius:  500px;
	border: 3px solid #ffae00;
}

#index_scrolling .navigation .back{
	background: rgba(255, 255, 255, 1) url('i/btn_back_green.png') no-repeat;
	background-position: 40% 50%;
}

#index_scrolling .navigation .next{
	background:  rgba(255, 255, 255, 1) url('i/btn_next_green.png') no-repeat;
	background-position: 60% 50%;
}

#index_scrolling .navigation .back:hover{
	background: #ffae00 url('i/btn_back.png') no-repeat;
	background-position: 40% 50%;
	border: 3px solid #ffae00;
}

#index_scrolling .navigation .next:hover{
	background:  #ffae00 url('i/btn_next.png') no-repeat;
	background-position: 60% 50%;
	border: 3px solid #ffae00;
}

#index_scrolling .navigation .back:active,
#index_scrolling .navigation .next:active{
	background-color:  rgba(0, 0, 0, 1);
	border: 3px solid #000;
}

#slide_hits,
#slide_discount{
	position:relative;
	overflow:hidden;
	width: 96%;
	height: 400px;
	padding: 50px 0px 0 0px;
	margin: -50px auto 0 auto;
}

#menu_product {
	position: relative;
	padding: 0 0 0 70px;
	background:  url('i/menu_shop.png') no-repeat;
	background-position: 0 30%;
	width: 100%;
}

#menu {
	width: 100%;
	position: relative;
	padding: 1px 0 0 0;
}

#menu_product ul,
#menu  ul{
	padding: 0;
	margin: 0 15px;
	list-style: none;
}

#menu_product li,
#menu li{
	float: left;
	position: relative;
	list-style: none;
	padding: 0;
}

#menu_product ul li a{
	text-decoration: none;
	padding: 0px 15px 0px 15px;
	color: #fff;
	font: normal 14px 'Roboto Condensed', Tahoma;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;  
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}

#menu li a, 
#menu li span{
	text-decoration: none;
	padding: 7px 10px 9px 15px;
	display: block;
	text-transform: uppercase;
	font: normal 14px 'Roboto Condensed', Tahoma;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;  
	text-shadow: none;
	color: #fff;
	text-align: center;
}

#menu_product ul li:hover > a,
#menu_product li a:hover,
#menu ul li:hover > a,
#menu li a:hover{
	text-decoration: underline;
}

#menu_product ul ul a:hover,
#menu ul ul a:hover{
	text-decoration: none;
}

#menu_product li a:hover,
#menu li a:hover,
#menu li span:hover{
	color: #fff;
}

#menu_product ul ul li,
#menu .menu ul li{
	padding: 0;
}

#menu_product ul ul,
#menu .menu ul {
	margin: 0;
	opacity: 0;
	width: 687px;
	visibility: hidden;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 9999;    
	background-color: #444;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  
}

#menu_product ul ul {
	top: 72px;
	left: 0;
	width: 379px;
}

#menu_product ul ul li{
	position: relative;
	float: left;
}

#menu_product ul li:hover > ul,
#menu .menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}

#menu_product ul ul ul,
#menu .menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	box-shadow: -1px 0 0 rgba(255,255,255,.3);		
}

#menu_product ul ul ul{
	top: 40px;
	left: 50px;
}

#menu_product ul ul li,
#menu .menu ul li {
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.05);
	border-right: 1px solid rgba(255,255,255,.4);
	-moz-box-shadow: 0 1px 0 #999, 0 1px 0 #ddd;
	-webkit-box-shadow: 0 1px 0 #999, 0 1px 0 #ddd;
	box-shadow: 0 1px 0 #999, 0 1px 0 #ddd;
}

#menu_product ul ul li:last-child,
#menu .menu ul li:last-child {   
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;    
}

#menu_product ul ul li:nth-last-child(2n+1),
#menu_product ul ul li:nth-last-child(2n) {
	
	border-right: 1px solid #666;
}


#menu_product ul ul a,
#menu .menu ul a,
#menu .menu ul span {    
	padding: 8px 0 12px 8px;
	width: 220px;
	float: left;
	display: block;	
	text-transform: none;
	font: normal 14px 'Roboto Condensed', Tahoma;
	height: auto;
	color: #fff;
	text-shadow: none;
	text-align: left;
}

#menu_product ul ul a{    
	padding: 8px 0 12px 8px;
	width: 180px;
}

#menu_product ul ul span,
#menu .menu ul span {   
	color: black;
}

#menu_product ul ul a:hover,
#menu .menu ul a:hover {
	color: #fff;
	text-shadow: 0 -1px 0 #777;
	background-color: #0186ba;
	background-image: -moz-linear-gradient(#04acec,  #0186ba);	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background-image: -webkit-linear-gradient(#04acec, #0186ba);
	background-image: -o-linear-gradient(#04acec, #0186ba);
	background-image: -ms-linear-gradient(#04acec, #0186ba);
	background-image: linear-gradient(#04acec, #0186ba);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04acec', endColorstr='#0186ba',GradientType=0 );
	
}

#menu_product ul ul li:first-child > a,
#menu .menu ul li:first-child > a {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

#menu_product ul ul li:first-child > a:after,
#menu .menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 20px;
	top: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #444;
}

#menu .menu ul ul li:first-child a:after {
	left: -5px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #444;
}

#menu_product ul ul ul li:first-child a:after{
	left: 10%;
	top: 0;
	margin-top: -6px;
	border-left: 0;	
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #444;
}

#menu_product ul ul ul li:first-child a:hover:after{
	border-bottom-color: #0299d3; 
}

#menu .menu ul ul ul li:first-child a:after {
	left: -6px;
}

#menu_product ul ul li:first-child a:hover:after,
#menu .menu ul li:first-child a:hover:after {
	border-bottom-color: #04acec;
}

#menu .menu ul ul li:first-child a:hover:after {
	border-right-color: #0299d3; 
	border-bottom-color: transparent; 	
}

#menu_product ul ul li:last-child > a,
#menu .menu ul li:last-child > a {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}



#menu_product ul li:hover > a,
#menu_product  ul li a:hover{
	color: #fff;
	background-color: #3185ac ;
	text-shadow: -1px -1px 4px #666;
}

#head_top{
	margin: 20px 0;
}

#head_top .logo{
	background:  url('i/logo.png') no-repeat;
	width: 129px;
	height: 129px;
	cursor: pointer;
	float: left;
	position: relative;
	z-index: 2;
}

#fixed_menu .layer-box,
#head_top .layer-box{
	margin: 0 0px 0 20px;
	float: left;
}

#head_top .title{
	width: 240px;
	font: bold 24px  'TITLE', Tahoma;
}

#head_top .title span{
	font: normal 20px 'TITLE', Tahoma;
	display: block;
}

#head_top .garanty{
	width: 580px;
	text-align: left;
}

#head_top .garanty span{
	display: block;
	font: normal 14px 'Roboto Condensed', Tahoma;
	text-shadow: none;
}

#fixed_menu .email,
#head_top .email{
	width: 280px;
	font: normal 14px 'Roboto Condensed', Tahoma;
	color: #555;
	text-align: center;
	text-shadow: none;
}


#fixed_menu .email a,
#head_top .email a{
	font: bold 15px 'Roboto Condensed', Tahoma;
	display: block;
	border-top: 1px solid #888;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 5px 40px;
	color: #1b79af;
	text-decoration: none;
}


#fixed_menu .email a:hover,
#head_top .email a:hover{
	text-decoration: underline;
}

#head_top .follow-me{
	width: 175px;
	background-color: #eee;
	padding: 10px 5px 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
}

#head_top .follow-me a{
	margin: 0 10px 0 0;
	float: left;
	text-decoration: none;
}


#head_top .follow-me span{
	font: normal 12px Tahoma;
	width: 70px;
	display: inline-block;
	color: #555;
}

#fixed_menu {
	width: 100%;
	margin-top: -80px;
}
.fixed-add-menu,
.fixed-init{
	position: fixed;
	width: 100%;
	display: block;
	z-index: 5;
	top: 80px;
	margin-top: 0px;
	background:  #f8f8f8;
	padding: 10px 0px 5px 0;
	border-bottom: 1px solid #aaa;
	-moz-box-shadow: inset 0px -30px 60px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0px -30px 60px rgba(0,0,0,.1);
	box-shadow: inset 0px -30px 60px rgba(0,0,0,.1);	
}

.fixed-add-menu{
	top: 120px;
}



#fixed_menu .logo-menu{
	width: 75px;
	float: left;
	background:  #fff url('i/menu_green.png') no-repeat;
	background-position: 5px 50%;
	padding: 15px 5px 15px 45px;
	color: #28940f;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius:  5px;
	border-radius:  5px;
	border: 1px solid #28940f;
}

#fixed_menu .logo-menu:hover{
	background: #28940f url('i/menu.png') no-repeat;
	background-position: 5px 50%;
	color: #fff;
}

#fixed_menu .search{
	width: 240px;
}

#fixed_menu .search input{
	width: 170px;
	float: left;
	padding: 15px 8px 15px 8px;
	font: normal 15px 'Roboto Condensed', Tahoma;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	-moz-border-radius:  5px 0 0 5px;
	-webkit-border-radius:  5px 0 0 5px;
	border-radius:  5px 0 0 5px;
}

#fixed_menu .search a{
	background:  #fff url('i/search_green.png') no-repeat;
	background-position: 50% 50%;
	width: 26px;
	height: 26px;
	padding: 11px 10px 11px 10px;
	float: left;
	-moz-border-radius:  0 5px 5px 0;
	-webkit-border-radius:  0 5px 5px 0;
	border-radius:  0 5px 5px 0;
	margin: 0 0 0 -1px;
	border: 1px solid #aaa;
}

#fixed_menu .search a:hover{
	background:  #28940f url('i/search.png') no-repeat;
	background-position: 50% 50%;
	border: 1px solid #28940f;
}

#head_top .phone,
#fixed_menu .phone{
	width: 210px;
	margin: -2px 25px 0px 65px;
}

#head_top .phone a,
#fixed_menu .phone a{
	text-decoration: none;
	display: block;
	padding: 1px 0 1px 34px;
	cursor: default;
}

#head_top .call,
#fixed_menu .call{
	background:   url('i/phone.png') no-repeat;
	background-position: 0 50%;
	font: normal 19px 'Roboto Condensed', Tahoma;
	color: #111;
}

#head_top .whatsapp,
#fixed_menu .whatsapp{
	background:  url('i/whatsapp.png') no-repeat;
	background-position: 0 50%;
	font: normal 19px 'Roboto Condensed', Tahoma;
	color: #666;
}

#fixed_menu .cart{
	width: 195px;
}

#fixed_menu .cart a{
	background: #662016 url('i/cart.png') no-repeat;
	background-position: 10px 30%;
	font: normal 16px 'Roboto Condensed', Tahoma;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding: 12px 0px 12px 66px;
	display: block;
	-moz-border-radius:  5px;
	-webkit-border-radius:  5px;
	border-radius:  5px;
	border: 1px solid #662016;
}

#fixed_menu .cart a:hover{
	background: #fff url('i/cart_green.png') no-repeat;
	background-position: 10px 30%;
	color: #28940f;
	border: 1px solid #28940f;
}

#fixed_menu .cart .num{
	font: bold 16px 'Roboto Condensed', Tahoma;
	color: #ffa200;
	padding-left: 5px;
	display: inline-block;
	text-shadow: 1px 1px 0 #777;
	position: relative;
	top: -13px;
	height: 15px;
}

#info_1{
	padding: 90px 0;
	text-shadow: none;
}

#info_1 .box{
	width: 470px;
	min-height: 250px;
	padding: 0 100px 0 10px;
	float: left;
	margin-right: 20px;
	border-left: 1px solid #aaa;
}

#info_1 .title{
	font: normal 18px 'Roboto Condensed', Tahoma;
	background-color: #aaa;
	float: left;
	padding: 5px 20px 5px 12px;
	margin: 0 0 10px -10px;
}


#info_1 .text{
	clear: both;
	font: normal 16px 'Roboto Condensed', Tahoma;
}

#info_1 .discount{
	background: url('i/discount.png') no-repeat;
	background-position: right bottom;
}

#info_1 .buyer{
	background:  url('i/buyer.png') no-repeat;
	background-position: right bottom;
}

#info_1 .box-img{
	width: 50%;
	float: left;
	text-align: center;
}

#boxnews{
	text-shadow: none;
}

#boxnews ul{
	font: normal 20px 'Roboto Condensed', Tahoma;
	cursor: pointer;
	list-style: none;
	padding:0;
	margin: 0;
	clear: both;
	display: block;
	padding: 5px 10px;
	color: #000;
}

#boxnews ul li{
	margin-bottom: 35px;
	float: left;
	width: 30%;
	margin-right: 3%;
}

#boxnews ul span{
	display: inline-block;
	font: normal 18px 'Roboto Condensed', Tahoma;
	margin: 10px 5px 0px 0;
	color: #8e8e8e;
	text-transform: uppercase;
	display: block;
}

#boxnews li:hover span{
	color: #990000;
}

#boxnews ul a{
	margin-top: 10px;
	font: normal 14px 'Roboto Condensed', Tahoma;
	display: block;
	color: #666;
	text-decoration: none;
	text-align: justify;
}

#boxnews ul a:hover {
	color: #990000;
}

#boxnews .archive, #boxnews .title{
	text-decoration: none;
	padding: 5px 10px;
	color: #990000;
	text-transform: uppercase;
}

#boxnews .archive:hover, #boxnews .title:hover{
	text-decoration: underline;
}

#boxnews .archive {
	font: normal 26px 'Roboto Condensed', Tahoma;
	float: right;
} 

#boxnews .title{
	font: normal 30px 'Roboto Condensed', Tahoma;
}


#info_2{
	padding: 50px 0;
	text-shadow: none;
}

#info_2 .box{
	width: 250px;
	height: 150px;
	display: block;
	float: left;
	margin: 0 50px 50px 0;
	padding-top: 120px;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	-moz-border-radius:  50px 50px 20px 20px;
	-webkit-border-radius:  50px 50px 20px 20px;
	border-radius:  50px 50px 20px 20px;
}

#info_2 .title{
	font: normal 18px 'Roboto Condensed', Tahoma;
	background-color: rgba(0,0,0,.2);
	padding: 5px 5px 5px 5px;
	margin: 0 0 10px 0px;
	text-align: center;
	-moz-border-radius:  5px;
	-webkit-border-radius:  5px;
	border-radius:  5px;
}


#info_2 .text{
	text-align: center;
	clear: both;
	font: normal 16px 'Roboto Condensed', Tahoma;
	height: 150px;
}

#info_2 .box-center{
	margin: 0 auto;
	width: 75%;
}

#info_2 .ico_call{
	background:  url('i/ico_call.png') no-repeat;
	background-position: center 20px;
}

#info_2 .ico_discount{
	background:  url('i/ico_discount.png') no-repeat;
	background-position: center 20px;
}

#info_2 .ico_like{
	background:  url('i/ico_like.png') no-repeat;
	background-position: center 20px;
}

#info_2 .ico_price_list{
	background:  url('i/ico_price_list.png') no-repeat;
	background-position: center 20px;
}

#info_2 .ico_recall{
	background:  url('i/ico_recall.png') no-repeat;
	background-position: center 20px;
}

#info_2 .ico_relax{
	background:  url('i/ico_relax.png') no-repeat;
	background-position: center 20px;
}

#info_2 .ico_save_time{
	background:  url('i/ico_save_time.png') no-repeat;
	background-position: center 20px;
}

#footer {
	width: 690px;
	margin: 30px auto 30px auto;
	-moz-border-radius:  10px;  
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	padding: 40px 30px 40px 40px;
	background-color: #eee;
	border: 1px solid #eee;
	position: relative;
	display: block;
}

#footer .ico_send_me{
	background: #eee url('i/send_ico.png') no-repeat;
	background-position: 50% 50%;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -45px;
	top: -80px;
	padding: 26px;
	-moz-border-radius:  200px;  
	-webkit-border-radius: 200px; 
	border-radius: 200px;
}

#footer .box{
	width: 320px;
	margin-right: 25px;
}

#footer .title{
	font: normal 26px 'Roboto Condensed', Tahoma;
	color: #a73e3c;
	text-shadow: 0 1px 0 #ccc;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: center;
}

#footer .box input{
	width: 300px;
	padding: 10px;
	margin: 5px 0 5px 0;
	-moz-border-radius:  10px;  
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	border: none;
}

#footer .box textarea{
	width: 300px;
	height: 250px;
	padding: 10px;
	margin-top: 6px;
	-moz-border-radius:  10px;  
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	border: none;
}

#footer .box input,
#footer .box textarea{
	color: #333;
	background-color: #ccc;
	text-shadow: 0 1px 0 #ddd;
	font: normal 14px 'Roboto Condensed', Tahoma;
}

#footer .margin-top{
	margin-top: 23px;
	width: 280px;
	text-align: center;
}

#footer .layer-box{
	margin-top: 20px;
	width: 36%;
	padding: 0 7%;
	text-align: right;
	color: #444;
	font: normal 10px 'Roboto Condensed', Tahoma;
	text-transform: uppercase;
}

#footer .layer-box a{
	font: normal 22px 'Roboto Condensed', Tahoma;
	display: block;
	border-top: 5px solid #ccc;
	text-transform: uppercase;
	padding: 5px 0px;
	margin: 10px 0 0 0;
	color: #222;
	text-decoration: none;
}

#footer .layer-box a:hover{
	text-decoration: underline;
}


#footer .alfa-step{
	font: normal 14px 'Roboto Condensed', Tahoma;
	color: #333;
	text-align: center;
	clear: both;
	padding-top: 30px;
}

#footer .alfa-step a{
	font: normal 14px 'Roboto Condensed', Tahoma;
	color: #333;
	text-decoration: none;
}

#footer .alfa-step a:hover{
	text-decoration: underline;
}

#contacts{
	font: normal 14px 'Roboto Condensed', Tahoma;
	padding: 50px 0 70px 0;
	background-color: #eee;
	text-align: center;
	text-shadow: none;
	display: block;
	clear: both;
}

#contacts .title{
	text-transform: uppercase;
	font: bold 12px 'Roboto Condensed', Tahoma;
	color: #333;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

#contacts .tel{
	font: normal 22px 'Roboto Condensed', Tahoma;
	color: #222;
}

#contacts .email{
	font: normal 14px 'Roboto Condensed', Tahoma;
	color: #000;
	text-transform: uppercase;
	padding: 8px 0;
}

#contacts .text{
	background: url('i/footer_logo.png') no-repeat;
	background-position: 0 50%;
	width:  93%;
	margin: 0px 5% 40px 0;
	padding: 0  0 0 7%;
}

#contacts .menu_box{
	width: 15%;
	margin: 0 4% 0 0;
}

#contacts .menu_box_2{
	width: 55%;
}

#contacts .contact{
	width: 22%;
}

#contacts .text,
#contacts .menu_box,
#contacts .contact{
	float: left;
	text-align: left;
}

#contacts .menu_box li{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#contacts .menu_box_2 li{
	width: 30%;
	margin: 0 3% 0 0;
	float: left;
}

#contacts .menu_box a{
	font: normal 14px 'Roboto Condensed', Tahoma;
	color: #1b79af;
	text-decoration: none;
}

#contacts .menu_box a:hover{
	color: #000;
}

#contacts .menu_box li li{
	display: none;
}

#phone{
	padding: 50px 0;
	background-color: #eee;
	font: normal 22px 'Roboto Condensed', Tahoma;
}

#phone span{
	display: inline-block;
}

#phone a{
	font: normal 24px 'TITLE', Tahoma;
	text-decoration: none;
	display: block;
	float: right;
	color: #333;
}

#phone a:hover{
	text-decoration: underline;
}

#phone p{
	padding: 5px 10px;
	margin: 5px 0;
	clear: both;
	-moz-border-radius:   5px;
	-webkit-border-radius:  5px;
	border-radius:  5px;
}

#phone p:nth-child(2n+1){
	background-color: #fff;
}

#phone p:hover a,
#phone p:hover{
	background-color: #e3b118;
	color: #fff;
}


#mobile_home_page,
#mobile_up_page,
#mobile_cart,
#menu_ctrl{
	background: rgba(0,0,0,.9) url('i/menu.png') no-repeat;
	background-position: center center;
	position: fixed;
	display: block;
	bottom: 0;
	width: 15%;
	height: 52px;
	z-index: 101;
	padding: 0;
	cursor: pointer;
	-moz-border-radius:   0 5px 0px 0;
	-webkit-border-radius:  0 5px 0px 0;
	border-radius:  0 5px 0px 0;
}

#mobile_cart{
	background: rgba(0,0,0,.9) url('i/mobile-cart.png') no-repeat;
	background-position: center center;
	bottom: 56px;
	-moz-border-radius:   0 5px 5px 0;
	-webkit-border-radius:  0 5px 5px 0;
	border-radius:  0 5px 5px 0;
}

#mobile_cart_num{
	position: relative;
	top: -2px;
	right: -3px;
	color: #fff;
}

#mobile_home_page{
	background: rgba(0,0,0,.9) url('i/mobile-home_page.png') no-repeat;
	background-position: center center;
	bottom: 112px;
	-moz-border-radius:   0 5px 5px 0;
	-webkit-border-radius:  0 5px 5px 0;
	border-radius:  0 5px 5px 0;
}

#mobile_up_page{
	background: rgba(0,0,0,.9) url('i/mobile-up_page.png') no-repeat;
	background-position: center center;
	bottom: 168px;
	-moz-border-radius:   0 5px 5px 0;
	-webkit-border-radius:  0 5px 5px 0;
	border-radius:  0 5px 5px 0;
}

/*меню сайта*/
#menu_mobile {
	position: absolute;
	width: 83%;
	height: auto;
	background-color: rgba(0,0,0,.9);
	z-index: 100;
	top: 0;
	left: 0;
	padding: 5px 0 15px 0;
	border-left: 1px solid #222;
	margin-left: 16%;
	text-shadow:-1px -1px 0 #000;
	-moz-border-radius:  0 0 0 10px;  
	-webkit-border-radius: 0 0 0 10px; 
	border-radius: 0 0 0 10px; 
}
#menu_mobile_site,
#menu_mobile_product{
	width: 96%;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

#menu_mobile_product ul,
#menu_mobile_site  ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu_mobile_product  li,
#menu_mobile_site .menu > li {
	padding: 0 0 0 0;
	margin: 0;
	width: 48%;
	float: left;
	display: table-cell;
}

#menu_mobile_product  li{
	min-height: 30px;
}

#menu_mobile_product  .sub-menu li {
	padding: 0;
	width: 100%;
	float: none;
}

#menu_mobile_site li {

}


/*#menu_mobile_product li:nth-last-child(2n),*/
#menu_mobile_site .menu > li:nth-last-child(2n) {
	float: left;
}

#menu_mobile_product,
#menu_mobile_site .menu {
	width: 100%;
}

#menu_mobile_product li,
#menu_mobile_site li, #menu_mobile_site .menu li{
	position: relative;
}

#menu_mobile_product li a, 
#menu_mobile_site li a, 
#menu_mobile_site li span,
#menu_mobile_site .menu li a,
#menu_mobile_site .menu li span{
	width: auto;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	margin-left: 10px;
	display: block;
	font: normal 14px 'Roboto Condensed', Arial, Tahoma, Helvetica, Sans-Serif;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	text-shadow: none;
	
}

#menu_mobile_product li a{
	font: normal 14px 'Roboto Condensed', Arial, Tahoma, Helvetica, Sans-Serif;
	text-transform: uppercase;
	border: 1px solid rgba(255,255,255,.4);
	margin-left: 5%;
	padding:  5px 0;
	text-align: center;
	
}

#menu_mobile_product ul ul li a{
	font: normal 14px 'Roboto Condensed', Arial, Tahoma, Helvetica, Sans-Serif;
	text-transform: uppercase;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 0px; 
}

#menu_mobile_product ul li,
#menu_mobile_site .menu ul li{
	padding: 3px 0;
}

#menu_mobile_product ul,
#menu_mobile_site .menu ul {
	/*margin: 0 0 0 10%;*/
	margin: 0;
	visibility: visible;
	position: relative;
	background: none;
}

#menu_mobile_product ul ul li {
	margin: 0 0 0 5%;
	position: relative;
	border-left: 1px dotted #333;
	min-height: 0px;
}

#menu_mobile_product ul li,
#menu_mobile_site .menu ul li {
	display: block;
}

#menu_mobile_product ul ul ul li {
	display: none;
}

#menu_mobile_product a:hover
#menu_mobile_site .menu a:hover{    
	text-decoration: underline;
}

#menu_mobile_product ul span,
#menu_mobile_site .menu ul span{    
	display: none;
}
/*
#menu_mobile_product .active:before,
#menu_mobile_product ul li:before{
	position: absolute;
	color: #fff;
	content: '+';
	padding: 10px 15px;
	cursor: pointer;
	right: -10px;
	top: -2px;
	z-index: 3;
}

#menu_mobile_product .li-active:before{
	content: '--';
}

#menu_mobile_product .sub-menu li:before{
	display: none;
}
*/
#menu_mobile_product .sub-menu{
	-webkit-transition: all  .5s ease-in-out;
	-moz-transition:  all .5s ease-in-out;
	-ms-transition:  all .5s ease-in-out;
	-o-transition:  all .5s ease-in-out;
	transition:  all .5s ease-in-out;
	overflow: hidden;
	height: 0px;
	opacity: 0;
}

#menu_mobile_product .sub-menu-active{
	overflow: visible;
	height: 100%;
	opacity: 1;
}

#menu_mobile .mobile-btn{    
	display: block;
	padding: 5px 0px 5px 0;
	margin: 0 0 5px 0;
	text-align: center;
}

#menu_mobile .mobile-btn a{    
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 5px 0px 5px 20px;
	text-decoration: none;
	text-align: right;
	color: #fff;
	text-transform: none;
	font: normal 16px 'Roboto Condensed', Tahoma;
}

#menu_mobile .mobile-btn a:hover{    
	text-decoration: underline;
}

#menu_mobile .mobile-btn .call{    
	background:  url('i/mobile-phone.png') no-repeat;
	background-position: 0 50%;
}

#menu_mobile .mobile-btn .whatsapp{    
	background:  url('i/mobile-whatsapp.png') no-repeat;
	background-position: 0 50%;
}

#menu_mobile .mobile-btn .email{    
	background:  url('i/mobile-email.png') no-repeat;
	background-position: 0 50%;
}

#menu_mobile .mobile-btn .hit{    
	background:  url('i/mobile-hit.png') no-repeat;
	background-position: 0 50%;
}

#menu_mobile .mobile-btn .discount{    
	background:  url('i/mobile-discount.png') no-repeat;
	background-position: 0 50%;
}

#menu_mobile .mobile-btn .hit,
#menu_mobile .mobile-btn .discount{    
	padding: 5px 0 5px 30px;
}

#menu_mobile .search{
	width: 90%;
	margin: 0px auto 0px auto;
	padding: 0px 0 10px 0;
}

#menu_mobile .search input{
	width: 78%;
	float: left;
	padding: 7px 0px 8px 0px;
	font: normal 16px 'Roboto Condensed', Tahoma;
	text-align: center;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	-moz-border-radius:  5px 0 0 5px;
	-webkit-border-radius:  5px 0 0 5px;
	border-radius:  5px 0 0 5px;
}

#menu_mobile .search a{
	background:  rgba(196, 125, 48, 1) url('i/search.png') no-repeat;
	background-position: 50% 50%;
	width: 20%;
	height: 25px;
	padding: 4px 0px 4px 0px;
	float: left;
	-moz-border-radius:  0 5px 5px 0;
	-webkit-border-radius:  0 5px 5px 0;
	border-radius:  0 5px 5px 0;
	margin: 0px 0 0 -2px;
}

#menu_mobile .search a:hover{
	background:  rgba(255,255,255,.8) url('i/search.png') no-repeat;
	background-position: 50% 50%;
}

#menu_mobile .ico-catalog{
	background:  url('i/menu_shop.png') no-repeat;
	width: 60px;
	height: 60px;
	display: block;
	margin: 30px auto 10px auto;

}


#search_shop .search{
	width: 80%;
	margin: 20px 0;
}

#search_shop .search input{
	width: 78%;
	float: left;
	margin: 0px 0 0 0;
	padding: 6px 0px 5px 0px;
	font: normal 16px 'Roboto Condensed', Arial, Tahoma, Helvetica, Sans-Serif;
	text-align: center;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	-moz-border-radius:  5px 0 0 5px;
	-webkit-border-radius:  5px 0 0 5px;
	border-radius:  5px 0 0 5px;
	-webkit-transition: all  .5s ease-in-out;
	-moz-transition:  all .5s ease-in-out;
	-ms-transition:  all .5s ease-in-out;
	-o-transition:  all .5s ease-in-out;
	transition:  all .5s ease-in-out;
}

#search_shop .search input:focus{
	background-color: rgba(196, 125, 48, .3);
}

#search_shop .search a{
	background:  green url('i/search.png') no-repeat;
	background-position: 50% 50%;
	width: 20%;
	height: 20px;
	padding: 6px 0px 6px 0%;
	float: left;
	-moz-border-radius:  0 5px 5px 0;
	-webkit-border-radius:  0 5px 5px 0;
	border-radius:  0 5px 5px 0;
	margin: 0px 0 0 -2px;
}

#search_shop .search a:hover{
	background:  rgba(140,240,105,1) url('i/search.png') no-repeat;
	background-position: 50% 50%;
}


#styleNews .descripNews{
	font: normal 20px 'Roboto Condensed', Tahoma;
}

.userContent{
	padding: 0px 0px 50px 0px;
	display: block;
	font: normal 20px 'Roboto Condensed', Tahoma;
	text-shadow: none;
	position: relative;
}

.userContent table{
	width: auto;
}

.userContent table tr{
	width: auto;
}

.userContent tr:nth-child(1n){
	background-color: none;
}

.userContent tr:nth-child(2n){
	background-color: #eee;
}


.userContent table td{
	width: auto;
	text-align: left;
	padding: 5px 10px 5px 10px;
}

.userContent table td:nth-child(2){
	padding: 5px 10px 5px 20px;
	text-align: right;
	min-width: 60%;
}


.userContent table th{
	padding: 5px 10px 5px 10px;
	width: 250px;
}

.userContent h1,  .userContent h2{
	margin: px 0 0px 0;
	padding-top: 35px;
	font: normal 26px 'Roboto Condensed', Tahoma;
	color: #222;
	text-transform: uppercase;
}

.userContent .path {
	text-transform:lowercase;
	font: normal 16px 'Roboto Condensed', Tahoma;
	margin: -5px 0 15px 0;
	text-shadow:0px 1px 0 white;
}

.userContent .path a{
	text-transform:lowercase;
	text-decoration: none;
	color: #2b83c1;
	text-shadow:0px 1px 0 white;
}

.userContent .path a:hover{
	text-decoration: underline;
}

.userContent .box-in-center{
	text-align: center;
}

.white-title-page,
.white-title-page h1,
.white-title-page .path a,
.white-title-page .path {
	color: #fff;
	text-shadow: none;
}


.mobile-view{
	display: none;
}

.mobile-hidden{
	display: block;
}

/*
#userShop li:hover .this-cat-info{
	color: #fff;
	text-shadow: none;
	background-color: #28940f;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#userProduct .price-box{
	background-color: #fff;
	
}

#userProduct  .color-add-cart,
#comparisonShop .color-add-cart,
#userShop .color-add-cart{
	background-color: #297c00;
	color: #fff;
}

#userShop .recycler:hover,
#userProduct .recycler:hover {
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow:  none;
	background-color: #c09100;
	color: #fff;
}

#userShop .recycler-in,
#userProduct .recycler-in{
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow:  none;
	background-color: #fff;
	color: #297c00;
}


#userShop .recycler-del:hover,
#userProduct .recycler-del:hover,
#userShop .recycler-in:hover,
#userProduct .recycler-in:hover{
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow:  none;
	background-color: #c09100;
	color: #fff;
}



#userProduct  .color-in-comparison,
#userShop .color-in-comparison{
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow:  none;
	background-color: #cc9933;
}

#userProduct  .color-del-comparison:hover,
#userShop .color-del-comparison:hover,
#userProduct  .color-in-comparison:hover,
#userShop .color-in-comparison:hover{
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow:  none;
	background-color: #c09100;
	color: #fff;
}

#userProduct  .color-del-cart:hover,
#userShop .color-del-cart:hover{
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow:  none;
	background-color: #c09100;
	color: #fff;
}

#userProduct .color-in-cart,
#userShop .color-in-cart{
	background-color: #297c00;
}

#userProduct .color-add-comparison,
#userShop .color-add-comparison{
	background: #eee;
	color: #333;
}
*/

@media (max-width:900px){
	body{
		padding: 80px 0 50px 0;
	}
	
	.center_br,
	.center_br_90	{
		width:100%;
		padding: 0;
	}
	
	.userContent{
		padding: 0 5%;
		width: 90%;
	}
	
	.userContent img{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
		margin: 5px 0;
	}

	.left_me, .right_me{
		float: none;
	}	
	
	.mobile-view{
		display: block;
	}
	
	.mobile-hidden{
		display: none;
	}
	
	.btn {
		font: normal 16px 'Roboto Condensed', Tahoma;
		margin: 10px auto 10px auto;
		display: block;
		clear: both;
		float: none;
		width: 80%;
		text-align: center;
		text-transform: uppercase;
	}
	
	#head_top .title span{
		margin-top: 0px;
	}

	#menu_main,
	#fixed_menu,
	#menu_catalog,
	.menu-catalog-box, 
	.menu-main-box{
		display: none;
	}
	
	#head_top {
		overflow-x: hidden;
		width: 100%;
	}
	
	#head_top .logo{
		margin: 0 auto;
		float: none;
	}
	
	#head_top .layer-box{
		margin: 0 0px 0 0px;
		float: none;
		clear: both;
		text-align: center;
	}
	
	
	#head_top .garanty,
	#head_top .title{
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#head_top .phone{
		width: 60%;
		margin: 20px auto;
		text-align: left;
		display: block;
	}
	
	#head_top .email{
		width: 70%;
		text-align: center;
		margin: 20px auto;
	}
	
	#head_top .email a{
		padding: 5px 10px;
		margin: 5px 0px;
	}

	#head_top .call,
	#head_top .whatsapp{
		background-position: 0 50%;
		font: normal 22px 'Roboto Condensed', Tahoma;
		color: #111;
	}

	#head_top .follow-me{
		width: 100%;
		float: none;
		text-align: center;
		margin: 0 auto;
		background: none;
		border: none;
	}

	#head_top .follow-me a{
		margin: 0 45px 0 25px;
		padding: 10px 15px 8px 15px;
		background-color: #eee;
		border: 1px solid #ccc;
		float: none;
		display: inline-block;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px; 
	}

	
	#indexShop{
		padding: 0px;
	}
	
	
	#indexShop li{
		width: 45%;
		height: auto;
		float: left;
		margin: 0 2% 3% 2%;
	}

	#indexShop .title {
		padding: 0px 0px 0px 0px;
		color: #fff;
		background-color: rgba(77, 184, 58, .7);
	}

	#indexShop  .shop-img-product {
		width: 100%;
		height: 150px;
	}

	#indexShop  .shop-img-product img{
		width: 100%;
	}
	
	#userProduct .price-config-active .price-config-help,
	#userProduct .price-config-help{
		border-left: none;
	}

	#slide_hits,
	#slide_discount{
		width: 230px;
		padding: 20px 0px 0 0px;
		margin: 0 auto;
		left: 5px;
	}
	
	#info_1{
		padding: 60px 0 10px 0;
		text-shadow: none;
	}

	#info_1 .box{
		width:94%;
		padding: 0px 0;
		float: none;
		clear: both;
		margin: 0px auto 60px auto;
	}
	
	#info_1 .box-img{
		width: 100%;
		float: none;
		clear: both;
		padding: 0;
	}
	
	#info_1 .title{
		width: 100%;
		text-align: center;
		padding: 10px 0;
		margin: 0;
	}

	#info_1 .text{
		padding: 5px 0 5px 5px;
		font: normal 16px 'Roboto Condensed', Tahoma;
	}

	#info_1 .discount, #info_1 .buyer{
		background-position: 50% 50%;
	}

	
	#index_scrolling{
		width: 100%;
		margin: 0;
		padding: 0px 0 60px 0;
	}

	#index_scrolling .navigation{
		padding: 10px 0;
		text-align: center;
	}

	#index_scrolling .btn{
		display: inline-block;
		padding: 15px 10px;
		width: auto;
	}

	#index_scrolling .navigation .back,
	#index_scrolling .navigation .next{
		width: 44px;
		height: 44px;
	}
	
	#boxnews .archive, #boxnews .title{
		font: normal 20px 'Roboto Condensed', Tahoma;
	}

	#boxnews ul li{
		margin-bottom: 35px;
		float: none;
		width: 100%;
		margin-right: 0;
		clear: both;
	}
	
	
	#boxnews ul{
		font: normal 16px 'Roboto Condensed', Tahoma;
	}

	#boxnews ul span{
		font: normal 14px 'Roboto Condensed', Tahoma;
	}

	#boxnews ul a{
		font: normal 12px 'Roboto Condensed', Tahoma;
	}
	
	#info_2 .box-center{
		width: 100%;
	}
	
	#info_2 .box{
		width: 70%;
		height: auto;
		margin: 0 auto 50px auto;
		float: none;
		clear: both;
		padding: 120px 0 0px 0;
	}

	#info_2 .title{
		font: normal 18px 'Roboto Condensed', Tahoma;
		background-color: rgba(0,0,0,.2);
		padding: 5px 5px 5px 5px;
		margin: 0 0 10px 0px;
		text-align: center;
		-moz-border-radius:  5px;
		-webkit-border-radius:  5px;
		border-radius:  5px;
	}


	#info_2 .text{
		text-align: center;
		clear: both;
		font: normal 14px 'Roboto Condensed', Tahoma;
		height: auto;
		padding: 0 0 30px 0;
	}

	
	#footer {
		width: 90%;
		margin: 0px auto 0 auto;
		padding: 40px 0px 20px 0px;
	}

	#footer .ico_send_me{
		left: 50%;
		margin: 0 0 0 -52px;
		top: -70px;
		padding: 20px;
	}

	#footer .title{
		font: normal 20px 'Roboto Condensed', Tahoma;
		margin-bottom: 10px;
		text-align: center;
	}

	#footer .layer-box{
		margin: 0px 3% 20px 3%;
		width: 44%;
		padding: 0;
		float: left;
		text-align: center;
	}

	#footer .layer-box a{
		font: normal 12px 'Roboto Condensed', Tahoma;
		padding: 5px 0px;
		text-transform: none;
		margin: 5px 0 0 0;
	}


	#footer .box{
		width: 100%;
		clear: both;
		float: none;
		text-align: center;
	}

	#footer .box input{
		width: 80%;
		padding: 10px;
		margin: 5px auto 5px auto;
		text-align: left;
	}

	#footer .box textarea{
		width: 80%;
		height: 150px;
		padding: 10px;
		margin-top: 6px;
	}

	#footer .margin-top{
		margin: 23px auto 50px auto;
		width: 80%;
		padding: 15px 10px;
		text-align: center;
	}
	
	#footer .alfa-step,
	#footer .alfa-step a{
		font: normal 12px 'Roboto Condensed', Tahoma;
		width: 90%;
		margin: 0 auto;
	}

	#footer .alfa-step a{
		display: block;
	}
	
	.catalog-bg{
		height: auto;
		background:  url('i/bg_shop_catalog.jpg');
		background-attachment: fixed;
		background-position: 50% 50%;
	}

	#contacts{
		margin: 80px 0 0 0;
		background-color: #ddd;
	}

	#contacts .text,
	#contacts .menu_box,
	#contacts .contact{
		background: none;
		width: 80%;
		padding: 0;
		margin: 25px auto;
		display: block;
		float: none;
		text-align: left;
	}
	
	.tulpan-bg-head{
		background:  url('i/tulpan/bg_head.jpg') repeat-y;
		height: auto;
		padding: 50px 0;
		margin: 0 0 60px 0;
	}

	#tulpan .title-box,
	#tulpan .box{
		width: 60%;
		padding: 30px 1% 0px 28%;
		margin: 0 auto 20px auto;
		display: block;
		font: normal 20px 'Roboto Condensed', Tahoma;
	}

	#consultation .recall,
	#tulpan .recall,
	#tulpan .title-box{
		display: block;
		width: 85%;
		height: auto;
		padding: 0 2%;
		font: normal 22px 'Roboto Condensed', Tahoma;
	}

	#consultation .recall,
	#tulpan .recall{
		color: #fff;
		padding: 30px 2% 30px 2%;
		margin: 0 auto;
		
	}

	#consultation .recall span,
	#tulpan .recall span{
		font: bold 36px 'Roboto Condensed', Tahoma;
		padding: 0px 5px 20px 5px;
		display: block;
	}

	#tulpan .box span{
		font: bold 34px 'Roboto Condensed', Tahoma;
	}
	
	#consultation .recall input,
	#consultation .recall a,
	#tulpan .recall input,
	#tulpan .recall a{
		font: normal 18px 'Roboto Condensed', Tahoma;
		padding: 15px 0px;
		display: block;
		margin: 10px 0 0px 0px;
		text-align: center;
	}

	#consultation .recall input,
	#tulpan .recall input{
		width: 100%;
	}

	#tulpan .box-image{
		float: none;
		width: 100%;
	}

	#tulpan iframe{
		float: none;
		width: 80%;
		height: 300px;
	}

	#tulpan img{
		width: 80%;
	}
	
	iframe {
		width: 100%;
		height: 350px;
		margin: 10px auto;
		text-align: center;
	}
	
	#phone{
		padding: 30px 0 60px 0;
		font: normal 16px 'Roboto Condensed', Tahoma;
		text-align: center;
	}

	#phone span, 
	#phone a{
		font: normal 18px 'Roboto Condensed', Tahoma;
		float: none;
		display: block;
		text-align: center;
	}
	
	#phone a{
		font: normal 28px 'Roboto Condensed', Tahoma;
	}
	
	#phone p{
		text-align: center;
		border-bottom: none;
		width: 80%;
		margin: 0px auto;
		padding: 15px 0;
	}
	
	

	#menu_mobile_site .user_cabinet_mobile li {
		width: 31%;
		margin: 0 2% 15px 0;
		background-color: #666;
		-moz-border-radius:  5px;
		-webkit-border-radius:  5px;
		border-radius: 5px;
	}
	
	#menu_mobile_site  .user_cabinet_mobile .w100 li{
		width: 100%;
	}
	
	#menu_mobile_site  .user_cabinet_mobile .w100 li a{
		text-align: center;
	}
	
	
	#user_auth  .registration {
		top: 3%;
		left: 5%;
		margin: 0px 0 0 0px;
		padding: 0px 5px 10px 5px;
		width: 90%;
		height: 80%;
	}

	#user_auth  .reghead img{
		margin: 0 0 0 0;
		padding: 10px 10px;
	}

	#user_auth  .reghead p{
		float: left;
	}
	
	#usrOrder .number,
	#usrOrder .discount {
		display: none;
	}
	
	#usrOrder .name {
		width: 33%;
		text-align: center;
		font: normal 14px 'Roboto Condensed', Tahoma;
	}
	
	#usrOrder .count,
	#usrOrder .price {
		width: 12%;
		text-align: center;
		font: normal 14px 'Roboto Condensed', Tahoma;
	}

	.slide-search{
		position: fixed;
		width: 83%;
		padding: 0 0 0 1%;
		z-index: 10;
		bottom: 0;
		right: 0;
		background: rgba(71,71,71,1);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; 
	}
	
	#search_shop .search{
		width: 96%;
		margin: 10px auto;
	}
	
	#search_shop .search input:focus{
		background-color: rgba(255, 255, 255, .8);
	}

}