/*
    Web         : Studio X Creative
    Author      : Vladimir Milenkov - vmilenkov@studiox.bg
    Last update : 2014-09-24
*/

@font-face{
    font-family: 'Fixedsys';
    src: url('../fonts/fsex300-webfont.eot');
    src: url('../fonts/fsex300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fsex300-webfont.woff') format('woff'),
         url('../fonts/fsex300-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

a img{ border: 0; }

a{
    color: #83c01a;
    text-decoration: none;
    -webkit-transition: color 250ms ease-out;
	    -ms-transition: color 250ms ease-out;
            transition: color 250ms ease-out;
}

a:hover{ color: #83c01a; text-decoration: underline; }

*{ -webkit-tap-highlight-color: transparent; }

.hidden{ display: none!important; }
.visible{ display: block!important; }
.f-left{ float: left!important; }
.f-right{ float: right!important; }
.center{ text-align: center!important; }
.bold{ font-weight: bold; }
.underline{ text-decoration: underline; }
.no-transition{ transition: all 0s!important; }

html, body{
	width: 100%;
    cursor: default; color: #1e1e1e;
	position: relative;
	min-width: 980px;
    font: 400 15px/18px 'Roboto', Tahoma, sans-serif;
	background-color: #1e1e1e;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}

html body{ overflow-x: auto; }

#past{
	position: absolute;
	top: 0;
	left: 0; right: 0;
}

.perspective{
	position: relative;
	width: 100%; height: 100%;
	/*-webkit-perspective: 1300px;
			perspective: 1300px;*/
}

.site-block{
	height: 0;
	position: relative;
	z-index: 1;
	visibility: hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
}

.current-block{
	height: auto;
	visibility: visible;
	z-index: 2;
}

.pt-page-flipOutRight{
	-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
	-webkit-animation: flipOutRight 550ms both ease-in;
			animation: flipOutRight 550ms both ease-in;
}
.pt-page-flipInLeft {
	-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
	-webkit-animation: flipInLeft 550ms both ease-out;
			animation: flipInLeft 550ms both ease-out;
}
.pt-page-flipOutLeft {
	-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
	-webkit-animation: flipOutLeft 550ms both ease-in;
			animation: flipOutLeft 550ms both ease-in;
}
.pt-page-flipInRight {
	-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
	-webkit-animation: flipInRight 550ms both ease-out;
			animation: flipInRight 550ms both ease-out;
}

.pt-page-current,
.no-js .pt-page {
	visibility: visible;
	z-index: 1;
}

.pt-page-delay500{
	-webkit-animation-delay: 550ms;
			animation-delay: 550ms;
}

@-webkit-keyframes flipOutRight {
	from { }
	to { -webkit-transform: translateZ(-1300px) rotateY(90deg) scale(0.85); opacity: 0.55; }
}
@keyframes flipOutRight {
	from { }
	to { -webkit-transform: translateZ(-1300px) rotateY(90deg) scale(0.85); transform: translateZ(-1300px) rotateY(90deg) scale(0.85);opacity: 0.55; }
}

@-webkit-keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1300px) rotateY(-90deg) scale(0.85);opacity: 0.55; }
}
@keyframes flipInLeft {
	from { -webkit-transform: translateZ(-1300px) rotateY(-90deg) scale(0.85);transform: translateZ(-1300px) rotateY(-90deg) scale(0.85);opacity: 0.55; }
}

@-webkit-keyframes flipOutLeft {
	from { }
	to { -webkit-transform: translateZ(-1300px) rotateY(-90deg) scale(0.85);opacity: 0.55; }
}
@keyframes flipOutLeft {
	from { }
	to { -webkit-transform: translateZ(-1300px) rotateY(-90deg) scale(0.85);transform: translateZ(-1300px) rotateY(-90deg) scale(0.85);opacity: 0.55; }
}

@-webkit-keyframes flipInRight {
	from { -webkit-transform: translateZ(-1300px) rotateY(90deg) scale(0.85);opacity: 0.55; }
}
@keyframes flipInRight {
	from { -webkit-transform: translateZ(-1300px) rotateY(90deg) scale(0.85);transform: translateZ(-1300px) rotateY(90deg) scale(0.85);opacity: 0.55; }
}

.table{
	display: table;
	height: 100%; width: 100%;
	table-layout: fixed;
}

.table .cell{
	display: table-cell;
	height: 100%; width: 100%;
	vertical-align: middle;
}

.text{
	font-size: 15px;
	line-height: 20px;
}

