@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Light.woff2') format('woff2'),
        url('../fonts/Gilroy-Light.woff') format('woff'),
        url('../fonts/Gilroy-Light.ttf') format('truetype'),
        url('../fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype'),
        url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.eot');
    src: url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ExtraBold.woff2') format('woff2'),
        url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
        url('../fonts/Gilroy-ExtraBold.ttf') format('truetype'),
        url('../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: fallback;
}

body {
	font: 16px/150% 'Roboto', sans-serif;
}


header {
	height: 150px;
	background: #2a2522;
	font-family: 'Roboto', sans-serif;
}
header .logo {
	padding-top: 31px;
	text-align: center;
}
header .title {
	font-size: 15px;
	line-height: 135%;
	padding-top: 31px;
}
header .title .line1 {
	color: #a49f9c;
	margin-bottom: 8px;
}
header .title .line2 {
	color: #fff;
}
header .contacts {
	padding-top: 31px;
}
header .contacts .links {
	text-transform: uppercase;
	font-size: 12px;
}
header .contacts .links a {
	color: #fbd536;
	margin-right: 15px;
	text-decoration: underline;
}
header .contacts .links a:hover {
	text-decoration: none;
}
header .contacts .phone {
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 24px;
	padding: 9px 0px;
}
header .contacts .phone a{
	color: #fff;
	text-decoration: none;
}
header .contacts .time  {
	font-size: 15px;
	line-height: 100%;
	color: #a49f9c;
}
header .zamer .width {
	width: 225px;
	text-align: center;
	padding-top: 27px;
}
header .zamer a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 15px;
	text-align: center;
	background: #fbd536;
	border-radius: 5px;
}
header .zamer .text {
	padding-bottom: 9px;
	font-size: 15px;
	line-height: 135%;
	color: #a49f9c;
}

nav {
	height: 56px;
	line-height: 56px;
	position: relative;
}
nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
nav ul li {
	float: left;
	margin-right: 30px;
	text-transform: uppercase;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 15px;
}
nav ul li a {
	color: #000;
	text-decoration: underline;
}
nav ul li.active a, nav ul li a:hover {
	color: #f75e12;
	text-decoration: none;
}
nav ul li.stock a {
	color: #f75e12;
}
nav ul li.stock::before {
	content: "%";
	color: #f75e12;
	text-decoration: none;
	font-size: 24px;
	vertical-align: middle;
	margin-right: 5px;
}
nav .phone, nav .address {
	display: none;
}
nav.fixed {
	position: fixed;
	top: 0px;
	z-index: 11;
	background: #fff;
	width: 100%;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4);
}
nav.fixed ul li {
	float: left;
	margin-right: 20px;
	text-transform: uppercase;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 14px;
}
nav.fixed .phone {
	display: block;
	float: right;
	color: #000;
	font-size: 24px;
	line-height: 56px;
	font-weight: bold;
}
	
.slider-wrapper {
	height: 500px;
	background: #fbd536 url(../img/slider-bg.png) center top no-repeat;
}

