/*BANNER*/
#bannerTop{
	width: 100vw;
	height: 38vw;
	/*background: url("../img/tablichki/long_wall.webp");*/
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0;
	padding: 2.5vw 4vw;
	text-align: center;
	box-sizing: border-box;
}
#glass_table{
	position: relative;
	width: 75%;
	height: 75%;
	margin: 0 auto 5%;
	padding: 5.3vw 0 4.44vw;
	box-sizing: border-box;
	overflow: hidden;
}
#glass_table img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#glass_table h1{
	position: relative;
	width: 42vw;
	font-size: var(--h1-size, 50px);
	font-weight: 700;
	line-height: 1em;
	margin: 0 auto 0.76vw;
	color: #0066FF;
}
#glass_table p{
	position: relative;
	width: 38vw;
	font-size: 1.85vw;
	font-weight: 300;
	line-height: 2.87vw;
	margin: 0 auto;
}

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

#messengerslist li{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: left;
  align-items: center;
  height: 2.3vw;
}
/*скрыть вариант кнпоки заказа по мессенджеру для мобил*/
	.onmobile{
		display: none;
	}
	.ondesktop{
		display: block;
	}
#messengerslist li img{
	width: 2.3vw;
	height: 2.3vw;
	margin: 0 0.5vw 0 0;
}
#messengerslist li a span{
	font-size: 1.73vw;
	font-weight: 700;
	line-height: 2.3vw;
	top: -0.4vw;
	position: relative;
}
#messengerslist li:nth-of-type(3) a span{
	color: rgb(50,187,70);
}
#messengerslist li:nth-of-type(4) a span{
	color: rgb(115,96,242);
}
#messengerslist li:nth-of-type(5) a span{
	color: rgb(63,143,254);
}
#messengerslist li:last-of-type(5){
	margin-right: 1vw;
}
#glass_table::after{
	display: block;
	position: absolute;
	width: 7px;
	height: 98%;
	background-color: rgba(255,255,255,0);
	top: -1%;
	left: 92%;
	box-sizing: border-box;
	content: " ";
	transform: rotate(23deg);
}

