@import "reset.less"; 
@import "elements.less";
@import "plugins-style.css";

/* Colors */

	@text-color: #211c22;
	@link-color: #0c54a0;
	@link-hover-color: #0c54a0;

	@light-yellow: rgba(251,247,193, .75);
	@yellow-green: #c1dd01;
	@light-green: #95d100;
	@middle-green: #6ab500;
	@btn-green: #70b807;
	@green: #408f00;

	@light-grey: #f7f7f7;
	@grey: #d3d3d8;
	@faq-grey: #c4bbc3;

	@light-blue: #95e6f8;
	@blue: #00b0eb;
	@input-blue: #3c89a9;
	@odd-blue: #eafafe;
	@odd-br-blue: #cdeef9;
	@th-blue: #0292c2;

	@orange: #ffa300;
	@dark-orange: #d57400 ;

	@violet: #4c324a;






	/* Other */

	
 

/* Main style */

html, body {
	font-size: 100.1%;
	height: 100%;
	padding:0;
/*  background: url(../test.jpg) top center no-repeat;*/
}

body {
	color: @text-color;
	margin: 0;
	position: relative;
	min-width: 1000px;
	min-height: 100%;
	font: 14px/20px 'Arial', sans-serif;
	

	&.main-page{
		padding: 52px 0 0;	
	}
}

.main-wrap{
	overflow: hidden;
	position: relative;
	min-height: 100%;
	
}

.ubuntu(@fs: 13px, @lh: 1.1){
	font:  @fs 'Ubuntu Condensed', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: @lh;	
	opacity: .99;


}

a, 
.fake-link{
	color: @text-color;
	text-decoration: underline;
	cursor: pointer;
	 &:hover{
		color: @link-hover-color;
	 }
}

input:focus{outline: none;}

.container{
	margin: 0 auto;
	width: 976px;
	position: relative;
}

.used-sprite, i {
    background: url("../img/sprite.png") no-repeat -500px 0;
    display: inline-block;
}

.fl{float: left;}
.fr{float: right;}
.ib{
	display: inline-block;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}
.hidden{display: none;}

/* Header */
	/* Fixed menu */

	.top-menu-wrap{
		background: @yellow-green;
		border-bottom: 1px solid @middle-green;
		/*height: 50px;*/
		width: 100%;
		padding: 0 0 1px;
		position: relative;
		.inner-shadow(0, -1px, 0, @light-yellow);
		&.fixed{
			position: fixed;
			z-index: 1004;
			top: 0;
		}

	}
	#up_logo{
		width: 50px;
		height: 50px;
		background: url("../img/logo-mini.png");
		position: absolute;
		top: 8px;
		left: -10px;
		cursor: pointer;

	}
	.top-menu{

		text-align: center;

		li{
			.ib;
			.ubuntu(18px,50px);
			padding: 2px 27px 0 32px;
			margin: -2px 20px 0;
			border-right: 9px solid @yellow-green; 

			&.hidden{
				display: none;
			}

		}

		.active{
			background: @light-green;
			border-right: 9px solid @middle-green;

			.inner-shadow-four(inset 2px 0 0 @light-green, inset 0 1px 2px @light-yellow, 0 1px 2px @light-yellow, 0 -1px 2px @light-yellow); 

			a{
				text-decoration: none;
				cursor: default;
				&:hover{
					color: @text-color;
				}
			}

		}
	}

	.mp-header{
		height: 140px;
    	overflow: hidden;
    	position: relative;
    	width: 100%;
		.gradient(@yellow-green, @light-green, @yellow-green);

		.container{
			z-index: 2;
		}
	}

	//TODO сделать миксин


	.mp-header:before {
		.box-shadow(2px 0 0 @middle-green);
	    border-left: 2000px solid rgba(0, 0, 0, 0);
	    border-right: 0 solid rgba(0, 0, 0, 0);
	    border-bottom: 180px solid @middle-green;
	    content: " ";
	    display: block;
	    height: 0;
	    position: absolute;
	    right: 50%;
	    bottom: 0;
	     -webkit-transform: scaleX(-1);
	    transform: scaleX(-1);
	    width: 0;
	   
	}
	.mp-header:after {
	    border-left: 0 solid rgba(0, 0, 0, 0);
	    border-right: 2000px solid rgba(0, 0, 0, 0);
	    border-bottom: 180px solid @middle-green;
	    content: " ";
	    display: block;
	    height: 0;
	    left: 50%;
	    position: absolute;
	    bottom: 0;
	     -webkit-transform: scaleX(-1);
	    transform: scaleX(-1);
	    width: 0;
	}

	.header-wrap{
		height: 145px;
		overflow: hidden;
    	position: relative;
    	background: @middle-green;

	&:before {
	    border-left: 2000px solid rgba(0, 0, 0, 0);
	    border-right: 0 solid rgba(0, 0, 0, 0);
	    border-bottom: 180px solid @light-grey;
	    content: " ";
	    display: block;
	    height: 0;
	    position: absolute;
	    right: 50%;
	    bottom: 0;
	    -webkit-transform: scaleX(-1);
	    transform: scaleX(-1);
	    width: 0;
	    z-index: 1;

		}

		&:after {
		    border-left: 0 solid rgba(0, 0, 0, 0);
		    border-right: 2000px solid rgba(0, 0, 0, 0);
		    border-bottom: 180px solid @light-grey;
		    content: " ";
		    display: block;
		    height: 0;
		    left: 50%;
		    position: absolute;
		    bottom: 0;
		     -webkit-transform: scaleX(-1);
		    transform: scaleX(-1);
		    width: 0;
		}   

	}


	.logo-wrap{
		text-align: center;
		position: relative;
		z-index: 55;
		height: 0;
		h1{
			font: 11px Arial,sans-serif;
		}
	}

	.b-logo{
		margin: 10px 0 0;
		display: inline-block;
	}

	.link-block{
		text-align: right;
		position: absolute;
		top: 30px;
		left: 227px;

		a{
			position: relative;
			line-height: 25px;
		}

		i{
			position: absolute;
			top: 1px;
			right: -17px;
		}
	}

	.icon(@width: 0, @height: 0, @bgpos: 0 0) {
		height: @height;
		width: @width;
		background-position: @bgpos;
	}

	.email-icon{
	.icon(12px,13px, -190px -240px);
	}
	.auth-icon{
	.icon(12px,13px, -210px -240px);
	}

	.phone-block{
		position: absolute;
		top: 32px;
		right: 200px;
		text-align: right;

		.tel{
			margin: 0 0 0 -12px;
		}
	}