.about {
	padding: 60px 0px;
}
@media (min-width: 1700px) {
	.about {
		background: url(../img/cerber-left.jpg) left center no-repeat, url(../img/cerber-right.jpg) right center no-repeat;
	}
}
.about h1{
	color: #000;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 30px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
}
.about p {
	text-align: center;
	color: #1f1d1c;
	font-family: 'Gilroy';
	font-weight: 300;
	font-size: 20px;
	line-height: 150%;
	padding: 0px 200px;
}
.about .advantages {
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
}
.about .advantages .item {
	float: left;
	width: 20%;
	color: #000;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 16px;
	line-height: 130%;
}
.about .advantages .item span {
	display: inline-block;
	height: 110px;
	width: 110px;
	border-radius: 55px;
	background-color: #fbd536;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
.about .advantages .i1 span {background-image: url(../img/adv-1.png);}
.about .advantages .i2 span {background-image: url(../img/adv-2.png);}
.about .advantages .i3 span {background-image: url(../img/adv-3.png);}
.about .advantages .i4 span {background-image: url(../img/adv-4.png);}
.about .advantages .i5 span {background-image: url(../img/adv-5.png);}

.categories {
	padding: 60px 0px 45px 0px;
	text-align: center;
}
.categories.inner {
	padding: 0px;
	text-align: left;
}
.categories.black {
	background: #2a2522;
}
.categories.grey {
	background: #3c3632;
}
.categories h2 {
	color: #fff;
	margin-top: 0px;
	margin-bottom: 45px;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 30px;
}
.categories .row {
	margin-right: -12px;
    margin-left: -12px;
}
.categories .item {
	float: left;
	width: 20%;
	padding: 0px 12px;
	margin-bottom: 24px;
}
.categories.inner .item {
	float: none;
	width: 25%;
	padding: 0px 15px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.categories .item a {
	display: block;
	border: 1px solid #2a2522;
}
.categories .item img {
	width: 100%;
}
.categories .item span {
	display: block;
	height: 80px;
	line-height: 80px;
	background: #fff;
}
.categories.inner .item span {
	background: #f4f4f4;
}
.categories .item span i {
	display: inline-block;
	font-style: normal;
	color: #000;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 20px;
	line-height: 130%;
	vertical-align: middle;
}
.categories.inner .item span i{
	font-size: 16px;
	padding: 0px 10px;
	text-transform: uppercase;
}
.categories .item a:hover { 
	border: 1px solid #fbd536;
}
.categories .item a:hover span {
	background: #fbd536;
}


.about-doors {
	padding: 70px 0px 45px 0px;
}
.about-doors h2 {
	margin-top: 0px;
	margin-bottom: 65px;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 30px;
	text-align: center;
	color: #24211f;
}
.about-doors .row {
	min-height: 600px;
	background: url(../img/door.jpg) center bottom no-repeat;
}
.about-doors .item {
	position: relative;
	padding-left: 125px;
	float: left;
	height: 90px;
	margin: 30px 0px 25px 60px;
}
.about-doors div + div .item {
	margin-left: 180px;
}
.about-doors .item::before {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0px;
	top: -5px;
	border-radius: 50px;
	background-position: center center;
	background-repeat: no-repeat;
}
.about-doors .item.i1::before {
	background-image: url(../img/quality1.jpg);
}
.about-doors .item.i2::before {
	background-image: url(../img/quality2.jpg);
}
.about-doors .item.i3::before {
	background-image: url(../img/quality3.jpg);
}
.about-doors .item.i4::before {
	background-image: url(../img/quality4.jpg);
}
.about-doors .item.i5::before {
	background-image: url(../img/quality5.jpg);
}
.about-doors .item.i6::before {
	background-image: url(../img/quality6.jpg);
}
.about-doors .item div {
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 20px;
	line-height: 110%;
	color: #2a2522;
	margin-bottom: 10px;
}
.about-doors .item p {
	font-size: 16px;
	font-weight: 300;
	line-height: 130%;
	color: #2a2522;
}

.main {
	padding: 30px 0px 60px 0px;
}
.main h2{
	color: #000;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 30px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
}
.main h3{
	color: #000;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 24px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
}
.main p, .main ul {
	color: #1f1d1c;
	font-family: 'Gilroy';
	font-weight: 300;
	font-size: 18px;
	line-height: 150%;
	margin-bottom: 20px;
	padding: 0px 100px;
	list-style-position: inside;
}

.form {
	padding: 60px 0px;
	background: #fbd536;
}
.form h2 {
	color: #000;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 30px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
}
.form p {
	text-align: center;
	color: #1f1d1c;
	font-family: 'Gilroy';
	font-weight: 300;
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 20px;
	padding: 0px 200px;
}
.form .row {
	padding-top: 10px;
}
.form input {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0px 20px;
	background: #fff;
	border: none;
	border-radius: 3px;
	color: #000;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 24px;
}
.form button {
	display: block;
	width: 100%;
	height: 50px;
	background: #ec6412;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
}



footer {
	padding-top: 40px;
	padding-bottom: 60px;
	font-family: 'Roboto', sans-serif;
}
footer .logo {
	padding-top: 31px;
	text-align: center;
}
footer .title {
	font-size: 15px;
	line-height: 135%;
	padding-top: 31px;
}
footer .title .line1 {
	color: #a49f9c;
	margin-bottom: 8px;
}
footer .title .line2 {
	color: #a49f9c;
}
footer .contacts {
	padding-top: 31px;
}
footer .contacts .links {
	text-transform: uppercase;
	font-size: 12px;
}
footer .contacts .links a {
	color: #ec6412;
	margin-right: 15px;
	text-decoration: underline;
}
footer .contacts .links a:hover {
	text-decoration: none;
}
footer .contacts .phone {
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 24px;
	padding: 9px 0px;
}
footer .contacts .phone a{
	color: #000;
	text-decoration: none;
}
footer .contacts .time  {
	font-size: 15px;
	line-height: 100%;
	color: #a49f9c;
}
footer .zamer .width {
	width: 225px;
	text-align: center;
	padding-top: 27px;
}
footer .zamer a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 15px;
	text-align: center;
	background: #fbd536;
	border-radius: 5px;
}
footer .zamer .text {
	padding-top: 9px;
	font-size: 15px;
	line-height: 135%;
	color: #a49f9c;
}
footer .social {
	margin-top: 15px;
}
footer .social a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/icon-social.png) 0px 0px no-repeat;
}
footer .social a.ok {
	background-position: -80px 0px;
}
footer .social a.fb {
	background-position: -40px 0px;
}
footer .social a.yt {
	background-position: -120px 0px;
}
footer .social a.in {
	background-position: -160px 0px;
}
footer .social a.li {
	background: none;
	width: 88px;
	height: 31px;
	vertical-align: top;
}


