/**/
@media(max-width: 1420px){
	:root {
		--wrap: 1090px;
	}
	header{
		width: 1120px;
	}
	header .logo img {
		height: 20px;
		margin-left: 10px;
	}
	.topMenu{
		padding-left: 10px;
	}
	.topMenu a {
		font-size: 15px;
		padding: 4px 6px;
		margin: auto 2px;
	}
	.topMenu #citySelect {
		margin-left: 16px;
		width: 105px;
		padding-left: 24px;
		background-size: 20px;
	}
	#citySelect .cityList {
		left: auto;
		right: 0;
		top:44px;
	}
	.blk1 .wrap {
		height: 500px;
	}
	.blk1 .text {
		font-size: 52px;
	}
	.blk2 {
		padding: 80px 0;
	}
	.title_1 {
		font-weight: 400;
		font-size: 72px;
		margin-bottom: 26px;
	}
	.blk3 .wrap {
		background-size: 700px;
		height: auto;
	}
	.blk3 .blk3Text {
		width: 50%;
		padding-top: 75px;
	}
	.blk3 .butMore {
		margin-top: 40px;
	}
	.blk3 {
		padding: 50px 0;
	}
	.blk4 {
		padding-top: 0;
	}
	.blk4 .wrap {
		background: url(img/blk4bg2.png) no-repeat center top;
		padding-top: 870px;
	}
	.souTitle {
		top: 40%;
		font-size: 62px;
		padding-left: 3%;
	}
	.allProds {
		width: 140px;
		height: 140px;
		font-size: 18px;
		bottom: -120px;
	}
	.blk5 {
		margin-top: 200px;
	}
	.blk5 .wrap {
		height: 750px;
		background-size: 600px;
	}
	.blk5 .blk5Text {
		width: 50%;
		padding-top: 240px;
	}
	.blk6 {
		height: 850px;
		margin-top: -325px;
		background-size: 1500px;
	}
	.blk8 {
		margin-top: 130px;
	}
	.blk8 .wrap {
		height: 700px;
		background-size: 700px;
	}
	.blk8 .blk8Text {
		width: 45%;
		padding-top: 200px;
	}
	.blk10 .wrap {
		height: 670px;
		background-size: 650px;
	}
	.blk10 .blk10Text {
		width: 45%;
		padding-top: 100px;
	}
	.blk10 .blk10Text .text_1 {
		margin-bottom: 40px;
	}
	.butMore {
		width: 140px;
		height: 140px;
		font-size: 18px;
	}
	.blk12 {
		margin-top: 180px;
	}
	.blk12 .wrap {
		height: 700px;
		background-size: 650px;
	}
	.blk12 .blk12Text {
		width: 50%;
		padding-top: 300px;
	}
	.blk13 {
		height: 1000px;
		margin-top: -325px;
		background-size: 1300px;
		margin-bottom: -100px;
	}
	.blk15 {
		margin-top: 180px;
	}
	.blk15 .butMore.white{
		width: 170px;
		height: 170px;
		top: 81px;
		left: 350px;
	}
	.blk15 .blk15Text {
		width: 50%;
		margin: auto 0 auto auto;
		padding-top: 140px;
	}
	.blk15 .wrap {
		height: 640px;
		background-size: 600px;
	}
	.blk16 .img {
		width: 600px;
		height: 600px;
		margin: auto auto 60px;
	}
	.bigLogo {
		width: 250px;
		height: 250px;
	}
	.blk16 .title {
		font-size: 70px;
	}
	.blk16 .text {
		margin-bottom: 40px;
	}
	footer {
		margin-top: 130px;
	}
	footer .title {
		font-size: 70px;
	}
	.socFlex {
		margin-top: 50px;
	}
	.footerLine {
		padding: 50px 0;
	}
}

