/*BANNER*/
.bannerside{
	width: 0;
}
#bannerTop{
	width: 100vw;
	height: 41.11vw;
	background: linear-gradient(359.02deg, #E8E8E8 5.86%, rgba(255, 255, 255, 0) 116.92%);
	margin: 0;
	padding: 0;
	text-align: left;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
}
#bannerTop .left{
	width: 59vw;
	padding: 4.65vw 3.125vw 6.11vw 8.5vw;
	color: #000000;
}
#bannerTop .left h1{
	font-size: var(--h1-size, 50px);/*3.333vw;*/
	line-height: 1em;
	font-weight: 700;
	margin-bottom: 0.7vw;
}
#bannerTop .left p{
	width: 35vw;
	font-size: var(--p-size, 16px);/*1.667vw;*/
	line-height:  1.5em;
	font-weight: 300;
	margin-bottom: 1.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{
	position: relative;
	width: 57vw;/*822px*/
	height: 100%;
}
#bannerTop .right img{
	position: absolute;
	width: 19.86vw;/*286px*/
	top: 3.68vw;/*53px;*/
	left: 0;
}
#bannerTop .right img:nth-of-type(2){
	top: 4.93vw;/*71px;*/
	left: 13.47vw;/*194px;*/
}
#bannerTop .right img:nth-of-type(3){
	top: 8.61vw;/*124px;*/
	left: 1.04vw;/*15px;*/
}

/*VITRINA*/
#vitrina{
	width: 100vw;
	padding: var(--marg-h-top, 100px) 9vw 0;
	box-sizing: border-box;
}
#vitrina h2{
	font-size: var(--h2-size, 40px);/*2.778vw;/*40px*/
	line-height: 1em;/*61px*/
	font-weight: 700;
	margin-bottom: 0vw;
}
.tovar{
	position: relative;
	width: 82vw;
	margin-top: var(--marg-h-bottom, 60px);/*7.36vw;*/
	box-sizing: border-box;
	padding: 0 0  var(--marg-h-bottom, 60px) 0;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	border-bottom: 1px solid #0066FF;
}
.tovar.first{
	margin-top: var(--marg-h-bottom, 60px);
}
.tovar:last-child{
		border: 0;
}
.opisanie{
	position: relative;
	width: 56%;
	text-align: left;
	box-sizing: border-box;
	padding-right: 12%;
}
.third .opisanie{
	width: 56%;
	padding-right: 25%;
}
.opisanie h3{
	font-weight: 600;
	font-size: var(--h3-size, 36px);
	line-height: 1.3em;
}
.opisanie ul.landStyle{
	display: block;
}
.opisanie ul.portStyle{
	display: none;
}
.opisanie ul{
	list-style-type: disc;
	padding-left: 2vw;
	margin-top: 1em;
}
.second .opisanie ul{
	margin-top: 1vw;
}
.opisanie ul li{	
	font-weight: 400;
	font-size: var(--p-size, 16px);
	line-height: 1.5em;
}
.opisanie ul li span{
	font-weight: 700;
}

/*кнопка прислать картинку*/
.btn-zakaz{
	position: relative;
	top: 1.1vw;
	width: 18vw; /*260px;*/
	height: 3.4vw;/*49px;*/
	background: var(--second-color, #FF0066);
	border-radius: 0.555vw;/* 8px;*/
	text-align: center;
	transition: all 0.1s;
	cursor: pointer;
}
.btn-zakaz:hover{
	top: 1vw;
	/*box-shadow: 0px 0px 5px rgba(0,0,0,0.5);*/
}
.btn-zakaz:active{
	top: 1.1vw;
}

.btn-zakaz span{
	color: #FFF;	
	font-weight: 600;
	font-size: var(--p-size,16px);
	line-height: 3.4vw;/*49px;*/
}

/*изображение товара*/
.kartinka{
	position: relative;
	width: 43%;
	box-sizing: border-box;
	border-radius: 1.11vw;
	overflow: hidden;
}
/*фоновая картинка*/
.kartinkafon{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin:  0;
	padding: 0;
}

/*WHY  */
#whykrujki{
	padding: 6.94vw 9vw 0;
	position: relative;
	color: #000;
	text-align: center;
}
#whykrujki h2{
	font-size:  var(--h2-size, 40px);
	font-weight: 700;
	line-height: 1em;
	margin-bottom: var(--marg-h-bottom, 60px);
}
#whykrujki p{
	text-align: left;
	font-size:  var(--p-size, 16px);
	font-weight: 400;
	line-height: 1.5em;
}


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

.formstyle{
	position: fixed;
	left: 34vw;
	top: 10vh;
	width: 33vw;
	height: 23vw;	
/*	overflow: hidden;*/
	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;
	padding-left: 5%;
}
#uploadimgform{
	position: relative;
	width: 99%;
	height: 99%;
	text-align: center;
	overflow: hidden;
}
/*close button*/
.closebtn{
	position: absolute;
	top: 5%;
	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(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));
}
#uploadimgform h2{
	position: relative;
	font-size:  var(--h2-size, 40px);
	font-weight: 500;
	line-height: 1em;
	top: 15%;
	left: -5%;
}
#uploadimgform p{
	text-align: left;
	position: relative;
	font-size: var(--p-size, 16px);
	font-weight: 500;
	line-height: 1.5em;
	top: 21%;
	left: 0;
}