.columns {
	padding: 25px 0px 50px 0px;
	background: #eeeeee;
}

.breadcrumb {
	padding: 0px;
	font-size: 13px;
	font-weight: 300;
	margin-left: 265px;
	background: none;
}
.breadcrumb a {
	color: #6d6d6d;
	text-decoration: underline;
}
.breadcrumb a:hover {
	text-decoration: none;
}
.breadcrumb .active {
	color: #2a2522;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #6d6d6d;
    content: "-";
}


.left {
	width: 245px;
	float: left;
}
.left ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.left > ul {
	margin-top: 15px;
}
.left > ul > li {
	background: #c9c5c2;
	margin-bottom: 3px;
	padding: 25px 15px 25px 30px;
}
.left .title {
	color: #fff;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 20px;
	line-height: 100%;
}
.left ul ul {
	font-size: 15px;
	margin: 15px 0px 0px 0px;
}
.left ul ul li {
	margin-bottom: 7px;
	position: relative;
}
.left ul ul li.spec::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 6px;
	width: 12px;
	height: 11px;
	background: url(../img/star.png);
}
.left ul ul span {
	font-size: 12px;
	color: #595654;
}
.left ul ul a {
	color: #1f1d1c;
	text-decoration: underline;
}
.left ul ul li.spec a {
	font-weight: bold;
}
.left ul ul a:hover {
	text-decoration: none;
}
.left ul ul .active a {
	text-decoration: none;
	font-weight: bold;
}

.right {
	margin-left: 245px;
}

.content {
	background: #fff;
	padding: 30px 45px;
	color: #24211f;
	float: right;
	width: 100%;
	min-height: 1185px;
}
.content h1 {
	margin-top: 0px;
	margin-bottom: 20px;
	color: #2a2522;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 30px;
}
.content h2 {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #2a2522;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 24px;
}
.content h3 {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #2a2522;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 18px;
}
.content p {
	font-size: 16px;
	font-weight: 300;
}

.items {
	padding-top: 30px;
}

