#main{
	margin-top: 0;
	padding-bottom: var(--marg-h-bottom, 60px);
}

/* MAKETY */
.makety{
	width: 82%;
	padding: 0vw 8vw;
}

/* breadcrumbs */
#breadcrumbs{
	position: relative;
	margin-top: 2.083vw;
	padding: calc(var(--marg-h-top) - 2.083vw - var( --p-size,  16px)) 0 0; /*2.08vw 0 0;*/
	text-align: left;
}
#breadcrumbs ul{
	position: absolute;
	top: 0;
	left: 0;
}
#breadcrumbs ul li{
	display: inline;
}

#breadcrumbs ul,a{
	font-size: var(--p-size, 16px);/* 1.5vw;*/
	line-height: 1em; /*2.01388vw;29px;*/	
	font-style: normal;
	font-weight: 400;
	color: var(--main-color, #0066FF);
}

a.backbuttonhead{
	position: absolute;
	color: var(--second-color, #ff0066);
	left: 8.4%;
	top: calc(var(--marg-h-top) - 2.083vw);
	font-weight: 400;
	font-size:  var(--p-size, 16px);/*1.36vw; 19.5359px;*/
	line-height: 1em;
}

#main .makety h1{
	font-weight: 700;
	text-align: center;
	margin-bottom: var(--marg-h-bottom, 60px);
}


/* VITRINA */
.makety h2{
	font-size: var(--h2-size, 40px); /*1.8vw;*/
	font-weight: 400;	
	margin-top: var(--marg-h-top, 100px);	
	margin-bottom: var(--marg-h-bottom, 60px);	
}
.makety .flexbox{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.makety .flexbox .item{
	position: relative;
	width: 18.1vw;
	height: auto;/*23vw;*/
	margin-bottom: 3vw;
}
.makety .flexbox .item.shtamp{
	height: 6vw;
}
.makety .flexbox.fiverows .item{
	width: 13vw;
}
.makety .flexbox.fourrows .item{
	width: 17vw;
}
.makety .flexbox.threerows .item{
	width: 20vw;
}
.makety .flexbox.tworows .item{
	width: 26vw;
}
.makety .flexbox .item img{
	position: relative;
	width: 100%;
	margin-bottom: 1vw;
	cursor: pointer;
	border-radius: 50%;
	background-color: white;
	transition: all 0.5s;
}
.makety .flexbox .item.shtamp img{
	border-radius: 0;
}
.makety .flexbox .item img:hover{
	box-shadow: 0 0 3px rgba(110,110,110,0.8);
}
.scalemaket{
	transform: scale(1.1);
	box-shadow: 0 0 5px rgba(110,110,110,0.8);
	z-index: 12;
}

.makety p{
	color: var(--second-color, #ff0066);
	font-size: var(--p-size, 16px);
}
.makety p.shtampsize{
	margin-bottom: 3.75vw;/*54px*/
}

/* кнопка заказать */
.makety input[type=button]{
	position: relative;
	height: 3vw;
	font-size: var(--p-size, 16px);
	font-weight: 600;
	width: 20%;
	text-align: center;
	border-radius: 0.6vw;
	color: white;
	background-color: var(--main-color, #0066FF);
	border: 0;
	transition: all 0.2s;
}
.makety input[type=button]:hover{
	color: var(--main-color, #0066FF);
	background-color: #FFF;
	border: 1px solid var(--main-color, #0066FF);
}
.makety input[type=button]:active{
	color: #FFF;
	background-color: var(--main-color, #0066FF);
	border: 1px solid #FFF;
}

/* FORM ORDER MAKET */
#shirmforall{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 11;
	box-sizing: border-box;
	background: rgba(255,255,255,0.75);
}
/*close button*/
.closebtn{
	position: absolute;
	width: 3vw;
	height: 3vw;
	top: 3%;
	left: 89%;
	cursor: pointer;
}
.closebtn:hover{
	top: calc(3% - 1px);
	filter: drop-shadow(0px 3px 3px rgba(99, 99, 99, 0.3));
}
.closebtn:active{
	top: 3%;
	filter: drop-shadow(0px 1px 1px rgba(99, 99, 99, 0.3));
}

/*INN POST FORM*/
.formstyle{
	position: fixed;
	left: 30vw;/*calc(50vw - 230px);*/
	top: 1vh;
	width: 40vw;/*460px;*/
	height: 50vw;/*610px;	*/
	overflow: hidden;
	z-index: 12;
	background: rgba(216, 216, 216, 0.69);
	backdrop-filter: blur(45px);/* Note: backdrop-filter has minimal browser support */
	border-radius: 16px;
}
#innpost{
	font-size: var(--form-text-size, 20px);
	font-weight: 500;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 2vw 0;
}
#innpost h2{
	font-size: var(--form-text-size, 20px);
	line-height: 1em;
	margin: auto;
}
#innpost p{
	position: static;
	font-size: var(--form-text-size, 20px);
	line-height: 1em;
	margin: auto;
}
#innpost input{
	display: block;
/*	margin: 6% auto;*/
	margin: auto;
	width: 60%;
	height: 9%;
	font-size: var(--form-text-size, 20px);
	padding: 10px;
	color: #FFF;
	border: 0;
	border-radius: 10px;
	transition: all 0.2s;
	cursor: pointer;
}
#innpost input[type=text]{
	margin: auto;
	color: #000;
	cursor: text;
	appearance: none;
	border-radius: 0;
}
#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{
	position: static;/*absolute;*?
/*	margin: 0 0 7% 20%;*/
/*	bottom: 0;*/
	color: #000;
	margin: auto;
}
#innpost p.innformtel a{
	font-weight: 500;
	font-size: var(--form-text-size, 20px);
	color: #000;
}
/*form order OK*/
#orderok{
	text-align: center;

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


