#ouibounce-modal {
    font-family : 'Open Sans', sans-serif;
    display     : none;
    position    : fixed;
    top         : 0;
    left        : 0;
    width       : 100%;
    height      : 100%;
    z-index: 100;
}

#ouibounce-modal .underlay {
    width             : 100%;
    height            : 100%;
    position          : absolute;
    top               : 0;
    left              : 0;
    background-color  : rgba(0, 0, 0, .5);
    cursor            : pointer;
    -webkit-animation : fadein .5s;
    animation         : fadein .5s
}

#ouibounce-modal .modal {
    width             : 600px;
    height            : 550px;
    /*background-color  : #f0f1f2;*/
    background-color  : transparent;
    z-index           : 10;
    position          : absolute;
    margin            : auto;
    top               : 0;
    right             : 0;
    bottom            : 0;
    left              : 0;
    border-radius     : 4px;
    -webkit-animation : popin .3s;
    animation         : popin .3s
}

#ouibounce-modal .modal-title {
    z-index          : 15;
    font-size        : 18px;
    background-color : #252525;
    color            : #ffffff;
    padding          : 10px;
    margin           : 0;
    border-radius    : 4px 4px 0 0;
    text-align       : center;
    visibility: hidden;
}

#ouibounce-modal h3 {
    color          : #ffffff;
    font-size      : 1em;
    margin         : .2em;
    text-transform : uppercase;
    font-weight    : 500
}

#ouibounce-modal .modal-body {
    padding   : 20px 35px;
    font-size : .9em
}

#ouibounce-modal p {
    color : #344a5f
}

#ouibounce-modal form {
    text-align : center;
    /*margin-top : 35px*/
    margin-top : 0
}

/*#ouibounce-modal form input[type=text] {
    padding                : 12px;
    font-size              : 1.2em;
    width                  : 300px;
    border-radius          : 4px;
    border                 : 1px solid #cccccc;
    -webkit-font-smoothing : antialiased
}

#ouibounce-modal form input[type=submit] {
    text-transform         : uppercase;
    font-weight            : 700;
    padding                : 12px;
    font-size              : 1.1em;
    border-radius          : 4px;
    color                  : #ffffff;
    background-color       : #4ab471;
    border                 : none;
    cursor                 : pointer;
    -webkit-font-smoothing : antialiased
}*/

#ouibounce-modal form p {
    text-align  : left;
    margin-left : 35px;
    opacity     : .8;
    margin-top  : 1px;
    padding-top : 1px;
    /*font-size   : .9em*/
}

#ouibounce-modal .modal-footer {
    position   : absolute;
    bottom     : 20px;
    text-align : center;
    width      : 100%
}

#ouibounce-modal .modal-footer p {
    text-transform : capitalize;
    cursor         : pointer;
    display        : inline;
    border-bottom  : 1px solid #344a5f
}

@-webkit-keyframes fadein {
    0% {
        opacity : 0
    }
    100% {
        opacity : 1
    }
}

@-ms-keyframes fadein {
    0% {
        opacity : 0
    }
    100% {
        opacity : 1
    }
}

@keyframes fadein {
    0% {
        opacity : 0
    }
    100% {
        opacity : 1
    }
}

@-webkit-keyframes popin {
    0% {
        -webkit-transform : scale(0);
        transform         : scale(0);
        opacity           : 0
    }
    85% {
        -webkit-transform : scale(1.05);
        transform         : scale(1.05);
        opacity           : 1
    }
    100% {
        -webkit-transform : scale(1);
        transform         : scale(1);
        opacity           : 1
    }
}

@-ms-keyframes popin {
    0% {
        -ms-transform : scale(0);
        transform     : scale(0);
        opacity       : 0
    }
    85% {
        -ms-transform : scale(1.05);
        transform     : scale(1.05);
        opacity       : 1
    }
    100% {
        -ms-transform : scale(1);
        transform     : scale(1);
        opacity       : 1
    }
}

@keyframes popin {
    0% {
        -webkit-transform : scale(0);
        -ms-transform     : scale(0);
        transform         : scale(0);
        opacity           : 0
    }
    85% {
        -webkit-transform : scale(1.05);
        -ms-transform     : scale(1.05);
        transform         : scale(1.05);
        opacity           : 1
    }
    100% {
        -webkit-transform : scale(1);
        -ms-transform     : scale(1);
        transform         : scale(1);
        opacity           : 1
    }
}

#ouibounce-modal .modal {
    /*position: relative;*/
}

