/* Classes rules */
div.page#page1 div#carouselExampleAutoplaying {
	position: relative;
	width: 900px;
	height: 560px;
	border-radius: 15px;
}

div.page#page1 div#carouselExampleAutoplaying div.carousel-inner {
	border-radius: 15px;
}

div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item {
	position: relative;
	width: 900px;
	height: 560px;
	border-radius: 15px;
}

div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item img {
	object-fit: cover;
	width: 900px;
	height: 560px;
	border-radius: 15px;
}

div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item img.mobile {
	display: none;
}

div.page#page1 div#carouselExampleAutoplaying button.carousel-control-prev:hover,
div.page#page1 div#carouselExampleAutoplaying button.carousel-control-next:hover {
	background-color: var(--viola);
	opacity: 0.6;
	border-radius: 20px;
}
/*
div.slider {
	position: relative;
	width: 900px;
	height: 560px;
	margin: auto;
	margin-top: 200px;
	margin-bottom: 150px;
}

div.slider div.cont_slider {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
}

div.slider div.cont_slider div.slide {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	clip-path: circle(0% at 0 50%);
}

div.slider div.cont_slider div.active {
	clip-path: circle(150% at 0 50%);
	transition: 1.5s;
	transition-property: clip-path;
}

div.slider div.cont_button {
	width: 200px;
	top: 20px;
	position: relative;
	display: flex;
	flex-direction: row;
	height: 50px;
	margin: auto;
	justify-content: space-around;
}

div.slider div.cont_button div.btn {
	position: relative;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 2px solid #6B108B;
	margin: auto;
}

div.slider div.cont_button div.btn:hover {
	border-color: #E83A8E;
	cursor: pointer;
}

div.slider div.cont_button div.active {
	background-color: #E83A8E;
	border-color: #E83A8E;
}*/

/* Ids rules */

/*div.slider div.cont_slider div#slide1 {
	background-image: url(../img/home/slider/slide1/slide.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

div.slider div.cont_slider div#slide2 {
	background-image: url(../img/home/slider/slide2/slide.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

div.slider div.cont_slider div#slide3 {
	background-image: url(../img/home/slider/slide3/slide.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
*/
@media (max-width: 1100px){
	/*div.slider  {
		width: 800px;
		height: 500px;
	}*/

	div.page#page1 div#carouselExampleAutoplaying,
	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item,
	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item img {
		width: 800px;
		height: 500px;
	}
}

@media (max-width: 800px){
	div.page#page1 div#carouselExampleAutoplaying,
	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item,
	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item img {
		width: 600px;
		height: 375px;
	}
}

@media (max-width: 800px){
	div.page#page1 div#carouselExampleAutoplaying,
	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item,
	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item img {
		width: 400px;
		height: 250px;
	}
}

@media (max-device-width: 600px) and (orientation: portrait) {
	div.page#page1 div#carouselExampleAutoplaying,
	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item,
	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item img {
		width: 300px;
		height: 450px;
	}

	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item img.mobile {
		display: block;
	}

	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item img.desk {
		display: none;
	}
}
/* Per iPhone portrait*/
@media only screen
	and (max-device-width: 980px)
	and (min-device-height:  480px)
	and (orientation:portrait) {
	div.page#page1 div#carouselExampleAutoplaying,
	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item,
	div.page#page1 div#carouselExampleAutoplaying div.carousel-inner div.carousel-item img {
		width: 300px;
		height: 500px;
	}

	
/*
	div.slider div.cont_button div.btn {
		height: 50px;
		width: 50px;
	}

	div.slider div.cont_button {
		width: 600px;
		top: 75px;
	}*/
}