@font-face {
	font-family: 'fpt-bold';
	src: url("../fonts/FuturaPT-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
	font-family: 'fpt-book';
	src: url("../fonts/FuturaPT-Book.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
	font-family: 'fpt-book-med';
	src: url("../fonts/FuturaPT-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
	font-family: 'salc-black';
	src: url("../fonts/StyreneALC-Black.otf") format("opentype");
  font-style: normal;
  font-weight: normal;
}

*{
	box-sizing: border-box;

}




div::-webkit-scrollbar-thumb {

	width: 6px;
  background-color: rgba(10,10,10);
}
div::-webkit-scrollbar {

		width: 6px;
		background-color: rgba(10,10,10,0.1);
}


.main-holder {
    background-image: url(../assets/background.jpg);
    background-size: cover;
    line-height: initial!important;
    margin-bottom: 0!important;

}
.main-toolbar-holder {
	background-color: white;
    position: relative;
    padding-bottom: .4rem;
    margin-bottom: 1.9rem;
}


.swtext{
  font-family: 'fpt-book';
  color: #eee;
	font-size: 24px;
}

.bwtext{
  font-family: 'salc-black';
  color: #eee;
	font-size: 36px;
}

.brtext{
  font-family: 'salc-black';
  color: red;
	font-size: 85px;
}

.container{

	display: flex;

	flex-direction: column;
	justify-content: center;

	width: 100%;

}



.container_img_paint_head{
	/* border: 3px solid #ff0; */
	position:	relative;
	z-index: 2;
	display: flex;



	width:100%;
}

.img_paint_head{
	width:100%;
	/* border: 1px solid #0f0; */
}

.street_art{
  /* border: 3px solid #fff; */
	position:	relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
	width: 1200px;
}
.street_art2 {top: -18vw;position:	relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
	width: 1200px;}

.content_block_1{
	width: 100%;

}

.black_block{
	position:relative;
	z-index: 0;
	top: 10px;
	background-color: #333;

	margin: auto;

	width: 40%;
	height: 9vw;
	max-height: 100px;

}





#members{width: 55%;margin-top: 100px;}



.block_paint{
	width: 100%;

	margin: auto;


	margin-top: -8%;
}

#members_paint{
	margin-top: -12%;
}

#artists_paint{
	margin-top: 0;
}

#leaders_paint{
	margin-top: 3em;
}

.block_paint .paint_img{
	width: 100%;
	position: relative;
	z-index: 0;
	display: inline;
}
/*
.block_paint .paint_img_mobile{
	width: 100%;
	position: relative;
	z-index: 0;
	display: none;
} */

.paint_text{
	position:relative;
	z-index: 1;
	display: flex;
	margin:auto;
	flex-direction: column;
	justify-content: center;
	align-self: center;
	margin-top: -24%;
}

#artists_paint{
	display: flex;
	flex-direction: column;
}

#artists_paint .paint_img{
	margin: auto;
	max-width: 1000px;
	z-index: 1;
	margin-top: 10px;
}

#artists_paint_text{
	margin-top: -14%;
}

#leaders_paint_text{
	margin-top: -22%;
}



.rules_content{
	width:100%;

	display:flex;
	flex-direction: column;

	justify-content: center;
}

.rules_text{
	width: 800px;
	margin: auto;
	display:flex;
	flex-direction: column;
	z-index: 1;
	margin-top: -5vw;

	justify-content: center;
}

.rules_text_block{
	width: 100%;
	display: flex;
	justify-content: space-around;

}

.rules_text_block .swtext{
	width:45%;
	font-size: 18px;
	margin: 20px auto;
}
.bwtext3 {font-size: 24px;font-family: 'fpt-book-med';}

.rules_spray{
	display:flex;
	width:100%;
	justify-content: space-between;
	overflow: hidden;
	margin-top: -50px;
}

.rules_spray_left{
	float:left;
}

.rules_spray_man{
	position: absolute;
	width: 40%;
	margin-top: 270px;
	z-index: 1;
}

