.slider {position:relative; width:100%; height:55vh; min-height:400px; text-align:center; margin:0 auto;}
.slider .slider--wrapper {position:relative; width:100%; height:100%; overflow:hidden;}
.slider .slider--inner {position:absolute; display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; flex-wrap:wrap; height:100%; padding:0; margin:0;}
.slider .item--slider {position:relative; width:calc(var(--Ldesktop) - 80px)!important; min-width:300px; max-width:75vw; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; padding:0; margin:0; filter:blur(4px) grayscale(.5); opacity:.8; cursor:grab; transition:all .5s ease-in;}
.slider:hover .item--slider {filter:blur(5px) grayscale(.75); opacity:.9;}
.slider .item--slider.current {filter:blur(0) grayscale(0); opacity:1; box-shadow:0 0 10px 5px rgba(0,0,0,.5); z-index:3;}
.slider .item--slider.current:hover {opacity:.9;}
.slider .item--slider:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.25); z-index:1; transition:all .5s ease-in;}
.slider .item--slider:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(transparent 50%, rgba(0,0,0,.5) 100%); z-index:1;}
.slider .item--slider.current:before {background:rgba(0,0,0,0);}
.slider .item--inner {position:absolute; bottom:0; width:100%; padding:40px; z-index:2;}
.slider .item--slider_icon {top:-40px; background:url(../images/patrocinador-novo.png) center center / auto 100% no-repeat; height:100px; width:100px; margin:0 auto;}
.slider .item--slider_icon img {position:absolute; bottom:0; left:0; width:100%; padding:15px;}
.slider .item--slider_category {top:-30px; padding:20px 0 10px;}
.slider .item--slider_category .category {font-size:42px; font-weight:800; text-transform:uppercase; text-shadow:1px 2px 5px rgba(0,0,0,.5); transition:all .5s ease-in;}
.slider .item--slider_title {top:-25px;}
.slider .item--slider_title .title {font-size:24px; font-weight:400; text-shadow:2px 2px 2px rgba(0,0,0,.5); line-height:28px; transition:all .5s ease-in;}
.slider .item--slider .item--slider_icon,
.slider .item--slider .item--slider_category,
.slider .item--slider .item--slider_title {position:relative; opacity:0; transition:all .5s ease-in;}
.slider .item--slider.current .item--slider_icon,
.slider .item--slider.current .item--slider_category,
.slider .item--slider.current .item--slider_title {top:0; opacity:1;}
.slider .item--slider.current .item--slider_icon {transition-delay:.6s;}
.slider .item--slider.current .item--slider_category {transition-delay:.5s;}
.slider .item--slider.current .item--slider_title {transition-delay:.4s;}
.slider .item--slider_category .category,
.slider .item--slider_title .title a {color:var(--white); transition:all .35s ease-in;}
.slider .item--slider_category .category:hover {color:var(--primary);}
.slider .item--slider_title .title a:hover {color:var(--secondary);}

.slider .dots--slider {width:100%; text-align:center; display:none;}
.slider .dots--slider .dot--slider {display:inline-block; width:30px; height:30px; background:blue; margin:20px;}

.slider .arrow {position:absolute; top:calc(50% - 20px); width:40px; height:40px; background:var(--secondary); border-radius:5px; opacity:.25; cursor:pointer; z-index:99; transition:all .35s ease-in;}
.slider:hover .arrow {opacity:.8;}
.slider .arrow:hover {opacity:1;}
.slider .arrow--left {left:40px;}
.slider .arrow--right {right:40px;}
.slider .arrow:after {content:''; position:absolute; top:calc(50% - 8px); width:0; height:0; border-style:solid;}
.slider .arrow.arrow--left:after {left:calc(50% - 7px); border-width:8px 12px 8px 0; border-color:transparent var(--white) transparent transparent;}
.slider .arrow.arrow--right:after {left:calc(50% - 5px); border-width:8px 0 8px 12px; border-color:transparent transparent transparent var(--white);}

@media screen and (max-width:640px) {
	.slider .item--slider {width:100%!important; max-width:100vw;}
	.slider .arrow {opacity:.5;}
	.slider .arrow--left {left:20px;}
	.slider .arrow--right {right:20px;}
}

@media screen and (max-width:480px) {
	.slider .item--inner {padding:20px;}
	.slider .item--slider_icon {height:75px; width:75px;}
	.slider .item--slider_category .category {font-size:32px;}
	.slider .item--slider_title .title {font-size:20px; line-height:24px;}
}