@media(max-width: 1120px){
	:root{
		--wrap: 990px;
	}
	header {
		width: 950px;
	}
	header .logo img {
		height: 16px;
	}
	.topMenu a {
		font-size: 14px;
		padding: 2px 4px;
		margin: auto 3px;
	}
	.topMenu #citySelect {
		margin-left: 7px;
		width: 26px;
		padding-left: 0;
		background-size: 20px;
		height: 22px;
	}
	#citySelect .curCity{
		display: none !important;
	}
	.blk1 {
		background-position-y: top;
		background-size: 150%;
	}
	.blk1 .wrap {
		height: 420px;
	}
	.blk1 .text {
		font-size: 44px;
	}
	.title_1 {
		font-weight: 400;
		font-size: 60px;
		margin-bottom: 20px;
	}
	.text_1 {
		font-size: 17px;
		line-height: 120%;
	}
	.blk3 .wrap {
		background-size: 500px;
	}
	.blk3 .blk3Text {
		width: 50%;
		padding-top: 40px;
	}
	.butMore {
		width: 120px;
		height: 120px;
		font-size: 16px;
	}
	.allProds {
		width: 120px;
		height: 120px;
		font-size: 17px;
		bottom: -100px;
	}
	.blk5 .wrap {
		height: 650px;
		background-size: 500px;
	}
	.blk5 .blk5Text {
		width: 50%;
		padding-top: 200px;
	}
	.blk8 {
		margin-top: 100px;
	}
	.blk8 .wrap {
		height: 600px;
		background-size: 600px;
	}
	.blk10 {
		margin-top: 140px;
	}
	.blk10 .wrap {
		height: 580px;
		background-size: 580px;
	}
	.blk11 .wrap {
		padding-top: 740px;
	}
	.blk12 .wrap {
		height: 600px;
		background-size: 550px;
	}
	.blk12 .blk12Text {
		width: 50%;
		padding-top: 240px;
	}
	.blk15 .wrap {
		height: 540px;
		background-size: 500px;
	}
	.blk15 .butMore.white {
		width: 150px;
		height: 150px;
		top: 64px;
		left: 286px;
	}
	.blk15 .blk15Text {
		padding-top: 120px;
	}
	.blk16 .img {
		width: 540px;
		height: 540px;
		margin: auto auto 60px;
	}
	.bigLogo {
		width: 232px;
		height: 232px;
	}
	.blk16 .title {
		font-size: 60px;
		margin-bottom: 30px;
	}
	.blk16 .text {
		margin-bottom: 30px;
	}
	footer {
		margin-top: 110px;
	}
	footer .title {
		font-size: 60px;
	}
	.socFlex {
		margin-top: 30px;
	}
	.socFlex .fTitle {
		font-size: 20px;
		margin-bottom: 18px;
	}
	a.phone {
		font-size: 20px;
	}
	a.soc {
		font-size: 20px;
		padding-left: 40px;
		margin-bottom: 14px;
	}
	.footerLine {
		padding: 40px 0;
	}
	.galleryItem:hover .forShow .price,
	.galleryItem .forShow .price {
		margin: 8px 0;
		font-size: 18px;
		max-height: 100px;
	}
	.galleryItem:hover .addToCart,
	.galleryItem .addToCart {
		padding: 12px;
		border-radius: 4px;
		width: 100%;
		height: 38px;
		background: #000;
		text-align: center;
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 13px;
		line-height: 123%;
		text-transform: uppercase;
		color: #fff;
		cursor: pointer;
		transition: all ease 0.3s;
		overflow: hidden;
	}
	.galleryItem:hover .img,
	.galleryItem .img {
		background-position: right center;
		margin-bottom: 8px;
		padding-top: 80%;
		background-repeat: no-repeat;
	}
	.gallery .galleryIn .galleryItem,
	.gallery .galleryIn .galleryItem:hover {
		width: 210px;
		min-width: 210px;
		max-width: 210px;
	}
}

