@font-face {
	font-family: 'Sports_World';
	font-style: normal;
	font-weight: 400;
	src: local('Sports_World'),
		url('../fonts/Sports_World/Sports_World.woff2') format('woff2'), 
		url('../fonts/Sports_World/Sports_World.woff') format('woff'),
		url('../fonts/Sports_World/Sports_World.ttf') format('ttf'),
		url('../fonts/Sports_World/Sports_World.eot') format('eot');
}
/*BANNER*/
#bannerTop{
	display: block;
	width: 100vw;
	height: 38.54vw;
	background: url("../img/futbolki/baner_top_fon.webp");
	background-size: 100% 100%;
	margin: 0;
	padding: 0 4vw;
	text-align: center;
	box-sizing: border-box;
}
#banner_top_content{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 12.78vw;
	box-sizing: border-box;
}
#banner_top_content img{
	position: absolute;
	left: 1vw;
	top: 0;
	width: 100%;
	height: 100%;
}
#banner_top_content h1{
	position: relative;
	width: 30.7vw;
	font-family: Sports_World;
	font-size: var(--h1-size, 50px);/*2.64vw;*/
	font-weight: 400;
	line-height: 1.1em;
	margin: 0 auto 0.76vw;
	color: var(--main-color, #0066FF);
}
#banner_top_content p{
	font-family: 'roboto', sans-serif;
	position: relative;
	width: 24.17vw;
	font-size: var(--p-size, 16px);/*1.18vw;*/
	font-weight: 500;
	line-height: 1.5em;
	margin: 0 auto;
}

#messengerslist {
	position: relative;
	top: -6.25vw;
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
  align-items: center;
}
#messengerslist li{
	/*margin-right: 1.2vw;*/
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: left;
  align-items: center;
}
#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(51,182,246);
}
#messengerslist li a span.bold700{
	font-weight: 700;
}
#messengerslist li:nth-of-type(5){
	margin-right: 1vw;
}