.rules_spray_right{
	float:right;
	overflow: hidden;
}

.spray1{
	width: 380px;
	position: relative;

	left: -75px;
}

.spray1_man{
	width: 100%;
	max-width: 500px;
	position: relative;
	z-index: 1;
}

.spray2{
	width: 380px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}


/* этапы */

#steps_block img{max-width: none;}


.steps2{
	position: relative;
	display: flex;
	flex-direction: column;
	float: right;
	top: 50px;
	width: 60%;
	margin-bottom: 100px;
	z-index: 0;
	height: 450px;


}

.step2{

	display: flex;
	margin-top:220px;
	max-width: 700px;
	height: 900px;
}

.step_line{
	border-left: 1px solid;
	border-color: #222;
	width: 10%;
}

.step_name{
	float: center;
}

.step_img_man{
	width: 40%;
}

.s_3angle{
	width: 50%;
	height: 100px;

	margin-top: 325px;

}

.s_3angle_img{
	width: 40px;
}

.step_block{
	align-self: center;
	display: flex;
	height: 100px;

}

.step_number{
	align-self: center;
	width: 20%;
	text-align: center;

}

.step_number p{
	font-family: 'salc-black';
  color: #eee;
	font-size: 40px;
}

.step_text{
	align-self: center;
	width: 75%;
}

.step_text p{
	font-family: 'fpt-book';
  color: #eee;
	font-size: 18px;
}


#steps_block{
	height: 800px;
	overflow: hidden;
	margin-top: -10vw;
}


#step_paint{
	position: relative;
	width:100%;
	z-index: -1;
}

#step_paint .paint_img{

	width: 100%;
	right: 0%;
	top:0px;

}

#step_paint .paint_text{
	margin-top: -16vw;
	right:10%;
}




#members_block{

	margin-top: -100px;
	z-index: 2;
	max-width: 1200px;
	margin: auto;

}


.content_block_map{
	width: 800px;
	height: 380px;
	margin:auto;
	margin-top: 130px;
	display:flex;
	justify-content: space-around;
	z-index: 1;
	margin-bottom: 60px;

}

.city_list{
	direction: rtl;

	padding: 15px;
	width: 45%;

	overflow-x: hidden;
	overflow-y: show;
}

.city_list p{
	direction: ltr;
  font-family: 'fpt-book';
  color: #222;
	font-size: 16px;
}

.city_list b{
  font-family: 'salc-black';
  color: #222;
	font-size: 20px;
}


.block_map{
	position: relative;
	z-index: 4;
	width: 400px;
	height: 380px;
}

.content_block_leaders{
	width: 800px;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 70px;
	margin-top: 12vw;

}

.content_block_leaders hr{
	 color: white;
	 size: 2px;
	 width: 100%;
	 align: center;
}



.leader{
	width: 800px;
	min-height: 50px;
	margin: auto;
	display: flex;
	position: relative;
	z-index: 4;
	padding-left: 40px;
}

.leader .num{

	width: 50px;
	align-self: center;
}

.leader .pic{

	width: 50px;
	align-self: center;
}

.leader_info{
	display: flex;

}

.leader .name{

	width: 300px;
	align-self: center;
}

.leader .city{

	width: 200px;
	align-self: center;
}

.leader .heart{

	width: 50px;
	display: flex;
	justify-content: center;
	align-self: center;
}

.heart img{
	width: 35px;
}

.leader .likes{

	width: 150px;
	align-self: center;
}

.leader .text1{
	font-family: 'salc-black';
  color: #111;
	font-size: 16px;
}

.leader .text2{
	font-family: 'fpt-book';
  color: #111;
	font-size: 14px;


}

.pic img{
	min-width: 50px;
	height: 50px;
	border-radius:50%;
}


#lead {
	top:0;
}


.card{
		width: 100%;
		min-height: 110px;
		display: flex;
		justify-content: space-evenly;
}

.leader_art{
	width: 350px;
	min-height: 20px;
	margin:auto;
	display: flex;

	flex-direction: column;
}

.leader_art .name{

	width: 95%;

}

