@import "normalize.css";
@import "jquery.formstyler.css";
@import "lightslider.css";
@import "animations.css";
@import url('../css.css');

/* +[xed setup] */

/*background: linear-gradient( to right, #7438a0 0%, #7680d0 100% );*/

table, table tr td, table tr th {
	border-spacing: 0;
	border-collapse: collapse;
}

table tr td, table tr th {
	padding: 5px;
	border: 1px solid #d7d7d7;
}

ul.orange, ul.orange li {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.orange {
	margin: 0 20px;
	color: #000;
}

ul.orange li {
	position: relative;
	padding: 0 0 0 12px;
}

ul.orange li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 2px;
	margin-top: -2px;
	background: #ff7901;
	/*border-radius: 50%;*/
}

a.more {
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
}

a.more:hover {
	text-decoration: underline;
}

.site-hint {
	z-index: 11;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	border: 1px solid #ccc;
	margin: -1px 0 0 1px;
	user-select:none;
}

.site-hint--icon {
	cursor: pointer;
	display: block;
	font-size: 8px;
	line-height: 10px;
	color: #ccc;
	padding: 1px 0 0;
	text-align: center;
	user-select:none;
}

.site-hint--in {
	display: none;
	position: absolute;
	top: 24px;
	right: -16px;
	width: 240px;
	box-sizing: border-box;
	min-height: 120px;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #fff;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	text-align: left;
}

.site-hint--in:before {
	content: "";
	position: absolute;
	top: -7px;
	right: 15px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	transform: rotate(-45deg);
	background: #fff;
}

.more {
	display: inline-block;
	vertical-align: middle;
}

.more:after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(../images/more.png) 50% 50% no-repeat;
	margin: 0 0 0 5px;
}

.zvonok {
	font-size: 14px;
	line-height: 17px;
	color: #00bd22;
}

.zvonok a {
	color: #00bd22;
	text-decoration: none;
	border-bottom: 1px dotted #00bd22;
	transition: .2s;
}

.zvonok a:hover {
	border-color: transparent;
}

.zvonok:before {
	content: "";
	width: 14px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/trubaske.png) 0 0 no-repeat;
	margin: 0 6px 0 0;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.tal {
	text-align: left;
}

.site-title {
	font-size: 28px;
	line-height: 33px;
	/*font-weight: 100;*/
	font-weight: 300;
	color: #000;
	padding: 14px 0 18px;
	text-align: center;
	/*text-transform: uppercase;*/
}


.site-title h2 {
	line-height: inherit;
	margin: 0;
}

.main-why .site-title, .main-wedo .site-title {
	font-weight: 200;
}


.site-content--right .site-title {
	padding-top: 14px;
	padding-bottom: 15px;
	font-weight: normal;
	font-size: 24px;
}

.site-content--left .site-title {
	font-size: 22px;
	line-height: 25px;
}

.site-title strong {
	font-size: 24px;
}

.site-title strong {
/*	font-weight: 500;*/
}

.site-content--left .site-title strong {
	font-size: 22px;
}

.site-content--left .main-ceni--vopotv .site-title strong {
	font-size: 24px;
}

.site-title.tal {
	text-align: left;
}

.site-title + p {
	margin-top: 0;
}

.columns-2 {
	columns:2;
}

.black {
	color: #000;
}

.red {
	color: #c93544;
}

.orange {
	color: #ff8000;
}

.green {
	color: green;
}

.strike {
	display: inline-block;
	position: relative;
}

.strike:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #000;
}

.cls:after {
	display: table;
	clear: both;
	content: "";
}

.fll {
	float: left;
}

.flr {
	float: right;
}

.def-menu ul, .def-menu ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.clp p {
	margin: 0;
}

body, html {
	position: relative;
	height: 100%;
}
.itemListElement {
    display: inline-block;

}
.active {
    display: inline-block;

}

body {
	position: relative;
	line-height: 1.4em;
	background:url(../images/back.png) 0 0 repeat #166cb9 fixed;
	font-family: 'Fira Sans', sans-serif;
	font-size: 15px;
}

@media all and (max-width: 480px){
	body {
		font-size: 16px;
	}
}

