.component_grid-content-slider { position: relative; background: #fff; }

/* Slider Slide */
	.component_grid-content-slider .slider > div { display: none; padding: 40px 20px; }
	.component_grid-content-slider .slider > div:first-child { display: block; }

/* Basic */
	.component_grid-content-slider .image { float: left; margin-right: 40px; margin-bottom: 20px; }
	.component_grid-content-slider .image img { width: 100%; }
	.component_grid-content-slider .h2 { margin-bottom: 40px; margin-top: 0; }


@media (min-width: 980px) {
	.component_grid-content-slider { height: 100%; }

	/* Slider */
		.component_grid-content-slider .slider { position: absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden; visibility: hidden; }

	/* Slider Slide */
		.component_grid-content-slider .slider > div { position: absolute; display: block; width: 100%; height: 100%; transition: transform 1s cubic-bezier(0.310, 1.370, 0.630, 1.005), visibility 0s linear 0s; will-change: transform; padding: 40px; }
		.component_grid-content-slider .slider > .left { transform: translate(-100%, 0) scale(0.8); visibility: hidden; transition-delay: 0s, 1s; }
		.component_grid-content-slider .slider > .active { opacity: 1; visibility: visible; transform: translate(0, 0) scale(1.0); }
		.component_grid-content-slider .slider > .right { transform: translate(100%, 0) scale(0.8); transition-delay: 0s, 1s; visibility: hidden; }

	/* Navigation Dots */
		.component_grid-content-slider .slider > span { position: absolute; right: 40px; bottom: 40px; display: block; }
		.component_grid-content-slider .slider > span a { display: inline-block; width: 20px; height: 20px; border: 3px solid #006567; border-radius: 100%; margin: 0 5px; cursor: pointer; }
		.component_grid-content-slider .slider > span a.active { background: #006567; }

	/* Basic */
		.component_grid-content-slider .image img { width: auto; max-width: 325px; max-height: 250px; }
}