@import url('http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,cyrillic,cyrillic-ext');
body{
	font-family: 'Arial', sans-serif;
	overflow-x: hidden;
	background: #f1f2f2;
	font-size: 15px;
	color: #000;
	min-width: 960px;
}

.wrapper{
	width: 960px; margin: 0 auto; background: #fff; display: block; border-bottom: 30px solid #f1f2f2
}
	.top-search{
		height: 47px; background: #4f4f4f; width: 100%;
	}
		.top-search div{
			float: left;
		}
		.top-search .name{
			margin: 13px 5px 0 9px;
		}
		.top-search .logo{
			margin: 7px 5px 0 0;
		}
		.top-search input[type="text"]{
			width: 185px; height: 23px; border-radius: 3px; background: #eff0f2; border: none; padding: 0 30px 0 15px; box-shadow: inset -1px 1px 1px 0px rgba(0, 0, 0, 1); margin: 11px 0 0 0;
		}


	.header{
		width: 100%; height: 125px; border-bottom: 7px solid #f1f2f2
	}
		.header .logo{
			width: 310px; height: 99px; margin: 5px 0 0 9px;
		}
			.header .logo a{
				display: block;
			}
		.header .slider{
			width: 635px; height: 106px; position: relative; left: -4px; top: 10px;
		}
			.header .slider .slide-item{
				width: 152px; height: 106px;
			}


	.content{
		width: 100%; border-bottom: 7px solid #f1f2f2
	}
		.left-sidebar{
			float: left; width: 210px; margin: 30px 0 30px 30px;
		}
			.mobile-nav{
				display: none;
			}
			.nav{
				width: 100%;
			}
				.nav ul{
					width: 100%; background: #f3f2f0
				}
					.nav ul li{
						display: inline-block; width: 100%; border-bottom:  1px solid #fff; height: 29px; line-height: 29px;
					}
						.nav ul li:hover{
							background: #fc372d url("../img/nav_active.png") 98% 50% no-repeat; box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.75); border-bottom: 1px solid #fc372d
						}
							.nav ul li.active:hover{
								background: #646463;  box-shadow: none; border-bottom: 1px solid #646463
							}
						.nav ul li.active{
							background: #646463;
						}
							.nav ul li.active a{
								text-decoration: none; color: #fff;
							}
						.nav ul li a{
							font-size: 15px; color: #4f4f4f; display: block; padding: 0 0 0 13px;
						}
							.nav ul li a:hover{
								color: #fff; text-decoration: none;
							}
			.btn-callback{
				height: 48px; width: 100%; text-align: center; background: #fc372d; font-size: 20px; line-height: 48px; margin-top: 20px;
			}
				.btn-callback a{
					text-transform: uppercase; text-decoration: none; color: #fff; display: block;
				}
				.btn-callback:hover{
					opacity: 0.95
				}

			.left-sidebar .cart{
				width: 100%; text-align: center; margin-top: 20px;
			}
				.left-sidebar .cart a{
					display: block;
				}
				.left-sidebar .cart span{
					font-size: 19px; display: inline-block; margin-bottom: 20px;
				}
				.list-cart{
					width: 100%; text-align: center;
				}
					.list-cart .element-cart{
						display: inline-block; width: 140px; border: 1px solid #cbcbcb; margin-bottom: 20px;
					}
						.list-cart .element-cart a{
							font-size: 13px; text-decoration: none; color: #000;
						}
							.list-cart .element-cart a span{
								color: #fc372d; font-size: 15px; position: relative; right: -3px;
							}
						.list-cart .element-cart img{
							width: 140px; margin-top: 15px; height: 93px
						}

		.main-content{
			margin: 30px 15px 0 0; float: right; width: 692px;
		}
			.main-content .banners{
				padding-bottom: 8px; border-bottom: 2px solid #ff0000; width: 100%; margin-bottom: 10px;
			}
			.main-content .inner{
				width: 652px; padding: 0 20px 0 20px;
			}
			.inner .breadcrumbs{
				margin: 5px 0 17px 0; width: 100%; text-decoration: underline;
			}

			.list-products{
				width: 100%; text-align: justify; line-height: 0; font-size: 1px; text-justify: newspaper; zoom:1; text-align-last: justify; position: relative;
			}
				.list-products:after {
					width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; display: inline-block;
				}
					.list-products li{
						background: #fff; width: 190px; border: 1px solid #e1e1e1; margin-bottom: 25px; display: inline-block; text-align: left; line-height: normal; font-size: 14px; vertical-align: top; //display : inline; //zoom : 1;
					}
						.list-products li:hover{
							box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75); border-bottom: none;
						}
					.list-products li img{
						width: 190px; height: 127px;
					}
					.list-products .add-to-cart{
						float: left; position: relative; top: -128px; left: 5px;
					}
						.list-products .add-to-cart a{
							text-decoration: none; color: #000; font-size: 10px; background: url("../img/bg_cart_small.png") 100% 50% no-repeat; background-size: 15px 15px; display: inline-block; line-height: 16px; padding-right: 22px;
						}
					.list-products .desc{
						width: 100%; position: relative; top: -10px;
					}
						.list-products .desc p{
							padding: 0 5px 0 5px; text-align: center; color: #e27d55; font-size: 13px;
						}
					.list-products .order-now{
						width: 192px; position: relative; left: -1px;
					}
						.list-products .order-now a{
							display: block; text-align: center; color: #fff; font-size: 15px; height: 20px; line-height: 20px; border-radius: 0px; background: #707070; text-decoration: none;
						}
							.list-products .order-now a:hover{
								opacity: 0.95
							}


			.list-products-in{
				width: 100%; /*text-align: justify;*/ line-height: 0; font-size: 1px; text-justify: newspaper; zoom:1; text-align-last: justify; position: relative;
			}
				.list-products-in:after {
					width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; display: inline-block;
				}
					.list-products-in li{
						background: #fff; width: 105px; border: 1px solid #e1e1e1; margin: 0 15px 30px 16px; display: inline-block; text-align: center; line-height: normal; font-size: 13px; vertical-align: top; //display : inline; //zoom : 1; color: #e27d55;
					}
						.list-products-in li:hover{
							box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75); border-right: 1px solid transparent
						}
					.list-products-in li img{
						width: 105px; height: 70px;
					}
					.list-products-in p{
						display: inline-block; padding: 3px 5px 3px 5px;
					}
					.list-products-in a{
						display: block;
					}


			.list-cart-in{
				width: 100%; text-align: justify; line-height: 0; font-size: 1px; text-justify: newspaper; zoom:1; text-align-last: justify; position: relative;
			}
				.get-data-category{
					width: 100%; padding-bottom: 20px;
				}
				.list-cart-in:after {
					width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; display: inline-block;
				}
					.list-cart-in li{
						background: #fff; margin: 0 13px 20px 13px; float: left; width: 145px; display: inline-block; text-align: center; line-height: normal; font-size: 15px; vertical-align: top; //display : inline; //zoom : 1; color: #4f4f4f;
					}
					.list-cart-in li img{
						width: 145px; height: 97px; margin: 10px 0 10px 0; border: 1px solid #e1e1e1;
					}
					.list-cart-in p{
						display: inline-block;
					}
						.list-cart-in p input{
							width: 42px; padding: 0; font-size: 15px; height: 19px; font-size: 13px;
						}
				.remove-cart{
					color: #fff; text-decoration: none; display: inline-block; width: 100%; height: 32px; line-height: 32px; background: #fc372d; margin-top: 5px;
				}
					.remove-cart:hover{
						opacity: 0.9
					}

		.banners-cart{
			margin-bottom: 200px!important;
		}

		.form-cart{
			width: 100%; color: #4f4f4f; font-size: 14px; margin: 20px 0 0 0; margin-bottom: 20px;
		}
			.form-cart .left{
				width: 330px; float: left; text-align: center;
			}
			.form-cart .right{
				width: 320px; float: right;
			}
				.form-cart textarea{
					width: 100%; max-width: 312px; height: 100px; margin-top: 15px;
				}
				.form-cart input{
					width: 200px; padding: 0 5px 0 5px; height: 20px; margin-left: 10px;
				}
				.form-cart td{
					padding-bottom: 15px; text-align: left;
				}
					.form-cart td:first-child{
						padding-left: 5px;
					}
			.send-order{
				width: 245px!important; height: 55px!important; border-radius: 5px; background: none; border: 3px solid #fc372d; font-size: 28px;
			}


		.pagination{
			width: 100%; text-align: center; margin: 0 0 15px 0;
		}
			.pagination ul{
				display: inline-block;
			}
				.pagination ul li{
					display: inline-block; font-size: 22px;
				}
					.pagination ul li a{
						color: #4f4f4f; text-decoration: none; display: inline-block; padding: 0 5px 0 5px; height: 25px; text-align: center; line-height: 25px;
					}
						.pagination ul li.current{
							color: #4f4f4f; border-bottom: 1px solid #4f4f4f
						}
							.pagination ul li.current a:hover{
								text-decoration: none!important;
							}
						.pagination ul li a:hover{
							text-decoration: underline;
						}

		.back-cat{
			display: inline-block; margin: 0 0 20px 10px; text-decoration: none; color: orange; border-bottom: 1px solid orange;
		}
			.back-cat:hover{
				border-bottom: 1px solid transparent
			}


		#showBanner{
			width: 100%;
		}
			.showBanner img{
				margin-bottom: 20px;
			}
			#showBanner img{
				width: 692px; height: 258px; display: none;
			}
			.bann-inner{
				position: relative; top: -15px;
			}
			.banners-main{
				min-height: 270px!important;
			}
			.banners-main img{
				visibility: hidden; display: block!important;
			}

		.footer{
			padding-bottom: 20px;
		}
		.footer .slider{
			width: 920px; height: 278px; position: relative; text-align: center; margin-left: 20px;
		}
			.footer .slide-item{
				width: 692px; height: 278px; float: left; margin-left: 100px;
			}
				.footer .slide-item img{
					width: 692px; height: 278px;
				}
			.footer .prev-slide{
				width: 29px; background: #fff url("../img/arr_left_f.png") 0px 50% no-repeat;
			}
			.footer .next-slide{
				width: 29px; background: #fff url("../img/arr_right_f.png") 100% 50% no-repeat;
			}





	.slider{
		width: 100%; position: relative; overflow: hidden; height: 120px; margin: 0 0 0 0;
	}
	.slide-list{
		position: relative; margin: 0 0 0 7px; padding: 0;
	}
	.slide-wrap{
		position: relative; left: 0px; top: 0; width: 10000000px;
	}
		.slide-item img{
			max-width: 100%; vertical-align: middle;
		}
	.navy{
		position: absolute; top: 0; z-index: 1; height: 100%; width: 30px; cursor: pointer;
	}
	.prev-slide{
		left: 0; width: 13px; background: #fff url("../img/arr_left.png") 0px 50% no-repeat;
	}
	.next-slide{
		right: 0; width: 13px; background: #fff url("../img/arr_right.png") 100% 50% no-repeat;
	}


