@l: 'latoregular';
@ll: 'latolight';
@lh: 'latoheavy';
@lb: 'latobold';
@lsb: 'latosemibold';
@lm: 'latomedium';
@blue: #1b3f88;
@orange: #eeae04;

html, body {
	font-family: @l;
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: @l;
}
h1 {
	font-size: 30px;
	line-height: 36px;
}
.container-fluid {
	padding: 0;
	margin: 0 0px;
}
h2 {
	font-size: 24px;
	line-height: 30px;
}
h3 {
	font-size: 18px;
	line-height: 24px;
}
h4 {
	font-size: 16px;
	line-height: 21px;
}
h5 {
	font-size: 14px;
	line-height: 18px;
}
p {
	margin: 0;
	padding: 0;
}
input, select, textarea, button {
	border: none;
	outline: none;
}
textarea {
	resize: none;
}
ul {
	padding: 0;
	list-style-position: inside;
}
#wrapper {
	min-width: 1200px;
	min-height: 100%;
	background: url("/images/wrapper.jpg");
	.content {
		background-color: #f0f0f0;
	}
}
#wrapper:after {
	content: ' ';
	height: 252px;
	display: block;
	clear: both;
	background-color: #f0f0f0;
}
.left {
	padding-left: 0;
}
.right {
	padding-right: 0;
}
.yellow_btn {
	background: linear-gradient(to top, #eeaf05, #ffd824);
	color: #000;
	font-size: 18px;
	font-family: @lsb;
	padding: 13px 36px;
	border-radius: 3px;
	box-shadow: 2px 2px 4px -2px #000;
	display: inline-block;
	&:hover, &:active, &:focus {
		text-decoration: none;
		color: #000;
		background: linear-gradient(to top, #ffd824, #eeaf05);
	}
}
.green_btn {
	background: linear-gradient(to top, #1e750a, #4daf36);
	color: #fff;
	font-size: 18px;
	font-family: @lsb;
	padding: 13px 21px;
	border-radius: 3px;
	margin-left: 25px;
	box-shadow: 2px 2px 4px -2px #000;
	display: inline-block;
	margin-right: 20px;
	&:hover, &:active, &:focus {
		text-decoration: none;
		color: #fff;
		background: linear-gradient(to top, #4daf36, #1e750a);
	}
}
.link {
	background: linear-gradient(to top, #d8d8d8, #ffffff);
	font-family: @lsb;
	color: #000;
	display: inline-block;
	padding: 13px 33px 11px;
	box-shadow: 2px 2px 4px -2px #000;
	font-size: 18px;
	border-radius: 3px;
	position: absolute;
	margin-top: 248px;
	margin-left: -22px;
	&:hover, &:active, &:focus {
		background: linear-gradient(to top, #ffffff, #d8d8d8);
		text-decoration: none;
	}
}
.blue_btn {
	background: @blue;
	color: #fff;
	float: right;
	padding: 3px 22px;
	font-size: 16px;
	border-radius: 3px;
	&:hover {
		text-decoration: none;
		color: #fff;
	}
}
.dropdown {
	position: relative;
}
@media (max-width: 768px) {
	.container {
		margin-right: 15px;
		margin-left: 15px;
	}
}
#about, .catalog, .trash, .kontakty, .default, .product, .dileram, #search_page {
	background-color: #f0f0f0;
	padding-top: 30px;
	box-shadow: inset 2px 2px 5px #d8d8d8;
	h1 {
		font-family: @lh;
		color: @blue;
		text-align: center;
		margin-bottom: 25px;
	}
}
.container {
	width: 1170px;
}

/*
 ======================================================================

								ХЕДЕР				

 ======================================================================
*/

header {
	padding-bottom: 5px;
	background: transparent;
	.phone {
		color: #fff;
		line-height: 28px;
		.info {
			padding-left: 20px;
			background: url("/images/phone.png") no-repeat 0 2px;
			margin-right: 14px;
		}
		.number {
			margin-right: 20px
		}
		a {
			color: @orange;
			border-bottom: 1px dotted @orange;
			position: relative;
			top: -1px;
			&:hover, &:active, &:focus {
				border-color: transparent;
				text-decoration: none;
			}
		}
	}
	.logo_container {
		z-index: 9999;
		.logo {
			h1 {
				font-family: Arial;
				padding: 24px 0 25px;
				color: #ffb900;
				&:hover {
					text-decoration: none;
				}
			}
		}
	}
	.thash_drop {
		padding: 32px 35px 32px 15px;
		width: 290px;
		float: right;
		color: #fff;
		text-align: right;		
		.padej {
			opacity: 0.5;
		}
		&.menu_arrow {
			background-position: 95% 50%;
		}
		&:hover {
			cursor: pointer;
			background-color: #153474;
		}
		.trash_ico {
			background-image: url("/images/trash_ico.png");
			display: inline-block;
			width: 22px;
			height: 20px;
			position: absolute;
			margin-left: -37px;
		}
		.trash_price {
			margin-left: 10px;
			display: inline-block;
			min-width: 90px;
			text-align: center;
		}
		.dropdown-menu {
			min-width: 400px;
			left: -110px;
			border-radius: 0;
			margin-top: -1px;
			padding-left: 12px;
			padding-bottom: 0;
			.trash_img {
				max-width: 68px;
				max-height: 58px;
				float: left;
				margin-right: 12px;
				img {
					max-width: 68px;
					max-height: 58px;
				}
			}
			.counter {
				float: left;
				width: 64px;
				height: 58px;
				color: #565656;
				border: 1px solid #eaeaea;
				border-top: none;
				input {
					width: 50%;
					height: 100%;
					border: 1px solid #eaeaea;
					border-bottom: none;
					float: left;
					text-align: center;
				}
				span {
					float: left;
					display: inline-block;
					border: 1px solid #eaeaea;
					border-bottom: none;
					width: 50%;
					height: 29px;
					font-family: @lh;
					font-size: 18px;
					text-align: center;
					padding-top: 3px;
				}				
				span.plus {
					background-image: url("/images/count+.png");
					background-repeat: no-repeat;
					background-position: 10px 10px;
					&:hover {
						background-position: 10px -8px;
					}
				}
				span.minus {
					background-image: url("/images/count--.png");
					background-repeat: no-repeat;
					background-position: 10px 13px;
					&:hover {
						background-position: 10px -80px;
					}
				}
			}
			.cart_items {
				max-height: 245px;
				overflow-y: scroll;
			}
			.cart_item {
				padding-bottom: 12px;
				padding-top: 12px;
				border-bottom: 1px dotted #9a9a9a;
				.title {
					width: 120px;
					float: left;
					padding: 10px 0 0 12px;
					font-size: 12px;
					font-family: @lsb;
				}
				.price {
					font-size: 14px;
					text-decoration: none;
					color: #565656;
					padding-top: 10px;
					float: left;
					padding-left: 12px;
					span {
						color: @blue;
					}
				}
				.del {
					background-image: url("/images/del.png");
					float: right;
					width: 11px;
					height: 11px;
					margin-top: 24px;
					margin-left: 4px;
					margin-right: 10px;
					&:hover {
						background-position: 0px 11px;
					}
				}
			}
			.cart_info {
				background-color: #eeae04;
				.itog {
					background-color: #cd9709;
					display: inline-block;
					line-height: 54px;
					margin-left: -12px;
					font-family: @lsb;
					padding-left: 17px;
					padding-right: 24px;
					span {
						font-family: @lh;
					}
				}
				.order {
					line-height: 54px;					
					font-family: @lsb;
					display: inline-block;
					.order_btn {
						height: 100%;
						width: 100%;
						display: inline-block;
						text-transform: uppercase;
						padding-left: 50px;
						color: #fff;
					}
				}
			}
		}
	}
	.blue {
		min-width: 1200px;
		background-color: @blue;
		min-height: 85px;
	}
	.menu_arrow {
		background-image: url("/images/menu_arrow.png");
		background-repeat: no-repeat;
		background-position: 90% 50%;
	}
	.navbar-default {
		.navbar-nav {
			.active {
				a {
					text-decoration: none;
					color: #fff;
					background-color: #294d95;
					&:hover {
						text-decoration: none;
						color: #fff;
						background-color: #294d95;
					}
				}
			}
		}
	}
	nav {
		width: 100%;
		float: left;
		position: relative;
		&.navbar {
			float: left;
			margin-bottom: 0;
			border: none;
			background-color: transparent;
			width: auto;
			.navbar-nav {
				li {
					float: left;
					font-size: 18px;
					font-family: @ll;
					&.active {
						text-decoration: none;
						color: #fff;
						background-color: #294d95;
					}
					a {
						color: #fff;
						line-height: 85px;
						padding: 0 30px;
						&:hover, &:active, &:focus, &.active {
							text-decoration: none;
							color: #fff;
							background-color: #294d95;
						}
					}
					&.dropdown {
						.dropdown-menu {
							li {
								width: 100%;
								&:hover {
									background-color: #294d95;
								}
							}
							.dropdown {
								span {
									width: 10px;
									height: 10px;
									position: absolute;
									top: 40%;
									left: 90%;
									transform: rotate(270deg);
									background-image: url("/images/menu_arrow.png");
									background-repeat: no-repeat;
									background-position: 90% 50%;
								}								
							}
						}
					}
				}
				.open {
					a {
						background-color: #294d95;
						color: #fff;
						&:hover, &:active, &:focus {
							background-color: #294d95;
							color: #fff;
						}
					}
					.dropdown-menu {
						background-color: #294d95;
						font-family: @ll;
						color: #fff;
						padding: 0;
						border-radius: 0;
						border: none;
						a {
							line-height: 45px;
							font-size: 14px;
							&:hover, &:active, &:focus {
								background-color: #153474;
							}
						}
						.dropdown_lv2 {
							left: 100%;
							position: absolute;
							margin: 0;
							top: 0;
						}
					}
				}
				span.diler {
					z-index: 1000;
					width: 26px;
					height: 20px;
					display: inline-block;
					position: absolute;
					top: 30px;
					left: 6px;
					background-image: url("/images/diler.png");
					background-repeat: no-repeat;
					background-position: 0 50%;
				}
				a.diler {
					padding-left: 40px;
				}
			}
			.navbar-collapse {
				padding-left: 0;
				padding-right: 0;
			}
		}		
	}
}
@media (min-width: 1200px) {
	.navbar-nav>li {
		float: left;
	}
}

/*
 ======================================================================

								ГЛАВНАЯ				

 ======================================================================
*/

.index {
	background: #f0f0f0;
	.catalog_mebeli {
		.mebel_container {
			background-color: #fff;
		}
		h1 {
			color: @blue;
			text-align: center;
			font-family: @lh;
			margin-top: 35px;
			margin-bottom: 45px;
		}
		.owl-stage-outer {
			padding-left: 4px;
		}
		.owl-stage {
			padding-top: 4px;
			padding-bottom: 4px;
		}
		.catalog_mebeli_slider {
			margin-bottom: 40px;
			figcaption {
				text-align: center;
				background-color: #fff;
				color: @blue;
				font-size: 18px;
				font-family: @lm;
				padding: 15px 0;
			}
			.owl-item {
				box-shadow: 0px 0px 5px 0px #cbcbcb;
				&:hover {
					box-shadow: 0px 0px 6px 3px #cbcbcb;
				}
				img {
					height: 100%;
				}
			}
		}
		.owl-prev, .owl-next {
			height: 34px;
			width: 34px;
			border: 1px solid #d4d4d4;
			background-repeat: no-repeat;
			border-radius: 5px;
			background: url("/images/carousel_arrow.png"), linear-gradient(to right, #e0dddd, #eeeeee);
			background-repeat: no-repeat;
			background-position: 37% 50%;
			position: absolute;
			margin-left: -14px;
			top: 160px;
			&:hover {
				opacity: 0.7;
			}
		}
		.owl-nav {
			.owl-next {
				left: 100%;
				transform: rotate(180deg);
			}
		}
		.in_catalog {
			text-align: center;
			padding-bottom: 40px;
		}
	}
}
.primery_rabot {
	background-image: url("/images/wrapper.jpg");
	padding-bottom: 30px;
	h1 {
		text-align: center;
		color: @orange;
		font-family: @lh;
		margin-top: 35px;
		margin-bottom: 25px;
	}
	span {
		color: #fff;
		text-align: center;
		display: inline-block;
		padding: 0 125px;
		margin-bottom: 25px;
	}
	.primery_container {
		position: relative;
	}
	a {
		span.zoom {
			display: none;
			position: absolute;
			width: 10%;
			height: 10%;
			padding: 0;
			margin: 0;
			top: 46%;
			left: 46%;
			background: url("/images/zoom.png") no-repeat;
		}
	}
	img {
		height: 287px;
	}
	.in_gallery {
		margin-top: 25px;
		text-align: center;
		a {
			color: @orange;
			border-bottom: 1px dashed @orange;
			&:hover {
				text-decoration: none;
				border-color: transparent;
			}
		}
	}
	.owl-prev, .owl-next {
		height: 34px;
		width: 34px;
		border: 1px solid #d4d4d4;
		background-repeat: no-repeat;
		border-radius: 5px;
		background: url("/images/carousel_arrow.png"), linear-gradient(to right, #e0dddd, #eeeeee);
		background-repeat: no-repeat;
		background-position: 37% 50%;
		position: absolute;
		top: 130px;
		&:hover {
			opacity: 0.7;
		}
	}
	.owl-nav {
		.owl-next {
			left: 100%;
			transform: rotate(180deg);
			margin-left: -17px;
		}
		.owl-prev {
			margin-left: -17px;
		}
	}
}
.akcii_item {
	background: @orange;
	padding-top: 18px;
	padding-bottom: 13px;
	h1 {
		font-family: @ll;
	}
	a {
		margin-top: -42px;
		font-family: @lsb;
		font-size: 18px;
		color: #000;
		display: inline-block;
		background: linear-gradient(to top, #d8d8d8, #fff);
		border-radius: 3px;
		box-shadow: 2px 2px 4px -2px #000;
		padding: 7px 32px;
		float: right;
		&:hover, &:active, &:focus {
			text-decoration: none;
			background: linear-gradient(to top, #fff, #d8d8d8);
		}
	}
}
@media (max-width: 680px) {
	.akcii_item {
		h1 {
			a {
				margin-top: 20px;
			}
		}
	}
}
.index_content {
	background: #f0f0f0;
	padding-bottom: 60px;
	h1 {
		font-family: @lh;
		margin-top: 43px;
		margin-bottom: 38px;
		color: @blue;
	}
	.akcii_list {
		a {
			color: #525252;
			&:hover {
				color: #525252;
			}
		}
		padding-bottom: 15px;
		border-bottom: 1px solid #cdcdcd;
		margin-bottom: 20px;
		img {
			width: 100%;
			margin-bottom: 20px;
		}
		h3 {
			margin-top: -4px;
			margin-bottom: -4px;
			font-family: @lsb;
			color: #525252;
		}
		.date {
			color: #808080;
			font-size: 12px;
			font-family: @ll;
		}
	}
}
.about {
	padding-bottom: 50px;
	background: #fff;
	.row {		
		// border-bottom: 1px dotted #8e8e8e;
	}
	h1 {
		color: @blue;
		margin-top: 45px;
		margin-bottom: 45px;
		font-family: @lh;
		text-align: center;
	}
	.left {
		img {
			box-shadow: 2px 2px 5px 0px #a1a1a1;
			width: 33.33%;
			height: auto;
			margin-right: 40px;
			background-image: url("/images/fon_img_tree.jpg");
			padding: 12px;
			border-radius: 3px;
			margin-bottom: 26px;			
		}
		h3 {
			font-family: @lsb;
			margin-bottom: 15px;
		}
	}
	.right {
		padding-left: 0px;
		h3 {
			font-family: @lsb;
			margin-bottom: 15px;
		}
		p {
			margin-bottom: 26px;
		}
	}
}
.history {
	background-color: #fff;
	text-align: right;
	padding-top: 26px;
	padding-bottom: 24px;
	.right {
		padding-left: 40px;
		img {
			box-shadow: 2px 2px 5px 0px #a1a1a1;
			width: 100%;
			background-image: url("/images/fon_img_tree.jpg");
			padding: 12px;
			border-radius: 3px;
			margin-bottom: 26px;
		}
	}
	.left {
		padding-right: 0px;
		h3 {
			font-family: @lsb;
			margin-bottom: 15px;
		}
		p {
			margin-bottom: 26px;
		}
	}
}
#accordion {
	margin-bottom: 15px;
	p {
		margin-bottom: 15px;
	}
	h3 {
		line-height: 45px;
		padding-left: 40px;
		border: 1px solid #d5d5d5;
		font-size: 16px;
		color: #434343;
		margin-bottom: 5px;
		cursor: pointer;
		&:nth-child(1) {
			background-image: url("/images/delivery.png");
			background-repeat: no-repeat;
			background-position: 97% center;
		}
		&:nth-child(3) {
			background: url("/images/sborka.png") no-repeat 97% center;
			background-repeat: no-repeat;
			background-position: 97% center;
		}
		&:nth-child(5) {
			background: url("/images/vyzov.png") no-repeat 97% center;
			background-repeat: no-repeat;
			background-position: 97% center;
		}
		&:nth-child(7) {
			background: url("/images/garantiya.png") no-repeat 97% center;
			background-repeat: no-repeat;
			background-position: 97% center;
		}		
		&.ui-accordion-header-active, &.ui-state-active {
			background-color: #e8e7e7;
		}
		&:hover {
			background-color: #e8e7e7;
		}
	}
	div {
		background: #e8e7e7;
		border: 1px solid #d5d5d5;
		margin-bottom: 10px;
		padding: 15px;
		padding-top: 0;
		color: #434343;
		margin-top: -6px;
		a {
			background: #bebebe;
			color: #fff;
			padding: 5px 23px;
			border-radius: 3px;
			&:hover {
				text-decoration: none;
			}
		}
	}
}

/*
 ======================================================================

								СЛАЙДЕР				

 ======================================================================
*/

.slider {
	height: 407px;
	
	img {
		height: 407px;
	}
	.owl-controls {		
		margin-left: auto;
		margin-right: auto;
		height: 10px;
	}
	.owl-nav {
		color: #fff;
		font-size: 66px;
		position: relative;
		.owl-prev, .owl-next {
			position: absolute;
			margin-top: -235px;
			width: 37px;
			height: 68px;
		}
		.owl-prev {
			background: url("/images/slider_left.png") no-repeat;
			left: 0%;
		}
		.owl-next {
			background: url("/images/slider_right.png") no-repeat;
		}
	}
	.owl-dots {
		display: inline-block;
		position: absolute;
		margin-top: -33px;
		left: 50%;
		.owl-dot {
			float: left;
			margin-right: 15px;
			span {
				display: inline-block;
				width: 10px;
				height: 10px;
				background: url("/images/dots.png") no-repeat;
			}
			&.active {
				span {
					background-position: 0 -20px; 
				}
			}
		}
	}
	.info {
		width: 100%;
		position: absolute;
		z-index: 1000;
		margin-top: -407px;
		.price_downloads {
			position: relative;
			color: #fff;
			font-family: @lb; 
			display: inline-block;
			padding: 12px 38px 16px;
			background: url("/images/wrapper.jpg");
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
			&:hover, &:focus, &:active {
				text-decoration: none;
			}
			.price_downloads_ico {
				background: url("/images/price_downloads_ico.png") no-repeat;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 6px;
				left: 9px;
				margin: 0;
			}
		}
		h1 {
			background: @orange;
			display: inline-block;
			padding: 17px 28px 15px;
			position: absolute;
			margin-top: 95px;
			margin-left: -22px;
			text-transform: uppercase;
			color: #fff;
		}
		span {
			background: #fff;
			font-size: 22px;
			display: inline-block;
			padding: 9px 13px; 
			position: absolute;
			margin-top: 163px;
			margin-left: -22px;
			max-width: 935px;
		}
	}
}
@media (min-width: 768px) {
	.slider {
		.owl-controls {
			width: 750px;
			.owl-next {
				left: 713px;
			}
		}
	}
}
@media (min-width: 992px) {
	.slider {
		.owl-controls {
			width: 970px;
			.owl-next {
				left: 933px;
			}
		}
	}
}
@media (min-width: 1200px) {
	.slider {
		.owl-controls {
			width: 1170px;
			.owl-next {
				left: 1133px;
			}
		}
	}
}

/*
 ======================================================================

								ХЛЕБНЫЕ КРОШКИ				

 ======================================================================
*/

#breadcrumbs {
	background-color: #fff;
	a {
		color: #000;
	}
	span {
		color: #979797;
	}
	.breadcrumbs_arrow {
		background-image: url("/images/breadcrumbs_arrow.png");
		width: 15px;
		height: 46px;
		display: inline-block;
		vertical-align: middle;
		margin: 0 18px;
	}
}

/*
 ======================================================================

								КАТАЛОГ ПОСАДОЧНАЯ				

 ======================================================================
*/

.catalog_posad {
	background: #f0f0f0;
	padding-top: 30px;
	box-shadow: inset 2px 2px 5px #d8d8d8;
	text-align: center;
	padding-bottom: 70px;
	.container {
		padding: 0;
		font-size: 16px;
		h1 {
			color: @blue;
			text-align: center;
			font-family: @lh;
			margin-bottom: 35px;
		}
		.catalog_container {
			margin-bottom: 30px;
			.catalog_item {
				min-height: 395px;
				background: #fff;
				padding: 10px 10px 0;
				box-shadow: 0px 0px 5px 0px #cbcbcb;
				img {
					max-width: 100%;
					// height: 250px;
				}
				figcaption {
					color: @blue;
					font-size: 18px;
					font-family: @lm;
					padding: 15px 0;
				}
				&:hover {
					box-shadow: 0px 0px 6px 3px #cbcbcb;
				}
			}
		}
	}
}

/*
 ======================================================================

								КАТАЛОГ				

 ======================================================================
*/

.catalog, #search_page {
	h3 {
		font-family: @lsb;
		color: #fff;
		background-image: url("/images/left_menu.jpg");
		padding: 13px 0 13px 30px;
	}
	#left_accordion, .pokupatelyam {
		box-shadow: 0px 0px 4px 1px #cbcbcb;
		margin-bottom: 30px;
		background-color: #fff;
		border: 1px solid #e7e7e7;
		border-bottom: none;
		h4 {
			padding: 13px 0 13px 30px;
			font-family: @lsb;
			cursor: pointer;
			color: #000;
			border-bottom: 1px solid #e7e7e7;
			border-left: 2px solid transparent;
			&:active, &:focus {
				outline: none;
			}
			&.ui-accordion-header-active {
				border-left: 2px solid @blue;
			}
		}
		div {
			h5 {
				border-bottom: 1px solid #e7e7e7;
				padding: 13px 0 13px 30px;
				color: #666666;
				a {
					color: #666666;
					&:hover, &:active, &:focus, &.active {
						color: @blue;
						cursor: pointer;
						text-decoration: none;
						font-family: @lh;
					}
				}
				&:hover {
					color: @blue;
					cursor: pointer;
				}
			}
		}
	}
	.content {
		padding-bottom: 70px;
		.sort {
			float: right;
			margin-top: -5px;
			a {
				color: #979797;
				display: inline-block;
				line-height: 28px;
				border: 1px solid #979797;
				padding: 0 16px;
				&:last-child {
					margin-left: -1px;
				}
				&:hover, &:active, &:focus, &.active, &._asc, &._desc {
					color: @blue;
					cursor: pointer;
					text-decoration: none;
					border-color: @blue;
				}
				&._asc, &._desc {
					position: relative;
					&:before {
						content: "";
						position: absolute;
						width: 6%;
						height: 100%;
						top: -30%;
						left: -6%;
						background: url("/images/sort_arrow.png") no-repeat;
					}
				}
				&._asc {
					&:before {
						top: 30%;
						left: 86%;
					}
				}
				&._desc {
					&:before {
						-webkit-transform: rotate(180deg);
						-moz-transform: rotate(180deg);
						-ms-transform: rotate(180deg);
						-o-transform: rotate(180deg);
						transform: rotate(180deg);
						left: 88%;
					}
				}
				&:first-child {
					&._asc {
						&:before {
							left: 93%;
						}
					}
					&._desc {
						&:before {
							left: 91%;
						}
					}
				}
			}
		}
		h1 {
			color: @blue;
			font-family: @lh;
			margin-bottom: 15px;
		}
		.filtr {
			a {
				color: #979797;
				margin-right: 18px;
				display: inline-block;
				&:hover, &:focus, &:active, &.active {
					text-decoration: none;
					color: @blue;
					font-family: @lb;
				}
			}
		}
		.count {
			margin-left: 40px;
			color: #434343;
			margin-right: 10px;
		}
		.dropdown {
			a {
				color: @blue;
				&:hover, &:focus, &:active {
					text-decoration: none;
				}
			}
			.dropdown-menu {
				padding-left: 12px;
				margin-left: -12px;
				top: 12px;
				li {
					&:hover {
						color: @blue;
						cursor: pointer;
						font-family: @lb;
					}
				}
			}
		}
		.products_container {
			padding-top: 20px;
			position: relative;
			&:hover {
				cursor: pointer;
			}
			.hover_container {
				z-index: 2000;
				background-color: #fff;
				font-size: 12px;
				font-family: @ll;
				position: absolute;
				display: none;
				box-shadow: -2px 1px 3px rgba(0,0,0,0.15), 2px 1px 3px rgba(0,0,0,0.15);
				span {
					margin-left: 23px;
				}
				.in_trash {
					span {
						margin-left: 0;
					}
					.in_trash_arrow {
						margin-left: 25px;
					}
				}
			}
			.product_items {
				position: relative;
				background-color: #fff;
				padding: 25px 23px 0px;
				margin-bottom: 20px;
				z-index: 500;			
				&:hover {
					box-shadow: -2px -1px 3px rgba(0,0,0,0.15), 2px -1px 3px rgba(0,0,0,0.15);
					transition: 0.3s;
				}		
				.title {
					color: #363636;
					font-size: 16px;
					font-family: @lsb;
					display: block;
					margin-bottom: 15px;
					margin-right: -2px;
				}
				img {
					min-height: 220px;
					width: 100%;
					margin-bottom: 20px;
				}
			}
		}
	}
}
.popular {
	color: #fff;
	background-color: #ffb900;
	float: right;
	margin-right: 15px;
	padding: 1px 8px;
	border-radius: 3px;
	font-size: 12px;
	font-family: @lb;
}
.yes {
	font-family: @lm;
	display: inline-block;
	color: #1d7409;
	font-size: 14px;
	background: url("/images/exists.png") no-repeat 0px 2px;
	padding-left: 25px;
}
.no {
	font-family: @lm;
	display: inline-block;
	font-size: 14px;
	color: #424242;
	background: url("/images/order_auto.png") no-repeat 0px 2px;
	padding-left: 25px;
}
.akcii, .new {
	width: 68px;
	height: 29px;
	display: inline-block;
	position: absolute;
	top: 15px;
	left: -4px;
}
.akcii {
	background: url("/images/akcii_label.png") no-repeat;
}
.new {
	width: 74px;
	left: 100%;
	margin-left: -70px;
	background: url("/images/new_label.png") no-repeat;
}
.in_trash {
	background: linear-gradient(to top, #0d2f73, #1b3f88);
	height: 55px;
	margin-top: 20px;
	color: #fff;
	font-size: 16px;
	font-family: @lsb;
	padding-left: 18px;
	span.in_trash_arrow {
		background-image: url("/images/in_trash_arrow.png");
		background-repeat: no-repeat;
		margin-left: 25px;
		vertical-align: -2px;
		display: inline-block;
		width: 8px;
		height: 11px;
	}
	span.in_trash_ico {
		background-image: url("/images/in_trash.png");
		background-repeat: no-repeat;
		background-position: 0px 10px;
		margin-right: 20px;
		display: inline-block;
		margin-left: 0;
		height: 44px;
		width: 33px;
		vertical-align: -11px;
	}
	&:hover {
		cursor: pointer;
	}
}
.price_new {
	font-size: 24px;
	color: @blue;
	font-family: @lh;
	margin-bottom: 8px;
	display: inline-block;
	span {
		color: #1d0f00;
		font-size: 18px;
		font-family: @l;
	}
}
.price {
	color: #9f9f9f;
	text-decoration: line-through;
	float: right;
	margin-top: 10px;
	font-family: @ll;
}
.pay_delivery {
	margin-top: 10px;
	background-image: url("/images/pay_delivery.png");
	border: 2px solid #d1d1d1;
	min-height: 152px;
	background-repeat: no-repeat;
	background-position: 50% 30%;
	padding-top: 114px;
	color: @blue;
	text-align: center;
	margin-bottom: 30px;
	a {
		color: @blue;
		text-decoration: underline;
		&:hover {
			text-decoration: none;
		}
	}
}
.download_price {
	background-color: #fff;
	color: #7d7d7d;
	font-family: @lb;
	padding: 13px 0px 13px 18px;
	border: 1px solid #e4e4e4;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 5px;
	font-size: 14px;
	width: 100%;
	&:hover {
		background: #ffb900;
	}
	&:hover, &:active, &:focus {
		text-decoration: none;
		background-repeat: no-repeat;
	}
	.downloads_ico {
		display: inline-block;
		width: 18px;
		height: 24px;
		vertical-align: -7px;
		margin-right: 20px;
	}
	&.pdf {
		.downloads_ico {
			background-image: url("/images/download_pdf.png");
			background-repeat: no-repeat;
		}			
	}
	&.doc {
		.downloads_ico {
			background-image: url("/images/download_doc.png");
			background-repeat: no-repeat;
		}
	}
	&.excel {
		.downloads_ico {
			background-image: url("/images/download_excel.png");
			background-repeat: no-repeat;
		}
	}
	.price_arrow {
		background-image: url("/images/download_price_arrow.png");
		width: 5px;
		height: 12px;
		display: inline-block;
		float: right;
		margin-top: 7px;
		margin-right: 10px;
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
}

/*
 ======================================================================

								ПАГИНАЦИЯ				

 ======================================================================
*/

#pagination {
	li {
		background-color: transparent;
		a {
			color: #7e7e7e;
			border: none;
			background-color: transparent;
		}
		&.active {
			a {
				color: #fff;
				background-color: @blue;
			}
		}
	}
	.prev, .next {
		a {			
			height: 34px;
			width: 34px;
			background: url("/images/page_arrow.png") no-repeat 50% 50%;
		}		
	}
	.next {
		a {
			background: url("/images/page_arrow_next.png") no-repeat 50% 50%;
		}		
	}
}

/*
 ======================================================================

								ПОКУПАТЕЛЯМ				

 ======================================================================
*/

.left_menu {
	.pokupatelyam {
		h5 {
			a {
				color: #666666;
				text-decoration: none;
				display: inline-block;
				line-height: 50px;
				padding-left: 30px;
				width: 100%;
				&:hover, &:active, &:focus, &.active {
					color: @blue;
					font-family: @lb;
				}
			}
		}
	}
}
#pokypatelyam {
	padding-bottom: 80px;
	color: #3c3c3c;
	font-size: 16px;
	.right {
		h1 {
			text-align: left;
			margin-bottom: 15px;
		}
		h4 {
			color: #303030;
			font-family: @lb;
			margin-bottom: 12px;
			margin-top: 10px;
		}
		img {
			margin-right: 30px;
			width: 33%;
			height: auto;
		}
	}
}

/*
 ======================================================================

								КАРТОЧКА ТОВАРА				

 ======================================================================
*/

.product {
	.pay_delivery {
		margin-top: 0;
	}	
	.slick-prev, .slick-next {
		background-image: url("/images/paroduct_all_arrow.png");
		background-repeat: no-repeat;
	}
	.slick-prev, .slick-next {
		top: -5px;
		left: 45%;
		&:hover, &:active, &:focus {
			background-image: url("/images/paroduct_all_arrow.png");
			background-repeat: no-repeat;
			opacity: 0.8;
		} 
	}
	.slick-next {
		top: 99%;
		left: 44%;
		transform: rotate(180deg);
	}
	.content {
		h1 {
			color: @blue;
			font-family: @lh;
			margin-bottom: 20px;
			a {
				color: #979797;
				font-size: 14px;
				float: right;
				font-family: @l;
				background-image: url("/images/back_catalog.png");
				background-position: left 14px;
				background-repeat: no-repeat;
				padding-left: 15px;
				display: inline-block;
			}
		}
		.product_photo {
			position: relative;
			margin-bottom: 28px;
			img {
				width: 100%;
			}
			.new {
				margin-left: -85px;
			}
			a {
				span {
					position: absolute;
					top: 92%;
					left: 89%;
					display: inline-block;
					background: url("/images/wide_ico.png") no-repeat;
					width: 19px;
					height: 19px;
					background-position: 49% 50%;
					border: 1px solid #b4b4b4;
				}
			}
		}
		.product_all_photo {
			margin-top: 12px;
			img {margin-bottom: 13px;
				width: 100%;
				border: 1px solid #e3e3e3;
				&:hover {
					box-shadow: 0px 0px 5px 1px #cdcdcd;
					cursor: pointer;
				}				
			}
		}
		.product_description {
			.popular {
				margin-right: 0;
			}
			.price {
				float: none;
				margin-left: 25px;
			}
			.in_trash {
				margin-top: 0;
			}
			.exists {
				padding-bottom: 20px;
				border-bottom: 1px dotted #565656;
			}
			.one_click {
				background-color: #c5c5c5;
				margin-bottom: 20px;
				color: @blue;
				font-family: @lh;
				text-align: center;
				background-image: url("/images/one_click.png");
				height: 30px;
				background-repeat: no-repeat;
				background-position: center 3px;
				&:hover {
					cursor: pointer;
					background-color: #eeae04;
					background-position: center -28px;
				}
			}
		}
		.nav-tabs {
			border-color: #1b3f88; 
			a {
				font-size: 16px;
				color: #1e1e1e;
				padding: 5px 13px;
				&:hover {
					border-bottom-color: #1b3f88;
				}
			}
			.active {
				a {
					color: #1a3e87;
					background-color: #f0f0f0;
					border-color: #1b3f88 #1b3f88 transparent;
					&:hover {
						border-color: #1b3f88 #1b3f88 transparent;
					}
				}
			}
		}
		.tab-content {
			#tabs_opisanie {
				padding-top: 15px;
			}
			color: #3c3c3c;
			font-size: 16px;
			padding-bottom: 30px;
			#tabs_harakteristiki {
				padding: 0 20px;
				h4 {
					font-family: @lb;
					margin-top: 15px;
					color: #303030;
					margin-bottom: 12px;
				}
				div {
					div {
						font-size: 14px;
						color: #565656;
						display: inline-block;
						padding: 12px 0 9px;
					}
				}
				.clearfix {
					display: block;
				}
				.stroka:nth-child(2n) {
					background-color: #f9f9f9;
				}
				.clearfix {
					padding: 0;
				}
			}
		}
		.related {
			margin-bottom: 90px;
			background-image: url("/images/related_fon.jpg");
			padding: 18px 62px 30px;
			.owl-prev, .owl-next {
				height: 34px;
				width: 34px;
				border: 1px solid #d4d4d4;
				background-repeat: no-repeat;
				border-radius: 5px;
				background: url("/images/carousel_arrow.png"), linear-gradient(to right, #e0dddd, #eeeeee);
				background-repeat: no-repeat;
				background-position: 37% 50%;
				position: absolute;
				margin-left: -14px;
				top: 135px;
				&:hover {
					opacity: 0.7;
				}
			}
			.owl-nav {
				.owl-next {
					left: 104%;
					transform: rotate(180deg);
				}
				.owl-prev {
					left: -4.5%;
				}
			}
			h3 {
				color: #fff;
				font-family: @lh;
				font-size: 21px;
				margin-bottom: 15px;
			}
			div {
				figure {
					min-height: 311px;
					padding: 10px 10px 15px;
					background-color: #fff;
					img {
						background: #fff;
						width: 100%;
						margin-bottom: 15px;
					}
					span {
						display: inline-block;
						text-align: center;
						color: #363636;
						font-family: @lsb;
					}
					.price_new {
						margin: 0;
						width: 100%;
						display: inline-block;
						text-align: center;
						font-size: 14px;
						span {
							color: @blue;
							font-size: 18px;
						}
					}
					.blue_btn{
						z-index: 1000;
						float: none;
						text-align: center;
						margin-left: 17px;
						padding: 6px 18px;
						&:hover, &:active, &:focus {
							cursor: pointer;
						}
					}
					.related_price {
						margin: 0;
						margin-bottom: 5px;
						width: 100%;
						display: inline-block;
						text-align: center;
						text-decoration: line-through;
						font-size: 12px;
						color: #9f9f9f;						
					}
				}
			}
		}
	}
	.counter {
		span {
			display: inline-block;
			width: 32px;
			height: 28px;
			border: 1px solid #eaeaea;
		}
		span.plus {
			background-image: url("/images/count+.png");
			background-repeat: no-repeat;
			background-position: center 10px;
			&:hover {
				background-position: center -8px;
				cursor: pointer;
			}
		}
		span.minus {
			background-image: url("/images/count--.png");
			background-repeat: no-repeat;
			background-position: center 12px;
			&:hover {
				background-position: center -81px;
				cursor: pointer;
			}
		}
		input {
			margin-left: -4px;
			margin-right: -5px;
			vertical-align: top;
			width: 32px;
			height: 28px;
			border: 1px solid #eaeaea;
			text-align: center;
		}
	}
	.kolichastbo {
		float: right;
		margin-top: 25px;
		.minus, .plus, .text {
			border: 1px solid #a3a3a3;
		}
		.text {
			background-color: #f0f0f0;
			border-left: none;
			border-right: none;
		}
	}
	#size_block {
		float: left;
		div {
			margin-bottom: 5px;
			font-family: @lh;
		}
		#size {
			background-color: #f0f0f0;
			width: 140px;
			height: 29px;
			color: #000;
			border: 1px solid #a3a3a3;
			margin-bottom: 20px;
			padding-left: 10px;
			font-family: @lsb;
			font-size: 12px;
		}
	}
	
}

/*
 ======================================================================

								ДИЛЕРАМ				

 ======================================================================
*/

.dileram {
	padding-top: 30px;
	padding-bottom: 70px;
	table {
		background-color: #fff;
		text-align: left;
		width: 100%;
		font-size: 16px;
		tr:first-child {
			font-size: 18px;
			color: @blue;
			font-family: @lsb;
		}
		td {
			width: 50%;
			padding: 17px 22px;
			border: 1px solid #e5e5e5;
		}
	}
}

/*
 ======================================================================

								ТЕКСТОВАЯ СТРАНИЦА				

 ======================================================================
*/

.default {
	text-align: center;
	img {
		margin-bottom: 30px;
	}
	a {
		margin-bottom: 190px;
	}
}
/*
 ======================================================================

								КОНТАКТЫ				

 ======================================================================
*/

.kontakty {
	text-align: center;
	padding-bottom: 70px;
	.map {
		min-height: 320px;
		width: 100%;
		background-color: #c9c9c9; 
		margin-bottom: 35px;
	}
	.address, .phone, .email {
		padding-top: 100px;
		position: relative;
		span {
			display: inline-block;
			width: 69px;
			height: 69px;
			background: url("/images/address.png") no-repeat center;
			border: 2px solid @blue;
			position: absolute;
			top: 0;
			left: 39%;
		}
		div {
			line-height: 40px;
			font-family: @lh;
			color: @blue;
			text-transform: uppercase;
			border-top: 1px solid @blue;
			border-bottom: 1px solid @blue;
			margin-bottom: 14px;
		}
		p {
			color: @blue;
			margin-bottom: 55px;
		}
	}
	.phone {
		span {
			background: url("/images/kontakt_phone.png") no-repeat center;
			left: 42%;
		}
	}
	.email {
		span {
			background: url("/images/e-mail.png") no-repeat center;
			left: 43%;
		}
	}
	.shema_container {
		.shema {
			background: url("/images/scema_ico.png") no-repeat 30% 0%;
			text-align: center;
		}
	}	
}

/*
 ======================================================================

								КОРЗИНА				

 ======================================================================
*/

.trash {
	padding-bottom: 100px;
	padding-top: 30px;
	h4 {
		color: #303030;
		font-family: @lb;
		text-align: center;
		margin-bottom: 35px;
	}
	.trash_title {
		color: @blue;
		text-align: center;
		font-family: @lh;
		margin-bottom: 35px;
	}
	#container_clear {
		margin-top: 35px;
		display: inline-block;
		color: #291806;
		text-decoration: underline;
		margin-left: 20px;
		font-family: @lsb;
		&:hover {
			text-decoration: none;
		}
	}
	.cont_itog {
		font-family: @lb;
		span.itog {
			font-size: 18px;
			color: @blue;
		}
		span {
			display: inline-block;
			margin-top: 40px;
		}
	}
	.itogo_korzina {
		padding-bottom: 15px;
		background-color: #ffffff;
	}
	table {
		color: #363636;
		width: 100%;
		thead {
			th {
				padding-top: 15px;
				font-family: @lsb;
				padding-bottom: 10px;
				background-color: @orange;
				&.photo {
					text-align: center;
				}
				&:first-child {
					border-radius: 20px 0 0 0;
				}
				&:last-child {
					border-radius: 0 20px 0 0;
				}
			}
		}
		.photo {
			padding: 15px 20px 10px;
			img {
				border: 1px solid #d2d2d2;
				width: 100px;
				height: 100px;
			}
		}
		tbody {
			.stroka {
				border-bottom: 1px dotted #b1b1b1;
			}
			background-color: #fff;
			td {
				margin-top: -10px;
			}
			.title {
				font-family: @lh;
			}
			.result {
				color: @blue;
				font-family: @lb;
			}
			.del {
				background-image: url("/images/del.png");
				float: right;
				width: 11px;
				height: 11px;				
				margin-right: 25px;
				&:hover {
					background-position: 0px 11px;
				}
			}
		}
	}
	#zakaz {
		display: none;
		h1 {
			line-height: 80px;
			color: @blue;
			font-family: @lh;
			text-align: center;
		}
		#send_trash {
			padding: 15px 20px 30px;
			background-color: #ffffff;
			position: relative;
			.blue_star {
				color: @blue;
			}
			h4 {
				text-align: left;
				margin-top: 18px;
				margin-bottom: 20px;
			}
			label {
				color: @blue;
				font-family: @lsb;
				display: block;
				&.error {
					position: absolute;					
					color: red;
					margin-top: -21px;
				}
			}
			input, select {
				width: 100%;
				height: 31px;
				padding-left: 10px;
				margin-bottom: 20px;
				outline: 1px solid #dadada;
				&:active, &:focus {
					outline: 1px solid @blue;
				}
			}
			select {
				height: 31px;
			}
			textarea {
				width: 100%;
				padding-left: 10px;
				padding-top: 10px;
				min-height: 123px;
				outline: 1px solid #dadada;
				&:active, &:focus {
					outline: 1px solid @blue;
				}
			}
		}
		.delivery_container {
			span {
				display: inline-block;
				margin-bottom: 56px;
				font-family: @lb;
				color: #000;
			}
		}
		.order_container {
			padding-top: 25px;
			padding-bottom: 30px;
			text-align: center;
			background-color: #fff;
			border-top: 1px dotted #bdbdbd;
		}
	}
	.counter {
		span {
			display: inline-block;
			width: 32px;
			height: 28px;
			border: 1px solid #eaeaea;
		}
		span.plus {
			background-image: url("/images/count+.png");
			background-repeat: no-repeat;
			background-position: center 10px;
			&:hover {
				background-position: center -8px;
				cursor: pointer;
			}
		}
		span.minus {
			background-image: url("/images/count--.png");
			background-repeat: no-repeat;
			background-position: center 12px;
			&:hover {
				background-position: center -81px;
				cursor: pointer;
			}
		}
		input {
			margin-left: -4px;
			margin-right: -5px;
			vertical-align: top;
			width: 32px;
			height: 28px;
			border: 1px solid #eaeaea;
			text-align: center;
		}
	}
}

