.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: #f1cfcf; border-width: 1px; border-style: solid; background: #ffffff; font: 15px Montserrat,Verdana,Helvetica,sans-serif; color: #5a5a5a; letter-spacing: 0px; padding: 6px 12px 6px 12px; display: block; width: 100%; } .ngpluginparagraphbuy select:focus { border-color: #9ea815; background: #ffffff; } .ngpluginparagraphbuysuccess a, .ngpluginparagraphbuy button { text-decoration: none; border-color: #80a4d1; border-width: 2px; border-style: solid; padding: 10px 20px 10px 20px; background: #212c65; font: 14px Montserrat,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 7px; 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: #9ea815; background: #9ea815; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngpluginparagraphbuysuccess a:focus, .ngpluginparagraphbuy button:focus { border-color: #80a4d1; background: #212c65; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; 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; } }