﻿/* главный */
.main	{height:525px; background:#5690CF url(/pics/main.png) center no-repeat; background-size:auto 100%;}
.main-p	{padding-top:1em; background:#5690CF url(/pics/bg/main-p.png) center top no-repeat;}
.main-p > div	{margin:auto; width:1100px; padding-bottom:1em;}
.main-p .p1,
.main-p .p2,
.main-p .p3	{width:15em;}
.main-p .p1	{float:left; margin-left:5em;}
.main-p .p2	{float:left; margin-left:8em;}
.main-p .p3	{float:left; margin-left:9em;}
.main-p .number1,
.main-p .number2,
.main-p .number3 img {
	float:left;
	margin-left:-80px;
	margin-top:1em;
	width:62px;
	height:46px;
	}
.main-p .number2 img {margin-top:-0.6em;}
.main-p .number3 img {margin-top:0.9em;}
.main-p .title	{color:#CDFF6A; font-size:1.3em; margin-bottom:0.2em;}
.main-p p	{color:#fff;}

/* синяя стрелка */
.main-arr,
.main2-arr	{height:45px; background:url(/pics/main-arr.png) center top no-repeat; margin-right:4em;}

/* делаете покупки в интернете */
.main1	{margin:2em auto; width:1200px;}
.main1 h1	{font-size:1em; color:#717171; text-align:center; text-transform:uppercase; margin-bottom:0.2em;}
.main1 h2	{font-size:1em; margin-bottom:1em;}
.main1 .img_l	{float:left;}
.main1 .img_r	{float:right;}
.main1 .p	{margin:2em 0;}
.main1 img	{margin:0 2em 1em;}
.main1 .h1	{font-size:2.2em; text-align:center; text-transform:uppercase; margin-bottom:0.3em; font-weight:bold;}

/* наши преимущества */
.main2	{height:700px; background:#5690CF url(/pics/main2.png) center no-repeat; background-size:auto 100%; text-align:center;}
.main2 h3 {font-size:2.2em; text-align:center; text-transform:uppercase; margin-bottom:0.3em; color:#fff; padding-top:1.5em;}
.main2 .comment {color:#fff; font-size:1.1em;}
.main2 .comment span {font-size:2.2em;}
.main2 .p1,
.main2 .p2,
.main2 .p3,
.main2 .p4,
.main2 .p5 {display:inline-block; text-align:left;}
.main2 .p1 {margin:2em 0 0 27em;}
.main2 .p2 {margin:1em 35em 0 0; text-align:right;}
.main2 .p3 {margin:3em 0 0 39em;}
.main2 .p4 {margin:2em 42em 0 0; text-align:right;}
.main2 .p5 {margin:2em 0 0 29em;}

.main2-bottom {height:2em; background:#5690CF;}

/* Кэшбэк в популярных магазинах */
/* определён в main.css */
.main3	{width:1150px;}
.main3 .item	{margin:0 1em 2.5em 1.5em;}


/* Выплачено пользователям по всему миру */
.main4	{text-transform:uppercase; text-align:center; color:#fff; padding:3em; background: #63A829 url(/pics/bg/main4.jpg) center top;}
.main4 div	{white-space:nowrap;}
.main4 p	{font-size:1.6em;}
.main4 span	{font-size:4em; font-weight:bold;}

/* Отзывы */
/* определён в main.css */
.main5	{padding:2em 0;}
.main5 h3 {font-size:2.2em; text-align:center; text-transform:uppercase; margin-bottom:0.3em;}
.main5 .item	{width:1150px;}
.main5 .review2	{width:1000px;}

/* На странице промокоды */
/*
можно удалить
.shop-main .rating ul	{margin-left:0; position:absolute; margin-top:-3px;}
.shop-main .rating li	{width:21px; height:21px; background:url(/pics/ico/star21.png);}

.shops .rating		{margin-bottom:0.5em;}
.shops .rating div	{margin-top:3px;}
.shops .rating li	{width:21px; height:21px; background:url(/pics/ico/star21.png);}
*/
.main5-arr	{height:41px; background:#5690CF url(/pics/main5-arr2.png) center top no-repeat;}

/* зарабатывай бонусы */
.main6	{height:450px; text-align:center; background:#5690CF url(/pics/main6.png) center center no-repeat; background-size:auto 100%;}
.main6 h3 {font-size:2.2em; text-align:center; text-transform:uppercase; margin-bottom:0.3em; color:#fff; padding-top:0.5em;}
.main6 .comment {color:#fff; font-size:1.1em;}
.main6 .comment span {font-size:1.7em;}
.main6 .p1,
.main6 .p2 {display:inline-block; text-align:left;}
.main6 .p1 {margin:4em 18em 0 0;}
.main6 .p2 {margin:6em 7em 0 0;}

/*******************************************************************/

/* если < 1250px */
@media screen and (max-width:1250px)
{
 .main-p > div	{width:99%;}

 .main-p .p1,
 .main-p .p2,
 .main-p .p3	{width:14em;}

 .main-p .p2	{margin-left:7em;}
 .main-p .p3	{margin-left:5em;}

 .main1	{width:90%;}

 .main3	{width:100%;}
 .main3 .item	{margin:0 1.5em 2.5em 0.5em;}
 .main3 .shops	{margin-left:3em;}

 .main5 .item	{width:90%;}
 .main5 .review2{width:80%;}
}

/* если < 1000px */
@media screen and (max-width:1000px)
{
 .main	{height:400px;}
 .main-p .p1, .main-p .p2, .main-p .p3	{float:none; margin:auto }

 /* наши преимущества */
 .main2	{height:500px;}
 .main2 h3 {font-size:2em; padding-top:1em;}
 .main2 .comment {font-size:1em;}
 .main2 .comment span {font-size:2em;}

 .main2 .p1 {margin:1em 0 0 23em;}
 .main2 .p2 {margin:0 28em 0 0;}
 .main2 .p3 {margin:2em 0 0 33em;}
 .main2 .p4 {margin:0 36em 0 0;}
 .main2 .p5 {margin:0 0 0 26em;}

 .main6	{height:350px;}
 .main6 .p1 {margin:2em 12em 0 0;}
 .main6 .p2 {margin:4em 3em 0 0;}
}

/* если < 750px */
@media screen and (max-width:750px)
{
 .main	{height:175px;}
 .main-p > div	{width:100%;}
 .main-p{background-size:auto 23px;}
 .main-p .p1, .main-p .p2, .main-p .p3	{float:none; margin:auto }

 /* делаете покупки в интернете */
 .main1	{display:none;}
 .main1 + .wave1	{display:none;}

 /* наши преимущества */
 .main2,
 .main2-bottom,
 .main2-arr	{display:none;}

 /* магазины */
/*
 .main3	.shops {margin:1.5em 1em;}
*/

 /* выплачено  */
 .main4 p	{font-size:1.4em;}
 .main4 span	{font-size:3em;}

 /* отзывы */
 .main5	{padding: 2em 1em;}
 .main5 .item	{display:none;}
 .main5 .item:nth-of-type(1)	{display:block; width:90%;}
 .main5 .reviews{display:block;}
 .main5 .r1 {border-right:0; border-bottom:1px dashed #C1C1C1; padding-bottom:1em;}

 .main5-arr	{display:none;}

 /* зарабатывай бонусы */
 .main6	{display:none;}
}

/* если < 500px */
@media screen and (max-width:500px)
{
 .main-p .p1,
 .main-p .p2,
 .main-p .p3	{width:12em; margin-left:30%;}
 .main-p .title	{font-size:1.1em;}
 .main-p p	{font-size:0.9em;}

 .main3 h1,
 .main3 h3 {font-size:1.8em;}
 .main3	.item {margin-left:20%; float:none;}

 .main4 span	{font-size:2em;}

 .main5 h3 {font-size:1.8em;}

}