﻿.shop-main	{background-image:none; /*min-height:275px;*/}
.shop-main .p1	{margin:auto; width:1200px;}

.shop-main .p1 .brend	{margin:1.5em 1em; width:225px; height:225px;border-radius:50%; background-color:#fff; background-position:center center; background-repeat:no-repeat;}
.shop-main .p1 .cashback	{margin-top:-100px; margin-left:160px; background-color:#5690CF; width:80px; height:80px; border-radius:50%; font-size:1.4em;}
.shop-main .p1 .cashback div:nth-child(1) {padding:0.6em 0 0 0.5em;}
.shop-main .p1 .cashback div:nth-child(2) {font-size:1.5em; padding-left:0.2em; white-space:nowrap;}

.shop-main .p1 .text	{margin-top:-230px; margin-left:300px; /* border:1px solid; */}
.shop-main .p1 .text .top > div:nth-child(2)	{margin-left:9em; float:left; margin-right:2em; margin-top:0.2em;}
.shop-main .p1 .text .top > div:nth-child(3)	{float:left; margin-right:0.5em; margin-top:0.2em;}
.shop-main .p1 .text .brendname	{margin:0.7em 0; font-size:2em; font-weight:bold; float:left;}
.shop-main .p1 .text .brendname-comment	h1 {clear:left; font-size:1.5em; margin-bottom:0em; text-transform:none; text-align:left; font-weight:normal;}

.shop-main .rating ul	{margin-left:0; position:absolute;}
.shop-main .rating li	{width:21px; height:21px; background:url(/pics/ico/star21.png);}


#favorites	{cursor:pointer; display:inline-block; margin:1.3em 0 0 1em; padding:0.5em 1em 0.5em 2em; border:2px solid #fff; border-radius:1em; background-image:url(/pics/ico/star-white.png); background-position:0.7em; background-repeat:no-repeat; white-space:nowrap;}
#favorites a	{color:#fff; text-decoration:none;}

.shop-main .getcashback	{background-color:#FFBB2C; background:linear-gradient(to bottom, #FFD640 5%, #FF9A0E 100%); margin-bottom:0.5em;}

.category	{border:0;}

.category .c1	{padding:1.5em 1em 0.5em; color:#fff; background-color:#5690CF;}
.category .c1 > div{font-size:1.6em; margin-bottom:0.3em; text-transform:uppercase;}
.category .c1 p {font-size:1.2em; }
.category .c2,
.category .c3	{padding:1em 1em 0.5em; border:1px solid #DCDCDC; border-width:0 1px;}
.category .c2 span {color:#5690CF;}


.main-p	{padding-top:1em; background:#5690CF url(/shop/shop-getcashback-bg.png) center bottom no-repeat;}
.main-p > div:first-child	{color:#fff; font-size:1.6em; margin:0.5em 0.7em 0 0.7em; text-transform:uppercase; width:10em;}
.main-p .p1,
.main-p .p2,
.main-p .p3	{width:11em; margin-left:6em;}
.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-p h3	{font-size:1.1em; font-weight:normal; text-align:left;}

.category .wave1,
.category .wave0{width:18em;}

.main3 .shops	{display:block; margin-left:18em; /*  margin-bottom:3em; */}


 .shops .promocode	{width:98%; margin-bottom:1em; }
 .shops .promocode .p1	{display:table-cell; width:70%; background-color:#F7F7F7; border:1px solid #DCDCDC; border-radius:1em; padding:1em;}
 .shops .promocode .p2	{display:table-cell; width:28%; background-color:#F7F7F7; border:1px solid #DCDCDC; border-radius:1em; padding:1em;}

 .shops .promocode .p1 .plus,
 .shops .promocode .p1 .minus	{display:inline-block; width:1em; height:1em; font-size:1.5em; text-align:center; color:#fff; border-radius:50%; background-color:#D1D1D1; cursor:pointer;}
 .shops .promocode .p1 .plus	{background-color:#A1E166;}
 .shops .promocode .p1 .smile,
 .shops .promocode .p1 .smile-	{color:#8DC759; float:right; height:19px; background-image:url(/shop/smile.png); background-repeat:no-repeat; background-position:right;}
 .shops .promocode .p1 .smile .txt,
 .shops .promocode .p1 .smile- .txt	{float:right; margin-right:22px; font-size:1.1em; padding-top:2px;}
 .shops .promocode .p1 .smile-	{color:#BBBBBB; background-image:url(/shop/smile-.png);}

 .shops .promocode .p1 .txt1	{margin-top:0.5em;}
 .shops .promocode .p1 .txt2	{margin-top:0.2em; font-size:1.3em;}
 .shops .promocode .p1 .txt2 span {color:#FFBB2C; font-weight:bold;}
 .shops .promocode .p1 .site	{font-size:0.8em; float:right; margin-top:0.2em;}
 .shops .promocode .p1 .site .img	{width:15px; height:10px; background-image:url(/shop/site-arr.png); position:absolute; margin:2px 0 0 -18px;}

 .shops .promocode .p2 .txt	{font-size:0.8em; white-space:nowrap; margin-left:20px; line-height:1.5;}
 .shops .promocode .p2 .txt span{color:#8DC759; font-weight:bold;}

 .shops .promocode .p2 .img1	{width:16px; height:16px; background-image:url(/pics/ico/clock.png); float:left;}
 .shops .promocode .p2 .img2	{width:16px; height:16px; background-image:url(/pics/ico/user.png); float:left;}
 .shops .promocode .p2 .code
	{
	background-color:#DFDFDF;
	width:12em;
	text-align:right;
	border-radius:0.5em;
	padding:0.5em 1em;
	margin-top:0.5em;
	}
 .shops .promocode .p2 .showcode
	{
	position:absolute;
	margin-top:-2em;
	color:#fff;
	background-color:#A3E166;
	width:9em;
	text-align:center;
	border-radius: 0.5em 0 0 0.5em;
	padding:0.5em 0 0.5em 1em;
	cursor:pointer;
	}
 .shops .promocode .p2 .showcode .corner
	{
	position:absolute;
	margin-left:9em;
	margin-top:-1.5em;
	width:27px;
	height:2em;
	background-image:url(/shop/corner.png);
	background-repeat:no-repeat;
	background-position:left top;
	}
 .shops .promocode .p2 .action
	{
	background-color:#FFBB2C;
	background:linear-gradient(to bottom, #FFD640 5%, #FF9A0E 100%);
	width:12em;
	color:#fff;
	text-align:center;
	border-radius:0.5em;
	padding:0.5em 1em;
	margin-top:0.5em;
	cursor:pointer;
	}


.shops .wave4	{background-image:url(/pics/bg/wave4.png); background-repeat:repeat-x; background-position:left center; padding:2em 0; width:98%; display:inline-block;}

.shops .main5 .item	{width:93%;}
.shops .main5 .review2	{width:87%; margin-left:2em;}

.shops .main5 .reviews-add-button,
.shops .reviews-open-button		{margin-right:3%; float:right; margin-top:-3.2em;}
.shops .main5 .reviews-add-button input,
.shops .reviews-open-button input	{background-color:#A4E267; padding:0.3em 1em;}

.shops .main5 .reviews-add-button	{margin-right:3%; margin-top:-1em; margin-bottom:1em; display:inline-block;}

.shops .reviews-add	{display:none;}
.shops .reviews-add .rating	{cursor:pointer;}

.shops h2,
.shops h3	{font-size:2em; margin-bottom:0.5em; text-align:left;}
.shops h2	{font-size:2.4em;}


.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);}


/* если < 1250px */
@media screen and (max-width:1250px)
{
 .shop-main	{text-align:left;}
 .shop-main .p1	{width:96%; position:relative;}
 .shops .main5	{width:96%;}

}

/* если < 1000px */
@media screen and (max-width:1000px)
{
 .category	{display:block; float:none; margin:auto;}
 .category .main-p	{display:none;}
 .category .c3		{display:none;}
 .category .wave0:nth-child(2)		{display:none;}
 .category .wave1:nth-child(2)		{display:none;}


 .shop-main .p1	{width:95%;}

 .shop-main .p1 .text .top > div:nth-child(2),
 .shop-main .p1 .text .top > div:nth-child(3),
 .shop-main .p1 .text .top > div:nth-child(4)	{display:none;}
/*
 .shop-main .p1 .text	{width:420px;}
 .shop-main .p1 .text .brendname-comment {margin-bottom:0;}
*/
 .shop-main .p1 .text .rating	{display:block; padding-bottom:1em;}

 .shop-main .p1 .text .brendname-comment + p	{display:none;}
 .shop-main .p1 .text .brendname-comment h1	{font-size:1.4em; margin-bottom:0.5em;}

 .shop-main .p1 .text .brendname	{float:none;}


 p	{margin-bottom:0.5em;}

 .main3 .shops	{margin-left:1em;}


#favorites	{margin:1.5em 0px 0px -12px; font-size: 13px;}




}

/* если < 750px */
@media screen and (max-width:750px)
{
 .shops .promocode .p1	{display:block; width:90%;}
 .shops .promocode .p2	{display:block; width:90%;}
 .shops .promocode .p1	{padding-bottom:1.5em}

 .shops .open-reviews input	{font-size:1em;}
 .shops .open-reviews	{margin-top:-3.7em;}

 .shop-main .p1	{width:93%;}
 .shop-main .p1 .brend	{margin:1.3em 0.5em; width:112px; height:112px; background-size:100%;}
 .shop-main .p1 .cashback	{margin-top:-50px; margin-left:80px; background-color:#5690CF; width:40px; height:40px; border-radius:50%; font-size:1em;}
 .shop-main .p1 .cashback div:nth-child(1) {padding:0.4em 0 0 0.5em; font-size:0.8em;}
 .shop-main .p1 .cashback div:nth-child(2) {font-size:1em; padding-left:0.2em;}
 .shop-main .p1 .text	{margin-top:-100px; margin-left: 160px;}
 .shop-main .p1 .text .brendname	{font-size:1.5em; font-size:1.5em;}
 .shop-main .p1 .text .brendname-comment h1 {font-size:1.3em;}

 .shop-main .p1 .text p	{/*! display:none; */margin-left: -145px;}


 .shop-main .getcashback	{margin-top:0.5em;float: right;}
 .shops .main5 .item	{display:block; width:90%;}
 .shops .main5 .review2 .r1	{min-height:90px;}

 .shops .main5 .reviews-add-button,
 .shops .reviews-open-button		{float:none; margin-top:0; text-align:right;}

}


/* если < 500px */
@media screen and (max-width:500px)
{
 .shops .open-reviews	{margin-top:-1em; margin-bottom:1em; float:none; text-align:right;}

/*
 .shop-main .p1 .text	{margin-left:0em; width:300px;}
 .shop-main .p1 .text .top	{margin-left:140px;}
 .shop-main .p1 .text .brendname{margin-left:140px; float:none; font-size:1.4em;}
 .shop-main .p1 .text .brendname-comment{ font-size:1.1em;}
 .shop-main .p1 .text .brendname-comment h1	{font-size:1.1em;}
 .shop-main .getcashback	{}
*/
 .shop-main .p1	{width:92%;}

 .shop-main .p1 .text .brendname-comment h1	{font-size:1.1em;}
 .shop-main .p1 .text .brendname-comment{ font-size:1em; margin-left: -9em;}
 .shop-main .p1 .text .brendname-comment2{margin-left:-18em; font-size:1em; margin-top: 4em;}


 .shop-main .getcashbackbtn	{margin-left:-9em; text-align:center;}

 .shops .main5 .review1	{margin-left:0;}
 .shops .main5 .review2	{width:82%;}


}