/*
 ======================================================================

								АКЦИИ				

 ======================================================================
*/

#akcii.right {
	.back {
		color: #979797;
		font-size: 14px;
		float: right;
		background-image: url("/images/back_catalog.png");
		background-position: left 7px;
		background-repeat: no-repeat;
		padding-left: 15px;
		display: inline-block;
		margin-top: -40px;
	}
	.more_akcii {
		height: 15px;
		width: auto;
		margin: 8px auto 0;
		display: block;
		cursor: pointer;
	}
	.alcii_item {
		background-color: #fff;
		margin-bottom: 30px;
		span {
			color: @blue;
			font-size: 16px;
			display: inline-block;
			margin-bottom: 15px;
		}
		img {
			width: 100%;
			height: auto;
		}
	}
	.right {
		h4 {
			margin-bottom: 20px;
		}
		p {
			color: #3c3c3c;
			font-size: 14px;
		}
		a {
			background-color: #1b3f88;
			color: #fff;
			border-radius: 3px;
			font-size: 16px;
			display: inline-block;
			padding: 3px 17px;
			margin-top: 25px;
			&:hover {
				background-color: #0b2d73;
				cursor: pointer;
				text-decoration: none;
			}
		}
	}
}

/*
 ======================================================================

								О НАС				

 ======================================================================
*/