@media(max-width: 992px){
	:root{
		--wrap: 100%;
	}
	.wrap{
		padding: 0;
	}
	.mobileMenuBtn {
		display: block;
		position: relative;
		width: 35px;
		height: 32px;
		cursor: pointer;
		margin-right: 1%;
	}
	.mobileMenuBtn:after,
	.mobileMenuBtn:before{
		content: "";
		display: block;
		position: absolute;
		width: 80%;
		height: 2px;
		background: #000;
		left:10%;
		transition: all ease 0.3s;
	}
	.mobileMenuBtn div{
		display: block;
		position: absolute;
		width: 80%;
		height: 2px;
		background: #000;
		left:10%;
		bottom: calc(50% - 1px);
		transition: all ease 0.3s;
	}
	.mobileMenuBtn:after{
		top: calc(25% - 1px);
	}
	.mobileMenuBtn:before{
		bottom: calc(25% - 1px);
	}
	.mobileMenuBtn.active:after,
	.mobileMenuBtn.active:before{
		width: 100%;
		left:0;
	}
	.mobileMenuBtn.active:after{
		transform: rotate(45deg);
		top:45%;
		transition: all ease 0.3s;
	}
	.mobileMenuBtn.active:before{
		transform: rotate(-45deg);
		bottom:45%;
		transition: all ease 0.3s;
	}
	header {
		position: fixed;
		width: 92%;
		padding: 6px 12px;
		top: 14px;
		border-radius: 8px;
		transition: all ease 0.3s;
	}
	header.active{
		border-radius: 8px 8px 0 0;
		transition: all ease 0.3s;
	}
	header.active .mobileMenuBtn div{
		opacity:0;
		transition: all ease 0.3s;
	}
	header nav {
		position: absolute;
		top: 44px;
		background: #fff;
		width: 100%;
		height: auto;
		max-height: calc(100vh - 90px);
		overflow-y: auto;
		left: -500%;
		border-radius: 0 0 8px 8px;
		flex-direction: column;
		opacity:0;
		padding: 0 5% 5%;
		transition: opacity ease 0.3s, left ease 0.1s 0.4s;
	}
	header.active nav{
		opacity:1;
		left:0;
		transition: opacity ease 0.3s;
	}
	header .logo img {
		height: 20px;
		margin-left: 10px;
	}
	.topMenu{
		padding-left:10px;
		padding-right:10px;
	}
	.topMenu a {
		font-size: 16px;
		padding: 14px;
		margin: 10px auto;
		width: auto;
		min-width: 380px;
		text-align: center;
		max-width: 380px;
		background: initial;
		background-color: #fff;
		border-radius: 40px;
		margin-bottom: 0;
		margin-top: 0;
		transition: background-color ease 0.3s;
	}
	.topMenu a:hover{
		color:#fff;
		background-color: #74af27;
		transition: all ease 0.3s;
	}
	.topMenu #citySelect {
		margin-left: auto;
		width: auto;
		padding-left: 27px;
		background-size: 20px;
		height: auto;
		max-width: 200px;
		min-width: 2px;
		margin-top: 18px;
	}
	#citySelect .curCity {
		display: block !important;
		font-size: 16px;
	}
	hr.toTop {
		width: 100%;
		margin: 20px auto 32px;
		background: rgba(0, 0, 0, 0.07);
		color: rgba(0, 0, 0, 0.07);
	}
	.citysList .citysListItem {
		font-size: 15px;
		width: 50%;
		margin-bottom: 2px;
	}
	.topContacts {
		font-family: "Proxima Nova";
		width: 100%;
		text-align: center;
	}
	.topContacts .title{
		font-weight: 400;
		font-size: 32px;
		line-height: 100%;
		letter-spacing: -0.02em;
		text-align: center;
		color: #000;
	}
	.topContacts .sub{
		font-weight: 400;
		font-size: 14px;
		letter-spacing: -0.01em;
		text-align: center;
		color: #000;
	}
	.topContacts .socFlex{
		flex-direction: column;
		margin-top: 10px;
	}
	.topContacts .socFlex .fTitle{
		color:#000;
		font-weight: 400;
		font-size: 14px;
		letter-spacing: -0.01em;
		text-align: center;
		opacity: 0.5;
		margin-bottom: 0;
	}
	.topContacts .socFlex .fItem{
		width: 100%;
		margin-bottom: 14px;
	}
	.topContacts a.phone:hover,
	.topContacts a.phone{
		background: #fff;
		font-family: var(--third-family);
		font-weight: 400;
		font-size: 24px;
		letter-spacing: -0.01em;
		color: #000;
	}
	.topContacts a.soc:hover, .topContacts a.soc {
		width: auto;
		border-radius: 0;
		max-width: 100%;
		min-width: 2px;
		font-family: var(--third-family);
		font-weight: 400;
		font-size: 16px;
		line-height: 100%;
		letter-spacing: -0.03em;
		color: #000;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: left center;
		padding: 12px 0 7px 38px;
		text-transform: initial;
		background-size: 24px;
		margin-bottom: 4px;
	}
	.topContacts .soc.tg{background-image:url(img/tg_.svg)}
	.topContacts .soc.vk{background-image:url(img/vk_.svg)}
	.topContacts .soc.wp{background-image:url(img/wp_.svg)}
	.topContacts .footerLine{
		flex-direction: column;
		padding: 10px 0 0;
	}
	.topContacts .footerLine a:hover,
	.topContacts .footerLine a{
		padding:0;
		margin-bottom: 10px;
		font-family: var(--third-family);
		font-weight: 400;
		font-size: 14px;
		line-height: 143%;
		letter-spacing: -0.03em;
		text-align: center;
		color: #000;
		text-transform: initial;
		background: #fff;
	}

	.preList {
		flex-wrap: wrap;
	}
	.preList .preItem {
		width: 40%;
		margin-bottom: 5%;
	}
	.blk2 {
		padding: 60px 0;
	}
	.preList .preItem .title {
		margin-top: 6px;
	}
	.nopk{display:block}
	.nomb{display:none}
	.blk3 .wrap {
		background: none;
	}
	.toImg{
		display: block;
		text-align: center;
	}
	.toImg img{
		margin:auto;
		max-width: 100%;
		width:auto;
		height: auto;
	}
	.blk3 .blk3Text {
		width: 84%;
		padding-top: 5%;
		margin: auto;
	}
	.blk3 .butMore {
		margin-top: 40px;
		margin-right: 0;
		margin-left: auto;
	}
	.butMore {
		width: 132px;
		height: 132px;
		font-size: 18px;
	}
	.blk3 {
		padding: 0;
	}
	.blk4 .wrap {
		background: url(img/blk4bg2M.jpg) no-repeat center top;
		padding-top: 100vw;
		background-size: 100vw;
	}
	.souTitle {
		top: 0;
		font-size: 64px;
		padding-left: 6%;
	}
	.gallery {
		padding: 0 5%;
	}
	.galNav{
		display: none;
	}
	.allProds {
		right: 3%;
	}
	.blk5 {
		margin-top: 150px;
	}
	.blk5 .wrap{
		background: none;
		height:auto;
	}
	.blk5 .toImg img{
		max-width:550px;
	}
	.blk5 .blk5Text {
		width: 84%;
		padding-top: 5%;
		margin: auto;
	}
	.blk6{
		display: none;
	}
	.blk7 {
		height: 337px;
		margin-top: 50px;
	}
	.blk8 .wrap {
		height: auto;
		background: none;
	}
	.blk8 .toImg img{
		max-width:550px;
	}
	.blk8 .blk8Text {
		width: 84%;
		padding-top: 5%;
		margin: auto;
	}
	.blk9 {
		position: relative;
		height: 337px;
		margin-top: 50px;
	}
	.blk10 .wrap {
		height: auto;
		background: none;
	}
	.blk10 .toImg img{
		max-width:550px;
	}
	.blk10 .blk10Text {
		width: 84%;
		padding-top: 5%;
		margin: auto;
	}
	.blk10 .butMore{
		margin-right: 0;
		margin-left: auto;
	}
	.blk12 .wrap {
		height: auto;
		background: none;
	}
	.blk12 .toImg img{
		max-width:550px;
	}
	.blk12 .blk12Text {
		width: 84%;
		padding-top: 5%;
		margin: auto;
	}
	.blk13{
		display: none;
	}
	.blk14 .wrap {
		padding-bottom: 0;
		padding-top: 0;
		height: 337px;
		margin-top: 50px;
	}
	.blk15 .wrap {
		height: auto;
		background: none;
	}
	.blk15 .toImg img{
		max-width:550px;
	}
	.blk15 .butMore.white {
		width: 156px;
		height: 156px;
		top: 20%;
		left: 25%;
	}
	.blk15 .blk15Text {
		width: 84%;
		margin: auto;
		padding-top: 5%;
	}
	.blk15 .butMore,
	.blk16 .butMore{
		margin-right: 0;
		margin-left: auto;
	}
	.blk16 .title {
		font-size: 48px;
		margin-bottom: 24px;
	}
	.blk16 .butMore{
		margin-right: 5%;
	}
	footer .title {
		font-size: 48px;
	}
	footer .title .sub {
		font-size: 18px;
		margin-top: 18px;
	}
	.blk1 {
		background-size: cover;
	}
}