a {
	color: #166cb9;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


.site-wrap img {
	max-width: 100%;
}

html {
	overflow-y: scroll;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	color: #000;
	margin: 0 0 9px;
	line-height: 1.4em;
}

h1 {
	font-size: 27px;
}

body.zoni h1 {
	margin: 0 0 24px;
}

body.neispravnosti h1 {
	margin: 0 0 24px;
}

body.stoimost_online h1 {
	margin: 0 0 24px;
}

.site-field--text, input.site-field--text {
	-webkit-appearance: none;
	display: block;
	padding: 10px 17px;
	margin: 0 0 10px;
	border: 0;
	outline: 0;
	background: #ebebeb;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	border-radius: 3px;
	box-sizing: border-box;
	width: 100%;
}

.site-field--text.white, input.site-field--text.white {
	display: inline-block;
	border: 1px solid #ccc;
	background: #fff;
	width: auto;
}

.site-field--textarea, textarea.site-field--textarea {
	-webkit-appearance: none;
	display: block;
	padding: 10px 17px;
	margin: 0 0 10px;
	border: 0;
	outline: 0;
	background: #ebebeb;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	border-radius: 3px;
	box-sizing: border-box;
	width: 100%;
}

.site-field--submit, input.site-field--submit, button.site-field--submit {
	cursor: pointer;
	-webkit-appearance: none;
	/*text-transform: uppercase;*/
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	padding: 10px 12px;
	background: #166cb9;
	border: 0;
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
	outline: 0;
}

.ili {
	display: block;
	font-size: 16px;
	color: #626262;
	margin: 0 0 10px;
}

.site-button--grey {
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	padding: 10px;
	color: #E8EBED;
	background: #717b83;
	border-radius: 20px;
}

.site-button {
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	-webkit-appearance: none;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 16px 15px 14px;
	box-sizing: border-box;
	background: #d67424;
	background: linear-gradient( to right, #d67424 0%, #e64c63 100% );
	border-radius: 25px;
	box-shadow: 0 5px 10px rgba(214,116,36,.5);
	border: 0;
	outline: 0;
	cursor: pointer;
}

.site-button.green {
	background: #7fc727;
	background: linear-gradient( to right, #7fc727 0%, #22df87 100% );
	box-shadow: 0 5px 10px rgba(127,199,39,.5);
}

.site-button.blue {
	background: #7437a0;
	background: linear-gradient( to right, #7437a0 0%, #7680d0 100% );
	box-shadow: 0 5px 10px rgba(116,57,160,.5);
}

.red {
	color: #E64C61;
}

.violet {
	color: #8929CF;
}

.gray, .grey {
	color: #838383;
}
.site-button-blue {
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	-webkit-appearance: none;
	font-size: 14px;
	line-height: 26px;
	font-weight: 300;
	color: #fff;
	padding: 5px 20px;
	min-width: 170px;
	box-sizing: border-box;
	background: rgba(255,255,255,.11);
	border: 1px solid rgba(255,255,255,.45);
	border-radius: 4px;
}

.site-button-gray {
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	-webkit-appearance: none;
	font-size: 14px;
	line-height: 26px;
	color: #9b9b9b;
	padding: 5px 20px;
	min-width: 170px;
	box-sizing: border-box;
	background: rgba(255,255,255,.11);
	border: 1px solid #9b9b9b;
	border-radius: 4px;
	font-weight: 300;
}

.site-button-ask {
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	-webkit-appearance: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	color: #000;
	padding: 10px;
	min-width: 180px;
	box-sizing: border-box;
	background: #e1e0f1;
	border: 0;
	border-radius: 4px;
	text-align: center;
}

.site-button--orange, a.site-button--orange, button.site-button--orange, input.site-button--orange {
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	-webkit-appearance: none;
	font-size: 14px;
	line-height: 21px;
	padding: 10px;
	color: #fff !important;
	background: #ff7901;
	border-radius: 4px;
	font-weight: 500;
	box-sizing: border-box;
	min-width: 154px;
	text-align: center;
	border: 0;
}

.site-button--orange.small, a.site-button--orange.small, button.site-button--orange.small, input.site-button--orange.small {
	padding: 6px;
}

.site-button--orange.special, a.site-button--orange.special, button.site-button--orange.special, input.site-button--orange.special {
	min-width: 100px;
	padding: 7px;
}

.site-button--orange.back:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 9px;
	background: url(../images/chevron-pointing-to-the-left.svg) 50% 50% no-repeat;
	background-size: contain;
	margin: 0 4px 0 0;
}

/* -[xed setup] */

.site-wrap {
	position: relative;
	min-height: 100%;
	background: #fff;
	max-width: 1331px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 35px;
	overflow: hidden;
}

@media all and (max-width: 1366px){
	.site-wrap {
		padding: 0 12px;
	}
}

.site-header {
	/*z-index: 2;*/
	position: relative;
	padding: 15px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	min-height: 95px;
}

.site-logo {
	float: left;
	width: 278px;
	font-weight: 300;
	font-style: italic;
	font-size: 15px;
	color: #939393;
	padding: 5px 0 0;
}

.site-logo img {
	display: block;
	margin: 0 0 2px;
}
.site-logo a {
	display: block;
	text-decoration: none;
	color: #939393;
}

.site-top {
	position: absolute;
	top: 15px;
	left: 50%;
	width: 680px;
	height: 70	px;
	margin: 0 0 0 -311px;
}

.site-top--dude {
	position: absolute;
	top: 9px;
	left: 26px;
	width: 100px;
	height: 102px;
	background: url(../images/dude.png) 0 0 no-repeat;
	transform: translateY(100%);
	transition: .5s;
	margin-left: -38px;
}
/*
body.main .site-top--dude {
	display: none;
}
*/

@media all and (max-width: 1280px){
	.site-top--dude {
		/*display: none;*/
		top: -125px;
		left: auto;
		right: 12px;
		height: 82px;
		width: 80px;
		background-size: cover;
		margin: 0 258px 0 0;
	}
	.site-top--sasys:before {
		display: none;
	}
}


@media all and (max-width: 768px){
	.site-top--dude {
		display: none;
	}
}




body.loaded .site-top--dude {
	transform: translateY(0);
}

.site-top--sasys {
	position: absolute;
	top: 14px;
	left: 90px;
	width: 589px;
	background: #f2f0f0;
	/*height: 70px;*/
}

.site-top--sasys:before {
	content: "";
	position: absolute;
	top: 6px;
	left: -40px;
	height: 40px;
	width: 40px;
	background: url(../images/dudde-cornn.png);
	transition: .2s linear .5s;
}

.site-top--sasys:after {
	content: "";
	clear: both;
	display: table;
}

.site-top--box {
	position: relative;
	float: left;
	width: 33.3333%;
}

.site-top--inbox {
	min-height: 68px;
	padding: 1px 0;
	box-sizing: border-box;
	width: 0;
	font-size: 14px;
	line-height: 24px;
	color: #5a5053;
}

body.loaded .site-top--inbox {
	width: 100%;
	overflow: hidden;
}

.site-top--box.box1 .site-top--inbox {
	transition: .5s linear;
	/*transition: .5s linear .7s;*/
	border-radius: 3px 0 0 3px;
}
.site-top--box.box2 .site-top--inbox {
	transition: .5s linear .5s;
	/*transition: .5s linear 1.5s;*/
}
.site-top--box.box3 .site-top--inbox {
	transition: .5s linear 1s;
	/*transition: .5s linear 2.5s;*/
	border-radius: 0 3px 3px 0;
}


.site-top--calc {
	position: relative;
	width: 167px;
	box-sizing: border-box;
	padding: 0 0 0 38px;
	background: url(../images/calc.png) 0 50% no-repeat;
	/*background-size: contain;*/
	margin: 11px 0 12px 18px;
	transition: .2s linear .5s;
	opacity: 0;
	transform: scale(0,0);
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}
body.loaded .site-top--calc {
	opacity: 1;
	transform: scale(1,1);
}
.site-top--calc a {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #97224c;
	color: #97224c;
	transition: .1s linear;
}
.site-top--calc a:hover {
	border-color: transparent;
}

.site-top--lk {
	position: relative;
	text-align: right;
	padding: 12px 32px 7px 0;
	width: 197px;
	box-sizing: border-box;
	transition: .2s linear 1s;
	opacity: 0;
	transform: scale(0,0);
	font-weight: 300;
}

body.loaded .site-top--lk {
	opacity: 1;
	transform: scale(1,1);
}

.site-top--lk a {
	color: #166cb9;
}

.site-top--lk:before {
	position: absolute;
	content: "";
	left: 0;
	top: 16px;
	bottom: 15px;
	width: 1px;
	background: #e0e0e0;
	transition: .2s linear 1s;
	opacity: 0;
	transform: rotate(-360deg);
}
.site-top--lk:after {
	position: absolute;
	content: "";
	right: 17px;
	top: 16px;
	bottom: 15px;
	width: 1px;
	background: #e0e0e0;
	transition: .2s linear 1.5s;
	opacity: 0;
	transform: rotate(-360deg);
}

body.loaded .site-top--lk:before, body.loaded .site-top--lk:after {
	opacity: 1;
	transform: rotate(0);
}

.site-top--fil {
	position: relative;
	/*text-align: right;*/
	padding: 12px 22px 7px 0;
	width: 197px;
	box-sizing: border-box;
	transition: .2s linear 1.5s;
	opacity: 0;
	transform: scale(0,0);
	text-align: right;
	font-weight: 300;
}
body.loaded .site-top--fil {
	opacity: 1;
	transform: scale(1,1);
}


.metka-lk {
	display: inline-block;
	width: 9px;
	height: 13px;
	margin: 0 6px 0 0;
	background: url(../images/lk.svg) 0 0 no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.metka-time {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 2px 0 0;
	background: url(../images/metka-time.png) 0 0 no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.metka-metka {
	display: inline-block;
	width: 9px;
	height: 13px;
	background: url(../images/metka.svg) 0 0 no-repeat;
	background-size: contain;
	margin: 0 6px 0 0;
}

.metka-metro {
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	/* height: 17px; */
	/* background: url(../images/metro1.png) 0 0 no-repeat; */
	background-size: contain;
	margin: -32px -35px 0 0;
}

.metka-metro.metro2 {
	background: url(../images/metro2.png) 0 0 no-repeat;
}


.top-tel {
	float: right;
	font-size: 27px;
	padding: 0;
	font-weight: 600;
	text-align: right;
}

.top-tel a {
	text-decoration: none;
	color: #000;
}

.top-tel p {
	line-height: 33px;
}

.top-tel small {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 23px;
	font-weight: 300;
}

.top-menu {
	z-index: 11;
	position: relative;
	min-height: 45px;
	background: #166cb9;
	border-radius: 3px;
	/*margin: 0 0 10px;*/
}

.callmasta {
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	float: right;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	padding: 10px 36px 10px 66px;
	background: #ff7901;
	border-radius: 0 3px 3px 0;
	color: #000;
	box-sizing: border-box;
}

.callmasta:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 27px;
	width: 23px;
	height: 23px;
	background: url(../images/key.svg) 0 0 no-repeat;
	background-size: contain;
	transform: translateY(-50%);
	transition: .4s;
}

@media all and (min-width: 990px){
	.callmasta:hover:before {
		transform:translateY(-50%) rotate(180deg);
	}
}


.tm-menu {
	position: relative;
	padding: 0 0 0 191px;
}

.tm-menu--trigger {
	display: none;
}

.tm-menu > ul > li {
	position: relative;
	float: left;
	border-left: 1px solid #4589c7;
}

.tm-menu > ul > li:first-child {
	border:0;
}

.tm-menu > ul > li > a {
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 25px;
	font-weight: 500;
	color: #fff;
	padding: 10px 42.5px;
	transition: .2s;
}

.tm-menu > ul > li:hover > a {
	background: #0b93dc
}

.tm-menu > ul > li.has-child > a:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 4px;
	background: url(../images/tmenudrop.svg) 0 0 no-repeat;
	margin: 0 0 0 12px;
}

.tm-menu > ul > li.has-child > ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	/*background: #fff;*/
	background: #f2f0f0;
	/*padding: 5px 18px 9px;*/
	padding: 5px 0 9px;
	width: 236px;
	box-sizing: border-box;
	/*box-shadow: 0 2px 3px rgba(0,0,0,.07);*/
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}

@media all and (min-width: 1281px){
	.tm-menu > ul > li.has-child:hover > ul {
		display: block;
	}
}

.tm-menu > ul > li.has-child > ul > li > a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	padding: 10px 19px;
	border-bottom: 1px solid #e5e5e5;
}

.tm-menu > ul > li.has-child > ul > li:last-child > a {
	border:0;
}

.tm-menu > ul > li.has-child > ul > li > a:hover {
	/*background: #eef7fd;*/
	background: #fff;
	color: #0d5a9e;
}

.cattbox {
	display: block;
	width: 33px;
	height: 33px;
	/*background-size: cover;*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.cattbox.i14 {
	background-image: url(../catalog/new/ii14.png);
}
li:hover .cattbox.i14, li.active .cattbox.i14 {
	background-image: url(../catalog/new/ii14-hover.png);
}

.cattbox.i15 {
	background-image: url(../catalog/new/ii15.png);
}
li:hover .cattbox.i15, li.active .cattbox.i15 {
	background-image: url(../catalog/new/ii15-hover.png);
}

.cattbox.i16 {
	background-image: url(../catalog/new/ii16.png);
}
li:hover .cattbox.i16, li.active .cattbox.i16 {
	background-image: url(../catalog/new/ii16-hover.png);
}

.cattbox.i17 {
	background-image: url(../catalog/new/ii17.png);
}
li:hover .cattbox.i17, li.active .cattbox.i17 {
	background-image: url(../catalog/new/ii17-hover.png);
}

.cattbox.i18 {
	background-image: url(../catalog/new/ii18.png);
}
li:hover .cattbox.i18, li.active .cattbox.i18 {
	background-image: url(../catalog/new/ii18-hover.png);
}

.cattbox.i19 {
	background-image: url(../catalog/new/ii19.png);
}
li:hover .cattbox.i19, li.active .cattbox.i19 {
	background-image: url(../catalog/new/ii19-hover.png);
}

.cattbox.i20 {
	background-image: url(../catalog/new/ii20.png);
}
li:hover .cattbox.i20, li.active .cattbox.i20 {
	background-image: url(../catalog/new/ii20-hover.png);
}

.cattbox.i21 {
	background-image: url(../catalog/new/ii21.png);
}
li:hover .cattbox.i21, li.active .cattbox.i21 {
	background-image: url(../catalog/new/ii21-hover.png);
}
















.cattbox.i13 {
	background-image: url(../catalog/new/wallet2.png);
}
li:hover .cattbox.i13, li.active .cattbox.i13 {
	background-image: url(../catalog/new/wallet2-hover.png);
}

.cattbox.i12 {
	background-image: url(../catalog/new/icon_20.png);
}
li:hover .cattbox.i12, li.active .cattbox.i12 {
	background-image: url(../catalog/new/icon_20-hover.png);
}


.cattbox.i11 {
	background-image: url(../catalog/new/003-coffee-machine.svg);
}
li:hover .cattbox.i11, li.active .cattbox.i11 {
	background-image: url(../catalog/new/003-coffee-machine-hover.svg);
}

.cattbox.i10 {
	background-image: url(../catalog/new/004-oven.svg);
}
li:hover .cattbox.i10, li.active .cattbox.i10 {
	background-image: url(../catalog/new/004-oven-hover.svg);
}

.cattbox.i9 {
	background-image: url(../catalog/new/005-stove-1.svg);
}
li:hover .cattbox.i9, li.active .cattbox.i9 {
	background-image: url(../catalog/new/005-stove-1-hover.svg);
}

.cattbox.i8 {
	background-image: url(../catalog/new/006-dishwasher-1.svg);
}
li:hover .cattbox.i8, li.active .cattbox.i8 {
	background-image: url(../catalog/new/006-dishwasher-1-hover.svg);
}

.cattbox.i7 {
	background-image: url(../catalog/new/007-technology-1.svg);
}
li:hover .cattbox.i7, li.active .cattbox.i7 {
	background-image: url(../catalog/new/007-technology-1-hover.svg);
}

.cattbox.i6 {
	background-image: url(../catalog/new/008-stove.svg);
}
li:hover .cattbox.i6, li.active .cattbox.i6 {
	background-image: url(../catalog/new/008-stove-hover.svg);
}

.cattbox.i5 {
	background-image: url(../catalog/new/009-technology.svg);
}
li:hover .cattbox.i5, li.active .cattbox.i5 {
	background-image: url(../catalog/new/009-technology-hover.svg);
}

.cattbox.i4 {
	background-image: url(../catalog/new/010-water-heater.svg);
}
li:hover .cattbox.i4, li.active .cattbox.i4 {
	background-image: url(../catalog/new/010-water-heater-hover.svg);
}

.cattbox.i3 {
	background-image: url(../catalog/new/011-dishwasher.svg);
}
li:hover .cattbox.i3, li.active .cattbox.i3 {
	background-image: url(../catalog/new/011-dishwasher-hover.svg);
}

.cattbox.i2 {
	background-image: url(../catalog/new/012-refrigerator.svg);
}
li:hover .cattbox.i2, li.active .cattbox.i2 {
	background-image: url(../catalog/new/012-refrigerator-hover.svg);
}

.cattbox.i1 {
	background-image: url(../catalog/new/013-fashion.svg);
}
li:hover .cattbox.i1, li.active .cattbox.i1 {
	background-image: url(../catalog/new/013-fashion-hover.svg);
}


.tm-catalog {
	position: absolute;
	top: 0;
	left: 0;
	width: 191px;
	height: 45px;
}

.tm-catalog--name {
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	color: #fff;
	padding: 10px 0 10px 30px;
	background: #0b93dc;
	border-radius: 3px 0 0 3px
}

.tm-catalog--name:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	width: 17px;
	height: 10px;
	background: url(../images/cataloguslug.svg) 0 0 no-repeat;
	transform: translateY(-50%);
}


.tm-catalog--pop {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 338px;
	background: #f3f3f3;
	box-shadow: 3px 3px 5px rgba(0,0,0,.35);
}

@media all and (min-width: 1281px){
	.tm-catalog:hover .tm-catalog--pop {
		display: block;
	}
}

.tm-catalog--pop > ul {
	position: relative;
}

.tm-catalog--pop > ul > li > a {
	position: relative;
	display: block;
	text-decoration: none;
	font-size: 15px;
	line-height: 25px;
	padding: 10px 12px 10px 65px;
	color: #000;
	border-bottom: 1px solid #e1e1e1;
}

.tm-catalog--pop > ul > li:hover > a {
	background: #fff;
}

.tm-catalog--pop > ul > li > a .cattbox {
	position: absolute;
	top: 50%;
	left: 23px;
	transform: translateY(-50%);
}

.tm-catalog--pop > ul > li .subox {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	min-height: 100%;
	box-sizing: border-box;
	width: 330px;
	background: #fff;
	box-shadow: 3px 3px 5px rgba(0,0,0,.35);
	padding: 26px 22px 26px 48px;
}

@media all and (max-width: 1024px){
	.tm-catalog--pop > ul > li .subox {
		display: none !important;
	}
}

.tm-catalog--pop > ul > li:hover {
	z-index: 1;
}

.tm-catalog--pop > ul > li:hover .subox {
	display: block;
	columns: 2;
	width: 565px;
}

.subox-name {
	font-size: 14px;
	line-height: 19px;
	color: #166cb9;
	margin: 0 0 17px;
}

.subox a {
	color: #000;
}

.subox ul {
	margin: 0 0 32px;
}

.subox ul li {
	margin: 0 0 11px;
}

.subox ul li:last-child a {
	color: #ff7901;
}

.main-428 {
	display: block;
	position: relative;
	height: 428px;
	border:1px solid #e2e2e2;
	border-radius: 3px;
	background: #e2e2e2;
	margin: 0 0 6px;
}

.main-428--dude {
	position: absolute;
	bottom: 0;
	left: -100px;
	width: 575px;
	height: 423px;
	background: url(../images/hello-dude.png) 0 0 no-repeat;
}

.main-428--sign {
	position: absolute;
	top: 31px;
	left: 383px;
	width: 472px;
	height: 369px;
	box-sizing: border-box;
	padding: 84px 0 0 28px;
	background: url(../images/shtblt.png) 0 0 no-repeat;
	transition: .4s;
}

@media all and (min-width: 990px){
	.main-428--sign:hover {
		transform: translateX(20px);
	}
}

.main-428--sign:before {
	content: "";
	position: absolute;
	bottom: 41px;
	left: 156px;
	width: 15px;
	height: 15px;
	background: #ff7901;
	border-radius: 50%;
}
.main-428-line2 {
    font-size: 27px;
    line-height: 32px;
    color: #166cb9;
    font-weight: bold;
    text-transform: uppercase;
}
.main-428--text {
	width: 292px;
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

.main-428--line1 {
	font-size: 29px;
	line-height: 39px;
	font-weight: 100;
	text-transform: uppercase;
}

.main-428--line2 {
	font-size: 47px;
	line-height: 54px;
	color: #166cb9;
	font-weight: bold;
	text-transform: uppercase;
}

.main-428--line3 {
	font-size: 25px;
	line-height: 23px;
	font-weight: 200;
	font-style: italic;
	margin: 0 0 4px;
}

.main-428--zaya {
	position: absolute;
	top: 84px;
	right: 30px;
	width: 365px;
	height: 283px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 12px rgba(0,0,0,.35);
	box-sizing: border-box;
	padding: 26px 50px 0;
	text-align: center;
}

.main-428--zayaname {
	text-transform: uppercase;
	font-size: 24px;
	line-height: 30px;
	color: #3d3d3d;
	font-weight: bold;
	margin: 0 0 15px;
}

.main-428--zayapresent {
	font-size: 14px;
	color: #404040;
	padding: 0 0 11px 20px;
	font-weight: 300;
}

.main-428--zayapresent:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 37px;
	height: 37px;
	background: url(../images/present.svg) 0 0 no-repeat;
	margin: 0 9px 0 0;
}

.main-428--zayapresent strong {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 25px;
	color: #ff7901;
}

.main-428--zayapresent span {
	display: inline-block;
	vertical-align: top;
	padding: 12px 0 0;
}

.main-428--checkwrap {
	padding: 2px 0 0;
	margin: 0 0 12px;
	text-align: left;
}

.main-428--check {
	float: left;
	margin: 0 12px 12px 0;
}

.main-428--checktext {
	overflow: hidden;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: 300;
	color: #a1a1a1;
	user-select:none;
}

.main-428--checktext a {
	color: #a1a1a1;
}

.main-428--checktext label {
	cursor: pointer;
}

.main-428--zaya button.site-field--submit {
	line-height: 30px;
	padding: 5px;
}

.main-428--zaya button.site-field--submit:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background: url(../images/key.svg) 0 0 no-repeat;
	background-size: contain;	
	margin: 0 10px 0 0;
}


.main-why {
	position: relative;
}

.main-why--body {
	background: #f6f5f4;
	border-radius: 3px;
	padding: 22px 10px 25px 60px;
	columns: 3;
}

.main-why--item {
	position: relative;
	margin: 0 0 7px;
	font-size: 16px;
	font-weight: 300;
	transition: .15s;
	padding: 1px 0;
}

.main-why--item strong {
	font-weight: 500;
}

@media all and (min-width: 990px){
	.main-why--item:hover {
		/*transform: scale(1.05);*/
		/*transform: translateX(-10px);*/
	}
}