#ouibounce-modal .modal:before {
    width           : 100%;
    height          : 100%;
    left            : 0;
    top             : 0;
    position        : absolute;
    content         : "";
    /*background      : #000000 url(https://pictures.dealer.com/h/hendricknorthlakemercedesbenz/1737/feda7ef24fcf4230a012b7a2fa6fe4f7x.jpg);*/
    /*background      : #000000 url(http://forum.awd.ru/gallery/images/upload/d00/022/d00022c87639cf67588739c18f155095.jpg);*/
    background      : #000000 url(/images/news/exit_popup_bunner.png);

    background-size : contain;
    z-index         : -2;
    /*-webkit-filter  : blur(3px);*/
    /*-moz-filter     : blur(3px);*/
    /*-o-filter       : blur(3px);*/
    /*-ms-filter      : blur(3px);*/
    /*filter          : blur(3px);*/
}

#ouibounce-modal .modal:after {
    /*z-index    : -1;*/
    /*content    : "";*/
    /*width      : 100%;*/
    /*height     : 100%;*/
    /*left       : 0;*/
    /*top        : 0;*/
    /*position   : absolute;*/
    /*background : #000000;*/
    /*opacity    : 0.5;*/
}

#ouibounce-modal .modal-body h3 {
    font-family    : "Helvetica Neue";
    font-size      : 24px;
    font-weight    : bold;
    text-transform : uppercase;
    color          : #ffffff;
}

#ouibounce-modal .modal-body p {
    font-family    : "Helvetica Neue";
    font-size      : 24px;
    font-weight    : 100;
    text-transform : uppercase;
    color          : #ffffff;
}

#ouibounce-modal .modal-body a {
    font-family    : "Helvetica Neue";
    font-size      : 24px;
    font-weight    : 100;
    text-transform : uppercase;
    color          : #ffcacf;
}

#ouibounce-modal .modal-body .info {
    font-family    : "Helvetica Neue";
    font-size      : 12px;
    font-weight    : normal;
    text-transform : none;
    color          : #ffffff;
}
#ouibounce-modal .modal-body a.info {
    color          : #ffcacf;
}

#ouibounce-modal .modal-body .controls-form {
    display : flex;
    margin-top : 50px;
}

#ouibounce-modal .modal-footer p {
    color : #ffcacf !important;
}

#ouibounce-modal .modal-body .controls-form .input {
    position       : relative;
    z-index        : 1;
    display        : inline-block;
    margin         : 1em;
    max-width      : 350px;
    width          : calc(100% - 2em);
    vertical-align : top;
}

#ouibounce-modal .modal-body .controls-form .input__field {
    position           : relative;
    display            : block;
    float              : right;
    padding            : 0.8em;
    width              : 60%;
    border             : none;
    border-radius      : 0;
    background         : #f0f0f0;
    color              : #aaaaaa;
    font-weight        : bold;
    font-family        : "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance : none; /* for box shadows to show on iOS */
}

#ouibounce-modal .modal-body .controls-form .input__field:focus {
    outline : none;
}

#ouibounce-modal .modal-body .controls-form .input__label {
    display                 : inline-block;
    float                   : right;
    padding                 : 0 1em;
    width                   : 40%;
    color                   : #6a7989;
    font-weight             : bold;
    font-size               : 70.25%;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    -webkit-touch-callout   : none;
    -webkit-user-select     : none;
    -khtml-user-select      : none;
    -moz-user-select        : none;
    -ms-user-select         : none;
    user-select             : none;
}

#ouibounce-modal .modal-body .controls-form .input__label-content {
    position  : relative;
    display   : block;
    padding   : 1em 0;
    font-size : 2em;
    width     : 100%;
}

/* Akira */
#ouibounce-modal .modal-body .controls-form .input--akira {
    /*margin-top: 2em;*/
}

#ouibounce-modal .modal-body .controls-form .input__field--akira {
    position   : absolute;
    top        : 0;
    left       : 0;
    z-index    : 10;
    display    : block;
    padding    : 0 1em;
    width      : 100%;
    height     : 100%;
    background : transparent;
    text-align : center;
}

#ouibounce-modal .modal-body .controls-form .input__label--akira {
    padding    : 0;
    width      : 100%;
    background : #696a6e;
    /*color      : #cc6055;*/
    color      : #ffffff;
    cursor     : text;
}