#about {
	padding-bottom: 70px;
	h1 {
		margin-bottom: 0;
		text-align: left;
	}
	h4 {
		color: #303030;
		font-family: @lb;
		margin-bottom: 12px;
		margin-top: 30px;
	}
	.left {
		a {
			color: #294d95;
			border-bottom: 1px dotted @blue; 
			font-size: 16px;
			&:hover, &:active, &:focus {
				text-decoration: none;
				border-bottom-color: transparent;
			}
		}
	}
}

/*
 ======================================================================

								ГАЛЕРЕЯ				

 ======================================================================
*/

#gallery {
	max-width: 770px;
	h3 {		
		background: @orange;
		font-size: 20px;
		color: #fff;
		font-family: @lb;
		text-align: center;
	}
	.slick-next, .slick-prev {
		height: 34px;
		width: 34px;
		border: 1px solid #d4d4d4;
		background-repeat: no-repeat;
		border-radius: 5px;
		background: url("/images/carousel_arrow.png"), linear-gradient(to right, #e0dddd, #eeeeee);
		background-repeat: no-repeat;
		&:before {
			content: " ";
		}
		&:hover {
			opacity: 0.7;
		}
	}
	.slick-next {
		background-position: 37% 50%;
		transform: rotate(270deg);
		top: 52%;
	}
	.slick-prev {
		background-position: 37% 50%;
		transform: rotate(90deg);
		top: 36%;
		left: 98.8%;
	}
	.slick-slide {
		border: none;
		img {
			border: none;
			width: 100%;
			padding-right: 30px;
			padding-bottom: 30px;
		}		
	}
	.gallery {
		margin: 0 -30px 0 0;
	}
}

