.hide{display: none}
.popup{top: 0; left: 0; right: 0; bottom: 0; margin: auto; overflow: hidden; position: fixed; z-index: 51; width: 90%; max-width: 650px; max-height: 90%; background: #f1f3f5; -webkit-border-radius: 2px; border-radius: 2px; opacity: 0; -webkit-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); -webkit-transition: .5s ease transform, .5s ease opacity; -o-transition: .5s ease transform, .5s ease opacity; transition: .5s ease transform, .5s ease opacity}
.popup .close-popup{width: 28px; height: 28px; position: absolute; right: 0; top: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; line-height: 24px; text-align: center; cursor: pointer; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.popup .close-popup:before{content: "×"; font-family: sans-serif; font-size: 32px; line-height: 28px; } 
.popup.visible{-webkit-filter: none; filter: none; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
.popup.hidden{display: none}
.popup-content{overflow: auto; max-height: 100%}
.popup-bg{display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, .5); opacity: 0; -webkit-transition: .5s ease opacity; -o-transition: .5s ease opacity; transition: .5s ease opacity}
.popup-bg.visible{-webkit-filter: none; filter: none; opacity: 1}
.popup-bg.hidden{display: none}
.popup-top{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background-color: #fff}
.popup-top.red-card .promo-info .wrap pre{color: #09549c}
.popup-top.red-card .promo-info .wrap span{background-color: #09549c; } 
.popup-top.aktsent .promo-content .descript-text p{color: #8e8889; } 
.popup-top .promo-info{width: 112px; text-align: center; padding: 16px}
.popup-top .promo-info .wrap{width: 100%; min-height: 90px; border: 1px solid #ebebeb; -webkit-border-radius: 4px; border-radius: 4px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between}
.popup-top .promo-info .wrap pre{font-size: 20px; font-weight: 700; margin: auto}
.popup-top .promo-info .wrap span{color: #fff; font-size: 10px; padding: 5px 0; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px}
.popup-top .promo-content{width: -webkit-calc(100% - 112px); width: calc(100% - 112px); padding: 16px 32px 0 0}
.popup-top .promo-content h3{font-size: 18px; line-height: 20px; color: #515151; margin: 0 0 6px}
.popup-top .promo-content .descript-text p, .popup-top .promo-content .descript-text ol{font-size: 14px; line-height: 18px; color: #212529}
.popup-top .promo-content .descript-text ol{margin-left: 15px; } 
.promo-popup-content{background-color: #f1f3f5; padding: 24px 32px; text-align: center; position: relative}
.promo-popup-content p{color: #495057; font-size: 15px; line-height: 19px; margin: 0 0 12px}
.promo-popup-content p>a{color: #e5161e}
.popup-code{display: inline-block; vertical-align: middle; margin: 0 0 16px; font-size: 0; width: 100%}
.popup-code .code{display: inline-block; vertical-align: middle; font-size: 24px; line-height: 34px; font-weight: 600; padding: 5px 16px 4px; background-color: #fff; white-space: nowrap; width: 100%; max-width: 300px; border: 1px solid #e7e8e8; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; position: relative; overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar}
.popup-code .code::-webkit-scrollbar{display: none}
.popup-copy{display: inline-block; height: 45px; line-height: 46px; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; padding: 0 16px; font-size: 18px; font-weight: 600; color: #fff; background-color: #36a; text-shadow: 0 1px 0 #023375; vertical-align: baseline; cursor: pointer; -webkit-transition: .15s linear all; -o-transition: .15s linear all; transition: .15s linear all; overflow: hidden; white-space: nowrap}
.copy-succes,.popup-copy{vertical-align: middle; position: relative; color: #fff; text-align: center; width: 170px}
.popup-btn{width: 100%; max-width: 300px; -webkit-border-radius: 20px; border-radius: 5px; color: #fff; text-align: center; background-color: #060976; border: 1px solid #060976; padding: 10px 12px 14px; display: block; margin: 0 auto; text-shadow: 3px 5px 6px #694900; font-weight: bold; font-size: 20px; } 
a.popup-btn {color: #ffd700;text-decoration: none; } 
.popup-btn:hover{color: #fff; background-color: #4c42e1; border-color: #4c42e1}
a.popup-btn:hover{color: #ffd700; }