.main-why--item.item3 {
	padding-left: 50px;
}
.main-why--item.item4 {
	padding-left: 50px;
}

.main-why--item.item5 {
	padding-left: 50px;
}
.main-why--item.item6 {
	padding-left: 50px;
}

.main-why--item:before {
	display: inline-block;
	vertical-align: top;
	content: "";
	width: 40px;
	height: 40px;
	background: url(../images/wi1.png) 50% 50% no-repeat #8ecdf6;
	background-size: contain;
	border-radius: 50%;
	box-shadow: 0 2px 0 rgba(0,0,0,.25);
}

.main-why--item.item2:before {
	background: url(../images/wi2.png) 50% 50% no-repeat #99c45a;
	background-size: contain;
}

.main-why--item.item3:before {
	background: url(../images/wi3.png) 50% 50% no-repeat #e296bf;
	background-size: contain;
}

.main-why--item.item4:before {
	background: url(../images/wi4.png) 50% 50% no-repeat #cccc19;
	background-size: contain;
}

.main-why--item.item5:before {
	background: url(../images/wi5.png) 50% 50% no-repeat #4b79bb;
	background-size: contain;
}

.main-why--item.item6:before {
	background: url(../images/wi6.png) 50% 50% no-repeat #b978d3;
	background-size: contain;
}

.main-why--item span {
	display: inline-block;
	padding: 12px 0 0 12px;
}


.main-wedo {
	position: relative;
}

.main-wedo--body {
	position: relative;
	/*border-bottom: 1px solid #e9e9e9;*/
	margin: 0 0 20px;
	padding: 1px 0 0 1px;
}

.main-wedo--item {
	float: left;
	position: relative;
	width: 33%;
	/*
	border-top: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	*/
	border: 1px solid  #e9e9e9;
	box-sizing: border-box;
	text-align: center;
	padding: 9px 12px 16px;
	transition: .15s;
	box-shadow: 0 0 5px rgba(0,0,0,0);
	min-height: 170px;
	margin: -1px 0 0 -1px;
}

.next .main-wedo--item {
	min-height: 1px;
}

@media all and (min-width: 990px){
	.main-wedo--item:hover {
		box-shadow: 0 0 15px rgba(0,0,0,.3);
		/*
		background: #f9f7f7;
		transform: translateY(-10px);
		*/
	}
}
/*
.main-wedo--item:nth-child(1),.main-wedo--item:nth-child(6),.main-wedo--item:nth-child(11) {
	border-left: 1px solid #e9e9e9;
}
*/

.main-wedo--item img {
	border-radius: 10px;
}

.main-wedo--name {
	font-size: 16px;
	line-height: 20px;
	min-height: 60px;
	color: #ff7901;
	max-width: 157px;
	margin: -5px auto 4px;
	font-weight: 500;
}

.main-wedo--name a {
	color: #ff7901;
}

.next .main-wedo--name {
	min-height: 82px;
	line-height: 82px;
	padding: 0;
	margin: 0;
}

.main-wedo--name a {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 20px;
}

.main-wedo--subname {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #646464;
}

.main-wedo--subname a {
	color: #646464;
}

.main-how-item {
    position: relative;
    float: left;
    width: 24.66666%;
    /* display: inline-block; */
    /* vertical-align: top; */
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    transition: .15s;
}
.main-how {
	position: relative;
	z-index: 1;
	font-size: 0;
	line-height: 0;
	background: #fff;
	margin: 0 -35px;
	padding: 0 0 10px;
}

.main-how--body {
	position: relative;
	padding: 0 35px 40px;
	/*text-align: justify;*/
}

/*
.main-how--body:after {
	content: "":;
	display: inline-block;
	width: 100%;
}
*/

.main-how--item {
	position: relative;
	float: left;
	width: 16.66666%;
	/*display: inline-block;*/
	/*vertical-align: top;*/
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	transition: .15s;
}

@media all and (min-width: 990px){
	.main-how--item:hover {
		/*transform: translateY(-12px) scale(1.05);*/
		transform: translateY(-12px);
	}
}

