.header__swiper
{
    position: relative;

    &:before, &:after
	{
	position: absolute;
	top: 0;
	height: 100%;
	width: 7%;
	background: rgba(#fff, .8);
	z-index: 2;

	@include media-breakpoint-up(md)
	{
	    content: "";
	}

	@include media-breakpoint-up(xl)
	{
	    width: 16%;
	}

	@include media-breakpoint-up(xxl)
	{
	    width: 12%;
	}
    }

    &:before
	{
	left: 0;
    }

    &:after
	{
	right: 0;
    }


    .swiper-button-prev, .swiper-button-next
    {
	height: 40px;
	width: 40px;
	border-radius: 0.65rem;
	background: #fff;
	top: 43%;

	@extend .shadow;

	@include media-breakpoint-up(xl)
	{
	    height: 50px;
	    width: 50px;
	    border-radius: 1rem;
	    top: 38%;
	}

	&:after
	    {
	    color: #000;
	    font-size: 1.2rem;
	    font-family: "icomoon";
	}
    }

    .swiper-button-prev
    {
	right: -8px;

	@include media-breakpoint-up(md)
	{
	    right: 25px;
	}

	@include media-breakpoint-up(lg)
	{
	    right: 13px;
	}

	@include media-breakpoint-up(xl)
	{
	    right: 172px;
	}

	@include media-breakpoint-up(xxl)
	{
	    right: 205px;
	}

	&:after
	    {
	    content: "\e90c";
	}
    }

    .swiper-button-next
    {
	left: -8px;

	@include media-breakpoint-up(md)
	{
	    left: 25px;
	}

	@include media-breakpoint-up(lg)
	{
	    left: 12px;
	}
	@include media-breakpoint-up(xl)
	{
	    left: 174px;
	}

	@include media-breakpoint-up(xxl)
	{
	    left: 205px;
	}

	&:after
	    {
	    content: "\e90b";
	}
    }
}