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

body {
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 15px; 
	line-height: 1.42857143; 
	color: #000000; 
	background-color: #ffffff;
	overflow-x: hidden;
}
body a {text-decoration:underline;}


h1 {font-size: 26px; font-family:'Days'; line-height: 145%; margin:0px 0px 15px 0px;}
h2 {font-size: 18px; font-family:'Days'; line-height: 145%; margin: 20px 0px 15px 0px;}
h2.center {font-size: 24px; text-align: center;}
.h2 {font-size: 18px; font-family:'Days'; line-height: 155%; margin: 20px 0px 15px 0px;}
.h2 span {color: #ff3f00;}

#navigation {background:#f3f4f4; overflow:hidden; left:0px; top:0px; width:100%; z-index:100;}
#navigation nav {
	float: right;
	height: 40px;
	font-size: 16px;
}
#navigation nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#navigation nav ul li {
	float: left;
	height: 40px;
	line-height: 40px;
	margin-left: 25px;
}
#navigation nav ul li a {
	color: #3fb018;
	text-decoration: underline;
}
#navigation nav ul li.active a, #navigation nav ul li a:hover {
	color: #000;
	text-decoration: none;
}
#navigation .address {
	float: left;
	line-height: 40px;
	font-size: 14px;
	color: #444;
}


header {
	padding-top: 10px; 
	padding-bottom: 10px;
}
header .logo {
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 20px;
	border-right: 1px dotted #3fb018;
	float: left;
	
}
header .logo img {
	width: 223px;
}
header .search {
	float: left;
	margin-left: 20px;
	width: 480px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	border-right: 1px dotted #3fb018;
}
header .search .input-group { 
	border: 2px solid #3fb018;
	border-radius: 8px;
}
header .search .input-group .form-control, header .search .input-group .btn {
	border: none;
}
header .contacts {
	float: left;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
	border-right: 1px dotted #3fb018;
}
header .contacts .phone, header .contacts .phone2 {
	font-size: 22px;
	line-height: 34px;
	font-weight: bold;
}
header .contacts .phone a, header .contacts .phone2 a {
	display: inline-block;
	padding-left: 30px;
	background: url(../pics/icon_phone1.png) left 4px no-repeat;
	color: #000;
	text-decoration: none;
}
header .contacts .phone2 a {
	background: url(../pics/icon_phone2.png) 3px 4px no-repeat;
}
header .contacts .time {
	padding-top: 3px;
	text-align: right;
	font-size: 18px;
	color: #3fb018;
	padding-right: 33px;
	background: url(../pics/icon_time.png) right top no-repeat;
}
.basket {
	float: right;
	text-align: right;
	padding-top: 13px;
}
.basket a{
	display: block;
	color: #000;
	padding-left: 33px;
	background: url(../pics/icon_basket.png) left top no-repeat;
	text-decoration: none;
}
.basket a span {
	display: block;
	font-size: 18px;
	color: #3fb018;
	text-decoration: underline;
}
.basket a:hover span {
	text-decoration: none;
}
.basket i {
	display: block;
	padding-top: 5px;
	font-size: 14px;
	font-style: normal;
}


.zamer-btn {
	display: inline-block;
	background: #ffb901 url(../pics/icon_measure.png) 8px center no-repeat;
	height: 35px;
	padding: 0px 10px 0px 35px;
	color: #000;
	text-decoration: none;
	margin-left: 35px;
	font-size: 13px;
	line-height: 35px;
	border-radius: 5px;
	margin-top: 10px;
}
.zamer-btn:hover, .zamer-btn:focus, .zamer-btn:active {
	text-decoration: none;
	background-color: #fecb00;
	color: #000;
}


.catalog-menu {
	background: #3fb018 !important;
}
.catalog-menu  .zamer-btn {
	float: right;
	margin-top: 7px;
}

.catalog-menu .phone {
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	height: 50px;
	line-height: 50px;
	line-height: 50px;
	margin-left: 50px;
	display: none;
}
.catalog-menu .address {
	float: right;
	display: none;
	color: #fff;
	line-height: 20px;
	width: 230px;
	margin-top: 5px;
	text-align: right;
}

.catalog-menu .phone a, .catalog-menu .phone a:hover {
	color: #fff;
	text-decoration: none;
}
.catalog-menu.fixed {
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 11;
}
.catalog-menu.fixed .zamer-btn{
	display: none;
}
.catalog-menu.fixed .phone, .catalog-menu.fixed .address {
	display: block;
}
.catalog-menu.fixed ul.nav > li > a {
	font-size: 15px;
}
.catalog-menu  ul.nav > li > a, .catalog-menu  ul.nav > li a.kitchen {
    padding: 0px 15px !important;
	line-height: 50px;
	font-size: 18px;
	font-weight: 600;
	color: #fff !important;
	display: block;
}
.catalog-menu  ul.nav > li > a::after, .catalog-menu  ul.nav > li a.kitchen::after {
	display: none;
}
.catalog-menu  ul.nav > li > a:hover, .catalog-menu  ul.nav > li a.kitchen, .catalog-menu  ul.nav > li a.kitchen:hover, .catalog-menu  ul.nav > li.on > a, .catalog-menu  ul.nav > li.zamer > a {
	background: #ffe952 !important;
	color: #000 !important;
	text-decoration: none;
}
/*.catalog-menu ul.nav > li.li-reviews a{
	background: #ff0000 !important;
	color: #000 !important;
	text-decoration: none;
}*/
.catalog-menu .title {
	font-weight: bold;
	margin-bottom: 10px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
	border: 2px solid #3fb018;
	border-top: 5px solid #ffe952;
}
nav.navbar.bootsnav .navbar-toggle {
	border: 2px solid #fff;
	width: 40px;
	height: 40px;
	background: none;
	text-align: center;
	margin-top: 5px !important;
}


#content {background:#f3f4f4; padding:30px 0px 50px 0px; overflow:hidden;}


.main {
	border-bottom: 5px solid #3fb018;
}
.main .bg  {
	background: url(../pics/main-img.jpg) bottom center no-repeat;
	height: 630px;
}
.main .line1 {
	font-size: 36px;
	font-weight: bold;
	margin-top: 50px;
	padding-left: 15px;
}
.main .line2 {
	font-size: 18px;
	padding-left: 15px;
	color: #3fb018;
}
.main  ul {
	list-style: none;
	font-size: 26px;
	font-weight: bold;
	margin-left: 50px;
	margin-top: 70px;
	line-height: 130%;
}
.main  ul li {
	margin-bottom: 30px;
}
.main ul span {
	color: #b07a0d;
	font-size: 50px;
}




.main-item-1 {
	background: #feea4b url(../pics/icon-main-1.png) 30px center no-repeat;
	margin-bottom: 30px;
	height: 140px;
	padding-left: 340px;
}
.main-item-1 .line1 {
	padding-top: 30px;
	font-size: 20px;
}
.main-item-1 .line2 {
	font-size: 40px; 
	font-family: 'Days'; 
}
.main-item-2 {
	background: #afeafc url(../pics/icon-main-2.png) 20px center no-repeat;
	margin-bottom: 30px;
	padding-top: 25px;
	height: 150px;
	padding-left: 260px;
	font-family: 'Days';
	font-size: 26px;
	line-height: 130%;
}
.main-item-3 {
	background: #8de471 url(../pics/icon-main-3.png) 30px center no-repeat;
	margin-bottom: 30px;
	padding-top: 35px;
	height: 150px;
	padding-left: 175px;
	font-family: 'Days';
	font-size: 28px;
	line-height: 130%;
}



.main-title1 {
	width: 980px;
	margin: 0px auto;
	text-align: left;
}
.main-title1 {
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 34px;
	color: #333333;
}
.main-title1 .line1 {
	font-size: 38px;
	color: #ff3f00;
	font-weight: bold;
}
.main-title1 .line2 {
	font-size: 51px;
	color: #000;
	font-weight: bold;
}
.main-title1 .line3 {
	text-transform: lowercase;
	font-size: 35px;
	color: #000;
	font-weight: bold;
}
.main-title1 .line3 span {
	display: inline-block;
	border: 3px solid #000;
	padding: 0px 5px;
}
.main-title2 {
	font-size: 32px;
	color: #fff028;
	background: #000;
	text-align: center;
	width: 980px;
	margin: 30px auto 40px auto;
	padding: 10px 0px;
}


