/*BANNER*/
.bannerside{
	width: 0;
}
#bannerTop{
	width: 100vw;
	background: linear-gradient(269.96deg, #D0D0D0 -1.81%, rgba(230, 230, 230, 0) 110.02%);
	margin: 0;
	padding: 0;
	text-align: left;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
	box-sizing: border-box;
}
#bannerTop .left{
	width: 59vw;
	padding: var(--marg-h-top, 100px) 3.125vw 6.11vw 8.5vw;
	color: #000000;
}
#bannerTop .left h1{
	font-weight: 700;
}
#bannerTop .left p{
	font-weight: 300;
	margin-bottom: 0.9vw;
}
#messengerslist {
	width: 20vw;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: space-between;
  	align-items: center;
}
.left #messengerslist a{
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 0.4vw;
}
.left #messengerslist img{
	display: inline-block;
	width: 2.3vw;
	height: 2.3vw;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.left #messengerslist a span{
	display: inline-block;
	position: absolute;
	top: 0vw;
	margin-left: 1vw;
	box-sizing: border-box;
	font-size: 1.667vw;
	font-weight: 700;
	line-height: 2.3vw;
}
.left #messengerslist a:nth-of-type(3){
	color: rgb(50,187,70);
}
.left #messengerslist a:nth-of-type(4){
	color: rgb(115,96,242);
}
.left #messengerslist a:nth-of-type(5){
	color: rgb(63,143,254);
}

#bannerTop .right{
	width: 41vw;
}
#bannerTop .right img{
	position: relative;
	width: 32vw;
	height: 27.36vw;
	margin: 6.94vw 0 6.94vw 0;
}

/*VITRINA*/
#vitrina{
	padding: 6.9444vw 9vw 5.2vw 9vw;
}
#vitrina h2{
	font-weight: 700;
}
#vitrina .flexbox{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
#vitrina .flexbox .item{
	position: relative;
	width: 18vw;
	height: 28.55vw;
	box-shadow: 0 0 1px rgba(199,199,199,0.1);
	border-radius: 1.11vw;	
	margin-bottom: 2.63vw;
}
/*значок хита продаж*/
#vitrina .item .hit{
	position: absolute;
	left: 2.3vw;
	top: -1.39vw;
	width: 3.125vw;
	height: 3.125vw;
	border-radius: 50%;
	background-color: var(--second-color, #ff0066);

	text-align: center;
	color: white;
}
#vitrina .item .hit p{
	margin: 0.8125vw 0.1875vw 0.9375vw 0.125vw;
	font-size: 0.625vw;
	line-height: 0.694vw;
	font-weight: 600;
}
/*картинка товара*/
#vitrina .item .img{
	position: absolute;
	width: 13.4vw;
	height: 13.89vw;
	top: 2.43vw;
	left: 2.291vw;
}
/*старая цена*/
#vitrina .item .oldprice{
	display: block;
	position: absolute;
	left: 1.39vw;
	top: 17.71vw;
	font-size: 1.25vw;
	font-weight: 300;
	line-height: 1.92vw;
	text-decoration: line-through;
	color: #CCC;
}
/*скидка*/
#vitrina .item .discount{
	display: block;
	position: absolute;
	left: 4.72vw;
	top: 17.71vw;
	font-size: 1.25vw;
	color: #D335AE;
	font-weight: 300;
	line-height: 1.92vw;
}
/*цена*/
#vitrina .item .price{
	display: block;
	position: absolute;
	right: 1.25vw;
	top: 17.2vw;
	font-size: 1.8vw;
	color: #000;
	font-weight: 600;
	line-height: 2.08vw;
}
/*описание*/
#vitrina .item .description{
	display: block;
	position: absolute;
	left: 1.39vw;
	top: 19.72vw;
	color: #000;
	font-weight: 400;
	width: 15.28vw;
	height: 3.68vw;
	text-align: left;
}
/*кнопка заказать*/
#vitrina .item .order{
	position: absolute;
	left: 1.39vw;
	top: 23.45vw;
	height: 2.917vw;
	width: 15.28vw;
	font-size: var(--p-size, 16px);
	color: #000;
	font-weight: 600;
	line-height: 1.736vw;
	text-align: center;
	border-radius: 0.5555vw;
	color: white;
	background-color: var(--main-color, #0066FF);;
	border: 0;
	transition: all 0.2s;
	cursor: pointer;
}
#vitrina .item .order:hover{
	color: #0066FF;
	background-color: #FFF;
	border: 1px solid var(--main-color, #0066FF);;
}
#vitrina .item .order:active{
	color: #FFF;
	background-color: var(--main-color, #0066FF);;
	border: 1px solid #FFF;
}