.gray-block{ background-color: #eee; }
.white-block{ background-color: white; }

form input[type="text"],
form input[type="email"],
form input[type="number"],
form input[type="password"],
form select,
form textarea{
	width: 100%; border: 0;
	padding: 0 10px;
	color: #1e1e1e;
	cursor: default;
	/*box-sizing: padding-box;*/
	box-sizing: border-box;
	background-color: white;
	font: normal 14px/18px 'Roboto', Tahoma, sans-serif;
}

form textarea{
	height: 128px;
	resize: none;
	overflow: auto;
}

form button{
	width: 100%;
	border: 0; cursor: pointer;
	/*box-sizing: padding-box;*/
	box-sizing: border-box;
	transition: all 300ms ease;
	font: normal 14px/18px 'Roboto', Tahoma, sans-serif;
}

/**::-webkit-input-placeholder{ color: #1e1e1e; }*/
/**:-moz-placeholder{ color: #000; }*/
/**::-moz-placeholder{ color: #000; }*/
/**:-ms-input-placeholder{ color: #1e1e1e; }*/

form label.radio,
form label.checkbox{
	cursor: pointer;
	position: relative;
	padding: 0 0 0 25px;
	font-size: 16px;
	line-height: 23px;
}

	form label.radio input,
	form label.checkbox input{
		position: absolute;
		top: 3px; left: 0;
		cursor: pointer;
		z-index: 3;
		opacity: 0;
		filter: alpha(opacity="0");
	}

	form label.radio var,
	form label.checkbox var{
		height: 14px; width: 14px;
		position: absolute;
		top: 3px; left: 0;
		z-index: 1;
		background-color: white;
	}

		form label.radio var i,
		form label.checkbox var i{
			opacity: 0;
			filter: alpha(opacity="0");
			position: absolute;
			top: 3px; bottom: 3px;
			left: 3px; right: 3px;
			background-color: #83c01a;
			transition: all 300ms ease;
		}

		form label.radio var{
			height: 14px; width: 14px;
			border: 2px solid #83c01a;
			border-radius: 100%;
			transition: all 300ms ease;
		}

		form label.radio var i{
			height: 8px; width: 8px;
			top: 50%; left: 50%;
			bottom: auto; right: auto;
			margin: -4px 0 0 -4px;
			background-color: white;
			border-radius: 100%;
		}

		form label.on var i{
			opacity: 1;
			filter: alpha(opacity="100");
		}

		form label.radio.on var{ background-color: #83c01a; }

.wrapper{
	max-width: 1300px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	z-index: 2;
}

.header{
	height: 66px;
	position: relative;
	z-index: 10;
	background-color: #252525;
}

	.header .wrapper{
		max-width: 1165px;
		padding-left: 136px;
		position: relative;
	}

		.header .wrapper h1{
			height: 140px; width: 136px;
			margin: 0;
			position: absolute;
			top: 0; left: 0;
			z-index: 3;
			background-color: #83c01a;
		}

			.header .wrapper h1 a{
				display: block;
				height: 100%; width: 100%;
			}

.header nav > ul{
	height: 66px; display: table;
	position: relative;
}

	.header nav > ul > li{
		width: 8%;
		display: table-cell;
		vertical-align: top;
	}

		.header nav > ul > li > a{
			display: inline-block;
			height: 66px; width: 101%;
			overflow: hidden;
			position: relative;
			color: white;
			text-align: center;
			text-transform: uppercase;
			vertical-align: top;
			transition: all 250ms ease 150ms;
		}

			.header nav > ul > li a:before{
				content: '';
				height: 20px; width: 1px;
				position: absolute;
				top: 23px; left: 0;
				background-color: #777;
			}

				.header nav > ul > li:first-child a:before{ display: none; }

		.header nav ul li a strong{
			height: 66px; width: 100%;
			display: table;
			position: relative;
			font-weight: 400;
			transition: all 250ms ease 150ms;
		}

			.header nav ul li a strong span,
			.header nav ul li a strong var{
				height: 66px;
				display: table-cell;
				position: relative;
				vertical-align: middle;
				transition: all 250ms ease 150ms;
			}

				.header nav > ul > li > a strong:before{
					content: ''; height: 66px;
					position: absolute;
					top: -100%;
					left: 0; right: 0;
					z-index: 2;
					background-color: white;
					transition: all 250ms ease 150ms;
				}

				.header nav > ul > li > a strong:after{
					content: '';
					height: 66px; width: 74px;
					position: absolute;
					top: -100%; left: 50%;
					margin-left: -37px;
					z-index: 3;
					background: white url('../images/layout/bgr-sprite.svg') no-repeat -10000px 0;
					transition: all 250ms ease 150ms;
				}

					.header nav > ul > li.laptop-nav a strong:after{ background-position: 0 0; }
					.header nav > ul > li.desktop-nav a strong:after{ background-position: -74px 0; }
					.header nav > ul > li.tablet-nav a strong:after{ background-position: -148px 0; }
					.header nav > ul > li.pravetz-os-nav a strong:after{ background-position: -222px 0; }
					.header nav > ul > li.stores-nav a strong:after{ background-position: -296px 0; }
					.header nav > ul > li.history-nav a strong:after{ background-position: -370px 0; }
					.header nav > ul > li.my-pravetz-nav a strong:after{ background-position: -444px 0; }
                    .header nav > ul > li.future-nav a strong:after {
                        background: url('../images/layout/icons/next.png') no-repeat center;
                    }
                    .header nav > ul > li.news-nav a strong:after {
                        background: url('../images/layout/icons/news.png') no-repeat center;
                    }
                    .header nav > ul > li.courses-nav a strong:after {
                        background: url('../images/layout/icons/courses.png') no-repeat center;
                    }
		.header nav ul li a strong span i{
			display: inline-block;
			font-style: normal;
			position: relative;
		}

		.header nav ul li a strong span i:after{
			content: ''; height: 1px;
			position: absolute;
			top: 100%;
			left: 0; right: 0;
			margin-top: 5px;
			background-color: #83c01a;
		}

	.header nav > ul > li.basket a span{
		display: block;
		padding: 0 50px 0 10px;
		line-height: 66px;
		transition: all 250ms ease 150ms;
		white-space: nowrap;
                text-transform: lowercase !important;
	}

	.header nav > ul > li.basket a span:before,
	.header nav > ul > li.basket a var:before{
		content: '';
		height: 28px; width: 34px;
		position: absolute;
		top: 50%; right: 20px;
		margin: -14px 0 0;
		background: url('../images/layout/bgr-sprite.svg') no-repeat -518px 0;
	}

		.header nav > ul > li.basket a var:before{ background-position: -552px 0; }

	.header nav ul li.basket a strong var{
		height: 66px;
		position: absolute;
		top: -100%;
		left: 0; right: 0;
		padding: 0 50px 0 10px;
		line-height: 66px;
		font-style: normal;
		color: #010101;
		background-color: white;
		transition: all 250ms ease 150ms;
		white-space: nowrap;
                text-transform: lowercase !important;
	}

	.header nav > ul > li.basket > a strong:before,
	.header nav > ul > li.basket > a strong:after{
		display: none;
	}


	.header nav ul li:hover a{ text-decoration: none; }

	.header nav ul li:hover a strong span{
		padding-top: 66px;
	}

	.header nav ul li.basket:hover a strong span{
		padding-top: 0;
		margin-top: 66px;
	}

	.header nav > ul > li:hover > a strong:after,
	.header nav > ul > li:hover > a strong:before,
	.header nav > ul > li.basket:hover > a strong var{
		top: 0;
	}

	.header nav ul li > div{
		min-height: 38px;
		padding: 18px 20px;
		position: absolute;
		top: 100%;
		left: 0; right: 0;
		z-index: -1;
		opacity: 0;
		visibility: hidden;
		transition: all 250ms ease 225ms;
	}

		.header nav ul li > div:before{
			content: '';
			height: 100%;
			position: absolute;
			top: 0;
			left: -10000px; right: -10000px;
			z-index: -1;
			background-color: white;
			box-shadow: 0px 5px 18px rgba(0,0,0,0.18);
		}

		.no-boxshadow .header nav ul li > div:after{
			content: ''; height: 19px;
			position: absolute;
			top: 100%;
			left: -10000px; right: -10000px;
			background: url('../images/layout/bgr-dropdown-shadow.png') repeat-x 0 0;
		}

	.header nav ul li:hover > div,.header nav ul li > div.visible{
		opacity: 1;
		visibility: visible;
	}

	.header nav ul li div ul li{
		float: left;
		padding-right: 20px;
		position: relative;
		font-size: 16px;
	}

		.header nav ul li div ul li:before{
			content: '•';
			position: absolute;
			top: 11px; left: 0;
			font-size: 16px;
			color: #83c01a;
		}

	.header nav ul li div ul li a{
		color: #1e1e1e; display: block;
		padding: 10px;
	}

	.header nav ul li div a:before{ display: none; }

	.header nav ul li div ul li a:hover{ color: #83c01a; }

.header .title{
	display: block;
	padding-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
	font: 300 40px/48px 'Roboto', Tahoma, sans-serif;
}

.header .forms{
	width: 100%;
	margin: 0 auto;
	padding: 35px 0;
	position: relative;
	text-align: center;
}

	.header .forms:before{
		content: '';
		height: 188px; width: 1px;
		position: absolute;
		top: 165px; left: 50%;
		background-color: #cbcbcb;
	}

	.header .forms .box{
		width: 39%;
		display: inline-block;
		margin: 0 5%;
		vertical-align: top;
	}

	.header .forms form li{
		max-width: 310px;
		margin: 0 auto;
		padding-top: 15px;
	}

	.header .forms form label{
		display: block;
		padding-bottom: 6px;
		font-size: 16px;
		text-align: left;
	}

	.header .forms form input{
		padding: 7px 10px 10px;
		border: 1px solid #c2c2c2;
	}

	.header .forms form button{
		width: auto;
		margin-top: 25px;
		color: white;
		font-size: 18px;
		text-transform: uppercase;
		background-color: #1e1e1e;
	}

		.header .forms form button > span{
			display: block;
			position: relative;
			padding: 25px 48px 25px 70px;
		}

			.header .forms form button > span:before{
				content: '';
				height: 31px; width: 26px;
				position: absolute;
				top: 50%; left: 0;
				margin: -15px 0 0 20px;
				background: url('../images/layout/bgr-sprite.svg') no-repeat -518px -28px;
			}

	.header .forms form button:hover{
		background-color: #83c01a;
	}

.footer{
	color: white;
	font-size: 14px;
	line-height: 18px;
	background-color: #252525;
}

.footer .wrapper{
	position: relative;
	padding-top: 30px;
	padding-bottom: 25px;
}

	.footer .col{
		float: left; width: 12.3%;
	}

	.footer .col.f-right{
		width: 20%;
		margin: 10px 0;
		padding: 0 0 0 3%;
		border-left: 1px solid #505050;
	}

	.footer .col h6{
		font-size: 15px;
		font-weight: 400;
		text-transform: uppercase;
		padding: 9px 0;
	}

	.footer .col ul li{
		position: relative;
		padding: 3px 0 3px 10px;
	}

		.footer .col ul li:before{
			content: '•';
			position: absolute;
			top: 4px; left: 0;
			font-size: 16px;
			color: #83c01a;
		}

	.footer .col ul li a{
		color: white;
	}

	.footer form{ padding-top: 20px; }

	.footer form ol li{
		padding-top: 1px;
	}

	.footer form input{
		height: 45px;
		line-height: 42px;
	}

	.footer form button{
		height: 45px; color: white;
		text-align: center;
		text-transform: uppercase;
		background-color: #83c01a;
	}

	.footer form button:hover{ background-color: #7ab711; }

.footer .line{
	overflow: hidden;
	font-size: 13px;
	background-color: #383838;
}

	.footer .line .wrapper{
		padding-top: 13px;
		padding-bottom: 15px;
	}

	.footer .social-links{
		position: absolute;
		top: 50%;
		left: 0; right: 0;
		margin-top: -12.5px;
		z-index: 1;
		font-size: 0;
		text-align: center;
	}

		.footer .social-links li{
			display: inline-block;
			margin: 0 10px;
			vertical-align: top;
		}

			.footer .social-links li a{
				height: 25px; width: 25px;
				display: block;
				background: url('../images/layout/bgr-sprite.svg') no-repeat -10000px 0;
				transition: opacity 350ms ease;
			}

				.footer .social-links li.fb a{ background-position: -587px 0; }
				.footer .social-links li.tw a{ background-position: -612px 0; }
				.footer .social-links li.in a{ background-position: -587px -25px; }
				.footer .social-links li.gp a{ background-position: -612px -25px; }

			.footer .social-links li a:hover{ opacity: 0.55; }

	.footer .line .f-left,
	.footer .line .f-right{
		position: relative;
		z-index: 2;
	}

	.footer .line address{ font-style: normal; }

	.footer .line address a{
		color: white;
		display: inline-block;
		position: relative;
	}

.header .basket-top{
	max-width: 930px;
	margin: 0 auto;
	padding: 35px 0;
}

.header .basket-top table{
	width: 100%;
}

	.header .basket-top table th{
		padding: 10px 15px;
		font-size: 16px;
		font-weight: normal;
		background-color: #f4f4f4;
	}

		.header .basket-top table th:first-child{ text-align: left; }

	.header .basket-top table td{
		padding: 30px 15px;
		vertical-align: middle;
		text-align: center;
		border-top: 1px solid #c2c2c2;
	}

	.header .basket-top figure{
		height: 110px;
		display: table;
		position: relative;
		text-align: left;
	}

		.header .basket-top figure img{
			position: absolute;
			top: 0; left: 0;
		}

		.header .basket-top figure figcaption{
			height: 110px;
			display: table-cell;
			padding: 0 20px 0 170px;
			font-size: 13px;
			vertical-align: middle;
		}

		.header .basket-top figure figcaption strong{
			display: block;
			font-size: 24px;
			line-height: 22px;
			padding-bottom: 12px;
		}

	.header .basket-top .quantity{
		display: inline-block;
		height: 29px; width: 61px;
		position: relative;
		border-top: 1px solid #c2c2c2;
		border-bottom: 1px solid #c2c2c2;
	}

		.header .basket-top .quantity:before{
			content: '';
			position: absolute;
			top: 0; bottom: 0;
			left: 0; right: 0;
			z-index: 1;
		}

		.header .basket-top .quantity span{
			width: 11px;
			position: absolute;
			top: -1px; bottom: -1px;
			cursor: pointer;
			z-index: 2;
			text-indent: -10000px;
			background-color: #252525;
		}

			.header .basket-top .quantity span.dec{ left: 0; }
			.header .basket-top .quantity span.inc{ right: 0; }

		.header .basket-top .quantity span:before{
			content: '';
			height: 7px; width: 4px;
			position: absolute;
			top: 12px; left: 3px;
			background: url('../images/layout/bgr-sprite.svg') no-repeat -641px -66px;
		}

			.header .basket-top .quantity span.inc:before{
				left: 4px;
				background-position: -645px -66px;
			}

		.header .basket-top .quantity input{
			height: 100%;
			font-size: 18px;
			font-weight: bold;
			line-height: 27px;
			text-align: center;
		}

	.header .basket-top .price{
		color: #83c01a;
		font-size: 36px;
		font-weight: normal;
		white-space: nowrap;
		vertical-align: text-bottom;
	}

		.header .basket-top .price em{ font-style: normal; }

		.header .basket-top .price sub{
			bottom: 0;
			font-size: 28px;
		}

	.header .basket-top .remove{
		display: inline-block;
		height: 29px; width: 29px;
		position: relative;
		cursor: pointer;
		text-indent: -10000px;
		background-color: #252525;
		transition: all 300ms ease;
	}

		.header .basket-top .remove:before{
			content: '';
			height: 10px; width: 10px;
			position: absolute;
			top: 10px; left: 10px;
			background: url('../images/layout/bgr-sprite.svg') no-repeat -588px -210px;
		}

	.header .basket-top .remove:hover{ background-color: #83c01a; }

	.header .basket-top button[type="submit"]{
		color: white; width: auto;
		margin-top: 20px;
		padding: 23px 46px;
		font-size: 18px;
		text-transform: uppercase;
		background-color: #83c01a;
	}

	.header .basket-top button[type="submit"]:hover,
	.header .basket-top button[type="submit"]:focus{
		background-color: #2b2a2a;
	}

.main-banner-holder{
	height: 670px;
	position: relative;
	background: #e7e7e7 url('../images/layout/bgr-banner.png') no-repeat center center;
}

	.main-banner-holder .main-banner{
		height: 100%;
		background: url('../images/layout/main-banner-present.png') no-repeat center center;
		transition: opacity 450ms ease;
	}

	.main-banner .main-banner-text{
		height: 294px; width: 515px;
		position: absolute;
		top: 117px; right: 12px;
		background: url('../images/layout/main-banner-present-text.png') no-repeat center center;
	}

	ul.buttons{
		margin-top: 48px;
		font-size: 0;
		text-align: center;
	}

    /*196*/
    ul.configure-64d-btn {
        margin-top: 18px;
    }
    #summary-64d {
        margin-top: 10px;
    }

		.main-banner-text ul.buttons{
			position: absolute;
			top: 100%; right: 0;
		}

		ul.buttons li{
			float: left;
			margin-left: 1px;
		}

			ul.buttons.center li{
				float: none;
				display: inline-block;
				vertical-align: top;
			}

		ul.buttons li a{
			height: 65px; display: block;
			position: relative;
			overflow: hidden;
			background-color: #1e1e1e;
		}

			ul.buttons li.store a{ background-color: #83c01a; }

			ul.buttons li a var,
			ul.buttons li a span{
				height: 41px; display: block;
				color: white; cursor: pointer;
				padding: 24px 39px 0 77px;
				position: relative;
				font-size: 18px;
				font-style: normal;
				text-transform: uppercase;
				transition: all 300ms ease;
				white-space: nowrap;
			}

			ul.buttons li a var{
				position: absolute;
				top: -100%;
				left: 0; right: -1px;
			}

				ul.buttons li.store a var{ background-color: #1e1e1e; }
                ul.buttons li.locate a var,
                ul.buttons li.conf a var,
				ul.buttons li.buy a var,
				ul.buttons li.declare a var{
					background-color: #83c01a;
				}

			ul.buttons li a var:before,
			ul.buttons li a span:before{
				content: '';
				height: 46px; width: 43px;
				position: absolute;
				top: 50%; left: 20px;
				margin-top: -24px;
				background: url('../images/layout/bgr-sprite.svg') no-repeat -10000px 0;
				transition: all 350ms ease;
			}

			ul.buttons li.buy a var:before,
			ul.buttons li.buy a span:before{
				background-position: -637px 0;
			}

			ul.buttons li.store a var:before,
			ul.buttons li.store a span:before{
				background-position: -680px 0;
			}

            ul.buttons li.locate a var:before,
            ul.buttons li.locate a span:before{
                background: url("../images/layout/icons/locate.svg") no-repeat -5px -1px;

            }

			ul.buttons li.conf a var:before,
			ul.buttons li.conf a span:before{
				background-position: -215px -136px;
			}

            ul.buttons li.conf_past a span:before{
                background-position: -215px -141px;
            }

ul.buttons li.declare a var:before,
ul.buttons li.declare a span:before{
    background-position: -520px -111px;
}

			ul.buttons li a:hover{ text-decoration: none; }

			#present ul.buttons li a:hover var,
			#present ul.buttons li a:hover span{
				transform: translate(0, 100%);
			}

			ul.buttons li a var:after{
				content: attr(data-text);
			}

	.switch-view{
		position: absolute;
		bottom: 0; right: 0;
		cursor: pointer;
		color: white;
		text-transform: uppercase;
		background-color: #dc0303;
		font: normal 16px/18px 'Fixedsys', Tahoma, sans-serif;
		transition: all 350ms ease;
		z-index: 3;
	}

		.switch-view span{
			display: inline-block;
			position: relative;
			padding: 21px 147px 16px 24px;
			white-space: nowrap;
		}

			.switch-view span:before{
				content: '';
				height: 33px; width: 99px;
				position: absolute;
				top: 50%; right: 25px;
				margin-top: -17px;
				background: url('../images/layout/bgr-sprite.svg') no-repeat -701px -46px;
			}

		.switch-view:hover{ background-color: #cd0202; }

		.switch-view.small span{ padding-right: 117px; }

	.main-banner-holder .tools{
		position: absolute;
		bottom: 0; left: 0;
		transform: translateZ(0);
	}

		.main-banner-holder .tools li{
			float: left;
			margin-right: 1px;
		}

			.main-banner-holder .tools li a{
				height: 55px; display: block;
				position: relative;
				overflow: hidden;
				background-color: #1e1e1e;
			}

				.main-banner-holder .tools li a var,
				.main-banner-holder .tools li a span{
					height: 37px; display: block;
					color: white; cursor: pointer;
					padding: 18px 18px 0 54px;
					position: relative;
					font-size: 14px;
					font-style: normal;
					transition: all 300ms ease;
					white-space: nowrap;
				}

				.main-banner-holder .tools li a var{
					position: absolute;
					top: -100%;
					left: 0; right: -1px;
					background-color: #83c01a;
				}

					.main-banner-holder .tools li a var:before,
					.main-banner-holder .tools li a span:before{
						content: '';
						height: 28px; width: 29px;
						position: absolute;
						top: 50%; left: 16px;
						margin-top: -14px;
						background: url('../images/layout/bgr-sprite.svg') no-repeat -10000px 0;
					}
                        .desktop-summary {
                            margin-bottom: 20px;
                        }
						.main-banner-holder .tools li.configurator a var:before,
						.main-banner-holder .tools li.configurator a span:before{
							background-position: -713px -79px;
						}

						.main-banner-holder .tools li.details a var:before,
						.main-banner-holder .tools li.details a span:before{
							background-position: -742px -79px;
						}

						.main-banner-holder .tools li.gallery a var:before,
						.main-banner-holder .tools li.gallery a span:before{
							background-position: -771px -79px;
						}

			.main-banner-holder .tools li a var:after{
				content: attr(data-text);
			}

			.main-banner-holder .tools li a:hover{ text-decoration: none; }

			#present .main-banner-holder .tools li a:hover var,
			#present .main-banner-holder .tools li a:hover span,
			#present .main-banner-holder .tools li a.active var,
			#present .main-banner-holder .tools li a.active span{
				transform: translate(0, 100%);
			}

	.gallery-holder{
		background-color: #eee;
	}

	div.gallery{
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}

	.main-banner-holder div.gallery{
		opacity: 0;
		filter: alpha(opacity="100");
		visibility: hidden;
		height: 473px; max-width: 1300px;
		position: absolute;
		top: 50%; left: 50%;
		transform: translate(-50%, -50%);
		transition: opacity 450ms ease;
		z-index: -1;
		background-color: transparent;
	}

	div.gallery .gallery-frame{
		height: 426px;
	}

	.scrollbar{
		opacity: 0;
		visibility: hidden;
		position: relative;
		height: 3px;
		margin: 32px 0 0;
		line-height: 0;
		background-color: #c7c7c7;
	}

		.main-banner-holder .scrollbar{
			margin: 32px 390px 0;
		}

		.active-slider .scrollbar{
			opacity: 1;
			visibility: visible;
		}

	.scrollbar .handle{
		height: 100%; width: 100px;
		position: absolute!important;
		cursor: move;
		cursor: -webkit-grab;
		cursor: -o-grab;
		cursor: -ms-grab;
		/*cursor: grab;*/
		background-color: #83c01a;
	}

	.scrollbar .handle .mousearea{
		height: 20px; width: 100%;
		position: absolute;
		top: -9px; left: 0;
	}

		.scrollbar .handle .mousearea:before{
			content: '';
			position: absolute;
			top: -5px; bottom: -5px;
			left: -5px; right: -5px;
			background: url('../images/layout/empty.gif') repeat;
		}

	div.gallery .frame-holder{
		height: 426px;
		background-color: #eee;
	}

	div.gallery .frame{
		float: left;
		overflow: hidden;
	}

	div.gallery .frame.size11{ height: 213px; width: 325px; }
	div.gallery .frame.size12{ height: 426px; width: 325px; }
	div.gallery .frame.size13{ height: 213px; width: 650px; }
	div.gallery .frame.size14{ height: 426px; width: 650px; }

	div.gallery .frame a{
		display: block;
		height: 100%; width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.main-banner-holder.visible-gallery div.gallery{
		opacity: 1;
		visibility: visible;
		z-index: 2;
	}

	.main-banner-holder.visible-gallery .main-banner{
		opacity: 0;
		visibility: hidden;
	}

.banners{ background-color: white; }

.banners ul{
	max-width: 1440px;
	margin: 0 auto;
	padding: 15px 0;
	font-size: 0;
	text-align: center;
}

	.banners ul li{
		width: 33.3%;
		display: inline-block;
		vertical-align: top;
		font-size: 18px;
		color: white;
		text-align: left;
	}

	.banners ul li a{
		display: block; height: 220px;
		margin: 15px 3%;
		color: white;
	}

		.banners ul li > a > span{
			display: block;
			height: 100%; width: 100%;
			position: relative;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.banners ul li > a  span.line{
			padding: 11px;
			position: absolute;
			bottom: 0;
			left: 0; right: 0;
		}

			.banners ul li > a  span.line strong{
				display: inline-block;
				position: relative;
				padding-right: 6px;
				font: 300 50px/1 'Roboto', Tahoma, sans-serif;
			}

				.banners ul li > a  span.line strong.infinity{ padding-right: 60px; }

				.banners ul li > a  span.line strong.infinity:after{
					content: '';
					height: 17px; width: 40px;
					position: absolute;
					top: 50%; right: 10px;
					margin-top: -5px;
					background: url('../images/layout/bgr-sprite.svg') no-repeat -760px 0;
				}

div.configurator{
	padding-top: 30px;
	background: #83c01a url('../images/layout/bgr-configurator.svg') no-repeat 70% bottom;
}

div.configurator .heading{
	color: white;
	font-size: 40px;
	font-weight: 300;
	line-height: 1;
	text-transform: uppercase;
	padding: 28px 0;
}

div.configurator .config{
	display: table; width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
	padding-bottom: 60px;
	user-select: none;
}

div.configurator .config .col{
	display: inline-block; width: 100%;
	max-width: 240px;
	vertical-align: top;
	font-size: 18px;
	line-height: 22px;
	position: relative;
}

	div.configurator .config .col:after{
		content: '';
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 0; bottom: 0;
		left: 25px; right: 25px;
		z-index: 2;
		border: 2px solid #90e300;
		background: url('../images/layout/bgr-table-pattern.png') repeat 0 0;
		transition: all 300ms ease;
	}

	div.configurator .config .col:hover:after{
		opacity: 1;
		visibility: visible;
		transform: translateZ(0);
	}

	div.configurator .config .params:hover:after{
		display: none;
	}

	div.configurator .config .params{
		width: 190px;
		font-size: 14px;
		text-align: left;
	}

div.configurator .config .col table{
	width: 100%;
}

div.configurator .config .col table td{
	padding: 14px 10px;
	vertical-align: middle;
	background-color: white;
	border-top: 1px solid #99cb44;
}

div.configurator .config .col table tr:first-child + tr td{ border-top: 0; }

div.configurator .config .col table tr:nth-child(2n+2) td{ background-color: #f5f5f5; }
div.configurator .config .col table tr.odd td{ background-color: #f5f5f5; }

div.configurator .config .params table td{
	padding: 0;
}

	div.configurator .config .params table td > div{
		position: relative;
		padding: 14px 10px 14px 65px;
	}

		div.configurator .config .params table td > div var{
			width: 52px;
			position: absolute;
			top: 0; bottom: 0;
			left: 0;
			text-align: center;
			display: table-cell;
			vertical-align: middle;
			background-color: #659b07;
			/*background-color: #74ad12\9;*/
		}

			div.configurator .config .params table tr:nth-child(2n+1) td > div var{ background-color: #74ad12; }

			div.configurator .config .params table tr.odd td > div var{ background-color: #659b07; }

div.configurator .config .col table th > div,
div.configurator .config .col table td > div{
	position: relative;
	z-index: 3;
}

div.configurator .config .col div.model{
	height: 90px; width: 159px;
	display: inline-block;
	margin: 30px 20px 20px;
	position: relative;
}

.model-64m {
    background: url('../images/layout/bgr-sprite.svg') no-repeat -641px -107px;
}

.model-64d {
    background: url('../images/layout/bgr-sprite.svg') no-repeat 12px -210px;
}

	div.configurator .config .col.params div.model{ background: transparent none; }

div.configurator .config .col div.model strong{
	color: white; display: block;
	font-size: 20px;
	font-weight: normal;
	padding-top: 27px;
}

div.configurator .config .col table td.price{
	padding: 0;
	background-color: transparent;
}

div.configurator .config .col table tr:nth-child(2n+1) td.price{
	padding: 0;
	background-color: transparent;
}

div.configurator .config .col table td.price > div{
	padding: 36px 15px 90px;
	color: white;
	font-size: 24px;
}

	div.configurator .config .col table td.price > div strong{
		font-size: 50px;
		font-weight: normal;
	}

div.configurator .config .col .buy{
	height: 42px; display: none;
	padding: 23px 39px 0 77px;
	position: absolute;
	bottom: 0;
	left: 25px; right: 25px;
	color: white;
	font-size: 18px;
	text-transform: uppercase;
	background-color: #1e1e1e;
	transition: all 300ms ease;
}

div.configurator .config .col .buy:before{
	content: '';
	height: 46px; width: 43px;
	position: absolute;
	top: 50%; left: 45px;
	margin-top: -24px;
	background: url('../images/layout/bgr-sprite.svg') no-repeat -637px 0;
}



div.configurator .config .col:hover .buy{ display: block; }

div.configurator .config .col .buy:hover{
	text-decoration: none;
	background-color: #2b2a2a;
}

div.configurator .options{
	display: inline-block;
	position: relative;
	padding: 0 20px;
}

div.configurator .options .nav{
	height: 15px; width: 9px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	background: url('../images/layout/bgr-sprite.svg') no-repeat -10000px 0;
}

	div.configurator .options .nav:before{
		content: '';
		position: absolute;
		top: -5px; bottom: -5px;
		left: -10px; right: -10px;
	}

	div.configurator .options .prev{
		left: 0;
		background-position: -536px -224px;
	}

	div.configurator .options .next{
		right: 0;
		background-position: -545px -224px;
	}

div.configurator .options ul li{
	display: none;
	min-width: 60px;
	text-align: center;
	white-space: nowrap;
}

div.configurator .options ul li.active{ display: block; }

.statement{
	overflow: hidden;
	position: relative;
	background: #eee url('../images/layout/bgr-curves.svg') no-repeat 70% top;
}

.statement .wrapper{
	min-height: 650px;
	z-index: 2;
}

	.statement .image{
		height: 636px; width: 100%;
		max-width: 56%;
		/*max-width: inherit\9;*/
		position: absolute;
		right: 0; bottom: 0;
		background: url('../images/layout/bgr-boyko-modern.png') no-repeat right bottom;
		background-size: contain;
		transition: all 300ms ease;
	}

.statement-slider{
	width: 360px;
	padding-top: 100px;
	position: relative;
	z-index: 2;
}

	.statement-slider .frame{ width: 360px; }

		.statement-slider .frame > ul{
			height: 100%;
			font-size: 15px;
			line-height: 18px;
		}

			.statement-slider .frame > ul > li{
				height: 100%; width: 360px;
				float: left;
			}

	.statement-slider h2{
		font-size: 40px;
		line-height: 50px;
		font-weight: 300;
		text-transform: uppercase;
	}

	.statement-slider .controls{
		height: 8px;
		position: relative;
		margin-top: 40px;
		padding: 0 21px;
	}

		.statement-slider .controls .nav{
			height: 15px; width: 10px;
			position: absolute;
			top: 50%;
			margin-top: -7px;
			font-size: 0;
			cursor: pointer;
			background: url('../images/layout/bgr-sprite.svg') no-repeat -10000px 0;
		}

			.statement-slider .controls .prevPage{
				left: 0;
				background-position: -780px -17px;
			}

			.statement-slider .controls .nextPage{
				right: 0;
				background-position: -790px -17px;
			}

			.statement-slider .controls .disabled{
				cursor: default;
				opacity: 0.5;
				filter: alpha(opacity="50");
			}

		.statement-slider .controls .pages{
			display: table; width: 100%;
			user-select: none;
		}

			.statement-slider .controls .pages li{
				display: table-cell;
				height: 8px;
				font-size: 0;
				line-height: 0;
				cursor: pointer;
				background-color: #252525;
				border-left: 1px solid #eee;
				transition: all 300ms ease;
			}

			.statement-slider .controls .pages li:hover,
			.statement-slider .controls .pages li.active{
				background-color: #83c01a;
			}

.product-inner{
	background: white url('../images/layout/bgr-product.png') repeat-y center top;
}

.product-inner .block{
	position: relative;
	padding: 80px 0;
}

	.product-inner .general:before,
	.product-inner .general:after{
		content: '';
		position: absolute;
		top: 0; bottom: 0;
		left: 0; right: 0;
	}

		.product-inner .general:before{ background: url('../images/layout/bgr-corner-bottom-left.png') no-repeat bottom left; }
		.product-inner .general:after{ background: url('../images/layout/bgr-corner-top-right.png') no-repeat top right; }

.product-inner .block .text a{ color: #010101; }

.product-inner .block .text h2,
.product-inner .block .text h3{
	padding-bottom: 24px;
}

.product-inner .block .text .heading-bold{
	font-size: 54px;
	line-height: 58px;
}

.product-inner .block .text .heading-normal{
	font-size: 40px;
	line-height: 54px;
	font-weight: 300;
	text-transform: uppercase;
}

.product-inner .table figure{
	width: 53%;
	padding-right: 2%;
}

.product-inner img{
	display: block;
    max-width: 100%;
}

.product-inner .table .text{
	width: 45%;
}

.product-inner .parameeters{
	height: 298px;
	/*background-color: #1e1e1e;*/
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

	.product-inner .parameeters ul{
		display: table;
		width: 100%;
	}

		.product-inner .parameeters ul li{
			width: 16.6%;
			display: table-cell;
			text-align: center;
			color: white;
			font-size: 14px;
			vertical-align: top;
		}

			.product-inner .parameeters ul li figure{ width: 100%; }

			.product-inner .parameeters ul li figure img{
				display: inline-block;
			}

			.product-inner .parameeters ul li figcaption{ padding-top: 15px; }

			.product-inner .parameeters ul li figcaption strong{
				display: block;
				font-size: 28px;
				font-weight: normal;
				line-height: 24px;
				padding: 19px 0;
			}

.product-inner .gray-block{ background-color: #efefef; }

.product-inner .fixed-image{
	position: relative;
	margin: 55px 0;
	padding: 105px 0;
}

.product-inner .fixed-image .text{
	width: 45%;
	display: inline-block;
}

.product-inner .fixed-image figure{
	height: auto; width: 100%;
	position: absolute;
	top: 50%; right: 0;
	-webkit-transform: translate(45%, -50%);
			transform: translate(45%, -50%);
}

.block-title{
	padding: 0 0 40px;
	font-size: 40px;
	font-weight: 300;
	line-height: 42px;
	text-transform: uppercase;
}

.block-title1{
	padding: 0 0 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	text-transform: uppercase;
}

.block-title2{
	padding: 0 0 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	text-transform: uppercase;
    color:#FFFFFF;
}

.accordion{
	margin: 20px 0;
	background-color: white;
}

.accordion > li{
	border-bottom: 1px solid #b5b5b5;
}

.accordion > li.open{ z-index: 2; }

.accordion li .top{
	cursor: pointer; color: white;
	padding: 20px 50px 22px 20px;
	position: relative;
	font-size: 24px;
	line-height: 22px;
	background-color: #bfbfbf;
}

	.accordion li .top:before{
		content: '';
		height: 10px; width: 16px;
		position: absolute;
		top: 50%; right: 25px;
		margin-top: -5px;
		background: url('../images/layout/bgr-sprite.svg') no-repeat -728px -17px;
	}

	.accordion li.open .top{ background-color: #83c01a; }

	.accordion li.open .top:before{
		content: "";
		background-position: -744px -17px;
	}

.accordion li .btm{
	display: none;
	font-size: 14px;
	line-height: 22px;
}

	.accordion li.open .btm{
		display: block;
	}

.accordion table{
	width: 100%;
}

.accordion table td{
	width: 50%;
	padding: 14px 18px;
	background-color: white;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
}

.accordion table tr:nth-child(2n+2) td{ background-color: #f5f5f5; }
.accordion table tr.odd td{ background-color: #f5f5f5; }

.form,
.declare-form .block-title{
	color: white;
}

.declare-form{
	padding: 60px 0;
	background-color: #83c01a;
}

	.declare-form .declare-form{
		padding: 0;
		background-color: transparent;
	}

.declare-form .block-title{
	text-align: center;
}

.form form{
	max-width: 860px;
	margin: 0 auto;
}

.form form ol{
	font-size: 0;
	text-align: center;
	margin: 0 -0.8%;
}

.form form ol li{
	width: 32.1%;
	display: inline-block;
	margin: 10px 0.4%;
	font-size: 16px;
	line-height: 19px;
	text-align: left;
}

	.form form ol li.full-width{
		width: 97.8%;
		margin: 10px 1.1%;
	}
    .form form ol li.half-width{
        width: 47.5%;
        margin: 10px 1.1%;
    }

.form form ol li small{ font-size: 14px; }

.form form ol li label{
	display: block;
	padding-bottom: 5px;
}

.form form ol li input[type="text"],
.form form ol li input[type="email"],
.form form ol li input[type="number"],
.form form ol li input[type="password"],
.form form ol li textarea{
	padding-top: 9px;
	padding-bottom: 11px;
}

.form form ol li button{
	width: auto;
	margin-top: 5px;
	color: white;
	font-size: 18px;
	text-transform: uppercase;
	background-color: #1e1e1e;
}

	.form form ol li button > span{
		display: block;
		position: relative;
		padding: 24px 28px 24px 78px;
	}

		.form form ol li button > span:before{
			content: '';
			height: 43px; width: 46px;
			position: absolute;
			top: 50%; left: 0;
			margin: -22px 0 0 17px;
			background: url('../images/layout/bgr-sprite.svg') no-repeat -518px -112px;
		}

			.contact-form form ol li button > span:before{
				height: 26px; width: 36px;
				margin: -13px 0 0 23px;
				background-position: -518px -172px;
			}

.form form ol li button:hover,
.form form ol li button:focus{
	background-color: #383838;
}

.content{
	position: relative;
	background-color: #eee;
}

.content-block{ padding: 74px 0; }

.contacts{
	display: table; width: 100%;
	font-size: 0;
	text-align: center;
}

	.contacts .box{
		width: 33.3%;
		display: inline-block;
		vertical-align: top;
		padding: 25px 0;
		font-size: 16px;
		line-height: 24px;
		text-align: left;
	}

		.contacts .box .inner{ padding: 0 50px; }

			.contacts .box .inner .title{
				font-size: 28px;
				line-height: 26px;
				padding-bottom: 22px;
			}

			.contacts .box .inner .text{ position: relative ;}

				.contacts .box .inner .text:before{
					content: ''; width: 1px;
					position: absolute;
					top: 5px; bottom: 0;
					left: -50px;
					background-color: #b6b5b5;
				}

					.contacts .box:first-child .inner .text:before{ display: none; }

			.contacts .box .inner a{ color: #010101; }

.switch-office-type{
	font-size: 0;
	text-align: center;
	position: relative;
	z-index: 2;
}

	.switch-office-type li{
		display: inline-block;
		margin-left: 1px;
		vertical-align: top;
		cursor: pointer;
	}

		.switch-office-type li > div{
			color: white;
			font-size: 14px;
			min-width: 100px;
			text-align: center;
			position: relative;
			padding: 20px 20px 19px;
			background-color: #010101;
		}

		.switch-office-type li > div:before{
			content: ''; display: none;
			height: 0; width: 0;
			position: absolute;
			top: 100%; left: 50%;
			margin-left: -10px;
			border-style: solid;
			border-width: 10px;
			border-color: #83c01a transparent transparent transparent;
		}


		.switch-office-type li.active > div{ background-color: #83c01a; }
		.switch-office-type li.active > div:before{ display: block; content: ""; }

.map-holder{
	height: 450px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

	.map-holder:before{
		content: ''; width: 50px;
		position: absolute;
		right: 0;
		top: 0; bottom: 0;
		z-index: 2;
		background: url('../images/layout/empty.gif') repeat;
	}

	.map-holder .map{ height: 107%; }

.green-block{
	background: #83c01a url('../images/layout/bgr-block-green.png') repeat-y center -100%;
}

.green-block .block-title{ color: white; }

blockquote{
	position: relative;
	font-size: 24px;
	line-height: 30px;
	font-style: italic;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
}

	blockquote:before,
	blockquote:after{
		position: absolute;
		font-size: 72px;
		line-height: 0;
	}

	blockquote:before{
		content: '“';
		top: 0; left: 0;
		margin: 30px 0 0 -40px;
	}

	blockquote:after{
		content: '”';
		bottom: 0; right: 0;
		margin: 0 -30px -10px 0;
	}

.two-columns-text{
	-webkit-column-count: 2;
			column-count: 2;
	-webkit-column-gap: 40px;
			column-gap: 40px;
}

.history-block{
	background: #dedede url('../images/layout/bgr-block.png') repeat-y 62.26% 60px;
}

.history-list{ padding: 60px 0 6px; }

.history-list .columns{
	position: relative;
}

	.history-list .columns:before{
		content: ''; width: 1px;
		position: absolute;
		top: 0; bottom: 0;
		left: 50%;
		background-color: #232323;
	}

.history-list .col{
	width: 50%; float: left;
	min-height: 161px;
	position: relative;
	overflow: hidden;
	color: #232323;
}

	.history-list .col.f-right{ margin-top: 120px; }

.history-list .col section{
	margin: 60px 0;
	padding: 0 90px 0 45px;
	overflow: hidden;
	position: relative;
}

.history-list .col.f-right section{
	margin: 150px 0;
	padding: 0 0 0 170px;
}

	.history-list .col.f-right section:last-child{ margin-bottom: 60px; }

.history-list .year{
	height: 161px; width: 161px;
	display: table;
	position: absolute;
	top: 0; right: 60px;
	font-style: normal;
	background-color: #232323;
	border-radius: 100%;
	z-index: 3;
}

	.history-list .year:after{
		content: '';
		height: 1px; width: 60px;
		position: absolute;
		top: 50%; left: 100%;
		background-color: #232323;
	}

	.history-list .year strong{
		height: 100%; width: 100%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		color: white;
		font-size: 52px;
		font-weight: 300;
		line-height: 40px;
	}

		.history-list .f-right .year{
			right: auto; left: 60px;
		}

			.history-list .f-right .year:after{
				left: auto; right: 100%;
			}

.history-list section figure{
	text-align: center;
	position: relative;
	padding: 10px 130px 10px 0;
}

	.history-list .col.f-right section figure{ padding: 10px 0 10px 65px; }

	.history-list section figure img{
		display: inline-block;
		max-width: 100%;
		position: relative;
		z-index: 2;
	}

.history-list section .text{
	line-height: 18px;
	position: relative;
}

.history-list section .text h2{
	padding-bottom: 15px;
	font-size: 30px;
	line-height: 28px;
	position: relative;
}

.history-list section .text .short{
	max-height: 75px;
	overflow: hidden;
}

.history-list section .read-more{
	display: inline-block;
	margin-top: 15px;
	padding: 19px 20px 18px;
	color: white;
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
	background-color: #83c01a;
	transition: all 300ms ease;
}

	.history-list section .read-more:hover{
		text-decoration: none;
		background-color: #232323;
	}

.history-list .col.f-left section.timeline div:nth-child(2) figure:before{
	content: ''; height: 1px;
	position: absolute;
	top: 50%;
	left: 0; right: 60%;
	margin: -7px 0 0 -29px;
	background-color: #232323;
	z-index: 1;
}

.history-list .col.f-left section.timeline div:nth-child(2) figure:after{
	content: ''; width: 1px;
	position: absolute;
	top: 0; bottom: 50%;
	left: 0; right: 0;
	margin: 0 0 7px -30px;
	background-color: #dedede;
	border-right: 1px solid #dedede;
	z-index: 2;
}

.history-list section.timeline div:last-child .text:before{
	content: ''; width: 1px;
	position: absolute;
	height: 10000px;
	bottom: 100%; left: -29px;
	margin-bottom: -15px;
	background-color: #232323;
}

.history-list section.timeline div .text h2:before{
	content: '';
	height: 1px; width: 22px;
	position: absolute;
	top: 14px; left: 0;
	margin-left: -29px;
	background-color: #232323;
}

.history-list .present{
	position: relative;
	margin-top: 75px;
	padding: 122px 0 0;
	text-align: center;
}

	.history-list .present:before{
		content: '';
		height: 17px; width: 57px;
		position: absolute;
		top: -21px; left: 50%;
		margin-left: -29px;
		background: url('../images/layout/bgr-sprite.svg') no-repeat -457px -155px;
	}

.history-list .present .year{
	height: 193px; width: 193px;
	top: -34px; right: 50%;
	margin-right: -96px;
}

	.history-list .present .year:after{
		height: 50px; width: 1px;
		top: auto; bottom: 100%;
		left: 50%;
		margin-left: 1px;
	}

	.history-list .present .year strong{ font-size: 63px; }

.history-list .present figure{ padding: 0; }

.history-list .present figure figcaption{
	padding: 23px 0 18px;
}

.history-list .present figure figcaption h2{ font-size: 30px; }

.history-list .present .read-more{
	font-size: 18px;
	position: relative;
	padding: 24px 45px 23px 85px;
}

	.history-list .present .read-more:before{
		content: '';
		height: 23px; width: 36px;
		position: absolute;
		top: 50%; left: 30px;
		margin-top: -12px;
		z-index: 2;
		background: url('../images/layout/bgr-sprite.svg') no-repeat -457px -189px;
	}

.history-popup{ padding: 40px; }

.history-popup figure{
	float: left;
	margin: 0 30px 30px 0;
}

.history-popup .text h2{
	font-size: 36px;
	line-height: 1.1;
	font-weight: 400;
	padding-bottom: 15px;
}

.history-popup .read-more{ display: none; }

.checkout ol{ background-color: white; }

.checkout ol > li{
	margin-top: 1px;
	background-color: white;
}

	.checkout ol > li:first-child{ margin-top: 0; }

.checkout ol > li .top{
	height: 45px;
	padding: 20px 20px 0 170px;
	color: white;
	font-size: 24px;
	line-height: 22px;
	position: relative;
	background-color: #bcbcbc;
}

	.-webkit- .checkout ol > li .top{ font-weight: 300; }

	.checkout ol > li .top .step{
		width: 85px;
		padding: 22px 0 0 71px;
		position: absolute;
		top: 0; bottom: 0;
		left: 0;
		font-size: 18px;
		line-height: 22px;
		text-transform: uppercase;
		background-color: #979797;
	}

		.checkout ol > li .top .step strong{
			height: 32px; width: 38px;
			padding: 7px 0 0 1px;
			position: absolute;
			top: 12px; left: 14px;
			font-size: 24px;
			font-weight: normal;
			text-align: center;
			border: 2px solid white;
			border-radius: 100%;
		}

	.checkout ol > li .top:before{
		content: '';
		height: 28px; width: 28px;
		position: absolute;
		top: 19px; right: 17px;
		z-index: 1;
		background-color: #979797;
		border-radius: 100%;
	}

	.checkout ol > li .top:after{
		content: '';
		height: 0; width: 0;
		position: absolute;
		top: 31px; right: 24px;
		z-index: 2;
		border-style: solid;
		border-width: 6px;
		border-color: white transparent transparent transparent;
	}

	.checkout ol > li.active .top{ background-color: #83c01a; }

		.checkout ol > li.active .top .step,
		.checkout ol > li.active .top:before{
			background-color: #1e1e1e;
		}

			.checkout ol > li.active .top .step strong{
				border-color: #83c01a;
				background-color: #83c01a;
			}

		.checkout ol > li.active .top:after{
			top: 24px;
			border-color: transparent transparent white transparent;
		}

.checkout ol > li .bottom{
	display: none;
	color: #1e1e1e;
	padding: 40px;
}

.checkout ol > li.active .bottom{ display: block; }

.checkout .form{
	color: #1e1e1e;
	max-width: 950px;
	margin: 0 auto;
}

.checkout .form > li{ margin-top: 15px; }

.checkout .form label{
	display: block;
	font-size: 16px;
	padding-bottom: 6px;
}

.checkout .form .f-left,
.checkout .form .f-right{
	width: 49%;
}

.checkout .form .w170{ width: 170px; }

.checkout .form input[type="text"],
.checkout .form input[type="email"],
.checkout .form input[type="number"],
.checkout .form input[type="password"],
.checkout .form textarea{
	color: #1e1e1e;
	padding-top: 7px;
	padding-bottom: 10px;
	border: 1px solid #bcbcbc;
}

.checkout .form select{
	height: 35px;
	padding: 7px 10px;
	position: relative;
	z-index: 2;
	background-color: transparent;
}

	.js .checkout .form .select{
		overflow: hidden;
		position: relative;
		background-color: white;
		border: 1px solid #bcbcbc;
	}

		.js .checkout .form .select:before{
			content: '';
			height: 0; width: 0;
			position: absolute;
			top: 50%; right: 10px;
			margin-top: -3px;
			border-style: solid;
			border-width: 6px;
			z-index: 1;
			border-color: #1e1e1e transparent transparent transparent;
		}

			.js.-o- .checkout .form .select:before{ z-index: 3; }

	.js .checkout .form select{
		border: 0;
		background-color: transparent;
		width: calc(100% + 3em);
	}

		.js.no-csscalc .checkout .form .select select{
			width: 117%;
		}

.checkout .form a.arrow{
	display: inline-block;
	margin-top: 8px;
	padding-left: 15px;
	position: relative;
	white-space: nowrap;
	color: #1e1e1e;
	text-decoration: underline;
}

	.checkout .form a.arrow:before{
		content: '';
		height: 0; width: 0;
		position: absolute;
		top: 50%; left: 0;
		margin-top: -4px;
		border-style: solid;
		border-width: 5px;
		z-index: 1;
		border-color: transparent transparent transparent #1e1e1e;
	}

.checkout .continue{
	color: white;
	display: inline-block;
	margin-top: 25px;
	padding: 22px 27px 21px;
	font-size: 18px;
	line-height: 22px;
	cursor: pointer;
	text-transform: uppercase;
	background-color: #83c01a;
	transition: all 300ms ease;
}

	.checkout .continue:hover{ background-color: #252525; }

.checkout .text{ line-height: 22px; }

.checkout .options li{
	float: left;
	font-size: 16px;
	padding: 1px 20px 1px 0;
	white-space: nowrap;
}

	.checkout .options li strong{
		display: block;
		min-width: 160px;
		padding-top: 3px;
	}

.separator{
	height: 1px;
	margin: 27px 0 30px;
	background-color: #e1e1e1;
}

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

.checkout table{
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 35px;
}

.checkout table th{
	padding: 0 0 10px 0;
	text-align: left;
	font-size: 20px;
	font-weight: normal;
}

	.checkout table th strong{
		display: block;
		font-weight: normal;
		padding: 0 33px 14px 0;
		border-bottom: 1px solid #e1e1e1;
	}

.checkout table td{
	padding: 6px 33px 6px 0;
}

.checkout table.product{ margin-bottom: 13px; }

.checkout table.product td{
	padding: 17px 25px;
	vertical-align: middle;
	border: 1px solid white;
	background-color: #eee;
}

.checkout table.product td.preview{
	width: 48%; border: 0;
	background-color: #f6f6f6;
}

	.checkout table.product td.preview.center{ width: 22%; }

.checkout table.product figure{
	height: 110px;
	display: table;
	position: relative;
}

	.checkout table.product figure img{
		position: absolute;
		top: 0; left: 0;
	}

	.checkout table.product figure figcaption{
		height: 110px;
		display: table-cell;
		padding-left: 170px;
		font-size: 13px;
		line-height: 18px;
		vertical-align: middle;
	}

	.checkout table.product figure figcaption strong{
		display: block;
		font-size: 24px;
		line-height: 22px;
		padding-bottom: 12px;
	}

.checkout table.product td p{
	padding: 5px 0;
	overflow: hidden;
	line-height: 22px;
}

	.checkout table.product td p em{
		font-style: normal;
		font-size: 24px;
		color: #83c01a;
		float: right;
		white-space: nowrap;
	}

	.checkout table.product td p em.gray{ color: #bdbdbd; }



/***** Past view ****/

#past, #past *, .past .history-popup{
	font-family: 'Fixedsys', Tahoma, sans-serif;
}

#past form input[type="text"],
#past form input[type="email"],
#past form input[type="number"],
#past form input[type="password"],
#past form button,
#past form select{
	font-size: 16px;
}

#past a:hover,
#past .header .title,
#past ul.buttons li.store a span,
#past div.configurator .heading,
#past .gray-block .block-title{
	color: #00ff00;
}

#past .header,
#past .header .wrapper h1{
	background-color: #010101;
}

#past .header nav > ul > li{ font-size: 16px; }

#past .header nav > ul > li > a:hover{ color: white; }

#past .header nav > ul > li a:before,
#past .header .forms:before,
#past .switch-view:hover{
	background-color: #00ff00;
}

#past .header nav > ul > li.laptop a strong:after{ background-position: 0 -66px; }
#past .header nav > ul > li.desktop a strong:after{ background-position: -74px -66px; }
#past .header nav > ul > li.tablet a strong:after{ background-position: -148px -66px; }
#past .header nav > ul > li.pravetz-os a strong:after{ background-position: -222px -66px; }
#past .header nav > ul > li.stores a strong:after{ background-position: -296px -66px; }
#past .header nav > ul > li.history a strong:after{ background-position: -370px -66px; }
#past .header nav > ul > li.my-pravetz a strong:after{ background-position: -444px -66px; }

#past .header nav ul li a strong span i:after{ background-color: #00ff00; }

#past .header nav ul li div ul li{ padding-right: 0; }

#past .header nav ul li div ul li:before{ display: none; }

#past .header nav ul li div ul li a{
	color: white;
	text-transform: uppercase;
}

#past .header nav > ul > li > a strong:before,
#past .header nav > ul > li > a strong:after,
#past .header nav ul li > div:before{
	background-color: #3c4238;
}

#past .header nav > ul > li.basket a span,
#past .header nav > ul > li.basket a var{
	padding-right: 70px;
        text-transform: lowercase !important;
	font-size: 18px;
}

#past .header nav ul li.basket a strong var{
	color: white;
	background-color: #3c4238;
}

#past .header nav > ul > li.basket a span:before,
#past .header nav > ul > li.basket a var:before{
	width: 44px;
	background-position: -514px -249px;
}

#past .header .forms form label{ color: white; }

#past .header .forms form input{
	font-size: 16px;
	padding: 9px 10px 8px;
	/*line-height: 17px\9;*/
}

#past .header .forms form button{
	color: #010101;
	font-size: 16px;
	background-color: transparent;
}

#past .header .forms form button > span:before{ display: none; }

#past .header .forms form button > span{
	height: 75px; display: block;
	padding: 0 0 0 15px;
	background: url('../images/layout/bgr-buttons.svg') no-repeat 0 0;
}

	#past .header .forms form button > span > span{
		height: 49px; display: block;
		padding: 26px 70px 0 55px;
		background: url('../images/layout/bgr-buttons.svg') no-repeat right -75px;
	}

#past .footer{
	font-size: 16px;
	line-height: 19px;
	background-color: #3c4238;
}

#past .footer .col.f-right{ border-color: #00ff00; }

#past .footer .col h6{ font-size: 16px; }

#past .footer .col ul li{ padding-left: 0; }

#past .footer .col ul li:before{ display: none; }

#past .footer .col ul li a:hover{ color: white; }

#past .footer form button{
	color: #010101;
	position: relative;
	background-color: #00ff00;
}

	#past .footer form button:after{
		content: ''; height: 0;
		position: absolute;
		bottom: -20px;
		left: 0; right: 0;
		border-style: solid;
		border-width: 10px;
		border-color: #03be03 transparent transparent transparent;
	}

#past .footer .line{
	font-size: 16px;
	background-color: #010101;
}

#past .footer .social-links{ margin-top: -11px; }

#past .footer .social-links li a{
	display: inline; color: white;
	height: auto; width: auto;
	font-size: 16px;
	text-transform: uppercase;
	background: transparent none;
}

#past .footer .social-links li a:hover{ opacity: 1; }

#past .footer .line address a:hover{ color: white; }

#past .header .basket-top table th{
	color: #010101;
	font-size: 16px;
	background-color: #00ff00;
}

#past .header .basket-top table td{
	color: #00ff00;
	border-color: #010101;
}

#past .header .basket-top figure figcaption{ font-size: 16px; }

#past .header .basket-top figure figcaption strong{
	font-size: 30px;
	line-height: 32px;
	font-weight: normal;
	padding-bottom: 10px;
}

#past .header .basket-top .price{
	color: #00ff00;
	font-size: 30px;
}