.main-tabs {
	font-family:'Days';
	height: 60px;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	list-style: none;
	padding: 0px 5px;
}
.main-tabs li {
	float: left;
	height: 60px;
	width: 50%;
	box-sizing: border-box;
	padding: 0px 5px;
}
.main-tabs li span {
	height: 60px;
	display: block;
	line-height: 60px;
	font-size: 18px;
	background: #fafafa;
	text-align: center;
	cursor: pointer;
}
.main-tabs li.active span{
	background: #ffe952;
	cursor: default;
}
.main-tabs-content {
	border: 2px solid #ffe952;
	padding: 20px 20px;
	background: #fff;
	margin-bottom: 50px;
}
.main-tabs-content .row {
	margin: 0px -10px;
}
.main-tabs-content .row > div {
	padding: 0px 10px;
}
.main-tabs-item a {
	display: block;
	padding: 0px 3px;
	position: relative;
}
.main-tabs-item a img {
	width: 100%;
}
.main-tabs-item .price {
	position: absolute;
	top: 5px;
	right: 10px;
	background: #ff1a2c;
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 5px 10px;
}
.main-tabs-item .more {
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #000;
	background: #ffe952;
}





.button {width:100%; background:#ffef7e; text-align:center; padding:7px 10px; border-radius:7px; display:block; color:#000; text-decoration:none;}
.button:hover {background:#fed95b; transition:0.3s; text-decoration:none;}
.red-button {background:#f2306c url(../pics/icon_talkbox.png) 13px 13px no-repeat; width:auto; margin-top: 15px; display:inline-block; line-height:100%; color:#fff; text-align:left; padding:12px 12px 12px 65px;}
.red-button:hover {background:#fb4b81 url(../pics/icon_talkbox.png) 13px 13px no-repeat; color:#fff; text-decoration:none;}

.lcontent h2 {color:#cdcdcd}
.lcontent .block {padding:30px; background:#fff; margin:0px 0px 10px 0px; font-size:16px; font-weight:bold;}
.lcontent .block div {font-size:21px; margin-bottom:10px; line-height: 100%;}
.lcontent .block input{margin-top: 20px; font-size: 14px; font-weight: normal !important;}
.lcontent .block button {margin-top: 10px;}
.lcontent ul {padding: 0px; margin: 15px 0px 0px 0px;}
.lcontent li {list-style:none; margin:0px 0px 10px 0px; padding:0px;}
.lcontent li.active a{color: #000; text-decoration: none;}
.lcontent li span {
	color: #ccc;
	font-size: 12px;
}
.lcontent li span:before {
	content: "(";
}
.lcontent li span:after {
	content: ")";
}

.lcontent .colors li {
	position: relative;
	padding-left: 25px;
}
.lcontent .colors li a:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	border: 1px solid #e1e5e5;
	background: url(../pics/vhodnye-dveri-cveta.png) 0px 0px no-repeat;
}
.lcontent .colors li:nth-child(2) a:before {background-position: 0px -20px;}
.lcontent .colors li:nth-child(3) a:before {background-position: 0px -40px;}
.lcontent .colors li:nth-child(4) a:before {background-position: 0px -60px;}
.lcontent .colors li:nth-child(5) a:before {background-position: 0px -80px;}
.lcontent .colors li:nth-child(6) a:before {background-position: 0px -100px;}
.lcontent .colors li:nth-child(7) a:before {background-position: 0px -120px;}
.lcontent .colors li:nth-child(8) a:before {background-position: 0px -140px;}
.lcontent .colors li:nth-child(9) a:before {background-position: 0px -160px;}


.lcontent .block.clpsd {
	padding: 15px 30px 5px 30px;
}
.lcontent .clpsd  div {
	position: relative;
	cursor: pointer;
	color: #319c0c;
}
.lcontent .clpsd.opened  div {
	color: #000;
}
.lcontent .clpsd  div:after {
	content: "";
	position: absolute;
	top: 7px;
	right: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #319c0c transparent transparent transparent;
}
.lcontent .clpsd.opened div:after {
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #000000 transparent;
}
.lcontent .clpsd ul {
	display: none;
}


.lcontent .dealer {margin:20px 0px;}
.lcontent .dealer img {width:100%}
.lcontent .subscribe {background:#fff; padding:30px; margin:0px 0px 30px 0px}
.lcontent .subscribe h3 {margin:0px;}
.lcontent .subscribe p {margin:10px 0px 15px 0px; font-size:14px;}
.lcontent .subscribe input {background:#ededed; border:none; padding:5px 10px; text-align:center; width:100%; border-radius:5px; margin-bottom:10px}
.lcontent .subscribe a.button {width:100%; background:#ffef7e; text-align:center; padding:7px 10px; font-size:14px; border-radius:7px; display:block; color:#000; text-decoration:none;}
.lcontent .subscribe a.button:hover {background:#fed95b; transition:0.3s;}

.rcontent .item {
	font-size:14px; 
	display: inline-block; 
	float: none;
	vertical-align: top;
	padding: 3px;
}
.rcontent .item a {
	display:block; 
	text-align:center; 
	padding:30px 20px; 
	color:#000; 
	text-decoration:none; 
	position: relative;
	background:#fff; 
	border:1px solid #e1e5e5; 
}
.rcontent .item a:hover {text-decoration:none;}
.rcontent .item span.title {
	display: block;
}
.rcontent .item a:hover span.title {
	text-decoration: underline;
}
.rcontent .item span.price {font-size:20px; font-weight:bold; background:#ffe952; color:#000; padding:5px 7px; display:inline-block; margin:10px 0px 0px 0px;}
.rcontent .item span.price del {font-size: 16px; font-weight: normal;}
.rcontent .item span.more {
	display: block;
	text-align: center;
	background: #3fb018; 
	color: #fff; 
	transition:0.3s;
	font-size: 16px;
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	border-radius: 6px;
	text-decoration: none;
}
.rcontent .item a:hover span.more {
	background:#fed95b; 
	color:#000; 
	transition:0.3s;
	text-decoration: none !important;
}
.rcontent .item span.kredit {
	display: block;
	text-align: center;
	background: #fff;
	border: 2px solid #f00;	
	color: #f00; 
	font-size: 16px;
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	border-radius: 6px;
	text-decoration: none;
	position: relative;
}
.rcontent .item span.kredit span {
	display: none;
	position: absolute;
    z-index: 4;
	left: 0px;
	right: 0px;
	top: 55px;
	border: 2px solid #f00;
	background: #fff;
	color: #000;
	font-size: 13px;
	line-height: 135%;
	padding: 8px 15px;
	border-radius: 6px;
	box-sizing: border-box;
	cursor: default;
	font-weight: normal;
}
.rcontent .item span.kredit span::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -12.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12.5px 20px 12.5px;
	border-color: transparent transparent #f00 transparent;
}
.rcontent .item span.kredit span::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -17px;
	margin-left: -10.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10.5px 17px 10.5px;
	border-color: transparent transparent #fff transparent;
}
.rcontent .item a:hover span.kredit {
	background: #f00;
	color: #fff;
}
.rcontent .item span.kredit:hover span {
	display: block;
}
.rcontent .item.interior a {padding-top: 20px; padding-bottom: 20px;}
/*.rcontent .item.interior span.price {font-size:20px; font-size:16px; font-weight:bold; background:#ffe952; color:#000; padding:5px 7px; display:inline-block; margin:10px 0px 0px 0px;}*/
.rcontent .item a:hover span.price {background:#fed95b; transition:0.3s;}
.rcontent .item.interior span.order {background: #f00; color: #fff; font-size: 12px; position: absolute; top: 0px; right: 0px; padding: 3px 5px; text-transform: uppercase;}
.rcontent .item.interior span.sklad {background: #00f; color: #fff; font-size: 12px; position: absolute; top: 0px; right: 0px; padding: 3px 5px; text-transform: uppercase;}
.rcontent .item span.price_old {font-size:20px; font-size:20px; font-weight:300; background:#f3f4f4; text-decoration:line-through; font-size:18px; color:#000; padding:5px 7px; display:inline-block; margin:10px 0px 0px 0px;}
.rcontent .item img {margin:0px 0px 10px 0px; width:100%;}
.rcontent .item.interior img {max-height: 200px; width: auto;}
.rcontent .item span.buy {display:inline-block; width:auto; color:#fff; background:#3fb018; font-weight:400; font-size:13px; padding:4px 6px; margin-top:10px; border-radius:5px;}
.rcontent .item a:hover span.buy {background:#fed95b; color:#000; transition:0.3s;}
.rcontent .item.interior span.kredit span {left: -15px; right: -15px;}
.rcontent .item span.badge-new {
	background: #f00; color: #fff; font-size: 12px; position: absolute; top: 0px; left: 0px; padding: 3px 5px; text-transform: uppercase;
}
.rcontent .item .new {
	background: #f00; color: #fff; font-size: 12px; position: absolute; top: 0px; left: 0px; padding: 3px 5px; text-transform: uppercase;
}


.rcontent ul.slide {width:100%; margin:0px; padding:20px 0px; overflow:hidden;}
.rcontent ul.slide li {margin:0px; padding:0px; list-style:none;}
.rcontent ul.slide li img {width:100%; margin:0px; vertical-align:top;}


.label1 {width:143px; height:132px; background:url(../pics/label1.png) no-repeat; position:absolute; right: 0px; top: 0; z-index: 1; padding:0px;}
.label2 {width:143px; height:132px; background:url(../pics/label2.png) no-repeat; position:absolute; right: 0px; top: 0; z-index: 1; padding:0px;}
.label3 {width:143px; height:132px; background:url(../pics/label3.png) no-repeat; position:absolute; right: 0px; top: 0; z-index: 1; padding:0px;}

.about {background:#dee1e1; padding:40px 0px 30px 0px; margin-bottom: 40px; overflow:hidden;}

#news {margin-bottom:30px;}
.news {background:#fff; border:1px solid #e1e5e5; margin-top:-1px; margin-left:-1px; font-size:13px; font-weight:300; padding:30px;}
.news img {width:100%; margin:0px 0px 10px 0px;}
.news span {color:#a3adad;}
.news p {margin:10px 0px 0px 0px;}

.cities {border:5px solid #f3f4f4; padding:30px 30px; margin-top: 30px;}
.cities ul {margin:0px;}
.cities li {font-size:14px; list-style:none; margin:0px 0px 5px 0px; padding:0px;}

.brand {padding:30px; background:#fff; margin-bottom:20px;}
.brand img {float:left; margin:0px 20px 20px 0px;}

.breadcrumb {font-size:13px; padding:0px 0px 10px 0px; margin:0px; color:#919191}
.breadcrumb a {color:#a1a1a1}
.breadcrumb a:hover {color:#000;}
.breadcrumb li {padding-bottom:10px;}
.breadcrumb li.active {color:#a1a1a1}

.page {background:#fff; padding:30px;}
.page h3 {margin:0px 0px 10px 0px;}

.item-info {padding:30px; background:#fff; margin-bottom:20px;}
       .item-info div.price {font-size:24px;  font-weight:bold;  color:#000;  display:inline-block; margin-bottom:20px;}
       .item-info div.price div {padding:15px 20px; background:#ffe952; float:left;}
       .item-info div.price span {display:block; font-size:14px; font-weight:normal;}
       .item-info div.price del {font-style:normal; font-weight:300; font-size: 24px;}
       .item-info div.setup {font-size:18px;  font-weight:bold;  color:#000;  display:inline-block; margin-bottom:20px;}
       .item-info div.setup span {display:block; font-size:14px; font-weight:normal;}
       .item-info div.setup i {text-decoration:line-through; font-style:normal; font-weight:300;}
.item-info div.buttons {margin-bottom:20px;}
.item-info .button-buy {display:inline-block; width:auto; color:#fff; background:#3fb018; font-weight:bold; font-size:18px; padding:8px 15px; }
.item-info .button-buy:hover {background:#51ce26; color:#fff; transition:0.3s;}
.item-info .btn-kredit {margin: 20px 0px;}
.item-info .btn-kredit span {font-size: 16px;}

.item-info .button-credit {display:inline-block;background:none; padding:8px 10px 10px 0px; color:#3fb018; text-decoration:underline; width:auto; font-size:16px;}
       .item-info .item-info-foto {padding:20px 0px 20px 0px; text-align:center;}
       .item-info .item-info-foto  .img-title {color:#999; font-size:14px; height:30px;}
       .item-info .item-info-foto img {max-height:600px;}
       .item-info .item-info-foto span.order {background: #f00; color: #fff; font-size: 15px; position: absolute; top: 0px; right: 0px; padding: 5px 10px; text-transform: uppercase;}
       .item-info .item-info-foto span.sklad {background: #00f; color: #fff; font-size: 15px; position: absolute; top: 0px; right: 0px; padding: 5px 10px; text-transform: uppercase;}
.item-info .item-info-foto img { margin:0px 10px;}
       .item-info-foto-thumbs {clear:both; padding-top:30px; text-align:center;}
       .item-info-foto-thumbs a {display:inline-block; height:120px; width:120px; padding:10px; border:1px solid #ebebeb; margin:5px;}
       .item-info-foto-thumbs a img {height:100px;}
       .tinfo {border-collapse:collapse; margin:15px 0px; width:100%; font-size:14px;}
       .tinfo td,.tinfo th {border-bottom:1px solid #e1e5e5; border-top:1px solid #e1e5e5; padding:15px 0px; vertical-align:top;}
       .tinfo th {font-weight:bold; width:35%;}
.item-desc {margin-bottom:30px;}


.item-time {
	margin-top: 10px;
	margin-bottom: 15px; 
	position: relative; 
	padding-left: 50px;
	min-height: 30px;
}
.item-time img { 
	position: absolute;
	left: 10px;
	top: 3px;
	width: 30px;
}
.item-attention {
	position: relative; 
	margin-bottom: 15px; 
	padding-left: 50px;
	min-height: 30px;
}
.item-attention strong {
	color: #f00;
	display: block;
}
.item-attention img { 
	position: absolute;
	left: 10px;
	top: 3px;
	width: 30px;
}

.item-purchase {
	position: relative; 
	padding-left: 50px;
	margin-bottom: 50px;
	min-height: 30px;
	line-height: 30px;
	text-align: left;
}
.item-purchase img { 
	position: absolute;
	left: 10px;
	top: 3px;
	width: 30px;
}
.purchase-div {
	text-align: right;
	font-size: 14px;
	margin-top: 15px;
}




#footer {background:#3fb018; overflow:hidden; padding:40px 0px; color:#fff; font-size:14px;}
.footer {margin-bottom:30px; padding-top:30px; }
.footer .search {
	display: none;
}
#footer h3, #footer .h3 {font-size:16px; margin:0px 0px 10px 0px;}
#footer ul {padding: 0px; margin-bottom: 0px;}
#footer li {margin:0px 0px 5px 0px; list-style:none; padding:0px;}
#footer a {color:#000}
#footer a:hover {color:#fff;}

.footer-contacts .phone {font-size:20px; line-height:150%; font-weight:bold; padding: 3px 0px 10px 35px; background:url(../pics/icon_phone.png) 5px 7px no-repeat;}
.footer-contacts .phone a {color: #000; text-decoration: none;}
.footer-contacts .phone span {font-size:13px; font-weight:normal; color:#9f9f9f}
.footer-contacts .adress {padding:0px 0px 0px 35px; background:url(../pics/icon_adress.png) 0px 0px no-repeat;min-height: 40px;}
.footer-contacts .quest {padding-left: 35px; color: #999; margin-bottom: 20px;}

.footer .rassrochka {
    display: inline-block;
    background: #ffb901;
    height: 35px;
    padding: 0px 15px;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    line-height: 35px;
    border-radius: 5px;
    margin-top: 10px;
}

.reklamacii {padding-top: 15px; font-size: 15px;}
.reklamacii div {padding-top: 0px; font-size: 20px; font-weight: bold;}
.reklamacii a {text-decoration: none; color:#000;}



div.form-inline {margin-bottom: 20px;}

.panel h3 {margin: 0px;}

.contact-map {
	width: 100%;
	height: 450px;
	border: 2px solid #3fb018;
}

#chooseDoorModal .modal-dialog, #callBackModal .modal-dialog{
	width: 350px;
}

.img-thumbnail.active {
	border: 2px solid #51ce26;
}

.furnitura-foto img{
	width: 100%;
}


.go-up {
	width: 50px;
    height: 50px;
    line-height: 55px;
	font-size: 36px;
    position: fixed;
    bottom: 120px;
    left: 20px;
    display: none;
	background-color: rgba(127, 127, 127, 0.4);
	background-image: url(../pics/go-up.png);
	background-position: center center;
	background-repeat: no-repeat;
    text-align: center;
	color: #fff;
	cursor: pointer;
}
.go-up:hover {
	background-color: rgba(127, 127, 127, 0.8);
}

.mobile-menu {
	height: 50px;
	line-height: 50px;
	background: #3fb018;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10;
}
.mobile-menu p{
	float: right;
	margin-right: 15px;
	margin-bottom: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}
.mobile-menu p a {
	color: #fff;
	text-decoration: none;
}
.mobile-menu .zamer-btn {
	color: #000;
	font-weight: normal;
	margin: 7px 40px 0px 0px;
	float: left;
}
.mobile-menu .address {
	color: #fff;
	font-size: 14px;
	margin-right: 40px;
	font-weight: normal;
}
.mobile-menu .kitchen {
	float: left;
	height: 36px;
	line-height: 35px;
	margin-top: 7px;
	padding: 0px 15px;
	margin-left: 25px;
	background: #ffe952 !important;
    color: #000 !important;
    text-decoration: none;
	border-radius: 3px;
	font-weight: 600;
	font-size: 18px;
}
.menu-btn {
	float: left;
	text-align: center;
	height: 36px;
	line-height: 35px;
	width: 40px;
	font-size: 30px;
	margin-top: 7px;
	margin-left: 15px;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 3px;
	padding-top: 1px;
}
.menu-btn:hover, .menu-btn:active, .menu-btn:focus {
	color: #fff;
	text-decoration: none;
}
.menu-btn span {
	float: left;
	background: #fff;
	height: 3px;
	width: 26px;
	margin: 5px 0px 0px 5px;
	border-radius: 1px;
}

.mm-menu {
	background: #3fb018;
}
.mm-menu .mm-listview {
	border-bottom: 1px solid #fff;
}
.mm-listview>li>a {
	color: #fff;
}
.mm-listview .mm-next.mm-fullsubopen+span {
	color: #fff;
}
.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(255,255,255,1);
}
.mm-next::before {
	border-color: #fff !important;
}
.mm-listview li a.b + span {
	display: none !important;
}
.mm-slideout { z-index:auto;}



/* Lead Form */
.lead-form {
	margin: 30px 0px 0px 0px;
	border: 5px solid #3fb018;
	background: url(../pics/leadform_bg.png);
	padding: 20px 20px 20px 400px;
	position: relative;
}
.lead-form::before {
	content: "";
	position: absolute;
	left: 20px;
	bottom: 0px;
	width: 380px;
	height: 259px;
	background: url(../pics/leadform_img.png) no-repeat;
}
.lead-form .title {
	color: #999;
	text-align: center;
	margin: 0px 0px 20px 0px;
	font-size: 32px;
	line-height: 130%;
	font-weight: bold;
}
.lead-form .title span {
	color: #000;
}
.lead-form .title strong {
	color: #ff0000;
	font-size: 48px;
}
.lead-form .subtitle {
	font-size: 19px;
	text-align: center;
	margin-bottom: 10px;
	color: #000;
}
.lead-form input {
	border: 3px solid #3fb018;
}
.lead-form .form-policy {
	margin-top: 5px;
	font-size: 13px;
	color: #666;
}
.lead-form .comment {
	text-align: center;
	margin-top: 20px;
	color: #666;
	font-size: 13px;
}
.lead-form .btn-success {
	background: #ff0000;
	border-color: #ff0000;
	margin-left: 0px;
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	.lead-form {
		padding-left: 300px;
	}
	.lead-form::before {
		left: 10px;
		width: 280px;
		height: 191px;
		background-size: 280px 191px;
	}
	.lead-form .title {
		font-size: 26px;
		line-height: 130%;
	}
	.lead-form .title strong {
		font-size: 36px;
	}
}
/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	.lead-form {
		padding-left: 260px;
	}
	.lead-form::before {
		left: 10px;
		width: 240px;
		height: 164px;
		background-size: 240px 164px;
	}
	.lead-form .title {
		font-size: 26px;
		line-height: 130%;
		margin-left: -240px;
	}
	.lead-form .title strong {
		font-size: 32px;
	}
	.lead-form .subtitle {
		margin-left: -240px;
		margin-bottom: 20px;
	}
}
/* XS */
@media (max-width: 767px) {
	.lead-form {
		padding-left: 15px;
		padding-bottom: 200px;
	}
	.lead-form::before {
		left: 50%;
		margin-left: -130px;
		width: 260px;
		height: 178px;
		background-size: 260px 178px;
	}
	.lead-form .title {
		font-size: 20px;
		line-height: 130%;
	}
	.lead-form .title strong {
		font-size: 26px;
	}
	.lead-form .subtitle {
		font-size: 16px;
		margin-bottom: 25px;
	}
	.lead-form .form-policy {
		margin-top: 25px;
	}
}




/*
.lead-form.mini {
	margin: 0px 0px 30px 0px;
	border: 5px solid #3fb018;
	background: #fffec6;
	padding: 15px;
}
.lead-form.mini .title {
	text-align: center;
	margin: 0px 0px 20px 0px;
	font-size: 24px;
}
.lead-form.mini .title strong {
	color: #ff0000;
}
.lead-form.mini .subtitle {
	font-size: 18px;
	text-align: center;
	color: #777;
	margin-bottom: 30px;
}
.lead-form.mini .comment {
	text-align: center;
	margin-top: 10px;
	color: #777;
	font-size: 16px;
}
.lead-form.mini .btn-success {
	background: #ff0000;
	border-color: #ff0000;
	margin-left: 0px;
}
*/


/* KuponModal */
#modalKupon .doors {
	padding-top: 36px;
	height: 320px;
	background: url(/pics/kupon-fon1.jpg) center top no-repeat;
}
#modalKupon .doors img {
	height: 250px;
	margin: 0px 10px;
}
#modalKupon .kupon-title {
	text-align: center;
	margin: 15px 0px 10px 0px;
	font-size: 36px;
}
#modalKupon .kupon-title strong {
	color: #ff0000;
}
#modalKupon .kupon-title span {
	display: block;
	font-size: 24px;
}
#modalKupon .kupon-subtitle {
	text-align: center;
	margin-bottom: 15px;
}
#modalKupon .kupon-comment {
	text-align: center;
	margin-top: 15px;
	color: #ccc;
	font-size: 13px;
}
#modalKupon .btn-success {
	background: #ff0000;
	border-color: #ff0000;
	margin-left: 0px;
}
#modalKupon .second-step {
	display: none;
}
#modalKupon .form-policy {
	margin-bottom: 0px;
	margin-top: 0px;
}


.modal .form-policy {
	font-size: 13px;
	margin-bottom: 10px;
}


.workers {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
}
.worker {
	margin-bottom: 30px;
	text-align: center;
	font-weight: bold;
}
.worker img {
	margin-bottom: 10px;
	max-width: 170px !important;
}
.worker span {
	display: block;
	font-weight: normal;
	color: #777;
}
.video {
	margin-bottom: 30px;
}


.review-item {
	float: none;
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 20px;
	text-align: center;
	vertical-align: top;
	position: relative;
}
.review-item img {
	margin-bottom: 10px;
}
.review-item span.date {
	position: absolute;
	top: 5px;
	right: 20px;
	background: #ffe952;
	padding: 5px 10px;
	font-size: 12px;
	color: #000;
}

.reviews-line1 {
	color: #ff3f00;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 20px;
}



.basket-row {
	border: 1px solid #cfcfcf; 
	padding-top: 15px; 
	padding-bottom: 15px; 
	margin-bottom: 10px;
	background: #fff;
}	
.basket-img {
	height: 165px;
}
.bb_name {
	margin-bottom: 20px;
}
.bb_name a{
	color: #000;
	font-family: 'Days';
	font-size: 22px;
}
.bb_name div {
	font-size: 18px;
	margin-top: 10px;
	color: #999;
}
.basket-row .item-summ {
	font-weight: bold;
}
.basket-row .item-summ i  {
	font-style: normal;
}
.basket-row  .value {
	font-size: 22px;
	line-height: 46px;
}
.summ {
	background: #f3f3f3;
	float: right;
	padding: 10px 15px;
	margin-bottom: 30px;
	font-size: 28px;
}
.summ i {
	font-style: normal;
	font-weight: bold;
}
.bb_delete,.bb_delete:hover {
	color: #f00;
	font-size: 22px;
	font-family: 'Days';
	text-decoration: none;
	font-weight: bold;
}




.kredit {
	border-bottom: 5px solid #3fb018;
}
.kredit .bg  {
	background: url(../pics/kredit/kredit-1.jpg) bottom left no-repeat;
	min-height: 480px;
}
.kredit .line1 {
	font-size: 20px;
	margin-top: 50px;
	margin-bottom: 10px;
}
.kredit .line2 {
	font-size: 36px;
	color: #fcd500;
	font-weight: bold;
}
.kredit .line3 {
	color: #238c20;
	font-size: 50px;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.kredit p {
	font-size: 22px;
	font-weight: bold;
	color: #4b4c51;
	padding-bottom: 10px;
}
.kredit p span {
	font-size: 32px;
}
.kredit button {
	border: none;
	height: 60px;
	background: #fffeac;
	background: -moz-linear-gradient(top, #fffeac 0%, #fed708 100%);
	background: -webkit-linear-gradient(top, #fffeac 0%,#fed708 100%);
	background: linear-gradient(to bottom, #fffeac 0%,#fed708 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffeac', endColorstr='#fed708',GradientType=0 );
	font-size: 22px;
	padding: 0px 30px;
	border-radius: 10px;
	margin-bottom: 40px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

.kredit-title {
	text-align: center;
	margin: 50px 0px 30px 0px;
	font-size: 40px;
	font-weight: bold;
	color: #4b4c51;
}
.kredit-subtitle {
	text-align: center;
	font-size: 18px;
	color: #000;
	margin: -20px 0px 50px 0px;
}
.kredit-item {
	background: #d9e7d8;
	padding: 15px 15px 15px 250px;
	margin-bottom: 30px;
	position: relative;
	min-height: 200px;
}
.kredit-item span {
	color: #238d23;
	font-size: 64px;
	line-height: 100%;
	text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 5;
}
.kredit-item div {
	color: #1a8619;
	font-size: 28px;
	font-weight: bold;
	line-height: 130%;
	margin-bottom: 10px;
}
.kredit-item p {
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: 10px;
}
.kredit-item img {
	position: absolute;
}
.kredit-item.i1 img {
	bottom: 0px;
	left: 20px;
}
.kredit-item.i2 img {
	bottom: 10px;
	left: 20px;
}
.kredit-item.i3 img {
	bottom: 10px;
	left: 20px;
}
.kredit-item.i4 img {
	bottom: 10px;
	left: 0px;
}
.kredit-item.i5 img {
	bottom: 10px;
	left: 20px;
}
.kredit-item.i6 img {
	bottom: 10px;
	left: 20px;
}

.kredit-popular {
	background: #dcdcdc;
	border-top: 10px solid #3fb018;
}
.popular-wrapper {
	padding: 0px 50px;
}
.kredit-popular .kredit-title {
	color: #000;
}

.owl-prev, .owl-next {
	position: absolute;
	top: 50%;
	margin-top: -52px;
	width: 39px;
    height: 104px;
	background: url(../pics/slider-arrow.png);
}
.owl-prev {
	left: -40px;
	background-position: 0px 0px;
}
.owl-next {
	right: -40px;
	background-position: -39px 0px !important;
}




.komplekt td {
	vertical-align: middle !important;
}

.komplekt tr th:last-child {
	width: 100px;
}
.komplekt .price, .komplekt .artikul, .komplekt .photo {
	display: none !important;
}
.komplekt .spinner {
	width: 130px;
}
.komplekt .acc-order {
	color: #f00;
	margin-left: 5px;
}
.size-select-title {
	margin-top: 30px;
}
.main-title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}


.redline {
	text-align: center;
	background: #f00;
	padding: 10px 10px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}
.redline a {
	color: #fff;
}



.kovriki-wrapper {
	padding: 0px 50px;
}
.kovriki-wrapper .owl-prev, .kovriki-wrapper .owl-next {
	background: url(../pics/slider-arrow2.png);
}
.kovriki-wrapper .owl-prev {
	left: -50px;
}
.kovriki-wrapper .owl-next {
	right: -50px;
}
.kovriki-item {
	border: 1px solid #e1e5e5;
	text-align: center;
	font-size: 13px;
	padding: 10px;
	background: #fff;
}
.kovriki-item .price {
	display: block !important;
	font-size: 16px !important;
	margin: 5px 0px 5px 0px !important;
	font-weight: bold;
}

/*.b24-widget-button-wrapper {
	display: none!important;
}*/


.kredit-info {
	position: relative;
	padding-bottom: 10px;
}
.kredit-info div {
	display: none;
	z-index: 1;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 65px;
	border: 4px solid #f00;
	background: #fff;
	color: #000;
	font-size: 16px;
	line-height: 150%;
	padding: 15px;
	border-radius: 6px;
	box-sizing: border-box;
	cursor: default;
	font-weight: bold;
	text-align: center;
}
.kredit-info div::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -12.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12.5px 20px 12.5px;
	border-color: transparent transparent #f00 transparent;
}
.kredit-info div::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -13px;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 15px 9px;
	border-color: transparent transparent #fff transparent;
}
.kredit-info:hover div{
	display: block;
}



.kredit-info-mezh {
	position: relative;
	padding-bottom: 15px;
	display: inline-block;
}
.kredit-info-mezh div {
	display: none;
	z-index: 1;
	position: absolute;
	width: 300px;
	right: 0px;
	top: 62px;
	border: 4px solid #f00;
	background: #fff;
	color: #000;
	font-size: 16px;
	line-height: 150%;
	padding: 15px;
	border-radius: 6px;
	box-sizing: border-box;
	cursor: default;
	font-weight: bold;
	text-align: center;
}
.kredit-info-mezh div::before {
	content: "";
	position: absolute;
	right: 115px;
	top: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12.5px 20px 12.5px;
	border-color: transparent transparent #f00 transparent;
}
.kredit-info-mezh div::after {
	content: "";
	position: absolute;
	right: 118px;
	top: -13px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 15px 9px;
	border-color: transparent transparent #fff transparent;
}
.kredit-info-mezh:hover div{
	display: block;
}


.b24-widget-button-wrapper {
	display: none!important;
}

.mobile-call {
	display: none;
}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #ffffff;
    background-color: #3fb018;
    border-color: #3fb018;
}


.readmore {
	display: inline-block;
	white-space: nowrap;
}
.htext {
	display: none;
}


.adv {
	background: #ddd;
	font-size: 14px;
	line-height: 130%;
	padding: 10px 0px;
	color: #000;
}
.adv  .item div {
	padding-left: 65px;
	min-height: 55px;
}
.adv  .item.i1 div {
	background: url(../pics/adv1.png) 5px 3px no-repeat;
}
.adv  .item.i2 div {
	background: url(../pics/adv2.png) 5px 3px no-repeat;
}
.adv  .item.i3 div {
	background: url(../pics/adv3.png) 0px 3px no-repeat;
}
.adv  .item.i4 div {
	background: url(../pics/adv4.png) 5px 0px no-repeat;
}
.adv  .item.i5 div { 
	background: url(../pics/adv5.png) 5px 0px no-repeat; 
}
.adv  .item.i6 div { 
	background: url(../pics/adv6.png) 5px 0px no-repeat; 
}
.adv  .item.i7 div {
	background: url(../pics/adv7.png) 5px 0px no-repeat;
}
.adv  .item.i8 div {
	background: url(../pics/adv8.png) 5px 0px no-repeat;
}
.adv  .item.i9 div {
	background: url(../pics/adv9.png) 0px 2px no-repeat;
}
.adv  .item strong {
	display: block;
	font-size: 15px;
	line-height: 130%;
}
.adv  .item.notmo {
	margin-top: -10px;
	margin-bottom: -10px;
}
.adv  .item.notmo strong {
	font-size: 24px;
	font-weight: bold;
	color: #f00;
	line-height: 55px;
}


.qr {
	max-width: 160px;
}


.bank {
	height: 150px;
	line-height: 150px;
	text-align: center;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	display: block;
	cursor: pointer;
	background: #fafafa;
	margin-bottom: 30px;
}
.bank:hover {
	background: #fff;
}
.bank img {
	vertical-align: middle;
	width: 80%;
}



#anketaModal h5 {
	font-weight: bold;
    font-size: 24px;
    font-family: arial;
}
#anketaModal .subtitle {
	margin-bottom:20px;
}
#anketaModal .bacnkimg,
#anketaModal .inputs {
	border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#anketaModal .bacnkimg img {
	height: 50px;
    margin: 5px;
}
#anketaModal .inputs input {
    width: 100%;
    max-width: 300px;
    display: block;
    vertical-align: middle;
    border-radius: 5px;
    background-color: #f1f1f1;
    border: 1px solid #ececec;
    color: #000;
    padding: 0 10px;
    height: 44px;
    font-weight: normal;
    font-size: 14px;
    appearance: none;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 10px auto;
    text-align: left;
    transition: background 0.3s;
}
#anketaModal .total input {
    width: 130px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background-color: #f4fff2;
    border: 1px solid #17a200;
    padding: 0 10px;
    height: 44px;
    font-weight: normal;
    font-size: 18px;
    appearance: none;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 10px auto;
}


.setregion {
	position: fixed;
	top: 20px;
	left: 50%;
	z-index: 100;
	margin-left: -140px;
	background: #fff;
	padding: 15px;
	text-align: center;
	width: 280px;
    box-shadow: 0px 0px 20px #bbb;
    -moz-box-shadow: 0px 0px 20px #bbb;
    -webkit-box-shadow: 0px 0px 20px #bbb;
	border-radius: 10px;
}
.setregion div {
	font-size: 18px;
	margin-bottom: 10px;
}
.setregion .yes {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #ffe952;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	margin-right: 15px;
}
.setregion .no {
	display: inline-block;
	height: 20px;
	cursor: pointer;
	border-bottom: 1px dashed #3fb018;
	color: #3fb018;
}
#regionModal .alpha {
	margin-top: 15px;
}
#regionModal .city {
	margin-bottom: 10px;
}

.feedback-type span {
	display: inline-block;
	height: 40px;
	min-width: 100px;
	line-height: 34px;
	border-radius: 30px;
	background: #ff1a2c;
	padding: 0px 15px 0px 8px;
	color: #fff;
	border: 3px solid #ebebeb;
	cursor: pointer;
}
.feedback-type span:before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-bottom: 3px;
	margin-right: 5px;
	background-image: url(../pics/feedback-type-icons.png);
	background-size: auto 25px;
}
.feedback-type span.active, .feedback-type span:hover {
	border-color: #ffb901;
}
.feedback-type span.wa {
	background: #2cb742;
}
.feedback-type span.wa:before {
	background-position: -25px 0px;
}
.feedback-type span.vb {
	background: #7f4da0;
}
.feedback-type span.vb:before {
	background-position: -50px 0px;
}
.feedback-type span.tg {
	background: #0088cc;
}
.feedback-type span.tg:before {
	background-position: -75px 0px;
}



/* -------- */
#whatsapp {
    bottom:25px;
    right: 20px;
    width: 150px;
    height: 150px;
    position:fixed;
	z-index: 10;
}
#whatsapp span {
    transform-origin: center;
    display: block;
}
#whatsapp .img-circle{
    background-color:#43d854;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
}
#whatsapp .circlephone{
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    border: 2px solid #43d854;
    width:150px;
    height:150px;
    bottom:-25px;
    right:10px;
    position:absolute;
    -webkit-border-radius:100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
    -moz-animation: circle-anim 2.4s infinite ease-in-out !important;
    -ms-animation: circle-anim 2.4s infinite ease-in-out !important;
    -o-animation: circle-anim 2.4s infinite ease-in-out !important;
    animation: circle-anim 2.4s infinite ease-in-out !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}
#whatsapp .circle-fill{
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    background-color:#43d854;
    width:100px;
    height:100px;
    bottom:0px;
    right:35px;
    position:absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: circle-fill-anim 2.3s infinite ease-in-out;
    animation: circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}
#whatsapp .img-circle {
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    width:72px;
    height:72px;
    bottom: 14px;
    right: 49px;
    position:absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
}
#whatsapp .img-circleblock{
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    width:72px;
    height:72px;
    background-image:url(/pics/wa_sm.png);
    background-position: center center;
    background-repeat:no-repeat;
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
#whatsapp .img-circle:hover{
    opacity: 1;
}
 @keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
     50% {
        transform: scale(1);
         opacity: 1;
    }
     100% {
        transform: scale(0.9);
        opacity: 1;
    }
}
 @-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
     50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
     100% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
}
 @keyframes tossing {
     0% {
        transform: rotate(-8deg);
    }
     50% {
        transform: rotate(8deg);
    }
     100% {
        transform: rotate(-8deg);
    }
}
 @-webkit-keyframes tossing {
     0% {
        -webkit-transform: rotate(-8deg);
    }
     50% {
        -webkit-transform: rotate(8deg);
    }
     100% {
        -webkit-transform: rotate(-8deg);
    }
}
 @-moz-keyframes circle-anim {
     0% {
        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1;
    }
     30% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5;
    }
     100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1;
    }
}
 @-webkit-keyframes circle-anim {
     0% {
        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
        -webkit-opacity: .1;
    }
     30% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-opacity: .5;
    }
     100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}
 @-o-keyframes circle-anim {
     0% {
        -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
        -o-opacity: .1;
    }
     30% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        -o-opacity: .5;
    }
     100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        -o-opacity: .1;
    }
}
 @keyframes circle-anim {
     0% {
        transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
    }
     30% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
    }
     100% {
        transform: rotate(0deg) scale(1) skew(1deg);
         opacity: .1;
    }
}
 @-moz-keyframes circle-fill-anim {
     0% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
     50% {
        -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
        opacity: .2;
    }
     100% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
 @-webkit-keyframes circle-fill-anim {
     0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
     50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
     100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
 @-o-keyframes circle-fill-anim {
     0% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
     50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
     100% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
 @keyframes circle-fill-anim {
     0% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
     50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
     100% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
/* -------- */




.brand-select {
	margin-bottom: 20px;
}
.brand-select strong {
	margin-right: 4px;
}
.brand-select a, .brand-select span {
	display: inline-block;
	white-space: nowrap;
	margin: 0px 7px 5px 0px;
	font-size: 13px;
	border: 1px solid #319c0c;
	padding: 3px 10px;
	border-radius: 3px;
	text-decoration: none;
}
.brand-select span {
	background: #ffe952;
	border: 1px solid #ffe952;
}
@media (max-width: 767px) {
	.brand-select strong {
		display: block;
		margin-bottom: 5px;
		margin-right: 0px;
	}
}






/* XS */
@media (max-width: 767px) {
	h1 {
		font-size: 22px;
		line-height: 145%;
	}
	h2, h2.center {
		font-size: 18px;
		line-height: 145%;
	}
	#navigation nav, .catalog-menu {
		display: none;
	}
	#navigation .address {
		padding-top: 50px;
		float: none;
		text-align: center;
	}
	header {
		padding-top: 20px;
	}
	header .logo {
		text-align: center;
		width: 100%;
		padding-right: 0px;
		border: none;
		float: none;
	}
	header .search {
		width: 100%;
		margin: 0px 0px 10px 0px;
		padding-right: 0px;
		border: none;
	}
	header .search .input-group-lg > .form-control, .footer .search .input-group-lg > .form-control {
		font-size: 16px;
	}
	header .contacts {
		margin-left: 0px;
		border: none;
	}
	header .contacts .phone {
		font-size: 16px;
		font-weight: bold;
	}
	header .contacts .time {
		font-size: 14px;
		background-size: auto 20px;
	}
	.basket a {
		padding-left: 25px;
		background-size: auto 20px;
	}
	.basket a span {
		font-size: 16px;
	}
	
	.mobile-menu .zamer-btn {
		margin-right: 0px;
	}
	.mobile-menu p {
		float: right;
		width: 150px;
		margin-right: 15px;
	}
	.mobile-menu p.mo {
		margin-right: 0px;
	}
	.mobile-menu p a {
		display: none;
		width: 0px;
		overflow: hidden;
		padding: 0px;
	}
	.mobile-menu .kitchen {
		float: right;
		margin-right: 15px;
		margin-left: 15px;
	}
	.mobile-menu .address {
		display: block;
		color: #fff;
		line-height: 20px;
		text-align: right;
		margin-top: 5px;
		font-size: 12px;
		margin-right: 0px;
		font-weight: normal;
	}
	/*.mobile-menu.moved .zamer-btn {
		width: 40px;
		height: 36px;
		padding-left: 40px;
		padding-right: 0px;
		background-position: center center;
		overflow: hidden;
		margin-right: 20px;
	}
	
	.mobile-menu.moved p a + a {
		width: auto;
	}*/
	
	.main .bg  {
		height: auto;
		background-position: bottom right;
	}
	.main .line1 {
		text-align: center;
		font-size: 24px;
		margin-top: 0px;
		margin-bottom: 15px;
		padding-left: 0px;
	}
	.main .line2 {
		font-size: 16px;
		text-align: center;
		padding-left: 0px;
	}
	.main ul {
		margin: 15px 0px 0px 0px;
		padding: 0px;
		text-align: center;
		font-size: 18px;
	}
	.main ul li {
		margin-bottom: 15px;
	}
	.main ul span {
		font-size: 24px;
	}
	.go-up {
		display: none !important;
	}
	.reviews .line1 {
		font-size: 18px;
	}
	.breadcrumb {
		display: none;
	}
	.item-info {
		padding: 15px;
	}
	.item-info div.price {
		font-size: 20px;
	}
	.item-info .form-inline  {
		text-align: center;
	}
	.item-info .form-inline .spinner {
		display: inline-table;
		vertical-align: middle;
		margin-right: 0px !important;
	}
	.item-info .form-inline .tinfo {
		text-align: left;
	}
	.komplekt {
		font-size: 12px;
	}
	.komplekt tr th:nth-child(1), .komplekt tr td:nth-child(1), .komplekt tr th:nth-child(3), .komplekt tr td:nth-child(3), .komplekt tr th:nth-child(5), .komplekt tr td:nth-child(5) {
		display: none;
	}
	.komplekt tr td {
		line-height: 135%;
		vertical-align: middle !important; 
		text-align: left;
	}
	.komplekt .artikul {
		margin: 5px 0px;
		font-size: 12px;
		color: #777;
		display: block !important;
	}
	.komplekt .price {
		font-size: 13px !important;
		margin-bottom: 0px !important;
		display: block !important;
	}
	.komplekt .photo {
		font-size: 13px !important;
		margin-bottom: 0px !important;
		display: block !important;
	}
	.komplekt .spinner {
		width: 100%;
	}
	.size-select-title {
		margin-top: 10px;
	}
	.buy-btn {
		width: 100%;
		margin-bottom: 15px;
	}
	.kredit-info-mezh, .kredit-info-mezh .btn {
		width: 100%;
	}
	.kredit-info-mezh:hover div{
		display: none !important;
	}
	.item-info .form-inline .buy-btn {
		margin-top: 15px;
	}
	.item-time {
		margin-top: 35px;
		text-align: left;
	}
	.item-attention {
		text-align: left;
	}
	.kredit-item {
		padding: 15px 15px 15px 120px;
		min-height: auto;
	}
	.kredit-item span {
		font-size: 50px;
		line-height: 100%;
	}
	.kredit-item div {
		font-size: 18px;
		line-height: 130%;
	}
	.kredit-item p {
		font-size: 16px;
	}
	.kredit-item img {
		position: absolute;
		width: 80px;
	}
	.kredit .bg  {
		background: url(../pics/kredit/kredit-1.jpg) center bottom no-repeat;
		background-size: 100% auto;
		height: auto;
		padding-bottom: 280px;
	}
	.kredit .line1 {
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 10px;
		text-align: center;
	}
	.kredit .line2 {
		font-size: 24px;
		line-height: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.kredit .line3 {
		font-size: 24px;
		line-height: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.kredit p {
		font-size: 16px;
		text-align: center;
	}
	.kredit p span {
		font-size: 22px;
	}
	.kredit button {
		width: 100%;
	}
	.kredit-title {
		font-size: 24px;
	}
	.modal-footer .btn {
		width: 100%;
	}
	.modal-footer .btn + .btn {
		margin-top: 15px;
		margin-left: 0px;
	}
	
	.footer-payment {
		margin: 25px 0px;
	}
	
	.bb_name a {
		font-size: 18px;
	}
	.basket-row .value {
		font-size: 16px;
		line-height: 150%;
	}
	.bb_count {
		margin: 15px 0px;
	}
	.bb_summ .value {
		font-size: 22px;
	}
	.tinfo th {
		padding-right: 10px;
	}
	.pb-sdk-pos-credit.pb-sdk-pos-credit__cont {
		padding: 0px !important;
	}
	.pb-sdk-pos-credit__head__text {
		font-size: 16px !important;
	}
	.pb-sdk-pos-credit__desc__item {
		text-align: left !important;
	}
	.pb-sdk-pos-credit__cont {
		min-width: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	.pb-sdk-pos-credit .pb-sdk-pos-credit__btn-red {
		margin-right: 20px !important;
	}
	.pb-sdk-pos-credit__cb-cont {
		text-align: left !important;
	}
	.pb-sdk-pos-credit .pb-sdk-pos-credit__cb-cont>label {
		padding: 0px !important;
		width: 200px !important;
		text-align: left;
		line-height: 130% !important;
	}
	.pb-sdk-pos-credit .pb-sdk-pos-credit__cb-cont .pb-sdk-pos-credit__cb input:checked+label {
		left: 0px !important;
	}
	.mobile-call {
		display: block;
		position: fixed;
		bottom: 5px;
		left: 10px;
		right: 10px;
		height: 55px;
		z-index: 2;
	}
	.mobile-call a {
		display: block;
		height: 55px;
		padding-top: 20px;
		line-height: 30px;
		background: #f00;
		color: #fff;
		font-size: 18px;
		text-align: center;
		border-radius: 5px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		vertical-align: top;
		position: relative;
	}
	.mobile-call a::before {
		content: "";
		display: inline-block;
		position: relative;
		top: 2px;
		width: 22px;
		height: 22px;
		background: url(../pics/icon_phone_white.png) center center no-repeat;
		margin: 0px 5px 0px 0px;
	}
	
	.reviews-line1 {
		font-size: 14px;
		line-heihgt: 120%;
		margin-top: 0px;
	}
	
	header .search, header .contacts, header .basket  {
		display: none;
	}
	.footer .search {
		margin-top: 15px;
		display: block;
	}
	.adv {
		font-size: 13px;
		line-height: 130%;
		padding-bottom: 0px;
	}
	.adv  .item div {
		padding-left: 45px;
		background-size: 35px 35px !important;
		background-position: 0px 3px !important;
		min-height: 40px;
		margin-bottom: 10px;
	}
	.adv  .item.notmo {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.adv  .item.notmo strong {
		font-size: 14px;
		line-height: 130%;
	}
	.cities {
		padding: 10px;
	}
	.cities h2 {
		margin-top: 0px;
	}
	.cities ul {
		font-size: 13px;
	}
	.bank {
		margin-bottom: 15px;
	}
	.bank img {
		width: 60%;
	}
	
	.rcontent .item.interior .more, .rcontent .item.interior .kredit {
		display: none;
	}
	.feedback-type span  {
		width: 130px;
		margin-bottom: 10px;
	}
	
		
	#whatsapp{
		bottom: 60px;
		right: 10px;
		width: 55px;
		height: 55px;
	}
	#whatsapp .circlephone, #whatsapp .circle-fill{
		display: none;
	}
	#whatsapp .img-circle {
		right: 0px;
		bottom: 0px;
		width: 55px;
		height: 55px;
		opacity: 1;
	}
	#whatsapp .img-circleblock{
		width: 55px;
		height: 55px;
	}
	
	.workers {
		flex-wrap: wrap;
		justify-content: center;
	}
	.worker {
		flex-basis: 50%;
	}
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	#navigation, .catalog-menu {
		display: none;
	}
	header {
		padding-top: 60px;
	}
	header .search {
		width: 330px;
	}
	header .contacts {
		display: none;
	}
	
	.main .bg  {
		height: 530px;
		background-position: center bottom;
		background-size: auto 500px;
	}
	.main .line1 {
		font-size: 24px;
		margin-top: 30px;
	}
	.main .line2 {
		font-size: 16px;
	}
	.main  ul {
		font-size: 22px;
	}
	.main ul span {
		font-size: 36px;
	}
	.main-tabs-content {
		padding-bottom: 0px;
	}
	.main-tabs-item {
		margin-bottom: 30px;
	}
	.reklamacii a {
		font-size: 17px;
	}
	.kredit-item {
		padding: 15px 15px 15px 150px;
		min-height: 200px;
	}
	.kredit-item span {
		font-size: 50px;
		line-height: 100%;
	}
	.kredit-item div {
		font-size: 22px;
		line-height: 130%;
	}
	.kredit-item p {
		font-size: 16px;
	}
	.kredit-item img {
		position: absolute;
		width: 100px;
	}
	.kredit .bg  {
		background: url(../pics/kredit/kredit-1.jpg) bottom left no-repeat;
		background-size: auto 350px;
		min-height: 380px;
	}
	.kredit .line1 {
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.kredit .line2 {
		font-size: 24px;
		text-align: center;
	}
	.kredit .line3 {
		font-size: 24px;
		line-height: 120%;
		text-align: center;
		margin-bottom: 30px;
	}
	.kredit p {
		font-size: 16px;
		text-align: center;
	}
	.kredit p span {
		font-size: 22px;
	}
	.kredit button {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.basket-img {
		height: auto;
	}
	.basket-row .delim {
		clear: both;
	}
	.size-select-title {
		margin-top: 0px;
	}
	.rcontent .item span.kredit {
		font-size: 14px;
	}
	.adv  .item.i1, .adv  .item.i2 {
		margin-bottom: 15px;
	}
	.adv  .item.notmo strong {
		font-size: 22px;
	}
	.workers {
		flex-wrap: wrap;
		justify-content: center;
	}
	.worker {
		flex-basis: 33.3333%;
	}
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	#navigation nav {
		font-size: 14px;
	}
	header .logo img {
		width: 190px;
	}
	header .search {
		width: 330px;
	}
	header .contacts {
		padding-right: 15px;
		margin-left: 15px;
	}
	.zamer-btn {
		background-image: none;
		padding-left: 10px;
		margin-left: 0px;
	}
	.navbar-nav > li {
		font-size: 14px;
	}
	.navbar-nav > li > a {
		padding-left: 13px;
		padding-right: 13px;
	}
	.catalog-menu  ul.nav > li > a {
		padding: 0px 15px !important;
		line-height: 50px;
		font-size: 16px;
		color: #fff !important;
	}
	.catalog-menu .phone {
		font-size: 18px;
		margin-left: 20px;
	}
	.catalog-menu.fixed .zamer, .catalog-menu.fixed .address {
		display: none;
	}
	.main-title1 {
		font-size: 30px;
	}
	.main-title1 .line1 {
		font-size: 34px;
	}
	.main-title2  {
		font-size: 24px;
	}
	.bravo img {
		margin-left: -25px;
	}
	.item-info .btn-kredit span {
		display: none;
	}
	
	.main-item-1 .line1 {
		font-size: 18px;
	}
	.main-item-1 .line2 {
		padding-top: 10px;
		font-size: 30px; 
	}
	.main-item-2 {
		padding-top: 15px;
		font-size: 22px;
		line-height: 130%;
	}
	.main-item-3 {
		padding-top: 25px;
		font-size: 24px;
		line-height: 130%;
		padding-right: 15px;
	}
	
	
	.main  ul {
		font-size: 22px;
		margin-left: 30px;
		margin-top: 80px;
		line-height: 130%;
	}
	.main  ul li {
		margin-bottom: 30px;
	}
	.main ul span {
		font-size: 40px;
	}
	
	.kredit .line1 {
		font-size: 18px;
		padding-left: 40px;
	}
	.kredit .line2 {
		font-size: 30px;
		padding-left: 40px;
		margin-bottom: 10px;
	}
	.kredit .line3 {
		padding-left: 40px;
		font-size: 36px;
		line-height: 120%;
		margin-bottom: 30px;
	}
	.kredit p {
		font-size: 20px;
		padding-bottom: 10px;
		padding-left: 40px;
	}
	.kredit p span {
		font-size: 28px;
	}
	.kredit button {
		font-size: 18px;
		padding: 0px 30px;
		border-radius: 10px;
		margin-bottom: 40px;
		margin-left: 40px;
	}
	.kredit-item div {
		font-size: 26px;
		line-height: 130%;
	}
	.rcontent .item span.kredit {
		font-size: 13px;
	}
	.adv {
		font-size: 13px;
		line-height: 130%;
	}
	.adv  .item strong {
		font-size: 13px;
		line-height: 130%;
	}
}

/* LG */
@media (min-width: 1200px) {

}




.tg-video {
	margin-top: 30px;
}
.tg-video .title {
	text-align: center;
	text-transform: uppercase;
	font-size: 22px; 
	font-family:'Days'; 
	line-height: 145%; 
	margin: 20px 0px 15px 0px;
}
.tg-video p {
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 145%;
}
.tg-video .btn-danger {
	background-color: #f00 !important;
	border-color: #f00 !important;
}

#thanksModal .modal-body {
	padding-left: 100px;
	padding-right: 100px;
}
#thanksModal .modal-title {
	font-weight: bold;
}
#thanksModal .title {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 130%;
	padding: 20px 0px 30px 0px;
}
#thanksModal p {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
}
#thanksModal p.subtitle {
	text-align: center;
	font-weight: normal;
	margin-bottom: 30px;
}
#thanksModal .tg-button {
	text-align: center;
	margin-top: 30px;
}
#thanksModal .tg-button a {
	display: inline-block;
	background: #37aee2;
	height: 50px;
	line-height: 50px;
	padding: 0px 15px;
	border-radius: 8px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}
#thanksModal .tg-button a:before {
	display: inline-block;
	content: "";
	width: 42px;
	height: 35px;
	background: url(/pics/tg/tg-icon-1.png) no-repeat;
	vertical-align: middle;
	margin-right: 10px;
}
/* XS */
@media (max-width: 767px) {
	.tg-video img.img-responsive {
		margin-bottom: 15px;
	}
	.tg-video p {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 150%;
	}
	#thanksModal .modal-body {
		padding-left: 10px;
		padding-right: 10px;
	}
	#thanksModal .title {
		font-size: 20px;
		line-height: 130%;
	}
	#thanksModal p {
		font-size: 15px;
		line-height: 150%;
	}
}
/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	.tg-video img.img-responsive {
		margin-bottom: 15px;
	}
	#thanksModal .modal-body {
		padding-left: 20px;
		padding-right: 20px;
	}
}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	.tg-video p {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 150%;
	}
}