/*кнопка смотреть макеты*/
#showmakets{
	position: relative;
	width: 18vw;
	height: 3.4vw;
	margin: 0 auto;
	font-size: var(--p-size, 16px);
	color: #000;
	font-weight: 600;
	line-height: 1.736vw;
	text-align: center;
	border-radius: 0.5555vw;
	color: white;
	background-color: var(--second-color,#ff0066);
	border: 1px solid rgba(255,255,255,0.1);
	transition: all 0.2s;
	cursor: pointer;
    box-sizing: border-box;
}
#showmakets:hover{
	color: var(--second-color, #ff0066);
	background-color: #FFF;
	border: 1px solid var(--second-color, #ff0066);
}
#showmakets:active{
	color: #FFF;
	background-color: var(--second-color, #ff0066);
	border: 1px solid #FFF;
}

/*BUNNER MIDDLE*/
#bannermiddle{
	position: relative;
	width: 100vw;
	height: 29.51vw;
	background-image: url("../img/pechati/baner1.webp");
	background-size: 100% 120%;
	background-position: 0% 100%;
  padding-top: 11vw;
  box-sizing: border-box;
  border: 1px solid grey;
}
#bannermiddle h2{
	color: #FFF;
	font-weight: 700;
	line-height: calc(var(--h2-size)*1.5);
	width: 50vw;
	margin: 0 auto;
}


/*PROCEDURE*/
#procedure{
 padding: var(--marg-h-top, 100px) 8vw;
}
#procedure h2{
	font-weight: 500;
	color: #000;
}
#procedure .flexbox{
	margin-top: var(--marg-h-bottom, 60px);
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
}
#procedure .item:nth-of-type(2n+1){
	width: 20.13vw;
}
#procedure .item:nth-of-type(2n+2){
	width: 11.31vw;
}
#procedure .item:nth-of-type(5){
	width: 22.21vw;
}
.item img.smart{
	width: 100%;
	margin-bottom: 1.111vw;
}
#procedure .item p{
	font-weight: 400;
	color: #000;
/*	line-height: 1.83;*/
}
.item img.arrow{
	width: 100%;
	margin-top: 11.8vw;
}
.item img.izdelie{
	width: 22.21vw;
	margin: 3vw 0 4vw 2.57vw;
}


/*WHY PECHATI*/
#whypechati{
	position: relative;
	padding:  var(--marg-h-top, 100px) 8vw 0 8vw;
	color: #000;
	line-height: 1.5;
	text-align: center;
}
#whypechati h2{
	font-weight: 700;
	margin-bottom:  var(--marg-h-bottom, 60px);
}
#whypechati p{
	text-align: left;
	font-weight: 400;
}

/*QUESTIONS*/

/*CHOICE MAKET FORM*/
#shirmforall{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 11;
	box-sizing: border-box;
	background: rgba(255,255,255,0.75);
}

#maketchoicewrapper{
}

.formstyle{
	position: fixed;
	left: 34vw;
	top: 10vh;
	width: 32vw;
	height: 40vw;	
	z-index: 12;
	background: rgba(216, 216, 216, 0.69);
	backdrop-filter: blur(65px);/* Note: backdrop-filter has minimal browser support */
	border-radius: 1.2vw;
}
#maketchoice{
	position: relative;
	width: 99%;
	height: 99%;
	text-align: center;
	overflow: hidden;
}
/*close button*/
.closebtn{
	position: absolute;
	top: 4%;
	left: 90%;
	width: 1.95vw;
	height: 1.95vw;
	cursor: pointer;
	z-index: 13;
	background-image: url("../img/pechati/close_buton_black.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
.closebtn:hover{
	top: calc(4% - 1px);
	filter: drop-shadow(0px 3px 3px rgba(99, 99, 99, 0.3));
}
.closebtn:active{
	top: 4%;
	filter: drop-shadow(0px 1px 1px rgba(99, 99, 99, 0.3));
}
#maketchoice h2{
	position: absolute;
	font-weight: 500;
	font-size: var(--form-text-size, 20px);/*20px*/
	line-height: 1.3889vw;
	top: 10%;
	left: 32%;

}
#maketslider{
	position: absolute;
	top: 20%;
	width: 100%;
	height: 50%;
}
/*image maket*/
#maketslider .maketimg{
	position: absolute;
	display: block;
	top: 2px;
	left: 23%;
	width: 50%;
	transition: left 0.2s;
}

