/*
* win
*/
#win.style_exit_notice {
    margin-top: 50px;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: center -183px !important;
    background-image: url(https://cdn.wholeworld.org/new/exit_notice/exit_notice-5y-bg3.png) !important;
    /*background-image:    url(https://cdn.wholeworld.org/black_friday/exit_notice-bg.png) !important;*/
}

#win.style_exit_notice .contentWrap>.content {
    padding: 0 !important;
}

#win.style_exit_notice .contentWrap>.content>div[data-title]:before {
    top: -65px !important;
}

/* win */
/*
* -modal
*/
#exit_notice-line-modal {
    display: none;
    width: 839px;
    height: 565px;
}

#exit_notice-line-modal.is_user {
    height: 465px;
}

#exit_notice-line-modal a,
#exit_notice-line-modal a * {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

#exit_notice-line-modal .wrapper {
    padding-left: 5px;
    position: relative;
    top: 15px;
}

#exit_notice-line-modal .wrapper .icon {
    position: relative;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    /*width:               402px;*/
    height: 180px;
    text-align: center;
    background-position: 58% center;
    background-repeat: no-repeat;
    /*background-image:    url(https://cdn.wholeworld.org/black_friday/logo.png) !important;*/
}

#exit_notice-line-modal .wrapper .icon .text {
    display: inline-block;
    /*display:       none;*/
    position: relative;
    left: 15px;
    top: 50px;
    padding-left: 25px;
    padding-right: 25px;
    color: #5e5d62;
    text-align: center;
    font-size: 44px;
    font-weight: 600;
    font-family: 'Bookman Old Style', 'Roboto';
}

#exit_notice-line-modal .wrapper .icon .text span {
    position: relative;
}

#exit_notice-line-modal .wrapper .icon .bg {
    width: 100%;
    height: 90px;
    position: absolute;
    left: 0;
    top: -15px;
    background-color: #fff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    opacity: .85;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    -o-opacity: .85;
    -moz-opacity: .85;
    -khtml-opacity: .85;
}

#win.style_exit_notice.ru .wrapper .icon {
    /*background-image: url(https://cdn.wholeworld.org/new/exit_notice/exit_notice-5y-icon-ru.png);*/
}

#win.style_exit_notice.en .wrapper .icon {
    /*background-image: url(https://cdn.wholeworld.org/new/exit_notice/exit_notice-5y-icon-en.png);*/
}

#exit_notice-line-modal .text-1 {
    position: relative;
    top: -3px;
    margin-top: -18px;
    padding-left: 35px;
    /*position:     relative;*/
    /*top:          10px;*/
    /*color:        #66b05a;*/
    color: #f2612b;
    font-family: 'Bookman Old Style', 'Roboto';
    font-size: 82px;
    text-align: center;
    font-weight: 600;
}

#exit_notice-line-modal .text-2 {
    margin-top: 25px;
    color: #5e5d62;
    /*color:       #fff;*/
    font-size: 36px;
    text-align: center;
    font-weight: 400;
}

#exit_notice-line-modal .text-3 {
    margin-top: 5px;
    color: #5e5d62;
    /*color:      #fff;*/
    font-size: 23px;
    text-align: center;
}

#exit_notice-line-modal .text-4 {
    margin-top: 47px;
    color: #fff;
    font-size: 28px;
    text-align: center;
}

#exit_notice-line-modal .links {
    margin-top: 42px;
    text-align: center;
}

#exit_notice-line-modal .links a {
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 20px;
}

/* -modal */
/* line */
#exit_notice-line {
    z-index: 3000;
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
    background-color: #fa6126;
    transition: margin .5s ease;
    -o-transition: margin .5s ease;
    -moz-transition: margin .5s ease;
    -webkit-transition: margin .5s ease;
}

#exit_notice-line[data-closed] {
    margin-bottom: -34px;
}

#exit_notice-line b {
    font-weight: 400;
}

#exit_notice-line .text {
    margin-left: 8px;
    margin-right: 8px;
    display: inline-block;
    line-height: 34px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}

/**/
#exit_notice-line .text-2 {
    padding-left: 22px;
    background-image: url('https://cdn.wholeworld.org/new/general/icon_16_gift_2.png');
    background-position: left 6px;
    background-repeat: no-repeat;
}

/**/
#exit_notice-line .link a,
#exit_notice-line .link a:hover,
#exit_notice-line .link a:active {
    color: #fff;
}

/* close */
#exit_notice-line .close {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
}

#exit_notice-line .close,
#exit_notice-line .close:hover,
#exit_notice-line .close:active,
#exit_notice-line .close *,
#exit_notice-line .close:hover *,
#exit_notice-line .close:active * {
    cursor: pointer;
}

#exit_notice-line .close .icons {
    width: 12px;
    height: 12px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -6px;
}

#exit_notice-line .close .icon {
    width: 12px;
    height: 12px;
    position: absolute;
    background-image: url('https://cdn.wholeworld.org/new/general/icon_12_close_gray.png');
    background-position: center top;
    background-repeat: no-repeat;
    opacity: .6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: .6;
    transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
}

#exit_notice-line .close:hover .icon,
#exit_notice-line .close:active .icon {
    opacity: 1.0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;
}

#exit_notice-line .close .icon.normal {
    background-position: center top;
}

#exit_notice-line .close .icon.hover {
    display: none;
}

#exit_notice-line .close:hover .icons,
#exit_notice-line .close:active .icons {
    transition: transform .7s ease-out;
    -o-transition: transform .7s ease-out;
    -moz-transition: transform .7s ease-out;
    -webkit-transition: transform .7s ease-out;
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}
