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

font-style: italic;
}




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

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

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

:root {
    --color-primary: #665142;
}

img {
    max-width: 100%
}

a {
    text-decoration: none;
    transition: 0.5s;
    text-decoration: none;
    color: black
}

a:hover {
    color: #A86A6D
}

ul,ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin-bottom: 0;
}

body {
    font-family: 'HelveticaNeueCyr';
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    overflow-x: hidden;
    color: #383A3E;
    overflow-x: hidden;	
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;    

}

h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom:32px;
    color: var(--color-primary);
}






section {
    padding: 50px 0;
    position: relative;
}

.promo2 {margin-bottom: 0px;}
section.catalog-cat {
	margin-top: 50px;
	position: relative;
	z-index: 1;
	clear: both;
}
section.promo2:after {content:'';background: #acb5be;width: 1050px;position:absolute;left: 0px;height: 420px;bottom: -60px;z-index: -1;border-radius:0px 0 0 0px;display: none;}

::focus {
    border: none;
    outline: 0
}

.hid {
    display: none;
}

.phone {
    position: relative
}

.phone a {
    cursor: pointer;
}


.mob {
    display: none
}

.no-bg {
    background: none !important
}



/*FLEX*/

.fl {
    display: flex;
}

.fw {
    flex-wrap: wrap;
}

.jsb {
    justify-content: space-between;
}

.jc {
    justify-content: center;
}

.jfe {
    justify-content: flex-end;
}

.jsa {
    justify-content: space-around;
}

.ac {
    align-items: center;}

.ae {
    align-items: flex-end
}

.tc {
    text-align: center;
}

.cw {
    color: white
}

.cb {
    color: black;
}

.container-fluid {
    padding: 0 7%
}


.mob {
    display: none
}

.dnone {
    display: none
}

/*HEADER*/
nav ul li a {
    font-size: 16px;
    line-height: 27px;
    text-transform: none;
    padding: 0 30px
}

.phone a {
    color: var(--color-primary);
    font-size: 16px;
    line-height: 32px;
    margin-right: 20px;
}

.phone span {
    font-size: 16px;
    line-height: 24px;
    opacity: 0.7;
}

header {box-shadow:0px 0px 15px silver}



/*ABOUT*/


.about .angry-grid {
   display: grid; 

   grid-template-rows: 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   
   gap: 0px;
   height: 100%;
   
}
  
.about #item-0 {

   background-color: #8E975F; 
   grid-row-start: 1;
   grid-column-start: 1;
   grid-row-end: 3;
   grid-column-end: 2;
   
}
.about #item-1 {

   background-color: #B5F569; 
   grid-row-start: 1;
   grid-column-start: 2;

   grid-row-end: 3;
   grid-column-end: 3;
   
}
.about #item-2 {

   background-color: #B98E9B; 
   grid-row-start: 1;
   grid-column-start: 3;

   grid-row-end: 2;
   grid-column-end: 4;
   
}
.about #item-3 {

   background-color: #BFD5DC; 
   grid-row-start: 2;
   grid-column-start: 3;

   grid-row-end: 3;
   grid-column-end: 4;
   
}

/*SALE*/


.sale .angry-grid {
   display: grid; 

   grid-template-rows: 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr;
   
   gap: 0px;
   height: 100%;
   
}
  
.sale .item-0 {

   background-color: #8E975F; 
   grid-row-start: 1;
   grid-column-start: 1;

   grid-row-end: 3;
   grid-column-end: 2;
   
}
.sale .item-1 {

   background-color: #7DE7C9; 
   grid-row-start: 1;
   grid-column-start: 2;

   grid-row-end: 2;
   grid-column-end: 3;
   
}
.sale .item-2 {

   background-color: #F8B6BC; 
   grid-row-start: 2;
   grid-column-start: 2;

   grid-row-end: 3;
   grid-column-end: 3;
   
}
.sale .item-3 {

   background-color: #E95979; 
   grid-row-start: 1;
   grid-column-start: 3;

   grid-row-end: 3;
   grid-column-end: 4;
   
}


.logo img {max-width:320px}
.logo2 img {max-width:320px}
.promo2 p {margin-bottom:20px;max-width: 600px;}
.promo p {margin-bottom:20px;max-width: 600px;}

