.cs_slider { position: relative; height: calc(100vh - 195px);}
.cs_slide_bg:before { content: ''; display: block!important; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 48%, rgba(0, 0, 0, 0.4) 100%);
}
@media (min-width: 1000px) {
	.cs_slider { height: calc(100vh - 133px);}
}
.cs_slider_container { position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.cs_slider .cs_slider_item { position: relative; display: none; height: 100%; width: 100%;}
.cs_slider .cs_slider_item:first-child { display: block;}
.cs_slider .cs_slider_item img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover;}

/* Custom slide styles */
.cs_content {text-align:center;}
.cs_slider .cs_box { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 320px; height: 100%; margin: 0 auto;}
.cs_slider .cs_title { color: #fff; text-shadow: 4px 4px 12px #000; font-size: 30px; line-height: 40px;}
.cs_slider .cs_subtitle {font-size: 14px; line-height: 24px;}
.cs_slider .cs_subtitle span { color: #fff; display: inline-block; padding: 15px 15px; text-align: center;}
.cs_slider .cs_button { display: inline-block; padding: 8px 15px; color: #fff; text-transform: uppercase; border: 2px solid #fff; font-weight: 600; letter-spacing: .08em; background: transparent;}

@media (min-width: 480px) {
	.cs_slider .cs_box { max-width: 420px;}
}
@media (min-width: 690px) {
	.cs_slider .cs_box { max-width: 600px;}
}
@media (min-width: 1000px) {
	.cs_slider .cs_title { font-size: 50px; line-height: 65px;}
	.cs_slider .cs_subtitle { font-size: 18px; line-height: 30px;max-width: 950px; margin: auto;text-transform: uppercase; font-weight: 500; letter-spacing: .08em;}
	.cs_slider .cs_box { max-width: 1425px; padding: 0 90px;}
}
/**/
.cs_slider_nav { display: none !important;}
@media (min-width: 1000px) {
	.cs_slider_nav { display: block;}
	.cs_slider_nav>* { position: absolute; z-index: 5; top: 50%; width: 54px; height: 64px; border-radius: 0 3px 3px 0; background: #0006; transition: background ease 0.3s; cursor: pointer;}
	.cs_slider_nav>*:hover { background: #000a;}
	.cs_slider_nav>.cs_prev { left: 0;}
	.cs_slider_nav>.cs_next { right: 0px; transform: rotate(180deg);}
	.cs_slider_nav>*:before,
	.cs_slider_nav>*:after { content: ""; position: absolute; left: 50%; display: block; width: 18px; height: 2px; margin: -1px -9px; background: #fff; transition: left ease 0.3s;}
	.cs_slider_nav>*:before	{ rotate: 45deg; top: calc(50% + 6px);}
	.cs_slider_nav>*:after { rotate: -45deg; top: calc(50% - 6px);}
	.cs_slider_nav>*:hover:before,
	.cs_slider_nav>*:hover:after { left: calc(50% - 4px);}
}
/**/
.cs_slider .cs_slider_dots { position: absolute; z-index: 5; right: 0; left: 0; bottom: 15px; text-align: center;}
.cs_slider .cs_slider_dots span { display: inline-block; width: 8px; height: 8px; margin: 3px; border: 1px solid #fff; border-radius: 50%; transition: background ease 0.3s; cursor: pointer;}
.cs_slider .cs_slider_dots span.cs_current { background: #fff;}
@media (min-width: 768px) {
	.cs_slider .cs_slider_dots { bottom: 20px;}
	.cs_slider .cs_slider_dots span { width: 10px; height: 10px;}
}
@media (min-width: 1400px) {
	.cs_slider .cs_slider_dots { bottom: 30px;}
}