.leader_art .city{

	width: 95%;

}

.pic_art{
	width: 90px;
	margin: auto;

}

.pic_art img{

	width: 60px;
	height: 60px;
	border-radius:50%;
}

.leader_art .text1{
	font-family: 'salc-black';
  color: #eee;
	font-size: 24px;
	line-height: 1.2em;
}

.leader_art .text2{
	font-family: 'fpt-book';
    color: #2F2F30;
	font-size: 20px;
	margin-top: 2px;
}

.art_img{
	width: 100%;
	height: 100%;
}

.points_row .likes{

	width:90%;
	align-self: center;
}

.points_row .text1{
	font-family: 'fpt-bold';
  color: #eee;
	font-size: 22px;
	margin-left: 5px;

}

.points_row .heart{

	width: 50px;
	display: flex;
	justify-content: center;
	align-self: center;
}



.arts_text_block{

	width: 70%;
	max-width: 1000px;
	margin: auto;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}





#footer{
	position:relative;
	margin-top:150px;
}

.street_art .footer2{


	display: flex;
	max-height: 200px;
	padding-bottom: 50px;
	justify-content: space-around;

	align-self: center;
}

.contact, .socials, .rules_link{

	width: 30%;
	font-family: 'fpt-book';
  color: #111;

	font-size: 24px;

	align-self: center;
}
.socials{
	display: flex;
	justify-content: center;
	margin: auto;
}

.socials img{
	margin: 5px;
}

.rules_link{

	display: flex;
	flex-direction: column;
	align-self: center;

}


.rc img{

	width: 22vw;
}

.rc{
	display: flex;
	justify-content: center;

	margin-top: -25%;
}

.rules_link .text{
	margin-top: 0;
	position: relative;
	text-align: center;
}


.decor{
	position: relative;
}
.decor img{
	position: absolute;
	z-index: 3;
}


#line_map_left{
	top: 30vw;
	left:0;
	width: 15vw;
	z-index: 0;
}

#line_map_right{
	right:0;
	top: 38vw;
	width: 35vw;
	z-index: 0;
}
#line_map_right2{
	right:0;
	top: 10vw;
	width: 35vw;
	z-index: 1;
}

#art{
	left:0;
	top: 5vw;
	width: 25vw;
}

#marker{
	right:0;
	top: 9vw;
	width: 30vw;
}



#winner{

	top:10vw;
	width: 100%
}

#winner .block_paint{
	margin-top: -140px;
	max-width: 1200px;
}

#winner .paint_text{
	margin-top: -200px;
}

.winner_text_block{
	margin: auto;
    margin-top: 90px;
    margin-bottom: 90px;
}


.winner_art{

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.winner_art_img{
	width: 70%;
	max-width: 1000px;
	margin: auto;
}



.winner_art_decor{
	display:flex;
	width:100%;
	justify-content: space-between;
	overflow: hidden;

	margin-top: -250px;
	min-height: 400px;
}

.winner_left{
	float:left;
	width: 50%;
}



.winner_right{
	float:right;
	width: 40%;
}

.win_dec1{

	position: relative;
	top: -70px
	left: -75px;
}


.win_dec2{
	float:right;
	position: relative;
}









@media (max-width: 1024px) {
.swiper-button-next, .swiper-button-prev {display: none}
.rc{margin-top: -45%;}
}

.vote{
	width: 1000px;
	margin:auto;
}

.vote_btn{
	margin:auto;
  display: flex;
  width: 80%;
}

.vote_btn a{
    background-color: #FF0000; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;

		margin:auto;
		width: 40%;
}

.vote_btn a{
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}

.vote_btn a:hover {
    background-color: #c50101; /* Green */

}

.vote_btn p{
	font-family: 'salc-black';
  color: #eee;
	font-size: 24px;
	margin: 1em 0;

}
.opisanie {width: 60%;margin: auto;}
.points_row .text3 {
    font-family: 'fpt-bold';
    color: #2F2F30;
    font-size: 18px;
   margin: -20px 0 0 10px;
}