.tel{.ubuntu(24px,1.1);}

.promo-block{
	background: url(../img/asphalt.png) bottom repeat-x;
	padding: 0 0 100px;
	margin: 13px 0 80px;
	
	position: relative;

}

.promo-wrap{
	background: url(../img/asphaltTop.png) top repeat-x;
	padding: 123px 0 0;overflow: hidden;
}

#promo_center{
	background: url(../img/asphaltCenter.png)  0 12px no-repeat;
	height: 500px;
	position: relative;
	margin-top: -25px;
}

.anchor-wrap(@top: 0, @left: 0){
	background: @light-blue;
	border-bottom: 3px solid @blue;
	padding: 12px 20px 14px;
	position: absolute;
	top: @top;
	left: @left;
	.ubuntu(18px,22px); 
	 display: none;
}

.anchor-number(@top: auto, @right: auto, @bottom: auto, @left: auto){
	.ib;
	background: #ffcc00;
	border-bottom: 3px solid #d5910a;
	width: 34px;
	height: 34px;
	.ubuntu(25px,34px);
	.rounded(22px);
	text-align: center;
	.inner-shadow(0,0,2px,#fff);
	position: absolute;
	top: @top;
	bottom: @bottom;
	right: @right;
	left: @left;
	z-index: 5;
}



.refill-anchor{
	.anchor-wrap(-50px, 230px);	

	.anchor-number{
		.anchor-number(auto,-18px, -18px,auto)
	}
}

.repair-anchor{
	.anchor-wrap(274px, 615px);	
	z-index: 5;

	.anchor-number{
		.anchor-number(-18px,auto,auto ,-18px)
	}
}

.recovery-anchor{
	.anchor-wrap(-105px, 665px);	

	.anchor-number{
		.anchor-number(auto,auto, -18px,-18px)
	}
}

#cartrige{
	width: 502px;
	height: 288px;
	background: url(../img/cartrige.png) top center no-repeat;
	position: absolute;
	top: 72px;
	left: -100%;
	margin: 0 0 0 -200px;
	z-index: 4;

}

.animate-el(@width: 0, @height: 0, @top: auto, @right: auto, @bottom: auto, @left: auto){
	position: absolute;
	width: @width;
	height: @height;
	top: @top;
	right: @right;
	bottom: @bottom;
	left: @left;
	display: none;
}

#man1{
	.animate-el(132px,240px,auto , 73px , 168px,auto );
	background: url(../img/man1.png) top center no-repeat;
	z-index: 5;
}
#man2{
	.animate-el(86px,147px, 21px ,172px, auto , auto );
	background: url(../img/man2.png) top center no-repeat;
	z-index: 2;
}
#man3{
	.animate-el(93px,147px, -5px ,auto, auto , 512px );
	background: url(../img/man3.png) top center no-repeat;
}