.main-how--item:before {
	content: "";
	position: absolute;
	top: 64px;
	left: 100%;
	width: 110px;
	height: 8px;
	background: url(../images/how-dropp.png) 50% 50% no-repeat;
	transform: translateX(-50%);
}

.main-how--item:last-child:before {
	display: none;
}

.main-how--item a {
	color: #ff4700;
	text-decoration: none;
	border-bottom: 1px dotted #ff4700;
	transition: .2s;
}

.main-how--item a:hover {
	border-color: transparent;
}

.main-how--image {
	position: relative;
	width: 122px;
	height: 115px;
	background: url(../images/blue-romb.png) 50% 50% no-repeat;
	margin: 0 auto 25px;
}

.main-how--name {
	padding: 0 8px;
}

@media all and (max-width: 992px){
	.main-how--name {
		font-size: 18px;
	}
}

.main-otizivi {
	position: relative;
	background: url(../images/yellowbluebas.png) 50% 0 no-repeat;
	background-size: cover;
	/*min-height: 605px;*/
	margin: 0 -35px;
	box-sizing: border-box;
	padding: 37px 0 12px;
	box-shadow: 0 0 15px rgba(0,0,0,.35);
}

.main-otizivi--name {
	font-size: 28px;
	color: #fff;
	font-weight: 200;
	text-align: center;
	margin: 0 0 28px;
}

.main-otizivi--body {
	position: relative;
	padding: 0 50px;
}

.main-otizivi--item {
	float: left;
	width: 33.3333%;
}

body.inner .main-otizivi--item {
	width: 50%;
}

.main-otizivi--itemin {
	max-width: 350px;
	margin: 0 auto;
}

.main-otizivi--vslider {
	width: 400px;
	margin: 0 auto 14px;
}

.main-otizivi--vslide {
	position: relative;
	padding: 0 33px;
}

.main-otizivi--vslider .lSAction > .lSPrev, .main-otizivi--vslider .lSAction > .lSNext {
	position: absolute;
	top: 109px;
	left: 0;
	width: 26px;
	height: 30px;
	background: url(../images/main-otz-arr.png) 0 0 no-repeat;
	opacity: 1;
}

.main-otizivi--vslider .lSAction > .lSNext {
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

.main-otizivi--a {
	font-size: 14px;
	line-height: 33px;
	color: #fff;
	width: 373px;
	margin: 0 auto 10px;
	max-width: 100%;
	box-sizing: border-box;
}

body.otzivi .main-otizivi--a {
	color: #333;
}

.main-otizivi--a img {
	display: block;
}

.main-otizivi--image {
	position: relative;
}

.main-otizivi--image img {
	display: block;
	transition: .4s;
}

@media all and (min-width: 990px){
	.main-otizivi--image img:hover {
		transform: scale(1.1);
	}
}

.main-otizivi--avtor {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #6fa0cb;
	padding: 30px 0 15px;
}

.main-otizivi--avtortext {
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	font-style: italic;
	font-weight: 300;
}

.main-otizivi--buttonwrap {
	position: relative;
	text-align: center;
	padding: 25px 0 12px;
	clear: both;
}

.main-text {
	position: relative;
	z-index: 1;
	background: #fff;
	margin: 0 -35px;
	font-weight: 300;
	color: #000;
}

.main-text--in {
	position: relative;
	margin: 0 35px;
	border-bottom: 1px dotted #4d4d4d;
}

.main-ceni {
	position: relative;
}

.main-ceni--body {
	position: relative;
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding: 0 0 31px;
}

.main-ceni--item {
	display: inline-block;
	font-size: 14px;
	line-height: 31px;
	color: #4d4d4d;
	background: #f5fafe;
	border-radius: 3px;
	margin: 0 1px 1px;
}

.main-ceni--item a {
	color: #4d4d4d;
	display: block;
	padding: 0 14px;
}

.main-ceni--cells {
	position: relative;
	padding: 0 0 28px;
}

.main-ceni--left {
	float: left;
	width: 780px;
}

.main-ceni--right {
	float: right;
	width: 460px;
}

.main-ceni--mastera {
	position: relative;
	background: #e8edf2;
	padding: 0 0 24px;
}

.site-content--right .main-ceni--mastera {
	background: #fff;
	border: 1px solid #d4d4d4;
	margin-top: -25px;
}

.main-ceni--slider {
	position: relative;
	max-width: 664px;
	margin: 0 auto;
}

.main-ceni--slider .prev, .main-ceni--slider .next {
	cursor: pointer;
	position: absolute;
	top: 93px;
	left: -45px;
	width: 26px;
	height: 30px;
	background: url(../images/main-otz-arr.png) 0 0 no-repeat;
	opacity: 1;
}

.site-content--right .main-ceni--slider .prev, .site-content--right .main-ceni--slider .next {
	top: 155px;
	background: url(../images/grayarrrow.png) 0 0 no-repeat;
}

.main-ceni--slider .next {
	left: auto;
	right: -45px;
	transform: rotate(180deg);
}

.main-ceni--slide {
	width: 208px;
	margin: 0 auto;
	color: #4e4e4e;
	text-align: center;
}

.main-ceni--simage {
	width: 208px;
	height: 220px;
	line-height: 220px;
	font-size: 0;
	margin: 0 0 8px;
}

.main-ceni--simage img {
	display: inline-block;
	vertical-align: middle;
}

.main-ceni--sname {
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	font-style: italic;
}

.main-ceni--sstage {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px;
}

.main-ceni--sspec {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
}

.main-ceni--sspec a {
	color: #166cb9;
}

.main-ceni--map {
	position: relative;
	padding: 8px 0 0;
}

.main-ceni--maptags {
	position: relative;
	text-align: center;
	color: #000009;
	max-width: 560px;
	margin: 0 auto 18px;
	line-height: 1.7em;
	font-weight: 300;
}

.main-ceni--maptags a {
	color: #000009;
}

.main-ceni--maptags a:hover, .main-ceni--maptags a.active {
	color: #166cb9;
	text-decoration: underline;
}

.main-ceni--maptags span {
	display: inline-block;
	padding: 0 3px 0 6px;
}

.main-ceni--mapbox {
	position: relative;
	max-width: 712px;
	margin: 0 auto;
}

.main-ceni--vopotv {
	background: #fafafa;
	padding: 0 12px;
}

.main-ceni--right .main-ceni--vopotv {
	padding: 0 30px;
}

.main-ceni--right .main-ceni--vopotv .site-title {
	padding-bottom: 1px;
}

.main-ceni--vopotvtem {
	font-weight: 300;
	border-bottom: 1px solid #e1e1e1;
	font-size: 14px;
	line-height: 17px;
}

.main-ceni--vopotvbutton {
	padding: 11px 0 18px;
}


.site-footer1 {
	/* position: relative; */
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 25px;
}

.site-footer1--left {
	float: left;
	width: 405px;
}
.site-footer1--mid {
	float: left;
	width: 380px;
	max-width: 100%;
	padding: 62px 0 0;
	box-sizing: border-box;
}
.site-footer1--right {
	float: right;
	width: 444px;
	padding: 23px 0 0;
}

.site-footer1--right .top-tel {
	font-size: 27px;
	line-height: 28px;
}

.site-footer1--menu {
	padding: 16px 88px 0 30px;
	font-size: 14px;
	line-height: 24px;
	color: #18191e;
}

.site-footer1--menu a {
	color: #18191e;
	text-decoration: none;
}

.site-footer1--menu a:hover {
	text-decoration: underline;
}

.site-footer1--metro {
	position: relative;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	background: #f9f9f9;
	padding: 10px 0 12px;
}

.site-footer1--metro:before {
	content: "";
	position: absolute;
	top: 16px;
	bottom: 15px;
	left: 209px;
	width: 1px;
	background: #e0e0e0;
}

.site-footer1--metroleft {
	float: left;
	width: 190px;
	text-align: right;
}

.site-footer1--metroright {
	float: right;
	width: 150px;
}

.site-footer1--vijet {
	float: left;
	width: 200px;
}



.site-footer2 {
	position: relative;
	padding: 15px 0 7px;
}

.site-footer2--left {
	float: left;
	padding: 0 0 0 30px;
}

.site-footer2--right {
	float: right;
	font-size: 14px;
	color: #555;
	padding:10px 0;
}

.site-footer2--right a {
	color: #166cb9;
}

.prinimaem {
	padding: 5px 21px 0 0;
	float: left;
}

.prinimaem--payments {
	float: left;
}

.prinimaem--payments img {
	display: block;
}

.site-footer3 {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 22px 0 25px 30px;
}

.site-footer3--left {
	float: left;
	font-size: 14px;
	line-height: 17px;
	font-weight: 300;
	font-style: italic;
	color: #9a9a9a;

}
.site-footer3--right {
	float: right;
	line-height: 34px;
}

.site-footer4 {
	position: relative;
	font-size: 13px;
	color: #757575;
	text-align: center;
	font-weight: 300;
}

@media all and (max-width: 768px){
	.site-footer4 {
		padding: 0 70px;
	}
}

.site-footer4 a {
	color: #757575;
}

.site-content {
	position: relative;
	padding: 10px 0 0;
}

.site-content--left {
	overflow: hidden;	
	float: left;
	width: 940px;
	padding: 0 0 32px;
}

/*
body.zoni .site-content--left {
	float: none;
	width: auto;
}
*/

body.services .site-content--left {
	float: none;
	width: auto;
	overflow: visible;
}

/*
body.ceni .site-content--left {
	float: none;
	width: auto;
}
*/

body.otzivi .site-content--left {
	float: none;
	width: auto;
}
/*
.site-content--left {
	float: none;
	width: auto;
}
*/

/*
body.neispravnosti .site-content--left {
	float: none;
	width: auto;
}
*/

body.contacty .site-content--left {
	float: none;
	width: auto;
}

.site-content--right {
	position: relative;
	z-index: 1;
	float: right;
	width: 300px;
}

.site-content--right .main-ceni--slider .prev {
	left: 7px;
}

.site-content--right .main-ceni--slider .next {
	right: 7px;
}

.site-path {
	font-size: 14px;
	font-weight: 300;
	color: #797979;
	/*margin: 0 0 38px;*/
	margin: 0 0 12px;
}

.site-path a {
	text-decoration: none;
	color: #797979;
}

.site-path a:hover {
	text-decoration: underline;
}

.site-path--sep {
	display: inline-block;
	width: 4px;
	height: 7px;
	background: url(../images/path-sep.png) 0 0 no-repeat;
	margin: 0 12px;
}

.remblock {
	position: relative;
	background: #166cb9;
	margin: 0 0 12px;
}

.remblock--image {
	float: left;
	width: 404px;
	height: 333px;
	line-height: 333px;
	font-size: 0;
}

.remblock--image img {
	display: inline-block;
	vertical-align: middle;
}

.remblock--items {
	width: 534px;
	float: right;
	position: relative;
	color: #fff;
	padding: 32px 0 0;
}

.remblock--items h2 {
	text-align: center;
	color: #fff;
	margin: 0 0 20px;
	font-size: 25px;
}

.remblock--items--in {
	columns: 2;
}

.remblock--items .main-why--item {
	margin: 0 0 17px;
	padding: 0 !important;
	min-height: 40px;
}

.remblock--items .main-why--item:before {
	float: left;
}

.remblock--items .main-why--item span {
	padding: 2px 0 0 12px;
}

.remblock--button {
	position: relative;
	padding: 0 0 12px;
}

.remblock--button .callmasta {
	float: none;
	margin: 0 auto;
	display: block;
	width: 230px;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0 2px 5px rgba(0,0,0,.35);
}

.diatable {
	position: relative;
	margin: 0 0 20px;
}

.diatable .site-title {
	text-align: left;
	font-weight: 500;
}

.diatable .site-title strong {
	font-weight: 500;
}

.diatable--box {
	position: relative;
	border: 1px solid #d7d7d7;
}

.diatable--row {
	border-bottom: 1px solid #d7d7d7;
	transition: .2s;
}

.diatable--row:hover {
	background: #f5f9ee;
}

.diatable--row:first-child:hover {
	background: transparent;
}
.main-dude {
    position: absolute;
    bottom: 0;
    left: -100px;
    width: 575px;
    height: 423px;
    background: url(../images/hello-dez.png) 0 0 no-repeat;
}
.diatable--row.active {
	background: #fafaf9;
}

.diatable--row.active:hover {
	background: #fafaf9;
}

.diatable--row:after {
	content: "";
	display: table;
	clear: both;
}

.diatable--row:before {
	content: "";
	position: absolute;
	top: 0;
	right: 20%;
	width: 1px;
	bottom: 0;
	background: #d7d7d7;
}

.diatable--left {
	float: left;
	width: 80%;
}

.diatable--right {
	float: right;
	width: 20%;
}

.diatable--naming {
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #9d9d9e;
	text-transform: uppercase;
	padding: 15px 57px;
}

.diatable--right .diatable--naming {
	text-align: center;
}

.diatable.simple .diatable--naming {
	padding-left: 15px;
	padding-right: 15px;
}

.diatable--name {
	display: block;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	font-size: 16px;
	line-height: 19px;
	font-weight: 500;
	padding: 15px 15px 15px 59px;
	color: #166cb9;
}

.diatable.simple .diatable--name {
	padding-left: 15px;
}

.diatable--name.js-trigger:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 18px;
	width: 17px;
	height: 9px;
	background: url(../images/downarr-blue.svg) 0 0 no-repeat;
	background-size: contain;
	margin: -4px 0 0;
}

