/* CSS Document */
.swiper-container-intro {
	width: 100% !important;
	height: 600px !important;
}   
.swiper-container-studio {
	width: 100% !important;
	height: auto !important;
	margin: 30px 0 0;
} 
.swiper-slide{
	background-position:center;
	background-size: cover;
}
.swiper-pagination-bullet{
    background: #ffffff;
}
.swiper-pagination-bullet-active {
    background: #881818;
}
.swiper-button-next{
	background-image: url(images/next.png);
	background-size: 50%;
	right: -20px;
	margin-top: 32px;
}
.swiper-button-prev{
	background-image: url(images/prev.png);
	background-size: 50%;
	left: -20px;
	margin-top: 32px;
}
@media (max-width: 768px){
	.swiper-button-next{
		background-size: 100%;
		width: 22px;
		height: 33px;
		margin-top: -16px;
	}
	.swiper-button-prev{
		background-size: 100%;
		width: 22px;
		height: 33px;
		margin-top: -16px;
	}
}
@media (max-width: 480px){
	.swiper-button-next{
		background-size: 100%;
		width: 16px;
		height: 22px;
		margin-top: -11px;
	}
	.swiper-button-prev{
		background-size: 100%;
		width: 16px;
		height: 22px;
		margin-top: -11px;
	}
}

@media (max-width: 1182px){
	.swiper-container-intro {
		height: 390px !important;
	}
	.color_overlay_sx{
		padding: 50px 80px 50px 50px;
	}
	.color_overlay_dx{	
		padding: 50px 50px 50px 80px;
	}
	.color_overlay a{
		bottom: 50px;
	}
	.color_overlay h2{
		font-size: 32px !important;
	}
}
@media (max-width: 972px){
	.swiper-container-intro {
		height: 290px !important;
	}
	.color_overlay_sx{
		padding: 30px 80px 30px 30px;
	}
	.color_overlay_dx{	
		padding: 30px 30px 30px 80px;
	}
	.color_overlay a{
		bottom: 30px;
	}
	.color_overlay h2{
		font-size: 24px !important;
		line-height: 30px !important;
	}
	.color_overlay h3{
		font-size: 16px !important;
		margin-top: 15px;
	}
}
@media (max-width: 800px){
	.swiper-container-intro {
		height: 220px !important;
	}
	.color_overlay_sx{
		padding: 15px 80px 15px 15px;
	}
	.color_overlay_dx{	
		padding: 15px 15px 15px 80px;
	}
	.color_overlay a{
		bottom: 15px;
		font-size: 13px;
		padding: 4px 10px;
	}
	.color_overlay h2{
		font-size: 18px !important;
		line-height: 22px !important;
	}
	.color_overlay h3{
		font-size: 13px !important;
		margin-top: 10px;
	}
	.color_overlay .overlay_social{
		width: 30px;
		height: 30px;
	}
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 5px;
	}
}