.el-galeria-imagens-slider{
	position: relative;
	background-color: #313131;
	.slide{
		position: relative;
		.img{
			position: relative;
			img{
				display: block;
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
		}
		.info{
			display: flex;
			align-items: center;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			text-align: center;
			@include desktop {
				text-align: left;
			}
			.center{
				width: 100%;
				padding: 30px 10px;
				@include desktop {
					padding: 60px 3%;
				}
				@include mq-min(1920) {
					padding: valor-fluido(60, 1920) 3%;
				}
				.v2{
					color: $color_destaque;
					margin-bottom: 25px;
					@include mq-min(1920) {
						margin-bottom: valor-fluido(25, 1920);
					}
					b, strong{
						color: #ffffff;
					}
					&[style]:not([style=""]) {
						b, strong{
							color: inherit;
						}
					}
				}
				.texto-editavel{
					color: #ffffff;
					@include desktop {
						max-width: 450px;
					}
					@include mq-min(1920) {
						max-width: valor-fluido(450, 1920);
					}
				}
			}
		}
		/*
		.nav{
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			.link-prev,
			.link-next{
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				outline: none;
			}
			.link-prev{
				right: 50%;
			}
			.link-next{
				left: 50%;
			}
			.btn-prev,
			.btn-next{
				position: absolute;
				bottom: 10px;
				transform: translateY(-50%);
				max-width: 75px;
				background-color: #ffffff;
				background-size: cover;
				background-position: center;
				opacity: 0.75;
				outline: none;
				transition: 1s;
				cursor: pointer;
				box-shadow: 0 0 10px #000000;
				@include desktop {
					top: 50%;
					bottom: auto;
					opacity: 0.05;
					max-width: none;
				}
				@include mq-min(1920) {
					box-shadow: 0 0 valor-fluido(10, 1920) #000000;
				}
				img{
					display: block;
					max-width: 100%;
					height: auto;
					margin: 0 auto;
					@include mq-min(1920) {
						width: valor-fluido(150, 1920);
					}
				}
			}
			.btn-prev{
				left: -20px;
				border-top-right-radius: 4px;
				border-bottom-right-radius: 4px;
				@include mq-min(1920) {
					left: valor-fluido(-20, 1920);
					border-top-right-radius: valor-fluido(4, 1920);
					border-bottom-right-radius: valor-fluido(4, 1920);
				}
				&:hover {
					left: 0;
					opacity: 1;
				}
			}
			.link-prev:hover ~ .btn-prev{
				left: 0;
				opacity: 0.75;
			}
			.btn-next{
				right: -20px;
				border-top-left-radius: 4px;
				border-bottom-left-radius: 4px;
				@include mq-min(1920) {
					right: valor-fluido(-20, 1920);
					border-top-left-radius: valor-fluido(4, 1920);
					border-bottom-left-radius: valor-fluido(4, 1920);
				}
				&:hover {
					right: 0;
					opacity: 1;
				}
			}
			.link-next:hover ~ .btn-next{
				right: 0;
				opacity: 0.75;
			}
		}
		*/
	}
	.slick-arrow{
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 50%;
		width: 48px;
		height: 48px;
		margin-top: -24px;
		font-size: 20px;
		color: #ffffff;
		opacity: 0.75;
		background: #000;
		z-index: 1;
		transition: 0.2s;
		box-shadow: 0 0 10px -4px #fff;
		cursor: pointer;
		@include desktop {
			width: 80px;
			height: 80px;
			margin-top: -40px;
			font-size: 40px;
		}
		@include mq-min(1920) {

		}
		&:hover{
			width: 64px;
			opacity: 1;
			@include desktop {
				width: 96px;
			}
		}
		
		&.slick-prev{
			left: 0;
		}
		&.slick-next{
			right: 0;
		}

		&.slick-disabled{
			visibility: hidden;
		}
	}
}