.profile-main1 .wave0	{width:95%;}
.profile-bonus-main
	{
	height:370px;
	background-color:#5690CF;
	background-image:url(/profile/bonus/bonus-main.png);
	background-size:auto 100%;
	background-position:5em bottom;
	background-repeat:no-repeat;
	color:#fff;
	}

.profile-bonus-main .p1	{display:inline-block; margin:2em; font-size:1.1em; line-height:1.2;}
.profile-bonus-main .p1 .line1 {font-size:2.2em; font-weight:bold; margin-bottom:0.2em;}
.profile-bonus-main .p1 .percent
	{
	position:absolute;
	margin-top:-1.5em;
	margin-left:4.2em;
	font-size:2.3em;
	font-weight:bold;
	padding:0.2em 0.5em 0.2em 0.3em;
	background-image:url(/shop/percent-bg.png);
	background-repeat:no-repeat;
	background-position:left 0.2em;
	}

.profile-bonus-main .p2		{font-size:1.1em; line-height:1.2; width:18em; float:right; margin:2em;}
.profile-bonus-main .p2 ol	{list-style:none; counter-reset:li; margin:1em;}
.profile-bonus-main .p2 li	{position: relative; padding: 0.5em 0 0.5em 2.5em; margin-bottom:0.5em;}
.profile-bonus-main .p2 li:nth-child(1),
.profile-bonus-main .p2 li:nth-child(2)	{padding: 1em 0 1em 2.5em;}
.profile-bonus-main .p2 li:before
	{
	color:#fff;
	content:counter(li);
	counter-increment:li;
	position:absolute; 
	left:-0.7em;
	top:50%;
	margin-top:-1em;
	background-color:#B9EE3E;
	background:linear-gradient(to bottom, #C5F02E 5%, #86CE51 100%);
	height:2em;
	width:2em;
	line-height:2em;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	border-radius:2em;
	}


/*
.profile-bonus-main .p2		{font-size:1.1em; line-height:1.2; width:16em; float:right; margin:2em;}
.profile-bonus-main .p2 ul	{list-style-type:none;}
.profile-bonus-main .p2 ul li	{margin-bottom:1em; min-height:2.5em;}
.profile-bonus-main .p2 .number	{position:absolute; font-size:1.5em; padding:0.4em 0.7em; background:url(/profile/bonus/bonus-main-circle.png) no-repeat ;}
.profile-bonus-main .p2 .text,
.profile-bonus-main .p2 .text1	{margin-left:3.3em; padding-top:0.3em;}
.profile-bonus-main .p2 .text1	{padding-top:0.9em;}
*/

.profile-bonus-main1	{background-color:#5690CF; padding:0 1em 1em; }
.profile-bonus-main1 .p1,
.profile-bonus-main1 .p2	{background-color:#fff; padding:1em; border-radius:0.5em; margin-bottom:1em;}

.profile-bonus-main1 .p1 img,
.profile-bonus-main1 .p2 img	{float:left; margin-right:1em;}

.profile-bonus-main1 .com1 	{font-size:1.2em; float:left; text-transform:uppercase; font-weight:bold; line-height:1.3; min-height:4em;}
.profile-bonus-main1 .com2	{margin-left:25em;}
.profile-bonus-main1 .com2 div:nth-child(3)	{text-align:right;}

.profile-bonus-main1 .com2 input[type="button"]	{font-size:1em;}

#needlink a	{color:#5690CF; text-align:right; text-decoration:none; border-bottom:1px dashed;}

.profile-bonus-main1 .needlink
	{
	display:none;
	position:absolute;
	background-color:#85B0E3;
	width:20em;
	font-size:0.9em;
	color:#fff;
	padding:1em;
	border-radius:0.5em;
	z-index:1;
	margin:1em 0 0 28em;
	line-height:1.4;
	}
.profile-bonus-main1 .needlink:after
	{
	bottom:100%;
	left:50%;
	content: " ";
	height:0;
	width:0;
	position:absolute;
	border:12px solid transparent;
	border-bottom:8px solid #85B0E3;
	margin-left:-12px;
	}

.profile-bonus-main1 .p1 .com1 	{margin-top:1.5em;}
.profile-bonus-main1 .p2 .com1 	{margin-top:0.5em;}

.profile-main1 ol.pr1	{list-style:none; counter-reset:li; margin:1em;}
.profile-main1 .pr1 li	{position: relative; padding: 0.5em 0 0.5em 2.5em; margin: 0.5em 0;}
.profile-main1 .pr1 li:before
	{
	color:#fff;
	content: counter(li);
	counter-increment: li;
	position: absolute; 
	left:0;
	top:50%;
	margin-top: -1.1em;
	background-color:#85B0E3;
	height:2em;
	width:2em;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	}

.profile-main1 ul.pr2	{list-style:none;margin:1em 1em 2em 1em;}
.profile-main1 .pr2 li	{position: relative; padding: 0.2em 0 0.2em 2.5em; margin: 0.5em 0;}
.profile-main1 .pr2 li:before
	{
	color:#fff;
	content: '!';
	position: absolute; 
	left:0.3em;
	top:50%;
	margin-top: -0.8em;
	background-color:#FFBB2C;
	background:linear-gradient(to bottom, #FFD640 5%, #FF9A0E 100%);
	height:1.5em;
	width:1.5em;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	border-radius: 1.5em;
	}


/* если < 1250px */
@media screen and (max-width:1250px)
{
 .breadcrumbs	{width:90%; margin:0;}

 .user-menu	{width:98%; margin-left:1em;}
 #user-menu li	{font-size:1em;	padding:0.8em 1em;}
 #user-menu li:last-child {padding-right:2em;}

 .profile-main1	{width:960px; margin-left:1em;}
 .profile-main1 .comment {margin-right:1em;}


 .profile-main1 .wave0	{width:96%;}
 .profile-bonus-main	{background-position:-2em bottom;}

 .profile-bonus-main1 .needlink {margin-left:14.5em;}

}

/* если < 1000px */
@media screen and (max-width:1000px)
{
 .user-menu	{width:96%;}
 .profile-main1	{width:900px;}

 #user-menu li	{font-size:1em; padding:0.8em 0.7em;}
 #user-menu li:last-child {padding-right:1.5em;}
 #user-menu li a:after	{top:0;}

 .profile-bonus-main	{background-size:70%;}
 .profile-bonus-main .p2{font-size:1em;}

 .profile-bonus-main1 .needlink {margin-left:10.5em;}

}


@media screen and (max-width:950px)
{
 #user-menu li	{font-size:0.9em; padding:0.8em 1em;}
 #user-menu li:last-child {padding-right:2em;}
 .profile-main1	{width:850px;}

 .profile-bonus-main1 .needlink {margin-left:7em;}

}

@media screen and (max-width:900px)
{
 #user-menu li	{padding:0.8em 0.7em;}
 .profile-main1	{width:800px;}

 .profile-bonus-main1 .needlink {margin-left:3.5em;}

}

@media screen and (max-width:850px)
{
 #user-menu li	{font-size:0.8em; padding:0.8em;}
 #user-menu li:last-child {padding-right:1.5em;}
 .profile-main1	{width:750px;}

 .profile-bonus-main1 .needlink {margin-left:0;}

}

@media screen and (max-width:800px)
{
 #user-menu li	{font-size:0.8em; padding:0.8em 0.5em;}
 #user-menu li:last-child {padding-right:1em;}
 .profile-main1	{width:700px;}
 .profile-bonus-main1 .needlink {margin-left:-3.5em;}

}




/* если < 750px */
@media screen and (max-width:750px)
{
 .user-menu	{width:97%; margin-left:0.5em;}

 #user-menu li	{float:none; border-radius:1em; margin:0.5em;}
 #user-menu li a:after	{display:none;}
 #user-menu li:last-child:after	{display:none;}
 #user-menu li.active	{border-radius:1em;}
 #user-menu li.active:after	{display:none;}

 #user-menu li:first-child	{border-radius:1em;}
 #user-menu li:last-child	{border-radius:1em;}

 #user-menu li{display:block; padding:0;}
 #user-menu li a
	{
	display:block;
	padding:0.5em 1em;
	background:#85B0E3;
	border-radius:1em;
	}

 #user-menu li.active	{color:#fff; padding:0.5em 1em;}

 .profile-main1	{width:96%;}


 .profile-bonus-main	{background-size:100%;}

 .profile-bonus-main .p2	{display:none;}
 .profile-bonus-main1 .com1 	{float:none; margin-left:120px;}
 .profile-bonus-main1 .com2	{margin-left:0em; margin-top:1em;}

 .profile-bonus-main1 .needlink {right:1em;}

}


/* если < 500px */
@media screen and (max-width:500px)
{
 .user-menu	{width:96%;}

 .profile-main1	{width:95%;}


 .profile-main1 .wave0	{width:95%;}
 .profile-bonus-main 	{height:300px;}
 .profile-bonus-main .p1	{margin:1em;}
 .profile-bonus-main .p1 .line1 {font-size:1.8em;}
 .profile-bonus-main .p1 .percent{margin-top:-1.3em;margin-left:3.6em;}
 .profile-bonus-main1 .com1 	{font-size:1em;}

}