@media(max-width: 736px){
	.blk4 .wrap {
		padding-top: 120vw;
	}
	.blk8,
	.blk12,
	.blk15 {
		margin-top: 150px;
	}
	.title_1 {
		font-size: 52px;
		margin-bottom: 18px;
	}
	.blk16 {
		padding-top: 60px;
	}
	.blk16 .text {
		width: 94%;
		margin: auto auto 24px;
	}
	.popup {
		width: 96vw;
		border-radius: 0;
		top: auto;
		bottom: 0;
		padding-top:0;
	}
	.popup::before {
		content: "";
		display: block;
		width: 100%;
		height: 9vw;
		background: url(img/toppop.svg) no-repeat top center;
		background-size: contain;
		position: absolute;
		top: -8vw;
		left: 0;
	}
	.popup.active {
		left: 50%;
		opacity: 1;
		transition: opacity ease 0.3s;

		transform: translateX(-50%);
	}
	.popup .close{
		display: none;
	}
	.popup_title {
		font-size: 72px;
		margin-bottom: 24px;
	}
	.botEsyPanelArea .botEsyPanel .botEsyPanelClose::after{
		display: none;
	}
	.botEsyPanelBody{
		position: relative;
	}
	.botEsyPanel::before {
		content: "";
		display: block;
		width: 100vw;
		height: 8.5vw;
		background: url(img/toppop.svg) no-repeat top center;
		background-size: cover;
		position: absolute;
		top: -8.5vw;
		left: 0;
		z-index: 2;
	}
	.botEsyPanelArea .botEsyPanel {
		border-radius: 0 0;
		padding: 0 16px 5%;
	}
	.gallery .galleryIn {
		width: 100%;
		overflow-x: visible;
	}
	.gallery {
		touch-action: initial;
		overflow-x: auto;
		scrollbar-color: transparent transparent;
	}
	.citysList {
		padding-top: 0;
		padding-left: 0;
	}
	.citysList .citysListItem {
		font-size: 18px;
		width: 100%;
		margin-bottom: 6px;
		text-align: center;
	}
}