/*
 ======================================================================

								МОДАЛКИ				

 ======================================================================
*/

#modal_one_click, #modal_in_trash, #modal_in_trash_okm, #modal_call, #form_call_back {
	.close {
		background-image: url("/images/cross.png");
		opacity: 1;
		width: 21px;
		height: 21px;
		margin-top: -47px;
		margin-right: -52px;
	}
	#one_click_form {
		position: relative;
	}	
	label.error {
		position: absolute;
		color: red;
		font-weight: normal;
	}
	#name-error, #email-error, #phone-error {
		left: 0;
	}
	#name-error {
		top: 35px;
	}
	#email-error {
		top: 97px;
	}
	#phone-error {
		top: 159px;
	}
	.modal-dialog {
		margin-top: 110px;
		.modal-content {
			background-image: url("/images/fon_img_tree.jpg");
			width: 430px;
			margin: 0 auto;
			.modal-header {
				background-color: @orange;
				padding: 25px 30px;
				border: none;
				h4 {
					color: #231a04;
					text-align: center;
					font-size: 20px;
					font-family: @lb;
					margin-bottom: 20px;
				}
				.one_click_product {
					background-color: #fff;
					padding: 14px;
					color: #363636;
					font-family: @lsb;
					img {
						width: 125px;
						margin-right: 25px;
						float: left;
					}
					.price_new {
						font-size: 18px;
						margin-top: 6px;
						span {
							color: #1d0f00;
							font-size: 14px;
						}
					}
				}				
			}
			.modal-body {
				padding: 30px;
				padding-bottom: 5px;
				input {
					height: 37px;
					width: 100%;
					margin-bottom: 25px;
					font-size: 16px;
					padding-left: 10px;
					opacity: 0.8;
					&:active, &:focus {
						opacity: 1;
					}
				}
				textarea {
					opacity: 0.8;
					font-size: 16px;
					padding-left: 10px;
					padding-top: 8px;
					width: 100%;
					min-height: 130px;
					margin-bottom: 25px;
					&:active, &:focus {
						opacity: 1;
					}
				}
			}
			.modal-footer {
				padding: 30px;
				position: relative;
				border: none;
				padding-bottom: 40px;
				.link {
					float: left;
					top: 0;
					left: 0;
					margin: 0;
					margin-left: 30px;
				}
				.abort {
					float: left;
					margin-left: 200px;
					border: none;
					background-color: transparent;
					text-decoration: underline;
					font-size: 14px;
					color: #1e1e1e;
					font-family: @lh;
					margin-top: -14px;
					&:hover {
						text-decoration: none;
					}
				}
			}
		}
	}
}
#form_call_back {
	position: relative;
	label.error {
		margin-left: 25%;
	}
	#email-error {
		top: 35px;
		margin-left: 51%;
	}
}
#modal_call {
	.modal-dialog {
		.modal-content {
			.modal-header {
				background-color: #244690;
				h4 {
					margin-bottom: 0;
					color: #fff;
				}
			}
			#name-error {
				top: 65px;
				left: 30px;
			}
			#email-error {
				top: 127px;
				left: 30px;
			}
			#phone-error {
				top: 189px;
				left: 30px;
			}
		}
	}
}
#modal_pay, #modal_delivery {
	.close {
		background-image: url("/images/cross.png");
		opacity: 1;
		width: 21px;
		height: 21px;
		margin-top: -50px;
		margin-right: -50px;
	}
	.blue_btn {
		float: left;
	}
	.modal-dialog {
		.modal-content {
			width: 770px;
			height: auto;
			padding: 30px;
			margin: 0 auto;
			.modal-header {
				padding: 0;
				border: none;
				h3 {
					padding: 0;
					background-image: none;
					font-size: 16px;
					color: #303030;
					font-family: @lb;
					margin-bottom: 15px;
				}
			}
			.modal-body {
				border: none;
				padding: 0;
				p {
					color: #3c3c3c;
					font-size: 16px;
				}
			}
			.modal-footer {
				border: none;
				padding-left: 0;
				padding-bottom: 0px;
			}
		}	
	}
}
#modal_one_click {
	padding: 14px 49px 12px;
}
#modal_in_trash, #modal_in_trash_ok {
	.link {
		padding: 14px 16px 12px;
	}
	.modal-dialog {
		margin-top: 110px;
		.modal-content {
			background-image: url("/images/fon_img_tree.jpg");
			width: 430px;
			margin: 0 auto;
			.modal-header {
				background-color: #3e7e23;
				h4 {
					color: #fff;
				}
			}
			.modal-footer {
				button {
					padding: 0;
				}
				a {
					color: #301c04;
					&:hover {
						text-decoration: none;
					}
				}
			}
		}
	}
}
#modal_in_trash_ok {
	.modal-dialog {
		.modal-content {			
			background-color: #206f10;
			.modal-header {
				.close {
					background-image: url("/images/cross.png");
					opacity: 1;
					width: 21px;
					height: 21px;
					margin-top: -37px;
					margin-right: -37px;
				}
				border-bottom: none;
				background-color: #206f10;
				div {
					background-color: #206f10;
					font-family: @ll;
					font-size: 16px;
					text-align: center;
					color: #fff;
				}
				h4 {
					text-align: center;
  					font-size: 20px;
  					font-family: @lb;
  					margin-bottom: 10px
				}
			}
			.modal-body {
				border-top: none;
				padding-bottom: 0;
				padding-top: 0;
			}
			.modal-footer {
				border-top: none;
				text-align: center;				
				background-color: #206f10;
				.link {
					padding: 14px 31px 12px;
					margin: 0;
					position: static;
				}
			}
		}
	}
}

