@charset 'UTF-8';

.works_slider {
	display: none;
}
.team_slider {
	display: none;
}
.slider {
	display: none;
}
.works_slider.slick-initialized, .team_slider.slick-initialized, .slider.slick-initialized {
	display: block;
}

/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	top: 50%;
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: -15px 0 0 0;
	font-size: 0;
	line-height: 0;
	border: none;
	background-color: none;
	outline: none;
	z-index: 10;
	cursor: pointer;
	opacity: 1;
	transition: 0.4s;
}
.slick-prev {
	left: -50px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028.346%2028.346%22%3E%3Cpath%20d%3D%22M14.173%202.126c6.643%200%2012.047%205.404%2012.047%2012.047%200%206.643-5.404%2012.047-12.047%2012.047S2.126%2020.816%202.126%2014.173c0-6.643%205.404-12.047%2012.047-12.047m0-2.126C6.346%200%200%206.346%200%2014.173c0%207.828%206.346%2014.173%2014.173%2014.173%207.828%200%2014.173-6.345%2014.173-14.173C28.346%206.346%2022.001%200%2014.173%200z%22%20fill%3D%22%2304345b%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%2304345b%22%20d%3D%22M8.061%2012.759l5.657-5.657%201.414%201.415-4.656%204.656H21.89v2H10.475l4.657%204.657-1.414%201.414-5.656-5.656-1.415-1.415z%22%2F%3E%3C%2Fsvg%3E');
	background-size: 100%;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
.slick-next {
	right: -50px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028.346%2028.346%22%3E%3Cpath%20d%3D%22M14.173%202.126c6.643%200%2012.047%205.404%2012.047%2012.047%200%206.643-5.404%2012.047-12.047%2012.047S2.126%2020.816%202.126%2014.173c0-6.643%205.404-12.047%2012.047-12.047m0-2.126C6.346%200%200%206.346%200%2014.173c0%207.828%206.346%2014.173%2014.173%2014.173%207.828%200%2014.173-6.345%2014.173-14.173C28.346%206.346%2022.001%200%2014.173%200z%22%20fill%3D%22%2304345b%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%2304345b%22%20d%3D%22M20.285%2012.759l-5.657-5.657-1.414%201.415%204.657%204.656H6.457v2H17.87l-4.657%204.657%201.414%201.414%205.657-5.656%201.414-1.415z%22%2F%3E%3C%2Fsvg%3E');
	background-size: 100%;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
.dark .slick-prev {
	left: 0;
	background: url(../image/common/i_slide_prev_white.png.avif) no-repeat 0 0;
	background-size: 100%;
}
.dark .slick-next {
	right: 0;
	background: url(../image/common/i_slide_next_white.png.avif) no-repeat 0 0;
	background-size: 100%;
}
.slick-prev:hover,
.slick-next:hover {
	opacity: 0.5;
}


/* Dots */
.slick-dotted.slick-slider {
	padding-bottom: 28px;
}
.slick-dots {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px !important;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 8px;
	height: 8px;
	padding: 4px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
	opacity: 0.4;
}
.slick-dots li button:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	background: #000000;
	border-radius: 100%;
	opacity: 0.2;
}
.slick-dots li.slick-active button:before {
	background: #c2ad5d;
	border-radius: 100%;
	opacity: 1;
}



@media screen and (max-width: 1220px){

.slick-prev {
	left: 4vw;
}
.slick-next {
	right: 4vw;
}
.slider .slick-prev {
	left: 4vw;
}
.slider .slick-next {
	right: 4vw;
}

}



/* home responsive ---------- */



@media only screen and ( max-width: 1024px )
{

.slick-prev:hover,
.slick-next:hover {
	opacity: 1;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
	opacity: 0.2;
}

}



@media screen and (max-width: 640px){

.slick-prev,
.slick-next {
	width: 20px;
	height: 20px;
	margin: -10px 0 0 0;
}
.slick-prev {
	left: 6vw;
}
.slick-next {
	right: 6vw;
}
.slider .slick-prev {
	left: 6vw;
}
.slider .slick-next {
	right: 6vw;
}
.slick-dotted.slick-slider {
	padding-bottom: 6vw;
}
.slick-dots li {
	width: 4px;
	height: 4px;
	margin: 0 2px !important;
}
.slick-dots li button {
	width: 4px;
	height: 4px;
	padding: 0;
}
.slick-dots li button:before {
	width: 4px;
	height: 4px;
}

}