#maketslider .maketimg.shadowmaketimg:hover{
	top: 1px;
}
#maketslider .maketimg.shadowmaketimg:active{
	top: 2px;
}

/*button*/
#maketchoice input[type=button]{
	position: absolute;
	left: 28%;
	Top: 75%;
	width: 44%;
	height: 7%;
	font-size: var(--form-text-size, 20px);/*1.26vw;*/
	background-color: var(--second-color, #ff0066);
	color: #FFF;
	border: 0;
	border-radius: 0.7vw;
	transition: all 0.2s;
	cursor: pointer;
}
#maketchoice input[type=button]:hover{
	background-color: #FFF;
	border: 1px solid var(--second-color, #ff0066);
	color: var(--second-color, #ff0066);
}
#maketchoice input[type=button]:active{
	background-color: #FFF;
	color: var(--second-color, #ff0066);
	box-shadow: inset 0px 0px 9px rgba(203, 25, 163, 1);
}
/*arrows*/
#maketchoice .arrow{
	position: absolute;
	Top: 88%;
	width: 3.82vw;
	height: 1.042vw;
	border-radius: 0.7vw;
	cursor: pointer;
}
#maketchoice .arrow:hover{
	Top: 87.8%;
	filter: drop-shadow(0px 1px 1px rgba(9, 9, 9, 0.5));
}
#maketchoice .arrow:active{
	Top: 88%;
	filter: drop-shadow(0px 0px 1px rgba(9, 9, 9, 0.5));
}
#maketchoice .arrow.right{
	Left: 17.014vw;
}
#maketchoice .arrow.left{
	Left: 11.1111vw;
}

/*INN POST FORM*/
#innpost{
	font-size: var(--form-text-size, 20px);
	font-weight: 500;
	width: 99%;
	height: 99%;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	flex-direction: column;
}
.backbtn{
	display: block;
	position: absolute;
	box-sizing: border-box;
	top: 4%;
	left: 4%;
	width: 8%;
	height: 2%;
	cursor: pointer;
	background: rgba(216, 216, 216, 0.09) url("../img/pechati/Arrow_left_black.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: 14;
}

.backbtn:hover{
	top: 3.9%;
}

.backbtn:hover:after{
	position: absolute;
	content: "назад к макетам";
	font-weight: 300;
	color: #000;
	display: inline-block;
	font-size: 1vw;
	line-height: 1.2vw;	
	width: 10vw;
	top: -3.5vw;
	left: -2vw;
}
.backbtn:active{
	top: 4%;
}
.backbtn:active:after{
	top: -3.3vw;
}

#innpost h2{
	width: 70%;
	font-size: var(--form-text-size, 20px);
	line-height: 1.5em;
	position: relative;
	margin: auto;/* 5% auto 1.5%;*/
	box-sizing: border-box;
	text-decoration: none;
	display: block;
}
#innpost p{
	position: relative;
	display: block;
	margin: auto;/* 0 auto;*/
	font-size: var(--form-text-size, 20px);/*1.18vw;*/
	line-height: 1.5em;
}

#innpost input{
	display: block;
	margin: auto;/*6% auto;*/
	width: 67%;
	height: 8%;
	font-weight: 600;
	font-size: var(--form-text-size, 20px);/*1.18vw;*/
	line-height: 1.39vw;
	padding: 0.6vw;
	color: #FFF;
	border: 0;
	border-radius: 0.7vw;
	transition: all 0.2s;
	cursor: pointer;
}
#innpost input[type=text]{
	/*margin-bottom: 1%;*/
	width: 70%;
	color: #000;
	cursor: text;
	appearance: none;
	border-radius: 3px;
}
#innpost input[type=button][name=viber]{
	background-color: rgb(115,96,242);
}
#innpost input[type=button][name=whatsapp]{
	background-color: rgb(50,187,70);
}
#innpost input[type=button][name=telegram]{
	background-color: rgb(63,143,254);
}
#innpost input[type=button][name=email]{
	background-color: rgb(0,90,193);
}
#innpost input[type=button][name=viber]:hover{
	background-color: rgb(135,126,255);
}
#innpost input[type=button][name=whatsapp]:hover{
	background-color: rgb(70,207,90);
}
#innpost input[type=button][name=telegram]:hover{
	background-color: rgb(83,163,255);
}
#innpost input[type=button][name=email]:hover{
	background-color: rgb(20,110,213);
}