.items .item {
	padding-left: 195px;
	position: relative;
	margin-bottom: 15px;
}
.items .item a {
	color: #2a2522;
	font-family: 'Gilroy';
	font-weight: 300;
	font-size: 18px;
	text-decoration: underline;
}
.items .item a:hover {
	text-decoration: none;
}
.items .item  img {
	width: 140px;
	position: absolute;
	left: 30px;
	top: 0px;
	z-index: 1;
}
.items .item .badges {
	position: absolute;
	top: 13px;
	left: 30px;
	z-index: 2;
}
.items .item .badges .stock {
	float: left;
	position: relative;
	padding: 0px 5px 0px 15px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 14px;
	text-align: right;
	background: #ec580e;
	margin-bottom: 7px;
}
.items .item .badges .stock::after {
	content: "";
	position: absolute;
	top: 0px;
	right: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 10px;
	border-color: transparent transparent transparent #ec580e;
}
.items .item .badges .hit {
	float: left;
	position: relative;
	clear: left;
	padding: 0px 5px 0px 15px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 14px;
	text-align: right;
	background: #44a5ff;
}
.items .item .badges .hit::after {
	content: "";
	position: absolute;
	top: 0px;
	right: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 10px;
	border-color: transparent transparent transparent #44a5ff;
}
.items .item .price {
	display: block;
	color: #ec580e;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 24px;
	padding: 25px 0px;
}
.items .item .price s {
	display: block;
	color: #000;
	font-size: 18px;
	padding-bottom: 5px;
}
.items .item .more {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	background: #fbd536;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 14px;
	color: #2a2522;
	text-transform: uppercase;
	padding: 0px 10px;
	border-radius: 4px;
	cursor: pointer;
}
.items .item ul {
	display: block;
	padding: 0px;
	margin: 30px 0px 0px 0px;
	list-style: none;
}
.items .item ul li {
	color: #24211f;
	font-family: 'Gilroy';
	font-weight: 300;
	font-size: 14px;
	line-height: 140%;
	padding: 0px 0px 10px 25px;
	background: url(../img/bullet.png) left 3px no-repeat;
}

.artikul {
	font-family: 'Gilroy';
	font-weight: 300;
	font-size: 16px;
	margin: -10px 0px 30px 0px;
}


.item-img {
	padding: 30px;
	border: 5px solid #f4f4f4;
	overflow: hidden;
}
.variants-carousel {
	width: 105px;
	float: left;
	padding: 20px 0px;
	position: relative;
}
.variants-carousel .prev, .variants-carousel .next {
	left: 28px;
    height: 10px;
	width: 48px;
    background-image: url('../img/variants-control.png');
    cursor: pointer;
    position: absolute;
}
.variants-carousel .prev {
	top: 0px;
	background-position: 0px -10px;
}
.variants-carousel .next {
	bottom: 0px;
	background-position: -48px -10px;
}
.item-variant {
	display: block;
	padding: 5px 0px;
	border: 1px solid #ececec;
	cursor: pointer;
	margin-bottom: 10px;
}
.item-variant:hover, .item-variant.active {
	border-color: #ec580e;
}
.main-img {
	margin-left: 135px;
	text-align: center;
}
.main-img img{
	max-height: 600px; 
}

