#modal-error .modal-dialog.modal-sm {
    width: 100%
}

#modal-error button.close {
    position: relative;
    z-index: 99999;
    font-size: 44px;
    right: 15px
}

form input.err:focus,
form input.err {
    background-color: rgba(230, 25, 25, .3) !important;
    color: #fff
}

form input.valid:focus,
form input.valid {
    background-color: rgba(25, 230, 25, .3) !important;
    color: #fff
}

.modal-open {
    overflow: scroll;
    display: block
}

.exit_popup,
.cookie-policy {
    display: none
}

.cookie-policy.active {
    display: block
}

input,
button {
    outline: none
}

.pops {
    cursor: pointer
}

.exit_popup {
    background: rgba(255, 255, 255, .6)
}

.help-block-error {
    line-height: 1;
    margin: 0 0 11px;
    text-align: left;
    background-color: red;
    color: #fff
}

form .help-block {
    display: block
}

.form-registration .intgrtn-form-signup input[name=phone] {
    padding-left: 94px !important
}

.form-container-unique .form-group .help-block.block {
    display: block
}

.valid::-webkit-input-placeholder,
.err::-webkit-input-placeholder {
    color: #fff
}

.valid::-moz-placeholder,
.err::-moz-placeholder {
    color: #fff
}

.valid:-ms-input-placeholder,
.err:-ms-input-placeholder {
    color: #fff
}

.valid:-moz-placeholder,
.err:-moz-placeholder {
    color: #fff
}

.video-insert {}

.play-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 87%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3
}

@media screen and (max-width:768px) {
    .play-btn {
        opacity: 0;
        display: none
    }
}

.play-btn:before {
    content: '';
    display: block;
    width: 24%;
    background: url("");
    height: 48%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: .3s
}

.play .play-btn:before {
    opacity: 0
}

.pop-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 97;
    display: none
}

.pop-outer.active {
    display: flex
}

.pop-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 99
}

.pop-inner {
    height: 80%;
    position: relative;
    z-index: 101;
    background: #fff;
    max-width: 80%
}

.pop-inner__in {
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 100%;
    max-height: 100%;
    padding: 0 40px
}

.pop-close {
    position: absolute;
    right: 40px;
    top: 20px;
    cursor: pointer;
    z-index: 5
}

@media screen and (max-width:768px) {
    .pop-inner {
        max-width: 100%
    }
    .pop-inner__in {
        padding: 0
    }
    .pop-inner__in svg {
        width: auto;
        height: auto
    }
}