#innpost input[type=button]:active{
	box-shadow: inset 0px 0px 9px rgba(199,199,199,1);
}
#innpost p.innformtel{
	height: 8%;
	margin: auto;
}
/*form order OK*/
#orderok{
	text-align: center;

}
#orderok img{
	position: relative;
	margin: 12% auto;
}
#orderok p{
	font-size: var(--form-text-size, 20px);/*2.08333vw;*/
	margin-bottom: 5%;
}


/* ADAPTIVE BIG SCREENS */

@media screen and (min-width: 1440px){

	/*BANNER*/

	#bannerTop{	
		padding-left: 124px;

	}

	.bannerside{
		width: calc((100vw - 1440px)/2);
	}

	#bannerTop .left{
		width: 700px;
		padding: 67px 45px 88px 0px;
	}
	#bannerTop .left h1{
		font-size: var(--h1-size, 50px);
		line-height: 67.5px;
		margin-bottom: 10px;
	}
	#bannerTop .left p{
		font-size: var(--p-size, 16px);
		line-height: 1.5em;
		margin-bottom: 13px;
	}

	#messengerslist {
		width: 260px;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.left #messengerslist a{
		margin-bottom: 7px;
	}
	.left #messengerslist img{
			width: 33px;
			height: 33px;
	}
	.left #messengerslist a span{
		top: 0vw;
		margin-left: 14px;
		font-size: 24px;
		line-height: 33px;
	}


	#bannerTop .right{
		width: 590px;
	}
	#bannerTop .right img{
		width: 460px;
		height: 394px;
		margin: 100px 130px 100px 0;
	}

	/*VITRINA*/
	#vitrina{
		width: 1180px;
		margin: 0 auto;
		padding: 100px 130px 75px 130px;
	}
	#vitrina h2{
		font-size:  var(--h2-size, 36px);
		line-height: 55.26px;
		margin-bottom: 70px;	
	}
	#vitrina .flexbox .item{
		width: 260px;
		height: 411px;
		border-radius: 16px;	
		margin-bottom: 47px;
	}
	/*значок хита продаж*/
	#vitrina .item .hit{
		left: 33px;
		top: -20px;
		width: 45px;
		height: 45px;
		font-size: 9px;
		line-height: 10px;
	}
	#vitrina .item .hit p{
		margin: 8px 2.7px auto 1.8px;
	}
	/*картинка товара*/
	#vitrina .item .img{
		width: 193px;
		height: 200px;
		top: 35px;
		left: 33px;
	}
	/*старая цена*/
	#vitrina .item .oldprice{
		top: 255px;
		left: 20px;
		font-size: 18px;
		line-height: 27.63px;
	}
	/*скидка*/
	#vitrina .item .discount{
		top: 255px;
		left: 68px;
		font-size: 18px;
		line-height: 27.63px;
	}
	/*цена*/
	#vitrina .item .price{
		top: 245px;
		left: 126px;
		font-size: 26px;
		line-height: 29.91px;
	}
	/*описание*/
	#vitrina .item .description{
		top: 284px;
		left: 20px;
		font-size:  var(--p-size, 16px);
		line-height: 25px;
		width: 220px;
		height: 53px;
	}
	/*кнопка заказать*/
	#vitrina .item .order{
		left: 20px;
		top: 338px;
		height: 42px;
		width: 220px;
		font-size:  var(--p-size, 16px);
		line-height: 25px;
		border-radius: 8px;
	}

	/*кнопка смотреть макеты*/
	#showmakets{
		height: 49px;
		width: 260px;
		margin: 0 auto;
		font-size:  var(--p-size, 16px);
		line-height: 1.5em;
		border-radius: 8px;
		box-sizing: border-box;
	}

	/*BUNNER MIDDLE*/
	#bannermiddle{
		height: 425px;
    padding-top: 150px;
    background-size: 100% 120%;

	}
	#bannermiddle h2{
		font-weight: 500;
		width: 700px;
		color: #FFFFFF;
		line-height: calc(var(--h2-size)*1.5);/* 79px;*/
		text-align: center;
    display: block;
    margin: 0 auto;
	}

	/*PROCEDURE*/
	#procedure{
		width: 1180px;
		margin: 0 auto;
		height: 640px;
	 	padding:  var(--marg-h-top, 100px) 112px  var(--marg-h-top, 100px) 130px;
	}
	#procedure h2{
		font-weight: 700;
		margin: 0;
		padding: 0;
	}
	#procedure .flexbox{
		margin-top:var(--marg-h-bottom, 60px) ;
		justify-content: space-between;
	}
	#procedure .item:nth-of-type(2n+1){
		width: 290px;
	}
	#procedure .item:nth-of-type(2n+2){
		width: 163px;
	}
	#procedure .item:nth-of-type(5){
		width: 320px;
	}
	.item img.smart{
		width: 100%;
		margin-bottom: 16px;
	}
	#procedure .item p{
	}
	.item img.arrow{
		width: 100%;
		margin-top: 170px;
	}
	.item img.izdelie{
		width: 320px;
		margin: 60px 0 28px 37px;
	}
	
	/*WHY PECHATI*/
	#whypechati{
		width: 1180px;
		margin: 0 auto;
		padding: var(--marg-h-top, 100px) 115px 0 115px;
	}
	#whypechati h2{
	}
	#whypechati p{
	}

	/*CHOICE MAKET FORM*/
	.formstyle{
		left: calc(50vw - 230px);
		width: 500px;/*460px;*/
		height: 650px;/*690px;	*/
		border-radius: 16px;
	}
	/*close button*/
	.closebtn{
		width: 28px;
		height: 28px;
	}
	#maketchoice h2{
		left: 34.5%;
		font-size:  var(--form-text-size, 20px);
		line-height:  var(--form-text-size, 20px);
	}
	/*image maket*/
	/*button*/
	#maketchoice input{
		font-size:  var(--form-text-size, 20px);
		border-radius: 10px;
	}
