* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    /*background-color: #00B25A;*/
}

.fotorama {
    height: 100vh;
    background-color: #00A896;
    position: relative;
}

.fotorama__arr--prev {
    width: 40px;
    height: 62px;
    left: 20px;
    background: url("../images/prev.svg") no-repeat;
}

.fotorama__arr--next {
    width: 40px;
    height: 62px;
    right: 20px;
    background: url("../images/next.svg") no-repeat;
}

@media (max-width: 500px) {
    .fotorama__arr--next, .fotorama__arr--prev {
        display: none !important;
    }
}

#mobArrow {
    display: none;
    position: absolute;
    left: calc(50% - 65px);
    top: calc(90% - 50px);
}

#mobArrow svg {
    width: 100px;
    height: 70px;
}

@media (max-width: 500px) {
    #mobArrow {
        display: block;
    }
}

.fotorama__nav-wrap {
    position: absolute;
    bottom: -37px;
    /*left: calc(50% - 65px);*/
    /*top: calc(90% - 30px);*/
    visibility: visible;
}

.fotorama__nav--dots .fotorama__nav__frame {
    width: 40px;
    height: 40px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 20px;
    height: 20px;
    border-radius: 12px;
    border-width: 1px;
    border-color: #FFF000;
    background-color: #FFF000;
}

.fotorama__dot {
    width: 20px;
    height: 20px;
    border-radius: 12px;
    border-color: #fff;
    background-color: #fff;
}