#man4{
	.animate-el(83px,137px, 47px ,auto, auto , 175px );
	background: url(../img/man4.png) top center no-repeat;
}
#man5{
	.animate-el(76px,93px, auto ,auto, 280px , 475px );
	background: url(../img/man5.png) top center no-repeat;
	z-index: 5;
}
#man6{
	.animate-el(275px,201px, 162px ,auto, auto , 51px );
	background: url(../img/man6.png) top center no-repeat;
}
#man7{
	.animate-el(96px,125px, auto ,auto, 113px , 418px );
	background: url(../img/man7.png) top center no-repeat;
	z-index: 5;
}
#man8{
	.animate-el(92px,148px, -20px ,auto, auto , 400px);
	background: url(../img/man8.png) top center no-repeat;
}
#man9{
	.animate-el(67px,150px,-20px , 80px , auto,auto );
	background: url(../img/man9.png) top center no-repeat;
}




.benefits-blocks{
	text-align: center;
}

h3{
	.ubuntu(24px,1.1);	
}
.benefit-block{
	.ib;
	background: url("../img/whiteArrowBg.png") bottom center no-repeat;
	width: 266px;
	height: 220px;
	.box-sizing(border-box);
	padding: 18px 25px 0;


	p{
		margin: 8px 0 15px;
		height: 54px;
	}

	i{
		width: 36px;
		height: 36px; 
	}
	i:before, i:after{
		content: "";
		.ib;
		width: 44px;
		height: 1px;
		.box-shadow(-52px 5px 0 @grey); 
	}
	i:after{
		.box-shadow(45px -13px 0 @grey); 
	}

}

.contract-icon{
	background-position: -380px -80px;
	margin: 0 0 0 -8px;
}
.po-icon{
	background-position: -380px -40px;
}
.consalt-icon{
	background-position: -380px 0;
}

.page-part{
	border-top: 1px dashed @grey;
	margin: 0 0 100px;
	position: relative;
}

.anchor-target{
	text-align: center;
	margin: -22px 0 0;

	> span{
		.ib;
		.ubuntu(22px,36px);	
		.rounded(10px);
		border-top: 4px solid @grey;
		background: #fff;
		height: 38px;
		.inner-shadow(0, 0, 12px, @grey);

		width: 130px;

	}	
}

.center-text{
	width: 540px;
	padding: 0 80px 0 0;
	margin: 0 auto;

	p{
		margin: 0 0 25px;
	}

	strong{
		.ubuntu(24px,1.1);
		margin: 40px 0 30px;	
		display: block;
	}
}

.center-img{
	text-align: center;
}

.numbered-heading{
	margin: 100px 0 35px;
	min-height: 78px;
	span{
		.ib;
		background: @light-blue;
		//border-bottom: 6px solid @blue;
		.rounded(40px);
		.ubuntu(64px,74px);
		width: 74px;
		height: 74px;
		text-align: center;
		.shadow-double(0 0 2px #fff, 0 6px 0 @blue);
		vertical-align: middle;
		opacity: 1;
	}

	h2{
		.ubuntu(48px, 50px);
		.ib;
		vertical-align: top;
		margin: 0 0 0 10px;
	}
}

#recovery{
	vertical-align: middle;
}

.ps-el{
	position: absolute;
	content: "";
	display: block;
}

.recovery-wrap{
	margin: 0 0 55px;

	.center-text{
		padding-bottom: 220px;
		background: url(../img/recoveryCenter.png) bottom center no-repeat;
	}

	&:after{
		.ps-el;
		background: url(../img/recoveryRight.png)  no-repeat top left;
		;
		width: 345px;
		height: 544px;
		right: 0;
		top:60px;
	}
	&:before{
		.ps-el;
		background: url(../img/recoveryLeft.png)  no-repeat top right;
		width: 285px;
		height: 450px;
		left: 0;
		top:40px;
	}
}

.repair-wrap{
	padding: 0 0 220px;
	&:after{
			.ps-el;
			background: url(../img/repairRight.png)  no-repeat top left;
			width: 510px;
			height: 712px;
			right: 0;
			top:-70px;
		}

	&:before{
			.ps-el;
			background: url(../img/repairLeft.png)  no-repeat top right;
			width: 290px;
			height: 600px;
			left: 0;
			top:40px;
		}
}

.refill-wrap{
	&:before{
			.ps-el;
			background: url(../img/refillRight.png)  no-repeat top left;
			width: 305px;
			height: 315px;
			right: 90px;
			top: 25px;
		}
}


@media only screen and (max-width: 1260px) {

	.recovery-wrap{
		&:after{
			width: 305px;
		}
		&:before{
			width: 235px;
		}
	}

	.repair-wrap{
		&:before{
			width: 270px;
		}
		&:after{
			width: 485px;
		}

	}

}

@media only screen and (max-width: 1100px) {

	.recovery-wrap{
		&:after{
			width: 270px;
		}
		&:before{
			width: 200px;
		}
	}

	.repair-wrap{
		&:before{
			width: 190px;
		}
		&:after{
			width: 455px;
		}

	}

}

