.owl-stage-outer {
    padding: 20px 0 30px 7px
}

.owl-nav {
    position: absolute;
    top: 160px;
    width: 100%
}

.owl-nav button {
    width: 40px;
    height: 18px;
    position: absolute
}

.owl-nav button span {
    width: 100%;
    display: block;
    height: 100%;
    color: transparent;
    font-size: 0;
    background: url("../img/arrow-slider-grey.svg") no-repeat 50%/40px 18px
}

.owl-nav button:hover span {
    background: url("../img/arrow-slider-grey.svg") no-repeat 50%/40px 18px
}

.owl-nav .owl-prev {
    right: calc(100% + 25px)
}

.owl-nav .owl-prev span {
    transform: rotate(180deg)
}

.owl-nav .owl-next {
    left: calc(100% + 25px)
}

.owl-dots {
    width: 100%;
    height: 25px
}

.owl-dot, .owl-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.owl-dot {
    border-radius: 50%;
    margin: 0 10px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .1)
}

.owl-dot, .owl-dot span {
    width: 11px;
    height: 11px;
    background: #fff
}

.owl-dot span {
    display: block;
    border-radius: 50%;
    box-sizing: content-box;
    border: 0;
    transition: background-color .7s
}

.owl-dot:hover span {
    background: #fab975
}

.owl-dot.active {
    width: 25px;
    height: 25px
}

.owl-dot.active span {
    width: 11px;
    height: 11px;
    background: #ca1d1e;
    border: 7px solid #fff;
    box-sizing: content-box
}

.steps .owl-nav {
    top: 110px
}

.steps .owl-prev {
    left: 25px
}

.steps .owl-next {
    left: auto;
    right: 25px
}

.reviews .owl-nav {
    top: 175px
}