.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: #fbf6e9;
	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: #f2d2a5;
	border-width: 1px;
	border-style: solid;
	background: #ffffff;
	font: 14px 'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;
	color: #828282;
	letter-spacing: 0px;
	padding: 4px;
	display: block;
	width: 100%;
}



.ngpluginparagraphbuysuccess a, .ngpluginparagraphbuy button
{	
	text-decoration: none;
	border-color: #afafaf;
	border-width: 1px;
	border-style: solid;
	padding: 5px 10px 5px 10px;
	background: url(../../../../../images/gradient/?s=ffffff&e=d3d3d3&h=24) repeat-x #d3d3d3;
	font: 13px 'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;
	color: #5a5a5a;
	letter-spacing: 0px;
	text-transform: uppercase;
	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: #c3c3c3;
	background: url(../../../../../images/gradient/?s=ffffff&e=ebebeb&h=24) repeat-x #ebebeb;
	font-weight: normal;
	
	font-style: normal;
	
	text-transform: none;
	
	color: #000000;
}

.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;
	}
	
}