/* ####################################################
    :: Template Name: Essence - Fashion Ecommerce Template
    :: Author: Colorlib
    :: Author URL: https://colorlib.com
    :: Description: Essence is smart & elegant fashion e-commerce Template. It's suitable for all e-commerce business platform.
    :: Version: 1.0.0
    :: Created: April 27, 2018
    :: Last Updated: May 2, 2018
    #################################################### */

    /* ---------------------------------------
    ##### - PLACE YOUR CUSTOM CSS HERE - #####
    --------------------------------------- */
.wrapper {
	display: grid;
	/*min-height: 100vh;*/
	margin-bottom:10px;
}
.slider {
	width: 100%;
	position: relative;
	padding-top: 320px;
	margin: 20px auto;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);
}
.slider>img {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	width: 100%;
	height:100%;
}
.slider input[name='ani'] {
	display: none;
}
.slider label {
	margin: 18px 0 0 14px;
	border: 3px solid #999;
	float: left;
	cursor: pointer;
	transition: all 0.5s;
	opacity: 0.6;
}
.slider label img {
	display: block;
	    height: 80px;
}
.slider input[name='ani']:checked+label {
	border-color: #666;
	opacity: 1;
}
.slider input[name='ani']~img {
	opacity: 0;
	transform: scale(1.1);
}
.slider input[name='ani']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}