body, html {
    background-color: transparent;
    min-height: 100%;
    font-family: 'Lato', sans-serif;
}

h1, h2 {
    color: yellow;
    font-family: 'Lato', sans-serif;
}

h3 {
    color: #fffbbc;
}

h5 {
    color: #e5ff00;
}

.sasa {
    background-color: transparent;
    min-height: 100%;
}

.sasa1 {
    background-color: transparent;
    min-height: 100%;
}

.sasa2 {
    /* background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.15)); */
    min-height: 100vh;
    background-size: cover;
    background-position: 50% -0%;
    padding: 0px;
}

.sasa3 {
    background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;
    background-color: #282828;
    background-size: 16px 16px;
    min-height: 100%;
}

.social i {
    padding-top: 15px;
}

hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(229, 255, 0, 0.5);
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(251, 255, 185, 0), rgba(251, 255, 185, 0.75), rgba(251, 255, 185, 0));
}

.sasa3 p {
    color: #fffbbc;
}

.btn-outline-warning {
    color: #e5ff00;
    border-color: #e5ff00;
}

.btn-outline-warning:hover {
    background-color: #e5ff00;
}

.crossfade>figure {
    animation: imageAnimation 30s linear infinite 0s;
    backface-visibility: hidden;
    background-size: cover;
    background-position: top center;
    color: transparent;
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: -1;
    margin-bottom: 0px;
}

.crossfade>figure:nth-child(1) {
    background-image: url('../img/bg5.jpg');
}

.crossfade>figure:nth-child(2) {
    animation-delay: 6s;
    background-image: url('../img/bg6.jpg');
}

.crossfade>figure:nth-child(3) {
    animation-delay: 12s;
    background-image: url('../img/bg1.jpg');
}

.crossfade>figure:nth-child(4) {
    animation-delay: 18s;
    background-image: url('../img/bg3.jpg');
}

.crossfade>figure:nth-child(5) {
    animation-delay: 24s;
    background-image: url('../img/bg2.jpg');
}

@keyframes imageAnimation {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
    }
    8% {
        animation-timing-function: ease-out;
        opacity: 1;
    }
    17% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.promo {
    background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, .1) 5%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, .1) 5%, transparent 20%) 8px 9px;
    background-color: #282828;
    background-size: 16px 16px;
    min-height: 100%;
    padding: 10px;
    border-radius: 25px;
}

.promobottom {
    position: fixed;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 15px;
    margin: 0px;
    width: 100%;
}

.musicfront {
    background: linear-gradient( rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.55)), url("../img/bg6.jpg");
    background-size: cover;
    background-position: center center;
}

.resetpadd {
    padding: 15px;
    margin-left: 0px;
    margin-right: 0px;
}

.card {
    background-color: transparent !important;
    color: white !important;
}

.paginacija {
    color: white;
    justify-content: center;
}

.paginacija a {
    color: yellow;
}

.toursfront {
    margin-top: 20px;
    color: white;
}

.tourtitle {
    margin-bottom: 20px;
}

.tourtop {
    padding-top: 16px;
}

.abouttext p {
    color: #fffbbc;
    line-height: 30px;
}

.footer {
    color: grey !important;
    ;
}

.footer a {
    color: lightgrey;
}

.pagination {
   justify-content: center;
}