.ngpluginparagraphbuysuccess { position: fixed; display: none; left: 0; width: 100%; z-index: 1800; outline: none; } @keyframes ngpluginparagraphbuysuccessslidedown { from { top: -400px; } to { top: 0; } } .ngpluginparagraphbuysuccessvisible { display: block; top: 0; animation: 0.5s ngpluginparagraphbuysuccessslidedown; } .ngpluginparagraphbuysuccess>div { background-color: #ffffff; width: 760px; margin: 0 auto; position: relative; box-shadow: 0 0 4px rgba(0,0,0,0.5); clear: both; padding: 16px; box-sizing: border-box; } .ngpluginparagraphbuysuccessinfoblock { position: relative; clear: both; } .ngpluginparagraphbuysuccessinfoblock:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .ngpluginparagraphbuy select { border-color: #d3cfd1; border-width: 1px; border-style: solid; background: #ffffff; font: 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #333333; letter-spacing: 0px; padding: 6px; display: block; width: 100%; } .ngpluginparagraphbuysuccess a, .ngpluginparagraphbuy button { text-decoration: none; border-color: #d02e31; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: #d02e31; font: 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0px; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); border-radius: 2px; display: block; cursor: pointer; } .ngpluginparagraphbuy label { display: block; margin: 3px 0; } .ngpluginparagraphbuy button { margin: 20px 0 10px 0; width: 100%; display: block; } .ngpluginparagraphbuy button:disabled { opacity: 0.2; cursor: wait; } .ngpluginparagraphbuy>a { font-weight: normal; display: block; margin-bottom: 5px; } .ngpluginparagraphbuy>a:hover { font-weight: normal; } .ngpluginparagraphbuysuccess a { float: left; margin-left: 10px; } .ngpluginparagraphbuysuccess img { display: block; float: left; width: 128px; height: 128px; } .ngpluginparagraphbuy strong { font-size: 200%; display: block; } .ngpluginparagraphbuy p { margin: 0 0 10px 0; max-width: 160px; line-height: 140%; } .ngpluginparagraphbuysuccess a:hover, .ngpluginparagraphbuy button:hover { border-color: #333333; background: #333333; font-weight: normal; font-style: normal; text-transform: none; color: #ffffff; } .ngpluginparagraphbuysuccess a:focus, .ngpluginparagraphbuy button:focus { outline: none; } .ngpluginparagraphbuysuccessinfo { float: left; width: 550px; margin-left: 16px; min-height: 128px; } .ngpluginparagraphbuysuccessinfo>span { display: block; margin: 0 0 5px 0; } .ngpluginparagraphbuysuccessinfo>em { font-size: 140%; font-style: normal; } .ngpluginparagraphbuysuccessbuttons { position: absolute; right: 16px; bottom: 16px; } .ngpluginparagraphbuy { float: right; } .ngpluginparagraphbuyvariant { margin-top: 15px; } @media (max-width: 767px) { .sqr .ngpluginparagraphbuy { float: none; width: 100%; } .sqr .ngpluginparagraphbuysuccess>div { width: 100%; margin: 0; } .sqr .ngpluginparagraphbuysuccess img { width: 20%; height: auto; margin: 0; } .sqr .ngpluginparagraphbuysuccessinfo { width: 74%; margin-left: 2%; min-height: 0; } .sqr .ngpluginparagraphbuysuccessbuttons { position: static; width: 100%; padding-top: 16px; } .sqr .ngpluginparagraphbuysuccess a { float:none; box-sizing: border-box; width: 100%; margin: 0 0 10px 0; bottom: 0; right: 0; text-align: center; } .sqr .ngpluginparagraphbuysuccess a:last-child { margin:0; } }