@media(max-width: 600px){
	.socFlex {
		margin-top: 5%;
		flex-wrap: wrap;
	}
	.fItem {
		width: 90%;
	}
	.fItem {
		width: 90%;
		text-align: center;
		margin-bottom: 4%;
	}
	.socFlex .fList {
		width:auto;
		justify-content: center;
		align-items: center;
	}
	.footerLine {
		padding: 40px 0;
		flex-direction: column;
	}
	.footerLine a {
		margin: 8px auto;
	}
	.blk5 .toImg img,
	.blk8 .toImg img,
	.blk10 .toImg img,
	.blk12 .toImg img,
	.blk15 .toImg img {
		max-width: 100%;
	}
	.blk16 .img {
		width: 86vw;
		height: 86vw;
		margin: auto auto 6%;
	}
	.bigLogo {
		width: 42vw;
		height: 42vw;
	}
	.title_1 {
		font-size: 48px;
		margin-bottom: 16px;
	}
}

@media(max-width: 500px){
	.blk10 .blk10Text .text_1 {
		margin-bottom: 10px;
	}
	.blk3 .butMore {
		margin-top: 10px;
	}
	.blk16 .text,
	.blk15 .text_1 {
		margin-bottom: 10px;
	}
	footer {
		margin-top: 80px;
	}
	.blk8, .blk12,
	.blk15 {
		margin-top: 120px;
	}
	.blk5 {
		margin-top: 120px;
	}
	.topMenu a {
		min-width: 280px;
		max-width: 280px;
	}
}

@media(max-width: 450px){
	.preList .preItem{
		width: 44%;
		margin-bottom: 5%;
	}
	.blk2{
		padding: 40px 0;
	}
	.blk4{
		padding-top: 80px;
	}
	.blk11{
		padding-top: 40px;
	}
	.blk1 {
		background-image: url(img/blk1bgM.png);
		background-size: cover;
	}
	.blk1Text{
		display:none;
	}
	.blk1 .wrap {
		height: 180vw;
	}
	.blk4 .wrap {
		padding-top: 160vw;
	}
	.popup_title {
		font-size: 42px;
		margin-bottom: 12px;
	}
	.popup {
		padding: 0 20px 20px;
	}
	.popup_text {
		font-size: 18px;
		max-height: 50vh;
		overflow-y: auto;
	}
}