.ps-button(@bg-color: @btn-green, @sh-color: @green, @height: 42px, @color: #fff){
	background: @bg-color;
	.ib;
	padding: 0 15px;
	.ubuntu(20px,@height);
	.rounded(10px);
	.inner-shadow(0, -1px, 2px, @light-yellow);
	.text-shadow(1px 1px 1px @sh-color);
	color: @color;
	border-bottom: 5px solid @sh-color;
	cursor: pointer;
	text-decoration: none;
}

.ps-button-hover(@bg-color: @btn-green, @sh-color: @green, @color: #000){
	background: @bg-color;  
	border-bottom: 5px solid @sh-color;
	color: @color;
	.text-shadow(none);
}



.ps-button.green{
	.ps-button();

	&:hover{
		.ps-button(@yellow-green,@middle-green,42px,#000);
	}
}
.ps-button.orange{
	.ps-button(@orange,@dark-orange);

	&:hover{
		.ps-button(#ffcc00,#d5910a,42px,#000); 
	}
}

.pseudo-buttons-wrap{
	margin: 0 0 40px -10px;

	.green{
		margin: 0 10px 0 0;
	}
}

.sale-block{
	
	border: 2px solid #FFD132;
	border-bottom: none;
	width: 870px;
	height: 421px;
	margin: 0 auto 100px;
	.box-sizing(border-box);
	padding: 1px 0 0;
	position: relative;

	.anchor-target > span{
		border-top: none;
		border-bottom: 4px solid @grey;
		background: @light-grey;
		.inner-shadow(0, 0, 2px, @light-yellow);
	}

	&:after{
		content: "";
		display: block;
		background: url("../img/saleBg.jpg") bottom center no-repeat;
		height: 32px;
		width: 870px;
		position: absolute;
		bottom: -32px;
		left: -2px;
	}
}

.w-icon-block{
	float: left;
	text-align: center;
	width: 225px;
	margin: 35px 31px 0;

	p{
		font-style: italic;
	}

	h3{
		margin: 15px 0 0; 
	}

	a{
		color: @link-color;

		&:hover{
			color: @text-color;
		}
	}


}

.radio-icon{
	.icon(131px, 120px, 0 0);
}
.time-icon{.icon(115px, 120px, -140px 0);}
.scissors-icon{.icon(115px, 120px, -260px 0);}

/* FAQ */

.faq-list{
	margin: 100px 0 35px 140px;

	&.loading{
		padding: 0 0 40px;
		background: url(../img/ajaxLoader.gif) 280px bottom no-repeat;
	}
}

.faq-block{
	width: 500px;
	position: relative;
	padding: 15px 0 30px;
}

.faq-bg(@width: 0){
	content: "";
	display: block;
	width: @width;
	position: absolute;
	left: 5px;
	background: url(../img/faqSprite.png) 0 0;
}

.question-block{
	.faq-block;

	.inner{
		border-right: 5px solid @faq-grey;
		border-left: 5px solid @faq-grey;
		padding: 6px 15px;
		color: @blue;
		font-style: italic;
	}

	&:after, 
	&:before{
		.faq-bg(490px);
	}

	&:after{
		height: 30px;
		background-position: 0 -20px;
		bottom: 0;
	}

	&:before{
		height: 15px;
		top: 0;

	}
}

.answer-block{
	.faq-block;
	margin: -30px 0 10px 185px;

	.inner{
		border-right: 5px solid @violet;
		border-left: 5px solid @violet;
		padding: 6px 15px;
		background: @light-blue;
	}

	&:after, 
	&:before{
		.faq-bg(490px);
	}

	&:after{
		height: 30px;
		background-position: 0 -80px;
		bottom: 0;
	}

	&:before{
		height: 15px;
		top: 0;
		background-position: 0 -60px;

	}
}

.center-btn-wrap{
	text-align: center;


	.green:hover{
		.ps-button(@yellow-green,@middle-green,60px,#000); 
		font-size: 26px;
		padding: 0 38px;
	}

	.orange:hover{
		.ps-button(#ffcc00,#d5910a,60px,#000); 
		font-size: 26px;
		padding: 0 38px; 
	}	
 
	.ps-button{
		padding: 0 38px;
		line-height: 60px;
		font-size: 26px;
		margin: 0 12px;
	}


}

.about-text{
	margin: 40px auto 0;
	text-align: center;
	width: 740px;
}
.about-items{
	margin: 0 0 0 70px;
}

.client-icon{.icon(160px,110px, 0 -120px)}
.hands-icon{.icon(125px,110px, -170px -120px)}
.pig-icon{.icon(115px,110px, -300px -120px)}

.contact-info{
	font-size: 20px;
	line-height: 26px;
	margin: 40px -10px 0 0;

	li{
		.fl;
		margin: 0 40px 0 30px;
	}
	span{
		.ib;
		vertical-align: middle;
		margin: 0 0 0 12px;
	}

	i{
		vertical-align: middle;
	}
}

.city-icon{.icon(55px,90px, 0 -240px)}
.house-icon{.icon(68px,90px, -60px -240px)}
.tel-icon{.icon(60px,90px, -130px -240px)}

#gis_map{
	width: 100%;
	height: 655px;
	margin: -70px 0 0;
	overflow: hidden;
	
}
.olLayerDiv svg{
	.inner-shadow(0, 1px, 10px, darken(@grey, 30%));
	margin: 0 -10px 0 10px ;
}

.footer-color{
	border-top: 5px solid @light-blue;
	background: @blue;
}

.site-footer{
	.footer-color;
	height: 58px;
	position: relative;
	position: fixed;
    width: 100%;
    z-index: 1000;
    bottom: 0;
	.center-btn-wrap{
		position: relative;
		margin: -25px 0 0;
		z-index: 999;
	}
}

.bid-form-wrap{
	.footer-color;
	position: fixed;
	bottom: -450px;
	left: 0;
	width: 100%;
	z-index: 1002;
	padding: 30px 0;


}
#bid-form{
	width: 475px;
	margin: 0 auto;
	position: relative;

	.radio-wrap{
		position: relative;
		top:8px;
		
		line-height: 16px;

		label{
			font-size: 13px;
		}
	}

	label{
		color: #fff;
		font-style: italic;
		font-size: 15px;
		cursor: pointer;
	}

	.input-title{
	font: italic 700 18px Arial,sans-serif;
	color: #fff;
	margin: -2px 0 4px;
}
}


.form-cell{
	width: 230px;
	position: relative;

	> label{
		margin: 0 0 5px;
	}

	span{
		.ib;
	}


}

.form-el(@height: 38px, @padding: 0 9px){
	.box-sizing(border-box);
	width: 100%;	
	border: 1px solid @input-blue;
	height: @height;
	.inner-shadow(0, 3px, 10px,@grey);
	font-family: "Arial";
	padding: @padding;
	color: @text-color;
	font-style: italic;

	&.focus{
		color: @text-color;
		font-style: normal;
	}

	&.error{
		border: 1px solid @orange;
	}
}

.error-text{
	margin: 15px 0 0;
	text-align: center;
	color: @orange;
}

.text-input{
	.form-el(@height: 40px);
	line-height: 38px;
	}

textarea{
	.form-el(@height: 100px, 9px);
	resize: none;

}

.form-row{
	margin: 0 0 20px;
}


label{
	.ib;	
}


.ps-radio{
	.used-sprite;
	vertical-align: top;
	width: 19px;
	height: 18px;
	background-position: -200px -260px;
	overflow: hidden;
	text-indent: -999px;
	cursor: pointer;
	margin: 0 2px 0 0;

	&.checked{
		background-position: -200px -281px;
	}


}

.radio-wrap + .radio-wrap{
	margin:  0 0 0 16px;
}

.used-datapicker{
	padding-left: 30px;
}

.ui-datepicker-trigger{
	background-position: -250px -240px;
	width: 17px;
	height: 17px;
	position: absolute;
	bottom: 10px;
	left: 8px;
}




.close-popup(@top: -50px, @right: -15px){
	.ib;
	background:#79767a;
	//border-bottom: 6px solid @blue;
	.rounded(20px);
	.ubuntu(20px,28px);
	width: 30px;
	height: 30px;
	text-align: center;
	.box-shadow(0 5px 0 #4d494e);
	vertical-align: middle;	
	position: absolute;
	top: @top;
	right: @right;
	cursor: pointer;
	color: #fff;

	&:hover{
		.box-shadow(0 5px 0 darken(@grey,15%));
		background: darken(@light-grey,10%);
		color: #4d494e;
	}
}

.close-popup{
	.close-popup();
}
#cboxClose{
	.close-popup(-19px);
}

.popup-bg{
	background: rgba(131, 131, 131, .7);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1003;
}

.price-popup {
    background:  #FFF;
    display: none;
    left: 0;
    position: absolute;
    top: 324px;
    width: 100%;
    z-index: 1004;
    padding: 25px 800px 40px;
    margin: 0 0 0 -800px;
  
}

.popup{
	padding: 20px;
	background: #fff;
	/*width: 940px;*/

	.anchor-target{
		margin: 0;

		> span{
			width: auto;
			height: auto;
			padding: 5px 17px;
			text-align: left;
			line-height: 20px;
			font-size: 26px;
			border: none;
			.box-shadow(none);
		}
		
		small{
			font-size: 14px;
		}

}

	.flexslider{
		margin-bottom: 30px;		min-height: 410px;
	}

	.fr{
		margin: 0 30px 0 0;
		.ubuntu(18px);
		color: @link-color;

		&:hover{
			color: @text-color;
		}
	}

}

.flot-y-axis{margin: 0 0 0 -12px;
}

#price_tables {
	width: 700px;
	.prixon-table{
    	margin: 0 0 30px;
    }
	 .tab-pane{
	    	text-align: center;
	    }

	}


#look-price.open{
	position: relative;
	background: #fff;
	z-index: 1004;
	.text-shadow(none);
	.box-shadow(0 15px 0 #fff);
	color: #000;
	border-bottom: none;

	span{
		border-bottom: 1px dashed #000;
	}
}
.popup-tabs-nav{
	margin: 0 -3px 10px 0;
}
.price-desc {
	margin-bottom: 10px;
	display: block;
}
.popup-tabs-item{
	width: 110px;
	height: 80px;
	line-height: 80px;
	border: 2px solid @grey;
	text-align: center;
	margin: 0 3px 0 0;
	cursor: pointer;

	img{
		.ib;
		vertical-align: middle;

	}

	&.active{
		border: 2px solid #ffd132;
		cursor: default;
	}
}

.tab-pane{
	display: none;

	&.active{
		display: block;
	}
}

.prixon-table{
	width: 100%;
	border: 1px solid @blue;
	
	border-collapse: collapse;
	

	td, th{
		border-left: 1px solid @blue;
		
		padding: 12px 0;
	}

	th{
		text-align: center;
		border-bottom: 1px solid @blue;
	}
	td{
		padding: 12px 10px;
	}
	
	tr{
		border-top: 1px solid @odd-br-blue;
	}
	tr:first-child{
		border-top: none;
	}

	.odd{
		background: @odd-blue;
	}

	a{
		color: @blue;

		&:hover{
			color: @text-color;
		}
	}

}

.price-table{
	th{
		background: @light-blue;
		border-left: 1px solid @blue;
		font-weight: 700;
	}
}

.order-table{
	
	th{
		height: 50px;
		padding: 25px 0 0;
		vertical-align: top;
		.gradient(@th-blue, @th-blue , lighten(@th-blue,10%));	
		color: #fff;
		border-left: 1px solid @light-blue;
	}
}

.double-th{
	span{
		color: @light-blue;
	}
}

.date-column{
	width: 85px;
}
.number-column{
	width: 120px;
}
.type-column{
	width: 190px;
}
.price-column{
	width: 115px;
}

.model-column{
	width: 145px;
}
.type-column-inner{
	width: 165px;
}
.work-column{width: 155px;}


.act-el{
	color: @blue;
	text-decoration: none;
	border-bottom: 1px dashed @blue;

	&:hover{
		color: @text-color;
		border-bottom: 1px dashed @text-color;
	}
}

/* Inner page */

.inner-header{
	background: @yellow-green;
	border-bottom: 10px solid @middle-green;
	padding: 18px 0 5px;
	.inner-shadow(0, 0, 2px, @light-yellow);
	text-align: center;
}
.inner-header h1{
	.ubuntu(42px,66px);
	.text-shadow(1px -1px 1px @light-grey);
	.ib;
}
.inner-header .tel{
	margin: 28px 0 0;
	.fr;
}

.logo-wrap-inner{
	.fl;
	display: block;
	text-decoration: none;

	&:hover{
		color:@text-color;
	}
}

.logo-wrap-inner span{
	font-size: 7px;
	position: relative;
	top: -7px;
}
.inner-content{
	padding: 40px 0 150px;
}

.cabinet-header{
	padding: 10px;
	background: @light-yellow;
	.rounded(10px);
	margin: 0 0 45px;
}
.cabinet-header.w-back-button{
	margin-left: 215px;
}

.exit-btn{
	.fr;
	.ps-button(#ffcc00,#d5910a,51px,#000);
	font-size: 26px;
	.text-shadow(none);

	&:hover{
		.ps-button-hover(@orange, @dark-orange,#fff);
	}

}

.user-info{
	.used-sprite;
	background-position:  -380px -259px; 
	padding: 10px 0 0 52px;
	float: left;
}

.user-menu{
	padding: 10px 0 0 52px;
	float: left;
	margin-top: 10px;
}

.user-menu a{
	color: @link-color;
	font-size: 20px;
	margin-left: 20px;
}

.user-menu a:hover{
	color: #000;
}

.user-name{
	font-size: 15px;
	font-weight: 700;
	color: #393231;
	margin: 0 0 2px;
}

.orders-filter-wrap{
	border: 1px solid @grey;
	padding: 0 30px 10px;
	margin: 0 0 25px;

	.form-row{
		margin-right: -16px;
	}

	.anchor-target{
		margin-bottom: 30px;

		span{
			width: auto;
			padding: 0 17px;
		}
		
	}
} 

.order-filter-form{

	label{
		font-size: 17px;
		border-bottom: 1px dashed @blue;
		color: @blue;
		cursor: pointer; 

		&:hover{
			border-bottom: 1px dashed @text-color;
			color: @text-color;
		}
	}

	.hasDatepicker{
		.ib;
		text-align: center;
		max-width: 86px;
		background: #fff;
		border: none;
		outline: none;
		padding: 0;
		color: @blue;
		border-bottom: 1px dashed @blue;
		&:hover{
			border-bottom: 1px dashed @text-color;
			color: @text-color;

			
		} 
		&:hover + .ui-datepicker-trigger{
				background-position: -250px -260px;
			}
	}
	.input-title{
		font-size: 17px;
		color: #484140;
		margin: 0 5px 0 0;
	}
}

.hasDatepicker{cursor: pointer;}


.center{text-align: center;}

.submit-button{
	.ps-button(@yellow-green,@middle-green,51px,#000);
	font-size: 26px;
	padding: 0 30px;

	&:hover{
		.ps-button-hover(@btn-green, @green,#fff);
	}
}
.datepicker-wrap{
	.ib;
	position: relative;
	padding: 0 0 0 25px;
	font-size: 17px;
	margin: 0 5px 0 0;


	.ui-datepicker-trigger{
		bottom: 0;
		left: 0;
	}
}

.b-core-ui-select{
	.fl;
	width: 300px;
	margin: 0 10px 0 0 ;
}

.b-core-ui-select__value{
	.text-input;
	border-color:  darken(@grey,15%);
	.rounded(2px);
	font-size: 17px;
}


.b-core-ui-select__button {
    position: absolute;
    right: 0;
    top: 1px;
    display: block;
    width: 40px;
    height: 34px;
    .rounded(2px);
    background: @light-blue;
    .inner-shadow(0, 0, 2px, #fff);
    border-bottom: 4px solid @blue;

    &:after{
    	content: "";
    	.ib;
    	position: absolute;
    	top: 15px;
    	left: 14px;
    	border-left: 7px solid transparent;
    	border-right: 7px solid transparent;
    	border-top: 7px solid @blue;
    }

}

.b-core-ui-select__dropdown {
    display: none;
    position: absolute;
    top: 0;
    color: #333;
    margin-top: -1px;
    padding: 0 0 0 10px;
    max-height: 300px;
    width: 290px !important;
    font-size: 12px;
    border-bottom: 5px solid @grey; 
    border-radius: 0 0 2px 2px;
    background: @light-grey;
    margin: -38px 0 0;
}

.b-core-ui-select__dropdown__item {
    padding: 10px 0;
    min-height: 18px;
    list-style-type: none;
    cursor: pointer;
    font-size: 17px;
    color: #484140;
    font-style: italic;
}

.jspTrack {
    position: relative;
    border-radius: 2px;
    background-color: @grey;
    width: 40px;
    margin: 38px 0 0;
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    display: block;
    height: 35px;
    overflow: hidden;
    width: 40px;
    .rounded(2px);
    .used-sprite;
    background-position: -371px -232px;
    background-color: @yellow-green;
    .inner-shadow(0, 0, 2px, @light-yellow);
    border-bottom: 4px solid @middle-green;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 300px;
    z-index: 100;
}

.jspArrowDown {
	position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 40px;
    height: 34px;
    .rounded(2px);
    background: @light-blue;
    .inner-shadow(0, 0, 2px, #fff);
    border-bottom: 4px solid @blue;
    z-index: 101;

    &:after{
    	content: "";
    	.ib;
    	position: absolute;
    	top: 15px;
    	left: 14px;
    	border-left: 7px solid transparent;
    	border-right: 7px solid transparent;
    	border-top: 7px solid @blue;
    }
	
}

.jspArrowUp{
	position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 34px;
    .rounded(2px);
    background: @light-blue;
    .inner-shadow(0, 0, 2px, #fff);
    border-bottom: 4px solid @blue;
	z-index: 101;

    &:after{
    	content: "";
    	.ib;
    	position: absolute;
    	top: 15px;
    	left: 14px;
    	border-left: 7px solid transparent;
    	border-right: 7px solid transparent;
    	border-bottom: 7px solid @blue;
    }

	
}
.jspCap {display: none;}

.undertable-block{
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 26px;
	a{
		color: @blue;
	}

	.icon-link{
		position: relative;
		margin: 0 0 0 22px;

		&:hover{
			color: @text-color;

			.xml-icon{
				background-position: -230px -300px;
			}
			.print-icon{
				background-position: -230px -280px;
			}

		}
	}

	i{
		position: absolute;
		left: -22px;
		top: 0;

	}
}

.icon-link + .icon-link{
	margin-left: 44px;
}

.xml-icon{
	.icon(16px, 18px, @bgpos: -230px -260px);
}
.print-icon{
	.icon(16px, 18px, @bgpos: -230px -240px);
}

.hmshow{
	.active{
		width: 26px;
		text-align: center;
		.rounded(13px);
		border: 1px solid @grey;
		.ib;
		.gradient(#F5F5F5, #FFF, @grey)
	}
	a, .active{
		margin: 0 0 0 12px;
	}
	a:hover{
		color: @text-color;
	}
}

.pagination{
	margin: 30px 0 0;
	text-align: center;

	.pagination-page-link{
		.ib;
		height: 25px;
		.rounded(2px);
		background: @light-grey;
		.ubuntu(13px,25px);
		min-width: 25px;
		text-decoration: none;

		&.current-page{
			background: @yellow-green;
		}	


	}

	a.pagination-page-link{
		&:hover{
			background: @light-blue;
			border-bottom: 3px solid @blue;
			color: @text-color;
		}
	}

	.next, .prev{
		padding: 0 10px;
		border-bottom: 3px solid @grey;
	}

}

.orders-table-wrap + .orders-table-wrap{
	margin: 30px 0 0;
}

.back-link{
	.ib;
	.fl;
	background: url(../img/backSprite.png) 0 0 no-repeat;
	.ubuntu(26px,51px);
	text-decoration: none;
	padding: 0 24px 8px 46px;
	margin: 10px 0 0;

	&:hover{
		color: #fff;
		background-position: 0 -60px;
	}
}

.inner-wrap{
	border-top: 1px solid @grey;
	margin: -70px 0 0;

	.anchor-target{

		margin: -70px 0 30px;


		> span{
			width: auto;
			height: auto;
			padding: 5px 17px;
			text-align: left;
			line-height: 20px;
			font-size: 26px;

		}
		
		small{
			font-size: 14px;
		}

	}
}

.anchor-inner{
	.ib;
	padding: 0 0 6px;
	+.anchor-inner{
		margin: 0 0 0 8px;
	}
}

.form-popup{
	background: @light-blue;
	padding: 20px 25px 10px;
	.inner-shadow(0, 0, 2px, #fff);
	border-bottom: 11px solid @blue;
	position: relative;

	h3{
		text-align: center;
		margin: 0 0 15px;
	}

	.center{
		margin: 15px 0 0;
	}

}


#auth-form{
	padding: 0 70px;

	.form-cell{
		width: 300px;
		margin: 8px 0 5px;
	}

	a{
		color: @input-blue;
		font-style: italic;

		&:hover{
			color: @text-color;
		}
	}
}

#reg-form, #ask-form{
	.form-row{
		width: 470px;
		margin: 8px 0;
	}

}

.slides{
	li{
		min-height: 350px;
		padding: 40px 0 0;

	}
}

.flex-direction-nav{
	position: relative;
	a{
		.ib;
		background: #ffcc00;
		border-bottom: 4px solid #d5910a;
		width: 43px;
		height: 41px;
		.ubuntu(44px,35px);
		.rounded(22px);
		text-decoration: none;
		color: #000;
		text-align: center;
		.inner-shadow(0,0,2px,#fff);
		position: absolute;
		top: -220px;
		z-index: 5;
		

		&:hover{
			background:@orange;
			border-bottom: 4px solid @dark-orange;
			color: #fff;
		}

		&.flex-disabled{display: none;}
	}
}

.flex-prev{
	left: 20px;
}
.flex-next{
	right: 20px;
}

.plot-block{
	width: 840px;
	height: 310px;
	margin: 0 auto;
}

.plot-year{
	.ubuntu(20px,32px);
	background: @blue;
	width: 50px;
	margin: 15px auto 5px;
	color: #fff;
	text-align: center;
} 

#cboxLoadedContent #price_tables{
	margin: 0;
	background: #fff;
	padding: 20px;
}

.legendColorBox div div {
	.rounded(6px);
	height: 4px !important;
	margin: 0 3px 0 0 ;
	border-width: 2px !important;
}


@media print{

	.site-footer,
	.pagination,
	.orders-filter-wrap,
	.undertable-block,
	.inner-header h1,
	.exit-btn,	.bid-form-wrap{
		display: none;
	}		.inner-content{			padding-bottom: 80px;	}
	table.prixon-table,
	.prixon-table td, 
	.prixon-table tr, 
	.prixon-table th,
	.prixon-table .odd{
		border-left: 1px solid #000 !important;
		border-top: 1px solid #000 !important;
		border-bottom: 1px solid #000 !important;
		border-right: 1px solid #000 !important;

	}
	table.prixon-table{
		width: 99%;
	}	.user-info,	h1,	.user-menu a,	#bx-panel{		display:none;	}		.user-menu .currentcat{		display: inline-block;	} 
	.user-menu {padding: 0;}
	.inner-header{
		background: none;
		border: none;
	}	.anchor-target > span,	.inner-wrap,	.inner-header{		border: none;		box-shadow: none;		background:none;	}
}

.currentcat {
	color: #000 !important;
	text-decoration: none;
}

.currentcat:hover {
	text-decoration: underline;
}

.nn {
	color: #a0a0a0;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
}

.empty-list {
	color: #a0a0a0;
	font-size: 22px;
	text-align: center;
	width: 100%;
}