//Slider Nav Style

.slider-nav-style-1{
		position:relative;
		overflow:hidden;
	    -webkit-transition: all 300ms linear;
	    -moz-transition: all 300ms linear;
	    -ms-transition: all 300ms linear;
	    -o-transition: all 300ms linear;
	    transition: all 300ms linear;
		.swiper-button-next:after, .swiper-button-prev:after {
	    font-family: "Ionicons";
	    font-size: 32px;
	    text-transform: none!important;
	    letter-spacing: 0;
	    text-transform: none;
	    font-variant: initial;
	    line-height: 1;
	    outline:none;
		}
		.swiper-button-next{
			outline:none;
			right: -20px;
    		left: auto;

		}
		.swiper-button-prev{
			outline:none;
			right: auto;
    		left: -20px;
		}
		 .swiper-button-next:after{
	    	content: "\f3d1";
		    &:hover{
		    	color:#146cda;
		    }
		 }
		 .swiper-button-prev:after{
		 	content:"\f3cf";
		    &:hover{
		    	color:#146cda;
		    }
		 }
		&:hover{
			& .swiper-button-next{
				right: 10px;
			}
			& .swiper-button-prev{
				left:10px;
			}
		}
		.swiper-button-next, .swiper-button-prev{
			color:#1d1d1d;
			&:hover{
			color:$theme-color;
			}
		}

		.swiper-buttons {
				.swiper-button-next, .swiper-button-prev {
							position: absolute;
							top: 50%;
							transform: translateY(-50%);
							z-index: 9;
							width: 30px;
							height: 30px;
							line-height: 30px;
							opacity: 0;
							visibility: hidden;
							transition: all .3s;
							margin:auto;
			}
		}
			&:hover{
				.swiper-button-next, .swiper-button-prev {
						opacity: 1;
						visibility: visible;
		}
	}
}