@import "default.less"; // reset
@import "typografy.less"; // Fonts and typografy styles
@import "grid.less"; // Fluid 12 column grid system (960gs)
@import "effects.less"; // CSS3 Effects

/* Colors */
@footer: #2D3C5B;
@booblegray: #F1F1EC;
@boobledarkgray: #DADACD;

@black: #000000;
@greenblue: #0095B3;
@darkedblue: #5794B2;
@red: #BF1E2D;
@whitegray: #CCCCCC;
/* mixins */

.link(@px: 1px) {
	display: inline-block;
	vertical-align: baseline;
	text-decoration: none;
	border-bottom: @px solid;
	padding-bottom: 1px;

	&:hover {
		text-decoration: none;
	}
}

.top(@px: 0) {
	margin-top: @px;
}

/* CSS */

html, body {
	height: 100%;
	width: 100%;
}

hr {
	color: rgba(179, 179, 179, 0.5);
	box-shadow: 0px 10px 30px #000;
	border: 0;
	border-bottom: 5px solid;
	border-radius: 2px;

	&.dots {
		margin: 15px 0;
		box-shadow: none;
		border-radius: 0;
		border: 0;
		border-bottom: 1px dashed;
	}
}


/* Sticky Footer by Ryan Fait http://ryanfait.com/ */

.site_container {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -300px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 300px; /* .push must be the same height as .footer */
}

/* page width */
.stop_container {
	width: 960px;
	margin: 0 auto;
}

/* seporator */
.line-city {
	height: 38px;
	width: 100%;
	margin: -38px 0px 0px 0px;
	background: url(../img/img-city-bg.png) repeat-x bottom center;
}

/* text-center */
.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}


/* icons */

i.icon {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	
	&.vk {
		height: 26px;
		width: 26px;
		margin: 0px 10px 0px 0px;
		background: url(../img/icon-footer-vk.png);
	}

	&.graycircle {
		width: 24px;
		height: 24px;
		/* 
			border-radius: 50%;
			background-color: #BBBBBB;
		*/
		vertical-align: text-bottom;
		margin-right: 10px;
		margin-left: 15px;
	}

	&.red-star {
		width: 16px;
		height: 16px;
		background-image: url(../img/icon_redstar.png);
	}
}