.more a {border: 1px solid #6c5544;font-weight:500;text-transform:uppercase;padding:15px 15px 12px 15px;line-height:1;display:inline-block; color:#6c5544}
.more a:hover {background:#6c5544; color:white;}

section.catalog-cat h2 {color: var(--color-primary);font-size: 30px;text-transform: uppercase;}

section.catalog-cat h2 {
    margin-bottom: 30px;
}

.mark1 {
    position: relative;
    top: -5px;
}

.soc a {
    font-size: 30px;
    padding: 0 10px;
    color: var(--color-primary);
}

.copy {
    margin-top: 20px;
}

section.catalog-cat .item a.back {
    width: 100%;
    height: 500px;
	position:relative;
    display: block;
    background-position: center center !important;
}
section.catalog-cat .title {display:block;text-align:center;font-size: 19px;margin-top: 20px;position:absolute;bottom:10px;right:30px;text-transform: uppercase;}
section.catalog-cat .item+.item .title {color:#ececec;}
section.catalog-cat .item+.item+.item .title {}

section.catalog-cat .fl {margin:0 -15px;}
section.catalog-cat .item {
    flex-basis: 33.33%;
    padding: 0 15px;
	margin-bottom:30px
}

section.catalog-cat .gal .item {
    flex-basis: 50%;
    padding: 0 15px;
	margin-bottom:30px
}

.logo2 p {font-size:13px;max-width: 400px;}


footer {margin-top:50px;padding-bottom: 40px;clear: both;}
footer .container { border-top:1px solid #eee; padding-top:20px;}
footer .menu li {margin-bottom:15px;}
.copyright {
    font-size: 13px;
}

.link a {
    font-size: 13px;
}



section.promo .image img {
    display: block;
    
	padding: 0 15px;
}

section.promo .image div {flex-basis:50%}
section.promo .image {margin:0 -15px}
section.promo .text {
    /* flex-basis: 50%; */
    padding-right: 50px;
    padding-left: 30px;
}

.promo .image.ac.fl {
    flex-basis: 70%;
}

.promo .container {
    /* margin-right: 0; */
    /* padding-right: 0; */
}




section.promo2 .image img {
    display: block;
    
	padding: 0 15px;
}

section.promo2 .image div {flex-basis:50%}
section.promo2 .image {margin:0 -15px}
section.promo2 .text {
    /* flex-basis: 50%; */
    padding-right: 50px;
}

.promo2 .image.ac.fl {
    flex-basis: 70%;
}

.promo2 .container {
    /* margin-right: 0; */
    /* padding-right: 0; */
}


section.catalog-cat.cat2 .intro {

    max-width:900px;

margin:10px auto 30px;}

section.catalog-cat.cat2 .intro p {margin-bottom:10px;}
.promo-about .image {
    flex-basis: 40%;
}
.all-har table tr td {
    border-bottom:1px dotted #eee;
    padding:5px 0
}
.all-har table tr td+td {
    padding-left:20px;
}
section.promo.promo-about:after {content:'';background: #acb5be;width: 1200px;position:absolute;right: 130px;height: 440px;bottom: 120px;z-index:-1;border-radius:0px 0 0 0px;display: none;}
section.promo.promo-about .text {
    color: black;
    margin-top: 0;

}
section.promo.promo-about {background: url(../img/fon2.png) no-repeat 70% 90%;background-size: 700px;}








section.promo.promo-about.cat2 .text {
    margin-top: 10%;
}
.leftmenu {max-width:200px;}
.leftmenu ul li a {
    padding: 5px 0;
    display: block;
	border-bottom:1px solid #eee
}
.leftmenu ul li:last-child a {border:none;}
.leftmenu ul ul a {border:none;}
.leftmenu {
    margin-top: 10px;
}

.leftmenu ul ul {padding-left:5px}



section.promo.promo-about {
    background: none;
}

.podl {background: #acb5be;position: relative;z-index: -1;text-align: center;padding-right: 50px;margin-top: -470px;right: 0;width: 78%;height: 400px;float: right;padding-left: 180px;}

.podl img {width: 700px;}

.promo2 .podl {float:left !Important;text-align:left !important;padding-left:50px !important;top:100px !important;max-height: 420px;} 


@media (max-width: 1624px) {
	
.podl {background: #acb5be;position: relative;z-index: -1;text-align: center;padding-right: 50px;margin-top: -430px;right: 0;width: 78%;height: 360px;float: right;padding-left: 180px;}

.podl img {width: 700px;}	
	
}


@media (max-width: 1524px) {
	
.podl {background: #acb5be;position: relative;z-index: -1;text-align: center;padding-right: 50px;margin-top: -420px;right: 0;width: 78%;height: 400px;float: right;padding-left: 180px;}

.podl img {width: 700px;}	
.promo2 .podl {
    float: left !Important;
    text-align: left !important;
    padding-left: 50px !important;
    top: 180px !important;
    max-height: 370px;
}	
}


@media (max-width: 1424px) {
	
	.podl {background: #acb5be;position: relative;z-index: -1;text-align: center;padding-right: 50px;margin-top: -370px;right: 0;width: 78%;height: 310px;float: right;padding-left: 180px;}

.podl img {width: 550px;}
	.promo2 .podl {
    float: left !Important;
    text-align: left !important;
    padding-left: 50px !important;
    top: 192px !important;
    max-height: 270px;
}
	
}

@media (max-width: 1324px) {
	
	.podl {background: #acb5be;position: relative;z-index: -1;text-align: center;padding-right: 50px;margin-top: -370px;right: 0;width: 78%;height: 310px;float: right;padding-left: 180px;}

.podl img {width: 550px;}
	
}


@media (max-width: 1224px) {
	
	
	.podl {background: #acb5be;position: relative;z-index: -1;text-align: center;padding-right: 50px;margin-top: -220px;right: 0;width: 78%;height: 240px;float: right;padding-left: 180px;}

.podl img {width: 500px;}
	.promo2 .podl {
    float: left !Important;
    text-align: left !important;
    padding-left: 50px !important;
    top: 0px !important;
    max-height: 270px;
		margin-top:-50px;
}
}

@media (max-width: 1124px) {
	
	.podl {background: #acb5be;position: relative;z-index: -1;text-align: center;padding-right: 50px;margin-top: -210px;right: 0;width: 78%;height: 250px;float: right;padding-left: 180px;}

.podl img {width: 450px;}
		.promo2 .podl {
    float: left !Important;
    text-align: left !important;
    padding-left: 50px !important;
    top: 0px !important;
    max-height: 200px;
    margin-top: 00px;
}
	
}


@media (max-width: 1024px) {
	.promo-about .image {
    flex-basis: 65%;
}
	.podl {background: #acb5be;position: relative;z-index: -1;text-align: center;padding-right: 50px;margin-top: -140px;right: 0;width: 78%;height: 220px;float: right;padding-left: 180px;}

.podl img {width: 400px;}
	section.promo .text {
    /* flex-basis: 50%; */
    padding-right: 10px;
    padding-left: 30px;
}
}


section.product .fl .image {
    flex-basis: 40%;
}

section.product .fl .text {
    flex-basis: 60%;
    padding-left:40px;
}


section.product .price {font-size:28px; margin-bottom:20px;}
section.product .addcart button {padding:8px 35px;margin-bottom:30px;border-radius: 0;}
section.product .text ul {padding:10px 20px;}
section.product .text ul li {list-style:disc;margin-left: 0;}
section.product .dopimg {margin-top:20px; margin-left:-9px; margin-right:-15px;}
section.product .dopimg {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
section.product .dopimg a {display:block; margin-bottom:20px; padding:0 8.5px;}
section.product .text p {
    margin-bottom: 15px;
}
section.product h1 {line-height: 130%}
section.product .text h3 {
    margin-top: 30px;
}


/*CATALOG*/

.item-prod {
    flex-basis: 25%;
    box-shadow: 0px 0px 15px silver;
    margin: 20px 0;
    padding-bottom: 1px;
}

.item-prod img {width:100%}
.text-prod {
    padding: 15px;
}
.catalog-prod li {padding: 0 15px;flex-basis: 33%;}
.text-prod .title-prod {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 15px;
}

.text-prod .price {
    font-size: 18px;
    font-weight: 500;
}

.text-prod {
    min-height: 197px;

}

.item-prod a.more {
    border: 2px solid black;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    background: none;
    text-align: left;
    display: block;
    line-height: 1;
    padding: 11px 19px 7px 19px;
    color: black;
    text-align: center;
    width: auto;
    margin:0 15px 15px;
    max-width:150px;

}

.item-prod a.more:hover {background:#000; color:white}

.item-prod a:hover {
    color: black;

}

button.close.icon-close {
    background: none;
    border: none;
    position: absolute;
    right: 5px;
    top: 5px;
}

button.close.icon-close img {
    width: 16px;
}

.modal-title {
    text-align: center;
    padding: 10px;
}

.btn-secondary {background: #000; }

.product-single-qty {
    display: flex;
    align-items: center;
}

.product-single-qty .but {
    border: none;
    background: none;
    border: 1px solid black;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-single-qty .but i {font-size:14px}

.product-single-qty .but:hover {background:black; color:white;}
.product-single-qty input {
    border: 1px solid black;
    border-radius: 0;
    width: 50px;
    text-align: center;
    font-weight: 700;
    margin: 0 5px;
    height: 40px;
}

button.but.remove {
    margin: 0 4px;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #d9dee2;
}

tr.product-row {
    vertical-align: middle;
}

tr.product-row td {vertical-align:middle; font-size:18px}
tr.product-row {
    vertical-align: middle;
}

tr.product-row td {vertical-align:middle; font-size:18px}

form input.form-control {
    border-radius: 0;
    border:1px solid #d9dee2;
    padding:10px 10px;
    display:block;
    max-width:300px;
    
}

form .form-group {margin-bottom:10px;}
form input.form-control::placeholder {font-weight:400;font: 17px/3 HelveticaNeueCyr;}

form button.btn.btn-primary {background:#000;border:2px solid black;border-radius:0;text-transform:uppercase;font-weight:600;font-size:14px;line-height:1.5;margin-top: 20px;}
.form-zakaz {
    padding: 50px 0;
}

.form-zakaz h2 {
    margin-bottom: 30px;
}

.panel.form-group p {
    margin-bottom: 10px;
    margin-top: 20px;
}

span.cart-count.badge-circle {
    background: #6d5544;
    color: white;
    border-radius: 50%;
    font-size: 11px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.cart a i {
    font-size: 21px;
}

ul.fl.fw.catalog-prod {
    margin: 0 -15px;
}
.related {
    margin-top: 60px;
}

.modal-footer {
    border: none;
}
.market {padding:0 10px;position:relative; top:-3px;}
.market img {
    width:130px
}
footer .market {
    margin-top: 45px;
    padding-left: 0px;
}
footer .market img {
    width: 180px;
}
footer .pay {
margin-top:-40px;
}
.text ul li {
    list-style: disc;
    margin-left: 30px;
}
.addcart {
    margin-top: 30px;
    display: flex;

}

.addcart button:hover {
    background: #78604f;
}


.market-but a {
    padding: 8px 35px;
    margin-bottom: 30px;
    border-radius: 0;
    background: #fed32b;
    margin-left: 0;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.market-but a:hover {
    background: #000; color:#fed32b;
}

.dr-prod {
    padding:10px 0
}

.dr-prod h4 {
    font-size:16px;
    font-weight:600;
}
.dr-prod a {
    border:1px solid #ddd;
    display: inline-block ;
    border-radius:0px;
    padding:5px 8px 4px;
    line-height: 1;
}

.dr-prod a.current, .dr-prod a:hover {
    background:#000;
    color:white;
    transition:0.5s;
    border-color:#000;
}
.dr-prod a+a {
    margin-left:15px;
}
.product h3 {
    margin-bottom:20px;
}
.product h3 br {
    display:none;
}

.dr-prod + .har {
    margin:20px 0 5px;
}

.har {
    margin-bottom:5px;
}

.product video {
    max-width:100%;
    text-align: center;
    margin:15px auto;
}

.video {
text-align: center;
}
.promo.promo-about .podl {
    position: relative;
    margin-top: 0px;

}
#upbutton {
    right: 30px;
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 9999;
    bottom: 50px;
}

@media (min-width:1024px) and (max-width: 1500px) {
nav ul li a {
    font-size: 16px;
    line-height: 27px;
    text-transform: none;
    padding: 0 16px;
}
.logo img {
    max-width: 260px;
}	
}