#uploadimgform input[type=file]{
	font-size: var(--p-size, 16px);
	font-weight: 500;
	position: relative;
	margin: 0 auto;
	top: 25%;
	left: -6%;
	border: 1px solid  var(--second-color, #FF0066);
	color:  var(--second-color, #FF0066);
	background: #FFFFFF;
}
#uploadimgform input[type=submit]{
	color: #FFF;	
	font-weight: 600;
	font-size: var(--p-size, 16px);/*16px;*/
	line-height: 1.5em;/*49px;*/
	position: relative;
	margin: 0 auto;
	top: 35%;
	left: -6%;
	width: 16vw; /*260px;*/
	height: 3.4vw;/*49px;*/
	background:  var(--second-color, #FF0066);
	border-radius: 0.555vw;/* 8px;*/
	border: none;
	text-align: center;
	transition: all 0.1s;
	cursor: pointer;
}
#uploadimgform input[type=submit]:hover{
	top: 35%;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
#uploadimgform input[type=submit]:active{
	top:  calc(35% + 1px);
}



/* ADAPTIVE BIG SCREEN's*/
@media screen and (min-width: 1440px){

	/*BANNER*/
	.bannerside{
		width: 0;
	}
	#bannerTop{
		/*width: 1440px;*/
		height: 592px;
		padding-left: calc((100vw - 1180px)/2);
		box-sizing: border-box;
	}
	#bannerTop .left{
		width: 700px;
		padding: 67px 45px 88px 0px;
	}
	#bannerTop .left h1{
		font-size: var(--h1-size, 50px);
		line-height: 1em;
		margin-bottom: 27px;
	}
	#bannerTop .left p{
		width: 430px;
		font-size: var(--p-size, 16px);/*20px;*/
		line-height: 1.5em;
		margin-bottom: 27px;
	}
	#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: 822px;
	}
	#bannerTop .right img{
		width: 286px;
		top: 53px;
	}
	#bannerTop .right img:nth-of-type(2){
		top: 71px;
		left: 194px;
	}
	#bannerTop .right img:nth-of-type(3){
		top: 124px;
		left: 15px;
	}

	/*VITRINA*/
	#vitrina{
		/*width: 1440px;*/
		padding: var(--marg-h-top, 100px) calc((100vw - 1180px)/2) 0;
	}
	#vitrina h2{
		font-size:  var(--h2-size, 40px);
		line-height: 1em;
	}
	.tovar{
		width: 1180px;
		margin-top: var(--marg-h-top, 100px);
		padding: 0 0 var(--marg-h-top, 100px) 0;
	}
	.tovar.first{
		margin-top: var(--marg-h-bottom, 60px);
	}
	.opisanie h3{
		font-size: var(--h3-size, 36px);
		line-height: 1.3em;
	}
	.opisanie ul.landStyle{
		display: block;
	}
	.opisanie ul.portStyle{
		display: none;
	}
	.opisanie ul{
		padding-left: 35px;
	}
	.second .opisanie ul{
		margin-top: 20px;
	}
	.opisanie ul li{	
		font-size: var(--p-size, 16px);/*32px;*/
		line-height: 1.5em;
	}
	/*кнопка прислать картинку*/
	.btn-zakaz{
		top: 20px;
		width: 260px;
		height: 49px;
		border-radius: 8px;
	}
	.btn-zakaz span{
		font-size: var(--p-size, 16px);
		line-height: 49px;
	}

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


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