.item-price {
	font-family: 'Gilroy';
	font-weight: 300;
	font-size: 18px;
	line-height: 150%;
}
.item-price s {
	display: block;
	font-size: 24px;
	line-height: 150%;
}
.item-price div {
	font-weight: 800;
	font-size: 36px;
	line-height: 150%;
	color: #ec580e;
}
.item-buy-button {
	padding-top: 10px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ececec;
}
.item-buy-button a {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding: 0px 25px;
	text-transform: uppercase;
	background: #fbd537;
	border-radius: 6px;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 24px;
	color: #2a2522;
	text-decoration: none;
}
.item-cond {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.item-cond li{
	color: #24211f;
	font-family: 'Gilroy';
	font-weight: 300;
	font-size: 16px;
	line-height: 140%;
	padding: 0px 0px 10px 25px;
	background: url(../img/bullet.png) left 3px no-repeat;
}
.item-comment {
	color: #24211f;
	font-family: 'Gilroy';
	font-weight: 300;
	font-size: 14px;
	line-height: 140%;
	margin-top: 30px;
}
.item-text {
	padding-top: 30px;
	padding-bottom: 30px;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs>li {
	margin-bottom: 0px;
}
.nav-tabs>li>a {
	height: 45px;
	line-height: 39px;
	border: 3px solid #f4f4f4;
	color: #c9c5c2;
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 20px;
	border-radius: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 20px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #2a2522;
	background: #f4f4f4;
	border: 3px solid #f4f4f4;
	margin-right: 4px;
}
.nav-tabs>li.active>a {
	height: 49px;
	border-bottom: 7px solid #f4f4f4;
	margin-bottom: 0px;
}
.nav-tabs>li>a:hover {
    border-color: #f4f4f4;
	background: #f4f4f4;
	color: #2a2522;
}
.tab-content {
	background: #f4f4f4;
	padding: 30px 15px;
}
.tab-content ul {
	font-size: 16px;
	line-height: 150%;
	color: #2a2522;
	padding-left: 25px;
}
.tab-content ul li {
	margin-bottom: 15px;
}

#photos {
	overflow: hidden;
	margin-bottom: -30px;
}
#photos div {
	margin-bottom: 30px;
}
#zamki {
	overflow: hidden;
	margin-bottom: -30px;
}

.zamok {
	margin-bottom: 30px;
}
.zamok a {
	background: #fff;
	display: block;
	text-align: center;
	padding: 15px;
	color: #24211f;
	font-family: 'Gilroy';
	font-weight: 800;
}
.zamok img {
	margin-bottom: 10px;
}

.modal-title {
	font-family: 'Gilroy';
	font-weight: 800;
}

.btn.btn-success, .btn.btn-success:active, .btn.btn-success:focus {
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 15px;
	color: #2a2522;
	text-decoration: none;
	text-transform: uppercase;
	background: #fbd537;
	border: none;
}


.page-catalog {
	margin-bottom: 30px;
}
.page-catalog .item {
	float: none;
	vertical-align: top;
	display: inline-block;
}

#map {
	height: 450px;
}


.menu-btn {
	display: inline-block;
	text-align: center;
	height: 43px;
	width: 105px;
	padding-right: 60px;
	margin-top: 6px;
	border: 2px solid #ec6412;
	border-radius: 3px;
	padding-top: 3px;
	position: relative;
}
.menu-btn::after {
	content: "Меню";
	position: absolute;
	top: 0px;
	right: 5px;
	color: #ec6412;
	font-weight: bold;
	line-height: 39px;
	text-transform: uppercase;
}
.menu-btn:hover, .menu-btn:active, .menu-btn:focus {
	color: #ec6412;
	text-decoration: none;
}
.menu-btn span {
	float: left;
	background: #ec6412;
	height: 3px;
	width: 31px;
	margin: 6px 0px 0px 5px;
	border-radius: 1px;
}


.mm-slideout { z-index:auto;}
.mm-panel {
	background: #fbd536 !important;
	font-family: 'Gilroy';
	font-weight: 800;
	text-transform: uppercase;
	font-size: 18px;
}
.mm-listview {
    line-height: 28px;
}
.mm-listview>li>a{
	font-size: 18px;
}
.mm-listview>li:not(.mm-divider):after {
    border-bottom-width: 1px;
    border-bottom-color: #b59511;
}
.mm-listview>li.mm-vertical>.mm-next, .mm-vertical .mm-listview>li>.mm-next {
    height: 48px;
	line-height: 48px;
}
.mm-listview>li.mm-vertical>.mm-next:after, .mm-vertical .mm-listview>li>.mm-next:after {
    top: 20px;
}
.mm-listview .mm-listview {
}
.mm-listview .mm-listview>li>a{
	font-size: 16px;
	color: #010230;
	text-decoration: none;
	font-weight: 800;
}
.mm-listview .mm-next:before {
    border-color: #b59511 !important;
}
.mm-menu .mm-listview>li .mm-next:after {
    border-color: #b59511;
}