.diatable--row.active .diatable--name:before {
	transform: rotate(180deg);
}

.diatable--price {
	/*cursor: pointer;*/
	position: relative;
	font-size: 16px;
	line-height: 19px;
	font-weight: 500;
	padding: 15px;
	text-align: center;
	color: #000009;
}

.diatable--body {
	position: relative;
	width: 80%;
	box-sizing: border-box;
	clear: both;
	display: none;
}

.diatable--bodyin {
	padding: 15px 15px 15px 59px;
}

.diatable--bodyin a {
	color: #ff7901;
}

.diatable--bodyin:after {
	content: "";
	display: table;
	clear: both;
}

.inner-how .main-how--body {
	box-sizing: border-box;
	width: 700px;
	padding: 0 67px 0 0;
	background: url(../images/how-ellipse.png) 100% 50px no-repeat;
	margin: 0 auto;
}

.inner-how .site-title {
	margin: 0 0 20px;
	font-size: 28px;
	line-height: 35px;
}

.inner-how .main-how--item {
	width: 33.33333333%;
	margin: 0 0 20px;
}

.inner-how .main-how--item:before {
	display: none;
}

.diagnoz {
	position: relative;
}

.diagnoz-items {
	position: relative;
	margin: 0 0 22px;
}

.diagnoz-back {
	padding: 20px 0;
}

.diagnoz-items p.orange, .diagnoz-items p.green {
	font-size: 16px;
	font-weight: bold;
}

.diagnoz-item {
	text-decoration: none;
	display: block;
	position: relative;
	background: #fafaf9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	font-size: 16px;
	line-height: 20px;
	color: #000009;
	padding: 15px 15px 15px 69px;
	margin: 0 0 4px;
	cursor: pointer;
}

.diagnoz-item:hover {
	background: #f2f5f8;
}

.diagnoz-item:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 35px;
	height: 35px;
	background: #fff;
	border: 1px solid #e3e3e2;
	border-radius: 50%;
	transform: translateY(-50%);
}

.diagnoz-item.active:before, .diagnoz-item:hover:before {
	background: url(../images/diagnoz-item.png) 50% 50% no-repeat #fff;
}


.diagnoz-items .site-button--orange,.diagnoz-items a.site-button--orange, .diagnoz-items button.site-button--orange, .diagnoz-items input.site-button--orange {
	display: inline-block;
}

.diagnoz-result {
	position: relative;
	border: 1px dashed #a2a2a2;
	padding: 1px 30px;
	margin: 0 0 24px;
	font-weight: 300;
}

.diagnoz-result .remblock--button {
	padding: 0 0 20px;
}

.diagnoz-result--text {
	display: none;
}

.imodeli {
	position: relative;
}

.imodeli-box {
	position: relative;
	background: #f3f3f2;
	font-size: 16px;
	line-height: 22px;
	color: #166cb9;
	padding: 15px 28px;
}

.imodeli-box a {
	color: #166cb9;
}

.imodeli-box span {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 16px;
	background: #dfdfdf;
	margin: 0 17px;
}

.imodeli-tags {
	text-align: center;
	font-size: 18px;
}

.imodeli-tags .site-title {
	font-size: 28px;
	line-height: 35px;
}

.imodeli-tags--body {
	position: relative;
	font-size: 0;
}

.imodeli-tag {
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	padding: 5px 9px;
	color: #166cb9;
	border: 1px solid #0e6dc1;
	border-radius: 3px;
	margin: 0 2px 3px;
}

.imodeli-buttonz {
	position: relative;
	text-align: center;
	padding: 12px 0 24px;
}


.imodeli-txt {
	position: relative;
	font-size: 15px;
	font-weight: 300;
	text-align: left;
}


.rmap {
	position: relative;
	z-index: 1;
	border: 1px solid rgba(0,0,0,.17);
	text-align: center;
	font-size: 0;
	margin: 0 0 10px;
}

.rmap-item {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 17px;
	font-weight: 300;
	width: 110px;
	text-align: left;
	margin: 0 12px 0 0;
}

.rmap-item.busy {
	width: 90px;
	margin: 0;
}

.rmap-item:before {
	content: "";
	float: left;
	width: 23px;
	height: 30px;
	background: url(../images/masta-free.png) 50% 50% no-repeat;
	margin: 0 10px 10px 0;
}

.rmap-item.busy:before {
	background: url(../images/masta-busy.png) 50% 50% no-repeat;
}

.right-masta-gangsta {
	position: relative;
	background: url(../images/right-masta-gangsta.png) 0 100% no-repeat #00b0f2;
	padding: 10px 0;
	min-height: 260px;
}


.right-masta-gangsta--name {
	position: relative;
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}

.right-masta-gangsta--name span {
	text-transform: uppercase;
	color: #0c4c64;
}

.right-masta-gangsta--text {
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	padding: 11px 7px 12px 148px;
	font-weight: 300;
}

.right-masta-gangsta--text span {
	display: block;
	font-size: 14px;
	line-height: 21px;
	padding: 5px 0;
	color: #2b2b2b;
}

.rform {
	position: relative;
	background: #009cd7;
	padding: 30px 25px;
}

.rform label {
	position: relative;
	display: block;
}

.rform label span.red {
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -8px 0 0 6px;
}

.rform .site-button--orange {
	width: 100%;
	font-weight: bold;
}

.rform .site-button--orange:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background: url(../images/key.svg) 50% 50% no-repeat;
	/*background-size: 80% 80%;*/
	background-size: contain;
	margin: 0 10px 0 0;
	transition: .4s;
}


@media all and (min-width: 990px){
	.rform .site-button--orange:hover:before  {
		transform:rotate(180deg);
	}
}


.rform-accept {
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	line-height: 17px;
}

.rform-nesseser {
	font-size: 13px;
	font-weight: 300;
	font-style: italic;
	padding: 12px 0 24px;
	text-align: center;
	color: #fff;
}

.rform-accept a {
	color: #fff;
}

.site-text {
	padding: 0 0 3px;
	font-weight: 300;
	font-size: 15px;
}

.site-text iframe {
	max-width: 100%;
}

@media all and (max-width: 990px){
	.site-text {
		padding:0 12px 3px;
	}
}


.diatable-more {
	position: relative;
}

.diatable-more:after {
	content: "";
	display: table;
	clear: both;
}


.diatable-more--more {
	float: left;
}

.diatable-more--zakaz {
	float: right;
	margin: -12px 0 0;
}


/*
body.inner .main-ceni--mastera {
	display: none;
}
*/


.pop-win {
	display: none;
	z-index: 1001;
	position: absolute;
	top: 0;
	left: 50%;
	width: 510px;
	transform: translateX(-50%);
	max-width: 100%;
	background: #fff;
	padding: 22px 0 0;
	box-sizing: border-box;
}

.pop-win--name {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #000;
	float: right;
	width: 328px;
	z-index: 1;
}

.pop-win--body {
	color: #fff;
	background: url(../images/pop-dude.png) 0 0 no-repeat, url(../images/popbg.png) 0 0 repeat-x;
	font-size: 14px;
	line-height: 16px;
	margin: -12px 0 0;
	clear: both;
	box-sizing: border-box;
}

.pop-win--body strong {
	display: block;
	color: #000;
	font-size: 16px;
	margin: 4px 0;
}

.pop-win--text {
	float: right;
	width: 328px;
	padding: 40px 35px 18px 0;
	box-sizing: border-box;
}

.pop-win--text a {
	color: #ff7901;
	text-decoration: none;
}

.pop-back {
	display: none;
	cursor: pointer;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
}

.pop-hide {
	cursor: pointer;
	position: absolute;
	top: 11px;
	right: 13px;
	width: 11px;
	height: 11px;
	background: url(../images/pop-hide.png) 50% 50% no-repeat;
}



/*adaptive*/

