.metaslider.ms-theme-retsu {
	overflow: hidden;

    .flexslider {
        margin-bottom: 0;
        background: #000;
    }

    .flex-control-paging li a {
        width: 14px;
        height: 14px;
    }

	.flex-control-nav {
		bottom: 20px;
		left: 16px;
		width: auto;

		a {
			background: rgba(255,255,255,0.8);
			border: 1px solid rgba(0,0,0,0.8);
		}

		li {

			a {
				margin: 0 4px;
			}

			a.flex-active {
				background: rgba(0,0,0,0.7);
				border-color: rgba(255,255,255,0.8);
			}
		}
	}

	.flex-direction-nav {

		.flex-prev {
			left: unset;
			right: 44px;
		}

		.flex-next {
			left: unset;
			right: 18px;

			&:before {
				transform: rotate(180deg);
			}
		}

		> li {

			a {
				width: 18px;
				height: 30px;
				bottom: 20px;
				top: unset;
				background: none;

				&:before {
					background-image: none;
					background-color: #fff;
					mask-image: url(images/arrow.svg);
					mask-repeat: no-repeat;
					mask-position: 0 center;
					mask-size: 28px auto;
					content: '' !important;
					display: block;
					height: 30px;
					max-height: 30px;
					max-width: 18px;
					position: absolute;
					width: 100%;
				}

				&:focus {
					background: 0;
					outline: none;
				}
			}
		}
	}

	.slides {

		> li {

			> .ms-grid-inner {
                background: #000;
				height: 100%;

				.caption-wrap {

					.caption {
						color: #fff;

						a {
							color: #fff;
						}
					}
				}

                .ms-img-inner {
					

					&.ms-with-link {
						overflow: hidden;
	
						> a {
							display: flex;
							justify-content: center;
							overflow: hidden;
							height: 100%;
							width: 100%;
						}
	
	
					}

					&.ms-without-link {
						display: flex;
						justify-content: center;
						overflow: hidden;
					}

					img {
						object-fit: cover;
						width: inherit;
						height: inherit;
						max-width: unset;
					}
				}

                .ms-slide-no-image {
                    padding: 0 !important;
                }
			}
		}
	}

	&.has-onhover-arrows {
		.flex-direction-nav li {
			opacity: 0;
		}
		&:hover {
			.flex-direction-nav {
				li {
					opacity: 1;
				}
				a {
					opacity: 1;
				}
			}
		}
	}
}

@media (min-width: 600px) {
    .slides {

        > li {

            > .ms-grid-inner {
                display: grid;

                &:not(.ms-grid-inner-1-col) {
                    grid-template-columns: 1fr 1fr;
                }

                .ms-img-inner {

					&.ms-with-link {
						//position: relative;
					}
				}

                .caption-wrap {
                    position: relative;
                    display: grid;
                    align-items: center;

                    .caption {
                        text-align: center;
                        padding: 20px;
                    }
                }
            }
        }
    }
}

@media (max-width: 599px) {
	.metaslider.ms-theme-retsu {

		.flex-control-nav {
			left: 6px;
		}

		.flex-direction-nav {

			.flex-next {
				right: 8px;
			}

			.flex-prev {
				right: 34px;
			}
		}

		.slides {

			> li {

				> .ms-grid-inner {

                    .ms-img-inner {
                        height: 100%;
                    }

					.caption-wrap {

						.caption {
							padding-bottom: 50px;
						}
					}
				}
			}
		}
	}
}