.tbl-wrapper {
	padding: 0px 10px 30px 10px;
}
.table-params {
	display: table;
	width: 100%;
	font-size: 14px;
	line-height: 140%;
    border-collapse: separate;
}
.table-params .table-row {
	display: table-row;
}
.table-params .th, .table-params .td {
	display: table-cell;
	border-bottom: 1px solid #cbcbcb;
}
.table-params .th {
	padding: 15px 15px 15px 0px;
	width: 30%;
	color: #9e9995;
}
.table-params .td {
	padding: 15px 15px;
}

.table-delivery {
	background: #f4f4f4;
    padding: 15px;
	font-weight: bold;
}
.table-delivery .table-params .th {
	width: 75%;
	font-weight: normal;
}
.table-delivery .table-params .table-row:last-child .td, .table-delivery .table-params .table-row:last-child .th {
	border-bottom: none;
}

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



.pager li>a, .pager li>span {
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 18px;
	background: #eeeeee;
}
.pager li>a {
	color: #c9c5c2;
}
.pager li>a:hover {
	color: #000;
}


.cities {
    border: 5px solid #ec6412;
    padding: 15px 30px;
    margin-bottom: 30px;
}
.cities h2 {
	font-family: 'Gilroy';
	font-weight: 800;
	font-size: 22px;
	margin: 0px 0px 15px 0px;
}
.cities ul {
	list-style: none;
	font-size: 14px;
}
.cities ul a {
	color: #2a2522;
	text-decoration: underline;
}
.cities ul a:hover {
	text-decoration: none;
}



.mobile-call {
	display: none;
}