#ouibounce-modal .modal-body .controls-form .input__label--akira::before {
    content            : '';
    position           : absolute;
    top                : 0;
    left               : 0;
    width              : 100%;
    height             : 100%;
    background         : #2f3238;
    -webkit-transform  : scale3d(0.97, 0.85, 1);
    transform          : scale3d(0.97, 0.85, 1);
    -webkit-transition : -webkit-transform 0.3s;
    transition         : transform 0.3s;
}

#ouibounce-modal .modal-body .controls-form .input__label-content--akira {
    -webkit-transition : -webkit-transform 0.3s;
    transition         : transform 0.3s;
}

#ouibounce-modal .modal-body .controls-form .input__field--akira:focus + .input__label--akira::before,
#ouibounce-modal .modal-body .controls-form .input--filled .input__label--akira::before {
    -webkit-transform : scale3d(0.99, 0.95, 1);
    transform         : scale3d(0.99, 0.95, 1);
    color      : #000;
}

#ouibounce-modal .modal-body .controls-form .input__field--akira:focus + .input__label--akira,
#ouibounce-modal .modal-body .controls-form .input--filled .input__label--akira {
    cursor         : default;
    pointer-events : none;
}

#ouibounce-modal .modal-body .controls-form .input__field--akira:focus + .input__label--akira .input__label-content--akira,
#ouibounce-modal .modal-body .controls-form .input--filled .input__label-content--akira {
    -webkit-transform : translate3d(0, -3em, 0);
    transform         : translate3d(0, -3em, 0);
    color      : #000;
}

#ouibounce-modal .modal-body .button {
    float                       : left;
    min-width                   : 150px;
    max-width                   : 250px;
    display                     : block;
    margin                      : 1em;
    padding                     : 1em 2em;
    border                      : none;
    background                  : none;
    color                       : inherit;
    vertical-align              : middle;
    position                    : relative;
    z-index                     : 1;
    -webkit-backface-visibility : hidden;
    -moz-osx-font-smoothing     : grayscale;
}

#ouibounce-modal .modal-body .button:focus {
    outline : none;
}

#ouibounce-modal .modal-body .button > span {
    vertical-align : middle;
}

.button--ujarak {
    -webkit-transition : border-color 0.4s, color 0.4s;
    transition         : border-color 0.4s, color 0.4s;
}

.button--ujarak::before {
    content                            : '';
    position                           : absolute;
    top                                : 0;
    left                               : 0;
    width                              : 100%;
    height                             : 100%;
    background                         : #4ebe4e;
    z-index                            : -1;
    opacity                            : 0;
    -webkit-transform                  : scale3d(0.7, 1, 1);
    transform                          : scale3d(0.7, 1, 1);
    -webkit-transition                 : -webkit-transform 0.4s, opacity 0.4s;
    transition                         : transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function : cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function         : cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak.button--round-s::before {
    border-radius : 2px;
}

.button--ujarak.button--inverted::before {
    background : #7986cb;
}

.button--ujarak,
.button--ujarak::before {
    -webkit-transition-timing-function : cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function         : cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak:hover {
    color        : #ffffff;
    border-color : #37474f;
}

.button--ujarak.button--inverted:hover {
    color        : #4ebe4e;
    border-color : #ffffff;
}

.button--ujarak:hover::before {
    opacity           : 1;
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
}

.button--border-thin {
    border : 1px solid;
}

.button--border-medium {
    border : 2px solid;
}

.button--border-thick {
    border : 3px solid;
}

.button--antiman.button--border-thin::before {
    border-width : 1px;
}

.button--itzel.button--border-thin::before {
    border            : 1px solid;
    -webkit-transform : translate3d(0, 100%, 0) translate3d(0, -1px, 0);
    transform         : translate3d(0, 100%, 0) translate3d(0, -1px, 0);
}

.button--text-thick {
    font-weight : 600;
}

#ouibounce-modal .modal-body .button {
    /*background : #0099cc;*/
    background : #cc6055;
    color      : #ffffff;
}



/*********/
#ouibounce-modal .modal-body form h3,
#ouibounce-modal .modal-body form p{
    visibility: hidden;
}
#ouibounce-modal .modal-footer{
    top: 5px;
    right: 10px;
    text-align: right;
    height : 30px;
}
#ouibounce-modal .modal-body .controls-form{
    margin-top: 80px;
}
#ouibounce-modal .modal-body .controls-form .input__field--akira:focus + .input__label--akira .input__label-content--akira,
#ouibounce-modal .modal-body .controls-form .input--filled .input__label-content--akira {
    -webkit-transform : translate3d(0, -3em, 0);
    transform         : translate3d(0, -3em, 0);
    color      : #000;
}