#past .header .basket-top .price sub{ font-size: 24px; }

#past .header .basket-top .quantity input{
	font-size: 18px;
	font-weight: normal;
}

#past .header .basket-top button[type="submit"]{
	padding: 0;
	color: #010101;
	background-color: transparent;
	transition: none;
}

	#past .header .basket-top button[type="submit"] > span{
		height: 75px; display: block;
		padding-left: 15px;
		cursor: pointer;
		background: url('../images/layout/bgr-buttons.svg') no-repeat 0 0;
	}

		#past .header .basket-top button[type="submit"] > span > span{
			height: 49px; display: block;
			padding: 26px 55px 0 40px;
			background: url('../images/layout/bgr-buttons.svg') no-repeat right -75px;
		}

	#past .header .basket-top button[type="submit"]:hover,
	#past .header .basket-top button[type="submit"]:focus{
		color: #00ff00;
	}

		#past .header .basket-top button[type="submit"]:hover > span,
		#past .header .basket-top button[type="submit"]:focus > span{
			background-position: 0 -150px;
		}

			#past .header .basket-top button[type="submit"]:hover > span > span,
			#past .header .basket-top button[type="submit"]:focus > span > span{
				background-position: right -225px;
			}

#past .header .basket-top .remove{
	transition: none;
	background-color: #00ff00;
}

	#past .header .basket-top .remove:before{
		height: 12px; width: 12px;
		top: 9px; left: 9px;
		background-position: -586px -224px;
	}