/*VITRINA*/
#vitrina{
	width: 100vw;
	padding: var(--marg-h-top, 100px) 9vw  var(--marg-h-top, 100px) 9vw;
	box-sizing: border-box;
}
#vitrina h2{
	font-size: var(--h2-size, 40px);/*2.5vw;*/
	line-height: 1em;
	font-weight: 700;
	margin: 0;
}
.tovar{
	position: relative;
	width: 82vw;
	margin-top: var(--marg-h-top, 100px);
	box-sizing: border-box;
	padding: 0 0  var(--marg-h-top, 100px) 0;
	display: grid;
	flex-wrap: nowrap;
	grid-template-areas: "tdesc1 timg1"
											 "tpric1 timg1";
	grid-template-columns: 57% 43%;
	border-bottom: 1px solid var(--main-color, #0066FF);
}
.tovar.first{
	margin-top:  var(--marg-h-bottom, 60px);
}
.tovar:last-of-type{
	border-bottom: 0;	
	padding: 0;
}
.opisanie{
	grid-area:  tdesc1;
	position: relative;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	padding-right: 12%;
}
.opisanie h3{
	font-weight: 600;
	font-size: var(--h3-size, 36px);
	line-height: 1.1em;
}
.opisanie p{
	font-weight: 400;
	font-size: var(--p-size, 16px);
	line-height: 1.5em;
}
.prices{
	grid-area:  tpric1;
	text-align: left;
	box-sizing: border-box;
}
.prices h4{
	font-weight: 400;
	font-size: var(--p-size, 16px);
	line-height: 1.75em;
/*	font-size: 1.67vw;
	line-height: 2.57vw;*/
	margin-top: 1.6vw;
}
.prices ul{
	list-style-type: disc;
	padding-left: 2vw;
}
.prices ul li{	
	font-weight: 400;
	font-size: var(--p-size, 16px);
	line-height: 1.75em;
/*
	font-size: 1.67vw;
	line-height: 2.57vw;
*/
}
.prices ul li span{
	font-weight: 700;
}
/*изображение товара*/
.kartinka{
	grid-area:  timg1;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	border-radius: 1.11vw;
	overflow: hidden;
}
/*фоновая картинка*/
.kartinkafon{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin:  0;
	padding: 0;
}
.kartinkatext{
	position: absolute;
}
.kartinkaimg{
	position: absolute;
}
/*тексты первого товара*/
.kartinkatext.big{
	color: var(--main-color, #0066FF);
	font-weight: 700;
}
.kartinkatext.small{
	color: var(--second-color, #ff0066);
	font-weight: 300;
}
.kartinkatext.back.big{
  font-size: 1.32vw;
  line-height: 1.25vw;
  top: 23%;
  left: 15%;
}
.kartinkatext.back.small{
  font-size: 1.22vw;
  line-height: 1.25vw;
  top: 28%;
  left: 19.3%;
}
.kartinkatext.front.big{
  font-size: 0.5vw;
  line-height: 0.42vw;
  top: 26.3%;
  left: 78%;
}
.kartinkatext.front.small{
  font-size: 0.46vw;
  line-height: 0.42vw;
  top: 28.1%;
  left: 80%; 
}
/*текст и картинка второго товара*/
.second .kartinkatext.back.big{
	top: 21%;
	left: 16.5%;
}
.second .kartinkaimg{
	top: 28.25%;
	left: 16.5%;
	width: 18%;
}
/*картинка третьего товара*/
.third .kartinkaimg{
	top: 19.1%;
	left: 65.4%;
	width: 20.6%;
}
/*картинка четвертого товара*/
.fourth .kartinkaimg{
	top: 22%;
	left: 68%;
	width: 14.7%;
}
.fourth .opisanie h4{
	margin-top: 0.5vw;
}
/*картинка пятого товара*/
.five .kartinkaimg{
	top: 26.66%;
	left: 39.5%;
	width: 21.57%;
}
/*картинка шестого товара*/
.six .kartinkaimg{
	top: 18.8%;
	left: 41.4%;
	width: 21.57%;
}

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


/* ADAPTIVE BIG SCREENs */

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

	/*BANNER*/
	#bannerTop{
		height: 555px;
		margin: 0;
		padding: 0 calc((100vw - 1240px)/2);/*65px*/
	}
	#banner_top_content{
		padding-top: 160px;
	}
	#banner_top_content img{
		left: 10px;
	}
	#banner_top_content h1{
		width: 442px;
		font-size:  var(--h1-size, 50px);
		line-height: 1.1em;
		margin: 0 auto 16px;
	}
	#banner_top_content p{
		width: 348px;
		font-size: var(--p-size, 16px);
		line-height: 1.5em;
	}
	#messengerslist li{
		height: 33px;
		margin-right: 5px;
	}
	#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;
	}
	#messengerslist {
		top: -90px;
	}

	/*VITRINA*/
	#vitrina{
		padding: var(--marg-h-top, 100px) calc((100vw - 1180px)/2);
	}
	#vitrina h2{
		font-size: var(--h2-size, 40px);
		line-height: 1em;
	}
	.tovar{
		width: 1180px;
		margin-top: 100px;
		padding: 0 0 var(--marg-h-top, 100px) 0;
	}
	.tovar.first{
		margin-top: var(--marg-h-bottom, 60px);
	}
	.opisanie{
		text-align: left;
		box-sizing: border-box;
		padding-right: 12%;
	}
	.opisanie h3{
		font-size: var(--h3-size, 36px);
		line-height: 1.1em;
	}
	.opisanie p{
		font-size: var(--p-size, 16px);
		line-height: 1.5em;
	}
	.prices h4{
		font-weight: 400;
		font-size:  var(--p-size, 16px);/*24px;*/
		line-height: 1.8em;
		margin-top: 23px;
	}
	.prices ul{
		padding-left: 35px;
	}
	.prices ul li{	
		font-size:  var(--p-size, 16px);/*24px;*/
		line-height: 1.6em;
	}
	/*изображение товара*/
	.kartinka{
		width: 510px;
		border-radius: 16px;
	}
	/*тексты первого товара*/
	.kartinkatext.back.big{
	  font-size: 19px;
	  line-height: 18px;
	  top: 83px;
	  left: 75px;
	}
	.kartinkatext.back.small{
	  font-size: 18px;
	  line-height: 18px;
	  top: 100px;
	  left: 100px;
	}
	.kartinkatext.front.big{
	  font-size: 7px;
	  line-height: 6px;
	  top: 95px;
	  left: 394px;
	}
	.kartinkatext.front.small{
	  font-size: 7px;
	  line-height: 6px;
	  top: 102px;
	  left: 402px; 
	}
	/*текст и картинка второго товара*/
	.second .kartinkatext.back.big{
		top: 75px;
		left: 82px;
	}
	.second .kartinkaimg{
		top: 102px;
		left: 82px;
		width: 92px;
	}
	/*картинка третьего товара*/
	.third .kartinkaimg{
		top: 69px;
		left: 333px;
		width: 106px;
	}
	/*картинка четвертого товара*/
	.fourth .kartinkaimg{
		top: 81px;
		left: 351px;
		width: 75px;
	}
	.fourth .opisanie h3{
		width: 570px;
	}
	.fourth .opisanie h4{
		margin-top: 7.2px;
	}
	/*картинка пятого товара*/
	.five .kartinkaimg{
		top: 96px;
		left: 200px;
		width: 110.2px;
	}
	/*картинка шестого товара*/
	.six .kartinkaimg{
		top: 68px;
		left: 212px;
		width: 110.2px;
	}

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

	/*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*/
	}

	/*BANNER*/
	#bannerTop{
		width: 100vw;
		height: auto;
		background: #FFFFFF;
		margin: 1.067vw 0 0;
		padding: 0 0 0;/*var(--marg-h-top, 26px);/*45px*/
	}
	#banner_top_content{
		position: relative;
		width: 100%;
		height: 47.2vw;/* 46.133; 173px / 177px */
		margin: 0;
		padding: 4vw 0 0;/*10.67vw 0 0;/*40px */
		box-sizing: border-box;
	}
	#banner_top_content img{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#banner_top_content h1{
		width: 74.133vw;/*278px*/
		height: auto;
		font-size: var(--h1-size, 29px);
		line-height: 1.1em;
		margin: 0 auto 1.867vw;/*7px*/
	}
	#banner_top_content p{
		width: 66.667vw;/*250px*/
		height: 9.6vw;/*36px*/
		font-size: var(--p-size, 16px);/*3.2vw;/*12px*/
		line-height: 1.1em;/*18px*/
		top: 0;
	}
	/*разделитель банера и копок мессенджеров*/
	#banner_top_content::after{
		display: block;
		position: absolute;
		width: 100vw;
		height: 1.067vw;/*4px*/
		background-color: #CDCDCD;
		content: " ";
		top: 47.2vw;/*177px*/
		left: 0;
		z-index: 22;
	}

	#messengerslist {
		position: relative;
		top: 0;
		width: 100vw;
		margin: var(--marg-h-top, 26px) 0 0;/*45px*/
		padding: 0;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: space-between;
	  align-items: center;
	  
	  		/*ПРЯЧЕМ КНОПКИ ЗАКАЗАТЬ*/
		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;
		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: "Заказать по WhatsApp: ";	
	}
	#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) 5.86vw;/* 45px 22px*/
		background-color: #FFFFFF;
	}
	#vitrina h2{
		font-size: var(--h2-size, 23px);/*4.8vw;/*18px*/
		line-height: 1.1em;/*28px*/
		font-weight: 700;
		margin: 0;
	}
	.tovar{
		width: 88vw;/*330px*/
		margin: var(--marg-h-top, 26px) auto 0;
		padding-bottom: var(--marg-h-top, 26px);
		border-bottom: 1px solid var(--main-color, #0066FF);
		text-align: left;
		grid-template-areas: "tdesc1 timg1"
												 "tdesc1 timg1"
												 "tpric1 tpric1";
		grid-template-columns: 66% 34%;
	}
	.tovar.first{
		margin-top: var(--marg-h-bottom, 16px);
	}
	.tovar:last-of-type{
		border-bottom: 0;	
		padding: 0;
	}
	.opisanie{
		grid-area: tdesc1;
		width: 100%;
		position: relative;
		text-align: left;
		padding-right: 0vw;/*15px*/
	}
	.opisanie h3{
		font-weight: 600;
		font-size: var(--h3-size, 19px);/*3.2vw;/*12px*/
		line-height: 1.1em;/*16px*/
		margin-bottom: 0;/*2.9333vw;/*11px*/
	}
	.opisanie p{
		/*display: inline;*/
		font-weight: 400;
		font-size: var(--p-size, 16px);/*2.67vw;/*10px*/
		line-height: 1.5em;
	}
	.prices{
		grid-area: tpric1;
		margin-top: 2.93vw;/*11px*/

	}
	.prices h4{
		display: inline;
		font-weight: 400;
		font-size: var(--p-size, 16px);/*2.67vw;/*10px*/
		line-height: 1.5em;

	}
	.prices ul{
		display: inline;
		list-style-type: disc;
		padding-left: 2vw;
	}
	.prices ul li{
		display: inline;	
		font-weight: 400;
		font-size: var(--p-size, 16px);/*2.67vw;/*10px*/
		line-height: 1.5em;
	}
	.prices ul li span{
		font-weight: 700;
	}

	/*изображение товара*/
	.kartinka{
		grid-area: timg1;
		position: relative;
		border-radius: 1.33vw;/*5px*/
		overflow: hidden;
		width: 100%;/*155px*/
		max-height: 24vw;/*110px*/
	}
	/*фоновая картинка*/
	.kartinkafon{
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		margin:  0;
		padding: 0;
	}
	.kartinkatext{
		position: absolute;
	}
	.kartinkaimg{
		position: absolute;
	}
	/*тексты первого товара*/
	.kartinkatext.big{
		color: var(--main-color, #0066FF);
		font-weight: 700;
	}
	.kartinkatext.small{
		color: var(--second-color, #FF0066);
		font-weight: 300;
	}
	.kartinkatext.back.big{
	  font-size: 1.32vw;
	  line-height: 1.25vw;
	  top: 23%;
	  left: 15%;
	}
	.kartinkatext.back.small{
	  font-size: 1.22vw;
	  line-height: 1.25vw;
	  top: 28%;
	  left: 19.3%;
	}
	.kartinkatext.front.big{
	  font-size: 0.5vw;
	  line-height: 0.42vw;
	  top: 26.3%;
	  left: 78%;
	}
	.kartinkatext.front.small{
	  font-size: 0.46vw;
	  line-height: 0.42vw;
	  top: 28.1%;
	  left: 80%; 
	}
	/*текст и картинка второго товара*/
	.second .kartinkatext.back.big{
		top: 21%;
		left: 16.5%;
	}
	.second .kartinkaimg{
		top: 28.25%;
		left: 16.5%;
		width: 18%;
	}
	/*картинка третьего товара*/
	.third .kartinkaimg{
		top: 19.1%;
		left: 65.4%;
		width: 20.6%;
	}
	/*картинка четвертого товара*/
	.fourth .kartinkaimg{
		top: 22%;
		left: 68%;
		width: 14.7%;
	}
	.fourth .opisanie h4{
		margin-top: 0.5vw;
	}
	/*картинка пятого товара*/
	.five .kartinkaimg{
		top: 26.66%;
		left: 39.5%;
		width: 21.57%;
	}
	/*картинка шестого товара*/
	.six .kartinkaimg{
		top: 18.8%;
		left: 41.4%;
		width: 21.57%;
	}
	
	#WorksSlider{
		background-color: #FFFFFF;
	}

	/*WHY whyfutbolki*/
	#whyfutbolki{
		position: relative;
		padding: var(--marg-h-top, 26px) 5.86vw;
		color: #000;
		text-align: center;
		margin-bottom: 0;
		background-color: #FFFFFF;
	}
	#whyfutbolki h2{
		font-size: var(--h2-size, 23px);/*4.8vw;/*18px*/
		line-height: 1em;/*28px*/
		font-weight: 700;
		margin-bottom: var(--marg-h-bottom, 16px);/*3vw;/*px*/
		margin: 0 auto var(--marg-h-bottom, 16px);
		width: 70vw;
	}
	#whyfutbolki p{
		text-align: left;
		font-weight: 400;
		font-size:  var(--p-size, 16px);/*10px*/
		line-height: 1.5em;/*15px*/
	}


}