.side-icons {
	position: fixed;
	z-index: 15;
	left: 20px;
	top: 50%;
	width: 80px;
	height: 245px;
	margin-top: -122px;
	background: rgba(0,0,0,0.5);
	border-radius: 15px;
}
.side-icons a {
	display: block;
	margin: 15px auto;
	width: 60px;
	height: 60px;
}
.side-icons a.chat {
	background: url(../pics/side/icon-chat.png) no-repeat;
	height: 63px;
}
.side-icons a.wa {
	background: url(../pics/side/icon-wa.png) no-repeat;
}
.side-icons a.tg {
	background: url(../pics/side/icon-tg.png) no-repeat;
}
.side-icons a.call {
	background: url(../pics/side/icon-call.png) no-repeat;
	display: none;
}

@media (max-width: 767px) {
	.side-icons {
		top: auto;
		bottom: 120px;
		right: 5px;
		left: auto;
		background: none;
		width: 50px;
		margin-top: 0px;
		height: 240px;
	}
	.side-icons a {
		margin: 0px 0px 10px 0px;
		width: 50px;
		height: 50px;
		background-size: 50px auto !important;
	}
	.side-icons a.chat {
		height: 54px;
	}
	.side-icons a.call {
		display: block;
	}
}




@keyframes quickShake {
  0%, 10% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(3deg);
  }
  4% {
    transform: rotate(-3deg);
  }
  6% {
    transform: rotate(3deg);
  }
  8% {
    transform: rotate(-3deg);
  }
  10%, 100% {
    transform: rotate(0deg);
  }
}
.mobile-call {
  animation: quickShake 10s infinite;
}
.mobile-call a::after {
	content: "Звоните прямо сейчас";
	position: absolute;
	top: 3px;
	left: 0px;
	right: 0px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
}


@keyframes callShake {
     0% {
        transform: rotate(-8deg);
    }
     50% {
        transform: rotate(8deg);
    }
     100% {
        transform: rotate(-8deg);
    }
}
.side-icons .call {
	animation-name: callShake;
    -webkit-animation-name: callShake;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}