#past .main-banner-holder{
	background-color: #ffe0c5;
	background-image: url('../images/layout/bgr-banner-past.png');
}

	#past .main-banner-holder .main-banner{
		background-image: url('../images/layout/main-banner-past.png');
	}

	#past .main-banner-holder .main-banner-text{ background-image: url('../images/layout/main-banner-past-text.png'); }

	#past ul.buttons li{ margin-left: -7px; }

	#past ul.buttons li a{
		height: 75px; display: block;
		padding: 0 0 0 15px;
		background: url('../images/layout/bgr-buttons.svg') no-repeat 0 0;
	}

		#past ul.buttons li a span{
			height: 49px; display: block;
			padding: 26px 48px 0 72px;
			color: #010101;
			background: url('../images/layout/bgr-buttons.svg') no-repeat right -75px;
		}

		#past ul.buttons li.store a{ background-position: 0 -150px; }
		#past ul.buttons li.store a span{ background-position: right -225px; }

		#past ul.buttons li a var{ display: none; }

		#past ul.buttons li a span:before{
			content: '';
			height: 36px; width: 44px;
			left: 7px;
			margin-top: -21px;
		}

		#past ul.buttons li.buy a span:before{
			background-position: -518px -66px;
		}

		#past ul.buttons li.store a span:before{
			background-position: -562px -66px;
		}

		#past ul.buttons li.declare a span:before{
			background-position: -564px -116px;
		}

	#past .main-banner-holder .tools li a var{ display: none; }

	#past .main-banner-holder .tools li{ padding: 0 1px 0 9px; }

	#past .main-banner-holder .tools li a{
		overflow: visible;
		background-color: #010101;
	}

	#past .main-banner-holder .tools li a:before{
		content: '';
		height: 0; width: 0;
		position: absolute;
		top: 0; left: -10px;
		border-style: solid;
		border-width: 5px;
		border-color: transparent black black transparent;
	}

	#past .main-banner-holder .tools li a:after{
		content: ''; width: 10px;
		position: absolute;
		top: 10px; bottom: 0;
		left: -10px;
		background-color: #010101;
	}

	#past .main-banner-holder .tools li a.active,
	#past .main-banner-holder .tools li a.active:after,
	#past .main-banner-holder .tools li a:hover,
	#past .main-banner-holder .tools li a:hover:after{
		background-color: #00ff00;
	}

	#past .main-banner-holder .tools li a.active:before,
	#past .main-banner-holder .tools li a:hover:before{
		border-color: transparent #00ff00 #00ff00 transparent;
	}

	#past .main-banner-holder .tools li a span{
		height: 36px; color: #00ff00;
		padding: 19px 18px 0 54px;
		font-size: 16px;
		transition: all 0s;
	}

		#past .main-banner-holder .tools li a span:before{
			height: 31px; width: 34px;
			left: 5px;
			margin-top: -15px;
		}

			#past .main-banner-holder .tools li.configurator a span:before{ background-position: 0 -132px; }
			#past .main-banner-holder .tools li.details a span:before{ background-position: -34px -132px; }
			#past .main-banner-holder .tools li.gallery a span:before{ background-position: -68px -132px; }

	#past .main-banner-holder .tools li a:hover span,
	#past .main-banner-holder .tools li a.active span{
		color: white;
	}

	#past .main-banner-holder .tools li.configurator a:hover span:before,
	#past .main-banner-holder .tools li.configurator a.active span:before{
		background-position: 0 -163px;
	}

	#past .main-banner-holder .tools li.details a.active span:before,
	#past .main-banner-holder .tools li.details a:hover span:before{
		background-position: -34px -163px;
	}

	#past .main-banner-holder .tools li.gallery a:hover span:before,
	#past .main-banner-holder .tools li.gallery a.active span:before{
		background-position: -68px -163px;
	}