/*VITRINA*/
#vitrina{
	width: 100vw;
	padding: var(--marg-h-top, 100px) 9vw  var(--h2-size, 40px) 9vw;
	box-sizing: border-box;
}
#vitrina h2{
	font-size: var(--h2-size, 40px);
	line-height: 1em;
	font-weight: 700;
}
/*контейнер таблички*/
.tablichka{
	width: 81vw;
	margin-top: var(--marg-h-bottom, 60px);
	box-sizing: border-box;
	padding-bottom: var(--marg-h-bottom, 60px);
	border-bottom: 1px solid var(--main-color, #0066FF);
	display: grid;
	grid-template-areas: "tname1 tname1 timg1"
						 "tdesc1 tdesc1 timg1"
						 "tmat1 tcol1 timg1";
	grid-template-columns: 27% 28% 45%;
	/*grid-template-rows: 22% 23% 55%;*/
	text-align: left;
}
.tablichka:last-of-type{
	border-bottom: 0px solid var(--main-color, #0066FF);
}

/*тип таблички*/
.tablichka h3{
	grid-area:  tname1;
	font-weight: 700;
	font-size: var(--h3-size, 36px);
	line-height: 1.5em;
	padding-right: 4vw;
	margin-bottom: 0.4em;
}
/*описание таблички*/
.tabdescript{
	grid-area:  tdesc1;
	font-weight: 300;
	font-size: var(--p-size, 16px);/*1.25vw;*/
	line-height: 1.5em;	
	text-align: left;
	padding-right: 5vw;
	margin-bottom: 1em;
}
/*материалы*/
.tabmaterial{
	grid-area: tmat1;
	font-weight: 300;
	font-size:  var(--p-size, 16px);/*1.67vw;*/
	line-height: 1.5em;
}
/*цена*/
.tabmaterial p span{
	font-weight: 700;
}
/*блок цветовые кнопки*/
.tabcolor{
	grid-area: tcol1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-right: 2.5vw;
}
.choicecolors{
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}
/*подпись блока цветовых кнопок*/
.tabcolor p{
	font-weight: 700;
	font-size: 1.67vw;
	line-height: 3.4vw;	
	margin-bottom: 0.3vw;
}
/*контейнер цветовых кнопок*/
.tabcolors{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	/*padding-right: 2.5vw;*/
	box-sizing: border-box;
	margin-bottom: max(1.3vw, 18px);
}
/*кнопка цветовая*/
.tabcolorsitem{
	width: 2.85vw;
	height: 2.85vw;
	background-color: white; 
	border: 1px solid #FFFFFF;
}

/*окантовка кнопки белого цвета*/
.borderforwhite{
	border: 1px solid #A8A8A8;
}
.tabcolorsitem div{
	position: relative;
	width: 2.25vw;
	height: 2.25vw;
	margin: 0.28vw auto;
	box-sizing: border-box;
	cursor: pointer;
}

/*блок цветовых кнопок без подписи, в 2 строки*/
.col2-colors-btn{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 3.5vw;
	box-sizing: border-box;
	margin-bottom: 1.3vw;
}
/*цветовая кнопка цветового блока без подписи*/
.col2-colors-item{
	width: 3vw;
	height: 3vw;
	background-color: white; 
	border: 1px solid #FFFFFF;
	margin-right: 1vw;
	margin-bottom: 1.2vw;
	box-sizing: border-box;
}
/*цветовая кнопка цветового блока без подписи внутрення часть*/
.col2-colors-item div{
	position: relative;
	width: calc(3vw - 6px);
	height: calc(3vw - 6px);
	margin:  2px auto;
	box-sizing: border-box;
	cursor: pointer;
}
/*кнопка выбраная*/
.selectcolors{
	border: 1px solid black;
}

/*кнопка заказать*/
.tabzakazat{
	width: 100%;
	height: 3.8vw;
	background-color: var(--main-color, #0066FF);
	border-radius: 0.556vw;
	padding-top: 0.6vw;
	box-sizing: border-box;
	cursor: pointer;
}
.tabzakazat:hover{
	box-shadow: inset 0 0 5px white;
}
.tabzakazat:active{
	box-shadow: inset 0 0 5px white;
	border: 1px solid white;
}
.tabzakazat p{
	font-weight: 600;
	font-size: 1.39vw;
	line-height: 2.43vw;
	color: white;
	text-align: center;
}
/*изображение таблички*/
/*фон стены с табличкой*/
.tablichkaimg{
	grid-area:  timg1;
	background-image: url("../img/tablichki/wall.webp");
	background-size: 100% 100%;
	box-sizing: border-box;
	font-size: 1vw;
	position: relative;
	cursor: pointer;
	border-radius: 0.5555vw;/*8px*/
	overflow: hidden;
}
.tablichkaimg:hover{
	box-shadow: 0 0 1px #aaa;
}
.tablichkaimg:active{
	box-shadow: 0 0 1px #aaa;
	border: 1px solid #eee;
}
/*цвет самой таблички*/
.tablichkafon{
	position: relative;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
	padding: 1em;
	margin: 0 auto;
}
.tablichkatext{
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
#tfon1{
	width: 21.6vw;
	height: 7.2222vw;
	margin-top: 22%;
	padding: 1.7vw 4.9vw;
}
#tfon1 .tablichkatext{
		width: 11.8vw;
		height: 3.82vw;
}
#tfon2{
	width: 21.6vw;
	height: 14.1215vw;
	margin-top: 13%;
}
#tfon3{
	width: 12.91vw;
	height: 19.375vw;
	margin-top: 6%;
}
.tablichka:nth-of-type(4) .tabzakazat{
 	margin-top: 1em;
}
#tfon4{
	width: 30vw;
	margin-top: 15%;
}
#tfon4 img{
	top: 1px;
}
.tablichka:nth-of-type(5) .tabdescript{
 	margin-bottom: 4vw;
 	box-sizing: border-box;
}
.tablichka:nth-of-type(5) .tabzakazat{
 	margin-top: 1em;
}
#tfon5{
	width: 22.986vw;
	height: 17.222vw;
	margin-top: 15%;
}
.tablichka:nth-of-type(6) .tabdescript{
 	margin-top: 1.94vw;
 	margin-bottom: 3.47vw;
 	box-sizing: border-box;
}
#tfon6{
	width: 19.861vw;
	height: 26.6666vw;
	margin-top: 6%;
	border: 0;
}
.shadowimgtext {
  -webkit-filter: drop-shadow(0px 0px 1px #AAA);
  filter: drop-shadow(0px 0px 1px #AAA);
}

/*BUNNER MIDDLE*/
#bannermiddle{
	position: relative;
	width: 100vw;
	height: 29.51vw;
	background-image: url("../img/tablichki/ukazateli.webp");
/*  background-size: 100% 130%;
  background-position: 0% 50%;*/
   background-size: 100% 120%;
  background-position: 0% 105%;
  margin-top: 0vw;
  padding-top: 9vw;
  box-sizing: border-box;
  border: 0px solid grey;
}
#bannermiddle .bluebloor{
	position: relative;
	width: 50vw;
	height: 10vw;
	margin: 0 auto;
	padding-top: 1.8vw;
	background: rgba(0, 102, 255, 0.59);
	backdrop-filter: blur(5px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 16px;
}
#bannermiddle p{
	color: #FFF;
	font-weight: 700;
	font-size: var(--h2-size, 40px);/*3.3333vw;*/
	line-height: 1.5em;
}

