.container {
    height: 300px;
    position: relative;
}

.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#slider {
    overflow: hidden;
}

#slider figure {
    position: relative;
    width: 400%;
    margin: 0;
    left: 0;
    animation: 15s slider infinite;
}

#slider figure img {
    float: left;
    width: 25%;
}

@keyframes slider {
    0% {
        left: 0;
    }

    32% {
        left: 0;
    }

    37% {
        left: -100%;
    }

    62% {
        left: -100%;
    }

    65% {
        left: -200%;
    }

    97% {
        left: -200%;
    }

    100% {
        left: -300%;
    }

}

body {
    background-color: #000000;
}

html,
body,
h1,
h2,
h3,
h4 {
    font-family: "Montserrat", sans-serif
}

.mySlides {
    display: none
}

.w3-tag,
.fa {
    cursor: pointer
}

.w3-tag {
    height: 15px;
    width: 15px;
    padding: 0;
    margin-top: 6px
}

body {
    background-image: url("../img/laka-back2.jpg");
    background-color: #000000;
}

#uvod {
    background: url("../img/handshake.jpg") 0 100%;
    padding-bottom: 525px;
}

.backRED {
    background-color: #ff0000
}

.backGREY {
    background-color: #626262
}

.nonstopRED {
    background-color: #ff0000;
    padding: 15px;
    border-style: dashed;
}

.w100 {
    width: 100%
}

.marginBOT20 {
    margin-bottom: 20px
}


.page-cont {
    width: 90%;
    max-width: 1100px;
    margin-top: 40px;
    margin-bottom: 80px;
    padding: 15px;
    background-color: #00000064;
}

.handshake {
    max-width: 45%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.imgODTAH {
    width: 60%;
    margin-bottom: 25px
}

.imgBOAT {
    width: 100%;
    margin-bottom: 25px
}

.imgPREPRAVA {
    width: 70%;
    margin-bottom: 25px
}

.right0 {
    right: 0
}

.pricelist {
    width: 100%;
    max-width: 1100px;
    margin-top: 40px;
    margin-bottom: 80px;
    padding: 15px;
    background-color: #ff000064;
}