#past .switch-view{
	background-color: #010101;
	padding-right: 20px;
	transition: all 0s;
}

	#past .switch-view span{
		padding-right: 48px;
	}

		#past .switch-view span:before{
			height: 23px; width: 11px;
			margin-top: -11px;
			right: 17px;
			background-position: -328px -83px;
		}

	#past .switch-view em{
		font-size: 30px;
		font-style: normal;
		position: relative;
		top: 2px;
	}

	#past .switch-view.small span{ padding-right: 20px; }

#past .banners ul li > a span.line{
	color: #00ff00;
	padding: 5px 5px 6px;
	font-size: 16px;
	text-align: center;
	background-color: #010101;
}

#past .banners ul li > a > span > strong{
	display: inline-block;
	padding: 1px 8px 0;
	position: absolute;
	top: 50%; left: 50%;
	color: #010101;
	font-size: 48px;
	line-height: 40px;
	font-weight: normal;
	background-color: #00ff00;
	-webkit-transform: translate(-50%, -55%);
			transform: translate(-50%, -55%);
}

	#past .banners ul li > a > span > strong.infinity{ padding-right: 50px; }

	#past .banners ul li > a > span > strong.infinity:after{
		content: '';
		height: 16px; width: 27px;
		position: absolute;
		top: 50%; right: 15px;
		margin-top: -8px;
		background: url('../images/layout/bgr-sprite.svg') no-repeat -733px 0;
	}