/*WHY PECHATI*/
#whytablichki{
	width: 100vw;
	position: relative;
	padding: 6.94vw 9vw 0;
	color: #000;
	text-align: center;
	margin-bottom: 10vh;
	box-sizing: border-box;
}
#whytablichki h2{
	font-size: var(--h2-size, 40px);
	font-weight: 700;
	line-height: 1.5em;
	margin-bottom: 4.86111vh;
}
#whytablichki p{
	text-align: left;
	font-size: var(--p-size, 16px);
	font-weight: 400;
	line-height: 1.5em;
}

/*CHOICE MAKET FORM*/
#maketchoicewrapper{

}
.formstyle{
	position: fixed;
	left: calc(50vw - 230px);
	top: 1vh;
	width: 460px;
	height: 520px;	
	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;
}
#maketchoice{
	position: relative;
	width: 99%;
	height: 99%;
	text-align: center;
}
/*close button*/
.closebtn{
	position: absolute;
	top: 5%;
	left: 90%;
	cursor: pointer;
}
.closebtn:hover{
	top: calc(5% - 1px);
	filter: drop-shadow(0px 3px 3px rgba(99, 99, 99, 0.3));
}
.closebtn:active{
	top: 5%;
	filter: drop-shadow(0px 1px 1px rgba(99, 99, 99, 0.3));
}
#maketchoice h2{
	position: absolute;
	font-size: 1.3889vw;/*20px;*/
	top: 10%;
	left: 25%;
}
#maketslider{
	position: absolute;
	top: 20%;
	width: 100%;
	height: 50%;
}
/*image maket*/
#maketslider .maketimg{
	position: absolute;
	top: 2px;
	left: 23%;
	width: 50%;
	transition: all 0.5s;
}
.shadowmaketimg{
	filter: drop-shadow(0px 3px 3px rgba(99, 99, 99, 0.3));
	cursor: pointer;
}
#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: 1.3889vw;/*20px;*/
	color: var(--second-color, #ff0066);
	border: 0;
	border-radius: 10px;
	letter-spacing: 3px;
	transition: all 0.2s;
	cursor: pointer;
}
#maketchoice input[type=button]:hover{
	background-color: var(--second-color, #ff0066);
	color: #FFF;
}
#maketchoice input[type=button]:active{
	background-color: var(--second-color, #ff0066);
	color: #FFF;
	box-shadow: inset 0px 0px 9px rgba(199,199,199,1);
}
/*arrows*/
#maketchoice .arrow{
	position: absolute;
	Top: 88%;
	width: 55px;
	height: 15px;
	border-radius: 10px;
	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: 245px;
}
#maketchoice .arrow.left{
	Left: 160px;
}