@media all and (max-width: 1280px){
	.site-header {
		padding: 15px 12px 80px;
	}
	.site-top {
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
		min-height: 70px;
		/*background: #f9f9f9;*/
		background: #f2f0f0;
	}
	.site-top--sasys {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		width: auto;
		max-width: 600px;
		margin: 0 auto;
	}
	.main-428--sign {
		display: none;
	}
	.site-logo {
		padding: 0;
	}
	.site-wrap {
		padding: 0;
	}

	.tm-menu {
		position: relative;
		float: left;
		width: 33.33333%;
		padding: 0;
	}
	.tm-menu:after {
		content: "";
		display: table;
		clear: both;
	}
	.tm-menu ul:after {
		content: "";
		display: table;
		clear: both;
	}
	.tm-catalog {
		left: 50%;
		transform: translateX(-50%);
		width: 33.33333%;
		text-align: center;
	}
	.tm-catalog--name {
		padding-left: 0;
	}
	.tm-catalog--name:after {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		top: auto;
		right: auto;
		transform: translateY(-1px);
		margin: 0 0 0 12px;
		transition: .2s;
	}
	.tm-catalog.active .tm-catalog--name:after {
		transform: rotate(180deg);
	}
	.callmasta {
		width: 33.33333%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.callmasta:before {
		position: relative;
		top: auto;
		left: auto;
		display: inline-block;
		vertical-align: middle;
		transform: translateY(-1px);
		margin: 0 12px 0 0;
	}
	.tm-menu--trigger {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		font-size: 16px;
		line-height: 25px;
		padding: 10px 0;
		box-sizing: border-box;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		background: #166cb9;
	}
	.tm-menu--trigger:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 13px;
		height: 10px;
		background: url(../images/mtm-trigger.svg) 50% 50% no-repeat;
		background-size: contain;
		margin: -3px 20px 0 0;
	}
	.tm-menu > ul {
		display: none;
		position: absolute;
		top: 45px;
		left: 0;
		width: 100%;
		min-width: 250px;
		background: #166cb9;
		box-sizing: border-box;
	}
	.tm-menu.active > ul {
		display: block;
	}
	.tm-menu > ul > li {
		float: none;
	}
	.tm-menu > ul > li > a {
		display: block;
		padding: 12px;
		transition: .2s;
	}

	.tm-menu > ul > li.has-child > a:after {
		width: 14px;
		height: 8px;
		background: url(../images/cataloguslug.svg) 50% 50% no-repeat;
		background-size: contain;
		transition: .2s;
	}
	.tm-menu > ul > li.has-child.active > a:after {
		transform: rotate(180deg);
	}
	.tm-menu > ul > li.has-child.active > ul {
		display: block;
	}
	.tm-menu > ul > li.has-child > ul {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
	}
	.tm-catalog.active .tm-catalog--pop {
		display: block;
		width: 100%;
		min-width: 310px;
		text-align: left;
		box-shadow: 0 0 5px rgba(0,0,0,.45);
		/*
		max-height: 90vh;
		overflow-y: scroll;
		*/
	}
	.tm-catalog.active .tm-catalog--pop ul {
		font-size: 0;
	}
	.tm-catalog.active .tm-catalog--pop ul > li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	.tm-catalog--pop > ul > li > a {
		padding: 20px 1px 1px 44px;
		font-size: 13px;
		line-height: 16px;
		box-sizing: border-box;
		min-height: 71px;
	}
	.tm-catalog--pop > ul > li > a .cattbox {
		left: 5px;
	}


	.main-why--body {
		padding: 16px 12px;
		columns:2;
		box-sizing: border-box;
		text-align: center;
	}
	.main-why--item {
		text-align: left;
		display: block;
		max-width: 350px;
		margin: 0 auto 20px;
		padding: 0 12px;
		font-size: 18px;
		min-height: 50px
	}
	.main-why--item.item3 {
		padding-left: 12px;
	}
	.main-why--item.item4 {
		padding-left: 12px;
	}

	.main-why--item.item5 {
		padding-left: 12px;
	}
	.main-why--item.item6 {
		padding-left: 12px;
	}
	.main-why--item:after {
		content: "";
		display: table;
		clear: both;
	}
	.main-why--item span {
		display: block;
		overflow: hidden;
	}
	.main-why--item:before {
		float: left;
		width: 60px;
		height: 60px;
	}

	.main-how {
		padding: 0;
		margin: 0;
	}

	.main-how--body {
		box-sizing: border-box;
		width: 700px;
		padding: 0 67px 0 0;
		background: url(../images/how-ellipse.png) 100% 50px no-repeat;
		margin: 0 auto;
	}

	.site-title {
		margin: 0 0 20px;
	}

	.main-how--item {
		width: 33.33333333%;
		margin: 0 0 20px;
		box-sizing: border-box;
		padding: 0 12px;
	}

	.main-how--item:before {
		display: none;
	}

	.main-otizivi--item {
		width: 50%;
	}
	.main-otizivi--item:nth-child(3) {
		display: none;
	}
	.main-otizivi--body {
		padding: 0;
	}
	.main-otizivi {
		margin: 0;
	}
	.main-text--in {
		padding: 0 20px 12px;
	}
	.site-title {
		margin: 0;
	}
	.main-ceni--left {
		float: none;
		width: auto;
	}
	.main-ceni--right {
		float: none;
		width: auto;
	}

	.m-footer-left {
		float: left;
		width: 50%;
		box-sizing: border-box;
	}
	.site-footer1--right {
		padding: 23px 20px 0 0;
		width: 50%;
		box-sizing: border-box;
	}
	.site-footer1--mid {
		/*padding: 20px;*/
		float: none;
		clear: both;
		position: relative;
		left: 100%;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.site-footer1--vijet {
		width: auto;
	}
	.site-footer2 {
		padding: 15px 12px 7px;
	}
	.site-footer2--left {
		padding: 0;
	}
	.site-footer3 {
		padding: 12px;
	}
	.site-footer3--left {
		width: 50%;
	}
	.site-footer3--right {
		width: 50%;
		text-align: right;
	}
	.site-path {
		padding:0 12px;
	}
	.site-content--left {
		float: none;
		width: auto;
		padding: 12px;
		box-sizing: border-box;
	}
	.remblock {
		overflow: hidden;
	}
	.remblock--image {
		position: absolute;
		bottom: 0;
		left: 0px;
		/*
		left: 50%;
		margin: 0 0 0 -450px;
		*/
	}
	.remblock--items {
		padding: 24px 0 40px;
	}
	.diatable {
		padding: 12px;
	}
	body.inner .main-ceni--mastera {
		display: block;
	}
	.diagnoz {
		padding:0 12px;
	}
	.imodeli {
		padding: 0 12px;
	}
	.imodeli-box {
		line-height: 30px;
		padding: 12px;
	}
	.site-content--right {
		display: none;
	}
}



@media all and (max-width: 1024px){
	.main-wedo--item {
		width: 33.33333%;
	}
	.main-wedo--item:nth-child(1),.main-wedo--item:nth-child(6),.main-wedo--item:nth-child(11) {
		border-left: 0;
	}
	.main-how--body {
		padding: 0 12px;
		width: auto;
		background: none;
	}
}
@media all and (max-width: 900px){
	.remblock--image {
		left: 50%;
		margin: 0 0 0 -520px;
	}
	.diatable--naming {
		padding: 15px;
	}
	.tablet-not {
		display: none !important;
	}
}


@media all and (max-width: 768px){
	.main-otizivi--item {
		width: 100%;
		padding: 12px 0;
		box-sizing: border-box;
	}
	.main-otizivi {
		background-size: cover;
	}
	.main-otizivi--buttonwrap {
		padding: 24px 0;
	}
	.main-otizivi--image {
		display: none;
	}
	.main-otizivi--image.video {
		display: block;
	}
	.main-otizivi--avtor {
		padding: 12px 0;
	}
	.main-ceni--slider .prev {
		left: 4px;
	}
	.main-ceni--slider .next {
		right: 4px;
	}
	.m-footer-left, .site-footer1--left {
		float: none;
		width: auto;
	}
	.site-footer1--menu {
		padding: 12px;
	}
	.site-footer1--left {
		max-width: 380px;
		margin: 0 auto;
	}
	.site-footer1--menu ul {
		text-align: center;
	}
	.site-footer1--menu ul li {
		text-align: left;
		display: inline-block;
		width: 145px;
	}
	.site-footer1--mid {
		float: none;
		clear: both;
		margin: 0 auto 12px;
		left: auto;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.site-footer1--mid {
		padding: 6px;
	}
	.site-footer1--metro {
		padding: 6px 0;
	}
	.site-footer1--right {
		padding: 4px 0;
		width: auto;
		clear: both;
		float: none;
	}
	.site-footer1--right:after {
		content: "";
		display: table;
		clear: both;
	}
	.site-footer1--vijet {
		float: none;
		text-align: center;
	}
	.top-tel {
		float: none;
		width: 220px;
		margin: 0 auto;
		text-align: center;
	}
	.top-tel .flr {
		float: none;
	}
	.site-footer2--left {
		float: none;
		margin: 0 auto;
	}
	.site-footer2--left:after {
		content: "";
		clear: both;
		display: table;
	}
	.prinimaem {
		float: none;
		padding: 6px 0;
		text-align: center;
	}
	.prinimaem--payments {
		float: none;
		text-align: center;
	}
	.prinimaem--payments img {
		display: inline-block;
	}
	.site-footer2--right {
		float: none;
		width: auto;
		text-align: center;
	}
	.site-footer3--left {
		float: none;
		width: auto;
		text-align: center;
	}
	.site-footer3--right {
		float: none;
		width: auto;
		text-align: center;
	}
	.site-logo {
		float: none;
		margin: 0 auto;
	}
	.site-header .top-tel {
		width: auto;
		text-align: center;
		padding: 10px 0;
	}
	.top-tel small, .top-tel p {
		display: inline-block;
	}
	.main-428--dude {
		left: -24px;
		width: 300px;
		background-size: contain;
		background-position: 0 100%;
	}
	.remblock--image {
		margin: 0 0 0 -600px;
		bottom: -10px;
	}
	.diagnoz-result {
		padding: 0 12px;
	}
	body.inner .main-otizivi--item {
		width: 100%;
	}
}

.mobile-only {
	display: none;
}
.main-429 {
    display: block;
    position: relative;
    height: 428px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    /* background: url(../images/main-back.jpeg) 50% 0 no-repeat; */
    margin: 0 0 6px;
    background: #e0e5ef;
}
.mobile-not {
	display: block;
}

.mobile-text-only {
	display: none;
}

.mobile-text-not {
	display: inline-block;
}

@media all and (max-width: 600px){
	.mobile-only {
		display: block;
	}
	.mobile-not {
		display: none;
	}
	.mobile-text-only {
		display: inline-block;
	}

	.mobile-text-not {
		display: none;
	}

	.main-how {
		padding: 0 0 24px;
		margin: 0;
	}
	.m-light-how--counter {
		font-size: 14px;
		line-height: 17px;
		padding: 24px 0 1px;
		text-align: center;
	}
	.main-how--body {
		background: none;
		padding: 0;
	}
	.main-how--item {
		float: none;
		width: auto;
	}
	/*
	.main-how .lSAction > .lSPrev, .main-how .lSAction > .lSNext {
		opacity: 1;
		width: 24px;
		height: 28px;
		background: url(../images/m-wedo-arr.svg) 50% 50% no-repeat;
		background-size: contain;
	}
	*/
	.main-how .lSAction > .lSPrev, .main-how .lSAction > .lSNext {
		opacity: 1;
		width: 49px;
		height: 49px;
		background: url(../images/m-howedo-arrr.png) 50% 50% no-repeat;
		background-size: contain;
	}
	.main-how .lSAction > .lSNext {
		transform: rotate(180deg);
	}
	.main-otizivi--vslider {
		width: auto;
		text-align: center;
	}
	.site-top--calc a {
		font-weight: bold;
	}
	.site-top--box.box2 {
		display: none;
	}
	.site-top--inbox, body.loaded .site-top--calc, body.loaded .site-top--fil {
		transition: none !important;
	}
	.site-top--box {
		width: 50%;
		text-align: center;
	}
	.site-top--inbox {
		text-align: left;
		display: inline-block;
		width: 200px !important;
		max-width: 100%;
		box-sizing: border-box;
		/*padding: 12px;*/
	}
	.site-top--calc {
		margin: 20px auto 0;
		max-width: 118px;
		line-height: 17px;
	}
	.site-top--fil {
		text-align: left;
		padding: 12px 0;
		width: 130px;
		margin: 0 auto;
	}
	.site-header {
		/* padding: 15px 12px 110px; */
	}

	.m-dude {
		position: relative;
		/*max-width: 320px;*/
		height: 214px;
		background: url(../images/m-dude-back.jpeg) 50% 50% no-repeat;
		background-size: cover;
		/*margin: -10px auto 0;*/
		margin: auto 0;
	}
	.m-dude:before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: 136px;
		height: 214px;
		background: url(../images/m-dudded.png) 50% 100% no-repeat;
		margin: 0 0 0 -160px;
	}
	.m-dude--text {
		position: absolute;
		top: 38px;
		left: 50%;
		width: 166px;
		margin: 0 0 0 -16px;
	}
	.m-dude--border	{
		height: 1px;
		width: 161px;
		background: #c8c9cc;
		margin: 0 0 7px;
	}
	.m-dude--line1 {
		text-transform: uppercase;
		font-size: 29px;
		line-height: 32px;
		color: #166cb9;
		font-weight: 300;
	}
	.m-dude--line2 {
		text-transform: uppercase;
		font-size: 35px;
		line-height: 35px;
		color: #166cb9;
		font-weight: bold;
	}
	.m-dude--line3 {
		text-transform: uppercase;
		font-size: 18px;
		line-height: 22px;
		color: #282d32;
		font-weight: bold;
		margin: 0 0 7px;
	}
	.m-dude--line4 {
		font-size: 14px;
		color: #323c44;
		font-weight: normal;
		line-height: 17px;
	}
	.m-dude--line5 {
		font-size: 14px;
		color: #323c44;
		font-weight: bold;
		line-height: 17px;
	}
	.remblock--image {
		display: none;
	}
	.remblock--items {
		width: auto;
		float: none;
		max-width: 505px;
		margin: 0 auto;
	}
	/*
	.diatable--right {
		display: none;
	}
	*/
	.diatable--row:before {
		display: none;
	}
	.diatable--body {
		width: auto;
	}
	.diatable-more--more {
		float: none;
		margin: 0 0 12px;
	}

	.diatable-more--zakaz {
		float: none;
		margin: 12px 0 0;
	}
	
	.diatable--left {
		width: 60%;
	}
	
	.diatable--right {
		width: 40%;
	}
	
	.inner-how .main-how--body {
		background: none;
		width: auto;
		margin: 0 auto;
		padding: 0;
	}
	.diatable.simple .diatable--name {
		padding: 12px;
		font-size: 14px;
	}

	.diatable.simple .diatable--name .black {
		margin: 0 0 0 6px;
	}
	.pop-win--text {
		padding-right: 12px;
		padding-left: 12px;
	}
}

.m-maintext--trigger {
	display: none;
}

@media all and (max-width: 480px){
	.main-wedo--item {
		float: none;
		width: auto;
		border: 0 !important;
	}
	.wedo-online {
		font-size: 0;
	}
	.wedo-online .main-wedo--item {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		min-height: 1px;
	}
	.wedo-online.next .main-wedo--name {
		min-height: 1px;
		line-height: 1.33em;
	}
	.wedo-online .main-wedo--item img {
		display: none;
	}
	.m-light-wedo--counter {
		text-align: center;
		padding: 12px 0 24px;
	}
	.main-wedo .lSAction > .lSPrev, .main-wedo .lSAction > .lSNext {
		opacity: 1;
		width: 24px;
		height: 28px;
		background: url(../images/m-wedo-arr.svg) 50% 50% no-repeat;
		background-size: contain;
	}
	.main-wedo .lSAction > .lSNext {
		transform: rotate(180deg);
	}
	.main-otizivi--vslide {
		padding: 0;
		width: auto;
		text-align: center;
	}
	.main-otizivi--vslider li {
		display: none;
	}
	.main-otizivi--vslider li:first-child {
		display: block;
	}
	.main-otizivi--item {
		padding: 12px;
	}
	.m-maintext {
		position: relative;
		overflow: hidden;
	}
	.m-maintext:before {
		/*content: "";*/
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		background: linear-gradient( to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100% );
		transition: .2s;
	}
	.m-maintext.active:before {
		opacity: 0;
	}
	
	.m-maintext--trigger {
		display: block;
		text-align: center;
	}

	.more.m-maintext--trigger:after {
		transform: rotate(90deg);
		transition: .2s;
	}

	.more.m-maintext--trigger.active:after {
		transform: rotate(0deg);
	}

	.main-ceni--maptags {
		padding: 0 12px;
	}
	.site-footer1--metroleft {
		float: none;
		width: auto;
		text-align: center;
		padding: 6px 0;
	}
	.site-footer1--metroright {
		float: none;
		width: auto;
		text-align: center;
		padding: 6px 0;
	}
	.site-footer1--metro:before {
		display: none;
	}
	.site-header .top-tel {
		font-size: 27px;
	}
	.tm-catalog--pop {
		left: 50%;
		transform: translateX(-50%);
	}
	.main-why--body {
		columns: 1
	}
	.remblock--items--in {
		columns:1;
	}
	.remblock--items .main-why--item {
		max-width: 260px;
		margin: 0 auto 20px;
		float: none;
		font-size: 16px;
	}
	.pop-win--body {
		/*background: url(../images/popbg.png) 0 0 repeat-x;*/
		background: #4bacf3;
		padding: 0;
	}
	.pop-win--text {
		float: none;
		width: auto;
		padding: 12px;
	}
	.pop-win--name {
		float: none;
		width: auto;
	}
	.pop-win--text .pop-win--name {
		color: #fff;
	}
	.pop-win {
		/*padding: 12px;*/
		padding: 0;
	}
	.site-title, .site-title h1 {
		font-size: 21px;
		line-height: 1.4em;
	}
}

.special-mapa {
	position: relative;
}





.toptop {
	z-index: 100;
	cursor: pointer;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 26px;
	height: 26px;
	border: 2px solid #166cb9;
	background: #fff;
	border-radius: 50%;
	background: url(../images/chevron-arrow-down.svg) 50% 50% no-repeat;
	background-size: 60% 60%;
	margin: 0 0 0 603px;
	transform: rotate(180deg);
}

@media all and (max-width: 1280px){
	.toptop {
		margin: 0;
		left: auto;
		right: 20px;
	}
}



.mejs__overlay-button {
	background-image: url("/path/to/mejs-controls.svg");
}
.mejs__overlay-loading-bg-img {
	background-image: url("/path/to/mejs-controls.svg");
}
.mejs__button > button {
	background-image: url("/path/to/mejs-controls.svg");
}


.js-right-fix {
	position: relative;
	clear: both;
}

.js-right-fix.headroom--unpinned {
	position: fixed;
	top: 0;
	right: 50%;
	width: 300px;
	max-width: 100%;
	margin: 0 -630px 0 0;
}


.sticky-wrapper {
	position: relative;
	z-index: 200;
}

.diagnoz-item--sizer {
	position: relative;
	width: 100%;
	height: 1px;
}

.diagnoz-item {
	width: 100%;
	box-sizing: border-box;
}

.js-diagnostics {
	width: 100%;
}

.site-lk {
	position: relative;
	margin: 0 0 24px;
}

.site-lk--box {
	float: left;
	width: 30%;
	margin: 0 3.333333333% 0 0;
}

.site-lk--form {
	background: #f2f0f0;
	padding:18px 20px 18px;
	box-sizing: border-box;
}

.site-lk--label {
	position: relative;
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 17px;
}

.site-lk--label label {
	display: block;
	cursor: pointer;
	margin: 0 0 6px;
	user-select:none;
}

.site-lk--label .styler-text {
	border: 1px solid #ccc;
}

.site-lk--label.checkbox {
	padding: 4px 0;
}

.site-lk--label.checkbox .jq-checkbox {
	background-color: #fff;
	margin: 0 4px 0 0;
	transform: translateY(3px);
}
.site-lk--label.checkbox label {
	display: inline-block;
}

.site-lk--name {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 6px;
}

.site-lk--button {
	position: relative;
}

.site-lk--button .site-button--orange, .site-lk--button a.site-button--orange, .site-lk--button button.site-button--orange,.site-lk--button input.site-button--orange {
	min-width: 100px;
	padding: 7px;
}

.site-lk--text {
	position: relative;
	padding: 20px 0 19px;
	font-size: 14px;
	line-height: 17px;
	min-height: 34px;
}

.site-lk--box.forgot .site-lk--label {
	margin: 0 0 12px;
}

.site-lk--box.status .site-lk--label {
	margin: 0 0 12px;
}

.site-lk--desk {
	position: relative;
	border-top: 1px solid #f2f0f0;
	border-bottom: 1px solid #f2f0f0;
	padding: 20px 20px 14px;
	font-size: 14px;
	line-height: 17px;
	margin: 0 32px 0 0;
}

.site-lk--desk:before {
	content: "";
	float: left;
	width: 44px;
	height: 84px;
	margin: 0 24px 0 0;
	background: url(../images/man-user.svg) 50% 50% no-repeat;
	background-size: contain;
}

.site-lk--deskname {
	font-size: 24px;
	line-height: 27px;
	margin: 0 0 12px;
}

.site-lk--begin {
	text-align: center;
	padding: 20px 12px;
}


@media all and (max-width: 1280px){
	.site-lk {
		padding:0 12px;
	}
	.site-lk--desk {
		margin: 0;
	}
}

@media all and (max-width: 768px){
	.site-lk--box {
		float: none;
		width: auto;
		margin: 0 auto 12px;
		max-width: 520px;
	}
}


.marka-block__item {
	font-size: 16px;
}

.marka-block__list {
	padding: 16px 15px 10px 30px;
}


@media all and (max-width: 768px){
	.marka-block__item {
		width: 47%;
	}
}

@media all and (max-width: 600px){
	.marka-block__name_zona {
		width: 50%;
	}
	.marka-block {
		padding-left: 50%;
	}
}

@media all and (max-width: 400px){
	.marka-block__name {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		padding: 5px 0 32px;
	}
	.marka-block {
		padding-left: 0;
	}
	.marka-block__list {
		text-align: center;
	}
	.marka-block__item {
		width: 100%;
		margin: 0 0 12px;
	}
}

.price td:first-child {
	width: auto;
}


.grid {
	position: relative;
}

.grid:after {
	content: "";
	clear: both;
	display: table;
}

.grid-item {
	float: left;
	padding: 12px;
	box-sizing: border-box;
}

.grid-item--75 {
	width: 75%;
}

.grid-item--50 {
	width: 50%;
}

.grid-item--50:nth-child(odd){
	clear: both;
}

.grid-item--25 {
	width: 25%;
}

@media all and (max-width: 768px){
	.grid-item {
		padding: 6px;
	}
	.grid-item--75 {
		width: 100%;
	}
	.grid-item--50 {
		width: 100%;
	}
	.grid-item--25 {
		width: 50%;
	}
}


@media all and (max-width: 480px){
	.grid.audio .grid-item.grid-item--25 {
		width: auto;
		margin: 0 auto;
		float: none;
	}
	.grid-item--25 {
		width: 100%;
	}
}

.p12 {
	padding: 12px;
}

body.otzivi .form-block  {
	width: 320px;
	margin: 0 auto;
	max-width: 100%;
	box-sizing: border-box;
	padding: 12px;
	text-align: left;
	background: #f9f9f9;
}
/*.form-block  {*/
.form-block  {
	width: 320px;
	margin: 0 auto;
	max-width: 100%;
	box-sizing: border-box;
	padding: 12px;
	text-align: left;
	background: #f9f9f9;
	margin: 0 auto 12px;
}

body.otzivi .form-block__label {
	text-align: left;
}

body.otzivi .form-block__item {
	margin: 0 0 12px;
}

body.otzivi .form-block__input_textarea {
	max-width: 100%;
}

.form-block__label {
	text-align: left;
}

.form-block__item {
	margin: 0 0 12px;
}

.form-block__input_textarea {
	max-width: 100%;
}


.new0-neispravnosti .marka-block {
	padding-left: 205px;
}

@media all and (max-width: 600px){
	.new0-neispravnosti .marka-block {
		padding: 0;
	}
	.new0-neispravnosti .marka-block__name {
		position: relative;
		top: auto;
		left: auto;
		margin: 0 12px 20px;
	}
	.new0-neispravnosti .marka-block__list {
		padding: 12px;
	}
}

@media all and (max-width: 400px){
	.new0-neispravnosti .marka-block__name {
		padding: 5px 0 32px 35px;
		max-width: 200px;
		text-align: center;
		margin: 0 auto 12px;
	}
}


.sonline {
	position: relative;
}

.sonline:after {
	content: "";
	display: table;
	clear: both;
}

.sonline-item {
	cursor: pointer;
	float: left;
	width: 23%;
	padding: 6px;
	box-sizing: border-box;
	border: 2px solid #333;
	border-radius: 3px;
	margin: 0 1% 1%;
	user-select: none;
	transition: .2s;
}

.js-sonline--item.text {
	width: 100%;
}

.js-sonline {
	margin: 0 0 20px;
}

.sonline-item:hover {
	box-shadow: 0 0 7px rgba(51,51,51,1);
}

.sonline-item--image {
	float: left;
	width: 64px;
}

.sonline-item--name {
	font-size: 15px;
	font-weight: bold;
	padding: 8px 0;
	line-height: 39px;
	overflow: hidden;
	/*text-align: right;*/
}

.sonline-item--name span {
	display: inline-block;
	vertical-align: middle;
	line-height: 18px;
}

.sonline-text {
	clear: both;
	text-align: center;
	font-size: 19px;
	padding: 12px;
	width: 100%;
	box-sizing: border-box;
}

.sonline-text .green {
	margin-top: 0;
	border: 0;
}

.js-sonline--sizer {
	width: 23%;
}


.js-sonline--pricee {
	display: inline-block;
	padding: 15px 20px;
	border: 2px solid green;
	font-weight: bold;
	box-sizing: border-box;
	margin: 0 0 24px;
}


@media all and (max-width: 1024px){
	.sonline-item {
		width: 31%;
	}
	.js-sonline--sizer {
		width: 31%;
	}
}

@media all and (max-width: 680px){
	.sonline-item {
		width: 48%;
	}
	.js-sonline--sizer {
		width: 48%;
	}
}

@media all and (max-width: 680px){
	.sonline-item {
		width: 98%;
	}
	.js-sonline--sizer {
		width: 98%;
	}
}

@media all and (max-width: 480px){
	.main-ceni--vopotvtem {
		font-size: 16px;
	}
	.main-otizivi--avtortext {
		font-size: 16px;
	}
}

.grayback {
	background:#f9f9f9;
}


.click2call-tel {
	display: inline-block;
	vertical-align: top;
	/*border-bottom: 1px dashed #000;*/
	/*line-height: 1.1em;*/
}

.click2call-text {
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px dashed #000;
	margin: -16px 0 0;
	line-height: 1.1em !important;
}

.click2call-text a {
	text-decoration: none;
}

.sonline-type0 {
	font-size: 32px;
	line-height: 42px;
	padding: 1px 0;
	margin: 0 0 24px;
}

.sonline-type0 p {
	margin: 0;
}

.sonline-text .js-feedbackform {
	padding: 32px 32px 12px;
	background: #f2f0f0;
	width: 320px;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 auto 24px;
}

.sonline-text .js-feedbackform input.site-field--text.white {
	border-color: green;
	max-width: 100%;
}


.js-sonline--pricee strong {
	font-size: 24px;
}

.js-sonline--pricee + .green {
	font-size: 16px;
}

.sonline-text .js-feedbackform .main-428--zayapresent {
	margin-bottom: 20px;
}


.pop-win#conts {
	width: 380px;
	padding: 20px;
	box-sizing: border-box;
}