#past div.configurator{ background: #3c4238; }

#past div.configurator .config .col div.model{ background-position: -641px -107px; }
#past div.configurator .config .col:hover div.model{ background-position: -641px -197px; }

#past div.configurator .config .col div.model strong{ font-size: 32px; }

#past div.configurator .config .col:after{
	transition: none;
	background: transparent;
	border-color: #00ff00;
}

#past div.configurator .config .col table td{ border-top-color: #3c4238; }

#past div.configurator .config .col table tr:nth-child(2n+2) td{ background-color: white; }

#past div.configurator .config .col table td.price > div{ color: #00ff00; }

#past div.configurator .config .col .buy{
	color: #010101;
	background-color: #00ff00;
}

#past div.configurator .config .col .buy:after{
	content: ''; height: 0;
	position: absolute;
	bottom: -20px;
	left: 0; right: 0;
	border-style: solid;
	border-width: 10px;
	border-color: #03be03 transparent transparent transparent;
}

#past div.configurator .config .col .buy:before{
    height: 36px; width: 44px;
    margin-top: -18px;
    background-position: -518px -66px;
}

#past div.configurator .config .params table td > div{ font-size: 16px; }

#past div.configurator .config .params table td > div var{ background-color: #00ff00; }

#past div.configurator .config .params table tr:nth-child(2n+1) td > div var{ background-color: #01d301; }
#past div.configurator .config .params table tr.odd td > div var{ background-color: #01d301; }