/*
 ======================================================================

								ПОИСК				

 ======================================================================
*/

#search_page {
	padding-bottom: 100px;
	h3 {
		font-size: 18px;
		font-family: @lb;
		color: #303030;
		background: none;
		text-align: center;
		padding: 0;
	}
}
#search_wide {
	width: 100%;
	height: 46px;
	box-shadow: inset 2px 2px 5px #b0b0b0;
	padding-left: 12px;
	margin-top: 38px;
	margin-bottom: 40px;
}


/*
 ======================================================================

								ФУТЕР				

 ======================================================================
*/

.loupa {
	background-image: url("/images/search.png");
	width: 13px;
	height: 13px;
	display: inline-block;
	top: 55px;
	margin-left: -25px;
	position: absolute;
	&:hover {
		cursor: pointer;
	}
}
footer {
	min-width: 1200px;
	background: linear-gradient(to top, #d2d2d2, #f6f6f6);
	min-height: 252px;
	margin-top: -252px;
	.contakts {
		li {
			margin-bottom: 10px;
		}
		.address {
			background-image: url("/images/address_footer.png");
			width: 19px;
			height: 19px;
			display: inline-block;
			margin-right: 10px;
			vertical-align: -5px;
		}
		.phone {
			background-image: url("/images/phone_footer.png");
			width: 19px;
			height: 19px;
			display: inline-block;
			margin-right: 10px;
			vertical-align: -5px;
		}
	}
	#search{
		width: 100%;
		height: 46px;
		box-shadow: inset 2px 2px 5px #b0b0b0;
		padding-left: 12px;
		margin-top: 38px;
	}
	#call_back {
		background-image: url("/images/fon_img_tree.jpg");
		padding-top: 55px;
		padding-bottom: 55px;
		font-size: 16px;
		color: #434343;
		display: none;
		input {
			margin-bottom: 20px;
			height: 37px;
			cursor: pointer;
			&#email {
				margin-left: 30px;
			}
		}
		select {
			height: 37px;
			margin-bottom: 20px;
			cursor: pointer;
		}
		textarea {
			min-height: 140px;
			margin-bottom: 20px;
			padding-top: 10px;
		}
		button {
			height: 51px;
			border-radius: 3px;
			font-family: @lsb;
			font-size: 18px;
			color: #301c04;
			box-shadow: 1px 1px 0px #958572;
		}
		input, textarea, select {
			opacity: 0.88;
			&:active, &:focus {
				box-shadow: 1px 1px 2px #a99980;
				opacity: 1;
			}
		}
	}
	.green_letter {
		background: url("/images/green_letter.png");
		width: 42px;
		height: 39px;
		display: inline-block;
		position: relative;
		left: -30px;
		top: 6px;
	}
	.call_back_arrow {
		background: url("/images/call_back_arrow.png");
		width: 14px;
		height: 18px;
		position: relative;
		left: 18px;
		transform: rotate(180deg);
		display: inline-block;
		&.rotate {
			transform: rotate(0deg);
		}
	}
	.blue {
		background: @blue;
		h1 {
			padding: 10px 0 22px;
			text-align: center;
			font-family: @lh;
			color: #fff;
			cursor: pointer;
		}
		margin-bottom: 25px;
	}
	h5 {
		font-family: @lh;
		margin-bottom: 15px;
	}
	ul {
		list-style: none;
		li {
			a {
				color: #000;
				text-decoration: underline;
				&:hover {
					text-decoration: none;
					color: #000;
				}
			}
		}
	}
}
@media (max-width: 768px) {
	footer {
		#call_back {
			input {
				width: 50%;
				&#email {
					margin-left: 25%;
				}
			}
		}
	}
}
@media (min-width: 768px) {
	footer {
		#call_back {
			input {
				width: 23%;
			}
		}
	}
}
@media (min-width: 992px) {
	footer {
		#call_back {
			input {
				width: 23.5%;
			}
		}
	}
}
@media (min-width: 1200px) {
	footer {
		#call_back {
			input {
				width: 23.7%;
			}
		}
	}
}