/*	#maketchoice input[type=button]{
		font-size: 20px;
		border-radius: 10px;
	}*/

	/*arrows*/
	#maketchoice .arrow{
		width: 55px;
		height: 15px;
		border-radius: 10px;
	}
	#maketchoice .arrow.right{
		Left: 275px;
	}
	#maketchoice .arrow.left{
		Left: 160px;
	}

	/*INN POST FORM*/
	#innpost p, #innpost h2, #innpost input{
		font-size:  var(--form-text-size, 20px);
	}
	#innpost input{
		font-weight: 600;
		font-size:  var(--form-text-size, 20px);
		line-height:  var(--form-text-size, 20px);
		padding: 10px;
		border-radius: 10px;
	}
	#innpost .backbtn:hover:after{
		font-size: 12px;
		line-height: 14px;	
		width: 130px;
		height: 14px;
		top: -22px;
		left: -22px;
		border-radius: 8px;
	}
	/*form order OK*/
	#orderok p{
		font-size:  var(--form-text-size, 20px);
	}

}


/********** ADAPTIVE MOBILE SCREEN **********/

@media handheld and (orientation: portrait) and (min-resolution: 1.2dppx), all and (max-width: 540px){

	#wrapper{
		background-color: #CDCDCD;
		width: 100vw;
	}
	section{
		background-color: #FFFFFF;
		margin-bottom: 1.0667vw;/*4px*/
	}
	
	/*BANNER*/
	.bannerside{
		width: 0;
	}
	#bannerTop{
		width: 100vw;
		background: #FFFFFF;/*linear-gradient(269.96deg, #D0D0D0 -1.81%, rgba(230, 230, 230, 0) 110.02%);*/
		margin: 1.0667vw 0;/*4px*/
		padding: 0 0 3.75vw;/*0 0 45-25=20px*/
		text-align: center;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: flex-start;
		box-sizing: border-box;
	}
	#bannerTop .left{
		order: 1;
		width: 100vw;
		padding: 0;
		color: #000000;
	}
	#bannerTop .left h1{
		font-weight: 700;
	}
	#bannerTop .left p{
		font-weight: 300;
		width: 88vw;/*330px*/
		margin: 0 auto;
	}
	#messengerslist {
		width: 100vw;
		margin: 8vw auto 1.0667vw;/*30px auto 4px*/
		padding: 0;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: space-between;
	  align-items: center;
	  /* СПРЯТАТЬ ВСЕ КНОПКИ ЗАКАЗАТЬ */
	  display: none;
	}
	.left #messengerslist a{
		display: block;
		position: relative;
		width: 88vw;/*330px*/
		height: 10.1333vw;/*38px*/
		border-radius: 1.6vw ;/*6px*/
		background-color: grey;/*??????????????*/
		margin: 0 auto 6.67vw;/*25px auto*/
	}
	.left #messengerslist img{
		display: none;
	}
	.left #messengerslist a span{
		display: block;
		position: relative;
		top: 0vw;
		margin: 0 auto;
		box-sizing: border-box;
		font-size:  var(--p-size, 16px);/*3.2vw;/*12px*/
		font-weight: 600;
		line-height: 10.1333vw;/*38px*/
		color: #FFFFFF;
	}
	.left #messengerslist a:nth-of-type(1){
		background-color: grey;/* ?????????????????? */
	}
	.left #messengerslist a:nth-of-type(2){
		background-color: #0059DE;
	}
	.left #messengerslist a:nth-of-type(3){
		background-color: #37CF00;
	}
	.left #messengerslist a:nth-of-type(4){
		background-color: #6700BD;
	}
	.left #messengerslist a:nth-of-type(5){
		background-color: #0099BC;
	}
	.left #messengerslist a span:before{
		position: relative;
		top: 0vw;
		margin: 0;
		box-sizing: border-box;
		font-size:  var(--p-size, 16px);/*3.2vw;/*12px*/
		font-weight: 600;
		line-height: 10.1333vw;/*38px 5.866vw;22px*/
		color: #FFFFFF;			
	}
	.left #messengerslist a:nth-of-type(1) span:before{
		content: "Заказать по тел.: ";	
	}
	.left #messengerslist a:nth-of-type(2) span:before{
		content: "Заказать по e-mail: ";	
	}
	.left #messengerslist a:nth-of-type(3) span:before{
		content: "Заказать по Whats App: ";	
	}
	.left #messengerslist a:nth-of-type(4) span:before{
		content: "Заказать по Viber: ";	
	}
	.left #messengerslist a:nth-of-type(5) span:before{
		content: "Заказать по Telegram: ";	
	}

	#bannerTop .right{
		order: -1;
		position: relative;
		top: 0px;
		left: 0px;
		width: 100vw;
	}
	#bannerTop .right img{
		position: relative;
		width: 42.13vw;/*158px*/
		height: 36vw;/*135px*/
		margin: 12vw 26.4vw 8.266vw 31.466vw;/*45px 99px 31px 118px*/
	}


	/*VITRINA*/
	#vitrina{
		width: 100vw;
		padding: 11.466vw 0;/*2.667vw;43px 10px */
	}
	#vitrina h2{
		font-weight: 600;
	}
	#vitrina .flexbox{
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
		width: 94.667vw;/*355px*/
		box-sizing: border-box;
	}
	#vitrina .flexbox .item{
		position: relative;
		width: 46.933vw;/*176px*/
		height: 74vw;/*278px*/
		box-shadow: 0 0 1px rgba(199,199,199,0.1);
		border-radius: 1.11vw;	
		margin-bottom: 2.63vw;
		padding: 0;
		box-sizing: border-box;
	}
	/*значок хита продаж*/
	#vitrina .item .hit{
		position: absolute;
		left: 3.733vw;/*14px*/
		top: 0;
		width: 8.533vw;/*32px*/
		height: 8.533vw;/*32px*/
		box-sizing: border-box;
		border-radius: 50%;
		background-color: var(--second-color, #ff0066);
		text-align: center;
		color: white;
		padding-top: 1.2vw;
		z-index: 3;
	}
	#vitrina .item .hit p{
		margin: 0.8125vw 0.1875vw 0.9375vw 0.125vw;
		font-size: 2vw;
		line-height: 2vw;/* ???????????????? */
		font-weight: 600;/* ???????????????? */
	}
	/*картинка товара*/
	#vitrina .item .img{
		position: absolute;
		width: 35.37vw;/*132.65px*/
		height: 35.78vw;/*134.19px*/
		top: 6.216vw;/*23.31px*/
		left: 4.73vw;/*17.74px*/
	}
	/*старая цена*/
	#vitrina .item .oldprice{
		display: block;
		position: absolute;
		left: 3.645vw;/*13.67px*/
		top: 46vw;/*172.56px*/
		font-size: 3.0133vw;/*11.3px*/
		font-weight: 300;
		line-height: 4.533vw;/*17px*/
		text-decoration: line-through;
		color: #CACACA;
	}
	/*скидка*/
	#vitrina .item .discount{
		display: block;
		position: absolute;
		left: 12.4vw;/*46.48px*/
		top: 45.9vw;/*171px*/
		font-size:  3.0133vw;/*11.3px*/
		color: #CB19A2;
		font-weight: 300;
		line-height:4.533vw;/*17px*/
	}
	/*цена*/
	#vitrina .item .price{
		display: block;
		position: absolute;
		left: 22.965vw;/*86px*/
		top: 43.67vw;/*163px*/
		font-size: 4.35vw;/*16.317px*/
		color: #000;
		font-weight: 600;
		line-height: 6.67vw;/*25px*/
	}
	/*описание*/
	#vitrina .item .description{
		display: block;
		position: absolute;
		left: 3.645vw;/*13.67px*/
		top: 51.248vw;/*192.18px*/