#past div.configurator .options .prev{
	background-position: -518px -224px;
}

#past div.configurator .options .next{
	background-position: -527px -224px;
}

#past .statement{
	color: #00ff00;
	background: #232521 url('../images/layout/bgr-pattern-dark.jpg') repeat 0 0;
}

	#past .statement-slider .frame > ul{
		font-size: 16px;
		line-height: 19px;
	}

		#past .statement-slider .controls .pages li{
			background-color: #010101;
			border-color: #232521;
		}

		#past .statement-slider .controls .pages li:hover,
		#past .statement-slider .controls .pages li.active{
			background-color: #00ff00;
		}

	#past .statement:after{
		content: '';
		position: absolute;
		top: 0; bottom: 0;
		left: 0; right: 0;
		z-index: 1;
		background: url('../images/layout/bgr-statement-past.png') no-repeat 380px center;
		/*background-position: right center\9;*/
	}

		#past .statement .image{ background-image: url('../images/layout/bgr-boyko-past.png'); }

	#past .statement-slider .controls .prevPage{ background-position: -760px -17px; }
	#past .statement-slider .controls .nextPage{ background-position: -770px -17px; }

#past .text{ font-size: 16px; }

#past .product-inner{ background: white; }

#past .product-inner .general{ background: #e9dcbf; }

	#past .product-inner .general:before,
	#past .product-inner .general:after{
		display: none;
	}

#past .product-inner .parameeters ul li{ font-size: 16px; }

#past .product-inner .block .text .heading-normal{
	font-size: 44px;
	padding-bottom: 20px;
}

#past .product-inner .gray-block{
	color: #00ff00;
	background-color: #484c45;
}

#past .product-inner .gray-block .heading-normal{ color: white; }

#past .product-inner .gray-block a{ color: #00ff00; }

#past .accordion li .top{
	font-size: 32px;
	line-height: 30px;
	padding-top: 18px;
	padding-bottom: 18px;
}

#past .accordion li .top:before{
	height: 12px; width: 18px;
	background-position: -724px -32px;
}

#past .accordion li.open .top:before{
	background-position: -742px -32px;
}

#past .accordion li.open .top{
	color: #010101;
	background-color: #00ff00;
}

#past .accordion li .btm{
	font-size: 16px;
	line-height: 24px;
}

#past .gallery-holder,
#past div.gallery .frame-holder{
	background-color: #484c45;
}

#past .gallery-holder .block-title{ color: #00ff00; }

#past .scrollbar{
	height: 15px;
	background-color: black;
}

#past .scrollbar .handle{
	line-height: 0;
	background-color: #00ff00;
}

#past .scrollbar .handle .mousearea:before{ bottom: -15px; }

#past .scrollbar .handle:before,
#past .scrollbar .handle:after{
	content: '';
	height: 9px; width: 6px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	background: url('../images/layout/bgr-sprite.svg') no-repeat -10000px 0;
}

	#past .scrollbar .handle:before{
		left: 6px;
		background-position: -760px -32px;
	}

	#past .scrollbar .handle:after{
		right: 6px;
		background-position: -766px -32px;
	}

#past .form,
#past .declare-form .block-title,
#past .green-block .block-title{
	color: #010101;
}

#past .form,
#past .declare-form,
#past .green-block,
#past .pink-block{
	background: #e5d5b2;
}

	#past .checkout .form{ background: white; }

#past form label.radio,
#past form label.checkbox{
	line-height: 23px;
}

#past .form form ol li small{ font-size: 16px; }

#past .form form ol li button{
	color: #010101;
	position: relative;
	/*background-color: ;*/
}

#past .form form ol li button{
	height: 75px;
	padding: 0 0 0 15px;
	font-size: 18px;
	transition: none;
	background: url('../images/layout/bgr-buttons.svg') no-repeat 0 -150px;
}

	#past .form form ol li button > span{
		height: 49px; display: block;
		padding: 26px 48px 0 72px;
		color: white;
		background: url('../images/layout/bgr-buttons.svg') no-repeat right -225px;
	}

	#past .form form ol li button > span:before{
		height: 26px; width: 34px;
		margin-left: 6px;
		background-position: -564px -155px;
	}

#past .form form ol li button:hover{
	background-position: 0 0;
}

#past .form form ol li button:hover > span{
	color: black;
	background-position: right -75px;
}

#past .form form ol li button:hover > span:before{ background-position: -564px -112px; }

#past .form form ol li button > span:before{
	margin: -16px 0 0 15px;
	background-position: -518px -198px;
}

#past .form form ol li button:hover > span:before{ background-position: -552px -198px; }

#past .content,
#past .gray-block{
	background-color: #484c45;
}

#past .block-title{ font-size: 48px; }

#past .contacts .box .inner .title{
	font-size: 30px;
	line-height: 28px;
}

#past .switch-office-type{ top: 10px; }

#past .switch-office-type li > div{
	height: 65px; float: left;
	min-width: inherit;
	padding: 0 0 0 9px;
	background: url('../images/layout/bgr-buttons.svg') no-repeat 0 -430px;
}

	#past .switch-office-type li > div > div{
		height: 44px;
		min-width: 118px;
		padding: 21px 10px 0 0;
		font-size: 16px;
		background: url('../images/layout/bgr-buttons.svg') no-repeat right -495px;
	}

#past .switch-office-type li > div:before{
	height: 21px; width: 24px;
	margin: -10px 0 0 -12px;
	border: 0;
	background: url('../images/layout/bgr-buttons.svg') no-repeat right -300px;
}


#past .switch-office-type li.active > div{
	color: #010101;
	background-position: 0 -300px;
}