/*INN POST FORM*/
#innpost{
	font-size: 1.3889vw;/*20px;*/
	font-weight: 500;
}
#innpost h2{
	font-size: 1.3889vw;/*20px;*/
	position: relative;
	margin: 5% 10% 1% 10%;
}
#innpost p{
	font-size: 1.3889vw;/*20px;*/
	position: relative;
	margin: 0 10%;
}
#innpost input{
	display: block;
	margin: 6% auto;
	width: 60%;
	height: 7%;
	font-size: 1.3889vw;/*20px;*/
	padding: 10px;
	color: #FFF;
	border: 0;
	border-radius: 10px;
	letter-spacing: 3px;
	transition: all 0.2s;
	cursor: pointer;
}
#innpost input[type=text]{
	margin-bottom: 14%;
	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);
}

/*form order OK*/
#orderok{
	text-align: center;

}
#orderok img{
	position: relative;
	margin: 12% auto;
}
#orderok p{
	font-size: 1.3889vw;/*20px;*/
	margin-bottom: 5%;
}
/*questions*/
#questions{
	display: none;
}


/***** ADAPTIVE BIG SCREEN'S *****/

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

	/*BANNER*/

	#bannerTop{
		height: 547px;
		padding: 38px calc((100vw - 1400px)/2) 53px;
		background-position: calc((100vw - 1400px)/2 - 1.5vw) 0;
	}

	#glass_table{
		width: 964px;
		height: 344px;
		margin: 0 auto 62px;
		padding: 61px 0 64px;
	}
	#glass_table h1{
		width: 601px;
		font-size: var(--h1-size, 50px);
		line-height: 66.7px;
		margin: 0 auto 11px;
	}
	#glass_table p{
		width: 545px;
		font-size: 27px;
		line-height: 41.44px;
	}
	#messengerslist li{
		height: 33px;
	}
	#messengerslist li img{
		width: 33px;
		height: 33px;
		margin: 0 5px 0 0;
	}
	#messengerslist li a span{
		font-size: 25px;
		line-height: 33px;
		top: -6px;
	}
	#messengerslist li:nth-of-type(5){
		margin-right: 14px;
	}

	/*VITRINA*/
	#vitrina{
		padding: var(--marg-h-top, 100px) calc((100vw - 1180px)/2) 0;
	}
	#vitrina h2{
		font-size: var(--h2-size, 40px);
		line-height: 1em;
		margin-bottom: var(--marg-h-bottom, 60px);	
	}
	.tablichka {
		width: 1180px;
		margin-top: var(--marg-h-bottom, 60px);
		padding-bottom: var(--marg-h-bottom, 60px);
	}
	.tablichka h3{
		font-size: var(--h3-size, 36px);
		line-height: 1.5em;
		padding-right: 89px;
	}	
	.tabdescript{
		font-size: var(--p-size, 16px);
		line-height: 1.5em;	
		padding-right: 98px;
	}	
	.tabmaterial{
		font-size: var(--p-size, 16px);
		line-height: 1.5em;
	}		
	.tabcolor{
		padding-right: 35px;
	}
	.tabcolor p{
		font-size: var(--p-size, 16px);
		line-height:1.5em;	
		margin-bottom: 5px;
	}
	.tabcolors{
	/*	margin-bottom: 20px;*/
	}
	.tabcolorsitem{
		width: 41px;
		height: 41px;
	}
	.tabcolorsitem div{
		width: 33px;
		height: 33px;
		margin: 4px auto;
	}
	/*блок цветовых кнопок без подписи, в 2 строки*/
	.col2-colors-btn{
		width: 100%;
		padding: 0 50px;
		margin-bottom: 18px;
	}
	/*цветовая кнопка цветового блока без подписи*/
	.col2-colors-item{
		width: 41px;
		height: 41px;
		margin-right: 18px;
		margin-bottom: 20px;
	}
	/*цветовая кнопка цветового блока без подписи внутрення часть*/
	.col2-colors-item div{
		width: 33px;
		height: 33px;
		margin:  3px auto;
	}
	.tabzakazat{
		width: 286px;
		height: 55px;
		border-radius: 8px;
		padding: 0;
	}
	.tabzakazat p{
		font-size:  var(--p-size, 16px);
		line-height: 55px;
	}
	#tfon1{
		width: 312px;
		height: 104px;
		margin-top: 117px;
		padding: 25px 70px;
	}
	#tfon1 .tablichkatext{
			width: 170px;
			height: 55px;
	}
	#tfon2{
		width: 312px;
		height: 204px;
		margin-top: 50px;
	}
	#tfon3{
		width: 186px;
		height: 279px;
		margin-top: 30px;
	}
	#tfon4{
		width: 432px;
		margin-top: 80px;
	}
	#tfon4 img{
		top: 2px;
	}
	.tablichka:nth-of-type(5) .tabdescript{
	 	margin-bottom: 50px;
	}
	#tfon5{
		width: 331px;
		height: 248px;
		margin-top: 65px;
	}
	.tablichka:nth-of-type(6) .tabdescript{
	 	margin-top: 28px;
	 	margin-bottom: 50px;
	}
	#tfon6{
		width: 286px;
		height: 384px;
		margin-top: 16px;
	}
	
	/*BUNNER MIDDLE*/
	#bannermiddle{
		/*width: 1440px;*/
		/*height: 525px;425px;*/
		margin-top: 30px;
    padding-top: calc(100vw/10);/*134px;*/
  /*  background-size: 100%;*/
	}
	#bannermiddle p{
		font-size:  var(--h2-size, 40px);
		line-height: 70px;
	}
	#bannermiddle .bluebloor{
		width: 780px;
		height: 162px;
		padding-top: 26px;
	}

	/*WHY PECHATI*/
	#whytablichki{
		padding: var(--marg-h-top, 100px) calc((100vw - 1180px)/2) 0;
	}
	#whytablichki h2{
		font-size:  var(--h2-size, 40px);
		line-height: 1em;
		margin-bottom: var(--marg-h-bottom, 60px);
	}
	#whytablichki p{
		font-size:  var(--p-size, 16px);
		line-height: 1.5em;
	}

	/*CHOICE MAKET FORM*/
	.formstyle{
		left: 490px;
	}

	/*questions*/
	#questions{
		display: none;
	}

}


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

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

	#wrapper{
		background-color: #CDCDCD;
	}
	section{
		margin-top: 1.067vw;/*4px*/
	}

	/*BANNER*/
	#bannerTop{
		width: 100vw;
		height: auto;
		background: #FFFFFF;
		margin: 1.067vw 0 0;
		padding: 0 0 var(--marg-h-top);/*45px*/
		text-align: center;
		box-sizing: border-box;
	}
	#glass_table{
		position: relative;
		width: 100vw;
		height: 67.2vw;/*66.133vw;248px*/
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		/*overflow: hidden;*/
		background: url("../img/tablichki/long_wall.webp");
		background-size: 171% 99%;
		background-repeat: repeat-y;
		background-position: -4.5vw 0;
	}
	#glass_table img{
		position: absolute;
		left: 2.6vw;
		top: 16vw;/*65px*/
		width: 94vw;/*301px*/
		height: 34vw;/*107px*/
		object-fit: cover;
	}
	#glass_table h1{
		position: relative;
		width: 64vw;/*188px*/
		font-size: var(--h1-size);/*4.83vw;/*12px*/
		font-weight: 700;
		line-height: 1em;/*21px*/
		margin: 18vw auto 0;
		color: var(--main-color, #0066FF);
	}
	#glass_table p{
		position: relative;
		width: 66.67vw;/*250px*/
		font-size: var(--p-size, 16px);/*12px*/
		font-weight: 400;
		line-height: 1.2em;/*18px*/
		margin: 0 auto;
	}
	/*разделитель банера и копок мессенджеров*/
	#glass_table::after{
		width: 100vw;
		height: 1.067vw;/*4px*/
		background-color: #CDCDCD;
		content: " ";
		top:66.133vw;/*248px*/
		left: 0;
		transform: rotate(0deg);
		animation: none;
		z-index: 2;
	}
	#messengerslist {	
		margin: var(--marg-h-top) 0 0;/*45px*/
		padding: 0;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;


	}
  .onmobile{
		display: block;
				/*ПРЯЧЕМ КНОПКИ ЗАКАЗАТЬ*/
		display: none;
	}
  .ondesktop{
		display: none;
	}
	#messengerslist li{
		display: block;
		position: relative;
	  width: 88vw;/*330px*/
		height: 10.133vw;/*38px*/
	  color: #FFFFFF;
	  margin: 0 auto 6.67vw;/*25px auto*/
	}
	#messengerslist li:nth-of-type(n) a span{
		color: #FFFFFF;
	}
	#messengerslist li:last-of-type{
		  margin: 0 auto;
	}
	#messengerslist a{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	  border-radius: 1.6vw ;/*6px*/
	  background-color: #787878;
	}
	#messengerslist li img{
		display: none;
	}
	#messengerslist li 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.133vw;/*3.2vw;/*38px*/
		color: #FFFFFF;
	}
	#messengerslist li:nth-of-type(1) a{
		background-color: #787878;
	}
	#messengerslist li:nth-of-type(2) a{
		background-color: #0059DE;
	}
	#messengerslist li:nth-of-type(3) a{
		background-color: #37CF00;
	}
	#messengerslist li:nth-of-type(4) a{
		background-color: #6700BD;
	}
	#messengerslist li:nth-of-type(5) a{
		background-color: #0099BC;
	}
	#messengerslist li 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;			
	}
	#messengerslist li:nth-of-type(1) a span:before{
		content: "Заказать по тел.: ";	
	}
	#messengerslist li:nth-of-type(2) a span:before{
		content: "Заказать по e-mail: ";	
	}
	#messengerslist li:nth-of-type(3) a span:before{
		content: "Заказать по Whats App: ";	
	}
	#messengerslist li:nth-of-type(4) a span:before{
		content: "Заказать по Viber: ";	
	}
	#messengerslist li:nth-of-type(5) a span:before{
		content: "Заказать по Telegram: ";	
	}

	/*VITRINA*/
	#vitrina{
		width: 100vw;
		padding: var(--marg-h-top, 26px) 6.133vw 7.14vw;
		background-color: #FFFFFF;
	}
	#vitrina h2{
		font-size: var(--h2-size, 23px);/* 4.8vw;/*18px*/
		line-height: 7.467vw;/*28px*/
		font-weight: 700;
		width: 60vw;/*185*/
		margin: 0 auto var(--marg-h-bottom);/*30px*/
	}
	/*контейнер таблички*/
	.tablichka{
		width: 88vw;/*330px*/
		margin-top: 4.86vw;
		padding-bottom: 4.86vw;
		border-bottom: 1px solid var(--main-color, #0066FF);
		display: grid;
		grid-template-areas: "tname1 timg1"
												 "tdesc1 timg1"
							 						"tmat1 tmat1";
		grid-template-columns: 65% 35%;
		/*grid-template-rows: 22% 23% 55%;*/
		text-align: left;
	}
	.tablichka:last-of-type{
		border-bottom: 0px solid var(--main-color, #0066FF);
	}

	/*тип таблички*/
	.tablichka h3{
		grid-area:  tname1;
		font-weight: 700;
		font-size:  var(--h3-size, 19px);/*3.7333vw;/*14px*/
		line-height: 1.1em;/*16px*/
		padding-right: 1vw;
		margin-bottom: 0.2em;
	}
	/*описание таблички*/
	.tabdescript{
		grid-area:  tdesc1;
		font-weight: 300;
		font-size:  var(--p-size, 16px);/*2.66vw;*/
		line-height: 1.2em;/*3.733vw;	*/
		text-align: left;
		padding-right: 1vw;
		margin-bottom: 1px;
	}
	/*материалы*/
	.tabmaterial{
		grid-area: tmat1;
		font-weight: 300;
		font-size: var(--p-size, 16px);/*3.733vw;*/
		line-height: 5.067vw;
		padding: 3vw 1em 0 0;
	}
	/*цена*/
	.tabmaterial p span{
		font-weight: 700;
	}
	.tabmaterial p{
		display: inline;
	}
	/*блок цветовые кнопки*/
	.tabcolor{
		display: none;
	}
	/*изображение таблички*/
	/*фон стены с табличкой*/
	.tablichkaimg{
		grid-area:  timg1;
		font-size: 2.82vw;/*10px*/
	}
	/*цвет самой таблички*/
	.tablichkafon{
		padding: 2.13vw;
		margin: 0 auto;
	}
	#tfon1{
		width: 21.6vw;
		height: 7.2222vw;
		margin-top: 24%;
		padding: 1.7vw 4.9vw;
	}
	#tfon1 .tablichkatext{
		width: 11.8vw;
		height: 3.82vw;
	}
	#tfon2{
		width: 21.6vw;
		height: 14.1215vw;
		margin-top: 15%;
	}
	#tfon3{
		width: 20vw;
		height: 30vw;
		margin-top: 14%;
		padding: 1vw 0 0;
	}

	.tablichka:nth-of-type(4) .tabzakazat{
	 	margin-top: 1em;
	}
	#tfon4{
		width: 26vw;
		margin-top: 15%;
	}
	#tfon4 img{
		top: 1px;
	}
	#tfon6{
		margin-top: 11%;
	}
	
	/*BUNNER MIDDLE*/
	#bannermiddle{
		width: 100vw;
		height: 29.51vw;
	  margin-top: 1.067vw;/*4px*/
	  padding-top: 8vw;
	  border: 0px solid grey;
	}
	#bannermiddle .bluebloor{
		width: 64vw;/*207px*/
		height: 12vw;/*43px*/
		margin: 0 auto;
		padding: 1vw 0;
		border-radius: 1.113vw;/*4.25px*/
	}
	#bannermiddle p{
		font-size: var(--p-size, 16px);/*3.4vw;/*13px*/
		line-height: 1.4em;/*14px*/
	}

/*WORKS SLIDER*/
#WorksSlider{
	background-color: #FFFFFF;
}

/*WHY PECHATI*/
#whytablichki{
	background-color: #FFFFFF;
	width: 100vw;
	position: relative;
	padding: 12vw 6.13vw 12vw;
	color: #000;
	text-align: center;
	margin-bottom: 0vw;
	box-sizing: border-box;
}
#whytablichki h2{
	font-size: var(--h2-size, 23px);/*3.2vw;/*12px*/
	font-weight: 700;
	line-height: 1.2em;
	margin: 0 auto 4.86111vw;
	width: 70vw;
}
#whytablichki p{
	text-align: left;
	font-size:var( --p-size,  16px);/*10px*/
	font-weight: 400;
	line-height: 1.5em;/*14px*/
}

/*delivery*/
#delivery{
	margin-top: 0;
}

/*questions*/
	#questions{
		display: block;
	}


}