/********** 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*/
		background-color: #FFFFFF;
	}

	/*BANNER*/
	.bannerside{
		width: 0;
	}
	#bannerTop{
		width: 100vw;
		height: 99vw;
		background: #FFFFFF;
		margin: 0;
		padding: 0;
		text-align: center;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: flex-start;
	}
	#bannerTop .left{
		position: absolute;
		width: 100vw;
		height: 131.7vw;/*494px*/
		padding: 0;
		color: #000000;
		top: 71.467vw;/*268px*/
		left: 0;
		margin: 0;
	}
	#bannerTop .left h1{
		font-size: var(--h1-size, 29px);
		line-height: 1em;
		font-weight: 700;
		margin: 0 0 2.4vw;

	}
	#bannerTop .left p{
		width: 88vw;/*330px*/
		font-size: var(--p-size, 16px);
		font-weight: 300;
		line-height: 1.5em;
		margin: 0 auto 1.9vw;
	}
	/* доп. разделитель */
	#messengerslist:before {
		width: 100vw;
		height: 1.067vw;
		background-color: #CDCDCD;
		margin: 0;
		padding: 0;
		display: block;
		content: " ";
		position: relative;
		top: -10.933vw;
	}

	#messengerslist {
		width: 100vw;
		margin-top: 22.933vw;
		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.133vw;/*38px*/
		color: #FFFFFF;
		margin: 0 auto 6.67vw;/*25px auto*/
		border-radius: 1.6vw ;/*6px*/
	  	background-color: #787878;
	}
	.left #messengerslist img{
		display: none;
	}
	.left #messengerslist a span{
		display: block;
		position: relative;
		top: 0vw;
		margin: 0 auto;
		box-sizing: border-box;
		font-size: 3.2vw;/*12px*/
		font-weight: 600;
		line-height: 3.2vw;/*38px*/
		color: #FFFFFF;
	}
	.left #messengerslist a:nth-of-type(1) {
		background-color: #787878;
	}
	.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: 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{
		position: relative;
		width: 100vw;/*822px*/
		height: 65.333vw;/*245px*/
	}
	#bannerTop .right img{
		position: absolute;
		width: 38.933vw;/*146px*/
		height: 51.2vw;/*192px*/
		top: 5.867vw;
		left: 22.1vw;
	}
	#bannerTop .right img:nth-of-type(2){
		top: 9.4vw;
		left: 47.7vw;
	}
	#bannerTop .right img:nth-of-type(3){
		top: 16vw;
		left: 25vw;
	}


/*VITRINA*/
#vitrina{
	width: 100vw;
	padding: 12vw 6.133vw 0;
	box-sizing: border-box;
}
#vitrina h2{
	font-size: var(--h2-size, 23px);
	line-height: 1em;/*61px*/
	font-weight: 700;
	margin-bottom: 0vw;
}
.tovar{
	position: relative;
	width: 88vw;
	margin: var(--marg-h-top, 26px) auto 0;
	box-sizing: border-box;
	padding: 0 0 var(--marg-h-top, 26px) 0;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #0066FF;
}
.tovar.first{
	margin-top:  var(--marg-h-bottom, 16px);
}
/*.tovar:last-child{
	border: 0;
}*/
.opisanie{
	position: relative;
	width: 55%;
	text-align: left;
	box-sizing: border-box;
	padding-right: 0;
}
.opisanie h3{
	width: 50.4vw;/*189px*/
	font-weight: 600;
	font-size: var(--h3-size, 19px);/* 3.733vw*/
	line-height: 1.1em;
}
.second .opisanie h3{
	width: 44.9vw;
}

.opisanie ul.landStyle{
	display: none;
}
.opisanie ul.portStyle{
	display: block;
}

.opisanie ul{
	list-style: disc inside;
	padding-left: 1vw;
	margin-top: 2.933vw;
}
.second .opisanie ul{
	margin-top: 2.933vw;
}
.opisanie ul li{	
	font-weight: 400;
	font-size: var(--p-size, 16px);/*3.2vw;*/
	line-height: 1.2em;
}
.opisanie ul li span{
	font-weight: 700;
}
/*изображение товара*/
.kartinka{
	position: relative;
	width: 33.6vw;
	box-sizing: border-box;
	border-radius: 1.11vw;
	overflow: hidden;
}
/*фоновая картинка*/
.kartinkafon{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin:  0;
	padding: 0;
}

/*нижняя карточка с кнопкой заказа*/
.tovar.third{
	position: relative;
	width: 88vw;
	margin: var(--marg-h-top, 26px) auto 0;
	box-sizing: border-box;
	padding: 0 0 var(--marg-h-top, 26px) 0;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.tovar.third{
	border: 0;
}
.third .kartinka{
	order: 0;
	width: 72vw;
}
.third .kartinkafon{
	border-radius: 4.267vw;
}
.third .opisanie{
	order: 1;
	position: relative;
	width: 88vw;
	text-align: center;
	padding-right: 0;
	margin-top: 8vw;
}
.third .opisanie h3{
	width: 88vw;/*330px*/
}
/*кнопка прислать картинку*/
.btn-zakaz{
	position: relative;
	top: 0;
	width: 88vw; 
	height: 12.533vw;/*47px;*/
	background:  var(--second-color, #FF0066);
	border-radius: 2.133vw;/* 8px;*/
	text-align: center;
	transition: all 0.1s;
	cursor: pointer;
	margin-top: 4vw;
}
.btn-zakaz:hover{
	top: 0px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.btn-zakaz:active{
	top: 1px;
}

.btn-zakaz span{
	color: #FFF;	
	font-weight: 600;
	font-size: var(--p-size, 16px);
	line-height: 12.533vw;/*49px;*/
}

/*WHY  */
#whykrujki{
	padding: var(--marg-h-top, 26px) 5.867vw;
	position: relative;
	color: #000;
	text-align: center;
}
#whykrujki h2{
	font-size: var(--h2-size, 23px);
	font-weight: 700;
	line-height: 1em;
	margin-bottom: var(--marg-h-bottom, 16px);
}
#whykrujki p{
	text-align: left;
	font-size:  var(--p-size, 16px);
	font-weight: 400;
	line-height: 1.5em;
}


}