/* ADAPTIVE BIG SCREEN */

@media screen and (min-width: 1440px){
	a.backbuttonhead{
		left: calc((100vw - 1180px)/2);
		top: 2.2%;
		font-size: var(--p-size, 16px);
		line-height: var(--p-size, 16px);
	}

	#main .makety h1{
		font-size: var(--h1-size, 50px);
	}

	/* breadcrumbs */
	#breadcrumbs{
		padding:  61px 30px 0 0;
	}
	#breadcrumbs ul,a{
		font-size: var(--p-size, 16px);
	}


	/* MAKETY */
	.makety{
		width: 1180px;
		padding: 0vw calc((100vw - 1180px)/2);
	}
	.makety h2{
		font-size: var(--h2-size, 40px);
		margin-top: var(--marg-h-top, 100px);	
		margin-bottom:  var(--marg-h-bottom, 60px);	
	}
    h2.shtampy{
		font-size: var(--h2-size, 40px);
		margin-top: var(--marg-h-top, 100px);	
		margin-bottom:  var(--marg-h-bottom, 60px);		
	}
	.makety .flexbox .item{
		margin-bottom: 43px;
		margin-right: 50px;
	}
	.makety .flexbox.fiverows .item{
		width: 180px;
	}
	.makety .flexbox.fourrows .item{
		width: 240px;
	}
	.makety .flexbox.threerows .item{
		width: 274px;
	}
	.makety .flexbox.tworows .item{
		width: 364px;
	}
	.makety .flexbox .item img{
		margin-bottom: 14px;
	}
	.makety .flexbox .item p{
		font-size: var(--p-size, 16px);
	}
	.makety p.shtampsize{
		margin-bottom: 54px;
	}

	/* кнопка заказать */
	.makety input[type=button]{
		height: 43px;
		font-size: var(--p-size, 20px);
		border-radius: 9px;
		margin-bottom: 0px;
	}

	/* FORM ORDER MAKET */
	.closebtn{
		position: absolute;
		width: 40px;
		height: 40px;
		top: 3%;
		left: 87%;
	}
	.closebtn:hover{
		top: calc(3% - 1px);
	}
	.closebtn:active{
		top: 3%;
	}

	/*INN POST FORM*/
	.formstyle{
		left: calc(50vw - 230px);
		top: 20vh;
		width: 460px;
		height: 610px;
	}
	#innpost{
		padding: 28px 0;
	}
	#innpost h2{
	}
	#innpost p{
	}
	#innpost input{
		width: 60%;
		height: 9%;
		padding: 10px;
	}
	#innpost p.innformtel{
	}
	#innpost p.innformtel a{
	}
	/*form order OK*/
	#orderok img{
		margin: 12% auto;
	}
	#orderok p{
		margin-bottom: 5%;
	}

}