/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/
.footer .slider{
	position: relative; left: 20px;
}
.slider {
	position: relative;
	width: 100%;
	height: 420px;
	overflow: hidden;
}
	.top-slides .slide{
		/*width: 200px!important*/
	}
	.slides {
		height: 100%;
		
		/* Simple clear fix */
		overflow: hidden;
		
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide{
			height: 100%;
			float: left;
			clear: none;
		}
			.slide img{
				width: 100%;
			}


	.slider-arrows {}

		.slider-arrow {
			position: absolute;
			display: block;
			margin-bottom: -20px;
			padding: 20px; color: transparent;
		}

			.slider-top .slider-arrow--right { bottom: 30%; right: -55px;  background: url("../img/arr_right.png") no-repeat!important;}
			.slider-top .slider-arrow--left { bottom: 30%; left: 0px; background: url("../img/arr_left.png") no-repeat!important;}
			.slider-arrow--right { bottom: 50%; right: 30px;  background: url("../img/arr_right_f.png") no-repeat;}
			.slider-arrow--left { bottom: 50%; left: 30px; background: url("../img/arr_left_f.png") no-repeat;}


	.slider-nav {
		position: absolute;
		bottom: 30px; display: none;
	}

		.slider-nav__item {
			width: 12px;
			height: 12px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: #fff;
		}

				.slider-nav__item:hover { background: #ccc; }
				.slider-nav__item--current { background: #ccc; }


input:focus,select:focus,textarea:focus{
	outline: none;
}
input[type="submit"]:hover{
	cursor: pointer; opacity: 0.9;
}
.btn{
	display: inline-block; height: 35px; line-height: 37px; text-align: center; border: none; text-decoration: none;
}
	.btn:hover{
		cursor: pointer; opacity: 0.95
	}

.btn-green{
	text-transform: uppercase; background: #2ecc71; color: #1e854a; font-size: 16px; font-weight: bold; width: 220px;
}
.btn-blue{
	text-transform: uppercase; background: #2981ba; color: #fff; font-size: 12px; font-weight: bold; width: 220px;
}


::-webkit-input-placeholder {color:#c0c0c0;}
::-moz-placeholder          {color:#c0c0c0;}
:-moz-placeholder           {color:#c0c0c0;}
:-ms-input-placeholder      {color:#c0c0c0;}


.ok-order{
	font-size: 20px; line-height: 30px; margin: 20px 0 200px; text-align: center;
}
.res-order{
	width: 100%;
}

.modal_div{
	width: 544px;
	background: #fff;
	position: fixed;
	top: 45%;
	left: 50%;
	margin-top: -300px;
	margin-left: -250px;
	display: none;
	opacity: 0;
	z-index: 9999;
	padding: 10px 33px 10px 33px;
	text-align: center;
}
	.modal_div .left{
		width: 190px; height: auto; float: left; border: 1px solid #cbcbcb; margin-top: 30px;
	}
		.modal_div .left img{
			width: 190px; height: auto
		}
	.modal_div .right{
		width: 335px; float: right; text-align: left; padding-top: 20px;
	}
		.modal_div .right a{
			font-size: 16px; color: #000; border-bottom: 1px solid #000; text-decoration: none; float: right; margin-bottom: 20px;
		}
			.next-sales{
				width: auto!important; margin: 10px 30px 0 0!important;
			}
			.modal_div .right a:first-child{
				margin-right: 0px;
			}
			.modal_div .right a:hover{
				border-bottom: 1px solid transparent
			}
		.modal_div table{
			width: 100%; margin: 20px 0 0 0; font-size: 16px;
		}
			.modal_div table td{
				vertical-align: middle; padding-bottom: 18px;
			}
	.modal_div .btn-order{
		width: 100%; margin: 15px 0 0 0;
	}
		.modal_div input[type="text"], .modal_div input[type="email"]{
			margin: 0; width: 90%; padding: 0 5% 0 5%; height: 31px; border: 1px solid #cbcbcb; color: #ff3030; font-size: 16px;
		}
		.modal_div input[type="submit"]{
			width: 100%; background: #4f4f4f; color: #fff; border: none; font-size: 16px; height: 30px;
		}

.modal_close {
	width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block;
}

#overlay{
	z-index: 9998; position: fixed; background-color: #000; opacity: 0.75; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none;
}
.result-send{
	width: 100%;
}
	.result-send h2{
		margin: 30px; font-size: 20px;
	}

.form-callback input{
	margin-top: 20px!important;
}
.form-callback textarea{
	width: 90%; margin-top: 20px; border: 1px solid #cbcbcb; height: 100px; padding: 3%; font-size: 16px; font-family: "Arial", sans-serif
}
	.form-callback h1{
		font-size: 20px; margin-top: 10px;
	}



img{
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;
}

.erroe404{
	width: 100%; margin-top: 100px; text-align: center;
}
	.erroe404 h1{
		font-size: 40px; margin-bottom: 15px;
	}
	.erroe404 p{
		font-size: 20px;
	}