.omoda-szinvalaszto-slider { width: 100%; min-height: 921px; display: flex; flex-direction: column; justify-content: space-between; align-items:center; background-image: url('images/gyemant.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 40px 0; }
.omoda-szinvalaszto-title h1 { color: #ffffff; font-family: "Teko", Sans-serif; font-size: 96px; font-weight: 400; margin: 0; text-align: center; padding: 0; text-transform: uppercase; }
.omoda-szinvalaszto-title h2 { color: #ffffff; font-family: "Teko", Sans-serif; font-size: 48px; font-weight: 500; text-align: center; padding: 0; margin: 0; }

.omoda-szinvalaszto-content { width: 100%; display: flex; flex-direction: column; }

/* Images */
.omoda-szinvalaszto-content-images { margin: 40px 0 0 0; position: relative; width: 100%; display: flex; justify-content: center; }
.omoda-szinvalaszto-content-image { max-width: 1024px; width: 1024px; height: auto; opacity: 0; transition: .5s; position: absolute; bottom: 0; left: auto; right: auto; overflow: hidden; }
.omoda-szinvalaszto-content-image.active-image { opacity: 1; transition: .5s; }
.omoda-szinvalaszto-content-image img { max-width: 100%; width: 100%; height: auto; }

/* Buttons */
.omoda-szinvalaszto-content-buttons { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin: 40px 0; }
.omoda-szinvalaszto-content-button { width: 36px; height: 36px; cursor: pointer; border: 2px solid #aaa; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 10px; }
.omoda-szinvalaszto-content-button.active-button { cursor: auto; border: 3px solid #F4FF14; }

@media (max-width: 1024px) {
    .omoda-szinvalaszto-content-image { width: 100%; max-width: 100%; }
}