/* XS */
@media (max-width: 767px) {
	header {
		height: auto;
		padding-bottom: 30px;
	}
	header .logo {
		padding-top: 18px;
	}
	header .logo img {
		width: 100%;
	}
	header .title {
		font-size: 13px;
		line-height: 135%;
		padding-top: 15px;
		padding-left: 0px;
	}
	header .contacts {
		padding-top: 20px;
		text-align: center;
	}
	header .zamer .width {
		width: 100%;
		text-align: center;
		padding-top: 15px;
	}
	nav.fixed .phone {
		font-size: 18px;
		margin-top: 0px;
	}
	nav.fixed .address {
		background: #e8e8e8;
		position: absolute;
		top: 100%;
		left: 0px;
		right: 0px;
		height: auto;
		line-height: 130%;
		padding: 5px 0px;
		font-size: 12px;
		text-align: center;
		display: block;
	}
	.about {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.about h1 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.about p {
		padding: 0px;
		font-size: 14px;
	}
	.about .advantages {
		padding-top: 10px;
	}
	.about .advantages .item {
		font-size: 14px;
		line-height: 130%;
		width: 50%;
		margin-bottom: 15px;
	}
	.about .advantages .item:nth-child(5) {
		margin-left: 25%;
		
	}
	.about .advantages .item span {
		height: 75px;
		width: 75px;
		border-radius: 38px;
		background-size: auto 60%;
		margin-bottom: 5px;
	}
	.categories {
		padding: 30px 0px 15px 0px;
	}
	.categories h2 {
		margin-bottom: 25px;
		font-size: 20px;
		line-height: 140%;
	}
	.categories .item {
		width: 50%;
		margin-bottom: 24px;
	}
	.categories.inner .item {
		width: 50%;
	}
	.categories .item span {
		padding-left: 10px;
		padding-right: 10px;
	}
	.categories.inner .item span {
		padding-left: 5px;
		padding-right: 5px;
	}
	.categories .item span i {
		font-size: 16px;
	}
	.categories.inner .item span i {
		font-size: 14px;
	}
	.about-doors {
		padding: 40px 0px 15px 0px;
	}
	.about-doors h2 {
		margin-bottom: 30px;
		font-size: 20px;
		line-height: 140%;
	}
	.about-doors .row {
		background: none;
		min-height: auto;
	}
	.about-doors .item {
		position: relative;
		padding-left: 100px;
		float: left;
		width: 100%;
		height: auto;
		margin: 10px 0px 15px 0px;
	}
	.about-doors div + div .item {
		margin-left: 0px;
	}
	.about-doors .item::before {
		width: 70px;
		height: 70px;
		border-radius: 35px;
		background-size: 70px 70px;
	}
	.about-doors .item div {
		font-size: 16px;
		line-height: 110%;
		margin-bottom: 10px;
	}
	.about-doors .item p {
		font-size: 14px;
		line-height: 130%;
	}
	.main {
		padding: 30px 0px 30px 0px;
	}
	.main h2{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.main h3{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.main p, .main ul {
		padding: 0px;
		font-size: 14px;
	}
	.form {
		padding: 30px 0px;
	}
	.form h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.form p {
		font-size: 14px;
		line-height: 150%;
		margin-bottom: 20px;
		padding: 0px;
	}
	.form input  {
		margin-bottom: 15px;
	}
	footer {
		height: auto;
		padding-top: 20px;
		padding-bottom: 50px;
	}
	footer .logo {
		padding-top: 18px;
	}
	footer .logo img {
		width: 100%;
	}
	footer .title {
		font-size: 13px;
		line-height: 135%;
		padding-top: 15px;
		padding-left: 0px;
	}
	footer .contacts {
		padding-top: 20px;
		text-align: center;
	}
	footer .zamer .width {
		width: 100%;
		text-align: center;
	}
	footer .social {
		margin-top: 30px;
		text-align: center;
	}
	footer .social a {
		margin: 0px 5px;
	}
	.breadcrumb {
		margin-left: 0px;
	}
	.left {
		display: none;
	}
	.right {
		margin-left: -15px;
		margin-right: -15px;
	}
	.content {
		padding: 15px 15px;
		min-height: auto;
	}
	.content h1 {
		margin-bottom: 15px;
		font-size: 20px;
	}
	.content p {
		font-size: 14px;
	}
	.items .item {
		padding-left: 130px;
		margin-bottom: 30px;
	}
	.items .item img {
		left: 15px;
		width: 90px;
	}
	.items .item a {
		font-size: 16px;
	}
	.items .item .price {
		font-size: 20px;
		padding: 15px 0px;
	}
	.items .item .price s {
		font-size: 16px;
		padding-bottom: 5px;
	}
	.items .item ul {
		margin: 15px 0px 0px 0px;
	}
	.items .item ul li {
		font-size: 12px;
		line-height: 140%;
		background-position: left 0px;
	}
	.items .item .badges {
		left: 15px;
	}
	.items .item .badges .stock, .items .item .badges .hit {
		padding-left: 5px;
		padding-right: 2px;
		font-size: 12px;
		height: 20px;
		line-height: 20px;
	}
	.items .item .badges .stock::after, .items .item .badges .hit::after {
		right: -7px;
		border-width: 10px 0 10px 7px;
	}
	.modal-zamok-img {
		margin-bottom: 30px;
	}
	.item-img {
		padding: 10px;
		margin-bottom: 30px;
	}
	.main-img {
		margin-left: 125px;
	}
	.item-comment {
		padding-bottom: 30px;
		margin-bottom: 0px;
		border-bottom: 1px solid #ececec;
	}
	.nav-tabs>li>a {
		font-size: 15px;
		padding: 0px 10px;
	}
	.tbl-wrapper {
		padding: 0px 0px 10px 0px;
	}
	.table-params, .table-params .table-row, .table-params .th, .table-params .td {
		display: block;
	}
	.table-params .th {
		padding-bottom: 0px;
		border-bottom: none;
		width: 100%;
	}
	.table-params .td {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 5px;
	}
	.table-delivery .table-params .th {
		width: 100%;
	}
	.cities {
		border: 5px solid #ec6412;
		padding: 10px;
	}
	.cities h2 {
		font-size: 18px;
	}
	
	.cities ul {
		font-size: 12px;
	}
	.mobile-call {
		display: block;
		position: fixed;
		bottom: 10px;
		left: 15px;
		right: 15px;
		height: 35px;
		z-index: 2;
	}
	.mm-wrapper_opened .mobile-call {
		display: none;
	}
	.mobile-call a {
		display: block;
		height: 35px;
		line-height: 35px;
		background: #ec6412;
		color: #fff;
		font-size: 14px;
		text-align: center;
		border-radius: 5px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		vertical-align: top;
	}
	.mobile-call a::before {
		content: "";
		display: inline-block;
		position: relative;
		top: 2px;
		width: 19px;
		height: 14px;
		background: url(../img/icon_phone_white.png) center center no-repeat;
		background-size: auto 14px;
		margin: 0px 5px 0px 0px;
	}
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	nav ul {
		display: none;
	}
	nav.fixed .phone {
		margin-top: 0px;
		
	}
	.about {
		padding-bottom: 40px;
	}
	.about p {
		padding: 0px;
	}
	.about .advantages .item {
		width: 33.3333%;
		margin-bottom: 30px;
	}
	.about .advantages .item:nth-child(4) {
		margin-left: 120px;
	}
	.categories .item {
		width: 25%;
	}
	.about-doors h2 {
		margin-bottom: 30px;
	}
	.about-doors .row {
		background: none;
		min-height: auto;
	}
	.about-doors .item {
		margin-left: 0px;
	}
	.about-doors div + div .item {
		margin-left: 0px;
	}
	.main p, .main ul {
		padding: 0px;
	}
	.form p {
		padding: 0px;
	}
	.categories.inner .item {
		width: 33.33%;
	}
	.categories .item span i {
		font-size: 16px;
	}
	.breadcrumb {
		margin-left: 15px;
	}
	.left {
		display: none;
	}
	.right {
		margin-left: 0px;
	}
	.content {
		padding: 30px 15px;
		min-height: auto;
	}
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	nav ul li {
		margin-right: 27px;
	}
	nav.fixed ul li {
		margin-right: 15px;
		font-size: 13px;
	}
	nav.fixed ul li.stock::before {
		display: none;
	}
	nav.fixed .phone {
		display: block;
		float: right;
		color: #000;
		font-size: 18px;
		line-height: 56px;
		margin-top: 0px;
	}
	nav ul li:last-child {
		margin-right: 0px;
	}
	.about p {
		padding: 0px 100px;
	}
	.categories .item {
		width: 25%;
	}
	.about-doors .item {
		margin-left: 0px;
	}
	.about-doors div + div .item {
		margin-left: 140px;
	}
	.main p, .main ul {
		padding: 0px;
	}
	.form p {
		padding: 0px 100px;
	}
	.breadcrumb {
		margin-left: 225px;
	}
	.left {
		width: 200px;
	}
	.left .title {
		font-size: 18px;
	}
	.left > ul > li {
		padding: 25px 5px 25px 20px;
	}
	.left ul ul {
		font-size: 13px;
	}
	.left ul ul span {
		font-size: 11px;
	}
	.right {
		margin-left: 200px;
	}
	.content {
		padding: 30px 25px;
	}
	.categories.inner .item {
		width: 33.33%;
	}
	footer .social a {
		width: 36px;
		height: 36px;
		background-size: 180px 36px;
	}
	footer .social a.ok {
		background-position: -72px 0px;
	}
	footer .social a.fb {
		background-position: -36px 0px;
	}
	footer .social a.yt {
		background-position: -108px 0px;
	}
	footer .social a.in {
		background-position: -144px 0px;
	}
}

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

}