#past .switch-office-type li.active > div > div{
	background-position: right -365px;
}

#past .history-block{ background: #484c45; }

#past .history-list .col.f-left section.timeline div:nth-child(2) .text:before,
#past .history-list .col.f-left section.timeline div:nth-child(2) figure:after{
	background: #484c45;
}

#past .history-block .block-title{ color: #00ff00; }

#past .history-list .columns:before,
#past .history-list section.timeline div:last-child .text:before,
#past .history-list section.timeline div .text h2:before,
#past .history-list .col.f-left section.timeline div:nth-child(2) figure:before{
	background-color: white;
}

#past .history-list .year{
	height: 56px; width: 240px;
	padding: 5px 0 0 7px;
	right: 0;
	border-radius: 0;
	background-color: black;
}

	#past .history-list .year:after{
		content: '';
		height: 61px; width: 15px;
		top: 0; left: -15px;
		background: url('../images/layout/bgr-buttons.svg') no-repeat 0 -150px;
	}

	#past .history-list .year strong{
		font-size: 64px;
		text-align: left;
	}

	#past .history-list .f-right .year{
		left: 1px;
	}

	#past .history-list .f-right .year:after{
		left: auto; right: -15px;
		background-position: right -150px;
	}

	#past .history-list .f-right .year strong{ text-align: right; }


#past .history-list .col.f-left section.timeline div:nth-child(2) figure:after{ border-color: #484c45; }

#past .history-list section .text{ color: #00ff00; }

#past .history-list section .text h2,
#past .history-list .present figure figcaption h2{
	color: white;
	font-size: 32px;
}

#past .history-list section .read-more{
	padding: 0;
	color: #232323;
	font-size: 16px;
	background: transparent none;
	transition: none;
}

	#past .history-list section .read-more > span{
		height: 65px; display: block;
		padding-left: 15px;
		position: relative;
		z-index: -1;
		background: url('../images/layout/bgr-buttons.svg') no-repeat 0 -560px;
	}

		#past .history-list section .read-more > span > span{
			height: 43px; display: block;
			padding: 22px 35px 0 15px;
			background: url('../images/layout/bgr-buttons.svg') no-repeat right -625px;
		}

	#past .history-list section .read-more:hover{ color: white; }
	#past .history-list section .read-more:hover > span{ background-position: 0 -690px; }
	#past .history-list section .read-more:hover > span > span{ background-position: right -755px; }

	#past .history-list .present .read-more > span > span{ padding-left: 70px; }

	#past .history-list .present .read-more:before{
		margin-top: -15px;
		background-position: -457px -212px;
	}

	#past .history-list .present .read-more:hover:before{
		background-position: -457px -189px;
	}

#past .history-list .present{ padding-top: 160px; }

#past .history-list .present:before{ background-position: -457px -172px; }

#past .history-list .present:after{
	content: '';
	height: 105px; width: 1px;
	position: absolute;
	top: 40px; left: 50%;
	background-color: white;
}

#past .history-list .present .year{
	height: 83px; width: 274px;
	left: 50%;
	margin-left: -137px;
}

	#past .history-list .year:before{
		content: '';
		height: 61px; width: 15px;
		position: absolute;
		top: 0; right: -15px;
		background: url('../images/layout/bgr-buttons.svg') no-repeat right -150px;
	}

	#past .history-list .present .year:before,
	#past .history-list .present .year:after{
		border-bottom: 27px solid black;
	}

	#past .history-list .present .year strong{
		font-size: 64px;
		text-align: center;
	}

.past .history-popup .text,
#past .checkout .form a.arrow,
#past .checkout table.product figure figcaption{
	font-size: 16px;
}

#past .checkout ol > li .top{
	font-size: 32px;
	line-height: 25px;
	background-color: #bfbfbf;
}

	#past .checkout ol > li.active .top{
		color: black;
		background-color: #00ff00;
	}

#past .checkout ol > li .top .step{
	text-indent: -10000px;
	background-color: transparent;
}

	#past .checkout ol > li .top .step strong{
		border: 0; color: white;
		top: 13px; left: 124px;
		font-size: 32px;
		line-height: 25px;
		text-indent: 0;
		background-color: transparent;
	}

	#past .checkout ol > li.active .top .step strong{ color: black; }

#past .checkout ol > li .top:after{ display: none; }

#past .checkout ol > li .top:before{
		content: '';
		height: 12px; width: 18px;
		position: absolute;
		top: 50%; right: 25px;
		margin-top: -5px;
		border-radius: 0;
		background: url('../images/layout/bgr-sprite.svg') no-repeat -724px -32px;
	}

	#past .checkout ol > li.active .top:before{
		content: "";
		background-position: -742px -32px;
	}

#past form label.radio var{
	border-radius: 0;
	transition: none;
	border-color: #00ff00;
}

#past form label.radio var i{
	border-radius: 0;
	transition: none;
}

#past form label.radio.on var{
	background-color: #00ff00;
}

#past .checkout .form a.arrow:hover{ color: #1e1e1e; }

#past .checkout .form input[type="text"],
#past .checkout .form input[type="email"],
#past .checkout .form input[type="number"],
#past .checkout .form input[type="password"],
#past .checkout .form textarea{
	padding-top: 9px;
    padding-bottom: 8px;
}

#past .checkout .continue{
	padding: 0;
	background-color: transparent;
}

	#past .checkout .continue > span{
		height: 75px; display: block;
		padding-left: 15px;
		cursor: pointer;
		background: url('../images/layout/bgr-buttons.svg') no-repeat 0 0;
	}

		#past .checkout .continue > span > span{
			height: 49px; display: block;
			padding: 26px 35px 0 20px;
			background: url('../images/layout/bgr-buttons.svg') no-repeat right -75px;
		}

		#past .checkout .continue:hover > span{
			background-position: 0 -150px;
		}

		#past .checkout .continue:hover > span > span{
			background-position: right -225px;
		}

#past .checkout table.product td p em{ color: #00ff00; }
#past .checkout table.product td p em.gray{ color: black; }



/**** Media Queries ****/

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

	.history-list .year{
		height: 131px; width: 131px;
		right: 30px;
	}

		.history-list .f-right .year{ left: 30px; }

	.history-list .year strong{ font-size: 40px; }

	.history-list .col section{ padding-right: 45px; }
	.history-list .col.f-right section{ padding-left: 122px; }

}

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

	.statement .image{ right: 7%; }

	div.configurator .config .col{
		max-width: 270px;
	}

	div.configurator .config .params{
		width: 200px;
	}

	#past .statement:after{ background-position: right center; }

}

@media screen and ( min-width: 1360px ){

	.wrapper,
	.footer .wrapper,
	.footer .line .wrapper{
		padding-left: 0;
		padding-right: 0;
	}
}


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background-color:#000;}
#colorbox{outline:0;}
    #cboxContent{padding:40px 30px 30px;background-color:#eee;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url('../images/layout/ajax-loader.gif') no-repeat center center; }

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}

		#cboxPrevious,
		#cboxNext{
			width:44px; height:44px;
			position: absolute;
			top: 50%;
			margin-top:-22px;
			background-color: #83c01a;
			text-indent: -9999px;
		}

			#cboxPrevious{ left: 0; }
			#cboxNext{ right: 0; }

		#cboxPrevious:before,
		#cboxNext:before{
			content: '';
			height: 13px; width: 8px;
			position: absolute;
			top: 50%; left: 50%;
			margin: -6.5px 0 0 -4px;
			background: url('../images/layout/bgr-sprite.svg') no-repeat -10000px 0;
		}

			#cboxPrevious:before{ background-position: -554px -224px; }
			#cboxNext:before{ background-position: -562px -224px; }


        #cboxClose{
			height: 12px; width: 12px;
			position: absolute;
			top: 15px; right: 15px;
			display: block;
			text-indent:-9999px;
			background: url('../images/layout/bgr-sprite.svg') no-repeat -588px -198px;
		}



/**** Fix for browsers thad doesn't support CSS3 ****/

.no-svg .header nav > ul > li > a strong:after,
.no-svg .header nav ul li.basket a strong:after,
.no-svg .header nav > ul > li.basket a span:before,
.no-svg .header nav > ul > li.basket a var:before,
.no-svg .header .forms form button > span:before,
.no-svg .footer .social-links li a,
.no-svg ul.buttons li a var:before,
.no-svg ul.buttons li a span:before,
.no-svg .main-banner-holder .tools li a var:before,
.no-svg .main-banner-holder .tools li a span:before,
.no-svg .switch-view span:before,
.no-svg div.configurator .config .col div.model,
.no-svg div.configurator .config .col .buy:before,
.no-svg div.configurator .options .nav,
.no-svg .statement-slider .controls .nav,
.no-svg #past .banners ul li > a > span > strong.infinity:after,
.no-svg .accordion li .top:before,
.no-svg #past .scrollbar .handle:before,
.no-svg #past .scrollbar .handle:after,
.no-svg .form form ol li button > span:before,
.no-svg #cboxPrevious:before,
.no-svg #cboxNext:before,
.no-svg #cboxClose,
.no-svg .header .basket-top .quantity span:before,
.no-svg .header .basket-top .remove:before,
.no-svg .history-list .present:before,
.no-svg .history-list .present .read-more:before,
.no-svg #past .checkout ol > li .top:before{
	background-image: url('../images/layout/bgr-sprite.png');
}

.no-svg div.configurator{ background-image: url('../images/layout/bgr-configurator.png'); }

.no-svg div.statement{ background-image: url('../images/layout/bgr-curves.png'); }

.no-svg #past .header .forms form button > span,
.no-svg #past .header .forms form button > span > span,
.no-svg #past ul.buttons li a,
.no-svg #past ul.buttons li a span,
.no-svg #past .switch-office-type li > div,
.no-svg #past .switch-office-type li > div > div,
.no-svg #past .switch-office-type li > div:before,
.no-svg #past .form form ol li button,
.no-svg #past .form form ol li button > span,
.no-svg #past .header .basket-top button[type="submit"] > span,
.no-svg #past .header .basket-top button[type="submit"] > span > span,
.no-svg #past .history-list section .read-more > span,
.no-svg #past .history-list section .read-more > span > span,
.no-svg #past .history-list .year:before,
.no-svg #past .history-list .year:after{
	background-image: url('../images/layout/bgr-buttons.png');
}

.no-svg div.configurator .config .col.params div.model{ background: transparent none; }

.no-csstransforms #past .banners ul li > a > span{ text-align: center; }

.no-csstransforms #past .banners ul li > a > span > strong{
	position: relative;
	top: 37%; left: 0;
}

.gap {
    height: 20px;
    background-color: #ffffff;
}

.interfaces-64d tr td {
    padding: 3px;
}

ul.buttons li a var:before, ul.buttons li a span:before {
    background-position: 680px 0;
}
#img-phone{
	padding-left: 200px;
	width: 280px;
}
#batt{
	fill: white;
}
#phone04{
	height: 580px;
}