/*		font-size: 3.0133vw;11.3px
		line-height: 4.267vw;16px
		font-weight: 400;*/
		color: #000;
		width: 40vw;/*150px*/
		height: 9.6vw;/*36px*/
		text-align: left;
	}
	/*кнопка заказать*/
	#vitrina .item .order{
		position: relative;
		left: 0;/*13px*/
		top: 72.3vw;/*229px*/
		margin: 0 auto;
		height: 7.467vw;/*28px*/
		width: 40vw;/*150px*/
		font-size: var(--p-size, 16px);/* 2.667vw;/*10px*/
		color: #FFFFFF;
		font-weight: 600;
		line-height: 7.467vw;
		text-align: center;
		border-radius: 1.3333vw;/*5px*/
		background-color: var(--main-color, #0066FF);;
		border: 0;
		transition: all 0.2s;
		cursor: pointer;

		/*ПРЯЧЕМ ВСЕ КНОПКИ ЗАКАЗАТЬ*/
		display: none;
	}
	#vitrina .item .order:hover{
		color: var(--main-color, #0066FF);;
		background-color: #FFF;
		border: 1px solid var(--main-color, #0066FF);;
	}
	#vitrina .item .order:active{
		color: #FFF;
		background-color: var(--main-color, #0066FF);;
		border: 1px solid #FFF;
	}

	/*кнопка смотреть макеты*/
	#showmakets{
		position: relative;
		width: 87.7333vw;/*329px*/
		height: 10.13333vw;/*38*/
		margin: 0 auto;
		font-size:  var(--p-size, 16px);/* 3.2vw;/*12px*/
		color: #000;
		font-weight: 600;
		line-height: 10.13333vw;/*22px*/
		text-align: center;
		border-radius: 1.6vw;/*6px*/
		color: white;
		background-color: var(--second-color, #ff0066);
		border: 1px solid rgba(255,255,255,0.1);
		transition: all 0.2s;
		cursor: pointer;
	  box-sizing: border-box;
	}
	#showmakets:hover{
		color: var(--second-color, #ff0066);
		background-color: #FFF;
		border: 1px solid var(--second-color, #ff0066);
	}
	#showmakets:active{
		color: #FFF;
		background-color: var(--second-color, #ff0066);
		border: 1px solid #FFF;
	}

	/*BUNNER MIDDLE*/
	#bannermiddle{
		position: relative;
		width: 100vw;
		height: 29.6vw;/*111px*/
		background-image: url("../img/pechati/baner1.webp");
		background-size: 100% 120%;
		background-position: 0% 100%;
	  padding-top: 8vw;
	      /*	margin-top: 0;*/
	  box-sizing: border-box;
	  border: 1px solid grey;
	}
/*	#bannermiddle p{
		position: relative;
		color: #FFF;
		font-weight: 700;
		width: 65.866vw;/*247px
		height: 11.2vw;/*42px
		margin: 0 auto;	
	}*/
	#bannermiddle h2{
		position: relative;
		color: #FFF;
		font-weight: 600;
		font-size:  var(--p-size, 16px);;
		line-height: calc(var(--h2-size)*1.1);
		width: 72vw;/*247px*/
		height: 11.2vw;/*42px*/
		margin: 0 auto;	
	}

	/*PROCEDURE*/
	#procedure{
	 padding: var(--marg-h-top, 26px) 0;

	}
	#procedure h2{
		font-weight: 600;
		color: #000;
		width: 80%;
		line-height: calc(var(--h2-size)*1.2);
		margin: 0 auto;
	}
	#procedure .flexbox{
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: space-between;
		width: 87.2vw;/*327px*/
		position: relative;
		margin: var(--marg-h-bottom, 16px)  auto 0;
	}
	#procedure .item:nth-of-type(2n+1){
		width: 66vw;/*190px*/
	}
	#procedure .item:nth-of-type(2n+2){
		width: 11.85vw;/*44.44px*/
		height: 26.67vw;/*100px*/
	}
	#procedure .item:nth-of-type(5){
		width: 66vw;/*190px*/
	}
	.item img.smart{
		width: 100%;
		height: 52.53vw;/*197px*/
		margin-bottom: 1.111vw;
	}
	#procedure .item p{
		font-weight: 400;
		color: #000;
		padding: 0 1em;
	}
	.item img.arrow{
		position: relative;
		width: 100%;
		margin-top: 0;
		transform: rotate(90deg) translateX(10vw);
	}
	.item img.izdelie{
		position: relative;
		left: 1vw;
		width: 31.2vw;/*117px*/
		height: 33.33vw;/*125px*/
		margin: 0 0 4vw;/*15px*/
	}
	#procedure .item{
		margin: 0 auto;
	}
	.brrr{
		display: none;
	}
	/*WHY PECHATI*/
	#whypechati{
		padding: var(--marg-h-top, 26px) 5.867vw var(--marg-h-top, 26px) 6.133vw;
	}
	#whypechati h2{
		font-weight: 700;
		line-height: calc(var(--h2-size)*1.5);
		margin-bottom: var(--marg-h-bottom, 16px);
	}
	#whypechati p{
		text-align: left;
		font-weight: 400;
	}

	/*QUESTIONS*/
	

	/*CHOICE MAKET FORM*/

	#maketchoicewrapper{
	}

	.formstyle{
		left: 5vw;
		top: 1vh;
		width: 90vw;
		height: 99vh;	
		border-radius: 3vw;
	}
	/*close button*/
	.closebtn{
		position: absolute;
		top: 4%;
		left: 90%;
		width: 4.5vw;
		height: 4.5vw;
	}
	.closebtn:hover{
		top: calc(4% - 1px);
		filter: drop-shadow(0px 3px 3px rgba(99, 99, 99, 0.3));
	}
	.closebtn:active{
		top: 4%;
		filter: drop-shadow(0px 1px 1px rgba(99, 99, 99, 0.3));
	}
	#maketchoice h2{
		font-weight: 600;
		font-size:  var(--form-text-size, 20px);/*20px*/
		line-height: 5.333vw;
		left: 27%;
	}
	/*button*/
	#maketchoice input[type=button]{
		left: 26%;
		Top: 70%;
		width: 50%;
		height: 8%;
		font-size:   var(--form-text-size, 20px);/*3vw;*/
		line-height: 5.333vw;
		border-radius: 2vw;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}
	/*arrows*/
	#maketchoice .arrow{
		position: absolute;
		Top: 84%;
		width: 12%;
		height: 3%;
		border-radius: 1%;
		cursor: pointer;
	}
	#maketchoice .arrow:hover{
		Top: 83.8%;
		filter: drop-shadow(0px 1px 1px rgba(9, 9, 9, 0.5));
	}
	#maketchoice .arrow:active{
		Top: 84%;
		filter: drop-shadow(0px 0px 1px rgba(9, 9, 9, 0.5));
	}
	#maketchoice .arrow.right{
		Left: 58%;
	}
	#maketchoice .arrow.left{
		Left: 33%;
	}

	/*INN POST FORM*/
	#innpost h2, #innpost p, #innpost input{
		font-size: var(--form-text-size, 20px);/*20px*/
	}
	.backbtn:hover{
		top: 0.8%;
	}
	#innpost h2{
		width: 70%;
		position: relative;
		margin: 5% auto 1.5%;
		box-sizing: border-box;
	}
	#innpost p{
	}
	#innpost input{
		display: block;
		width: 90%;
		height: 10%;
		font-weight: 600;
		padding: 0.6vw;
		border-radius: 2vw;
		transition: all 0.2s;
		cursor: pointer;
	}
	#innpost input[type=text]{
		width: 90%;
		color: #000;
		cursor: text;
		appearance: none;
		border-radius: 3px;
	}
	#innpost input[type=text][name=inn]{
	}
	#innpost p.innformtel{
	}
	/*form order OK*/
	#orderok img{
		margin: 12% auto;
	}
	#orderok p{
		font-size: var(--form-text-size, 20px);
		margin-bottom: 5%;
	}

}