
/* ==== карусель ==== */
#main_banner, .carousel-slide {
	position: relative;
	transition-property: height, background-image;
	transition-duration: 0.8s;
	transition-timing-function: linear;
}
.carousel-slide {
	position: absolute;
	text-align: center;
	left: 0;
	width: 100%;
	display: none;
}
.carousel-slide.on {
	z-index: 9;
	opacity: 1;
}
.caption {
	/*width: 300px;*/
	display: inline-block;
	margin: 350px auto;
	padding: 10px 25px;
	border-radius: 7px;
	text-align: center;
	font-size: 22px;
	color: white;
	background-color: rgba(6, 6, 6, 0.24);
	box-shadow: 0px 0px 15px white;
	transition-property: height, width, margin, font-size, padding;
	transition-duration: 0.8s;
	transition-timing-function: linear;
}
/*.caption span {
	display: block;
	padding-top: 15px;
	font-size: 28px;
}*/

.carousel-slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}



@media all and (min-width: 769px) {
	#main_banner, .carousel-slide {
		height: 400px;
	}
	.carousel-slide:nth-child(1) { background-image: url(/carousel_for_mine_page/1920/1.jpg); }
	.carousel-slide:nth-child(2) { background-image: url(/carousel_for_mine_page/1920/vupysknaya_lenta_2021_gold.jpg); }
	.carousel-slide:nth-child(3) { background-image: url(/carousel_for_mine_page/1920/vupysknaya_lenta_2021_violet.jpg); }
	.carousel-slide:nth-child(4) { background-image: url(/carousel_for_mine_page/1920/2.jpg); }
	.carousel-slide:nth-child(5) { background-image: url(/carousel_for_mine_page/1920/4.jpg); }
	.carousel-slide:nth-child(6) { background-image: url(/carousel_for_mine_page/1920/5.jpg); }
	.carousel-slide:nth-child(7) { background-image: url(/carousel_for_mine_page/1920/6.jpg); }
	.carousel-slide:nth-child(8) { background-image: url(/carousel_for_mine_page/1920/vupysknaya_lenta_2021_bordo.jpg); }
}


/*Хороший шрифт для текста на картинке Roboto, sans-serif */
/*===========================================*/

/*FOR CAROUSEL WITH ARROW AND HOVER OPTIONS*/
.arrow {
	position: absolute;
	top: 190px;
	cursor: pointer;
	font-size: 26px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 10px;
	color: white;
	background-color: rgba(6, 6, 6, 0.24);
	z-index: 10;
}
.arrow:hover {
	box-shadow: 0px 0px 15px 2px white;
}
.arrow:active {
	box-shadow: 0px 0px 15px 2px silver;
}
.left{
	left: 25px;
}
.right {
	right: 25px;
}

/*disable text selection highlighting */
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none; 
    -ms-user-select: none; 
}

/*Tablet*/
@media (max-width: 768px) {
	#main_banner, .carousel-slide{
		height: 300px;
	}
	.caption {
		margin-top: 250px;
		font-size: 18px;
	}
	/*.caption span {
		font-size: 24px;
	}*/
	.arrow {
		position: absolute;
		top: 140px;
		cursor: pointer;
		font-size: 26px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		padding: 5px 10px;
		color: white;
		background-color: rgba(6, 6, 6, 0.24);
		z-index: 10;
	}
	.left{
		left: 18px;
	}
	.right {
		right: 18px;
	}
	.carousel-slide:nth-child(1) { background-image: url(/carousel_for_mine_page/768/1.jpg); }
	.carousel-slide:nth-child(2) { background-image: url(/carousel_for_mine_page/768/vupysknaya_lenta_2021_gold.jpg); }
	.carousel-slide:nth-child(3) { background-image: url(/carousel_for_mine_page/768/vupysknaya_lenta_2021_violet.jpg); }
	.carousel-slide:nth-child(4) { background-image: url(/carousel_for_mine_page/768/2.jpg); }
	.carousel-slide:nth-child(5) { background-image: url(/carousel_for_mine_page/768/4.jpg); }
	.carousel-slide:nth-child(6) { background-image: url(/carousel_for_mine_page/768/5.jpg); }
	.carousel-slide:nth-child(7) { background-image: url(/carousel_for_mine_page/768/6.jpg); }
	.carousel-slide:nth-child(8) { background-image: url(/carousel_for_mine_page/768/vupysknaya_lenta_2021_bordo.jpg); }
}


/*Mobile*/
@media (max-width: 480px) {
	#main_banner, .carousel-slide{
		height: 210px;
	}
	.caption {
		margin-top: 160px;
		font-size: 16px;
	}
	/*.caption span {
		font-size: 24px;
	}*/
	.arrow {
		position: absolute;
		top: 95px;
		cursor: pointer;
		font-size: 26px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		padding: 5px 10px;
		color: white;
		background-color: rgba(6, 6, 6, 0.24);
		z-index: 10;
	}
	.left{
		left: 7px;
	}
	.right {
		right: 7px;
	}
	.carousel-slide:nth-child(1) { background-image: url(/carousel_for_mine_page/480/1.jpg); }
	.carousel-slide:nth-child(2) { background-image: url(/carousel_for_mine_page/480/vupysknaya_lenta_2021_gold.jpg); }
	.carousel-slide:nth-child(3) { background-image: url(/carousel_for_mine_page/480/vupysknaya_lenta_2021_violet.jpg); }
	.carousel-slide:nth-child(4) { background-image: url(/carousel_for_mine_page/480/2.jpg); }
	.carousel-slide:nth-child(5) { background-image: url(/carousel_for_mine_page/480/4.jpg); }
	.carousel-slide:nth-child(6) { background-image: url(/carousel_for_mine_page/480/5.jpg); }
	.carousel-slide:nth-child(7) { background-image: url(/carousel_for_mine_page/480/6.jpg); }
	.carousel-slide:nth-child(8) { background-image: url(/carousel_for_mine_page/480/vupysknaya_lenta_2021_bordo.jpg); }
}
/* ==== карусель ==== */




