.pop-win#conts .form-block {
	width: auto;
}

/* +[from old sstylz] */
.big-p{
	font-size:18px;
	font-family: 'Fira Sans', sans-serif;
}
.os-bold {
	font-weight: bold !important;
}
.form-block__label{
	float:left;
	margin-right:15px;
	text-align: left;
	width:160px;
	font-size:16px;
	font-family: 'Fira Sans', sans-serif;
}
.form-block__input{
	width:250px;
	padding:6px;
	border:none;
	border-radius:5px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	box-shadow:0px 0px 1px #fff,inset 0 1px 2px #dddddd;
}
.form-block__input_textarea{
	width:340px;
	height:170px;
}
.form-block__impotant{
	font-size:16px;
	color:#eb1e1e;
	font-family: 'Fira Sans', sans-serif;
	position:relative;
	top:-4px;
}
.form-block__button{
	display:inline-block;
	border:none;
	border-radius:25px;
	background: -moz-linear-gradient(to top, #99cc00, #bddf00);
    background: -o-linear-gradient(to top, #99cc00, #bddf00);
    background: -webkit-linear-gradient(bottom, #99cc00, #bddf00);
    background: -ms-linear-gradient(to top, #99cc00, #bddf00);
    background: linear-gradient(to top, #99cc00, #bddf00);
	border-radius:25px;
	padding:10px 30px;
	text-align:center;
	font-size:16px;
	color:#000;
	font-family: 'Fira Sans', sans-serif;
	font-weight: bold !important;
	box-shadow:inset 0 1px 1px #e5f300;
	text-shadow: 0px 1px 0px #deefa1;
	filter: dropshadow(color=#deefa1,offX=0,offY=1);
	cursor:pointer;
}
.form-block__info{
	margin-top:15px;
	font-size:14px;
	text-align:center;
	font-family: 'Fira Sans', sans-serif;
}

/* -[from old sstylz] */

/* +[hash 21/08/2018] */

.new-button-call:after, .mobile-fixed-btn_in:after{background: #fff; content: ""; height: 130px; left: -80px; opacity: .4; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 20px; z-index: 2; animation: blink  3s infinite ease-in;}

.mobile-fixed-btn{
	display: none;
	position: fixed;
	bottom: 10px;
	left: 50%;
	margin-left: -80px;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: rgba(38, 183, 44, 1);
	box-shadow: 0px 3px 6px 0px rgba(38, 183, 44, 0.5);
	border-radius: 5px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: normal;
	text-decoration: none;
}
.mobile-fixed-btn a {
	text-decoration: none;
}
.mobile-fixed-btn_in{display: block; position: relative; overflow: hidden; padding: 0 30px; color: #fff}
@keyframes blink {
0% {left: -120px; opacity: .4;}
30% {left: 160%; opacity: .4;}
31%{opacity: 0;}
32%{left: -20px;}
48%{left: 140%; opacity: .6;}
61%{opacity: 0}
100%{opacity: 0}
}


@media all and (max-width: 768px){
	.mobile-fixed-btn {
		display: block;
	}
}

.main-428--zayainner {
	margin: 0 0 20px;
}

/* -[hash 21/08/2018] */

.m-dude1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 136px;
    height: 214px;
    background: url(../images/m-dudded1.png) 50% 100% no-repeat;
    margin: 0 0 0 -160px;
}
.m-dude1 {
    position: relative;
    /* max-width: 320px; */
    height: 214px;
    background: url(../images/m-dude-back.jpeg) 50% 50% no-repeat;
    background-size: cover;
    /* margin: -10px auto 0; */
    margin: auto 0;
}