#mask { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background-color: rgba(26, 58, 83, 0.8); }

.popup-fadein {
    animation: popup-fadein .3s linear forwards;
}
.popup-fadeout {
    animation: popup-fadeout .3s linear forwards;
}
@keyframes popup-fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes popup-fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.close-popup {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    background: #f0f1f2;
    z-index: 21;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.popup-window {
    font-weight: 400;
    background: #FFF;
    margin: auto;
    top: 0;
    position: relative;
    z-index: 19;
    display: none;
    font: 14px "Gotham SSm A", "Gotham SSm B", Verdana, Helvetica, Arial, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.popup-window:not(.form-cmp__popup) h2,
.popup-window:not(.form-cmp__popup) ul li,
.popup-window:not(.form-cmp__popup) p { font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; }
.popup-window.-var2 p,
.popup-window.var-1 .name + p {
    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, Helvetica, Arial, sans-serif !important;
}
.popup-window .sep {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 10px 6px 0 6px;
    vertical-align: top;
    background: #D8003F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.popup-window .popup-content { z-index: 20; position: relative; overflow-x: hidden; overflow-y: auto; }
.popup-window.quote-popup .popup-content { overflow-y: hidden; }
.popup-window.var-1 { width: 600px; padding: 0 0 50px; }
.popup-window.var-1 .inner { margin: 0 35px; overflow-y: auto; }
.popup-window.var-1 img { display: block; width: 100%; height: auto; margin-bottom: 38px; }
.popup-window.var-1 .name { font-size: 30px; font-weight: 500; margin-bottom: 15px; }
.popup-window.var-1 .close-popup { background: rgba(205, 209, 213, .3); }
.popup-window.var-1 p { font-size: 15px; margin-bottom: 25px; line-height: 1.6; }
.popup-window.var-1 .offcut { margin-bottom: 25px; }
/*.popup-window.-var2 { width: 630px; padding: 120px 60px; }*/
.popup-window.-var2.-var2_p { padding: 45px 40px 60px; }
.popup-window.var-3 {
    width: 585px !important;
    margin: 0 auto !important;
    padding: 70px 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.popup-window.var-3 .title { font-size: 40px; }
.popup-window.var-3 .title + p { font-size: 16px; }
.popup-window.var-3 .form-block .confirm input { margin: 0; }
.popup-window.var-3 .form-block .confirm label { padding-left: 35px; }
.popup-window.var-3 .form-cmp__buttons { width: 100%; }
.popup-window.var-3 .form-cmp__buttons .button { width: calc(50% - 15px); min-width: auto; }
.popup-window.var-3 .form-cmp__buttons .button:first-child:last-child { width: 100%; }
.popup-window.-var2 .tit { font-size: 30px; font-weight: 500; margin-bottom: 35px; }
.popup-window p { font-size: 15px; margin: 0 0 30px 0; line-height: 1.7; text-align: left; }
.popup-window.popup-open-account p { line-height: 18px; }
.popup-window p:last-child { margin-bottom: 0; }
.popup-window h2 { font-size: 24px; font-weight: bold; margin: 0 0 30px 0; }
.popup-window:not(.form-cmp__popup) ul { margin: 5px 0 30px 0; }
.popup-window:not(.form-cmp__popup) ul.ya-share2__list { margin: 0; }
.popup-window:not(.form-cmp__popup) ul li {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0;
    list-style-type: none;
    position: relative;
    padding-left: 20px;
}
.popup-window:not(.form-cmp__popup) ul li:before {
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 9px;
    background: #d8003f;
}
.popup-window ul li.ya-share2__item { line-height: 1; vertical-align: bottom; }
.popup-window ul li.ya-share2__item:before { content: none; content: unset; }
.popup-window.yellow { background-color: #1a3a53; color: #fff; }
.popup-window.yellow .close-popup { background-color: #e2cd88; }
.popup-window.yellow .close-popup:before, .popup-window.yellow .close-popup:after { background-color: #1a3a53; }
.popup-window.yellow:not(.form-cmp__popup) ul li:before { background: #e2cd88; }
.popup-window.-var2 .date { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 30px; }
.popup-window.-var2 .date .sep { color: #C3C3C3; font-weight: 400; display: inline-block; margin: 0 7px; }
.popup-window .title { font-size: 46px; margin: 0 10px 30px; color: #000; }
.popup-window.yellow .title { color: #fff; }
.popup-window .title + p { line-height: 24px; margin: 0 10px 33px; color: #000; }
.popup-window.yellow .title + p { color: #fff; }
.popup-window .form-block .button.right { float: right; margin: 0 10px 0 0; }

#atp_submitting .popup-content .title,
#atp_submitting .popup-content .title + p,
#atp_submitting .popup-content .p { margin: 20px 0 !important;}

.close-popup:before,
.close-popup:after { content: ''; background: #7f7f7f; position: absolute; height: 1px; margin: 0; }
.var-1 .close-popup:before,
.var-1 .close-popup:after { background-color: #f2f2f2; }
.close-popup:before { transform: rotate(45deg); }
.close-popup:after { transform: rotate(-45deg); }

.popup-window.__full { height: 100%; }

.popup-window[id*="popup-media-"] { padding: 0; background-color: #0c0c0c; }
.popup-window[id*="popup-media-"] .close-popup { right: -85px; }
.popup-window.var-1 img ~ .inner {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.popup-window[id*="popup-media-"] .video-frame { width: auto; height: auto; }
.popup-window[id*="popup-media-"] .video-frame:before { content: unset; content: none; }
.popup-window[id*="popup-media-"] .video-frame iframe { position: relative; }
.popup-window .inner {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.popup-content a:not(.button) { transition: .3s; border-bottom: 1px solid #d8003f; color: #0c0c0c; text-decoration: none; }
.popup-content a:not(.button):hover { color: #d8003f; border-bottom: 1px solid transparent; }
.popup-content a.ya-share2__link, .popup-content a.ya-share2__link:hover { border-bottom: 0; }

.yellow .popup-content a:not(.button) { transition: .3s; border-bottom: 1px solid #e2cd88; color: #fff; }
.yellow .popup-content a:not(.button):hover { color: #e2cd88; border-bottom: 1px solid transparent; }

.popup-content .ocf__section-phone {
    display: inline-block;
    vertical-align: top;
    border-bottom: 0 solid transparent;
    color: #0c4072;
    font-size: 16px;
    line-height: 20px;
}
.popup-content .ocf__section-phone:hover { border-bottom: 0 solid transparent; color: #2a5e90; }

.popup-window.popup-open-account {
    padding: 60px 50px 35px 50px;
    max-width: 531px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .4);
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, .4);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .4);
}
.popup-window.popup-open-account.form-cmp__popup { max-width: 670px; }
.popup-window.popup-open-account .title { line-height: 22px; font-size: 18px; font-weight: 200; text-align: center; margin-bottom: 22px; }
.popup-window.popup-open-account .title.mp__title { font-weight: 400; }
.popup-window.popup-open-account .title + p { line-height: 14px; font-size: 12px; text-align: center; margin-bottom: 22px; }
.popup-window.popup-open-account .close-popup { width: 27px; height: 27px; top: 24px; right: 24px; transform: rotate(45deg); background-color: transparent; }
.popup-open-account .close-popup:before,
.popup-open-account .close-popup:after { width: 100%; top: calc(50% - 1px); left: 0; }
.popup-open-account .close-popup:before { transform: none; }
.popup-open-account .close-popup:after { transform: rotate(90deg); }
.popup-content__center, .popup-window .popup-content__center { text-align: center; margin: 10px 0; }
.popup-open-account .mp__text { line-height: 20px; }
.popup-content .mp__buttons { margin-top: 22px; }
.popup-content .mp__buttons:first-child { margin-top: 0; }

.popup-content__buttons .button { border-radius: 5px; }

@media (max-width: 991px) {
    .popup-window .popup-content { height: inherit; max-height: calc(100vh - 90px); }
    .popup-window .title { margin: 0 0 27px; font-size: 28px; }
    .popup-window .title + p { margin: 0 0 35px; font-size: 14px; line-height: 20px; }
    .popup-window:not(.form-cmp__popup) .title + p br { display: none; }
    .popup-window.-var2 { padding: 50px 25px; }
}
@media (max-width: 767px) {
    .popup-window.-var2,
    .popup-window.var-1 .inner { overflow: auto; }
    .popup-window.-var2 { padding: 30px; }
    .popup-window .__scroll {
        padding-right: 10px;
        -webkit-overflow-scrolling: touch;
    }
    .popup-window {
        min-width: 290px;
        width: calc(100% - 60px);
        padding: 30px 15px;
        max-height: calc(100vh - 60px);
        margin-left: auto;
        margin-right: auto;
    }
    @media all and (orientation:portrait) {
        .popup-window.var-1 { min-width: 290px; width: 100%; max-height: 100vh; padding: 0 0 30px; }
        .popup-window.-var2 { min-width: 290px; width: 100%; max-height: 100vh; }
        .popup-window.var-1 img { margin-bottom: 18px; }
        .popup-window.var-1 .inner { max-height: calc(100% - 298px); height: calc(100% - 471px); overflow: auto; margin: 0 30px; }
        .popup-window.popup-ios { max-height: calc(100vh - 160px); }
    }
    @media all and (orientation:landscape) {
        .popup-window.var-1 { padding: 0 0 30px; }
        .popup-window.var-1 img,
        .popup-window.var-1 .inner { display: inline-block; vertical-align: top; }
        .popup-window.var-1 img { width: 33%; margin: 0; }
        .popup-window.var-1 .inner { margin: 10px 30px 10px 18px; width: calc(77% - 108px); max-height: calc(100% - 20px); }
    }
    .close-popup { width: 40px; height: 40px; }
    .popup-window .popup-content .tit { max-width: calc(100% - 29px); }
    .close-popup:before,
    .close-popup:after { width: 21px; top: 20px; left: 10px; }

    .popup-window[id*="popup-media-"] .close-popup { right: 0; top: -48px; }
    .popup-content .tit { font-size: 17px; line-height: 20px; }
}
@media (max-width: 580px) {
    .popup-window.var-3 { width: 100% !important; padding: 50px 25px; }
    .popup-window.var-3 .title { font-size: 28px !important; }
    .popup-window.var-3 .right, .popup-window.var-3 .left { float: none; }
    .popup-window.var-3 .confirm { margin-bottom: 25px !important; }
    .popup-window.var-3 .confirm + .right { text-align: left; }
    .popup-window.var-3 .form-cmp__buttons .button,
    .popup-window.var-3 .button { float: none; width: 100%; margin-bottom: 15px; }
    .popup-window.var-3 .form-cmp__buttons .button:last-child,
    .popup-window.var-3 .button:last-child { margin-bottom: 0; }
    .popup-window.var-3 .button:after { display: block !important; }
    .popup-window.popup-open-account { padding: 60px 15px; }
}
@media (max-width: 629px) {
    .popup-content__buttons { padding-top: 15px; }
}
@media (max-width: 649px) {
    .mp__buttons .button { width: 100%; margin-bottom: 15px; }
    .mp__buttons .button:last-child { margin-bottom: 0; }
}
@media (min-width: 630px) {
    .popup-content__buttons { padding-top: 35px; }
}
@media (min-width: 650px) {
    .mp__buttons .button { width: calc(50% - 15px); margin-left: 15px; }
    .mp__buttons .button:first-child { margin-left: 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .popup-window { width: calc(100% - 18px); padding: 30px 65px; }
    .close-popup { width: 35px; height: 35px; }
    .close-popup:before,
    .close-popup:after { width: 22px; top: 18px; left: 6px; }
    .popup-window.var-1 { height: 100%; max-height: 90%; }
    .popup-window.var-1 .inner { max-height: calc(100% - 60px); }
    .popup-window.var-1 img ~ .inner { max-height: calc(100% - 443px); }
    .popup-window[id*="popup-media-"] .close-popup { right: 0; top: -48px; }
    .popup-content .tit { font-size: 20px; line-height: 24px; }
}
@media (min-width: 992px) {
    .popup-window { max-height: 90%; }
    .popup-window.var-1 .inner { max-height: calc(100% - 100px); }
    .popup-window.var-1 img ~ .inner { max-height: calc(100% - 448px); }
    .popup-window .popup-content { max-height: 100%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .popup-window { width: calc(100% - 58px); padding: 30px 83px; }
    .close-popup { width: 53px; height: 53px; }
    .close-popup:before,
    .close-popup:after { width: 33px; top: 26px; left: 10px; }
    .popup-window[id*="popup-media-"] { width: 850px; }
    .popup-window[id*="popup-media-"] .close-popup { right: -60px; }
    .popup-content .tit { font-size: 30px; line-height: 36px; }
}
@media (min-width: 1200px) {
    .popup-window { width: 1170px; padding: 30px 100px; }
    .close-popup { width: 70px; height: 70px; }
    .close-popup:before,
    .close-popup:after { width: 43px; top: 34px; left: 14px; }
    .popup-content .tit { font-size: 36px; line-height: 38px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .popup-window[id*="popup-media-"] { width: 970px; }
}
@media (min-width: 1400px) {
    .popup-window[id*="popup-media-"] { width: 1170px; }
}