/********** 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, div, ul{		
		margin: 0;
		box-sizing: border-box;
		padding: 0;
	}

	#main{
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
	}

	/* MAKETY */
	.makety{
		width: 100%;
		padding: 0;
		margin: 0;
	}

	/* breadcrumbs */
	#breadcrumbs{
		position: relative;
		margin-top: 1.0667vw;/*4px*/
		padding: 8vw 0 0 0;/*30px 30px 0px 0px;*/
		text-align: left;
	}
	#breadcrumbs ul{
		position: relative;
		top: 0;
		left: 23vw;/*181px*/
		color: var(--main-color, #0066FF);
		width: 75vw;
	}


	#breadcrumbs ul,a{
		font-size:  var(--p-size, 16px);
		line-height: 1em;
	}

	a.backbuttonhead{
		position: absolute;
		color: var(--second-color, #ff0066);
		left: 3vw;/*22px*/
		top: 8vw;/*30px*/
		font-weight: 400;
		font-size:  var(--p-size, 16px);
		line-height: 1em;
	}

	#main .makety h1{
		font-size: var(--h1-size, 29px);
		line-height: var(--h1-size, 29px);
		font-weight: 700;
		text-align: center;
		margin-top:  var(--marg-h-top, 26px);
		margin-bottom: 0;
	}

	/* VITRINA */
	.makety h2{
		display: none;
	}
	.makety .flexbox{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		padding: var(--marg-h-bottom, 16px) 5.6vw 0; /*5.866vw 0;30px 21px*/
	}
	.makety .flexbox .item{
		position: relative;
		width: 40vw;/*150px*/
		height: auto;/*23vw;*/
		margin-bottom: 8vw;/*30px*/
	}
	.makety .flexbox .item.shtamp{
		height: auto;
		margin-bottom: 1vw;/*30px*/
	}
	.makety .flexbox.fiverows .item{
		width: 40vw;/*150px*/
	}
	.makety .flexbox.fourrows .item{
		width: 40vw;/*150px*/
	}
	.makety .flexbox.threerows .item{
		width: 40vw;/*150px*/
	}
	.makety .flexbox.tworows .item{
		width: 40vw;/*150px*/
	}
	.makety .flexbox .item img{
		margin-bottom: 2.665vw;/*10px*/
	}
	.makety .flexbox .item.shtamp img{
		margin-bottom: 1vw;/**/
		height: 100%;
	}
	.makety .flexbox .item img:hover{
		box-shadow: 0 0 3px rgba(110,110,110,0.8);
	}
	.scalemaket{
		transform: scale(1.1);
		box-shadow: 0 0 5px rgba(110,110,110,0.8);
		z-index: 12;
	}

	.makety p{
		color: #CB19A2;
		font-size: var(--p-size, 16px);
		line-height: var(--p-size, 16px);
	}
	.makety p.shtampsize{
		margin-bottom: 0;/*10px*/
		margin-top: 2vw;/*10px*/
	}

	/* кнопка заказать */
	.makety input[type=button]{
		height: 10.133vw;/*38px*/
		width: 88vw;/*330px*/
		font-size: var(--p-size, 16px);
		font-weight: 600;
		line-height: 10.133vw;/*38px*/
		margin: 0 auto 2.67vw;/*+10px=26px*/
		border-radius: 1.6vw;/*6px*/
	}
	.makety input[type=button]:hover{
		color: var(--main-color, #0066FF);
		background-color: #FFF;
		border: 1px solid var(--main-color, #0066FF);
	}
	.makety input[type=button]:active{
		color: #FFF;
		background-color: var(--main-color, #0066FF);
		border: 1px solid #FFF;
	}
	.makety:last-of-type input[type=button]{
		margin: 8vw auto;
	}


/* FORM ORDER MAKET */
/*close button*/
.closebtn{
	position: absolute;
	width: 4vw;
	height: 4vw;
	top: 3%;
	left: 90%;
	cursor: pointer;
}
.closebtn:hover{
	top: calc(3% - 1px);
	filter: drop-shadow(0px 3px 3px rgba(99, 99, 99, 0.3));
}
.closebtn:active{
	top: 3%;
	filter: drop-shadow(0px 1px 1px rgba(99, 99, 99, 0.3));
}

/*INN POST FORM*/
.formstyle{
	position: fixed;
	left: 10vw;
	top: 3vw;
	width: 80vw;
	height: 105vw;	
	overflow: hidden;
	z-index: 12;
	background: rgba(216, 216, 216, 0.69);
	backdrop-filter: blur(45px);
	border-radius: 2vw;
}
#innpost{
	font-size: var(--form-text-size, 20px);
	padding-bottom: 2vw;
	height: 100%;
	font-weight: 500;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#innpost h2{
	margin: auto;
}
#innpost p{
	position: relative;
	margin: auto;
}
#innpost input{
	display: block;
	margin: auto;
	width: 70vw;
	height: 10vw;
	font-size: var(--form-text-size, 20px);
	padding: 1vw;
	color: #FFF;
	border: 0;
	border-radius: 2vw;
	transition: all 0.2s;
	cursor: pointer;
}
#innpost input[type=text]{
	margin: auto;
/*	margin-bottom: 4%;*/
	color: #000;
	cursor: text;
	appearance: none;
	border-radius: 0;
}
#innpost p.innformtel{
	position: static;
	margin: auto;
	color: #000;
}
#innpost p.innformtel a{
	font-weight: 500;
	font-size: var(--form-text-size, 20px);
	color: #000;
}
/*form order OK*/
#orderok{
	text-align: center;

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

}