.item_vocalist {
    background: url(../images/service/item_feyerverk.jpg) no-repeat
}

.item_vocalist div h3:before {
    background: url(../images/service/icon_feyerverk.png) no-repeat bottom
}

.item_comedian {
    background: url(../images/service/item_photobox.jpg) no-repeat
}

.item_comedian div h3:before {
    background: url(../images/service/icon_fotobox.png) no-repeat bottom
}

.item_hookah {
    background: url(../images/service/item_band.jpg) no-repeat
}

.item_hookah div h3:before {
    background: url(../images/service/icon_band.png) no-repeat bottom
}

.modal--new form {
    max-width: 1000px;
    margin: 0 auto
}

.modal--new .step-view {
    display: block!important
}

.modal--new .modal-dialog {
    max-width: 1000px
}

@media (max-width:1200px) {
    .modal--new .modal-dialog {
        max-width: 900px
    }
}

@media (max-width:767px) {
    .modal--new .modal-dialog {
        max-width: 500px
    }
}

.modal--new .modal-dialog .modal-content {
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 1rem;
    border-radius: 1rem
}

.modal--new .modal-dialog .modal-content .step-view__content {
    background: url(../images/feedback-before.png) no-repeat 0, url(../images/feedback-after.png) no-repeat 105% 0, #fff
}

@media (max-width:1200px) {
    .modal--new .modal-dialog .modal-content .step-view__content {
        padding: 50px 25px
    }
}

@media (max-width:767px) {
    .modal--new .modal-dialog .modal-content .step-view__content {
        padding: 25px
    }
}

.modal--new .modal-dialog .modal-content .step-view--form {
    max-width: 100%;
    margin: 0
}

.modal--new .form-slider {
    height: 100%
}

@media (max-width:767px) {
    .modal--new .form-slider {
        margin-bottom: 20px
    }
}

.modal--new .form-slider .slick-dots {
    display: none!important
}

.modal--new .form-slider .slick-arrow {
    width: 3rem;
    height: 3rem;
    position: absolute;
    background: linear-gradient(45deg, #01a0c6 0, #00ceff 100%);
    z-index: 15;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    -ms-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg)
}

@media (max-width:767px) {
    .modal--new .form-slider .slick-arrow {
        display: none!important
    }
}

.modal--new .form-slider .slick-arrow:before {
    content: '';
    width: .8rem;
    height: 1.2rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.modal--new .form-slider .slick-arrow.slick-prev {
    -webkit-transform: translate(18%, -55%) rotate(-45deg);
    -ms-transform: translate(18%, -55%) rotate(-45deg);
    transform: translate(18%, -55%) rotate(-45deg)
}

.modal--new .form-slider .slick-arrow.slick-prev:before {
    background: url(../images/testimonials-arrows.png) no-repeat 0 0;
    right: 46%
}

.modal--new .form-slider .slick-arrow.slick-next:before {
    background: url(../images/testimonials-arrows.png) no-repeat -12px 0;
    left: 54%
}

.modal--new .form-slider .slick-dotted.slick-slider {
    margin-bottom: 0
}

.modal--new .form-slider .slider-nav .slick-arrow {
    display: none!important
}

@media (max-width:767px) {
    .modal--new .form-slider .slider-nav {
        display: none
    }
}

.modal--new .form-slider .slider-nav figure {
    padding: 0 0 60.2% .5rem
}

.modal--new .form-slider figure {
    position: relative;
    padding: 0 .5rem 59.2%;
    overflow: hidden;
    margin-bottom: 0
}

.modal--new .form-slider img {
    max-width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.modal--new .form-header {
    text-align: center
}

.modal--new .form-header h3 {
    color: #01a0c6;
    font-family: Lato-Black;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .modal--new .form-header h3 {
        margin-bottom: 10px
    }
}

.modal--new .form-header__hightlight {
    color: #01a0c6;
    font-family: Lato-Black;
    margin-bottom: 0
}

.modal--new .form-header p:last-child {
    margin-bottom: 20px
}

@media (max-width:767px) {
    .modal--new .form-header p:last-child {
        font-size: 14px
    }
}

.modal--new .form-group {
    position: relative;
    z-index: 2
}

.modal.show {
    visibility: visible;
    opacity: 1!important
}

.modal {
    display: block!important;
    visibility: hidden
}