/* Header */
.header {
	width: 100%;
	height: 100%;

	padding-top: 25px;

	background: #F2F2ED;
	background: -webkit-linear-gradient(top, #F2F2ED, #E8E6E6);
	background: -moz-linear-gradient(top, rgb(242, 242, 237), rgb(232, 230, 230));
	background: -ms-linear-gradient(top, rgb(242, 242, 237), rgb(232, 230, 230));
	background: -o-linear-gradient(top, rgb(242, 242, 237), rgb(232, 230, 230));
	
	.logo_line {
		height: 90px;
	}

	.logo {
		background-image: url('../img/logo.png');
		background-repeat: no-repeat;
		background-size: 100%;

		display: block;
		width: 129px;
		height: 67px;
	}

	.phone {
		.top(10px);
	}

	ul.menu {
		margin: 0;
		padding: 0;
		display: block;

		.top(25px);
		
		list-style: none;
		list-style-position: inside;
		
		li {
			a {
				display: inline-block;
				padding: 5px 0;
				&:hover {
					color: @red;
				}
			}
			&.active {
				a {
					display: inline-block;
					padding: 5px 10px;
					color: white;
					background-color: @red;
					border-radius: 5px;
					border-bottom: 0;
					&:hover {
						color: white !important;
					}
				}
			}
			display: inline-block;
			vertical-align: baseline;

			margin-left: 10px;
			margin-right: 10px;

			&.last {
				margin-right: 0;
			}
			
			&.first {
				margin-left: 0;
			}
			
			a {
				.link();
			}
		}
	}

	.circle {
		border-radius: 50%;
		width: 200px;
		height: 200px;
		background-color: white;
		margin: 20px auto;
		overflow: hidden;
		position: relative;
		
		img {
			top: 0;
			left: 0;
			top: 0;
			bottom: 0;
			width: 100%;

			position: absolute;
			margin: auto;
		}
	}
}

ul.sub_menu {
	display: block;
	list-style: none;
	list-style-position: inside;
	margin-top: 10px;
	margin-bottom: 20px;
	li {
		display: inline-block;
		line-height: 2;
		a {
			line-height: 1;
			.link();
			//padding-bottom: 3px;
			font-size: 18px;
			color: @greenblue;
			&:hover {
				color: @red;
			}
		}
		&.active {
			a {
				color: @red;
				border-bottom: 0;
				font-weight: bold;
				font-size: 18px;
			}
		}
		&:after {
			content: " / ";
			color: @whitegray;
			margin: 0 10px;
		}

		&:last-child:after {
			display: none;
		}
	}
}

ul.service_list {
	display: block;
	li {
		display: inline-block;
		line-height: 2.2;

		i {
			display: inline-block;
			line-height: 1;
			margin-left: 5px;
			margin-right: 3px;
		}

		a {
			line-height: 0.9;
			.link();
			color: @black;
			font-size: 15px;
			font-weight: normal;
		}

		&:first-child {
			margin-left: 0;
		}

		&:nth-child(4n) {
			margin-left: 0;
		}
	}
}

.energy_content {
	display: none;
}

a.link-energy {
	display: block;
	width: 240px;
	margin: 0px auto;
	padding: 0px 0px 38px 0px;
	background: #A00F17;
	background: -webkit-linear-gradient(top, #E8897A 5%, #A00F17);
	background: -moz-linear-gradient(top, rgb(232, 137, 122) 5%, rgb(160, 15, 23));
	background: -ms-linear-gradient(top, rgb(232, 137, 122) 5%, rgb(160, 15, 23));
	background: -o-linear-gradient(top, rgb(232, 137, 122) 5%, rgb(160, 15, 23));
	border-top: 1px solid #CE2539;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	line-height: 40px;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	margin-top: 30px;
	&:hover {
		color: white !important; 
	}
	.open,
	.close {
		padding-bottom: 1px;
		border-bottom: 1px dashed;
	}
}

.quote {
	position: relative;
	
	.booble {
		position: relative;
		background-color: @booblegray;
		padding: 15px;
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-radius: 10px;
		border-bottom: 3px solid @boobledarkgray;

		&:after,
		&:before {
			content: " ";
			display: block;
			position: absolute;
			left: 0%;
			top: 100%;
			border: solid transparent;
			width: 0;
			height: 0;
			pointer-events: none;
		}

		&:after {
			border-color: rgba(136, 183, 213, 0);
			border-top-color: @booblegray;
			border-width: 16px;
			margin-left: 34px;
		}

		&:before {
			border-color: rgba(194, 225, 245, 0);
			border-top-color: @boobledarkgray;
			border-width: 20px;
			margin-left: 30px;
		}
	}
	
	.title {
		font-size: 18px;
		border-bottom: 1px solid;
		text-decoration: none;
	}

	.date {
		font-style: italic;
		font-size: 13px;
		color: @red;
		margin: 5px 0;
	}

	.author {
		margin-left: 5px;
		font-size: 13px;
		font-weight: bold;
	}

	.link {
		position: absolute;
		bottom: 15px;
		right: 15px;
		a {
			.link(1px);
			color: @darkedblue;
		}
	}
}

.gallery {
	transition: height .5s;
	a {
		display: block;
		width: 200px;
		height: 200px;
		margin: 25px 15px;
		float: left;
		transition: left .8s, top .5s;
		&:hover {
			color: @red;
		}
		.circle {
			border-radius: 50%;
			height: 100%;
			width: 100%;
			overflow: hidden;
			display: block;
			position: relative;
			img {
				min-width: 100%;
				min-height: 100%;
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
			}
		}
	}
}

.aside {
	.item {
		display: block;

		margin-top: 40px;
		margin-bottom: 40px;
		
		.circle {
			width:  85px;
			height: 85px;
			float: left;
			border-radius: 50%;
			overflow: hidden;
			position: relative;
			img {
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				position: absolute;
				margin: auto;
				width: 100%;
			}
		}

		.link {
			float: left;
			padding-top: 12%;
			padding-left: 20px;
			a {
				font-size: 18px;
				color: #211F1F;
				display: inline;
				vertical-align: baseline;
				text-decoration: none;
				border-bottom: 1px solid;
				padding-bottom: 0px;
				line-height: 1.3;
				&:hover {
					color: @red;
				}
			}
		}
	}
}

.blog {
	.row {
		margin-bottom: 40px;
		.date {
			display: inline-block;
			color: @red;
			font-style: italic;
			font-size: 14px;
			padding-top: 17px;
		}
		.article {
			display: inline-block;
			.title {
				margin-bottom: 10px;
				a {
					font-size: 28px;
					font-weight: bold;
					color: @greenblue;
					line-height: 1;
					
					.link();

					padding-bottom: 2px;
					border-width: 2px;
					&:hover {
						color: @red;
					}
				}
			}

			.text {
				font-size: 14px;
				color: gray;
				line-height: 1.5;
				padding-right: 5%;
				p {
					color: #666666;
				}
			}
		}
	}
}

.news-detail {
	font-size: 14px;
	color: gray;
	line-height: 1.5;
	padding-right: 5%;
	padding-top: 15px;
	p {
		color: #666666;
	}
}


.catalog {
	.menu {
		background-color: @booblegray;
		border-radius: 20px;
		padding: 10px 25px;
		border-bottom: 1px darken(@booblegray, 30%);
		box-shadow: 0px 2px 1px rgba(173, 173, 173, 0.41);
		ul.catalog_menu {
			margin: 15px 0 10px 0;
			li {
				display: inline-block;
				line-height: 1.6;
				a {
					line-height: 1;
					color: @greenblue;
					.link();
				}
				&.active {
					a {
						color: @red;
						text-decoration: none;
						border-bottom: 0;
					}
				}
				&:after {
					content: " / ";
					color: @whitegray;
					margin: 0 10px;
				}

				&:last-child:after {
					display: none;
				}
			}
		}
	}
	.element {
		margin-left: 16px;
		.image {
			position: relative;
			height: 300px;
			overflow: hidden;
			margin: 30px auto;
			img {
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				position: absolute;
				width: 100%;
			}
		}
		.text {
			margin: 10px auto;
			p {
				font-size: 16px;
			}
		}
		.button {
			text-align: center;
		}
	}
}

.footer {
	color: white;
	background-color: @footer;
	border-top: 5px solid #57637C;
	box-sizing: border-box;
	
	ul.footer_menu {
		a {
			padding: 3px 0;
			line-height: 1.5;
			display: inline-block;
			text-decoration: none;

			span {
				padding-bottom: 1px;
				border-bottom: 1px solid darken(@greenblue, 10%);
			}

			&:hover {
				color: @red;
			}
		}

		a.white {
			color: white;
			span {
				border-bottom: 0;
			}
		}
	}

	.copyright {
		font-size: 14px;
	}

	.vk {
		font-size: 12px;
		.icon {
			vertical-align: top;
		}

		a {
			text-decoration: none;
			color: white;
			display: block;
			float: left;
			padding-bottom: 2px;
		}
		a.link {
			margin-top: 4px;
			border-bottom: 1px dotted rgba(255,255,255, 0.4);
		}
	}

	.contacts {
		font-size: 14px;
		a {
			color: white;
			text-decoration: none;
			display: inline-block;
			padding-bottom: 2px;
			border-bottom: 1px dotted darken(white, 55%);
		}
	}
}

.inline-blocks {
	display: block;
	width: 100%;
	.inline {
		display: inline-block;
	}
}

.liftcounters {
	margin: 40px 0 0 0;
	position: relative;
	.item {
		position: relative;
		border: 1px solid #00AFDB;
		padding: 30px;
		padding-top: 20px;
		text-align: center;
		margin: 0 10px;

		&:first-child {
			margin-left: 0;
		}
		&:last-child {
			margin-right: 0;
		}
		.number {
			color: #BF1E2C;
			font-size: 56px;
			font-weight: bold;
			text-align: center;
			margin-top: 40px;
			margin-bottom: 10px;
		}

		.line {

		}

		&.time {
			.title {
				bottom: 90%;
			}
		}

		.title {
			position: absolute;
			bottom: 93%;
			padding: 10px;
			left: 4%;
			font-size: 15px;
			display: inline;
			background-color: #FFF;
			text-align: left;
		}
	}
}

.absolute_line {
	position: relative;
	padding-bottom: 560px;

	.page_width {
		position: absolute;
		width: 960px;
		height: 560px;
		left: 0;
		top: 40px;
		overflow: hidden;
	}
}

.color-table {
	
	.color {
		width: 125px;
		.color-cube {
			width: 18px;
			height: 47px;
		}
	}
	.price {
		width: 85px;
		b {
			font-size: 21px;
			font-weight: bold;
			display: block;
			padding-top: 10px;
		}
	}
	.line {
		margin: 15px 0;
	}

	.title {
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #B9B9B9;
		padding: 5px 0px 5px 30px;
	}

	.size {
		padding: 5px 10px;
		.big {
			font-size: 21px;
		}

		.small {
			font-size: 14px;
			color: #777;
		}
	}
}

/* forms */
#fancybox_form .error {
	color: red;
	line-height: 1.4;
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 10px;
}

form {
	.controlRows {
		display: block;
		label {
			font-size: 21px;
			line-height: 1;
			display: block;
			width: 85%;
			margin: 15px;
		}
		input,textarea {
			font-size: 16px;
			display: block;
			padding: 5px 10px;
			margin: 5px auto;
			outline: 0;
			width: 100%;
			border: 1px solid #DFDFDF;
			box-shadow: 0px 2px 2px #DFDFDF;
		}
	}
	
}

.contacts {
	b {
		margin: 0px 0px 5px 0px;
		padding: 0px;
		line-height: 20px;
		color: #0095B3;
		font-size: 18px;
		font-weight: 400;
	}
	p {
		margin: 0px 0px 10px 0px;
		line-height: 20px;
		color: #000;
		font-size: 14px;
		font-weight: 400;
	}
	a {
		color: #0095B3;
	}
}

.padding-container {
	margin-left: 3.5%;
	padding-top: 15px;
}

.container_custom {
	width: 100%;
}

.container_custom .item5 {
	width: 16%;
	margin: 2%;
	margin-bottom: 0;
	float: left;
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../img/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(../img/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:url(../img/blank.gif);-webkit-tap-highlight-color:transparent;z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../img/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(../img/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(../img/fancybox_loading@2x.gif);background-size:24px 24px}}