Commit 873e3d809492e0c65a64c7b6513fd425824f32d1
1 parent
5e970cff
14.09.16
Showing
23 changed files
with
3407 additions
and
1218 deletions
Show diff stats
backend/controllers/EventController.php
... | ... | @@ -2,6 +2,7 @@ |
2 | 2 | |
3 | 3 | namespace backend\controllers; |
4 | 4 | |
5 | +use common\modules\product\models\Import; | |
5 | 6 | use Yii; |
6 | 7 | use common\models\Event; |
7 | 8 | use common\models\EventSearch; |
... | ... | @@ -85,8 +86,13 @@ class EventController extends Controller |
85 | 86 | $model->image = $image->name; |
86 | 87 | } |
87 | 88 | |
89 | + if ( ($banner = UploadedFile::getInstance($model, 'banner')) ) { | |
90 | + $model->banner = $banner->name; | |
91 | + $image->saveAs(Yii::getAlias('@imagesDir/event/' . $banner->name)); | |
92 | + } | |
93 | + | |
88 | 94 | if ($model->save() && $image) { |
89 | - $image->saveAs(Yii::getAlias('@imagesDir/articles/' . $image->name)); | |
95 | + $image->saveAs(Yii::getAlias('@imagesDir/event/' . $image->name)); | |
90 | 96 | } |
91 | 97 | |
92 | 98 | return $this->redirect(['view', 'id' => $model->event_id]); |
... | ... | @@ -113,8 +119,25 @@ class EventController extends Controller |
113 | 119 | $model->image = $image->name; |
114 | 120 | } |
115 | 121 | |
122 | + if ( ($banner = UploadedFile::getInstance($model, 'banner')) ) { | |
123 | + $model->banner = $banner->name; | |
124 | + $banner->saveAs(Yii::getAlias('@imagesDir/event/' . $banner->name)); | |
125 | + } | |
126 | + | |
116 | 127 | if ($model->save() && $image) { |
117 | - $image->saveAs(Yii::getAlias('@imagesDir/articles/' . $image->name)); | |
128 | + $image->saveAs(Yii::getAlias('@imagesDir/event/' . $image->name)); | |
129 | + | |
130 | + } | |
131 | + | |
132 | + | |
133 | + | |
134 | + if ( ($file = UploadedFile::getInstance($model, 'products_file')) ) { | |
135 | + if(!empty($file)){ | |
136 | + $file->saveAs(Yii::getAlias('@uploadDir/' . $file->name)); | |
137 | + $import = new Import(); | |
138 | + $import->goEvent(Yii::getAlias('@uploadDir/' . $file->name)); | |
139 | + } | |
140 | + | |
118 | 141 | } |
119 | 142 | |
120 | 143 | return $this->redirect(['view', 'id' => $model->event_id]); | ... | ... |
backend/views/event/_form.php
... | ... | @@ -17,6 +17,8 @@ use mihaildev\elfinder\ElFinder; |
17 | 17 | 'options' => ['enctype' => 'multipart/form-data'] |
18 | 18 | ]); ?> |
19 | 19 | |
20 | + <?= $form->field($model, 'event_id')->textInput(['maxlength' => true, 'disabled'=>true]) ?> | |
21 | + | |
20 | 22 | <?= $form->field($model, 'name')->textInput(['maxlength' => true]) ?> |
21 | 23 | |
22 | 24 | <?= $form->field($model, 'alias')->textInput(['maxlength' => true]) ?> |
... | ... | @@ -35,8 +37,8 @@ use mihaildev\elfinder\ElFinder; |
35 | 37 | <?= $form->field($model, 'end_at') |
36 | 38 | ->widget(DatePicker::className(), [ |
37 | 39 | 'pluginOptions' => [ |
38 | - 'format' => 'dd-M-yyyy', | |
39 | - 'todayHighlight' => true | |
40 | + 'todayHighlight' => true, | |
41 | + 'format' => 'yyyy-mm-dd', | |
40 | 42 | ]]) ?> |
41 | 43 | |
42 | 44 | |
... | ... | @@ -56,6 +58,28 @@ use mihaildev\elfinder\ElFinder; |
56 | 58 | ], |
57 | 59 | ]); ?> |
58 | 60 | |
61 | + | |
62 | + <?= $form->field($model, 'banner')->widget(\kartik\file\FileInput::classname(), [ | |
63 | + 'language' => 'ru', | |
64 | + 'options' => [ | |
65 | + 'accept' => 'image/*', | |
66 | + 'multiple' => false, | |
67 | + ], | |
68 | + 'pluginOptions' => [ | |
69 | + 'allowedFileExtensions' => ['jpg', 'gif', 'png'], | |
70 | + 'initialPreview' => !empty($model->bannerUrl) ? \common\components\artboximage\ArtboxImageHelper::getImage($model->bannerUrl, 'list') : '', | |
71 | + 'overwriteInitial' => true, | |
72 | + 'showRemove' => false, | |
73 | + 'showUpload' => false, | |
74 | + 'previewFileType' => 'image', | |
75 | + ], | |
76 | + ]); ?> | |
77 | + | |
78 | + <?= $form->field($model, 'products_file')->widget(\kartik\file\FileInput::classname(), [ | |
79 | + 'language' => 'ru' | |
80 | + ]); ?> | |
81 | + | |
82 | + | |
59 | 83 | <?= $form->field($model, 'meta_title')->textInput(['maxlength' => true]) ?> |
60 | 84 | |
61 | 85 | <?= $form->field($model, 'description')->textInput(['maxlength' => true]) ?> |
... | ... | @@ -64,6 +88,8 @@ use mihaildev\elfinder\ElFinder; |
64 | 88 | |
65 | 89 | <?= $form->field($model, 'seo_text')->textarea(['rows' => 6]) ?> |
66 | 90 | |
91 | + <?= $form->field($model, 'status')->checkbox() ?> | |
92 | + | |
67 | 93 | |
68 | 94 | |
69 | 95 | <div class="form-group"> | ... | ... |
backend/views/slider-image/_form.php
... | ... | @@ -5,7 +5,7 @@ use common\modules\file\widgets\ImageUploader; |
5 | 5 | use kartik\select2\Select2; |
6 | 6 | use yii\helpers\Html; |
7 | 7 | use yii\widgets\ActiveForm; |
8 | - | |
8 | +use kartik\date\DatePicker; | |
9 | 9 | /* @var $this yii\web\View */ |
10 | 10 | /* @var $slider Slider*/ |
11 | 11 | /* @var $model common\models\SliderImage */ |
... | ... | @@ -37,17 +37,16 @@ use yii\widgets\ActiveForm; |
37 | 37 | |
38 | 38 | <?= $form->field($model, 'title')->textInput(['maxlength' => true]) ?> |
39 | 39 | |
40 | + <?= $form->field($model, 'end_at') | |
41 | + ->widget(DatePicker::className(), [ | |
42 | + 'pluginOptions' => [ | |
43 | + 'todayHighlight' => true, | |
44 | + 'format' => 'yyyy-mm-dd', | |
45 | + ]]) ?> | |
46 | + | |
40 | 47 | <?= $form->field($model, 'url')->textInput(['maxlength' => true]) ?> |
41 | 48 | |
42 | - <?= $form->field($model, 'status')->widget(Select2::className(),([ | |
43 | - 'name' => 'status', | |
44 | - 'hideSearch' => true, | |
45 | - 'data' => [1 => 'Active', 2 => 'Inactive'], | |
46 | - 'options' => ['placeholder' => 'Select status...'], | |
47 | - 'pluginOptions' => [ | |
48 | - 'allowClear' => true | |
49 | - ] | |
50 | - ])) ?> | |
49 | + <?= $form->field($model, 'status')->checkbox() ?> | |
51 | 50 | |
52 | 51 | <?= $form->field($model, 'sort')->textInput() ?> |
53 | 52 | ... | ... |
backend/views/slider/_form.php
common/config/main.php
... | ... | @@ -61,6 +61,22 @@ return [ |
61 | 61 | 'master' => null |
62 | 62 | ], |
63 | 63 | ], |
64 | + 'event_in_product' => | |
65 | + [ | |
66 | + 'resize' => [ | |
67 | + 'width' => 730, | |
68 | + 'height' => 100, | |
69 | + 'master' => null | |
70 | + ], | |
71 | + ], | |
72 | + 'event_left' => | |
73 | + [ | |
74 | + 'resize' => [ | |
75 | + 'width' => 960, | |
76 | + 'height' => 400, | |
77 | + 'master' => null | |
78 | + ], | |
79 | + ], | |
64 | 80 | 'product_variant' => [ |
65 | 81 | 'resize' => [ |
66 | 82 | 'width' => 38, | ... | ... |
common/models/Event.php
... | ... | @@ -2,6 +2,7 @@ |
2 | 2 | |
3 | 3 | namespace common\models; |
4 | 4 | |
5 | +use common\modules\product\models\Product; | |
5 | 6 | use Yii; |
6 | 7 | use yii\behaviors\TimestampBehavior; |
7 | 8 | /** |
... | ... | @@ -19,10 +20,13 @@ use yii\behaviors\TimestampBehavior; |
19 | 20 | * @property integer $created_at |
20 | 21 | * @property integer $updated_at |
21 | 22 | * @property integer $end_at |
23 | + * @property integer $status | |
24 | + * @property integer $banner | |
22 | 25 | */ |
23 | 26 | class Event extends \yii\db\ActiveRecord |
24 | 27 | { |
25 | 28 | public $imageUpload; |
29 | + public $products_file; | |
26 | 30 | |
27 | 31 | /** |
28 | 32 | * @inheritdoc |
... | ... | @@ -55,7 +59,8 @@ class Event extends \yii\db\ActiveRecord |
55 | 59 | public function beforeSave($insert) |
56 | 60 | { |
57 | 61 | if (parent::beforeSave($insert)) { |
58 | - $this->end_at = strtotime($this->end_at); | |
62 | + | |
63 | + $this->end_at = !empty($this->end_at) ? strtotime($this->end_at) : ''; | |
59 | 64 | return true; |
60 | 65 | } else { |
61 | 66 | return false; |
... | ... | @@ -63,7 +68,7 @@ class Event extends \yii\db\ActiveRecord |
63 | 68 | } |
64 | 69 | |
65 | 70 | public function afterFind(){ |
66 | - $this->end_at = date("Y-m-d", $this->end_at); | |
71 | + $this->end_at = !empty($this->end_at) ? date("Y-m-d", $this->end_at) : ''; | |
67 | 72 | } |
68 | 73 | |
69 | 74 | |
... | ... | @@ -75,10 +80,11 @@ class Event extends \yii\db\ActiveRecord |
75 | 80 | return [ |
76 | 81 | [['body', 'seo_text'], 'string'], |
77 | 82 | [['created_at', 'updated_at' ], 'integer'], |
78 | - [['name', 'alias', 'image', 'meta_title', 'description', 'h1','end_at'], 'string', 'max' => 255], | |
83 | + [['name', 'alias', 'image', 'meta_title', 'description', 'h1','end_at','banner'], 'string', 'max' => 255], | |
79 | 84 | [['name','body'], 'required'], |
80 | 85 | [['imageUpload'], 'safe'], |
81 | 86 | [['imageUpload'], 'file', 'extensions' => 'jpg, gif, png'], |
87 | + [['products_file'], 'file'], | |
82 | 88 | ]; |
83 | 89 | } |
84 | 90 | |
... | ... | @@ -88,7 +94,7 @@ class Event extends \yii\db\ActiveRecord |
88 | 94 | public function attributeLabels() |
89 | 95 | { |
90 | 96 | return [ |
91 | - 'event_id' => Yii::t('app', 'event_id'), | |
97 | + 'event_id' => Yii::t('app', 'ID акции'), | |
92 | 98 | 'name' => Yii::t('app', 'name'), |
93 | 99 | 'alias' => Yii::t('app', 'alias'), |
94 | 100 | 'body' => Yii::t('app', 'body'), |
... | ... | @@ -100,16 +106,44 @@ class Event extends \yii\db\ActiveRecord |
100 | 106 | 'created_at' => Yii::t('app', 'created_at'), |
101 | 107 | 'updated_at' => Yii::t('app', 'updated_at'), |
102 | 108 | 'end_at' => Yii::t('app', 'end_at'), |
109 | + 'status' => Yii::t('app', 'Статус акции'), | |
110 | + 'products_file' => Yii::t('app', 'Загрузка файла'), | |
103 | 111 | ]; |
104 | 112 | } |
105 | 113 | |
106 | 114 | |
115 | + public function isActive(){ | |
116 | + if($this->status){ | |
117 | + | |
118 | + if(!empty($this->end_at) && (strtotime($this->end_at) <= strtotime(date("Y-m-d")))){ | |
119 | + return false; | |
120 | + } | |
121 | + return true; | |
122 | + } | |
123 | + return false; | |
124 | + } | |
125 | + | |
126 | + | |
107 | 127 | public function getImageFile() { |
108 | - return empty($this->image) ? null : Yii::getAlias('@imagesDir/articles/'. $this->image); | |
128 | + return empty($this->image) ? null : Yii::getAlias('@imagesDir/event/'. $this->image); | |
109 | 129 | } |
110 | 130 | |
111 | 131 | public function getImageUrl() |
112 | 132 | { |
113 | - return empty($this->image) ? null : Yii::getAlias('@imagesUrl/articles/' . $this->image); | |
133 | + return empty($this->image) ? null : Yii::getAlias('@imagesUrl/event/' . $this->image); | |
134 | + } | |
135 | + | |
136 | + public function getBannerFile() { | |
137 | + return empty($this->image) ? null : Yii::getAlias('@imagesDir/event/'. $this->banner); | |
138 | + } | |
139 | + | |
140 | + | |
141 | + public function getProducts(){ | |
142 | + return $this->hasMany(Product::className(),['product_id' => 'product_id'] )->viaTable('events_to_products', ['event_id' => 'event_id']); | |
143 | + } | |
144 | + | |
145 | + public function getBannerUrl() | |
146 | + { | |
147 | + return empty($this->image) ? null : Yii::getAlias('@imagesUrl/event/' . $this->banner); | |
114 | 148 | } |
115 | 149 | } | ... | ... |
1 | +<?php | |
2 | + | |
3 | +namespace common\models; | |
4 | + | |
5 | +use common\modules\product\models\Product; | |
6 | +use Yii; | |
7 | + | |
8 | +/** | |
9 | + * This is the model class for table "events_to_products". | |
10 | + * | |
11 | + * @property integer $events_to_products_id | |
12 | + * @property integer $event_id | |
13 | + * @property integer $product_id | |
14 | + * | |
15 | + * @property Event $event | |
16 | + * @property Product $product | |
17 | + */ | |
18 | +class EventsToProducts extends \yii\db\ActiveRecord | |
19 | +{ | |
20 | + /** | |
21 | + * @inheritdoc | |
22 | + */ | |
23 | + public static function tableName() | |
24 | + { | |
25 | + return 'events_to_products'; | |
26 | + } | |
27 | + | |
28 | + /** | |
29 | + * @inheritdoc | |
30 | + */ | |
31 | + public function rules() | |
32 | + { | |
33 | + return [ | |
34 | + [['event_id', 'product_id'], 'required'], | |
35 | + [['event_id', 'product_id'], 'integer'], | |
36 | + [['event_id'], 'exist', 'skipOnError' => true, 'targetClass' => Event::className(), 'targetAttribute' => ['event_id' => 'event_id']], | |
37 | + [['product_id'], 'exist', 'skipOnError' => true, 'targetClass' => Product::className(), 'targetAttribute' => ['product_id' => 'product_id']], | |
38 | + ]; | |
39 | + } | |
40 | + | |
41 | + /** | |
42 | + * @inheritdoc | |
43 | + */ | |
44 | + public function attributeLabels() | |
45 | + { | |
46 | + return [ | |
47 | + 'events_to_products_id' => 'Events To Products ID', | |
48 | + 'event_id' => 'Event ID', | |
49 | + 'product_id' => 'Product ID', | |
50 | + ]; | |
51 | + } | |
52 | + | |
53 | + /** | |
54 | + * @return \yii\db\ActiveQuery | |
55 | + */ | |
56 | + public function getEvent() | |
57 | + { | |
58 | + return $this->hasOne(Event::className(), ['event_id' => 'event_id']); | |
59 | + } | |
60 | + | |
61 | + /** | |
62 | + * @return \yii\db\ActiveQuery | |
63 | + */ | |
64 | + public function getProduct() | |
65 | + { | |
66 | + return $this->hasOne(Product::className(), ['product_id' => 'product_id']); | |
67 | + } | |
68 | +} | ... | ... |
common/models/SliderImage.php
... | ... | @@ -15,6 +15,7 @@ use Yii; |
15 | 15 | * @property string $url |
16 | 16 | * @property integer $status |
17 | 17 | * @property integer $sort |
18 | + * @property integer $end_at | |
18 | 19 | * |
19 | 20 | * @property Slider $slider |
20 | 21 | */ |
... | ... | @@ -35,11 +36,26 @@ class SliderImage extends \yii\db\ActiveRecord |
35 | 36 | { |
36 | 37 | return [ |
37 | 38 | [['slider_id', 'status', 'sort'], 'integer'], |
38 | - [['image', 'alt', 'title', 'url'], 'string', 'max' => 255], | |
39 | + [['image', 'alt', 'title', 'url','end_at'], 'string', 'max' => 255], | |
39 | 40 | [['slider_id'], 'exist', 'skipOnError' => true, 'targetClass' => Slider::className(), 'targetAttribute' => ['slider_id' => 'slider_id']], |
40 | 41 | ]; |
41 | 42 | } |
42 | 43 | |
44 | + | |
45 | + public function beforeSave($insert) | |
46 | + { | |
47 | + if (parent::beforeSave($insert)) { | |
48 | + | |
49 | + $this->end_at = !empty($this->end_at) ? strtotime($this->end_at) : ''; | |
50 | + return true; | |
51 | + } else { | |
52 | + return false; | |
53 | + } | |
54 | + } | |
55 | + | |
56 | + public function afterFind(){ | |
57 | + $this->end_at = !empty($this->end_at) ? date("Y-m-d", $this->end_at) : ''; | |
58 | + } | |
43 | 59 | /** |
44 | 60 | * @inheritdoc |
45 | 61 | */ |
... | ... | @@ -56,6 +72,16 @@ class SliderImage extends \yii\db\ActiveRecord |
56 | 72 | 'sort' => Yii::t('app', 'sort'), |
57 | 73 | ]; |
58 | 74 | } |
75 | + public function isActive(){ | |
76 | + if($this->status){ | |
77 | + | |
78 | + if(!empty($this->end_at) && (strtotime($this->end_at) <= strtotime(date("Y-m-d")))){ | |
79 | + return false; | |
80 | + } | |
81 | + return true; | |
82 | + } | |
83 | + return false; | |
84 | + } | |
59 | 85 | |
60 | 86 | /** |
61 | 87 | * @return \yii\db\ActiveQuery | ... | ... |
common/modules/product/models/Import.php
... | ... | @@ -2,6 +2,7 @@ |
2 | 2 | |
3 | 3 | namespace common\modules\product\models; |
4 | 4 | |
5 | +use common\models\EventsToProducts; | |
5 | 6 | use common\modules\product\helpers\ProductHelper; |
6 | 7 | use common\modules\product\models\Category; |
7 | 8 | use common\modules\product\models\CategoryName; |
... | ... | @@ -265,7 +266,7 @@ class Import extends Model { |
265 | 266 | // 5 Описание Рус |
266 | 267 | $product_body_ru = $data[4]; |
267 | 268 | |
268 | - // 6 Фильтр (['pol'='мужской']*['god' = '2013']*['volume'='25 л']*['size'='49 x 30 x 20см']*['composition'='600D полиэстер']) | |
269 | + // 6 Фильтр [god:2013-2014]*[pol:мужской]*[naznacenie-germo-beg:Для вещей]*[material-germo-bag:нет]*[value-germo-bag:нет]*[weight-germo-bag:нет]*[ipx-germo-bag:нет]*[in-pacage-bag:нет]*[size-germo-bag:нет]*[rekomend-germo-bag:нет] | |
269 | 270 | $filters = explode ('*', $data[5]); |
270 | 271 | |
271 | 272 | // 11 Цена акция |
... | ... | @@ -482,6 +483,35 @@ class Import extends Model { |
482 | 483 | return $result; |
483 | 484 | } |
484 | 485 | |
486 | + | |
487 | + public function goEvent($file) { | |
488 | + | |
489 | + set_time_limit(0); | |
490 | + | |
491 | + | |
492 | + $handle = fopen($file, 'r'); | |
493 | + | |
494 | + | |
495 | + while (($data = fgetcsv($handle, 1000, ";")) !== FALSE) { | |
496 | + if(isset($data[0]) && isset($data[1])){ | |
497 | + $product = ProductVariant::find()->where(['sku' => $data[1]])->joinWith('product')->one(); | |
498 | + if($product instanceof ProductVariant){ | |
499 | + $model= EventsToProducts::find()->where(['event_id' =>$data[0], 'product_id' => $product->product->product_id ])->one(); | |
500 | + if(!$model instanceof EventsToProducts){ | |
501 | + $model = new EventsToProducts; | |
502 | + $model->event_id = $data[0]; | |
503 | + $model->product_id = $product->product->product_id; | |
504 | + $model->save(); | |
505 | + } | |
506 | + } | |
507 | + } | |
508 | + | |
509 | + } | |
510 | + fclose($handle); | |
511 | + unlink($file); | |
512 | + | |
513 | + } | |
514 | + | |
485 | 515 | private function getProductsFile($file_type) { |
486 | 516 | $filename = Yii::getAlias('@uploadDir') .'/'. Yii::getAlias('@'. $file_type); |
487 | 517 | if (!is_file($filename)) { | ... | ... |
common/modules/product/models/Product.php
... | ... | @@ -3,6 +3,7 @@ |
3 | 3 | namespace common\modules\product\models; |
4 | 4 | |
5 | 5 | use common\behaviors\Slug; |
6 | +use common\models\Event; | |
6 | 7 | use common\models\ProductToRating; |
7 | 8 | use common\models\Share; |
8 | 9 | use common\modules\comment\models\CommentModel; |
... | ... | @@ -116,6 +117,17 @@ class Product extends \yii\db\ActiveRecord |
116 | 117 | ]; |
117 | 118 | } |
118 | 119 | |
120 | + | |
121 | + public function withEventBanner(){ | |
122 | + | |
123 | + } | |
124 | + | |
125 | + | |
126 | + | |
127 | + public function getEvents(){ | |
128 | + return $this->hasMany(Event::className(), ['event_id' => 'event_id'])->viaTable('events_to_products', ['product_id' => 'product_id']); | |
129 | + } | |
130 | + | |
119 | 131 | public function getUrl() { |
120 | 132 | return '/product/'. $this->alias; |
121 | 133 | } | ... | ... |
console/migrations/m160907_161750_event_add_status.php
0 → 100644
1 | +<?php | |
2 | + | |
3 | +use yii\db\Migration; | |
4 | + | |
5 | +class m160907_161750_event_add_status extends Migration | |
6 | +{ | |
7 | + public function up() | |
8 | + { | |
9 | + $this->addColumn('event', 'status', $this->boolean()->defaultValue(TRUE)); | |
10 | + } | |
11 | + | |
12 | + public function down() | |
13 | + { | |
14 | + $this->dropColumn('event', 'status'); | |
15 | + } | |
16 | + | |
17 | + /* | |
18 | + // Use safeUp/safeDown to run migration code within a transaction | |
19 | + public function safeUp() | |
20 | + { | |
21 | + } | |
22 | + | |
23 | + public function safeDown() | |
24 | + { | |
25 | + } | |
26 | + */ | |
27 | +} | ... | ... |
console/migrations/m160908_162057_add_banner_to_event.php
0 → 100644
1 | +<?php | |
2 | + | |
3 | +use yii\db\Migration; | |
4 | + | |
5 | +class m160908_162057_add_banner_to_event extends Migration | |
6 | +{ | |
7 | + public function up() | |
8 | + { | |
9 | + $this->addColumn('event', 'banner', $this->string()); | |
10 | + } | |
11 | + | |
12 | + public function down() | |
13 | + { | |
14 | + $this->dropColumn('event', 'banner'); | |
15 | + } | |
16 | + | |
17 | + /* | |
18 | + // Use safeUp/safeDown to run migration code within a transaction | |
19 | + public function safeUp() | |
20 | + { | |
21 | + } | |
22 | + | |
23 | + public function safeDown() | |
24 | + { | |
25 | + } | |
26 | + */ | |
27 | +} | ... | ... |
console/migrations/m160912_212751_slider_image_add_end_at.php
0 → 100644
1 | +<?php | |
2 | + | |
3 | +use yii\db\Migration; | |
4 | + | |
5 | +class m160912_212751_slider_image_add_end_at extends Migration | |
6 | +{ | |
7 | + public function up() | |
8 | + { | |
9 | + $this->addColumn('slider_image', 'end_at', $this->string()); | |
10 | + } | |
11 | + | |
12 | + public function down() | |
13 | + { | |
14 | + $this->dropColumn('slider_image', 'end_at'); | |
15 | + } | |
16 | + | |
17 | + /* | |
18 | + // Use safeUp/safeDown to run migration code within a transaction | |
19 | + public function safeUp() | |
20 | + { | |
21 | + } | |
22 | + | |
23 | + public function safeDown() | |
24 | + { | |
25 | + } | |
26 | + */ | |
27 | +} | ... | ... |
1 | +<?php | |
2 | +/** | |
3 | + * @link http://www.yiiframework.com/ | |
4 | + * @copyright Copyright (c) 2008 Yii Software LLC | |
5 | + * @license http://www.yiiframework.com/license/ | |
6 | + */ | |
7 | + | |
8 | +namespace frontend\assets; | |
9 | + | |
10 | +use yii\web\AssetBundle; | |
11 | + | |
12 | +/** | |
13 | + * @author Qiang Xue <qiang.xue@gmail.com> | |
14 | + * @since 2.0 | |
15 | + */ | |
16 | +class FlipclockAsset extends AssetBundle | |
17 | +{ | |
18 | + public $sourcePath = '@bower'; | |
19 | + public $css = [ | |
20 | + 'flipclock/compiled/flipclock.css' | |
21 | + ]; | |
22 | + public $js = [ | |
23 | + 'flipclock/compiled/flipclock.min.js' | |
24 | + ]; | |
25 | + public $jsOptions = array( | |
26 | + 'position' => \yii\web\View::POS_END | |
27 | + ); | |
28 | +} | ... | ... |
frontend/controllers/EventController.php
... | ... | @@ -29,8 +29,13 @@ class EventController extends Controller |
29 | 29 | public function actionShow($alias) |
30 | 30 | { |
31 | 31 | |
32 | + $model = $this->findModel($alias); | |
33 | + $productProvider = new ActiveDataProvider([ | |
34 | + 'query' => $model->getProducts(), | |
35 | + ]); | |
32 | 36 | return $this->render('show', [ |
33 | - 'model' => $this->findModel($alias), | |
37 | + 'productProvider' => $productProvider, | |
38 | + 'model' => $model, | |
34 | 39 | ]); |
35 | 40 | } |
36 | 41 | ... | ... |
frontend/views/catalog/product.php
... | ... | @@ -7,10 +7,12 @@ |
7 | 7 | // use common\modules\comment\widgets\CommentWidget; |
8 | 8 | use common\modules\comment\widgets\CommentWidget; |
9 | 9 | use common\modules\product\models\Category; |
10 | - use yii\web\View; | |
10 | +use yii\helpers\Html; | |
11 | +use yii\web\View; | |
11 | 12 | use yii\helpers\Url; |
12 | 13 | use frontend\widgets\Seo; |
13 | - | |
14 | +use frontend\assets\FlipclockAsset; | |
15 | +FlipclockAsset::register($this); | |
14 | 16 | $this->params[ 'seo' ][ 'key' ] = $category->categoryName->value; |
15 | 17 | $this->params[ 'seo' ][ 'fields' ][ 'name' ] = $product->fullname; |
16 | 18 | $this->params[ 'seo' ][ 'h1' ] = !empty( Seo::widget([ 'row' => 'h1' ]) ) ? Seo::widget([ 'row' => 'h1' ]) : $product->fullname; |
... | ... | @@ -232,6 +234,45 @@ |
232 | 234 | </div> |
233 | 235 | |
234 | 236 | <div class="productRightBar"> |
237 | + <?php foreach($product->events as $event):?> | |
238 | + <?php if(!empty($event->end_at) && $event->isActive()):?> | |
239 | + <div class="event_block"> | |
240 | + | |
241 | + <div class="event_title"> <?= Html::a('Акция!!! '.$event->name,Url::to(['event/show','alias'=>$event->alias,'id'=>$event->primaryKey]))?></div> | |
242 | + <div class="event_time">До конца осталось:</div> | |
243 | + <div class="clock_<?= $event->primaryKey ?> clock_product_first "></div> | |
244 | + <script type="text/javascript"> | |
245 | + var clock; | |
246 | + | |
247 | + $(document).ready(function() { | |
248 | + var clock; | |
249 | + | |
250 | + clock = $('.clock_<?= $event->primaryKey ?>').FlipClock({ | |
251 | + clockFace: 'DailyCounter', | |
252 | + language: 'ru', | |
253 | + classes: { | |
254 | + active: 'flip-clock-active', | |
255 | + before: 'flip-clock-before', | |
256 | + divider: 'flip-clock-divider', | |
257 | + dot: 'flip-clock-dot', | |
258 | + label: 'flip-clock-label', | |
259 | + flip: 'flip', | |
260 | + play: 'play', | |
261 | + wrapper: 'flip-clock-wrapper' | |
262 | + }, | |
263 | + }); | |
264 | + | |
265 | + clock.setTime(<?= strtotime($event->end_at) - strtotime(date("Y-m-d H:i:s"))?>); | |
266 | + clock.setCountdown(true); | |
267 | + clock.start(); | |
268 | + | |
269 | + }); | |
270 | + </script> | |
271 | + | |
272 | + </div> | |
273 | + <?php endif; ?> | |
274 | + <?php endforeach; ?> | |
275 | + | |
235 | 276 | <ul id="nav_product"> |
236 | 277 | <li><a href="#">Характеристики</a> |
237 | 278 | <div class="info"> |
... | ... | @@ -285,6 +326,14 @@ |
285 | 326 | <?php endforeach; ?> |
286 | 327 | </ul> |
287 | 328 | </div> |
329 | + <div class="events"> | |
330 | + <?php foreach($product->events as $event):?> | |
331 | + <?php if(!empty($event->banner) && $event->isActive()):?> | |
332 | + <?= Html::a(\common\components\artboximage\ArtboxImageHelper::getImage($event->bannerUrl, 'event_in_product'),Url::to(['event/show','alias'=>$event->alias,'id'=>$event->primaryKey]))?> | |
333 | + <?php endif; ?> | |
334 | + <?php endforeach; ?> | |
335 | + </div> | |
336 | + | |
288 | 337 | <div class="both"></div> |
289 | 338 | <div class="comment-wrapper" style="padding-bottom:25px"> |
290 | 339 | <?php | ... | ... |
frontend/views/event/_objects.php
... | ... | @@ -3,11 +3,56 @@ use yii\helpers\Html; |
3 | 3 | use frontend\helpers\TextHelper; |
4 | 4 | use yii\helpers\Url; |
5 | 5 | use frontend\components\Text; |
6 | +use frontend\assets\FlipclockAsset; | |
7 | +FlipclockAsset::register($this); | |
6 | 8 | ?> |
7 | 9 | <div class="news_item"> |
8 | - <a href="<?=Url::to(['event/show','alias'=>$model->alias,'id'=>$model->primaryKey])?>"> | |
9 | - <?= \common\components\artboximage\ArtboxImageHelper::getImage($model->imageUrl, 'eventlist', ['align' => 'left'])?> | |
10 | - </a> | |
11 | - <a href="<?=Url::to(['event/show','alias'=>$model->alias,'id'=>$model->primaryKey])?>" class="name"><?=$model->name?></a><br /> | |
12 | - <?=Text::getShort($model->body,600);?><div class="both"></div> | |
10 | + <div> | |
11 | + <a href="<?=Url::to(['event/show','alias'=>$model->alias,'id'=>$model->primaryKey])?>"> | |
12 | + <?= \common\components\artboximage\ArtboxImageHelper::getImage($model->imageUrl, 'event_left', ['align' => 'left'])?> | |
13 | + </a> | |
14 | + <?php | |
15 | + | |
16 | + if(!empty($model->end_at) && strtotime($model->end_at) > strtotime(date("Y-m-d"))){ | |
17 | + ?> | |
18 | + <div class="clock_style clock_<?= $model->primaryKey ?>"></div> | |
19 | + <script type="text/javascript"> | |
20 | + var clock; | |
21 | + | |
22 | + $(document).ready(function() { | |
23 | + var clock; | |
24 | + | |
25 | + clock = $('.clock_<?= $model->primaryKey ?>').FlipClock({ | |
26 | + clockFace: 'DailyCounter', | |
27 | + language: 'ru', | |
28 | + classes: { | |
29 | + active: 'flip-clock-active', | |
30 | + before: 'flip-clock-before', | |
31 | + divider: 'flip-clock-divider', | |
32 | + dot: 'flip-clock-dot', | |
33 | + label: 'flip-clock-label', | |
34 | + flip: 'flip', | |
35 | + play: 'play', | |
36 | + wrapper: 'flip-clock-wrapper' | |
37 | + }, | |
38 | + }); | |
39 | + | |
40 | + clock.setTime(<?= strtotime($model->end_at) - strtotime(date("Y-m-d H:i:s"))?>); | |
41 | + clock.setCountdown(true); | |
42 | + clock.start(); | |
43 | + | |
44 | + }); | |
45 | + </script> | |
46 | + | |
47 | + | |
48 | + <?php | |
49 | + } | |
50 | + | |
51 | + ?> | |
52 | + <div class="both"></div> | |
53 | + </div> | |
54 | + | |
55 | + <a href="<?=Url::to(['event/show','alias'=>$model->alias,'id'=>$model->primaryKey])?>" class="name"><?=$model->name?></a> | |
56 | + | |
57 | + | |
13 | 58 | </div> |
14 | 59 | \ No newline at end of file | ... | ... |
frontend/views/event/index.php
... | ... | @@ -27,11 +27,14 @@ $this->registerMetaTag(['name' => 'keywords', 'content' => 'Акции']); |
27 | 27 | <div class="content"> |
28 | 28 | <h1>Акции</h1> |
29 | 29 | <?php |
30 | - echo ListView::widget( [ | |
31 | - 'dataProvider' => $dataProvider, | |
32 | - 'itemView'=>'_objects', | |
33 | - 'summary'=>'' | |
34 | - ] ); | |
30 | + | |
31 | + foreach($dataProvider->models as $model){ | |
32 | + | |
33 | + if($model->isActive()){ | |
34 | + echo $this->render('_objects',['model' => $model]); | |
35 | + } | |
36 | + | |
37 | + } | |
35 | 38 | ?> |
36 | 39 | |
37 | 40 | <div class="both"></div> | ... | ... |
frontend/views/event/show.php
1 | 1 | <?php |
2 | +use frontend\assets\FlipclockAsset; | |
2 | 3 | use yii\helpers\Url; |
3 | 4 | use yii\widgets\Breadcrumbs; |
5 | +FlipclockAsset::register($this); | |
4 | 6 | ?> |
5 | 7 | <?php |
6 | 8 | $this->title = $model->name; |
... | ... | @@ -21,10 +23,65 @@ $this->title = $model->name; |
21 | 23 | |
22 | 24 | <div class="content"> |
23 | 25 | <h1><?=$model->name?></h1> |
26 | + <div style="position: relative"> | |
24 | 27 | <?php if($model->image){?> |
25 | - <?= \common\components\artboximage\ArtboxImageHelper::getImage($model->imageUrl, 'product_view', ['align' => 'left'])?> | |
28 | + <?= \common\components\artboximage\ArtboxImageHelper::getImage($model->imageUrl, 'event_left', ['align' => 'left'])?> | |
26 | 29 | <?php }?> |
30 | + | |
31 | + <?php | |
32 | + | |
33 | + if(!empty($model->end_at) && strtotime($model->end_at) > strtotime(date("Y-m-d"))){ | |
34 | + ?> | |
35 | + <div class="clock_style clock"></div> | |
36 | + <script type="text/javascript"> | |
37 | + var clock; | |
38 | + | |
39 | + $(document).ready(function() { | |
40 | + var clock; | |
41 | + | |
42 | + clock = $('.clock').FlipClock({ | |
43 | + clockFace: 'DailyCounter', | |
44 | + language: 'ru', | |
45 | + classes: { | |
46 | + active: 'flip-clock-active', | |
47 | + before: 'flip-clock-before', | |
48 | + divider: 'flip-clock-divider', | |
49 | + dot: 'flip-clock-dot', | |
50 | + label: 'flip-clock-label', | |
51 | + flip: 'flip', | |
52 | + play: 'play', | |
53 | + wrapper: 'flip-clock-wrapper' | |
54 | + }, | |
55 | + }); | |
56 | + | |
57 | + clock.setTime(<?= strtotime($model->end_at) - strtotime(date("Y-m-d H:i:s"))?>); | |
58 | + clock.setCountdown(true); | |
59 | + clock.start(); | |
60 | + | |
61 | + }); | |
62 | + </script> | |
63 | + | |
64 | + | |
65 | + <?php | |
66 | + } | |
67 | + | |
68 | + ?> | |
69 | + </div> | |
70 | + | |
27 | 71 | <?=$model->body?> |
28 | - </div> | |
29 | - | |
72 | + </div> | |
73 | + | |
74 | + | |
75 | + <div class="content"> | |
76 | + <div class="products pn"> | |
77 | + <ul> | |
78 | + <?php foreach($productProvider->models as $product) :?> | |
79 | + <?php if(!empty($product->enabledVariants) ):?> | |
80 | + <?= $this->render('../catalog/product_item', ['product' => $product])?> | |
81 | + <?php endif;?> | |
82 | + <?php endforeach?> | |
83 | + </ul> | |
84 | + </div> | |
85 | + </div> | |
86 | + | |
30 | 87 | </div> |
31 | 88 | \ No newline at end of file | ... | ... |
frontend/web/css/style.css
1 | -#call,a,nav.top a{color:#6a6a6a}.basket,.menu ul li a{text-transform:uppercase}.basket_item .info,.content,.content2{overflow:hidden}.pic a,.pic a img,.pixbox a,.pixbox img,ul.product_colors li a,ul.product_mod li a,ul.product_mod li img,ul.why_list li div{vertical-align:middle}body,form,html{padding:0;margin:0;font-family:Roboto;font-size:14px;color:#333;height:100%}h1,h2,h3{margin:0;padding:0 0 10px}.fl{float:left}.fotter .wrap .fr{float:right;width:180px;height:50px;position:relative;font-size:12px}.phone,.search,nav.top ul li{float:left}.fotter .wrap .fr img{position:absolute;top:50%;margin-top:-10px;right:0}.fotter .wrap .fl{line-height:50px;font-size:12px}.both{clear:both}h1{margin:10px 0;font-size:24px}h3{margin-bottom:30px}p{margin:3px 0;padding:0}a{font-size:14px;text-decoration:underline}#login,nav.top,nav.top ul li a{font-size:12px}#call,.menu ul li a,nav.top a{text-decoration:none}a:hover{color:#799920}.wrap{width:960px;margin:0 auto}.f{background:#fff}.br{-webkit-box-shadow:-1px 5px 14px 0 rgba(50,46,50,.46);-moz-box-shadow:-1px 5px 14px 0 rgba(50,46,50,.46);box-shadow:-1px 5px 14px 0 rgba(50,46,50,.46);padding:20px}nav.top{background:#f5f5f5;padding:10px 0;border-bottom:1px solid #d2d2d2}nav.top ul{list-style:none;margin:0;padding:0}#help,#login,nav.top ul li{padding-right:20px}#help{background:url(../img/help.png) right no-repeat}#help span,#login span{border-bottom:1px dotted #6a6a6a}#login{background:url(../img/login.png) right no-repeat}.search{margin:-5px 0 -5px 100px}nav input[type=text]{width:325px;outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0;font-size:14px;text-indent:10px}nav input[type=submit]{width:35px;height:29px;border:none;background:url(../img/lupa_sub.png) center no-repeat;margin-left:-35px;cursor:pointer}.header{margin:0 0 20px}.phone{position:relative;text-align:center}.phone .tel{font-size:23px}.phone .tel span.more{margin-bottom:3px}.more_block{background:#fff;border:1px solid #d2d2d2;padding:10px;position:absolute;font-size:20px;display:none;z-index:99}.more{background:url(../img/more.png) no-repeat;width:12px;height:7px;display:inline-block;cursor:pointer;margin-bottom:5px}.logo{margin:0 auto;width:193px;padding-top:22px}.logo a{display:block;width:193px;height:84px;background:url(../img/logo.png) no-repeat}.logo a span{display:none}#call{border-bottom:1px dotted #6a6a6a}.basket{float:right;position:relative;border:1px solid #d2d2d2;border-radius:5px;padding:15px 20px;font-size:18px}.basket .info{float:left;border-right:1px solid #d2d2d2;padding-right:10px;margin-right:17px}.basket .info span{color:#f75d50;font-size:22px}.basket a:link,.basket a:visited{text-decoration:none;color:#000;font-size:18px}.basket span.more{margin-bottom:-1px}.menu ul,.menu_childs ul{margin:0;list-style:none}.menu{background:#596065;border:1px solid #e8e8e8}.menu ul{padding:0}.menu ul li{float:left;border-left:1px solid #8b9094;height:43px}.menu ul li:first-child{border-left:none}.menu ul li a{width:100%;height:100%;line-height:43px;float:left;box-sizing:border-box;padding:0 19px;color:#fff;font-size:15px;font-weight:600}.menu_childs ul li a,.rubrics ul li a{font-weight:700;text-decoration:none;float:left;text-transform:uppercase}.menu ul li:hover{background:#3e454b}.menu ul li.active a{background:#f5f5f5;color:#596065}.menu ul li.active a:hover{cursor:default}.menu_childs{background:#f5f5f5;border:1px solid #e8e8e8;border-bottom:2px solid #596065}.menu_childs ul{padding:0}.menu_childs ul li{float:left}.menu_childs ul li a{padding:15px 23px;color:#596065;font-size:14px}.menu_childs ul li a:hover{color:#878b8e}.fr ul li{border:none}.akciya a{background:#f75d50;color:#fff}.brands a{background:#95ba2f;color:#fff}a.myorders{color:#f75d50}.sub{margin:2px 0 0}.sub img{float:left;margin-right:2px}.rubrics{margin:60px 0 0;padding-bottom:27px}.rubrics ul{list-style:none;margin:0;padding:0}.rubrics ul li{float:left;margin:0 35px}.rubrics ul li a{width:120px;padding-top:130px;text-align:center;color:#494949}.rubrics ul li.item_ryukzaki a{background:url(../img/ico1.png) no-repeat}.rubrics ul li.item_sumki a{background:url(../img/ico2.png) no-repeat}.rubrics ul li.item_chehly a{background:url(../img/ico3.png) no-repeat}.rubrics ul li.item_nesessery a{background:url(../img/ico4.png) no-repeat}.rubrics ul li.item_koshelki a{background:url(../img/ico5.png) no-repeat}.products{padding-bottom:30px;padding-top:20px}.products,.why_me_{border-top:1px solid #d2d2d2}.products ul{list-style:none;margin:0;padding:0}.products ul li.item{float:left;width:192px;margin:0 0 50px;text-align:center;position:relative}.products ul li a.name,.special-products a.name{display:block;color:#799920;font-size:15px;text-decoration:none;margin:15px 0 0;height:35px;overflow:hidden;box-sizing:border-box;padding:0 10px}.products ul li a.name:hover,.special-products a.name:hover{text-decoration:underline}.products ul li .info{text-align:left}a.more_map,h3,ul.product_colors li,ul.product_mod li{text-align:center}.pn{border:none}.cost,.product_read_price #cost{color:#f75d50;margin:0;padding:0}strike,strike span#old_cost{font-size:14px;color:#333}.checkout_basket button,.submit4,.submit4m,a.link_buy{background:#95ba2f;border-radius:4px;height:29px;text-transform:uppercase;color:#fff;text-decoration:none;font-weight:600;text-align:center;border-bottom:3px solid #799920;font-size:12px}.basket .submit4.bottom3,.submit4.bottom3{font-size:12px!important;display:block}.basket .submit4.bottom3{margin-top:10px}.checkout_basket button,a.link_buy{display:block;margin:0 auto 10px;width:122px;line-height:32px}.checkout_basket button,.submit4{margin:0;padding:0 20px;line-height:31px;width:auto;border-top:0;border-left:0;border-right:0;cursor:pointer}ul.mycarousel,ul.mycarousel li{margin:0;padding:0}.btn-primary:hover,.checkout_basket button:hover,.submit4:hover,.submit4m:hover,a.link_buy:hover{border-bottom:3px solid #95ba2f}.btn-primary:active,.checkout_basket button:active,.submit4:active,.submit4m:active,a.link_buy:active{background:#799920;border-bottom:3px solid #799920}.checkout_basket button:focus,.submit4:focus{outline:0}.mycarousel{position:absolute;right:22px;top:13px}ul.mycarousel{list-style:none}h3{text-transform:uppercase;font-size:20px}span.why{width:213px;background:url(../img/logo-why.png) no-repeat;margin:0 auto;padding:0 0 20px;height:29px;display:block}ul.why_list{list-style:none;margin:0;padding:0}ul.why_list li{float:left;margin-left:58px;width:288px;height:96px;box-sizing:border-box;padding-left:110px;margin-top:20px}ul.why_list li div{display:table-cell;height:96px}ul.why_list li span{font-weight:700;color:#799920}ul.why_list li.item1{background:url(../img/why_item1.png) left no-repeat}ul.why_list li.item2{background:url(../img/why_item2.png) left no-repeat}ul.why_list li.item3{background:url(../img/why_item3.png) left no-repeat}ul.why_list li.item4{background:url(../img/why_item4.png) left no-repeat}ul.why_list li.item5{background:url(../img/why_item5.png) left no-repeat}ul.why_list li.item6{background:url(../img/why_item6.png) left no-repeat}.banner_akciya{margin:50px 0}.bottom{background:#4d5458;padding:40px 0;color:#fff}.bottom .leftbar{float:left;width:210px}.bottom ul{list-style:none;margin:0;padding:0;line-height:23px}.bottom ul a{color:#fff;font-size:15px;text-decoration:none}.bottom ul a:hover{color:#799920}.phones{margin-top:50px;line-height:23px;font-size:18px}.map{padding:5px 0 5px 25px;background:url(../img/map.png) left no-repeat;margin-bottom:7px}a.more_map{color:#99a5ad;border-bottom:1px dotted #99a5ad;text-decoration:none;font-size:11px}.bread-crumbs{padding:0 0 0 20px;border-bottom:1px solid #d2d2d2;height:29px}.bread-crumbs ul{list-style:none;margin:0;padding:0;height:29px}.leftbar,.rightbar.basket_rightbar{margin-right:20px}.bread-crumbs ul li{float:left;padding-left:20px;height:100%;line-height:29px;color:#7d7d7d;position:relative;font-size:12px}* html .content,* html .content2{height:1%}.bread-crumbs ul li:first-child{padding-left:0}.bread-crumbs ul li a{font-size:12px;display:block;color:#7d7d7d}.bread-crumbs ul li a:link,.bread-crumbs ul li a:visited{color:#7d7d7d;text-decoration:underline}.bread-crumbs ul li a:hover{color:#464646;text-decoration:none}.breadcrumb>li+li:before{color:#ccc;content:"/";position:absolute;top:0;left:8px}.loyout{padding:20px 0}.leftbar{float:left;width:172px}.rightbar{float:right;width:380px;margin-left:40px}.rightbar2{float:right;width:320px}.filters{border-top:1px solid #d2d2d2;padding:20px 0 0;margin-top:20px}.filters .begin{text-transform:uppercase;font-weight:700;font-size:12px}.filters ul{list-style:none;margin:6px 0 0;padding:0;line-height:22px}.filters ul li{position:relative;box-sizing:border-box;padding-left:24px;line-height:16px;margin-top:7px}.filters ul li:first-child{margin-top:0}.filters ul li>input{position:absolute;left:4px;margin:0;top:3px}.filters ul li a{color:#464646;text-decoration:none;font-size:13px;line-height:16px}.filters ul li a:hover{text-decoration:underline}.productLeftBar{float:left;width:228px;margin-left:20px;margin-right:20px}.productRightBar{float:right;width:260px;margin:0 20px}.productLeftBar h1{font-size:24px;border-bottom:1px solid #d2d2d2;margin-bottom:10px}ul.product_mod{list-style:none;margin:10px 0 0;padding:0;float:left}ul.product_mod li{float:left;width:46px;height:46px;background:#fff;border:1px solid #d2d2d2;margin:5px 5px 0 0;position:relative}ul.product_mod li.active:before{width:48px;height:48px;position:absolute;content:'';background:0 0;border:2px solid #95ba2f;top:-1px;left:-1px;box-sizing:border-box}ul.product_mod li a{width:46px;height:46px;display:table-cell}ul.product_mod li a:focus{outline:0}ul.product_mod li img{max-width:46px;max-height:46px}ul.product_colors{list-style:none;margin:30px 0 0;padding:0;float:left}ul.product_colors li{float:left;margin:10px 10px 0 0;width:98px;height:98px;border:1px solid #d2d2d2}ul.product_colors li a{width:98px;height:98px;display:table-cell}ul.product_colors li img{max-width:98px;max-height:98px;vertical-align:middle}.productLeftBar .begin{text-transform:uppercase;font-weight:700;font-size:12px}.cost_box{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin:10px 0;padding:10px 0}.cost_box .w{float:left;margin-right:20px;padding-top:5px}.product_service ul{list-style:none;margin:0;padding:0}.product_service ul li a{color:#799920;text-decoration:none;border-bottom:1px dotted #799920;font-size:12px}.product_service ul li.item1{background:url(../img/li1.png) left no-repeat;padding:3px 23px}.product_service ul li.item2{background:url(../img/li2.png) left no-repeat;padding:3px 23px}.product_service ul li.item3{background:url(../img/li3.png) left no-repeat;padding:3px 23px}#nav_product{list-style:none;margin:0;padding:0;line-height:23px}#nav_product li a{background:url(../img/li_plus.png) left no-repeat;padding:3px 15px;color:#000;text-transform:uppercase;text-decoration:none;font-weight:700;font-size:12px}#nav_product li a.active{background:url(../img/li_minus.png) left no-repeat}#nav_product li .info{display:none;border-bottom:1px solid #d2d2d2;padding:10px 0;margin-bottom:10px}#nav_product li .info,#nav_product li .info p{font-size:12px;line-height:16px}.modal_box{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}#data_box{position:absolute;top:100px;z-index:1000;width:400px;background:#fff;-webkit-box-shadow:0 0 15px #000;-moz-box-shadow:0 0 15px #000;box-shadow:0 0 15px #000;border:7px solid #1b9bb6;border-radius:5px}#data_box .data_wrp hr,#data_box .data_wrp hr.hr{height:1px;border:none;color:#000;background:#000}#data_box .data_wrp{padding:25px 15px 15px}#data_box .data_wrp h1{text-transform:uppercase}#data_box .data_wrp hr{margin:45px 0 20px}#data_box .data_wrp hr.hr{margin:20px 0}#data_box .pic-tango{margin-right:7px;margin-bottom:7px}#modal_close{cursor:pointer;margin-top:-80px;margin-right:-50px}.rightbar .control-label,.textareagroup .control-label{float:left;width:80px;padding-top:5px}.form-control{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0;font-size:14px;text-indent:10px;margin-bottom:3px;width:250px}.form-control:focus{border:1px solid #1b9bb6;box-shadow:0 0 10px #1b9bb6;-webkit-box-shadow:0 0 10px #1b9bb6;-moz-box-shadow:0 0 10px #1b9bb6}.help-block{color:red;font-size:12px;margin-bottom:5px}.basket_item{padding:10px 0;border-bottom:1px solid #b7b7b7;clear:both}.basket_item img{margin-right:20px}.basket_item .count{margin:20px 0}.basket_item .fr{margin-top:13px}.basket_item>a{display:block;float:left}a.del:link,a.del:visited{background:url(../img/del.png) left center no-repeat;padding:2px 25px;font-size:12px;font-weight:400;color:#787878;text-decoration:underline}.btn-primary,.submit4m{background:#95ba2f;height:29px;line-height:29px}a.del:hover{color:#a52828;text-decoration:underline}.total{text-align:right;color:#87476a;font-size:20px;margin:10px 0}._form_checkbox_reset,.basket_item input,.basket_title_,.color_variants .variant,.compare,.content ul.pagination,.jcarousel-skin-tango .jcarousel-item,.lay_title .center,.orders_view .order,.pixbox,.price,.product p,.special-products .item,ul.brends_list li{text-align:center}.btn-primary,.submit4m,a.logout:link,a.logout:visited{color:#fff;cursor:pointer;text-transform:uppercase}.submit4m{font-family:Roboto;border:none;border-radius:4px;font-size:10px;width:102px;border-bottom:3px solid #799920}.submit4m:active,.submit4m:focus{outline:0}.btn-primary{border-bottom:3px solid #799920;border-top:0;border-right:0;border-left:0;margin-top:5px;padding:0 15px;border-radius:4px;text-decoration:none;font-size:12px;font-weight:700}.btn-primary:active,.btn-primary:focus{outline:0}a.logout:link,a.logout:visited{border:none;padding:3px 5px;background:#f75d50;border-radius:5px;text-decoration:none;font-size:11px;font-weight:400}.txtb1,.txtf,a.btn-success{font-size:14px}a.logout:hover{background:#95ba2f}.boy_box{border-bottom:1px solid #b7b7b7;padding:0 0 15px}.boy_box div{padding-top:10px}.content_product .info{padding:0 0 20px}a.btn-success{display:inline-block;border:2px solid #d8d6d6;color:#95ba2f;border-radius:5px;padding:5px;margin-bottom:10px;text-decoration:none}a.btn-success:hover{border:2px solid #95ba2f;color:#f75d50}.txtf,.txtfb{color:#87476a;font-weight:700}.txtb1{font-weight:700}.txtfb{font-size:20px}.count{margin:20px 0}.count input[type=number]{outline:0;width:50px;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0;font-size:14px;text-indent:10px;margin-bottom:7px}a.link2:link,a.link2:visited{font-size:14px;font-weight:700;color:#95ba2f;text-decoration:none}a.link2:hover{color:#f75d50;text-decoration:underline}.well{margin:50px auto;width:400px;background:#f5f5f5;border:1px solid #e8e8e8;padding:20px;border-radius:5px}.control-label{float:left;width:100px;padding-top:5px}#user-verifycode-image{display:block}.form-inline{display:inline}.form-inline .form-group{float:left;margin-right:10px}.form-inline .form-group select{width:100px}.form-group{margin-bottom:10px}.table-bordered{width:100%;border:1px solid silver}.table-bordered th{background:#B3D1FD;padding:5px}.table-bordered tr td{border:1px solid silver;padding:5px}.table-bordered .filters{display:none}.formCost label{float:left;width:30px}.pic,.pic a{width:392px;height:365px}ul.brends_list{list-style:none;margin:0;padding:0}ul.brends_list li{float:left;margin:0 15px 20px}.compare a:link,.compare a:visited{font-size:12px;text-decoration:underline}.alert-success{margin:10px 0;padding:10px;border:1px solid #3ed824;border-radius:5px;background:#c0feb5}#subscribe-sale,.news_item img{margin-right:20px}.news_item,.txts{margin-bottom:20px}.news_item{padding-bottom:20px;border-bottom:1px solid silver}.block_content .item,.borderbottom,.content ul.pagination{border-bottom:1px solid #d2d2d2}.news_item a{font-size:16px}.pic a{display:table-cell}.pic a img{max-width:392px;max-height:365px}input#subscribe-email::-webkit-input-placeholder{color:#596065}input#subscribe-email::-moz-placeholder{color:#596065}input#subscribe-email:-ms-input-placeholder{color:#596065}input#subscribe-sale::-webkit-input-placeholder{color:#596065}input#subscribe-sale::-moz-placeholder{color:#596065}input#subscribe-sale:-ms-input-placeholder{color:#596065}#subscribe-email,#subscribe-sale{color:#596065}#subscribe-sale{width:100px;float:left;height:28px}.saletxt{width:150px;float:left;color:#fff;font-size:12px}#subscribe-email{width:370px}.txts{color:#9da9b1;font-size:18px}.content ul.pagination{list-style:none;margin:0 0 16px;padding:0 0 20px}.content ul.pagination li{display:inline}.content ul.pagination li a{padding:3px;color:#82a02f;font-size:15px;margin:0;text-decoration:none}.footer .fl,.fotter a{font-size:12px}.content ul.pagination li a:hover{text-decoration:underline}.content ul.pagination li.active a{color:#333}.boxitem{height:318px}ul.social{margin-top:20px}.social{list-style:none;margin:10px;padding:0;height:48px}.social li{display:inline-block;margin-right:7px;padding-bottom:10px}.social li a{width:36px;height:36px;display:block;margin:0;padding:0;text-indent:-9999px;background:url(../img/social-ico-two.png) no-repeat #bcbcbc;border-radius:48px;-moz-border-radius:48px;-webkit-border-radius:48px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}.content2 br,.hide{display:none}.social .fb{background-position:-44px 0;cursor:pointer}.social .vk{cursor:pointer}.social .vk:hover{background-color:#5B7FA6}.social .fb:hover{background-color:#354f89}.social .gp{background-position:-132px 0;cursor:pointer}.social .gp:hover{background-color:#c72f21}.social .tw{background-position:-144px 0;cursor:pointer}.social .tw:hover{background-color:#6398c9}.social .ok{background-position:-89px 0;cursor:pointer}.social .ok:hover{background-color:#f88f15}.social ul li a:hover{background-color:#065baa}.socialbox{margin:10px 0}.fotter{background:#484f55;height:50px;color:#98a3ab}.fotter a{color:#98a3ab;line-height:50px;float:left}.view_products2{list-style:none;overflow:auto;height:400px}.view_products2 img{float:left;margin-right:20px}.view_products2 li{margin:10px 0}.pixbox{width:160px;margin:0 auto;height:200px;overflow:hidden}.form-order{background:#f5f5f5;padding:0 20px 20px}#order-delivery,#order-payment{float:right;width:280px}.delivery-data{margin-bottom:27px;position:relative;background:#95ba2f;display:none;border-radius:5px;float:left;box-sizing:border-box;padding:14px 20px;color:#fff;font-size:13px}.edit_menu a,.mycabinet a{color:#799920;text-decoration:none}.jcarousel-next-disabled,.jcarousel-prev-disabled{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.pixbox a{width:160px;height:200px;display:table-cell}.pixbox img{max-width:160px;max-height:200px}.pagination li.next.disabled span,.pagination li.prev.disabled span{display:none}.fr{float:right}.nobottom{border-bottom:none!important}.dotted a{border-bottom:1px dotted grey}.mycabinet{padding-left:20px;margin-top:20px}.mycabinet .begin{text-transform:uppercase;font-size:13px;font-weight:700;padding-bottom:15px}.mycabinet ul{margin:0;padding:0;list-style:none}.mycabinet ul li{padding-top:10px;padding-bottom:10px}.lay_title .uppercase{text-transform:uppercase}.lay_title{padding-top:15px;font-size:24px}.edit_menu,.user_data .data,.user_data .title,.user_data_editing .data,.user_data_editing .title{float:left;font-size:13px}.user_data{width:390px;border-right:1px solid #d2d2d2;float:left}.user_data .col{padding-bottom:35px}.user_data .col.last{padding-bottom:0}.user_data .title{text-transform:uppercase;font-weight:700;width:170px}.edit_menu{padding-left:60px}.edit_menu div{padding-bottom:20px}.edit_menu .dotted{border-bottom:1px dotted #799920}.user_edit_area{padding-top:30px}.user_data_editing{float:left}.inputs .col{padding-bottom:12px!important}.user_data_editing .col{padding-bottom:35px;width:432px}.user_data_editing .title{text-transform:uppercase;font-weight:700;width:170px}.user_data_editing .data{width:262px}.user_data_editing input[type=text]{padding:7px 10px;margin:-10px 0 0;border:1px solid #d2d2d2;border-radius:4px;font-size:12px;width:240px}#cancel,.user_data_editing .add{border-bottom:1px dotted #799920;color:#799920;text-decoration:none}.add_more{padding-bottom:24px;padding-left:170px}.delete{float:right}.delete_button{background:url(../img/ico_close.png) right no-repeat;width:16px;height:16px;float:right}.content_area{width:450px}#cancel{font-size:13px;float:left;margin-left:40px}.buttons{display:inline-flex;align-items:center}.favorites{background-color:#f5f5f5;padding:5px;font-size:14px}.favorites .fav_point{background-color:#fff;border:1px solid #d2d2d2;border-radius:3px;margin-top:5px;padding:10px 20px}.favorites .fav_point .left{float:left;padding-right:0;width:178px}.favorites .fav_point .right{float:right;padding-right:0;padding-left:0}.favorites .link{color:#799920;text-decoration:none;border-bottom:1px dotted #799920}.redtext{color:#f75d50}.greentext{color:#95ba2f}.hold .orders_view{display:none!important}.orders_view{width:680px;margin-top:13px;padding-top:13px;padding-bottom:5px;border-top:1px solid #d2d2d2;display:block}.orders_view .order{float:left;width:225px}.orders_view .order .order_price{color:#f75d50;font-weight:700;font-size:15px}.orders_view .order .order_price span{font-size:24px}.orders_view .order img{padding-bottom:22px}.orders_view .order .note{font-size:13px}.orders_view .order .note span{color:#f75d50}.basket_hovered{position:absolute;border:1px solid #d2d2d2;border-radius:5px;padding:15px 20px;background-color:#fff;right:-1px;margin-top:10px;width:640px;display:none;z-index:1111}.open .basket_hovered{display:block}.open,.open .basket_hovered{-moz-box-shadow:0 0 5px rgba(149,149,149,.75);-webkit-box-shadow:0 0 5px rgba(149,149,149,.75);box-shadow:0 0 5px rgba(149,149,149,.75)}.basket_hovered1:before{position:absolute;left:0;content:' ';width:100%;background-color:#fff;height:10px;top:45px;z-index:1112}.basket_item input{border:1px solid #d2d2d2;border-radius:4px;padding:9px;width:26px;font-size:18px;font-weight:700;background-color:#fff;color:#000;margin:7px}.minus,.plus{width:15px;height:15px;display:inline-block;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.minus{background:url(../img/minus.png) no-repeat}.plus{background:url(../img/plus.png) no-repeat}.black,.black:before{width:100%;height:100%}.basket_sum{padding-top:15px}.basket_sum .sum_text{font-size:15px;text-transform:none;float:right!important;padding-top:1px;margin-bottom:11px}.item_added_win h2,.left_block .begin,.note_prod,.title_spoiler,.uppercase,ul.product-special li div{text-transform:uppercase}.basket_sum .sum_text span{font-size:18px;color:#f75d50;font-weight:700}.basket_sum a{color:#fff!important;font-size:15px!important;float:right}.black{z-index:9999;position:absolute;display:block;padding-top:6%}.black:before{content:'';background-color:rgba(0,0,0,.5);position:fixed;top:0}.black.hidden{display:none}.black_close,.left_block .links li{display:inline-block;cursor:pointer}.black .item_added_win{background-color:#fff;width:640px;margin:auto;position:relative}.black_close{position:absolute;top:30px;right:30px;background:url(../img/ico_close2.png) no-repeat;width:22px;height:22px}.block_content{padding-left:20px;padding-right:20px}.item_added_win h2{text-align:center;padding:30px}.block_content .item{padding-top:20px;padding-bottom:20px}.w230{width:230px}.w260{width:260px}.w430{width:430px}.left_block .begin{font-size:13px;font-weight:700;padding-bottom:15px}.color_variants .variant{border:1px solid #d2d2d2;float:left;margin-right:5px;margin-bottom:5px}.variant:hover{cursor:pointer}.color_variants{margin-top:14px;margin-bottom:-5px}.color_variants .variant.active{width:44px;height:44px;border:2px solid #95ba2f}.color_variants .variant.active a{width:44px;height:44px}.tobasket{margin-top:20px;margin-bottom:20px}.tobasket:hover{color:#fff}.variant{width:46px;height:46px}.variant.active{width:44px;height:44px}.layout{margin-top:15px}.left_block{float:left}.right_block{float:right}.center_block{float:left;margin-left:23px}.left_block .links{margin-top:25px}.left_block .links li{list-style:none;padding-left:25px;height:20px}.left_block .links ul{margin:0;padding:0}.left_block .links a{font-size:13.5px;text-decoration:none;color:#8ba73e}.links .add_bookmarks{background:url(../img/ico_add_bookmark.png) center left no-repeat}.links .what_price{background:url(../img/ico_price.png) center left no-repeat}.links .add_compare{background:url(../img/ico_scales.png) center left no-repeat}.spoiler_one{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #d2d2d2}.spoiler_one .spoiler_content{margin-top:15px;font-size:13px}.spoiler_one .spoiler_content.hidden{display:none}.title_spoiler:hover{cursor:pointer}.title_spoiler{background:url(../img/ico_open.png) center left no-repeat;padding-left:17px;font-size:13px;color:#333;font-weight:700;text-decoration:none}.title_spoiler.closed{background:url(../img/ico_close3.png) center left no-repeat}.features{list-style:none;padding:0;margin:0;font-size:13px}.features a{font-size:13px;text-decoration:none;border-bottom:1px dotted #8ba73e;color:#8ba73e}.features li{padding-top:5px;padding-bottom:4px}.note_prod .blue,.note_prod .red,.note_prod .yellow{padding:5px 5px 5px 10px;float:left}.note_prod{width:225px;height:23px;overflow:hidden;border-radius:5px;display:table;font-size:11px;font-weight:700}.note_prod .blue:after,.note_prod .red:after,.note_prod .yellow:after{width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;top:-1px;margin-left:5px;content:''}.note_prod .one{z-index:999}.note_prod .two{z-index:998}.note_prod .blue{background-color:#42b9f6;position:relative}.note_prod .blue:after{border-left:5px solid #42b9f6;position:absolute}.note_prod .red{background-color:#f75d50;position:relative;color:#fff}.note_prod .red:after{border-left:5px solid #f75d50;position:absolute}.note_prod .yellow{background-color:#fbc665;position:relative}.note_prod .yellow:after{border-left:5px solid #fbc665;position:absolute}.products_block .product{float:left;width:190px;vertical-align:bottom}.product .image{height:225px;position:relative}.product .image img{position:absolute;bottom:0;left:15px}.price{font-size:18px;color:#f75d50;font-weight:700}.product{padding-bottom:30px;position:relative}.product p{font-size:15px;margin-top:15px}.left52{margin-left:52px}.product a{color:#fff}.mrg1{margin-top:25px;margin-bottom:15px}.products_martopbot{margin-top:60px;margin-bottom:100px}.cont_shop_but{display:table-cell;vertical-align:middle;padding:35px}.cont_shop{text-decoration:none;font-size:12px;border-bottom:1px dotted #799920;color:#799920}.icons{width:45px;height:50%;position:absolute;z-index:9;right:0;padding-top:25px;padding-right:15px}.icons a{width:44px;height:44px;float:left;border:1px solid #d2d2d2;margin-bottom:5px;background-color:#fff}a:hover{cursor:pointer}.basket_item .form-group{display:inline}.HOME_RIGHT,.sort_block,.sort_block ul,.sort_block ul li{display:inline-block}.basket.open:after{content:'';position:absolute;top:43px;width:100%;height:10px;background-color:#fff;left:0;z-index:9990}.basket_hovered .basket_sum{float:left}a.active{font-weight:700;text-decoration:underline}.HOME_RIGHT{vertical-align:top;margin-left:10px;position:absolute}#HOME_UNDER_SLIDER>div{display:inline-block;margin-right:3px;margin-top:3px}.sort_block ul{margin:0;padding:0}.special-products,.why_me_{padding-top:30px}.sort_block ul li{margin:0 .5em;list-style:none}.sort_block ul li a.asc:after,.sort_block ul li a.desc:after{display:block;width:5px;height:3px;position:absolute;top:50%;margin-top:-1px;right:-10px;content:'';background:url(../img/arrow_sort_asc_desc.png) no-repeat}.sort_block ul li a.asc:after{background-position:0 0}.sort_block ul li a.desc:after{background-position:0 -3px}.home_banner_up{margin-top:20px}.home_banner_up .HOME_RIGHT{display:block;float:right;position:static;margin-left:0}#HOME_SLIDER .jssorb03 .av,#HOME_SLIDER .jssorb03 div,#HOME_SLIDER .jssorb03 div:hover{width:6px;height:6px;border-radius:50%;line-height:6px;background:#fff;border:2px solid #fff;box-shadow:0 0 5px 0 rgba(54,54,54,.75)}#HOME_SLIDER .jssorb03 .av,#HOME_SLIDER .jssorb03 div.av:active,#HOME_SLIDER .jssorb03 div.av:hover{cursor:default;background:#95BA2F}.special-products .link_buy{margin-bottom:0}.special-products .item{margin-bottom:0!important}.why_me_{overflow:hidden;margin-bottom:60px}.why_me_ .why_list{width:1038px;margin-left:-58px}.seo_text p{margin:12px 0 0;font-size:13px!important;color:#333!important;font-family:Roboto!important}.seo_text p:first-child{margin-top:0}.product-special{position:absolute}.jcarousel-skin-tango .jcarousel-item{width:38px;height:38px;border:1px solid #d2d2d2;background:#fff}.jcarousel-skin-tango .jcarousel-item a{display:table-cell;width:38px;height:38px;vertical-align:middle}.mycarousel img{max-width:38px;max-height:38px;border:0;vertical-align:middle}.jcarousel-skin-tango .jcarousel-clip-vertical,.jcarousel-skin-tango .jcarousel-container-vertical{height:175px}.jcarousel-skin-tango .jcarousel-container-vertical{padding:0}.jcarousel-skin-tango .jcarousel-prev-vertical{top:-13px}.jcarousel-skin-tango .jcarousel-next-vertical{bottom:-13px}.jcarousel-skin-tango .jcarousel-next-vertical,.jcarousel-skin-tango .jcarousel-prev-vertical{left:0;width:42px;background-position:14px 0}.products.pn>ul,ul.product-special li{width:100%;float:left}.jcarousel-skin-tango .jcarousel-next-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-vertical:hover{background-position:14px 0;left:0}ul.product-special{position:absolute;top:0;left:16px}ul.product-special li div{color:#333;font-size:10px;font-weight:700;height:22px;line-height:24px;padding:0 9px;position:relative;border-top-left-radius:4px;border-bottom-left-radius:4px;margin-top:8px;float:left}ul.product-special li:first-child{margin-top:0}ul.product-special li.top div{background:#fbc665}ul.product-special li.top div:after{content:'';position:absolute;right:-19px;top:3px;border:11px solid transparent;border-top:5px solid #fbc665;transform:rotate(-90deg)}ul.product-special li.new div:after,ul.product-special li.promo div:after{content:'';position:absolute;right:-18px;top:2px;transform:rotate(-90deg)}ul.product-special li.new div{background:#42b9f6}ul.product-special li.new div:after{border:11px solid transparent;border-top:5px solid #42b9f6}ul.product-special li.promo div{background:#f75d50}ul.product-special li.promo div:after{border:11px solid transparent;border-top:5px solid #f75d50}.cost-block{margin-top:1px}.products.pn a.link_buy{margin-bottom:0}.products.pn{padding-bottom:0}.products.pn>ul{margin-bottom:-3px}._form_checkbox_reset,.sort_block,.sort_block ul li a{font-size:12px}.filter_accept_bloc{margin-top:13px;margin-bottom:0}._form_checkbox_reset{color:#6a6a6a;display:block;width:128px;height:28px;border:1px solid #d2d2d2;line-height:28px;border-radius:4px;text-decoration:none;margin:0 auto}.irs-max,.irs-min,.irs-slider:after{display:none}.footer-mail,input.custom-radio+label:hover{text-decoration:underline}._form_checkbox_reset:hover{border:1px solid #95ba2f;color:#6a6a6a}._form_checkbox_reset:active{border:1px solid #95ba2f;background:#95ba2f;color:#fff}.sort_block ul li a{color:#8fa951;position:relative}.sort_block ul li a:hover{color:#333}#HOME_SLIDER .jssora03l,#HOME_SLIDER .jssora03r{width:36px;height:340px;background:url(../img/new_arrows_.png) no-repeat}#HOME_SLIDER .jssora03l,#HOME_SLIDER .jssora03l:hover{background-position:0 50%;left:0;top:0}#HOME_SLIDER .jssora03r,#HOME_SLIDER .jssora03r:hover{background-position:-36px 50%;right:0;top:0}.loyout ._prd_spec-wr{margin-top:10px}.loyout .special-products:first-child{border-top:0;padding-top:0}.irs-slider{width:13px;height:13px;top:25px;border-radius:100%;box-shadow:none;border:1px solid #d2d2d2;background:#fff;background:-moz-linear-gradient(top,#fff 0,#ebebeb 100%);background:-webkit-linear-gradient(top,#fff 0,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0,#ebebeb 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 )}.irs-slider.state_hover,.irs-slider:hover{background:#fff}.irs-slider:before{content:"";position:absolute;width:5px;height:5px;z-index:2;border:1px solid #d2d2d2;border-radius:100%;background:#799920;top:3px;left:3px}.delivery-data:after,.irs-line:before,.owl-controls .owl-buttons div:before{content:''}.irs-bar{height:3px;top:30px}.irs-line{height:9px;background:#ebebeb;border:1px solid #d2d2d2;top:27px}.irs-line:before{width:166px;height:5px;position:absolute;top:2px;left:2px;background:#d2d2d2;border-radius:5px}.irs{height:49px}.price_filter.first_price_li{margin-top:8px}.product_read_ .w{width:110px;overflow:hidden;margin:0;padding-top:0;display:table-cell;vertical-align:middle;height:32px;float:none}.cont_shopping-wr,.field-orders-body .control-label,.field-orders-delivery .control-label,.field-orders-payment .control-label,.textareagroup .control-label{float:left;width:100%}.product_read_ .w .cost,.product_read_ .w strike{width:100%;float:left}.product_read_price .link_buy{width:118px;position:absolute;top:50%;right:0;margin:-16px 0 0}.product_read_price{position:relative;min-height:32px;margin-top:10px}.special-products.products h3{margin-bottom:10px}.special-products.products li.item{margin-top:30px}.productLeftBar .cost_box{border-top:0;padding:10px 0 0}.productLeftBar .product_mod{width:100%;float:left;border-bottom:1px solid #d2d2d2;padding-bottom:15px}.cont_shopping-wr{margin-top:10px}.cont_shopping-wr .cont_shopping{float:right}.cont_shopping{display:block!important;border-top:0!important;border-left:0!important;border-right:0!important;border-bottom:1px dashed #799920!important;color:#799920!important;margin:0!important;padding:0!important;font-size:12px!important;float:left;border-radius:0!important}.delivery-data .field-order-delivery-childs .control-label,.jcarousel-skin-tango>li,.owl-pagination,input.custom-check,input.custom-radio{display:none}.info.product-thumb-video{width:100%;height:100%}.info.product-thumb-video embed,.info.product-thumb-video iframe{width:100%!important;height:auto!important}.input-blocks,.input-blocks-wrapper{width:100%;float:left}.form-order .input-blocks-wrapper{margin-top:6px}.input-blocks label{font-size:13px;color:#333}.basket_input_2 label{height:30px;line-height:30px;float:left;width:70px!important;padding-top:0!important}.custom-input-2{width:100%;height:30px;outline:0;line-height:30px;padding-left:8px;margin-top:5px;background:#fff;border-radius:4px}.custom-area-2,.custom-input-2,.textareagroup textarea{border:1px solid #d2d2d2;box-sizing:border-box;font-size:13px;color:#636363}.custom-area-2,.textareagroup textarea{min-height:128px;max-height:128px;resize:none;width:100%;max-width:100%;outline:0;padding-left:8px;padding-top:8px;margin-top:8px}.basket_input_2 .custom-input-2{width:270px;float:right;margin-top:0}.custom-area-3:focus,.custom-input-2:focus,.textareagroup textarea:focus{box-shadow:1px 2px 2px 0 rgba(215,215,215,.75) inset;transition:.1s}.textareagroup textarea:focus{border:1px solid #d2d2d2}.radio_grp label.control-label,.textareagroup .control-label,.title_groups{font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:12px}.input-blocks-group{width:100%;float:left;border-bottom:1px solid #d2d2d2;padding-bottom:20px;margin-top:18px}.custom-form-buttons{width:100%;float:left}input.custom-check+label,input.custom-radio+label{font-size:13px;cursor:pointer;margin-left:6px}input.custom-radio+label span{width:16px;height:16px;background:url(../img/radio_new.png) no-repeat;float:left;transition:.2s;margin-top:1px}input.custom-radio:checked+label span,input.custom-radio:checked+label:hover span{background:url(../img/radio_new-active.png) no-repeat}.custom-form-buttons{margin-top:7px}.custom-form-buttons:first-child{margin-top:0}.checkout_basket{width:100%;float:left}.checkout_basket button{margin:0 auto}.input-blocks-wrapper .help-block{padding-left:71px;padding-top:4px;width:100%;float:left;box-sizing:border-box;margin-bottom:0}.cont_shop_but-wr{height:33px;margin-top:35px;padding-bottom:29px}.cont_shop_but-wr .cont_shop{margin-top:8px;float:left}.cont_shop_but-wr .submit4.bottom3{float:right}._qqq_ .params{font-size:12px}.activeShow{border-bottom:0!important}.delivery-data:after,.special-products{border-bottom:1px solid #d2d2d2}.delivery-data:after{width:100%;position:absolute;bottom:-27px;left:0}.img_ajax_basket img{margin-right:0!important;max-width:90px;max-height:90px;vertical-align:middle}#login-form{margin:50px auto 0}#bg{top:0!important;z-index:1!important}.bottom,.fotter,.top,.wrap{position:relative;z-index:2}.owl-controls .owl-buttons div{width:34px!important;height:50px!important;background:#596065!important;top:50%!important;margin:-25px 0 0!important;opacity:1!important;border-radius:0!important;padding:0!important;position:absolute}.owl-controls .owl-buttons div:hover{background:#acafb2!important;transition:.2s!important}.owl-controls .owl-buttons .owl-prev{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;left:-20px}.owl-controls .owl-buttons .owl-next{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;right:-20px}.owl-controls .owl-buttons div:before{position:absolute;width:8px;height:22px;background:url(../img/arrows_blocks.png) no-repeat;top:50%;margin-top:-11px;left:50%;margin-left:-4px}.owl-controls .owl-buttons .owl-prev:before{background-position:0 0}.owl-controls .owl-buttons .owl-next:before{background-position:-8px 0}.basket_input_2.required .control-label{position:relative}.basket_input_2.required .control-label:before{position:absolute;top:0;content:'*';color:#D60000;left:-11px;padding-top:2px}.float-left{float:left}.blog-show-img{padding-right:20px}.text_seo.hidden_seo{height:178px;overflow:hidden;position:relative}.text_seo.hidden_seo div{height:162px;overflow:hidden;position:relative}.text_seo.hidden_seo a{position:absolute;bottom:0;right:0;font-size:16px}.text_seo.hidden_seo div:before{content:'';display:block;position:absolute;bottom:0;right:0;left:0;height:120px;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%)}.checkout_basket button,.submit4,a.link_buy{font-size:15px}.cost,.product_read_price #cost{font-size:20px}.cost span,.cost span.valute,.product_read_price .valute{font-size:15px}.comment_display_block{height:35px}.basket{margin-top:34px!important}.header-time{float:right;margin-right:25px}.header-time table{border:0;padding:0;outline:0;height:129px}.header-time table td{font-size:14px;line-height:14px}.header-time table td span{font-size:16px}.header-time table table{height:auto}.header-time.footer_time{width:100%;float:left;margin-top:68px}.header-time.footer_time table td{vertical-align:top}.footer-mail{color:#99a5ad}.footer-mail:hover{color:#fff}.labels_block .labels_item{display:inline-block;width:49%}.article_comment_description{margin:-10px 0 10px}.article_list_comment{height:auto;margin:10px 0}.check_price{font-size:12px;color:#708090;margin:20px 0 10px;padding-bottom:10px;border-bottom:1px solid #d2d2d2}.product_rating_block{display:inline-block}.product_review_block{float:right}.product_review_block a{font-size:13px;text-decoration:none;border-bottom:1px dotted #799920}.artbox_comment_description{min-height:20px} | |
2 | 1 | \ No newline at end of file |
2 | +#call,a,nav.top a{color:#6a6a6a}.basket,.menu ul li a{text-transform:uppercase}.basket_item .info,.content,.content2{overflow:hidden}.pic a,.pic a img,.pixbox a,.pixbox img,ul.product_colors li a,ul.product_mod li a,ul.product_mod li img,ul.why_list li div{vertical-align:middle}body,form,html{padding:0;margin:0;font-family:Roboto;font-size:14px;color:#333;height:100%}h1,h2,h3{margin:0;padding:0 0 10px}.fl{float:left}.fotter .wrap .fr{float:right;width:180px;height:50px;position:relative;font-size:12px}.phone,.search,nav.top ul li{float:left}.fotter .wrap .fr img{position:absolute;top:50%;margin-top:-10px;right:0}.fotter .wrap .fl{line-height:50px;font-size:12px}.both{clear:both}h1{margin:10px 0;font-size:24px}h3{margin-bottom:30px}p{margin:3px 0;padding:0}a{font-size:14px;text-decoration:underline}#login,nav.top,nav.top ul li a{font-size:12px}#call,.menu ul li a,nav.top a{text-decoration:none}a:hover{color:#799920}.wrap{width:960px;margin:0 auto}.f{background:#fff}.br{-webkit-box-shadow:-1px 5px 14px 0 rgba(50,46,50,.46);-moz-box-shadow:-1px 5px 14px 0 rgba(50,46,50,.46);box-shadow:-1px 5px 14px 0 rgba(50,46,50,.46);padding:20px}nav.top{background:#f5f5f5;padding:10px 0;border-bottom:1px solid #d2d2d2}nav.top ul{list-style:none;margin:0;padding:0}#help,#login,nav.top ul li{padding-right:20px}#help{background:url(../img/help.png) right no-repeat}#help span,#login span{border-bottom:1px dotted #6a6a6a}#login{background:url(../img/login.png) right no-repeat}.search{margin:-5px 0 -5px 100px}nav input[type=text]{width:325px;outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0;font-size:14px;text-indent:10px}nav input[type=submit]{width:35px;height:29px;border:none;background:url(../img/lupa_sub.png) center no-repeat;margin-left:-35px;cursor:pointer}.header{margin:0 0 20px}.phone{position:relative;text-align:center}.phone .tel{font-size:23px}.phone .tel span.more{margin-bottom:3px}.more_block{background:#fff;border:1px solid #d2d2d2;padding:10px;position:absolute;font-size:20px;display:none;z-index:99}.more{background:url(../img/more.png) no-repeat;width:12px;height:7px;display:inline-block;cursor:pointer;margin-bottom:5px}.logo{margin:0 auto;width:193px;padding-top:22px}.logo a{display:block;width:193px;height:84px;background:url(../img/logo.png) no-repeat}.logo a span{display:none}#call{border-bottom:1px dotted #6a6a6a}.basket{float:right;position:relative;border:1px solid #d2d2d2;border-radius:5px;padding:15px 20px;font-size:18px}.basket .info{float:left;border-right:1px solid #d2d2d2;padding-right:10px;margin-right:17px}.basket .info span{color:#f75d50;font-size:22px}.basket a:link,.basket a:visited{text-decoration:none;color:#000;font-size:18px}.basket span.more{margin-bottom:-1px}.menu ul,.menu_childs ul{margin:0;list-style:none}.menu{background:#596065;border:1px solid #e8e8e8}.menu ul{padding:0}.menu ul li{float:left;border-left:1px solid #8b9094;height:43px}.menu ul li:first-child{border-left:none}.menu ul li a{width:100%;height:100%;line-height:43px;float:left;box-sizing:border-box;padding:0 19px;color:#fff;font-size:15px;font-weight:600}.menu_childs ul li a,.rubrics ul li a{font-weight:700;text-decoration:none;float:left;text-transform:uppercase}.menu ul li:hover{background:#3e454b}.menu ul li.active a{background:#f5f5f5;color:#596065}.menu ul li.active a:hover{cursor:default}.menu_childs{background:#f5f5f5;border:1px solid #e8e8e8;border-bottom:2px solid #596065}.menu_childs ul{padding:0}.menu_childs ul li{float:left}.menu_childs ul li a{padding:15px 23px;color:#596065;font-size:14px}.menu_childs ul li a:hover{color:#878b8e}.fr ul li{border:none}.akciya a{background:#f75d50;color:#fff}.brands a{background:#95ba2f;color:#fff}a.myorders{color:#f75d50}.sub{margin:2px 0 0}.sub img{float:left;margin-right:2px}.rubrics{margin:60px 0 0;padding-bottom:27px}.rubrics ul{list-style:none;margin:0;padding:0}.rubrics ul li{float:left;margin:0 35px}.rubrics ul li a{width:120px;padding-top:130px;text-align:center;color:#494949}.rubrics ul li.item_ryukzaki a{background:url(../img/ico1.png) no-repeat}.rubrics ul li.item_sumki a{background:url(../img/ico2.png) no-repeat}.rubrics ul li.item_chehly a{background:url(../img/ico3.png) no-repeat}.rubrics ul li.item_nesessery a{background:url(../img/ico4.png) no-repeat}.rubrics ul li.item_koshelki a{background:url(../img/ico5.png) no-repeat}.products{padding-bottom:30px;padding-top:20px}.products,.why_me_{border-top:1px solid #d2d2d2}.products ul{list-style:none;margin:0;padding:0}.products ul li.item{float:left;width:192px;margin:0 0 50px;text-align:center;position:relative}.products ul li a.name,.special-products a.name{display:block;color:#799920;font-size:15px;text-decoration:none;margin:15px 0 0;height:35px;overflow:hidden;box-sizing:border-box;padding:0 10px}.products ul li a.name:hover,.special-products a.name:hover{text-decoration:underline}.products ul li .info{text-align:left}a.more_map,h3,ul.product_colors li,ul.product_mod li{text-align:center}.pn{border:none}.cost,.product_read_price #cost{color:#f75d50;margin:0;padding:0}strike,strike span#old_cost{font-size:14px;color:#333}.checkout_basket button,.submit4,.submit4m,a.link_buy{background:#95ba2f;border-radius:4px;height:29px;text-transform:uppercase;color:#fff;text-decoration:none;font-weight:600;text-align:center;border-bottom:3px solid #799920;font-size:12px}.basket .submit4.bottom3,.submit4.bottom3{font-size:12px!important;display:block}.basket .submit4.bottom3{margin-top:10px}.checkout_basket button,a.link_buy{display:block;margin:0 auto 10px;width:122px;line-height:32px}.checkout_basket button,.submit4{margin:0;padding:0 20px;line-height:31px;width:auto;border-top:0;border-left:0;border-right:0;cursor:pointer}ul.mycarousel,ul.mycarousel li{margin:0;padding:0}.btn-primary:hover,.checkout_basket button:hover,.submit4:hover,.submit4m:hover,a.link_buy:hover{border-bottom:3px solid #95ba2f}.btn-primary:active,.checkout_basket button:active,.submit4:active,.submit4m:active,a.link_buy:active{background:#799920;border-bottom:3px solid #799920}.checkout_basket button:focus,.submit4:focus{outline:0}.mycarousel{position:absolute;right:22px;top:13px}ul.mycarousel{list-style:none}h3{text-transform:uppercase;font-size:20px}span.why{width:213px;background:url(../img/logo-why.png) no-repeat;margin:0 auto;padding:0 0 20px;height:29px;display:block}ul.why_list{list-style:none;margin:0;padding:0}ul.why_list li{float:left;margin-left:58px;width:288px;height:96px;box-sizing:border-box;padding-left:110px;margin-top:20px}ul.why_list li div{display:table-cell;height:96px}ul.why_list li span{font-weight:700;color:#799920}ul.why_list li.item1{background:url(../img/why_item1.png) left no-repeat}ul.why_list li.item2{background:url(../img/why_item2.png) left no-repeat}ul.why_list li.item3{background:url(../img/why_item3.png) left no-repeat}ul.why_list li.item4{background:url(../img/why_item4.png) left no-repeat}ul.why_list li.item5{background:url(../img/why_item5.png) left no-repeat}ul.why_list li.item6{background:url(../img/why_item6.png) left no-repeat}.banner_akciya{margin:50px 0}body>.bottom{background:#4d5458;padding:40px 0;color:#fff}body>.bottom .leftbar{float:left;width:210px}body>.bottom ul{list-style:none;margin:0;padding:0;line-height:23px}body>.bottom ul a{color:#fff;font-size:15px;text-decoration:none}body>.bottom ul a:hover{color:#799920}.phones{margin-top:50px;line-height:23px;font-size:18px}.map{padding:5px 0 5px 25px;background:url(../img/map.png) left no-repeat;margin-bottom:7px}a.more_map{color:#99a5ad;border-bottom:1px dotted #99a5ad;text-decoration:none;font-size:11px}.bread-crumbs{padding:0 0 0 20px;border-bottom:1px solid #d2d2d2;height:29px}.bread-crumbs ul{list-style:none;margin:0;padding:0;height:29px}.leftbar,.rightbar.basket_rightbar{margin-right:20px}.bread-crumbs ul li{float:left;padding-left:20px;height:100%;line-height:29px;color:#7d7d7d;position:relative;font-size:12px}* html .content,* html .content2{height:1%}.bread-crumbs ul li:first-child{padding-left:0}.bread-crumbs ul li a{font-size:12px;display:block;color:#7d7d7d}.bread-crumbs ul li a:link,.bread-crumbs ul li a:visited{color:#7d7d7d;text-decoration:underline}.bread-crumbs ul li a:hover{color:#464646;text-decoration:none}.breadcrumb>li+li:before{color:#ccc;content:"/";position:absolute;top:0;left:8px}.loyout{padding:20px 0}.leftbar{float:left;width:172px}.rightbar{float:right;width:380px;margin-left:40px}.rightbar2{float:right;width:320px}.filters{border-top:1px solid #d2d2d2;padding:20px 0 0;margin-top:20px}.filters .begin{text-transform:uppercase;font-weight:700;font-size:12px}.filters ul{list-style:none;margin:6px 0 0;padding:0;line-height:22px}.filters ul li{position:relative;box-sizing:border-box;padding-left:24px;line-height:16px;margin-top:7px}.filters ul li:first-child{margin-top:0}.filters ul li>input{position:absolute;left:4px;margin:0;top:3px}.filters ul li a{color:#464646;text-decoration:none;font-size:13px;line-height:16px}.filters ul li a:hover{text-decoration:underline}.productLeftBar{float:left;width:228px;margin-left:20px;margin-right:20px}.productRightBar{float:right;width:260px;margin:0 20px}.productLeftBar h1{font-size:24px;border-bottom:1px solid #d2d2d2;margin-bottom:10px}ul.product_mod{list-style:none;margin:10px 0 0;padding:0;float:left}ul.product_mod li{float:left;width:46px;height:46px;background:#fff;border:1px solid #d2d2d2;margin:5px 5px 0 0;position:relative}ul.product_mod li.active:before{width:48px;height:48px;position:absolute;content:'';background:0 0;border:2px solid #95ba2f;top:-1px;left:-1px;box-sizing:border-box}ul.product_mod li a{width:46px;height:46px;display:table-cell}ul.product_mod li a:focus{outline:0}ul.product_mod li img{max-width:46px;max-height:46px}ul.product_colors{list-style:none;margin:30px 0 0;padding:0;float:left}ul.product_colors li{float:left;margin:10px 10px 0 0;width:98px;height:98px;border:1px solid #d2d2d2}ul.product_colors li a{width:98px;height:98px;display:table-cell}ul.product_colors li img{max-width:98px;max-height:98px;vertical-align:middle}.productLeftBar .begin{text-transform:uppercase;font-weight:700;font-size:12px}.cost_box{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin:10px 0;padding:10px 0}.cost_box .w{float:left;margin-right:20px;padding-top:5px}.product_service ul{list-style:none;margin:0;padding:0}.product_service ul li a{color:#799920;text-decoration:none;border-bottom:1px dotted #799920;font-size:12px}.product_service ul li.item1{background:url(../img/li1.png) left no-repeat;padding:3px 23px}.product_service ul li.item2{background:url(../img/li2.png) left no-repeat;padding:3px 23px}.product_service ul li.item3{background:url(../img/li3.png) left no-repeat;padding:3px 23px}#nav_product{list-style:none;margin:0;padding:0;line-height:23px}#nav_product li a{background:url(../img/li_plus.png) left no-repeat;padding:3px 15px;color:#000;text-transform:uppercase;text-decoration:none;font-weight:700;font-size:12px}#nav_product li a.active{background:url(../img/li_minus.png) left no-repeat}#nav_product li .info{display:none;border-bottom:1px solid #d2d2d2;padding:10px 0;margin-bottom:10px}#nav_product li .info,#nav_product li .info p{font-size:12px;line-height:16px}.modal_box{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}#data_box{position:absolute;top:100px;z-index:1000;width:400px;background:#fff;-webkit-box-shadow:0 0 15px #000;-moz-box-shadow:0 0 15px #000;box-shadow:0 0 15px #000;border:7px solid #1b9bb6;border-radius:5px}#data_box .data_wrp hr,#data_box .data_wrp hr.hr{height:1px;border:none;color:#000;background:#000}#data_box .data_wrp{padding:25px 15px 15px}#data_box .data_wrp h1{text-transform:uppercase}#data_box .data_wrp hr{margin:45px 0 20px}#data_box .data_wrp hr.hr{margin:20px 0}#data_box .pic-tango{margin-right:7px;margin-bottom:7px}#modal_close{cursor:pointer;margin-top:-80px;margin-right:-50px}.rightbar .control-label,.textareagroup .control-label{float:left;width:80px;padding-top:5px}.form-control{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0;font-size:14px;text-indent:10px;margin-bottom:3px;width:250px}.form-control:focus{border:1px solid #1b9bb6;box-shadow:0 0 10px #1b9bb6;-webkit-box-shadow:0 0 10px #1b9bb6;-moz-box-shadow:0 0 10px #1b9bb6}.help-block{color:red;font-size:12px;margin-bottom:5px}.basket_item{padding:10px 0;border-bottom:1px solid #b7b7b7;clear:both}.basket_item img{margin-right:20px}.basket_item .count{margin:20px 0}.basket_item .fr{margin-top:13px}.basket_item>a{display:block;float:left}a.del:link,a.del:visited{background:url(../img/del.png) left center no-repeat;padding:2px 25px;font-size:12px;font-weight:400;color:#787878;text-decoration:underline}.btn-primary,.submit4m{background:#95ba2f;height:29px;line-height:29px}a.del:hover{color:#a52828;text-decoration:underline}.total{text-align:right;color:#87476a;font-size:20px;margin:10px 0}._form_checkbox_reset,.basket_item input,.basket_title_,.color_variants .variant,.compare,.content ul.pagination,.jcarousel-skin-tango .jcarousel-item,.lay_title .center,.orders_view .order,.pixbox,.price,.product p,.special-products .item,ul.brends_list li{text-align:center}.btn-primary,.submit4m,a.logout:link,a.logout:visited{color:#fff;cursor:pointer;text-transform:uppercase}.submit4m{font-family:Roboto;border:none;border-radius:4px;font-size:10px;width:102px;border-bottom:3px solid #799920}.submit4m:active,.submit4m:focus{outline:0}.btn-primary{border-bottom:3px solid #799920;border-top:0;border-right:0;border-left:0;margin-top:5px;padding:0 15px;border-radius:4px;text-decoration:none;font-size:12px;font-weight:700}.btn-primary:active,.btn-primary:focus{outline:0}a.logout:link,a.logout:visited{border:none;padding:3px 5px;background:#f75d50;border-radius:5px;text-decoration:none;font-size:11px;font-weight:400}.txtb1,.txtf,a.btn-success{font-size:14px}a.logout:hover{background:#95ba2f}.boy_box{border-bottom:1px solid #b7b7b7;padding:0 0 15px}.boy_box div{padding-top:10px}.content_product .info{padding:0 0 20px}a.btn-success{display:inline-block;border:2px solid #d8d6d6;color:#95ba2f;border-radius:5px;padding:5px;margin-bottom:10px;text-decoration:none}a.btn-success:hover{border:2px solid #95ba2f;color:#f75d50}.txtf,.txtfb{color:#87476a;font-weight:700}.txtb1{font-weight:700}.txtfb{font-size:20px}.count{margin:20px 0}.count input[type=number]{outline:0;width:50px;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0;font-size:14px;text-indent:10px;margin-bottom:7px}a.link2:link,a.link2:visited{font-size:14px;font-weight:700;color:#95ba2f;text-decoration:none}a.link2:hover{color:#f75d50;text-decoration:underline}.well{margin:50px auto;width:400px;background:#f5f5f5;border:1px solid #e8e8e8;padding:20px;border-radius:5px}.control-label{float:left;width:100px;padding-top:5px}#user-verifycode-image{display:block}.form-inline{display:inline}.form-inline .form-group{float:left;margin-right:10px}.form-inline .form-group select{width:100px}.form-group{margin-bottom:10px}.table-bordered{width:100%;border:1px solid silver}.table-bordered th{background:#B3D1FD;padding:5px}.table-bordered tr td{border:1px solid silver;padding:5px}.table-bordered .filters{display:none}.formCost label{float:left;width:30px}.pic,.pic a{width:392px;height:365px}ul.brends_list{list-style:none;margin:0;padding:0}ul.brends_list li{float:left;margin:0 15px 20px}.compare a:link,.compare a:visited{font-size:12px;text-decoration:underline}.alert-success{margin:10px 0;padding:10px;border:1px solid #3ed824;border-radius:5px;background:#c0feb5}#subscribe-sale,.news_item img{margin-right:20px}.news_item,.txts{margin-bottom:20px}.news_item{padding-bottom:20px;border-bottom:1px solid silver}.block_content .item,.borderbottom,.content ul.pagination{border-bottom:1px solid #d2d2d2}.news_item a{font-size:16px}.pic a{display:table-cell}.pic a img{max-width:392px;max-height:365px}input#subscribe-email::-webkit-input-placeholder{color:#596065}input#subscribe-email::-moz-placeholder{color:#596065}input#subscribe-email:-ms-input-placeholder{color:#596065}input#subscribe-sale::-webkit-input-placeholder{color:#596065}input#subscribe-sale::-moz-placeholder{color:#596065}input#subscribe-sale:-ms-input-placeholder{color:#596065}#subscribe-email,#subscribe-sale{color:#596065}#subscribe-sale{width:100px;float:left;height:28px}.saletxt{width:150px;float:left;color:#fff;font-size:12px}#subscribe-email{width:370px}.txts{color:#9da9b1;font-size:18px}.content ul.pagination{list-style:none;margin:0 0 16px;padding:0 0 20px}.content ul.pagination li{display:inline}.content ul.pagination li a{padding:3px;color:#82a02f;font-size:15px;margin:0;text-decoration:none}.footer .fl,.fotter a{font-size:12px}.content ul.pagination li a:hover{text-decoration:underline}.content ul.pagination li.active a{color:#333}.boxitem{height:318px}ul.social{margin-top:20px}.social{list-style:none;margin:10px;padding:0;height:48px}.social li{display:inline-block;margin-right:7px;padding-bottom:10px}.social li a{width:36px;height:36px;display:block;margin:0;padding:0;text-indent:-9999px;background:url(../img/social-ico-two.png) no-repeat #bcbcbc;border-radius:48px;-moz-border-radius:48px;-webkit-border-radius:48px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}.content2 br,.hide{display:none}.social .fb{background-position:-44px 0;cursor:pointer}.social .vk{cursor:pointer}.social .vk:hover{background-color:#5B7FA6}.social .fb:hover{background-color:#354f89}.social .gp{background-position:-132px 0;cursor:pointer}.social .gp:hover{background-color:#c72f21}.social .tw{background-position:-144px 0;cursor:pointer}.social .tw:hover{background-color:#6398c9}.social .ok{background-position:-89px 0;cursor:pointer}.social .ok:hover{background-color:#f88f15}.social ul li a:hover{background-color:#065baa}.socialbox{margin:10px 0}.fotter{background:#484f55;height:50px;color:#98a3ab}.fotter a{color:#98a3ab;line-height:50px;float:left}.view_products2{list-style:none;overflow:auto;height:400px}.view_products2 img{float:left;margin-right:20px}.view_products2 li{margin:10px 0}.pixbox{width:160px;margin:0 auto;height:200px;overflow:hidden}.form-order{background:#f5f5f5;padding:0 20px 20px}#order-delivery,#order-payment{float:right;width:280px}.delivery-data{margin-bottom:27px;position:relative;background:#95ba2f;display:none;border-radius:5px;float:left;box-sizing:border-box;padding:14px 20px;color:#fff;font-size:13px}.edit_menu a,.mycabinet a{color:#799920;text-decoration:none}.jcarousel-next-disabled,.jcarousel-prev-disabled{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}.pixbox a{width:160px;height:200px;display:table-cell}.pixbox img{max-width:160px;max-height:200px}.pagination li.next.disabled span,.pagination li.prev.disabled span{display:none}.fr{float:right}.nobottom{border-bottom:none!important}.dotted a{border-bottom:1px dotted grey}.mycabinet{padding-left:20px;margin-top:20px}.mycabinet .begin{text-transform:uppercase;font-size:13px;font-weight:700;padding-bottom:15px}.mycabinet ul{margin:0;padding:0;list-style:none}.mycabinet ul li{padding-top:10px;padding-bottom:10px}.lay_title .uppercase{text-transform:uppercase}.lay_title{padding-top:15px;font-size:24px}.edit_menu,.user_data .data,.user_data .title,.user_data_editing .data,.user_data_editing .title{float:left;font-size:13px}.user_data{width:390px;border-right:1px solid #d2d2d2;float:left}.user_data .col{padding-bottom:35px}.user_data .col.last{padding-bottom:0}.user_data .title{text-transform:uppercase;font-weight:700;width:170px}.edit_menu{padding-left:60px}.edit_menu div{padding-bottom:20px}.edit_menu .dotted{border-bottom:1px dotted #799920}.user_edit_area{padding-top:30px}.user_data_editing{float:left}.inputs .col{padding-bottom:12px!important}.user_data_editing .col{padding-bottom:35px;width:432px}.user_data_editing .title{text-transform:uppercase;font-weight:700;width:170px}.user_data_editing .data{width:262px}.user_data_editing input[type=text]{padding:7px 10px;margin:-10px 0 0;border:1px solid #d2d2d2;border-radius:4px;font-size:12px;width:240px}#cancel,.user_data_editing .add{border-bottom:1px dotted #799920;color:#799920;text-decoration:none}.add_more{padding-bottom:24px;padding-left:170px}.delete{float:right}.delete_button{background:url(../img/ico_close.png) right no-repeat;width:16px;height:16px;float:right}.content_area{width:450px}#cancel{font-size:13px;float:left;margin-left:40px}.buttons{display:inline-flex;align-items:center}.favorites{background-color:#f5f5f5;padding:5px;font-size:14px}.favorites .fav_point{background-color:#fff;border:1px solid #d2d2d2;border-radius:3px;margin-top:5px;padding:10px 20px}.favorites .fav_point .left{float:left;padding-right:0;width:178px}.favorites .fav_point .right{float:right;padding-right:0;padding-left:0}.favorites .link{color:#799920;text-decoration:none;border-bottom:1px dotted #799920}.redtext{color:#f75d50}.greentext{color:#95ba2f}.hold .orders_view{display:none!important}.orders_view{width:680px;margin-top:13px;padding-top:13px;padding-bottom:5px;border-top:1px solid #d2d2d2;display:block}.orders_view .order{float:left;width:225px}.orders_view .order .order_price{color:#f75d50;font-weight:700;font-size:15px}.orders_view .order .order_price span{font-size:24px}.orders_view .order img{padding-bottom:22px}.orders_view .order .note{font-size:13px}.orders_view .order .note span{color:#f75d50}.basket_hovered{position:absolute;border:1px solid #d2d2d2;border-radius:5px;padding:15px 20px;background-color:#fff;right:-1px;margin-top:10px;width:640px;display:none;z-index:1111}.open .basket_hovered{display:block}.open,.open .basket_hovered{-moz-box-shadow:0 0 5px rgba(149,149,149,.75);-webkit-box-shadow:0 0 5px rgba(149,149,149,.75);box-shadow:0 0 5px rgba(149,149,149,.75)}.basket_hovered1:before{position:absolute;left:0;content:' ';width:100%;background-color:#fff;height:10px;top:45px;z-index:1112}.basket_item input{border:1px solid #d2d2d2;border-radius:4px;padding:9px;width:26px;font-size:18px;font-weight:700;background-color:#fff;color:#000;margin:7px}.minus,.plus{width:15px;height:15px;display:inline-block;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.minus{background:url(../img/minus.png) no-repeat}.plus{background:url(../img/plus.png) no-repeat}.black,.black:before{width:100%;height:100%}.basket_sum{padding-top:15px}.basket_sum .sum_text{font-size:15px;text-transform:none;float:right!important;padding-top:1px;margin-bottom:11px}.item_added_win h2,.left_block .begin,.note_prod,.title_spoiler,.uppercase,ul.product-special li div{text-transform:uppercase}.basket_sum .sum_text span{font-size:18px;color:#f75d50;font-weight:700}.basket_sum a{color:#fff!important;font-size:15px!important;float:right}.black{z-index:9999;position:absolute;display:block;padding-top:6%}.black:before{content:'';background-color:rgba(0,0,0,.5);position:fixed;top:0}.black.hidden{display:none}.black_close,.left_block .links li{display:inline-block;cursor:pointer}.black .item_added_win{background-color:#fff;width:640px;margin:auto;position:relative}.black_close{position:absolute;top:30px;right:30px;background:url(../img/ico_close2.png) no-repeat;width:22px;height:22px}.block_content{padding-left:20px;padding-right:20px}.item_added_win h2{text-align:center;padding:30px}.block_content .item{padding-top:20px;padding-bottom:20px}.w230{width:230px}.w260{width:260px}.w430{width:430px}.left_block .begin{font-size:13px;font-weight:700;padding-bottom:15px}.color_variants .variant{border:1px solid #d2d2d2;float:left;margin-right:5px;margin-bottom:5px}.variant:hover{cursor:pointer}.color_variants{margin-top:14px;margin-bottom:-5px}.color_variants .variant.active{width:44px;height:44px;border:2px solid #95ba2f}.color_variants .variant.active a{width:44px;height:44px}.tobasket{margin-top:20px;margin-bottom:20px}.tobasket:hover{color:#fff}.variant{width:46px;height:46px}.variant.active{width:44px;height:44px}.layout{margin-top:15px}.left_block{float:left}.right_block{float:right}.center_block{float:left;margin-left:23px}.left_block .links{margin-top:25px}.left_block .links li{list-style:none;padding-left:25px;height:20px}.left_block .links ul{margin:0;padding:0}.left_block .links a{font-size:13.5px;text-decoration:none;color:#8ba73e}.links .add_bookmarks{background:url(../img/ico_add_bookmark.png) center left no-repeat}.links .what_price{background:url(../img/ico_price.png) center left no-repeat}.links .add_compare{background:url(../img/ico_scales.png) center left no-repeat}.spoiler_one{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #d2d2d2}.spoiler_one .spoiler_content{margin-top:15px;font-size:13px}.spoiler_one .spoiler_content.hidden{display:none}.title_spoiler:hover{cursor:pointer}.title_spoiler{background:url(../img/ico_open.png) center left no-repeat;padding-left:17px;font-size:13px;color:#333;font-weight:700;text-decoration:none}.title_spoiler.closed{background:url(../img/ico_close3.png) center left no-repeat}.features{list-style:none;padding:0;margin:0;font-size:13px}.features a{font-size:13px;text-decoration:none;border-bottom:1px dotted #8ba73e;color:#8ba73e}.features li{padding-top:5px;padding-bottom:4px}.note_prod .blue,.note_prod .red,.note_prod .yellow{padding:5px 5px 5px 10px;float:left}.note_prod{width:225px;height:23px;overflow:hidden;border-radius:5px;display:table;font-size:11px;font-weight:700}.note_prod .blue:after,.note_prod .red:after,.note_prod .yellow:after{width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;top:-1px;margin-left:5px;content:''}.note_prod .one{z-index:999}.note_prod .two{z-index:998}.note_prod .blue{background-color:#42b9f6;position:relative}.note_prod .blue:after{border-left:5px solid #42b9f6;position:absolute}.note_prod .red{background-color:#f75d50;position:relative;color:#fff}.note_prod .red:after{border-left:5px solid #f75d50;position:absolute}.note_prod .yellow{background-color:#fbc665;position:relative}.note_prod .yellow:after{border-left:5px solid #fbc665;position:absolute}.products_block .product{float:left;width:190px;vertical-align:bottom}.product .image{height:225px;position:relative}.product .image img{position:absolute;bottom:0;left:15px}.price{font-size:18px;color:#f75d50;font-weight:700}.product{padding-bottom:30px;position:relative}.product p{font-size:15px;margin-top:15px}.left52{margin-left:52px}.product a{color:#fff}.mrg1{margin-top:25px;margin-bottom:15px}.products_martopbot{margin-top:60px;margin-bottom:100px}.cont_shop_but{display:table-cell;vertical-align:middle;padding:35px}.cont_shop{text-decoration:none;font-size:12px;border-bottom:1px dotted #799920;color:#799920}.icons{width:45px;height:50%;position:absolute;z-index:9;right:0;padding-top:25px;padding-right:15px}.icons a{width:44px;height:44px;float:left;border:1px solid #d2d2d2;margin-bottom:5px;background-color:#fff}a:hover{cursor:pointer}.basket_item .form-group{display:inline}.HOME_RIGHT,.sort_block,.sort_block ul,.sort_block ul li{display:inline-block}.basket.open:after{content:'';position:absolute;top:43px;width:100%;height:10px;background-color:#fff;left:0;z-index:9990}.basket_hovered .basket_sum{float:left}a.active{font-weight:700;text-decoration:underline}.HOME_RIGHT{vertical-align:top;margin-left:10px;position:absolute}#HOME_UNDER_SLIDER>div{display:inline-block;margin-right:3px;margin-top:3px}.sort_block ul{margin:0;padding:0}.special-products,.why_me_{padding-top:30px}.sort_block ul li{margin:0 .5em;list-style:none}.sort_block ul li a.asc:after,.sort_block ul li a.desc:after{display:block;width:5px;height:3px;position:absolute;top:50%;margin-top:-1px;right:-10px;content:'';background:url(../img/arrow_sort_asc_desc.png) no-repeat}.sort_block ul li a.asc:after{background-position:0 0}.sort_block ul li a.desc:after{background-position:0 -3px}.home_banner_up{margin-top:20px}.home_banner_up .HOME_RIGHT{display:block;float:right;position:static;margin-left:0}#HOME_SLIDER .jssorb03 .av,#HOME_SLIDER .jssorb03 div,#HOME_SLIDER .jssorb03 div:hover{width:6px;height:6px;border-radius:50%;line-height:6px;background:#fff;border:2px solid #fff;box-shadow:0 0 5px 0 rgba(54,54,54,.75)}#HOME_SLIDER .jssorb03 .av,#HOME_SLIDER .jssorb03 div.av:active,#HOME_SLIDER .jssorb03 div.av:hover{cursor:default;background:#95BA2F}.special-products .link_buy{margin-bottom:0}.special-products .item{margin-bottom:0!important}.why_me_{overflow:hidden;margin-bottom:60px}.why_me_ .why_list{width:1038px;margin-left:-58px}.seo_text p{margin:12px 0 0;font-size:13px!important;color:#333!important;font-family:Roboto!important}.seo_text p:first-child{margin-top:0}.product-special{position:absolute}.jcarousel-skin-tango .jcarousel-item{width:38px;height:38px;border:1px solid #d2d2d2;background:#fff}.jcarousel-skin-tango .jcarousel-item a{display:table-cell;width:38px;height:38px;vertical-align:middle}.mycarousel img{max-width:38px;max-height:38px;border:0;vertical-align:middle}.jcarousel-skin-tango .jcarousel-clip-vertical,.jcarousel-skin-tango .jcarousel-container-vertical{height:175px}.jcarousel-skin-tango .jcarousel-container-vertical{padding:0}.jcarousel-skin-tango .jcarousel-prev-vertical{top:-13px}.jcarousel-skin-tango .jcarousel-next-vertical{bottom:-13px}.jcarousel-skin-tango .jcarousel-next-vertical,.jcarousel-skin-tango .jcarousel-prev-vertical{left:0;width:42px;background-position:14px 0}.products.pn>ul,ul.product-special li{width:100%;float:left}.jcarousel-skin-tango .jcarousel-next-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-vertical:hover{background-position:14px 0;left:0}ul.product-special{position:absolute;top:0;left:16px}ul.product-special li div{color:#333;font-size:10px;font-weight:700;height:22px;line-height:24px;padding:0 9px;position:relative;border-top-left-radius:4px;border-bottom-left-radius:4px;margin-top:8px;float:left}ul.product-special li:first-child{margin-top:0}ul.product-special li.top div{background:#fbc665}ul.product-special li.top div:after{content:'';position:absolute;right:-19px;top:3px;border:11px solid transparent;border-top:5px solid #fbc665;transform:rotate(-90deg)}ul.product-special li.new div:after,ul.product-special li.promo div:after{content:'';position:absolute;right:-18px;top:2px;transform:rotate(-90deg)}ul.product-special li.new div{background:#42b9f6}ul.product-special li.new div:after{border:11px solid transparent;border-top:5px solid #42b9f6}ul.product-special li.promo div{background:#f75d50}ul.product-special li.promo div:after{border:11px solid transparent;border-top:5px solid #f75d50}.cost-block{margin-top:1px}.products.pn a.link_buy{margin-bottom:0}.products.pn{padding-bottom:0}.products.pn>ul{margin-bottom:-3px}._form_checkbox_reset,.sort_block,.sort_block ul li a{font-size:12px}.filter_accept_bloc{margin-top:13px;margin-bottom:0}._form_checkbox_reset{color:#6a6a6a;display:block;width:128px;height:28px;border:1px solid #d2d2d2;line-height:28px;border-radius:4px;text-decoration:none;margin:0 auto}.irs-max,.irs-min,.irs-slider:after{display:none}.footer-mail,input.custom-radio+label:hover{text-decoration:underline}._form_checkbox_reset:hover{border:1px solid #95ba2f;color:#6a6a6a}._form_checkbox_reset:active{border:1px solid #95ba2f;background:#95ba2f;color:#fff}.sort_block ul li a{color:#8fa951;position:relative}.sort_block ul li a:hover{color:#333}#HOME_SLIDER .jssora03l,#HOME_SLIDER .jssora03r{width:36px;height:340px;background:url(../img/new_arrows_.png) no-repeat}#HOME_SLIDER .jssora03l,#HOME_SLIDER .jssora03l:hover{background-position:0 50%;left:0;top:0}#HOME_SLIDER .jssora03r,#HOME_SLIDER .jssora03r:hover{background-position:-36px 50%;right:0;top:0}.loyout ._prd_spec-wr{margin-top:10px}.loyout .special-products:first-child{border-top:0;padding-top:0}.irs-slider{width:13px;height:13px;top:25px;border-radius:100%;box-shadow:none;border:1px solid #d2d2d2;background:#fff;background:-moz-linear-gradient(top,#fff 0,#ebebeb 100%);background:-webkit-linear-gradient(top,#fff 0,#ebebeb 100%);background:linear-gradient(to bottom,#fff 0,#ebebeb 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#ebebeb',GradientType=0)}.irs-slider.state_hover,.irs-slider:hover{background:#fff}.irs-slider:before{content:"";position:absolute;width:5px;height:5px;z-index:2;border:1px solid #d2d2d2;border-radius:100%;background:#799920;top:3px;left:3px}.delivery-data:after,.irs-line:before,.owl-controls .owl-buttons div:before{content:''}.irs-bar{height:3px;top:30px}.irs-line{height:9px;background:#ebebeb;border:1px solid #d2d2d2;top:27px}.irs-line:before{width:166px;height:5px;position:absolute;top:2px;left:2px;background:#d2d2d2;border-radius:5px}.irs{height:49px}.price_filter.first_price_li{margin-top:8px}.product_read_ .w{width:110px;overflow:hidden;margin:0;padding-top:0;display:table-cell;vertical-align:middle;height:32px;float:none}.cont_shopping-wr,.field-orders-body .control-label,.field-orders-delivery .control-label,.field-orders-payment .control-label,.textareagroup .control-label{float:left;width:100%}.product_read_ .w .cost,.product_read_ .w strike{width:100%;float:left}.product_read_price .link_buy{width:118px;position:absolute;top:50%;right:0;margin:-16px 0 0}.product_read_price{position:relative;min-height:32px;margin-top:10px}.special-products.products h3{margin-bottom:10px}.special-products.products li.item{margin-top:30px}.productLeftBar .cost_box{border-top:0;padding:10px 0 0}.productLeftBar .product_mod{width:100%;float:left;border-bottom:1px solid #d2d2d2;padding-bottom:15px}.cont_shopping-wr{margin-top:10px}.cont_shopping-wr .cont_shopping{float:right}.cont_shopping{display:block!important;border-top:0!important;border-left:0!important;border-right:0!important;border-bottom:1px dashed #799920!important;color:#799920!important;margin:0!important;padding:0!important;font-size:12px!important;float:left;border-radius:0!important}.delivery-data .field-order-delivery-childs .control-label,.jcarousel-skin-tango>li,.owl-pagination,input.custom-check,input.custom-radio{display:none}.info.product-thumb-video{width:100%;height:100%}.info.product-thumb-video embed,.info.product-thumb-video iframe{width:100%!important;height:auto!important}.input-blocks,.input-blocks-wrapper{width:100%;float:left}.form-order .input-blocks-wrapper{margin-top:6px}.input-blocks label{font-size:13px;color:#333}.basket_input_2 label{height:30px;line-height:30px;float:left;width:70px!important;padding-top:0!important}.custom-input-2{width:100%;height:30px;outline:0;line-height:30px;padding-left:8px;margin-top:5px;background:#fff;border-radius:4px}.custom-area-2,.custom-input-2,.textareagroup textarea{border:1px solid #d2d2d2;box-sizing:border-box;font-size:13px;color:#636363}.custom-area-2,.textareagroup textarea{min-height:128px;max-height:128px;resize:none;width:100%;max-width:100%;outline:0;padding-left:8px;padding-top:8px;margin-top:8px}.basket_input_2 .custom-input-2{width:270px;float:right;margin-top:0}.custom-area-3:focus,.custom-input-2:focus,.textareagroup textarea:focus{box-shadow:1px 2px 2px 0 rgba(215,215,215,.75) inset;transition:.1s}.textareagroup textarea:focus{border:1px solid #d2d2d2}.radio_grp label.control-label,.textareagroup .control-label,.title_groups{font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:12px}.input-blocks-group{width:100%;float:left;border-bottom:1px solid #d2d2d2;padding-bottom:20px;margin-top:18px}.custom-form-buttons{width:100%;float:left}input.custom-check+label,input.custom-radio+label{font-size:13px;cursor:pointer;margin-left:6px}input.custom-radio+label span{width:16px;height:16px;background:url(../img/radio_new.png) no-repeat;float:left;transition:.2s;margin-top:1px}input.custom-radio:checked+label span,input.custom-radio:checked+label:hover span{background:url(../img/radio_new-active.png) no-repeat}.custom-form-buttons{margin-top:7px}.custom-form-buttons:first-child{margin-top:0}.checkout_basket{width:100%;float:left}.checkout_basket button{margin:0 auto}.input-blocks-wrapper .help-block{padding-left:71px;padding-top:4px;width:100%;float:left;box-sizing:border-box;margin-bottom:0}.cont_shop_but-wr{height:33px;margin-top:35px;padding-bottom:29px}.cont_shop_but-wr .cont_shop{margin-top:8px;float:left}.cont_shop_but-wr .submit4.bottom3{float:right}._qqq_ .params{font-size:12px}.activeShow{border-bottom:0!important}.delivery-data:after,.special-products{border-bottom:1px solid #d2d2d2}.delivery-data:after{width:100%;position:absolute;bottom:-27px;left:0}.img_ajax_basket img{margin-right:0!important;max-width:90px;max-height:90px;vertical-align:middle}#login-form{margin:50px auto 0}#bg{top:0!important;z-index:1!important}body>.bottom,body>.fotter,body>.top,body>.wrap{position:relative;z-index:2}.owl-controls .owl-buttons div{width:34px!important;height:50px!important;background:#596065!important;top:50%!important;margin:-25px 0 0!important;opacity:1!important;border-radius:0!important;padding:0!important;position:absolute}.owl-controls .owl-buttons div:hover{background:#acafb2!important;transition:.2s!important}.owl-controls .owl-buttons .owl-prev{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;left:-20px}.owl-controls .owl-buttons .owl-next{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;right:-20px}.owl-controls .owl-buttons div:before{position:absolute;width:8px;height:22px;background:url(../img/arrows_blocks.png) no-repeat;top:50%;margin-top:-11px;left:50%;margin-left:-4px}.owl-controls .owl-buttons .owl-prev:before{background-position:0 0}.owl-controls .owl-buttons .owl-next:before{background-position:-8px 0}.basket_input_2.required .control-label{position:relative}.basket_input_2.required .control-label:before{position:absolute;top:0;content:'*';color:#D60000;left:-11px;padding-top:2px}.float-left{float:left}.blog-show-img{padding-right:20px}.text_seo.hidden_seo{height:178px;overflow:hidden;position:relative}.text_seo.hidden_seo div{height:162px;overflow:hidden;position:relative}.text_seo.hidden_seo a{position:absolute;bottom:0;right:0;font-size:16px}.text_seo.hidden_seo div:before{content:'';display:block;position:absolute;bottom:0;right:0;left:0;height:120px;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%)}.checkout_basket button,.submit4,a.link_buy{font-size:15px}.cost,.product_read_price #cost{font-size:20px}.cost span,.cost span.valute,.product_read_price .valute{font-size:15px}.comment_display_block{height:35px}.basket{margin-top:34px!important}.header-time{float:right;margin-right:25px}.header-time table{border:0;padding:0;outline:0;height:129px}.header-time table td{font-size:14px;line-height:14px}.header-time table td span{font-size:16px}.header-time table table{height:auto}.header-time.footer_time{width:100%;float:left;margin-top:68px}.header-time.footer_time table td{vertical-align:top}.footer-mail{color:#99a5ad}.footer-mail:hover{color:#fff}.labels_block .labels_item{display:inline-block;width:49%}.article_comment_description{margin:-10px 0 10px}.article_list_comment{height:auto;margin:10px 0}.check_price{font-size:12px;color:#708090;margin:20px 0 10px;padding-bottom:10px;border-bottom:1px solid #d2d2d2}.product_rating_block{display:inline-block}.product_review_block{float:right}.product_review_block a{font-size:13px;text-decoration:none;border-bottom:1px dotted #799920}.artbox_comment_description{min-height:20px} | |
3 | +.flip-clock-wrapper ul{ | |
4 | + width: 40px; | |
5 | + height: 60px; | |
6 | +} | |
7 | + | |
8 | +.flip-clock-wrapper ul li{ | |
9 | + line-height: 60px; | |
10 | +} | |
11 | + | |
12 | +.flip-clock-wrapper ul li a div div.inn{ | |
13 | + font-size: 50px; | |
14 | +} | |
15 | + | |
16 | +.flip-clock-dot.top{ | |
17 | + top: 40px; | |
18 | +} | |
19 | +.flip-clock-dot.bottom{ | |
20 | + bottom: 40px; | |
21 | +} | |
22 | +.flip-clock-divider { | |
23 | + height: 70px; | |
24 | +} | |
25 | + | |
26 | +.events{ | |
27 | + margin-top: 20px; | |
28 | + margin-bottom: 20px; | |
29 | + | |
30 | +} | |
31 | +.events img{ | |
32 | + display: block; | |
33 | + margin: 0 auto; | |
34 | +} | |
35 | + | |
36 | +.news_item{ | |
37 | + position: relative; | |
38 | +} | |
39 | +.clock_style{ | |
40 | + position: absolute; | |
41 | + top:10px; | |
42 | + left: 10px; | |
43 | +} | |
44 | +.clock_style .flip-clock-label{ | |
45 | + right: -65px !important; | |
46 | +} | |
47 | +.event_block{ | |
48 | + position: relative; | |
49 | + width: 260px; | |
50 | + overflow: hidden; | |
51 | + border: 2px solid #799920; | |
52 | + padding: 5px; | |
53 | +} | |
54 | + | |
55 | +.event_block .flip-clock-wrapper{ | |
56 | + margin-top: 15px; | |
57 | + margin-left: 0px; | |
58 | +} | |
59 | +.event_block .flip-clock-wrapper ul{ | |
60 | + width: 27px; | |
61 | + height: 46px; | |
62 | + padding: 0; | |
63 | + margin: 1px; | |
64 | +} | |
65 | + | |
66 | +.event_block .event_title a{ | |
67 | + color: #799920; | |
68 | + font-size: 20px; | |
69 | + margin-bottom: 5px; | |
70 | +} | |
71 | +.event_block .flip-clock-label{ | |
72 | + right: -45px !important; | |
73 | +} | |
74 | + | |
75 | +.event_block .flip-clock-wrapper ul li a div div.inn{ | |
76 | + font-size: 40px; | |
77 | +} | |
78 | + | |
79 | + | |
80 | +.event_block .flip-clock-dot { | |
81 | + left: 2px; | |
82 | +} | |
83 | +.event_block .flip-clock-divider.hours, | |
84 | +.event_block .flip-clock-divider.minutes, | |
85 | +.event_block .flip-clock-divider.seconds{ | |
86 | + width: 9px; | |
87 | +} | |
88 | + | |
89 | +.event_block .flip-clock-dot{ | |
90 | + width: 6px; | |
91 | + height: 6px; | |
92 | +} | |
93 | + | |
94 | +.event_block .flip-clock-dot.top{ | |
95 | + top: 30px; | |
96 | +} | |
97 | +.event_block .flip-clock-dot.bottom{ | |
98 | + bottom: 50px; | |
99 | +} | |
100 | + | |
101 | +.event_block .flip-clock-wrapper ul li{ | |
102 | + line-height: 50px; | |
103 | +} | ... | ... |
frontend/web/css/style.dev.css
1 | -html,form, | |
2 | -body { | |
3 | - padding:0; | |
4 | - margin:0; | |
5 | - font-family: 'Roboto'; | |
6 | - font-size:14px;color:#333;height:100%; | |
7 | -} | |
8 | -h1,h2,h3{margin:0px;padding:0px 0px 10px 0px;} | |
9 | -.fl{float:left;} | |
10 | -.fotter .wrap .fr{float:right; width: 180px; height: 50px; position: relative;font-size: 12px;} | |
11 | -.fotter .wrap .fr img{position: absolute; top: 50%; margin-top: -10px; right: 0;} | |
12 | -.fotter .wrap .fl {line-height: 50px;font-size: 12px;} | |
13 | -.both{clear:both;} | |
14 | -h1{margin:10px 0;font-size:24px;} | |
15 | -h3{margin-bottom:30px;} | |
16 | -p{margin:3px 0px;padding:0px;} | |
17 | - | |
18 | -a{color:#6a6a6a;font-size:14px;text-decoration:underline;} | |
19 | -a:hover{color:#799920;} | |
1 | +#call, | |
2 | +a, | |
3 | +nav.top a { | |
4 | + color: #6a6a6a | |
5 | +} | |
6 | + | |
7 | +.basket, | |
8 | +.menu ul li a { | |
9 | + text-transform: uppercase | |
10 | +} | |
11 | + | |
12 | +.basket_item .info, | |
13 | +.content, | |
14 | +.content2 { | |
15 | + overflow: hidden | |
16 | +} | |
17 | + | |
18 | +.pic a, | |
19 | +.pic a img, | |
20 | +.pixbox a, | |
21 | +.pixbox img, | |
22 | +ul.product_colors li a, | |
23 | +ul.product_mod li a, | |
24 | +ul.product_mod li img, | |
25 | +ul.why_list li div { | |
26 | + vertical-align: middle | |
27 | +} | |
28 | + | |
29 | +body, | |
30 | +form, | |
31 | +html { | |
32 | + padding: 0; | |
33 | + margin: 0; | |
34 | + font-family: Roboto; | |
35 | + font-size: 14px; | |
36 | + color: #333; | |
37 | + height: 100% | |
38 | +} | |
39 | + | |
40 | +h1, | |
41 | +h2, | |
42 | +h3 { | |
43 | + margin: 0; | |
44 | + padding: 0 0 10px | |
45 | +} | |
46 | + | |
47 | +.fl { | |
48 | + float: left | |
49 | +} | |
50 | + | |
51 | +.fotter .wrap .fr { | |
52 | + float: right; | |
53 | + width: 180px; | |
54 | + height: 50px; | |
55 | + position: relative; | |
56 | + font-size: 12px | |
57 | +} | |
58 | + | |
59 | +.phone, | |
60 | +.search, | |
61 | +nav.top ul li { | |
62 | + float: left | |
63 | +} | |
64 | + | |
65 | +.fotter .wrap .fr img { | |
66 | + position: absolute; | |
67 | + top: 50%; | |
68 | + margin-top: -10px; | |
69 | + right: 0 | |
70 | +} | |
71 | + | |
72 | +.fotter .wrap .fl { | |
73 | + line-height: 50px; | |
74 | + font-size: 12px | |
75 | +} | |
76 | + | |
77 | +.both { | |
78 | + clear: both | |
79 | +} | |
80 | + | |
81 | +h1 { | |
82 | + margin: 10px 0; | |
83 | + font-size: 24px | |
84 | +} | |
85 | + | |
86 | +h3 { | |
87 | + margin-bottom: 30px | |
88 | +} | |
89 | + | |
90 | +p { | |
91 | + margin: 3px 0; | |
92 | + padding: 0 | |
93 | +} | |
94 | + | |
95 | +a { | |
96 | + font-size: 14px; | |
97 | + text-decoration: underline | |
98 | +} | |
99 | + | |
100 | +#login, | |
101 | +nav.top, | |
102 | +nav.top ul li a { | |
103 | + font-size: 12px | |
104 | +} | |
105 | + | |
106 | +#call, | |
107 | +.menu ul li a, | |
108 | +nav.top a { | |
109 | + text-decoration: none | |
110 | +} | |
111 | + | |
112 | +a:hover { | |
113 | + color: #799920 | |
114 | +} | |
115 | + | |
116 | +.wrap { | |
117 | + width: 960px; | |
118 | + margin: 0 auto | |
119 | +} | |
120 | + | |
121 | +.f { | |
122 | + background: #fff | |
123 | +} | |
124 | + | |
125 | +.br { | |
126 | + -webkit-box-shadow: -1px 5px 14px 0 rgba(50, 46, 50, .46); | |
127 | + -moz-box-shadow: -1px 5px 14px 0 rgba(50, 46, 50, .46); | |
128 | + box-shadow: -1px 5px 14px 0 rgba(50, 46, 50, .46); | |
129 | + padding: 20px | |
130 | +} | |
131 | + | |
132 | +nav.top { | |
133 | + background: #f5f5f5; | |
134 | + padding: 10px 0; | |
135 | + border-bottom: 1px solid #d2d2d2 | |
136 | +} | |
137 | + | |
138 | +nav.top ul { | |
139 | + list-style: none; | |
140 | + margin: 0; | |
141 | + padding: 0 | |
142 | +} | |
143 | + | |
144 | +#help, | |
145 | +#login, | |
146 | +nav.top ul li { | |
147 | + padding-right: 20px | |
148 | +} | |
149 | + | |
150 | +#help { | |
151 | + background: url(../img/help.png) right no-repeat | |
152 | +} | |
153 | + | |
154 | +#help span, | |
155 | +#login span { | |
156 | + border-bottom: 1px dotted #6a6a6a | |
157 | +} | |
158 | + | |
159 | +#login { | |
160 | + background: url(../img/login.png) right no-repeat | |
161 | +} | |
162 | + | |
163 | +.search { | |
164 | + margin: -5px 0 -5px 100px | |
165 | +} | |
166 | + | |
167 | +nav input[type=text] { | |
168 | + width: 325px; | |
169 | + outline: 0; | |
170 | + border: 1px solid #d8d6d6; | |
171 | + border-radius: 5px; | |
172 | + padding: 5px 0; | |
173 | + font-size: 14px; | |
174 | + text-indent: 10px | |
175 | +} | |
176 | + | |
177 | +nav input[type=submit] { | |
178 | + width: 35px; | |
179 | + height: 29px; | |
180 | + border: none; | |
181 | + background: url(../img/lupa_sub.png) center no-repeat; | |
182 | + margin-left: -35px; | |
183 | + cursor: pointer | |
184 | +} | |
185 | + | |
186 | +.header { | |
187 | + margin: 0 0 20px | |
188 | +} | |
189 | + | |
190 | +.phone { | |
191 | + position: relative; | |
192 | + text-align: center | |
193 | +} | |
194 | + | |
195 | +.phone .tel { | |
196 | + font-size: 23px | |
197 | +} | |
198 | + | |
199 | +.phone .tel span.more { | |
200 | + margin-bottom: 3px | |
201 | +} | |
202 | + | |
203 | +.more_block { | |
204 | + background: #fff; | |
205 | + border: 1px solid #d2d2d2; | |
206 | + padding: 10px; | |
207 | + position: absolute; | |
208 | + font-size: 20px; | |
209 | + display: none; | |
210 | + z-index: 99 | |
211 | +} | |
212 | + | |
213 | +.more { | |
214 | + background: url(../img/more.png) no-repeat; | |
215 | + width: 12px; | |
216 | + height: 7px; | |
217 | + display: inline-block; | |
218 | + cursor: pointer; | |
219 | + margin-bottom: 5px | |
220 | +} | |
221 | + | |
222 | +.logo { | |
223 | + margin: 0 auto; | |
224 | + width: 193px; | |
225 | + padding-top: 22px | |
226 | +} | |
227 | + | |
228 | +.logo a { | |
229 | + display: block; | |
230 | + width: 193px; | |
231 | + height: 84px; | |
232 | + background: url(../img/logo.png) no-repeat | |
233 | +} | |
234 | + | |
235 | +.logo a span { | |
236 | + display: none | |
237 | +} | |
238 | + | |
239 | +#call { | |
240 | + border-bottom: 1px dotted #6a6a6a | |
241 | +} | |
242 | + | |
243 | +.basket { | |
244 | + float: right; | |
245 | + position: relative; | |
246 | + border: 1px solid #d2d2d2; | |
247 | + border-radius: 5px; | |
248 | + padding: 15px 20px; | |
249 | + font-size: 18px | |
250 | +} | |
251 | + | |
252 | +.basket .info { | |
253 | + float: left; | |
254 | + border-right: 1px solid #d2d2d2; | |
255 | + padding-right: 10px; | |
256 | + margin-right: 17px | |
257 | +} | |
258 | + | |
259 | +.basket .info span { | |
260 | + color: #f75d50; | |
261 | + font-size: 22px | |
262 | +} | |
263 | + | |
264 | +.basket a:link, | |
265 | +.basket a:visited { | |
266 | + text-decoration: none; | |
267 | + color: #000; | |
268 | + font-size: 18px | |
269 | +} | |
270 | + | |
271 | +.basket span.more { | |
272 | + margin-bottom: -1px | |
273 | +} | |
274 | + | |
275 | +.menu ul, | |
276 | +.menu_childs ul { | |
277 | + margin: 0; | |
278 | + list-style: none | |
279 | +} | |
280 | + | |
281 | +.menu { | |
282 | + background: #596065; | |
283 | + border: 1px solid #e8e8e8 | |
284 | +} | |
285 | + | |
286 | +.menu ul { | |
287 | + padding: 0 | |
288 | +} | |
289 | + | |
290 | +.menu ul li { | |
291 | + float: left; | |
292 | + border-left: 1px solid #8b9094; | |
293 | + height: 43px | |
294 | +} | |
295 | + | |
296 | +.menu ul li:first-child { | |
297 | + border-left: none | |
298 | +} | |
299 | + | |
300 | +.menu ul li a { | |
301 | + width: 100%; | |
302 | + height: 100%; | |
303 | + line-height: 43px; | |
304 | + float: left; | |
305 | + box-sizing: border-box; | |
306 | + padding: 0 19px; | |
307 | + color: #fff; | |
308 | + font-size: 15px; | |
309 | + font-weight: 600 | |
310 | +} | |
311 | + | |
312 | +.menu_childs ul li a, | |
313 | +.rubrics ul li a { | |
314 | + font-weight: 700; | |
315 | + text-decoration: none; | |
316 | + float: left; | |
317 | + text-transform: uppercase | |
318 | +} | |
319 | + | |
320 | +.menu ul li:hover { | |
321 | + background: #3e454b | |
322 | +} | |
323 | + | |
324 | +.menu ul li.active a { | |
325 | + background: #f5f5f5; | |
326 | + color: #596065 | |
327 | +} | |
328 | + | |
329 | +.menu ul li.active a:hover { | |
330 | + cursor: default | |
331 | +} | |
332 | + | |
333 | +.menu_childs { | |
334 | + background: #f5f5f5; | |
335 | + border: 1px solid #e8e8e8; | |
336 | + border-bottom: 2px solid #596065 | |
337 | +} | |
338 | + | |
339 | +.menu_childs ul { | |
340 | + padding: 0 | |
341 | +} | |
342 | + | |
343 | +.menu_childs ul li { | |
344 | + float: left | |
345 | +} | |
346 | + | |
347 | +.menu_childs ul li a { | |
348 | + padding: 15px 23px; | |
349 | + color: #596065; | |
350 | + font-size: 14px | |
351 | +} | |
352 | + | |
353 | +.menu_childs ul li a:hover { | |
354 | + color: #878b8e | |
355 | +} | |
356 | + | |
357 | +.fr ul li { | |
358 | + border: none | |
359 | +} | |
360 | + | |
361 | +.akciya a { | |
362 | + background: #f75d50; | |
363 | + color: #fff | |
364 | +} | |
365 | + | |
366 | +.brands a { | |
367 | + background: #95ba2f; | |
368 | + color: #fff | |
369 | +} | |
370 | + | |
371 | +a.myorders { | |
372 | + color: #f75d50 | |
373 | +} | |
374 | + | |
375 | +.sub { | |
376 | + margin: 2px 0 0 | |
377 | +} | |
378 | + | |
379 | +.sub img { | |
380 | + float: left; | |
381 | + margin-right: 2px | |
382 | +} | |
383 | + | |
384 | +.rubrics { | |
385 | + margin: 60px 0 0; | |
386 | + padding-bottom: 27px | |
387 | +} | |
388 | + | |
389 | +.rubrics ul { | |
390 | + list-style: none; | |
391 | + margin: 0; | |
392 | + padding: 0 | |
393 | +} | |
394 | + | |
395 | +.rubrics ul li { | |
396 | + float: left; | |
397 | + margin: 0 35px | |
398 | +} | |
399 | + | |
400 | +.rubrics ul li a { | |
401 | + width: 120px; | |
402 | + padding-top: 130px; | |
403 | + text-align: center; | |
404 | + color: #494949 | |
405 | +} | |
406 | + | |
407 | +.rubrics ul li.item_ryukzaki a { | |
408 | + background: url(../img/ico1.png) no-repeat | |
409 | +} | |
410 | + | |
411 | +.rubrics ul li.item_sumki a { | |
412 | + background: url(../img/ico2.png) no-repeat | |
413 | +} | |
414 | + | |
415 | +.rubrics ul li.item_chehly a { | |
416 | + background: url(../img/ico3.png) no-repeat | |
417 | +} | |
418 | + | |
419 | +.rubrics ul li.item_nesessery a { | |
420 | + background: url(../img/ico4.png) no-repeat | |
421 | +} | |
422 | + | |
423 | +.rubrics ul li.item_koshelki a { | |
424 | + background: url(../img/ico5.png) no-repeat | |
425 | +} | |
426 | + | |
427 | +.products { | |
428 | + padding-bottom: 30px; | |
429 | + padding-top: 20px | |
430 | +} | |
431 | + | |
432 | +.products, | |
433 | +.why_me_ { | |
434 | + border-top: 1px solid #d2d2d2 | |
435 | +} | |
436 | + | |
437 | +.products ul { | |
438 | + list-style: none; | |
439 | + margin: 0; | |
440 | + padding: 0 | |
441 | +} | |
442 | + | |
443 | +.products ul li.item { | |
444 | + float: left; | |
445 | + width: 192px; | |
446 | + margin: 0 0 50px; | |
447 | + text-align: center; | |
448 | + position: relative | |
449 | +} | |
450 | + | |
451 | +.products ul li a.name, | |
452 | +.special-products a.name { | |
453 | + display: block; | |
454 | + color: #799920; | |
455 | + font-size: 15px; | |
456 | + text-decoration: none; | |
457 | + margin: 15px 0 0; | |
458 | + height: 35px; | |
459 | + overflow: hidden; | |
460 | + box-sizing: border-box; | |
461 | + padding: 0 10px | |
462 | +} | |
463 | + | |
464 | +.products ul li a.name:hover, | |
465 | +.special-products a.name:hover { | |
466 | + text-decoration: underline | |
467 | +} | |
468 | + | |
469 | +.products ul li .info { | |
470 | + text-align: left | |
471 | +} | |
472 | + | |
473 | +a.more_map, | |
474 | +h3, | |
475 | +ul.product_colors li, | |
476 | +ul.product_mod li { | |
477 | + text-align: center | |
478 | +} | |
479 | + | |
480 | +.pn { | |
481 | + border: none | |
482 | +} | |
483 | + | |
484 | +.cost, | |
485 | +.product_read_price #cost { | |
486 | + color: #f75d50; | |
487 | + margin: 0; | |
488 | + padding: 0 | |
489 | +} | |
490 | + | |
491 | +strike, | |
492 | +strike span#old_cost { | |
493 | + font-size: 14px; | |
494 | + color: #333 | |
495 | +} | |
496 | + | |
497 | +.checkout_basket button, | |
498 | +.submit4, | |
499 | +.submit4m, | |
500 | +a.link_buy { | |
501 | + background: #95ba2f; | |
502 | + border-radius: 4px; | |
503 | + height: 29px; | |
504 | + text-transform: uppercase; | |
505 | + color: #fff; | |
506 | + text-decoration: none; | |
507 | + font-weight: 600; | |
508 | + text-align: center; | |
509 | + border-bottom: 3px solid #799920; | |
510 | + font-size: 12px | |
511 | +} | |
512 | + | |
513 | +.basket .submit4.bottom3, | |
514 | +.submit4.bottom3 { | |
515 | + font-size: 12px!important; | |
516 | + display: block | |
517 | +} | |
518 | + | |
519 | +.basket .submit4.bottom3 { | |
520 | + margin-top: 10px | |
521 | +} | |
522 | + | |
523 | +.checkout_basket button, | |
524 | +a.link_buy { | |
525 | + display: block; | |
526 | + margin: 0 auto 10px; | |
527 | + width: 122px; | |
528 | + line-height: 32px | |
529 | +} | |
530 | + | |
531 | +.checkout_basket button, | |
532 | +.submit4 { | |
533 | + margin: 0; | |
534 | + padding: 0 20px; | |
535 | + line-height: 31px; | |
536 | + width: auto; | |
537 | + border-top: 0; | |
538 | + border-left: 0; | |
539 | + border-right: 0; | |
540 | + cursor: pointer | |
541 | +} | |
542 | + | |
543 | +ul.mycarousel, | |
544 | +ul.mycarousel li { | |
545 | + margin: 0; | |
546 | + padding: 0 | |
547 | +} | |
548 | + | |
549 | +.btn-primary:hover, | |
550 | +.checkout_basket button:hover, | |
551 | +.submit4:hover, | |
552 | +.submit4m:hover, | |
553 | +a.link_buy:hover { | |
554 | + border-bottom: 3px solid #95ba2f | |
555 | +} | |
556 | + | |
557 | +.btn-primary:active, | |
558 | +.checkout_basket button:active, | |
559 | +.submit4:active, | |
560 | +.submit4m:active, | |
561 | +a.link_buy:active { | |
562 | + background: #799920; | |
563 | + border-bottom: 3px solid #799920 | |
564 | +} | |
565 | + | |
566 | +.checkout_basket button:focus, | |
567 | +.submit4:focus { | |
568 | + outline: 0 | |
569 | +} | |
570 | + | |
571 | +.mycarousel { | |
572 | + position: absolute; | |
573 | + right: 22px; | |
574 | + top: 13px | |
575 | +} | |
576 | + | |
577 | +ul.mycarousel { | |
578 | + list-style: none | |
579 | +} | |
580 | + | |
581 | +h3 { | |
582 | + text-transform: uppercase; | |
583 | + font-size: 20px | |
584 | +} | |
585 | + | |
586 | +span.why { | |
587 | + width: 213px; | |
588 | + background: url(../img/logo-why.png) no-repeat; | |
589 | + margin: 0 auto; | |
590 | + padding: 0 0 20px; | |
591 | + height: 29px; | |
592 | + display: block | |
593 | +} | |
594 | + | |
595 | +ul.why_list { | |
596 | + list-style: none; | |
597 | + margin: 0; | |
598 | + padding: 0 | |
599 | +} | |
600 | + | |
601 | +ul.why_list li { | |
602 | + float: left; | |
603 | + margin-left: 58px; | |
604 | + width: 288px; | |
605 | + height: 96px; | |
606 | + box-sizing: border-box; | |
607 | + padding-left: 110px; | |
608 | + margin-top: 20px | |
609 | +} | |
610 | + | |
611 | +ul.why_list li div { | |
612 | + display: table-cell; | |
613 | + height: 96px | |
614 | +} | |
615 | + | |
616 | +ul.why_list li span { | |
617 | + font-weight: 700; | |
618 | + color: #799920 | |
619 | +} | |
620 | + | |
621 | +ul.why_list li.item1 { | |
622 | + background: url(../img/why_item1.png) left no-repeat | |
623 | +} | |
624 | + | |
625 | +ul.why_list li.item2 { | |
626 | + background: url(../img/why_item2.png) left no-repeat | |
627 | +} | |
628 | + | |
629 | +ul.why_list li.item3 { | |
630 | + background: url(../img/why_item3.png) left no-repeat | |
631 | +} | |
632 | + | |
633 | +ul.why_list li.item4 { | |
634 | + background: url(../img/why_item4.png) left no-repeat | |
635 | +} | |
636 | + | |
637 | +ul.why_list li.item5 { | |
638 | + background: url(../img/why_item5.png) left no-repeat | |
639 | +} | |
640 | + | |
641 | +ul.why_list li.item6 { | |
642 | + background: url(../img/why_item6.png) left no-repeat | |
643 | +} | |
644 | + | |
645 | +.banner_akciya { | |
646 | + margin: 50px 0 | |
647 | +} | |
648 | + | |
649 | +body>.bottom { | |
650 | + background: #4d5458; | |
651 | + padding: 40px 0; | |
652 | + color: #fff | |
653 | +} | |
654 | + | |
655 | +body>.bottom .leftbar { | |
656 | + float: left; | |
657 | + width: 210px | |
658 | +} | |
659 | + | |
660 | +body>.bottom ul { | |
661 | + list-style: none; | |
662 | + margin: 0; | |
663 | + padding: 0; | |
664 | + line-height: 23px | |
665 | +} | |
666 | + | |
667 | +body>.bottom ul a { | |
668 | + color: #fff; | |
669 | + font-size: 15px; | |
670 | + text-decoration: none | |
671 | +} | |
672 | + | |
673 | +body>.bottom ul a:hover { | |
674 | + color: #799920 | |
675 | +} | |
676 | + | |
677 | +.phones { | |
678 | + margin-top: 50px; | |
679 | + line-height: 23px; | |
680 | + font-size: 18px | |
681 | +} | |
682 | + | |
683 | +.map { | |
684 | + padding: 5px 0 5px 25px; | |
685 | + background: url(../img/map.png) left no-repeat; | |
686 | + margin-bottom: 7px | |
687 | +} | |
688 | + | |
689 | +a.more_map { | |
690 | + color: #99a5ad; | |
691 | + border-bottom: 1px dotted #99a5ad; | |
692 | + text-decoration: none; | |
693 | + font-size: 11px | |
694 | +} | |
695 | + | |
696 | +.bread-crumbs { | |
697 | + padding: 0 0 0 20px; | |
698 | + border-bottom: 1px solid #d2d2d2; | |
699 | + height: 29px | |
700 | +} | |
701 | + | |
702 | +.bread-crumbs ul { | |
703 | + list-style: none; | |
704 | + margin: 0; | |
705 | + padding: 0; | |
706 | + height: 29px | |
707 | +} | |
708 | + | |
709 | +.leftbar, | |
710 | +.rightbar.basket_rightbar { | |
711 | + margin-right: 20px | |
712 | +} | |
713 | + | |
714 | +.bread-crumbs ul li { | |
715 | + float: left; | |
716 | + padding-left: 20px; | |
717 | + height: 100%; | |
718 | + line-height: 29px; | |
719 | + color: #7d7d7d; | |
720 | + position: relative; | |
721 | + font-size: 12px | |
722 | +} | |
723 | + | |
724 | +* html .content, | |
725 | +* html .content2 { | |
726 | + height: 1% | |
727 | +} | |
728 | + | |
729 | +.bread-crumbs ul li:first-child { | |
730 | + padding-left: 0 | |
731 | +} | |
732 | + | |
733 | +.bread-crumbs ul li a { | |
734 | + font-size: 12px; | |
735 | + display: block; | |
736 | + color: #7d7d7d | |
737 | +} | |
738 | + | |
739 | +.bread-crumbs ul li a:link, | |
740 | +.bread-crumbs ul li a:visited { | |
741 | + color: #7d7d7d; | |
742 | + text-decoration: underline | |
743 | +} | |
744 | + | |
745 | +.bread-crumbs ul li a:hover { | |
746 | + color: #464646; | |
747 | + text-decoration: none | |
748 | +} | |
749 | + | |
750 | +.breadcrumb>li+li:before { | |
751 | + color: #ccc; | |
752 | + content: "/"; | |
753 | + position: absolute; | |
754 | + top: 0; | |
755 | + left: 8px | |
756 | +} | |
757 | + | |
758 | +.loyout { | |
759 | + padding: 20px 0 | |
760 | +} | |
761 | + | |
762 | +.leftbar { | |
763 | + float: left; | |
764 | + width: 172px | |
765 | +} | |
766 | + | |
767 | +.rightbar { | |
768 | + float: right; | |
769 | + width: 380px; | |
770 | + margin-left: 40px | |
771 | +} | |
772 | + | |
773 | +.rightbar2 { | |
774 | + float: right; | |
775 | + width: 320px | |
776 | +} | |
777 | + | |
778 | +.filters { | |
779 | + border-top: 1px solid #d2d2d2; | |
780 | + padding: 20px 0 0; | |
781 | + margin-top: 20px | |
782 | +} | |
783 | + | |
784 | +.filters .begin { | |
785 | + text-transform: uppercase; | |
786 | + font-weight: 700; | |
787 | + font-size: 12px | |
788 | +} | |
789 | + | |
790 | +.filters ul { | |
791 | + list-style: none; | |
792 | + margin: 6px 0 0; | |
793 | + padding: 0; | |
794 | + line-height: 22px | |
795 | +} | |
796 | + | |
797 | +.filters ul li { | |
798 | + position: relative; | |
799 | + box-sizing: border-box; | |
800 | + padding-left: 24px; | |
801 | + line-height: 16px; | |
802 | + margin-top: 7px | |
803 | +} | |
804 | + | |
805 | +.filters ul li:first-child { | |
806 | + margin-top: 0 | |
807 | +} | |
808 | + | |
809 | +.filters ul li>input { | |
810 | + position: absolute; | |
811 | + left: 4px; | |
812 | + margin: 0; | |
813 | + top: 3px | |
814 | +} | |
815 | + | |
816 | +.filters ul li a { | |
817 | + color: #464646; | |
818 | + text-decoration: none; | |
819 | + font-size: 13px; | |
820 | + line-height: 16px | |
821 | +} | |
822 | + | |
823 | +.filters ul li a:hover { | |
824 | + text-decoration: underline | |
825 | +} | |
826 | + | |
827 | +.productLeftBar { | |
828 | + float: left; | |
829 | + width: 228px; | |
830 | + margin-left: 20px; | |
831 | + margin-right: 20px | |
832 | +} | |
833 | + | |
834 | +.productRightBar { | |
835 | + float: right; | |
836 | + width: 260px; | |
837 | + margin: 0 20px | |
838 | +} | |
839 | + | |
840 | +.productLeftBar h1 { | |
841 | + font-size: 24px; | |
842 | + border-bottom: 1px solid #d2d2d2; | |
843 | + margin-bottom: 10px | |
844 | +} | |
845 | + | |
846 | +ul.product_mod { | |
847 | + list-style: none; | |
848 | + margin: 10px 0 0; | |
849 | + padding: 0; | |
850 | + float: left | |
851 | +} | |
852 | + | |
853 | +ul.product_mod li { | |
854 | + float: left; | |
855 | + width: 46px; | |
856 | + height: 46px; | |
857 | + background: #fff; | |
858 | + border: 1px solid #d2d2d2; | |
859 | + margin: 5px 5px 0 0; | |
860 | + position: relative | |
861 | +} | |
862 | + | |
863 | +ul.product_mod li.active:before { | |
864 | + width: 48px; | |
865 | + height: 48px; | |
866 | + position: absolute; | |
867 | + content: ''; | |
868 | + background: 0 0; | |
869 | + border: 2px solid #95ba2f; | |
870 | + top: -1px; | |
871 | + left: -1px; | |
872 | + box-sizing: border-box | |
873 | +} | |
874 | + | |
875 | +ul.product_mod li a { | |
876 | + width: 46px; | |
877 | + height: 46px; | |
878 | + display: table-cell | |
879 | +} | |
880 | + | |
881 | +ul.product_mod li a:focus { | |
882 | + outline: 0 | |
883 | +} | |
884 | + | |
885 | +ul.product_mod li img { | |
886 | + max-width: 46px; | |
887 | + max-height: 46px | |
888 | +} | |
889 | + | |
890 | +ul.product_colors { | |
891 | + list-style: none; | |
892 | + margin: 30px 0 0; | |
893 | + padding: 0; | |
894 | + float: left | |
895 | +} | |
896 | + | |
897 | +ul.product_colors li { | |
898 | + float: left; | |
899 | + margin: 10px 10px 0 0; | |
900 | + width: 98px; | |
901 | + height: 98px; | |
902 | + border: 1px solid #d2d2d2 | |
903 | +} | |
904 | + | |
905 | +ul.product_colors li a { | |
906 | + width: 98px; | |
907 | + height: 98px; | |
908 | + display: table-cell | |
909 | +} | |
910 | + | |
911 | +ul.product_colors li img { | |
912 | + max-width: 98px; | |
913 | + max-height: 98px; | |
914 | + vertical-align: middle | |
915 | +} | |
916 | + | |
917 | +.productLeftBar .begin { | |
918 | + text-transform: uppercase; | |
919 | + font-weight: 700; | |
920 | + font-size: 12px | |
921 | +} | |
922 | + | |
923 | +.cost_box { | |
924 | + border-top: 1px solid #d2d2d2; | |
925 | + border-bottom: 1px solid #d2d2d2; | |
926 | + margin: 10px 0; | |
927 | + padding: 10px 0 | |
928 | +} | |
929 | + | |
930 | +.cost_box .w { | |
931 | + float: left; | |
932 | + margin-right: 20px; | |
933 | + padding-top: 5px | |
934 | +} | |
935 | + | |
936 | +.product_service ul { | |
937 | + list-style: none; | |
938 | + margin: 0; | |
939 | + padding: 0 | |
940 | +} | |
941 | + | |
942 | +.product_service ul li a { | |
943 | + color: #799920; | |
944 | + text-decoration: none; | |
945 | + border-bottom: 1px dotted #799920; | |
946 | + font-size: 12px | |
947 | +} | |
948 | + | |
949 | +.product_service ul li.item1 { | |
950 | + background: url(../img/li1.png) left no-repeat; | |
951 | + padding: 3px 23px | |
952 | +} | |
953 | + | |
954 | +.product_service ul li.item2 { | |
955 | + background: url(../img/li2.png) left no-repeat; | |
956 | + padding: 3px 23px | |
957 | +} | |
958 | + | |
959 | +.product_service ul li.item3 { | |
960 | + background: url(../img/li3.png) left no-repeat; | |
961 | + padding: 3px 23px | |
962 | +} | |
963 | + | |
964 | +#nav_product { | |
965 | + list-style: none; | |
966 | + margin: 0; | |
967 | + padding: 0; | |
968 | + line-height: 23px | |
969 | +} | |
970 | + | |
971 | +#nav_product li a { | |
972 | + background: url(../img/li_plus.png) left no-repeat; | |
973 | + padding: 3px 15px; | |
974 | + color: #000; | |
975 | + text-transform: uppercase; | |
976 | + text-decoration: none; | |
977 | + font-weight: 700; | |
978 | + font-size: 12px | |
979 | +} | |
980 | + | |
981 | +#nav_product li a.active { | |
982 | + background: url(../img/li_minus.png) left no-repeat | |
983 | +} | |
984 | + | |
985 | +#nav_product li .info { | |
986 | + display: none; | |
987 | + border-bottom: 1px solid #d2d2d2; | |
988 | + padding: 10px 0; | |
989 | + margin-bottom: 10px | |
990 | +} | |
991 | + | |
992 | +#nav_product li .info, | |
993 | +#nav_product li .info p { | |
994 | + font-size: 12px; | |
995 | + line-height: 16px | |
996 | +} | |
997 | + | |
998 | +.modal_box { | |
999 | + position: fixed; | |
1000 | + left: 0; | |
1001 | + top: 0; | |
1002 | + width: 100%; | |
1003 | + height: 100%; | |
1004 | + z-index: 999; | |
1005 | + background: #000; | |
1006 | + filter: alpha(opacity=50); | |
1007 | + -moz-opacity: .5; | |
1008 | + -khtml-opacity: .5; | |
1009 | + opacity: .5 | |
1010 | +} | |
1011 | + | |
1012 | +#data_box { | |
1013 | + position: absolute; | |
1014 | + top: 100px; | |
1015 | + z-index: 1000; | |
1016 | + width: 400px; | |
1017 | + background: #fff; | |
1018 | + -webkit-box-shadow: 0 0 15px #000; | |
1019 | + -moz-box-shadow: 0 0 15px #000; | |
1020 | + box-shadow: 0 0 15px #000; | |
1021 | + border: 7px solid #1b9bb6; | |
1022 | + border-radius: 5px | |
1023 | +} | |
1024 | + | |
1025 | +#data_box .data_wrp hr, | |
1026 | +#data_box .data_wrp hr.hr { | |
1027 | + height: 1px; | |
1028 | + border: none; | |
1029 | + color: #000; | |
1030 | + background: #000 | |
1031 | +} | |
1032 | + | |
1033 | +#data_box .data_wrp { | |
1034 | + padding: 25px 15px 15px | |
1035 | +} | |
1036 | + | |
1037 | +#data_box .data_wrp h1 { | |
1038 | + text-transform: uppercase | |
1039 | +} | |
1040 | + | |
1041 | +#data_box .data_wrp hr { | |
1042 | + margin: 45px 0 20px | |
1043 | +} | |
1044 | + | |
1045 | +#data_box .data_wrp hr.hr { | |
1046 | + margin: 20px 0 | |
1047 | +} | |
1048 | + | |
1049 | +#data_box .pic-tango { | |
1050 | + margin-right: 7px; | |
1051 | + margin-bottom: 7px | |
1052 | +} | |
1053 | + | |
1054 | +#modal_close { | |
1055 | + cursor: pointer; | |
1056 | + margin-top: -80px; | |
1057 | + margin-right: -50px | |
1058 | +} | |
1059 | + | |
1060 | +.rightbar .control-label, | |
1061 | +.textareagroup .control-label { | |
1062 | + float: left; | |
1063 | + width: 80px; | |
1064 | + padding-top: 5px | |
1065 | +} | |
1066 | + | |
1067 | +.form-control { | |
1068 | + outline: 0; | |
1069 | + border: 1px solid #d8d6d6; | |
1070 | + border-radius: 5px; | |
1071 | + padding: 5px 0; | |
1072 | + font-size: 14px; | |
1073 | + text-indent: 10px; | |
1074 | + margin-bottom: 3px; | |
1075 | + width: 250px | |
1076 | +} | |
1077 | + | |
1078 | +.form-control:focus { | |
1079 | + border: 1px solid #1b9bb6; | |
1080 | + box-shadow: 0 0 10px #1b9bb6; | |
1081 | + -webkit-box-shadow: 0 0 10px #1b9bb6; | |
1082 | + -moz-box-shadow: 0 0 10px #1b9bb6 | |
1083 | +} | |
1084 | + | |
1085 | +.help-block { | |
1086 | + color: red; | |
1087 | + font-size: 12px; | |
1088 | + margin-bottom: 5px | |
1089 | +} | |
1090 | + | |
1091 | +.basket_item { | |
1092 | + padding: 10px 0; | |
1093 | + border-bottom: 1px solid #b7b7b7; | |
1094 | + clear: both | |
1095 | +} | |
1096 | + | |
1097 | +.basket_item img { | |
1098 | + margin-right: 20px | |
1099 | +} | |
1100 | + | |
1101 | +.basket_item .count { | |
1102 | + margin: 20px 0 | |
1103 | +} | |
1104 | + | |
1105 | +.basket_item .fr { | |
1106 | + margin-top: 13px | |
1107 | +} | |
1108 | + | |
1109 | +.basket_item>a { | |
1110 | + display: block; | |
1111 | + float: left | |
1112 | +} | |
1113 | + | |
1114 | +a.del:link, | |
1115 | +a.del:visited { | |
1116 | + background: url(../img/del.png) left center no-repeat; | |
1117 | + padding: 2px 25px; | |
1118 | + font-size: 12px; | |
1119 | + font-weight: 400; | |
1120 | + color: #787878; | |
1121 | + text-decoration: underline | |
1122 | +} | |
1123 | + | |
1124 | +.btn-primary, | |
1125 | +.submit4m { | |
1126 | + background: #95ba2f; | |
1127 | + height: 29px; | |
1128 | + line-height: 29px | |
1129 | +} | |
1130 | + | |
1131 | +a.del:hover { | |
1132 | + color: #a52828; | |
1133 | + text-decoration: underline | |
1134 | +} | |
1135 | + | |
1136 | +.total { | |
1137 | + text-align: right; | |
1138 | + color: #87476a; | |
1139 | + font-size: 20px; | |
1140 | + margin: 10px 0 | |
1141 | +} | |
1142 | + | |
1143 | +._form_checkbox_reset, | |
1144 | +.basket_item input, | |
1145 | +.basket_title_, | |
1146 | +.color_variants .variant, | |
1147 | +.compare, | |
1148 | +.content ul.pagination, | |
1149 | +.jcarousel-skin-tango .jcarousel-item, | |
1150 | +.lay_title .center, | |
1151 | +.orders_view .order, | |
1152 | +.pixbox, | |
1153 | +.price, | |
1154 | +.product p, | |
1155 | +.special-products .item, | |
1156 | +ul.brends_list li { | |
1157 | + text-align: center | |
1158 | +} | |
1159 | + | |
1160 | +.btn-primary, | |
1161 | +.submit4m, | |
1162 | +a.logout:link, | |
1163 | +a.logout:visited { | |
1164 | + color: #fff; | |
1165 | + cursor: pointer; | |
1166 | + text-transform: uppercase | |
1167 | +} | |
1168 | + | |
1169 | +.submit4m { | |
1170 | + font-family: Roboto; | |
1171 | + border: none; | |
1172 | + border-radius: 4px; | |
1173 | + font-size: 10px; | |
1174 | + width: 102px; | |
1175 | + border-bottom: 3px solid #799920 | |
1176 | +} | |
1177 | + | |
1178 | +.submit4m:active, | |
1179 | +.submit4m:focus { | |
1180 | + outline: 0 | |
1181 | +} | |
1182 | + | |
1183 | +.btn-primary { | |
1184 | + border-bottom: 3px solid #799920; | |
1185 | + border-top: 0; | |
1186 | + border-right: 0; | |
1187 | + border-left: 0; | |
1188 | + margin-top: 5px; | |
1189 | + padding: 0 15px; | |
1190 | + border-radius: 4px; | |
1191 | + text-decoration: none; | |
1192 | + font-size: 12px; | |
1193 | + font-weight: 700 | |
1194 | +} | |
1195 | + | |
1196 | +.btn-primary:active, | |
1197 | +.btn-primary:focus { | |
1198 | + outline: 0 | |
1199 | +} | |
1200 | + | |
1201 | +a.logout:link, | |
1202 | +a.logout:visited { | |
1203 | + border: none; | |
1204 | + padding: 3px 5px; | |
1205 | + background: #f75d50; | |
1206 | + border-radius: 5px; | |
1207 | + text-decoration: none; | |
1208 | + font-size: 11px; | |
1209 | + font-weight: 400 | |
1210 | +} | |
1211 | + | |
1212 | +.txtb1, | |
1213 | +.txtf, | |
1214 | +a.btn-success { | |
1215 | + font-size: 14px | |
1216 | +} | |
1217 | + | |
1218 | +a.logout:hover { | |
1219 | + background: #95ba2f | |
1220 | +} | |
1221 | + | |
1222 | +.boy_box { | |
1223 | + border-bottom: 1px solid #b7b7b7; | |
1224 | + padding: 0 0 15px | |
1225 | +} | |
1226 | + | |
1227 | +.boy_box div { | |
1228 | + padding-top: 10px | |
1229 | +} | |
1230 | + | |
1231 | +.content_product .info { | |
1232 | + padding: 0 0 20px | |
1233 | +} | |
1234 | + | |
1235 | +a.btn-success { | |
1236 | + display: inline-block; | |
1237 | + border: 2px solid #d8d6d6; | |
1238 | + color: #95ba2f; | |
1239 | + border-radius: 5px; | |
1240 | + padding: 5px; | |
1241 | + margin-bottom: 10px; | |
1242 | + text-decoration: none | |
1243 | +} | |
1244 | + | |
1245 | +a.btn-success:hover { | |
1246 | + border: 2px solid #95ba2f; | |
1247 | + color: #f75d50 | |
1248 | +} | |
1249 | + | |
1250 | +.txtf, | |
1251 | +.txtfb { | |
1252 | + color: #87476a; | |
1253 | + font-weight: 700 | |
1254 | +} | |
1255 | + | |
1256 | +.txtb1 { | |
1257 | + font-weight: 700 | |
1258 | +} | |
1259 | + | |
1260 | +.txtfb { | |
1261 | + font-size: 20px | |
1262 | +} | |
1263 | + | |
1264 | +.count { | |
1265 | + margin: 20px 0 | |
1266 | +} | |
1267 | + | |
1268 | +.count input[type=number] { | |
1269 | + outline: 0; | |
1270 | + width: 50px; | |
1271 | + border: 1px solid #d8d6d6; | |
1272 | + border-radius: 5px; | |
1273 | + padding: 5px 0; | |
1274 | + font-size: 14px; | |
1275 | + text-indent: 10px; | |
1276 | + margin-bottom: 7px | |
1277 | +} | |
1278 | + | |
1279 | +a.link2:link, | |
1280 | +a.link2:visited { | |
1281 | + font-size: 14px; | |
1282 | + font-weight: 700; | |
1283 | + color: #95ba2f; | |
1284 | + text-decoration: none | |
1285 | +} | |
1286 | + | |
1287 | +a.link2:hover { | |
1288 | + color: #f75d50; | |
1289 | + text-decoration: underline | |
1290 | +} | |
1291 | + | |
1292 | +.well { | |
1293 | + margin: 50px auto; | |
1294 | + width: 400px; | |
1295 | + background: #f5f5f5; | |
1296 | + border: 1px solid #e8e8e8; | |
1297 | + padding: 20px; | |
1298 | + border-radius: 5px | |
1299 | +} | |
1300 | + | |
1301 | +.control-label { | |
1302 | + float: left; | |
1303 | + width: 100px; | |
1304 | + padding-top: 5px | |
1305 | +} | |
1306 | + | |
1307 | +#user-verifycode-image { | |
1308 | + display: block | |
1309 | +} | |
1310 | + | |
1311 | +.form-inline { | |
1312 | + display: inline | |
1313 | +} | |
1314 | + | |
1315 | +.form-inline .form-group { | |
1316 | + float: left; | |
1317 | + margin-right: 10px | |
1318 | +} | |
1319 | + | |
1320 | +.form-inline .form-group select { | |
1321 | + width: 100px | |
1322 | +} | |
1323 | + | |
1324 | +.form-group { | |
1325 | + margin-bottom: 10px | |
1326 | +} | |
1327 | + | |
1328 | +.table-bordered { | |
1329 | + width: 100%; | |
1330 | + border: 1px solid silver | |
1331 | +} | |
1332 | + | |
1333 | +.table-bordered th { | |
1334 | + background: #B3D1FD; | |
1335 | + padding: 5px | |
1336 | +} | |
1337 | + | |
1338 | +.table-bordered tr td { | |
1339 | + border: 1px solid silver; | |
1340 | + padding: 5px | |
1341 | +} | |
1342 | + | |
1343 | +.table-bordered .filters { | |
1344 | + display: none | |
1345 | +} | |
1346 | + | |
1347 | +.formCost label { | |
1348 | + float: left; | |
1349 | + width: 30px | |
1350 | +} | |
1351 | + | |
1352 | +.pic, | |
1353 | +.pic a { | |
1354 | + width: 392px; | |
1355 | + height: 365px | |
1356 | +} | |
1357 | + | |
1358 | +ul.brends_list { | |
1359 | + list-style: none; | |
1360 | + margin: 0; | |
1361 | + padding: 0 | |
1362 | +} | |
20 | 1363 | |
21 | -.wrap { | |
22 | - width:960px;margin:0px auto; | |
1364 | +ul.brends_list li { | |
1365 | + float: left; | |
1366 | + margin: 0 15px 20px | |
1367 | +} | |
1368 | + | |
1369 | +.compare a:link, | |
1370 | +.compare a:visited { | |
1371 | + font-size: 12px; | |
1372 | + text-decoration: underline | |
1373 | +} | |
1374 | + | |
1375 | +.alert-success { | |
1376 | + margin: 10px 0; | |
1377 | + padding: 10px; | |
1378 | + border: 1px solid #3ed824; | |
1379 | + border-radius: 5px; | |
1380 | + background: #c0feb5 | |
1381 | +} | |
1382 | + | |
1383 | +#subscribe-sale, | |
1384 | +.news_item img { | |
1385 | + margin-right: 20px | |
23 | 1386 | } |
24 | -.f{background: #ffffff;} | |
25 | 1387 | |
26 | -.br{-webkit-box-shadow: -1px 5px 14px 0px rgba(50, 46, 50, 0.46); | |
27 | - -moz-box-shadow: -1px 5px 14px 0px rgba(50, 46, 50, 0.46); | |
28 | - box-shadow: -1px 5px 14px 0px rgba(50, 46, 50, 0.46); | |
29 | - padding:20px;} | |
1388 | +.news_item, | |
1389 | +.txts { | |
1390 | + margin-bottom: 20px | |
1391 | +} | |
1392 | + | |
1393 | +.news_item { | |
1394 | + padding-bottom: 20px; | |
1395 | + border-bottom: 1px solid silver | |
1396 | +} | |
30 | 1397 | |
31 | -nav.top{background:#f5f5f5;padding:10px 0px;border-bottom:1px solid #d2d2d2;font-size:12px;} | |
32 | -nav.top ul{list-style:none;margin:0px;padding:0px;} | |
33 | -nav.top ul li{float:left;padding-right:20px;} | |
34 | -nav.top ul li a{font-size: 12px;} | |
35 | -nav.top a{color:#6a6a6a;text-decoration:none;} | |
1398 | +.block_content .item, | |
1399 | +.borderbottom, | |
1400 | +.content ul.pagination { | |
1401 | + border-bottom: 1px solid #d2d2d2 | |
1402 | +} | |
36 | 1403 | |
37 | -#help{background:url('../img/help.png') right no-repeat;padding-right:20px;} | |
38 | -#help span{border-bottom:1px dotted #6a6a6a;} | |
1404 | +.news_item a { | |
1405 | + font-size: 16px | |
1406 | +} | |
39 | 1407 | |
40 | -#login{background:url('../img/login.png') right no-repeat;padding-right:20px; font-size: 12px;} | |
41 | -#login span{border-bottom:1px dotted #6a6a6a;} | |
1408 | +.pic a { | |
1409 | + display: table-cell | |
1410 | +} | |
42 | 1411 | |
43 | -.search{margin:-5px 0px -5px 100px;float:left;} | |
44 | -nav input[type="text"]{width:325px;outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;} | |
45 | -nav input[type="submit"]{width:35px;height:29px;border:none;background:url('../img/lupa_sub.png') center no-repeat;margin-left:-35px;cursor:pointer;} | |
1412 | +.pic a img { | |
1413 | + max-width: 392px; | |
1414 | + max-height: 365px | |
1415 | +} | |
46 | 1416 | |
1417 | +input#subscribe-email::-webkit-input-placeholder { | |
1418 | + color: #596065 | |
1419 | +} | |
47 | 1420 | |
1421 | +input#subscribe-email::-moz-placeholder { | |
1422 | + color: #596065 | |
1423 | +} | |
48 | 1424 | |
49 | -.header{margin:0px 0px 20px;} | |
1425 | +input#subscribe-email:-ms-input-placeholder { | |
1426 | + color: #596065 | |
1427 | +} | |
50 | 1428 | |
51 | -.phone{float:left;position:relative;text-align:center;} | |
52 | -.phone .tel{font-size:23px;} | |
53 | -.phone .tel span.more{margin-bottom: 3px} | |
54 | -.more_block{background:#ffffff;border:1px solid #d2d2d2;padding:10px;position:absolute;font-size:20px;display:none;z-index:99;} | |
1429 | +input#subscribe-sale::-webkit-input-placeholder { | |
1430 | + color: #596065 | |
1431 | +} | |
55 | 1432 | |
56 | -.more{background:url('../img/more.png') no-repeat;width:12px;height:7px;display:inline-block;cursor:pointer;margin-bottom:5px;} | |
1433 | +input#subscribe-sale::-moz-placeholder { | |
1434 | + color: #596065 | |
1435 | +} | |
57 | 1436 | |
1437 | +input#subscribe-sale:-ms-input-placeholder { | |
1438 | + color: #596065 | |
1439 | +} | |
58 | 1440 | |
59 | -.logo{margin:0px auto 0px;width:193px;padding-top: 22px;} | |
60 | -.logo a{display:block;width:193px;height:84px;background:url('../img/logo.png') no-repeat;} | |
61 | -.logo a span{display:none;} | |
1441 | +#subscribe-email, | |
1442 | +#subscribe-sale { | |
1443 | + color: #596065 | |
1444 | +} | |
62 | 1445 | |
63 | -#call{color:#6a6a6a;text-decoration:none;border-bottom:1px dotted #6a6a6a;} | |
1446 | +#subscribe-sale { | |
1447 | + width: 100px; | |
1448 | + float: left; | |
1449 | + height: 28px | |
1450 | +} | |
64 | 1451 | |
65 | -.basket{float:right;position:relative;border:1px solid #d2d2d2;border-radius:5px;padding:15px 20px;font-size:18px;text-transform: uppercase;margin-top:13px;} | |
66 | -.basket .info{float:left;border-right:1px solid #d2d2d2;padding-right:10px;margin-right:17px;} | |
67 | -.basket .info span{color:#f75d50;font-size:22px;} | |
68 | -.basket a:link,.basket a:visited{text-decoration:none;color:#000000;font-size:18px;} | |
1452 | +.saletxt { | |
1453 | + width: 150px; | |
1454 | + float: left; | |
1455 | + color: #fff; | |
1456 | + font-size: 12px | |
1457 | +} | |
69 | 1458 | |
70 | -.basket span.more {margin-bottom: -1px} | |
71 | -.menu{ | |
72 | - background:#596065; | |
73 | - border:1px solid #e8e8e8; | |
1459 | +#subscribe-email { | |
1460 | + width: 370px | |
74 | 1461 | } |
75 | -.menu ul{margin:0px;padding:0px;list-style:none;} | |
76 | -.menu ul li{float:left;border-left:1px solid #8b9094; height: 43px;} | |
77 | -.menu ul li:first-child{border-left:none;} | |
78 | -.menu ul li a{width: 100%; height:100%;line-height:43px;float:left;box-sizing:border-box; padding:0 19px;text-transform: uppercase;color:#ffffff;font-size:15px;text-decoration: none;font-weight: 600;} | |
79 | -.menu ul li:hover{background: #3e454b;} | |
80 | -.menu ul li.active a{background:#f5f5f5;color:#596065;} | |
81 | -.menu ul li.active a:hover{cursor: default;} | |
82 | 1462 | |
83 | -.menu_childs{background:#f5f5f5;border:1px solid #e8e8e8;border-bottom:2px solid #596065;} | |
84 | -.menu_childs ul{margin:0px;padding:0px;list-style:none;} | |
85 | -.menu_childs ul li{float:left;} | |
86 | -.menu_childs ul li a{float:left;padding:15px 23px 15px 23px;text-transform: uppercase;color:#596065;font-size:14px;font-weight:bold;text-decoration: none;} | |
87 | -.menu_childs ul li a:hover{color:#878b8e;} | |
1463 | +.txts { | |
1464 | + color: #9da9b1; | |
1465 | + font-size: 18px | |
1466 | +} | |
88 | 1467 | |
89 | -.fr ul li{border:none;} | |
90 | -.akciya a{background:#f75d50;color:#ffffff;} | |
91 | -.brands a{background:#95ba2f;color:#ffffff;} | |
1468 | +.content ul.pagination { | |
1469 | + list-style: none; | |
1470 | + margin: 0 0 16px; | |
1471 | + padding: 0 0 20px | |
1472 | +} | |
92 | 1473 | |
93 | -a.myorders{color:#f75d50} | |
1474 | +.content ul.pagination li { | |
1475 | + display: inline | |
1476 | +} | |
94 | 1477 | |
95 | -.sub{margin:2px 0px 0px 0px;} | |
96 | -.sub img{float:left;margin-right:2px;} | |
1478 | +.content ul.pagination li a { | |
1479 | + padding: 3px; | |
1480 | + color: #82a02f; | |
1481 | + font-size: 15px; | |
1482 | + margin: 0; | |
1483 | + text-decoration: none | |
1484 | +} | |
97 | 1485 | |
98 | -.rubrics{margin:60px 0 0 0;padding-bottom:27px;} | |
99 | -.rubrics ul{list-style:none;margin:0px;padding:0px;} | |
100 | -.rubrics ul li{float:left;margin:0px 35px;} | |
101 | -.rubrics ul li a{float:left;width:120px;padding-top:130px;text-align:center;text-transform: uppercase;color:#494949;text-decoration:none;font-weight:bold;} | |
102 | -.rubrics ul li.item_ryukzaki a{background:url('../img/ico1.png') no-repeat;} | |
103 | -.rubrics ul li.item_sumki a{background:url('../img/ico2.png') no-repeat;} | |
104 | -.rubrics ul li.item_chehly a{background:url('../img/ico3.png') no-repeat;} | |
105 | -.rubrics ul li.item_nesessery a{background:url('../img/ico4.png') no-repeat;} | |
106 | -.rubrics ul li.item_koshelki a{background:url('../img/ico5.png') no-repeat;} | |
1486 | +.footer .fl, | |
1487 | +.fotter a { | |
1488 | + font-size: 12px | |
1489 | +} | |
107 | 1490 | |
1491 | +.content ul.pagination li a:hover { | |
1492 | + text-decoration: underline | |
1493 | +} | |
108 | 1494 | |
109 | -.products{padding-bottom:30px;padding-top:20px;} | |
110 | -.why_me_, .products { | |
111 | - border-top: 1px solid #d2d2d2; | |
1495 | +.content ul.pagination li.active a { | |
1496 | + color: #333 | |
112 | 1497 | } |
113 | -.products ul{list-style:none;margin:0;padding:0;} | |
114 | -.products ul li.item{float:left;width:192px;margin:0 0 50px 0;text-align:center;position:relative;} | |
115 | -.products ul li a.name, .special-products a.name {display:block;color:#799920;font-size: 15px;text-decoration:none;margin:15px 0 0 0;height:35px;overflow: hidden; box-sizing: border-box;padding: 0 10px;} | |
116 | -.products ul li a.name:hover, .special-products a.name:hover {text-decoration: underline} | |
117 | -.products ul li .info{text-align: left;} | |
118 | -.pn{border:none;} | |
119 | 1498 | |
120 | -.cost, .product_read_price #cost {color:#f75d50;font-size:18px;margin:0;padding:0;} | |
121 | -.cost span, .cost span.valute, .product_read_price .valute {font-size: 14px;} | |
122 | -strike, strike span#old_cost{font-size:14px; color: #333} | |
1499 | +.boxitem { | |
1500 | + height: 318px | |
1501 | +} | |
123 | 1502 | |
1503 | +ul.social { | |
1504 | + margin-top: 20px | |
1505 | +} | |
124 | 1506 | |
125 | -.submit4m, a.link_buy, .checkout_basket button, .submit4 { | |
126 | - background: #95ba2f; | |
127 | - border-radius:4px; | |
128 | - height: 29px; | |
129 | - text-transform: uppercase; | |
130 | - color:#ffffff; | |
131 | - text-decoration:none; | |
132 | - font-weight:600; | |
133 | - text-align:center; | |
134 | - border-bottom: 3px solid #799920; | |
135 | - font-size: 12px; | |
1507 | +.social { | |
1508 | + list-style: none; | |
1509 | + margin: 10px; | |
1510 | + padding: 0; | |
1511 | + height: 48px | |
136 | 1512 | } |
137 | -.submit4.bottom3 {font-size: 12px !important;display: block;} | |
138 | -.basket .submit4.bottom3 {font-size: 12px !important;display: block; margin-top: 10px;} | |
139 | -a.link_buy, .checkout_basket button { | |
140 | 1513 | |
141 | - display:block; | |
142 | - margin:0 auto 10px auto; | |
143 | - width:122px; | |
144 | - line-height:32px; | |
1514 | +.social li { | |
1515 | + display: inline-block; | |
1516 | + margin-right: 7px; | |
1517 | + padding-bottom: 10px | |
145 | 1518 | } |
146 | -.checkout_basket button, .submit4{ | |
1519 | + | |
1520 | +.social li a { | |
1521 | + width: 36px; | |
1522 | + height: 36px; | |
1523 | + display: block; | |
147 | 1524 | margin: 0; |
148 | - padding: 0 20px; | |
149 | - line-height: 31px; | |
150 | - width: auto; | |
151 | - border-top: 0; | |
152 | - border-left: 0; | |
153 | - border-right: 0; | |
154 | - cursor: pointer; | |
1525 | + padding: 0; | |
1526 | + text-indent: -9999px; | |
1527 | + background: url(../img/social-ico-two.png) no-repeat #bcbcbc; | |
1528 | + border-radius: 48px; | |
1529 | + -moz-border-radius: 48px; | |
1530 | + -webkit-border-radius: 48px; | |
1531 | + -webkit-transition: all .5s ease-out; | |
1532 | + -moz-transition: all .5s ease-out; | |
1533 | + transition: all .5s ease-out | |
155 | 1534 | } |
156 | -a.link_buy:hover, .submit4m:hover, .checkout_basket button:hover, .submit4:hover, .btn-primary:hover { | |
157 | - border-bottom: 3px solid #95ba2f;; | |
1535 | + | |
1536 | +.content2 br, | |
1537 | +.hide { | |
1538 | + display: none | |
158 | 1539 | } |
159 | -a.link_buy:active, .submit4m:active,.checkout_basket button:active, .submit4:active, .btn-primary:active { | |
160 | - background: #799920; | |
161 | - border-bottom: 3px solid #799920; | |
162 | 1540 | |
1541 | +.social .fb { | |
1542 | + background-position: -44px 0; | |
1543 | + cursor: pointer | |
163 | 1544 | } |
164 | -.checkout_basket button:focus, .submit4:focus { outline: none;} | |
165 | -.mycarousel{position:absolute;right:22px;top:13px;} | |
166 | -ul.mycarousel{list-style:none;margin:0px;padding:0px;} | |
167 | -ul.mycarousel li{margin:0px;padding:0px;} | |
168 | -.mycarousel img{border:1px solid #d2d2d2;} | |
169 | 1545 | |
170 | -h3{text-align:center;text-transform: uppercase;font-size:20px;} | |
171 | -span.why {width:213px;height:49px;background:url('../img/logo-why.png') no-repeat;margin:0px auto; padding: 0 0 20px 0; height: 29px; | |
172 | - display: block;} | |
1546 | +.social .vk { | |
1547 | + cursor: pointer | |
1548 | +} | |
173 | 1549 | |
174 | -ul.why_list{list-style:none;margin:0px;padding:0px;} | |
175 | -ul.why_list li{float:left;margin-left:58px; width: 288px; height:96px;box-sizing: border-box;padding-left: 110px; margin-top: 20px;} | |
176 | -ul.why_list li div { | |
177 | - display: table-cell; | |
178 | - height: 96px; | |
179 | - vertical-align: middle; | |
1550 | +.social .vk:hover { | |
1551 | + background-color: #5B7FA6 | |
180 | 1552 | } |
181 | -ul.why_list li span{font-weight:bold;color:#799920;} | |
182 | -ul.why_list li.item1{background:url('../img/why_item1.png') left no-repeat;} | |
183 | -ul.why_list li.item2{background:url('../img/why_item2.png') left no-repeat;} | |
184 | -ul.why_list li.item3{background:url('../img/why_item3.png') left no-repeat;} | |
185 | -ul.why_list li.item4{background:url('../img/why_item4.png') left no-repeat;} | |
186 | -ul.why_list li.item5{background:url('../img/why_item5.png') left no-repeat;} | |
187 | -ul.why_list li.item6{background:url('../img/why_item6.png') left no-repeat;} | |
188 | - | |
189 | -.banner_akciya{margin:50px 0px;} | |
190 | - | |
191 | -.bottom{background:#4d5458;padding:40px 0px;color:#ffffff;} | |
192 | -.bottom .leftbar{float:left;width:210px; } | |
193 | -.bottom ul{list-style:none;margin:0px;padding:0px;line-height: 23px;} | |
194 | -.bottom ul a{color:#ffffff;font-size:15px;text-decoration:none;} | |
195 | -.bottom ul a:hover{color:#799920;} | |
196 | - | |
197 | -.phones{margin-top:50px;line-height: 23px;font-size: 18px;} | |
198 | -.map{padding:5px 0px 5px 25px;background:url('../img/map.png') left no-repeat; margin-bottom: 7px;} | |
199 | -a.more_map{color:#99a5ad;border-bottom:1px dotted #99a5ad;text-decoration:none;font-size:11px;text-align:center;} | |
200 | - | |
201 | -.bread-crumbs{padding:0 0 0 20px;border-bottom:1px solid #d2d2d2; height: 29px;} | |
202 | -.bread-crumbs ul{list-style:none;margin:0 0 0 0;padding:0; height: 29px;} | |
203 | -.bread-crumbs ul li{float:left;padding-left:20px;height: 100%; line-height: 29px; color: #7d7d7d; position: relative; font-size: 12px;} | |
204 | -.bread-crumbs ul li:first-child {padding-left: 0} | |
205 | -.bread-crumbs ul li a {font-size: 12px; display: block; color: #7d7d7d} | |
206 | -.bread-crumbs ul li a:visited,.bread-crumbs ul li a:link{color:#7d7d7d;text-decoration:underline;} | |
207 | -.bread-crumbs ul li a:hover{color:#464646;text-decoration: none;} | |
208 | -.breadcrumb > li + li:before { | |
209 | - color: #ccc; | |
210 | - content: "/"; | |
211 | - position: absolute; | |
212 | - top: 0; | |
213 | - left: 8px; | |
1553 | + | |
1554 | +.social .fb:hover { | |
1555 | + background-color: #354f89 | |
1556 | +} | |
1557 | + | |
1558 | +.social .gp { | |
1559 | + background-position: -132px 0; | |
1560 | + cursor: pointer | |
214 | 1561 | } |
215 | 1562 | |
1563 | +.social .gp:hover { | |
1564 | + background-color: #c72f21 | |
1565 | +} | |
216 | 1566 | |
217 | -.loyout{padding:20px 0px;} | |
218 | -.leftbar{float:left;width:172px;margin-right: 20px; } | |
219 | -.rightbar{float:right;width:380px;margin-left:40px;} | |
220 | -.rightbar.basket_rightbar{margin-right: 20px;} | |
221 | -.rightbar2{float:right;width:320px;} | |
222 | -.content {overflow:hidden;} | |
223 | -* html .content{height:1%;} | |
224 | -.content2 {overflow:hidden;} | |
225 | -* html .content2{height:1%;} | |
1567 | +.social .tw { | |
1568 | + background-position: -144px 0; | |
1569 | + cursor: pointer | |
1570 | +} | |
226 | 1571 | |
227 | -.filters{border-top:1px solid #d2d2d2;padding:20px 0px 0px;margin-top:20px;} | |
228 | -.filters .begin{text-transform: uppercase;font-weight:bold; font-size: 12px;} | |
229 | -.filters ul{list-style:none;margin:0px;padding:0px;line-height:22px; margin-top: 6px;} | |
230 | -.filters ul li { | |
1572 | +.social .tw:hover { | |
1573 | + background-color: #6398c9 | |
1574 | +} | |
1575 | + | |
1576 | +.social .ok { | |
1577 | + background-position: -89px 0; | |
1578 | + cursor: pointer | |
1579 | +} | |
1580 | + | |
1581 | +.social .ok:hover { | |
1582 | + background-color: #f88f15 | |
1583 | +} | |
1584 | + | |
1585 | +.social ul li a:hover { | |
1586 | + background-color: #065baa | |
1587 | +} | |
1588 | + | |
1589 | +.socialbox { | |
1590 | + margin: 10px 0 | |
1591 | +} | |
1592 | + | |
1593 | +.fotter { | |
1594 | + background: #484f55; | |
1595 | + height: 50px; | |
1596 | + color: #98a3ab | |
1597 | +} | |
1598 | + | |
1599 | +.fotter a { | |
1600 | + color: #98a3ab; | |
1601 | + line-height: 50px; | |
1602 | + float: left | |
1603 | +} | |
1604 | + | |
1605 | +.view_products2 { | |
1606 | + list-style: none; | |
1607 | + overflow: auto; | |
1608 | + height: 400px | |
1609 | +} | |
1610 | + | |
1611 | +.view_products2 img { | |
1612 | + float: left; | |
1613 | + margin-right: 20px | |
1614 | +} | |
1615 | + | |
1616 | +.view_products2 li { | |
1617 | + margin: 10px 0 | |
1618 | +} | |
1619 | + | |
1620 | +.pixbox { | |
1621 | + width: 160px; | |
1622 | + margin: 0 auto; | |
1623 | + height: 200px; | |
1624 | + overflow: hidden | |
1625 | +} | |
1626 | + | |
1627 | +.form-order { | |
1628 | + background: #f5f5f5; | |
1629 | + padding: 0 20px 20px | |
1630 | +} | |
1631 | + | |
1632 | +#order-delivery, | |
1633 | +#order-payment { | |
1634 | + float: right; | |
1635 | + width: 280px | |
1636 | +} | |
1637 | + | |
1638 | +.delivery-data { | |
1639 | + margin-bottom: 27px; | |
231 | 1640 | position: relative; |
1641 | + background: #95ba2f; | |
1642 | + display: none; | |
1643 | + border-radius: 5px; | |
1644 | + float: left; | |
232 | 1645 | box-sizing: border-box; |
233 | - padding-left: 24px; | |
234 | - line-height: 16px; | |
235 | - margin-top: 7px; | |
1646 | + padding: 14px 20px; | |
1647 | + color: #fff; | |
1648 | + font-size: 13px | |
236 | 1649 | } |
237 | -.filters ul li:first-child {margin-top: 0} | |
238 | -.filters ul li>input { | |
239 | - position: absolute; | |
240 | - left: 4px; | |
241 | - margin: 0px 0 0 ; | |
242 | - top: 3px; | |
1650 | + | |
1651 | +.edit_menu a, | |
1652 | +.mycabinet a { | |
1653 | + color: #799920; | |
1654 | + text-decoration: none | |
243 | 1655 | } |
244 | -.filters ul li a{color:#464646;text-decoration:none; font-size: 13px; line-height: 16px;} | |
245 | -.filters ul li a:hover{text-decoration:underline;} | |
246 | 1656 | |
247 | -.productLeftBar{float:left;width:228px;margin-left:20px;margin-right:20px;} | |
248 | -.productRightBar{float:right;width:260px;margin:0 20px;} | |
249 | -.productLeftBar h1{font-size:24px;border-bottom:1px solid #d2d2d2;margin-bottom:10px;} | |
1657 | +.jcarousel-next-disabled, | |
1658 | +.jcarousel-prev-disabled { | |
1659 | + opacity: 0; | |
1660 | + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" | |
1661 | +} | |
250 | 1662 | |
251 | -ul.product_mod{list-style:none;margin:10px 0 0 0;padding:0; float: left;} | |
252 | -ul.product_mod li{ | |
253 | - float:left; | |
254 | - width: 46px; | |
255 | - height: 46px; | |
256 | - background: #fff; | |
257 | - border: 1px solid #d2d2d2; | |
258 | - margin: 5px 5px 0 0; | |
259 | - text-align: center; | |
260 | - position: relative; | |
1663 | +.pixbox a { | |
1664 | + width: 160px; | |
1665 | + height: 200px; | |
1666 | + display: table-cell | |
261 | 1667 | } |
262 | -ul.product_mod li.active:before { | |
263 | - width: 48px; | |
264 | - height: 48px; | |
265 | - position: absolute; | |
266 | - content: ''; | |
267 | - background: none; | |
268 | - border: 2px solid #95ba2f; | |
269 | - top: -1px; | |
270 | - left: -1px; | |
271 | - box-sizing: border-box; | |
1668 | + | |
1669 | +.pixbox img { | |
1670 | + max-width: 160px; | |
1671 | + max-height: 200px | |
272 | 1672 | } |
273 | -ul.product_mod li a{ | |
274 | - width: 46px; | |
275 | - height: 46px; | |
276 | - display: table-cell; | |
277 | - vertical-align: middle; | |
1673 | + | |
1674 | +.pagination li.next.disabled span, | |
1675 | +.pagination li.prev.disabled span { | |
1676 | + display: none | |
278 | 1677 | } |
279 | -ul.product_mod li a:focus { | |
280 | - outline: none; | |
1678 | + | |
1679 | +.fr { | |
1680 | + float: right | |
281 | 1681 | } |
282 | -ul.product_mod li img{ | |
283 | - vertical-align: middle; | |
284 | - max-width: 46px; | |
285 | - max-height: 46px; | |
1682 | + | |
1683 | +.nobottom { | |
1684 | + border-bottom: none!important | |
286 | 1685 | } |
287 | 1686 | |
288 | -ul.product_colors{list-style:none;margin:30px 0 0 0 ;padding:0; float: left;} | |
289 | -ul.product_colors li{ | |
290 | - float:left; | |
291 | - margin:10px 10px 0 0; | |
292 | - width: 98px; | |
293 | - height: 98px; | |
294 | - text-align: center; | |
295 | - border: 1px solid #d2d2d2; | |
1687 | +.dotted a { | |
1688 | + border-bottom: 1px dotted grey | |
296 | 1689 | } |
297 | -ul.product_colors li a { | |
298 | - width: 98px; | |
299 | - height: 98px; | |
300 | - vertical-align: middle; | |
301 | - display: table-cell; | |
1690 | + | |
1691 | +.mycabinet { | |
1692 | + padding-left: 20px; | |
1693 | + margin-top: 20px | |
302 | 1694 | } |
303 | -ul.product_colors li img{ | |
304 | - max-width: 98px; | |
305 | - max-height: 98px; | |
306 | - vertical-align: middle; | |
1695 | + | |
1696 | +.mycabinet .begin { | |
1697 | + text-transform: uppercase; | |
1698 | + font-size: 13px; | |
1699 | + font-weight: 700; | |
1700 | + padding-bottom: 15px | |
1701 | +} | |
1702 | + | |
1703 | +.mycabinet ul { | |
1704 | + margin: 0; | |
1705 | + padding: 0; | |
1706 | + list-style: none | |
307 | 1707 | } |
308 | -.productLeftBar .begin{text-transform: uppercase;font-weight:bold; font-size: 12px;} | |
309 | 1708 | |
310 | -.cost_box{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin:10px 0px;padding:10px 0px;} | |
311 | -.cost_box .w{float:left;margin-right:20px;padding-top:5px;} | |
1709 | +.mycabinet ul li { | |
1710 | + padding-top: 10px; | |
1711 | + padding-bottom: 10px | |
1712 | +} | |
312 | 1713 | |
313 | -.product_service ul{list-style:none;margin:0px;padding:0px;} | |
314 | -.product_service ul li a{color:#799920;text-decoration:none;border-bottom:1px dotted #799920;font-size:12px;} | |
315 | -.product_service ul li.item1{background:url('../img/li1.png') left no-repeat;padding:3px 23px;} | |
316 | -.product_service ul li.item2{background:url('../img/li2.png') left no-repeat;padding:3px 23px;} | |
317 | -.product_service ul li.item3{background:url('../img/li3.png') left no-repeat;padding:3px 23px;} | |
1714 | +.lay_title .uppercase { | |
1715 | + text-transform: uppercase | |
1716 | +} | |
318 | 1717 | |
319 | -#nav_product{list-style:none;margin:0px;padding:0px;line-height:23px;} | |
320 | -#nav_product li a{background:url('../img/li_plus.png') left no-repeat;padding:3px 15px;color:#000000;text-transform: uppercase;text-decoration:none;font-weight:bold; font-size: 12px;} | |
321 | -#nav_product li a.active{background:url('../img/li_minus.png') left no-repeat;} | |
322 | -#nav_product li .info{display:none;border-bottom:1px solid #d2d2d2;padding:10px 0px;margin-bottom:10px;} | |
1718 | +.lay_title { | |
1719 | + padding-top: 15px; | |
1720 | + font-size: 24px | |
1721 | +} | |
323 | 1722 | |
324 | -#nav_product li .info, #nav_product li .info p {font-size: 12px; line-height: 16px;} | |
325 | -.modal_box{ | |
326 | - position: fixed; | |
327 | - left: 0; | |
328 | - top: 0; | |
329 | - width: 100%; | |
330 | - height: 100%; | |
331 | - z-index: 999; | |
1723 | +.edit_menu, | |
1724 | +.user_data .data, | |
1725 | +.user_data .title, | |
1726 | +.user_data_editing .data, | |
1727 | +.user_data_editing .title { | |
1728 | + float: left; | |
1729 | + font-size: 13px | |
1730 | +} | |
332 | 1731 | |
333 | - background: #000; | |
334 | - filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/ | |
335 | - -moz-opacity: 0.5; /* Mozilla 1.6 РС‘ РР…РС‘РВ¶РВµ */ | |
336 | - -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ | |
337 | - opacity: 0.5; | |
1732 | +.user_data { | |
1733 | + width: 390px; | |
1734 | + border-right: 1px solid #d2d2d2; | |
1735 | + float: left | |
1736 | +} | |
338 | 1737 | |
1738 | +.user_data .col { | |
1739 | + padding-bottom: 35px | |
339 | 1740 | } |
340 | -#data_box{position:absolute;top:100px;z-index:1000;width:400px;background:#ffffff; | |
341 | - -webkit-box-shadow: 0 0 15px #000; | |
342 | - -moz-box-shadow: 0 0 15px #000; | |
343 | - box-shadow: 0 0 15px #000; | |
344 | - border:7px solid #1b9bb6; | |
345 | - border-radius:5px; | |
1741 | + | |
1742 | +.user_data .col.last { | |
1743 | + padding-bottom: 0 | |
346 | 1744 | } |
347 | -#data_box .data_wrp{padding:25px 15px 15px 15px;} | |
348 | -#data_box .data_wrp h1{text-transform: uppercase;} | |
349 | -#data_box .data_wrp hr{height: 1px;border: none;color: #000000;background: #000000;margin: 45px 0px 20px 0px;} | |
350 | -#data_box .data_wrp hr.hr{height: 1px;border: none;color: #000000;background: #000000;margin: 20px 0px 20px 0px;} | |
351 | -#data_box .pic-tango{margin-right:7px;margin-bottom:7px;} | |
352 | -#modal_close{cursor:pointer;margin-top:-80px;margin-right:-50px;} | |
353 | 1745 | |
1746 | +.user_data .title { | |
1747 | + text-transform: uppercase; | |
1748 | + font-weight: 700; | |
1749 | + width: 170px | |
1750 | +} | |
354 | 1751 | |
355 | -.rightbar .control-label, .textareagroup .control-label {float:left;width:80px;padding-top:5px;} | |
356 | -.form-control{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;margin-bottom:3px;width:250px;} | |
357 | -.form-control:focus { | |
358 | - border:#1b9bb6 1px solid; | |
359 | - box-shadow: 0 0 10px #1b9bb6; | |
360 | - -webkit-box-shadow: 0 0 10px #1b9bb6; | |
361 | - -moz-box-shadow: 0 0 10px #1b9bb6; | |
1752 | +.edit_menu { | |
1753 | + padding-left: 60px | |
362 | 1754 | } |
363 | -.help-block{color:red;font-size:12px;margin-bottom:5px;} | |
364 | 1755 | |
365 | -.basket_item{padding:10px 0px;border-bottom:1px solid #b7b7b7;clear: both} | |
366 | -.basket_item img{margin-right:20px;} | |
367 | -.basket_item .count{margin:20px 0px;} | |
368 | -.basket_item .fr{margin-top:13px;} | |
369 | -.basket_item .info{overflow:hidden;} | |
370 | -.basket_item > a{display: block; | |
371 | - float: left;} | |
372 | -a.del:visited,a.del:link{background:url('../img/del.png') left center no-repeat;padding:2px 25px;font-size:12px;font-weight:normal;color:#787878;text-decoration: underline;} | |
373 | -a.del:hover{color:#a52828;text-decoration: underline;} | |
1756 | +.edit_menu div { | |
1757 | + padding-bottom: 20px | |
1758 | +} | |
374 | 1759 | |
375 | -.total{text-align:right;color:#87476a;font-size:20px;margin:10px 0px;} | |
1760 | +.edit_menu .dotted { | |
1761 | + border-bottom: 1px dotted #799920 | |
1762 | +} | |
376 | 1763 | |
377 | -/*.submit4{margin-top:5px;border:none;padding:8px 13px;background:#95ba2f;border-radius:5px;color:#ffffff;text-transform: uppercase;text-decoration:none;font-size:14px;cursor:pointer;}*/ | |
378 | -/*.submit4:hover{background:#f75d50;}*/ | |
1764 | +.user_edit_area { | |
1765 | + padding-top: 30px | |
1766 | +} | |
379 | 1767 | |
380 | -.submit4m {font-family: Roboto;border:none;background:#95ba2f;border-radius:4px;color:#ffffff;text-transform: uppercase;font-size:10px;cursor:pointer; width:102px; height: 29px; border-bottom: 3px solid #799920; line-height: 29px;} | |
381 | -.submit4m:active,.submit4m:focus {outline: none} | |
1768 | +.user_data_editing { | |
1769 | + float: left | |
1770 | +} | |
382 | 1771 | |
383 | -.btn-primary{ | |
384 | - border-bottom: 3px solid #799920; | |
385 | - border-top:0;border-right: 0;border-left: 0; | |
386 | - margin-top:5px; | |
387 | - padding:0 15px; | |
388 | - background:#95ba2f; | |
389 | - border-radius:4px; | |
390 | - color:#ffffff; | |
1772 | +.inputs .col { | |
1773 | + padding-bottom: 12px!important | |
1774 | +} | |
1775 | + | |
1776 | +.user_data_editing .col { | |
1777 | + padding-bottom: 35px; | |
1778 | + width: 432px | |
1779 | +} | |
1780 | + | |
1781 | +.user_data_editing .title { | |
391 | 1782 | text-transform: uppercase; |
392 | - text-decoration:none; | |
393 | - font-size:12px; | |
394 | - font-weight:bold; | |
395 | - cursor:pointer; | |
396 | - height: 29px; | |
397 | - line-height: 29px; | |
1783 | + font-weight: 700; | |
1784 | + width: 170px | |
1785 | +} | |
1786 | + | |
1787 | +.user_data_editing .data { | |
1788 | + width: 262px | |
398 | 1789 | } |
399 | -.btn-primary:active, .btn-primary:focus {outline: none;} | |
400 | 1790 | |
401 | -a.logout:visited,a.logout:link{border:none;padding:3px 5px;background:#f75d50;border-radius:5px;color:#ffffff;text-transform: uppercase;text-decoration:none;font-size:11px;font-weight:normal;cursor:pointer;} | |
402 | -a.logout:hover{background:#95ba2f;} | |
1791 | +.user_data_editing input[type=text] { | |
1792 | + padding: 7px 10px; | |
1793 | + margin: -10px 0 0; | |
1794 | + border: 1px solid #d2d2d2; | |
1795 | + border-radius: 4px; | |
1796 | + font-size: 12px; | |
1797 | + width: 240px | |
1798 | +} | |
403 | 1799 | |
404 | -.boy_box{border-bottom:1px solid #b7b7b7;padding:0px 0px 15px 0px;} | |
405 | -.boy_box div{padding-top:10px;} | |
1800 | +#cancel, | |
1801 | +.user_data_editing .add { | |
1802 | + border-bottom: 1px dotted #799920; | |
1803 | + color: #799920; | |
1804 | + text-decoration: none | |
1805 | +} | |
406 | 1806 | |
407 | -.content_product .info{padding:0px 0px 20px 0px;} | |
1807 | +.add_more { | |
1808 | + padding-bottom: 24px; | |
1809 | + padding-left: 170px | |
1810 | +} | |
408 | 1811 | |
409 | -a.btn-success{display:inline-block;border:2px solid #d8d6d6;color:#95ba2f;border-radius:5px;padding:5px;margin-bottom:10px;text-decoration:none;font-size:14px;} | |
410 | -a.btn-success:hover{border:#95ba2f 2px solid;color:#f75d50;} | |
1812 | +.delete { | |
1813 | + float: right | |
1814 | +} | |
411 | 1815 | |
1816 | +.delete_button { | |
1817 | + background: url(../img/ico_close.png) right no-repeat; | |
1818 | + width: 16px; | |
1819 | + height: 16px; | |
1820 | + float: right | |
1821 | +} | |
412 | 1822 | |
413 | -.txtb1{font-size:14px;font-weight:bold;} | |
414 | -.txtf{font-size:14px;font-weight:bold;color:#87476a;} | |
415 | -.txtfb{font-size:20px;font-weight:bold;color:#87476a;} | |
1823 | +.content_area { | |
1824 | + width: 450px | |
1825 | +} | |
416 | 1826 | |
417 | -.count{margin:20px 0px;} | |
418 | -.count input[type="number"]{outline:0;width:50px;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;margin-bottom:7px;} | |
1827 | +#cancel { | |
1828 | + font-size: 13px; | |
1829 | + float: left; | |
1830 | + margin-left: 40px | |
1831 | +} | |
419 | 1832 | |
420 | -a.link2:visited,a.link2:link{font-size:14px;font-weight:bold;color:#95ba2f;text-decoration: none;} | |
421 | -a.link2:hover{color:#f75d50;text-decoration: underline;} | |
1833 | +.buttons { | |
1834 | + display: inline-flex; | |
1835 | + align-items: center | |
1836 | +} | |
422 | 1837 | |
1838 | +.favorites { | |
1839 | + background-color: #f5f5f5; | |
1840 | + padding: 5px; | |
1841 | + font-size: 14px | |
1842 | +} | |
423 | 1843 | |
1844 | +.favorites .fav_point { | |
1845 | + background-color: #fff; | |
1846 | + border: 1px solid #d2d2d2; | |
1847 | + border-radius: 3px; | |
1848 | + margin-top: 5px; | |
1849 | + padding: 10px 20px | |
1850 | +} | |
424 | 1851 | |
425 | -.well{margin:50px auto;width:400px;background:#f5f5f5;border:1px solid #e8e8e8;padding:20px;border-radius:5px;} | |
426 | -.control-label{float:left;width:100px;padding-top:5px;} | |
427 | -#user-verifycode-image{display:block;} | |
428 | -.form-inline{display:inline;} | |
429 | -.form-inline .form-group{float:left;margin-right:10px;} | |
430 | -.form-inline .form-group select{width:100px;} | |
431 | -.form-group{margin-bottom: 10px;} | |
432 | -.table-bordered{width:100%;border:1px solid silver;} | |
433 | -.table-bordered th{background: #B3D1FD;padding:5px;} | |
434 | -.table-bordered tr td{border:1px solid silver;padding:5px;} | |
435 | -.table-bordered .filters{display: none;} | |
1852 | +.favorites .fav_point .left { | |
1853 | + float: left; | |
1854 | + padding-right: 0; | |
1855 | + width: 178px | |
1856 | +} | |
436 | 1857 | |
437 | -.formCost label{float:left;width:30px;} | |
1858 | +.favorites .fav_point .right { | |
1859 | + float: right; | |
1860 | + padding-right: 0; | |
1861 | + padding-left: 0 | |
1862 | +} | |
438 | 1863 | |
439 | -ul.brends_list{list-style: none;margin:0px;padding:0px;} | |
440 | -ul.brends_list li{float:left;text-align:center;margin:0px 15px 20px 15px;} | |
1864 | +.favorites .link { | |
1865 | + color: #799920; | |
1866 | + text-decoration: none; | |
1867 | + border-bottom: 1px dotted #799920 | |
1868 | +} | |
441 | 1869 | |
442 | -.compare{text-align: center;} | |
443 | -.compare a:visited,.compare a:link{font-size:12px;text-decoration: underline;} | |
1870 | +.redtext { | |
1871 | + color: #f75d50 | |
1872 | +} | |
444 | 1873 | |
445 | -.alert-success{margin:10px 0px;padding:10px;border:1px solid #3ed824;border-radius: 5px;background: #c0feb5;} | |
1874 | +.greentext { | |
1875 | + color: #95ba2f | |
1876 | +} | |
446 | 1877 | |
447 | -.news_item{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid silver;} | |
448 | -.news_item img{margin-right:20px;} | |
449 | -.news_item a{font-size:16px;} | |
1878 | +.hold .orders_view { | |
1879 | + display: none!important | |
1880 | +} | |
450 | 1881 | |
451 | -.pic{ | |
452 | - width: 392px; | |
453 | - height: 365px; | |
1882 | +.orders_view { | |
1883 | + width: 680px; | |
1884 | + margin-top: 13px; | |
1885 | + padding-top: 13px; | |
1886 | + padding-bottom: 5px; | |
1887 | + border-top: 1px solid #d2d2d2; | |
1888 | + display: block | |
454 | 1889 | } |
455 | -.pic a { | |
456 | - width: 392px; | |
457 | - height: 365px; | |
458 | - display: table-cell; | |
459 | - vertical-align: middle; | |
1890 | + | |
1891 | +.orders_view .order { | |
1892 | + float: left; | |
1893 | + width: 225px | |
460 | 1894 | } |
461 | -.pic a img { | |
462 | - max-width: 392px; | |
463 | - max-height: 365px; | |
464 | - vertical-align: middle; | |
1895 | + | |
1896 | +.orders_view .order .order_price { | |
1897 | + color: #f75d50; | |
1898 | + font-weight: 700; | |
1899 | + font-size: 15px | |
465 | 1900 | } |
466 | -input#subscribe-email::-webkit-input-placeholder { | |
467 | - color: #596065 | |
1901 | + | |
1902 | +.orders_view .order .order_price span { | |
1903 | + font-size: 24px | |
468 | 1904 | } |
469 | 1905 | |
470 | -input#subscribe-email::-moz-placeholder { | |
471 | - color: #596065 | |
1906 | +.orders_view .order img { | |
1907 | + padding-bottom: 22px | |
472 | 1908 | } |
473 | 1909 | |
1910 | +.orders_view .order .note { | |
1911 | + font-size: 13px | |
1912 | +} | |
474 | 1913 | |
475 | -input#subscribe-email:-ms-input-placeholder { | |
476 | - color: #596065 | |
1914 | +.orders_view .order .note span { | |
1915 | + color: #f75d50 | |
477 | 1916 | } |
478 | -input#subscribe-sale::-webkit-input-placeholder { | |
479 | - color: #596065 | |
1917 | + | |
1918 | +.basket_hovered { | |
1919 | + position: absolute; | |
1920 | + border: 1px solid #d2d2d2; | |
1921 | + border-radius: 5px; | |
1922 | + padding: 15px 20px; | |
1923 | + background-color: #fff; | |
1924 | + right: -1px; | |
1925 | + margin-top: 10px; | |
1926 | + width: 640px; | |
1927 | + display: none; | |
1928 | + z-index: 1111 | |
480 | 1929 | } |
481 | 1930 | |
482 | -input#subscribe-sale::-moz-placeholder { | |
483 | - color: #596065 | |
1931 | +.open .basket_hovered { | |
1932 | + display: block | |
484 | 1933 | } |
485 | 1934 | |
1935 | +.open, | |
1936 | +.open .basket_hovered { | |
1937 | + -moz-box-shadow: 0 0 5px rgba(149, 149, 149, .75); | |
1938 | + -webkit-box-shadow: 0 0 5px rgba(149, 149, 149, .75); | |
1939 | + box-shadow: 0 0 5px rgba(149, 149, 149, .75) | |
1940 | +} | |
486 | 1941 | |
487 | -input#subscribe-sale:-ms-input-placeholder { | |
488 | - color: #596065 | |
1942 | +.basket_hovered1:before { | |
1943 | + position: absolute; | |
1944 | + left: 0; | |
1945 | + content: ' '; | |
1946 | + width: 100%; | |
1947 | + background-color: #fff; | |
1948 | + height: 10px; | |
1949 | + top: 45px; | |
1950 | + z-index: 1112 | |
489 | 1951 | } |
490 | -#subscribe-email, #subscribe-sale {color: #596065} | |
491 | -#subscribe-sale{width:100px;float:left;margin-right:20px;height: 28px;} | |
492 | -.saletxt{width:150px;float:left;color:#ffffff; font-size: 12px;} | |
493 | -#subscribe-email{width:370px;} | |
494 | - | |
495 | -.txts{color:#9da9b1;font-size:18px;margin-bottom:20px;} | |
496 | - | |
497 | -.content ul.pagination{list-style:none;text-align:center; margin: 0 0 16px 0;padding: 0 0 20px 0; border-bottom: 1px solid #d2d2d2;} | |
498 | -.content ul.pagination li{display:inline;} | |
499 | -.content ul.pagination li a{padding:3px;color:#82a02f;font-size: 15px;margin:0; text-decoration: none; } | |
500 | -.content ul.pagination li a:hover {text-decoration: underline} | |
501 | -.content ul.pagination li.active a{color: #333333;} | |
502 | -.boxitem{ | |
503 | - height:318px; | |
504 | -} | |
505 | -ul.social {margin-top: 20px;} | |
506 | -.social{list-style: none;margin: 10px;padding: 0px;height:48px;} | |
507 | -.social li{display:inline-block;margin-right:7px;padding-bottom: 10px;} | |
508 | -.social li a{ | |
509 | - width:36px; | |
510 | - height:36px; | |
511 | - display:block; | |
512 | - margin:0;padding:0; | |
513 | - text-indent:-9999px; | |
514 | - background:#bcbcbc url(../img/social-ico-two.png) no-repeat 0 0; | |
515 | - border-radius:48px; | |
516 | - -moz-border-radius:48px; | |
517 | - -webkit-border-radius:48px; | |
518 | - -webkit-transition: all 0.5s ease-out; | |
519 | - -moz-transition: all 0.5s ease-out; | |
520 | - transition: all 0.5s ease-out; | |
521 | -} | |
522 | -.social .fb{background-position:-44px 0; | |
523 | - cursor: pointer; | |
1952 | + | |
1953 | +.basket_item input { | |
1954 | + border: 1px solid #d2d2d2; | |
1955 | + border-radius: 4px; | |
1956 | + padding: 9px; | |
1957 | + width: 26px; | |
1958 | + font-size: 18px; | |
1959 | + font-weight: 700; | |
1960 | + background-color: #fff; | |
1961 | + color: #000; | |
1962 | + margin: 7px | |
524 | 1963 | } |
525 | -.social .vk{ | |
526 | - cursor: pointer; | |
1964 | + | |
1965 | +.minus, | |
1966 | +.plus { | |
1967 | + width: 15px; | |
1968 | + height: 15px; | |
1969 | + display: inline-block; | |
1970 | + cursor: pointer | |
527 | 1971 | } |
528 | -.social .vk:hover{background-color:#5B7FA6;} | |
529 | -.social .fb:hover{background-color:#354f89; | |
1972 | + | |
1973 | +input[type=number]::-webkit-inner-spin-button, | |
1974 | +input[type=number]::-webkit-outer-spin-button { | |
1975 | + -webkit-appearance: none; | |
1976 | + margin: 0 | |
530 | 1977 | } |
531 | -.social .gp{background-position:-132px 0; | |
532 | - cursor: pointer;} | |
533 | -.social .gp:hover{background-color:#c72f21;} | |
534 | -.social .tw{background-position:-144px 0; | |
535 | - cursor: pointer;} | |
536 | -.social .tw:hover{background-color:#6398c9;} | |
537 | -.social .ok{background-position:-89px 0; | |
538 | - cursor: pointer;} | |
539 | -.social .ok:hover{background-color:#f88f15;} | |
540 | -.social ul li a:hover{ | |
541 | - background-color:#065baa; | |
1978 | + | |
1979 | +.minus { | |
1980 | + background: url(../img/minus.png) no-repeat | |
542 | 1981 | } |
543 | 1982 | |
544 | -.socialbox{margin:10px 0px;} | |
545 | -.hide{display:none;} | |
1983 | +.plus { | |
1984 | + background: url(../img/plus.png) no-repeat | |
1985 | +} | |
546 | 1986 | |
1987 | +.black, | |
1988 | +.black:before { | |
1989 | + width: 100%; | |
1990 | + height: 100% | |
1991 | +} | |
547 | 1992 | |
548 | -.footer .fl{font-size: 12px;} | |
549 | -.fotter{background: #484f55;height: 50px;color:#98a3ab;} | |
550 | -.fotter a{color:#98a3ab; line-height: 50px; float: left; font-size: 12px;} | |
1993 | +.basket_sum { | |
1994 | + padding-top: 15px | |
1995 | +} | |
551 | 1996 | |
1997 | +.basket_sum .sum_text { | |
1998 | + font-size: 15px; | |
1999 | + text-transform: none; | |
2000 | + float: right!important; | |
2001 | + padding-top: 1px; | |
2002 | + margin-bottom: 11px | |
2003 | +} | |
552 | 2004 | |
553 | -.view_products2{list-style: none;overflow:auto;height:400px;} | |
554 | -.view_products2 img{float:left;margin-right:20px;} | |
555 | -.view_products2 li{margin:10px 0px;} | |
2005 | +.item_added_win h2, | |
2006 | +.left_block .begin, | |
2007 | +.note_prod, | |
2008 | +.title_spoiler, | |
2009 | +.uppercase, | |
2010 | +ul.product-special li div { | |
2011 | + text-transform: uppercase | |
2012 | +} | |
556 | 2013 | |
2014 | +.basket_sum .sum_text span { | |
2015 | + font-size: 18px; | |
2016 | + color: #f75d50; | |
2017 | + font-weight: 700 | |
2018 | +} | |
557 | 2019 | |
558 | -.pixbox{width:160px;margin:0 auto;height:200px;overflow: hidden;text-align: center;} | |
2020 | +.basket_sum a { | |
2021 | + color: #fff!important; | |
2022 | + font-size: 15px!important; | |
2023 | + float: right | |
2024 | +} | |
559 | 2025 | |
2026 | +.black { | |
2027 | + z-index: 9999; | |
2028 | + position: absolute; | |
2029 | + display: block; | |
2030 | + padding-top: 6% | |
2031 | +} | |
560 | 2032 | |
561 | -.form-order{background:#f5f5f5;padding:0 20px 20px 20px;} | |
562 | -#order-payment{float:right;width:280px;} | |
563 | -#order-delivery{float:right;width:280px;} | |
2033 | +.black:before { | |
2034 | + content: ''; | |
2035 | + background-color: rgba(0, 0, 0, .5); | |
2036 | + position: fixed; | |
2037 | + top: 0 | |
2038 | +} | |
564 | 2039 | |
565 | -.delivery-data{margin-bottom:27px;position:relative;background: #95ba2f;display:none;border-radius: 5px;float: left;box-sizing: border-box; padding: 14px 20px; color: #fff; font-size: 13px;} | |
2040 | +.black.hidden { | |
2041 | + display: none | |
2042 | +} | |
566 | 2043 | |
567 | -.jcarousel-next-disabled, .jcarousel-prev-disabled {opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} | |
568 | -.content2 br {display: none;} | |
569 | -.pixbox a { | |
570 | - width: 160px; | |
571 | - height: 200px; | |
572 | - display: table-cell; | |
573 | - vertical-align: middle; | |
2044 | +.black_close, | |
2045 | +.left_block .links li { | |
2046 | + display: inline-block; | |
2047 | + cursor: pointer | |
574 | 2048 | } |
575 | -.pixbox img { | |
576 | - max-width: 160px; | |
577 | - max-height: 200px; | |
578 | - vertical-align: middle; | |
2049 | + | |
2050 | +.black .item_added_win { | |
2051 | + background-color: #fff; | |
2052 | + width: 640px; | |
2053 | + margin: auto; | |
2054 | + position: relative | |
579 | 2055 | } |
580 | -.pagination li.prev.disabled span { | |
581 | - /*padding: 9px;*/ | |
582 | - /*border-radius: 10%;*/ | |
583 | - /*color: #4D5458;*/ | |
584 | - /*font-size: 14px;*/ | |
585 | - /*margin: 0px;*/ | |
586 | - /*border: 1px solid #4d5458;*/ | |
587 | - display: none; | |
2056 | + | |
2057 | +.black_close { | |
2058 | + position: absolute; | |
2059 | + top: 30px; | |
2060 | + right: 30px; | |
2061 | + background: url(../img/ico_close2.png) no-repeat; | |
2062 | + width: 22px; | |
2063 | + height: 22px | |
588 | 2064 | } |
589 | -.pagination li.next.disabled span { | |
590 | - display: none; | |
2065 | + | |
2066 | +.block_content { | |
2067 | + padding-left: 20px; | |
2068 | + padding-right: 20px | |
591 | 2069 | } |
592 | -.fr {float: right;} | |
593 | 2070 | |
594 | -.nobottom{border-bottom:none !important;} | |
2071 | +.item_added_win h2 { | |
2072 | + text-align: center; | |
2073 | + padding: 30px | |
2074 | +} | |
595 | 2075 | |
596 | -.dotted a{border-bottom: 1px dotted #808080;} | |
2076 | +.block_content .item { | |
2077 | + padding-top: 20px; | |
2078 | + padding-bottom: 20px | |
2079 | +} | |
597 | 2080 | |
598 | -.mycabinet{padding-left:20px;margin-top:20px;} | |
599 | -.mycabinet .begin{text-transform:uppercase;font-size: 13px;font-weight:bold; padding-bottom:15px;} | |
600 | -.mycabinet ul{margin:0px;padding:0px;list-style:none;} | |
601 | -.mycabinet ul li{padding-top:10px;padding-bottom:10px;} | |
602 | -.mycabinet a{color:#799920;text-decoration:none;} | |
2081 | +.w230 { | |
2082 | + width: 230px | |
2083 | +} | |
603 | 2084 | |
604 | -.lay_title .uppercase{text-transform:uppercase;} | |
605 | -.lay_title .center{text-align:center;} | |
606 | -.lay_title{padding-top:15px;font-size:24px;} | |
2085 | +.w260 { | |
2086 | + width: 260px | |
2087 | +} | |
607 | 2088 | |
608 | -.user_data{width:390px;border-right:1px solid #d2d2d2;float:left;} | |
609 | -.user_data .col{padding-bottom:35px;} | |
610 | -.user_data .col.last{padding-bottom:0px;} | |
611 | -.user_data .title{text-transform:uppercase;font-weight:bold;width:170px;float:left;font-size:13px;} | |
612 | -.user_data .data{float:left;font-size:13px;} | |
2089 | +.w430 { | |
2090 | + width: 430px | |
2091 | +} | |
613 | 2092 | |
614 | -.edit_menu{float:left;padding-left:60px;font-size:13px;} | |
615 | -.edit_menu div{padding-bottom:20px;} | |
616 | -.edit_menu a{color:#799920;text-decoration:none;} | |
617 | -.edit_menu .dotted{border-bottom:1px dotted #799920;} | |
2093 | +.left_block .begin { | |
2094 | + font-size: 13px; | |
2095 | + font-weight: 700; | |
2096 | + padding-bottom: 15px | |
2097 | +} | |
618 | 2098 | |
619 | -.user_edit_area{padding-top:30px;} | |
2099 | +.color_variants .variant { | |
2100 | + border: 1px solid #d2d2d2; | |
2101 | + float: left; | |
2102 | + margin-right: 5px; | |
2103 | + margin-bottom: 5px | |
2104 | +} | |
620 | 2105 | |
621 | -/* part two */ | |
2106 | +.variant:hover { | |
2107 | + cursor: pointer | |
2108 | +} | |
622 | 2109 | |
623 | -.user_data_editing{float:left;} | |
624 | -.inputs .col{padding-bottom:12px !important;} | |
625 | -.user_data_editing .col{padding-bottom:35px; width:432px;} | |
626 | -.user_data_editing .title{text-transform:uppercase;font-weight:bold;width:170px;float:left;font-size:13px;} | |
627 | -.user_data_editing .data{float:left;font-size:13px; width:262px;} | |
2110 | +.color_variants { | |
2111 | + margin-top: 14px; | |
2112 | + margin-bottom: -5px | |
2113 | +} | |
628 | 2114 | |
629 | -.user_data_editing input[type="text"] { | |
630 | - padding:0; | |
631 | - margin:0; | |
632 | - border:1px solid #d2d2d2; | |
633 | - padding-top:7px; | |
634 | - padding-bottom:7px; | |
635 | - padding-left:10px; | |
636 | - padding-right:10px; | |
637 | - border-radius:4px; | |
638 | - font-size:12px; | |
639 | - margin-top:-10px; | |
640 | - width: 240px; | |
2115 | +.color_variants .variant.active { | |
2116 | + width: 44px; | |
2117 | + height: 44px; | |
2118 | + border: 2px solid #95ba2f | |
641 | 2119 | } |
642 | 2120 | |
643 | -.user_data_editing .add {color:#799920; text-decoration:none;border-bottom:1px dotted #799920;} | |
644 | -.add_more{padding-bottom:24px; padding-left:170px;} | |
2121 | +.color_variants .variant.active a { | |
2122 | + width: 44px; | |
2123 | + height: 44px | |
2124 | +} | |
645 | 2125 | |
646 | -.delete{float:right;} | |
647 | -.delete_button{background: url('../img/ico_close.png') right no-repeat; width:16px;height:16px;float:right;} | |
2126 | +.tobasket { | |
2127 | + margin-top: 20px; | |
2128 | + margin-bottom: 20px | |
2129 | +} | |
648 | 2130 | |
649 | -.content_area{width:450px;} | |
2131 | +.tobasket:hover { | |
2132 | + color: #fff | |
2133 | +} | |
650 | 2134 | |
651 | -/*.bottom3{border-top:3px solid #95ba2f !important;border-bottom:3px solid #799920 !important; float:left;font-size:15px;}*/ | |
652 | -/*.bottom3:hover{border-top:3px solid #f75d50 !important;border-bottom:3px solid #c33327 !important;}*/ | |
653 | -#cancel{text-decoration:none;color:#799920;font-size:13px;border-bottom:1px dotted #799920;float:left;margin-left:40px;} | |
2135 | +.variant { | |
2136 | + width: 46px; | |
2137 | + height: 46px | |
2138 | +} | |
654 | 2139 | |
655 | -.buttons{ | |
656 | - display: inline-flex; | |
657 | - align-items: center;} | |
2140 | +.variant.active { | |
2141 | + width: 44px; | |
2142 | + height: 44px | |
2143 | +} | |
658 | 2144 | |
659 | -/* part three */ | |
2145 | +.layout { | |
2146 | + margin-top: 15px | |
2147 | +} | |
660 | 2148 | |
661 | -.favorites{background-color:#f5f5f5; padding:5px;font-size:14px;} | |
662 | -.favorites .fav_point{background-color:#ffffff;border:1px solid #d2d2d2;border-radius:3px;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px; margin-top:5px;} | |
663 | -.favorites .fav_point .left{float:left; padding-right:0; width:178px;} | |
664 | -.favorites .fav_point .right{float:right; padding-right:0; padding-left:0;} | |
2149 | +.left_block { | |
2150 | + float: left | |
2151 | +} | |
665 | 2152 | |
666 | -.favorites .link{color:#799920; text-decoration:none;border-bottom:1px dotted #799920;} | |
2153 | +.right_block { | |
2154 | + float: right | |
2155 | +} | |
667 | 2156 | |
668 | -.redtext{color:#f75d50;} | |
669 | -.greentext{color:#95ba2f;} | |
2157 | +.center_block { | |
2158 | + float: left; | |
2159 | + margin-left: 23px | |
2160 | +} | |
670 | 2161 | |
671 | -/* part three one */ | |
672 | -.hold .orders_view{display:none !important;} | |
673 | -.orders_view{width:680px;margin-top:13px;padding-top:13px;padding-bottom:5px;border-top:1px solid #d2d2d2;display:block;} | |
674 | -.orders_view .order{float:left;width:225px;text-align:center;} | |
675 | -.orders_view .order .order_price{color:#f75d50;font-weight:bold;font-size:15px;} | |
676 | -.orders_view .order .order_price span{font-size:24px;} | |
677 | -.orders_view .order img{padding-bottom:22px;} | |
678 | -.orders_view .order .note{font-size:13px;} | |
679 | -.orders_view .order .note span{color:#f75d50;} | |
2162 | +.left_block .links { | |
2163 | + margin-top: 25px | |
2164 | +} | |
680 | 2165 | |
681 | -.basket_hovered{ | |
682 | - position:absolute; | |
683 | - border:1px solid #d2d2d2;border-radius:5px;padding:15px 20px; | |
684 | - background-color:white; | |
685 | - right:-1px; | |
686 | - margin-top:10px; | |
687 | - width:640px; | |
688 | - display:none; | |
689 | - z-index:1111; | |
2166 | +.left_block .links li { | |
2167 | + list-style: none; | |
2168 | + padding-left: 25px; | |
2169 | + height: 20px | |
690 | 2170 | } |
691 | 2171 | |
2172 | +.left_block .links ul { | |
2173 | + margin: 0; | |
2174 | + padding: 0 | |
2175 | +} | |
692 | 2176 | |
693 | -.open .basket_hovered{ | |
694 | - display:block; | |
2177 | +.left_block .links a { | |
2178 | + font-size: 13.5px; | |
2179 | + text-decoration: none; | |
2180 | + color: #8ba73e | |
695 | 2181 | } |
696 | 2182 | |
697 | -.open, .open .basket_hovered { | |
698 | - -moz-box-shadow: 0px 0px 5px rgba(149,149,149,0.75); | |
699 | - -webkit-box-shadow: 0px 0px 5px rgba(149,149,149,0.75); | |
700 | - box-shadow: 0px 0px 5px rgba(149,149,149,0.75); | |
2183 | +.links .add_bookmarks { | |
2184 | + background: url(../img/ico_add_bookmark.png) center left no-repeat | |
701 | 2185 | } |
702 | -.basket_hovered1:before{ | |
703 | - position:absolute; | |
704 | - left:0; | |
705 | - content:' '; | |
706 | - width:100%; | |
707 | - background-color:white; | |
708 | - height:10px; | |
709 | - top:45px; | |
710 | - z-index:1112; | |
2186 | + | |
2187 | +.links .what_price { | |
2188 | + background: url(../img/ico_price.png) center left no-repeat | |
711 | 2189 | } |
712 | 2190 | |
713 | -.basket_item input{ | |
714 | - border: 1px solid #d2d2d2; | |
715 | - border-radius: 4px; | |
716 | - padding:9px; | |
717 | - width:26px; | |
718 | - font-size:18px; | |
719 | - font-weight:bold; | |
720 | - text-align:center; | |
721 | - background-color:white; | |
722 | - color: black; | |
723 | - margin:7px; | |
2191 | +.links .add_compare { | |
2192 | + background: url(../img/ico_scales.png) center left no-repeat | |
724 | 2193 | } |
725 | -input[type=number]::-webkit-inner-spin-button, | |
726 | -input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; | |
727 | - margin:0;} | |
728 | 2194 | |
2195 | +.spoiler_one { | |
2196 | + padding-top: 15px; | |
2197 | + padding-bottom: 15px; | |
2198 | + border-bottom: 1px solid #d2d2d2 | |
2199 | +} | |
729 | 2200 | |
730 | -.minus{background:url('../img/minus.png') no-repeat;width:15px;height:15px;display:inline-block;cursor:pointer;} | |
731 | -.plus{background:url('../img/plus.png') no-repeat;width:15px;height:15px;display:inline-block;cursor:pointer;} | |
2201 | +.spoiler_one .spoiler_content { | |
2202 | + margin-top: 15px; | |
2203 | + font-size: 13px | |
2204 | +} | |
732 | 2205 | |
733 | -.basket_sum{padding-top:15px;} | |
2206 | +.spoiler_one .spoiler_content.hidden { | |
2207 | + display: none | |
2208 | +} | |
734 | 2209 | |
735 | -.basket_sum .sum_text{font-size:15px; text-transform:none;padding-top:12px;float: right !important;padding-top: 1px;margin-bottom: 11px;} | |
736 | -.basket_sum .sum_text span{font-size:18px; color:#f75d50; font-weight:bold;} | |
737 | -.basket_sum a{color:white !important; font-size:15px !important; float:right;} | |
2210 | +.title_spoiler:hover { | |
2211 | + cursor: pointer | |
2212 | +} | |
738 | 2213 | |
2214 | +.title_spoiler { | |
2215 | + background: url(../img/ico_open.png) center left no-repeat; | |
2216 | + padding-left: 17px; | |
2217 | + font-size: 13px; | |
2218 | + color: #333; | |
2219 | + font-weight: 700; | |
2220 | + text-decoration: none | |
2221 | +} | |
739 | 2222 | |
740 | -.black{z-index:9999; width:100%;height:100%;position:absolute;display:block;padding-top:6%;} | |
741 | -.black:before { | |
742 | - content: ''; | |
743 | - background-color: rgba(0,0,0,0.5); | |
744 | - width: 100%; | |
745 | - height: 100%; | |
746 | - position: fixed; | |
747 | - top: 0; | |
2223 | +.title_spoiler.closed { | |
2224 | + background: url(../img/ico_close3.png) center left no-repeat | |
748 | 2225 | } |
749 | -.black.hidden{display:none;} | |
750 | -.black .item_added_win{background-color:#ffffff;width:640px; margin:auto;position:relative;} | |
751 | 2226 | |
752 | -.black_close{position:absolute; top:30px;right:30px;background:url('../img/ico_close2.png') no-repeat;width:22px;height:22px;display:inline-block;cursor:pointer;} | |
2227 | +.features { | |
2228 | + list-style: none; | |
2229 | + padding: 0; | |
2230 | + margin: 0; | |
2231 | + font-size: 13px | |
2232 | +} | |
753 | 2233 | |
754 | -.block_content{padding-left:20px;padding-right:20px;} | |
755 | -.item_added_win h2{text-transform:uppercase;text-align:center;padding:30px;} | |
2234 | +.features a { | |
2235 | + font-size: 13px; | |
2236 | + text-decoration: none; | |
2237 | + border-bottom: 1px dotted #8ba73e; | |
2238 | + color: #8ba73e | |
2239 | +} | |
756 | 2240 | |
757 | -.block_content .item{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #d2d2d2;} | |
2241 | +.features li { | |
2242 | + padding-top: 5px; | |
2243 | + padding-bottom: 4px | |
2244 | +} | |
758 | 2245 | |
759 | -.uppercase{text-transform:uppercase;} | |
2246 | +.note_prod .blue, | |
2247 | +.note_prod .red, | |
2248 | +.note_prod .yellow { | |
2249 | + padding: 5px 5px 5px 10px; | |
2250 | + float: left | |
2251 | +} | |
760 | 2252 | |
761 | -.w230{width:230px;} | |
762 | -.w260{width:260px;} | |
763 | -.w430{width:430px;} | |
764 | -.borderbottom{border-bottom:1px solid #d2d2d2;} | |
765 | -.left_block .begin{text-transform:uppercase;font-size: 13px;font-weight:bold; padding-bottom:15px;} | |
2253 | +.note_prod { | |
2254 | + width: 225px; | |
2255 | + height: 23px; | |
2256 | + overflow: hidden; | |
2257 | + border-radius: 5px; | |
2258 | + display: table; | |
2259 | + font-size: 11px; | |
2260 | + font-weight: 700 | |
2261 | +} | |
766 | 2262 | |
767 | -.color_variants .variant{ | |
768 | - text-align:center; | |
769 | - border:1px solid #d2d2d2; | |
770 | - float:left; | |
771 | - margin-right:5px; | |
772 | - margin-bottom:5px; | |
2263 | +.note_prod .blue:after, | |
2264 | +.note_prod .red:after, | |
2265 | +.note_prod .yellow:after { | |
2266 | + width: 0; | |
2267 | + height: 0; | |
2268 | + border-top: 13px solid transparent; | |
2269 | + border-bottom: 13px solid transparent; | |
2270 | + top: -1px; | |
2271 | + margin-left: 5px; | |
2272 | + content: '' | |
773 | 2273 | } |
774 | -.variant:hover{cursor:pointer;} | |
775 | -.color_variants{margin-top:14px;margin-bottom:-5px;} | |
776 | -.color_variants .variant.active{width:44px;height:44px;border:2px solid #95ba2f;} | |
777 | -.color_variants .variant.active a{width:44px;height:44px;} | |
778 | 2274 | |
779 | -.tobasket{margin-top:20px;margin-bottom:20px;} | |
780 | -.tobasket:hover{color:white;} | |
2275 | +.note_prod .one { | |
2276 | + z-index: 999 | |
2277 | +} | |
781 | 2278 | |
782 | -.variant{width:46px;height:46px;} | |
783 | -.variant.active{width:44px;height:44px;} | |
2279 | +.note_prod .two { | |
2280 | + z-index: 998 | |
2281 | +} | |
784 | 2282 | |
785 | -.layout{margin-top:15px;} | |
786 | -.left_block{float:left;} | |
787 | -.right_block{float:right;} | |
788 | -.center_block{float:left;margin-left:23px;} | |
2283 | +.note_prod .blue { | |
2284 | + background-color: #42b9f6; | |
2285 | + position: relative | |
2286 | +} | |
789 | 2287 | |
790 | -.left_block .links{margin-top:25px;} | |
2288 | +.note_prod .blue:after { | |
2289 | + border-left: 5px solid #42b9f6; | |
2290 | + position: absolute | |
2291 | +} | |
791 | 2292 | |
792 | -.left_block .links li{list-style: none; padding-left:25px;display:inline-block;cursor:pointer;height:20px;} | |
793 | -.left_block .links ul{margin:0;padding:0;} | |
794 | -.left_block .links a{font-size:13.5px;text-decoration:none; color:#8ba73e;} | |
2293 | +.note_prod .red { | |
2294 | + background-color: #f75d50; | |
2295 | + position: relative; | |
2296 | + color: #fff | |
2297 | +} | |
795 | 2298 | |
2299 | +.note_prod .red:after { | |
2300 | + border-left: 5px solid #f75d50; | |
2301 | + position: absolute | |
2302 | +} | |
796 | 2303 | |
797 | -.links .add_bookmarks{background:url('../img/ico_add_bookmark.png') no-repeat center left; } | |
798 | -.links .what_price{background:url('../img/ico_price.png') no-repeat center left; } | |
799 | -.links .add_compare{background:url('../img/ico_scales.png') no-repeat center left; } | |
2304 | +.note_prod .yellow { | |
2305 | + background-color: #fbc665; | |
2306 | + position: relative | |
2307 | +} | |
800 | 2308 | |
801 | -.spoiler_one{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #d2d2d2;} | |
802 | -.spoiler_one .spoiler_content{margin-top:15px;font-size:13px;} | |
803 | -.spoiler_one .spoiler_content.hidden{display:none;} | |
2309 | +.note_prod .yellow:after { | |
2310 | + border-left: 5px solid #fbc665; | |
2311 | + position: absolute | |
2312 | +} | |
804 | 2313 | |
805 | -.title_spoiler:hover {cursor: pointer} | |
2314 | +.products_block .product { | |
2315 | + float: left; | |
2316 | + width: 190px; | |
2317 | + vertical-align: bottom | |
2318 | +} | |
806 | 2319 | |
807 | -.title_spoiler{ | |
808 | - background:url('../img/ico_open.png') no-repeat center left; | |
809 | - padding-left: 17px; | |
810 | - font-size:13px; | |
811 | - text-transform:uppercase; | |
812 | - color:#333333; | |
813 | - font-weight:bold; | |
814 | - text-decoration:none; | |
2320 | +.product .image { | |
2321 | + height: 225px; | |
2322 | + position: relative | |
815 | 2323 | } |
816 | -.title_spoiler.closed{ | |
817 | - background:url('../img/ico_close3.png') no-repeat center left; | |
2324 | + | |
2325 | +.product .image img { | |
2326 | + position: absolute; | |
2327 | + bottom: 0; | |
2328 | + left: 15px | |
818 | 2329 | } |
819 | 2330 | |
820 | -.features{ | |
821 | - list-style:none; | |
822 | - padding:0; | |
823 | - margin:0; | |
824 | - font-size:13px; | |
2331 | +.price { | |
2332 | + font-size: 18px; | |
2333 | + color: #f75d50; | |
2334 | + font-weight: 700 | |
825 | 2335 | } |
826 | -.features a{ | |
827 | - font-size:13px; | |
828 | - text-decoration:none; | |
829 | - border-bottom:1px dotted #8ba73e; | |
830 | - color:#8ba73e; | |
2336 | + | |
2337 | +.product { | |
2338 | + padding-bottom: 30px; | |
2339 | + position: relative | |
831 | 2340 | } |
832 | -.features li{ | |
833 | - padding-top:5px; | |
834 | - padding-bottom:4px; | |
2341 | + | |
2342 | +.product p { | |
2343 | + font-size: 15px; | |
2344 | + margin-top: 15px | |
835 | 2345 | } |
836 | 2346 | |
837 | -.note_prod{ | |
838 | - width:225px; | |
839 | - height:23px; | |
840 | - overflow:hidden; | |
841 | - border-radius:5px; | |
842 | - display:table; | |
843 | - text-transform:uppercase; | |
844 | - font-size:11px; | |
845 | - font-weight:bold; | |
2347 | +.left52 { | |
2348 | + margin-left: 52px | |
846 | 2349 | } |
847 | 2350 | |
848 | -.note_prod .one{ | |
849 | - z-index:999; | |
2351 | +.product a { | |
2352 | + color: #fff | |
850 | 2353 | } |
851 | -.note_prod .two{ | |
852 | - z-index:998; | |
2354 | + | |
2355 | +.mrg1 { | |
2356 | + margin-top: 25px; | |
2357 | + margin-bottom: 15px | |
853 | 2358 | } |
854 | 2359 | |
855 | -.note_prod .blue{ | |
856 | - float:left; | |
857 | - padding-top:5px; | |
858 | - padding-bottom:5px; | |
859 | - background-color:#42b9f6; | |
860 | - padding-left:10px; | |
861 | - padding-right:5px; | |
862 | - position:relative; | |
2360 | +.products_martopbot { | |
2361 | + margin-top: 60px; | |
2362 | + margin-bottom: 100px | |
863 | 2363 | } |
864 | 2364 | |
865 | -.note_prod .blue:after{ | |
866 | - content:''; | |
867 | - width: 0; | |
868 | - height: 0; | |
869 | - border-top: 13px solid transparent; | |
870 | - border-left: 5px solid #42b9f6; | |
871 | - border-bottom: 13px solid transparent; | |
872 | - position:absolute; | |
873 | - top:-1px; | |
874 | - margin-left:5px; | |
875 | -} | |
876 | -.note_prod .red{ | |
877 | - float:left; | |
878 | - padding-top:5px; | |
879 | - padding-bottom:5px; | |
880 | - background-color:#f75d50; | |
881 | - padding-left:10px; | |
882 | - padding-right:5px; | |
883 | - position:relative; | |
884 | - color:#ffffff; | |
885 | -} | |
886 | -.note_prod .red:after{ | |
887 | - content:''; | |
888 | - width: 0; | |
889 | - height: 0; | |
890 | - border-top: 13px solid transparent; | |
891 | - border-left: 5px solid #f75d50; | |
892 | - border-bottom: 13px solid transparent; | |
893 | - position:absolute; | |
894 | - top:-1px; | |
895 | - margin-left:5px; | |
896 | -} | |
897 | -.note_prod .yellow{ | |
898 | - float:left; | |
899 | - padding-top:5px; | |
900 | - padding-bottom:5px; | |
901 | - background-color:#fbc665; | |
902 | - padding-left:10px; | |
903 | - padding-right:5px; | |
904 | - position:relative; | |
905 | -} | |
906 | -.note_prod .yellow:after{ | |
907 | - content:''; | |
908 | - width: 0; | |
909 | - height: 0; | |
910 | - border-top: 13px solid transparent; | |
911 | - border-left: 5px solid #fbc665; | |
912 | - border-bottom: 13px solid transparent; | |
913 | - position:absolute; | |
914 | - top:-1px; | |
915 | - margin-left:5px; | |
2365 | +.cont_shop_but { | |
2366 | + display: table-cell; | |
2367 | + vertical-align: middle; | |
2368 | + padding: 35px | |
916 | 2369 | } |
917 | 2370 | |
2371 | +.cont_shop { | |
2372 | + text-decoration: none; | |
2373 | + font-size: 12px; | |
2374 | + border-bottom: 1px dotted #799920; | |
2375 | + color: #799920 | |
2376 | +} | |
918 | 2377 | |
919 | -.products_block .product{float:left; width:190px; vertical-align:bottom;} | |
920 | -.product .image{height:225px;position:relative;} | |
921 | -.product .image img{position:absolute;bottom:0;left:15px;} | |
2378 | +.icons { | |
2379 | + width: 45px; | |
2380 | + height: 50%; | |
2381 | + position: absolute; | |
2382 | + z-index: 9; | |
2383 | + right: 0; | |
2384 | + padding-top: 25px; | |
2385 | + padding-right: 15px | |
2386 | +} | |
922 | 2387 | |
923 | -.price{ | |
924 | - font-size: 18px; | |
925 | - color: #f75d50; | |
926 | - font-weight: bold; | |
927 | - text-align:center;} | |
928 | - | |
929 | -.product{padding-bottom:30px;position:relative;} | |
930 | -.product p{font-size:15px; text-align:center; margin-top:15px;} | |
931 | -.left52{margin-left:52px;} | |
932 | -.product a{color:#ffffff;} | |
933 | -.mrg1{margin-top: 25px; margin-bottom: 15px;} | |
934 | - | |
935 | -.products_martopbot{margin-top:60px;margin-bottom:100px;} | |
936 | - | |
937 | -.cont_shop_but{display:table-cell;vertical-align:middle;padding:35px;} | |
938 | -.cont_shop{text-decoration:none;font-size:12px;border-bottom:1px dotted #799920;color:#799920;} | |
939 | - | |
940 | -.icons{ | |
941 | - width:45px; | |
942 | - height:50%; | |
943 | - position:absolute; | |
944 | - z-index:9; | |
945 | - right:0; | |
946 | - padding-top:25px; | |
947 | - padding-right:15px; | |
948 | -} | |
949 | -.icons a{ | |
950 | - width:44px; | |
951 | - height:44px; | |
2388 | +.icons a { | |
2389 | + width: 44px; | |
2390 | + height: 44px; | |
952 | 2391 | float: left; |
953 | 2392 | border: 1px solid #d2d2d2; |
954 | 2393 | margin-bottom: 5px; |
955 | - background-color: white; | |
2394 | + background-color: #fff | |
2395 | +} | |
2396 | + | |
2397 | +a:hover { | |
2398 | + cursor: pointer | |
956 | 2399 | } |
957 | -a:hover{cursor:pointer;} | |
958 | 2400 | |
2401 | +.basket_item .form-group { | |
2402 | + display: inline | |
2403 | +} | |
959 | 2404 | |
960 | -.basket_item .form-group{display:inline;} | |
2405 | +.HOME_RIGHT, | |
2406 | +.sort_block, | |
2407 | +.sort_block ul, | |
2408 | +.sort_block ul li { | |
2409 | + display: inline-block | |
2410 | +} | |
961 | 2411 | |
962 | -.basket.open:after{ | |
2412 | +.basket.open:after { | |
963 | 2413 | content: ''; |
964 | 2414 | position: absolute; |
965 | 2415 | top: 43px; |
966 | 2416 | width: 100%; |
967 | 2417 | height: 10px; |
968 | - background-color: white; | |
2418 | + background-color: #fff; | |
969 | 2419 | left: 0; |
970 | - z-index: 9990; | |
2420 | + z-index: 9990 | |
971 | 2421 | } |
972 | 2422 | |
973 | -.basket_hovered .basket_sum{float:left;} | |
974 | - | |
975 | -a.active{font-weight:bold;text-decoration: underline;} | |
2423 | +.basket_hovered .basket_sum { | |
2424 | + float: left | |
2425 | +} | |
976 | 2426 | |
977 | -/* | |
978 | - ==== BANNER ==== | |
979 | -*/ | |
2427 | +a.active { | |
2428 | + font-weight: 700; | |
2429 | + text-decoration: underline | |
2430 | +} | |
980 | 2431 | |
981 | 2432 | .HOME_RIGHT { |
982 | - display: inline-block; | |
983 | 2433 | vertical-align: top; |
984 | 2434 | margin-left: 10px; |
985 | - position: absolute; | |
2435 | + position: absolute | |
986 | 2436 | } |
987 | 2437 | |
988 | -#HOME_UNDER_SLIDER > div { | |
2438 | +#HOME_UNDER_SLIDER>div { | |
989 | 2439 | display: inline-block; |
990 | 2440 | margin-right: 3px; |
991 | - margin-top: 3px; | |
2441 | + margin-top: 3px | |
992 | 2442 | } |
993 | 2443 | |
994 | -.sort_block { | |
995 | - display: inline-block; | |
996 | -} | |
997 | 2444 | .sort_block ul { |
998 | - display: inline-block; | |
999 | 2445 | margin: 0; |
1000 | - padding: 0; | |
2446 | + padding: 0 | |
1001 | 2447 | } |
2448 | + | |
2449 | +.special-products, | |
2450 | +.why_me_ { | |
2451 | + padding-top: 30px | |
2452 | +} | |
2453 | + | |
1002 | 2454 | .sort_block ul li { |
1003 | - display: inline-block; | |
1004 | - margin: 0 0.5em; | |
1005 | - list-style: none; | |
2455 | + margin: 0 .5em; | |
2456 | + list-style: none | |
1006 | 2457 | } |
1007 | -.sort_block ul li a.asc:after, .sort_block ul li a.desc:after { | |
2458 | + | |
2459 | +.sort_block ul li a.asc:after, | |
2460 | +.sort_block ul li a.desc:after { | |
1008 | 2461 | display: block; |
1009 | 2462 | width: 5px; |
1010 | 2463 | height: 3px; |
... | ... | @@ -1013,112 +2466,146 @@ a.active{font-weight:bold;text-decoration: underline;} |
1013 | 2466 | margin-top: -1px; |
1014 | 2467 | right: -10px; |
1015 | 2468 | content: ''; |
1016 | - background: url("../img/arrow_sort_asc_desc.png") no-repeat; | |
2469 | + background: url(../img/arrow_sort_asc_desc.png) no-repeat | |
1017 | 2470 | } |
2471 | + | |
1018 | 2472 | .sort_block ul li a.asc:after { |
1019 | - background-position: 0 0; | |
2473 | + background-position: 0 0 | |
1020 | 2474 | } |
2475 | + | |
1021 | 2476 | .sort_block ul li a.desc:after { |
1022 | - background-position: 0 -3px; | |
2477 | + background-position: 0 -3px | |
2478 | +} | |
2479 | + | |
2480 | +.home_banner_up { | |
2481 | + margin-top: 20px | |
1023 | 2482 | } |
1024 | -/*************/ | |
1025 | -.home_banner_up {margin-top: 20px;} | |
2483 | + | |
1026 | 2484 | .home_banner_up .HOME_RIGHT { |
1027 | 2485 | display: block; |
1028 | 2486 | float: right; |
1029 | 2487 | position: static; |
1030 | - margin-left: 0; | |
2488 | + margin-left: 0 | |
1031 | 2489 | } |
1032 | -#HOME_SLIDER .jssorb03 div, #HOME_SLIDER .jssorb03 div:hover, #HOME_SLIDER .jssorb03 .av { | |
2490 | + | |
2491 | +#HOME_SLIDER .jssorb03 .av, | |
2492 | +#HOME_SLIDER .jssorb03 div, | |
2493 | +#HOME_SLIDER .jssorb03 div:hover { | |
1033 | 2494 | width: 6px; |
1034 | 2495 | height: 6px; |
1035 | 2496 | border-radius: 50%; |
1036 | 2497 | line-height: 6px; |
1037 | 2498 | background: #fff; |
1038 | 2499 | border: 2px solid #fff; |
1039 | - box-shadow: 0px 0px 5px 0px rgba(54, 54, 54, 0.75); | |
2500 | + box-shadow: 0 0 5px 0 rgba(54, 54, 54, .75) | |
1040 | 2501 | } |
1041 | 2502 | |
1042 | -#HOME_SLIDER .jssorb03 div.av:hover, #HOME_SLIDER .jssorb03 div.av:active, #HOME_SLIDER .jssorb03 .av { | |
2503 | +#HOME_SLIDER .jssorb03 .av, | |
2504 | +#HOME_SLIDER .jssorb03 div.av:active, | |
2505 | +#HOME_SLIDER .jssorb03 div.av:hover { | |
1043 | 2506 | cursor: default; |
1044 | - background: #95BA2F; | |
1045 | -} | |
1046 | -.special-products { | |
1047 | - padding-top: 30px; | |
2507 | + background: #95BA2F | |
1048 | 2508 | } |
2509 | + | |
1049 | 2510 | .special-products .link_buy { |
1050 | - margin-bottom: 0; | |
2511 | + margin-bottom: 0 | |
1051 | 2512 | } |
2513 | + | |
1052 | 2514 | .special-products .item { |
1053 | - margin-bottom: 0 !important; | |
1054 | - text-align: center; | |
2515 | + margin-bottom: 0!important | |
2516 | +} | |
2517 | + | |
2518 | +.why_me_ { | |
2519 | + overflow: hidden; | |
2520 | + margin-bottom: 60px | |
1055 | 2521 | } |
1056 | -.why_me_ {padding-top: 30px; overflow: hidden; margin-bottom: 60px;} | |
1057 | -.why_me_ .why_list {width: 1038px; margin-left: -58px} | |
1058 | -.seo_text { | |
1059 | 2522 | |
2523 | +.why_me_ .why_list { | |
2524 | + width: 1038px; | |
2525 | + margin-left: -58px | |
1060 | 2526 | } |
2527 | + | |
1061 | 2528 | .seo_text p { |
1062 | - margin: 12px 0 0 0; | |
1063 | - font-size: 13px !important; | |
1064 | - color: #333 !important; | |
1065 | - font-family: Roboto !important; | |
2529 | + margin: 12px 0 0; | |
2530 | + font-size: 13px!important; | |
2531 | + color: #333!important; | |
2532 | + font-family: Roboto!important | |
2533 | +} | |
2534 | + | |
2535 | +.seo_text p:first-child { | |
2536 | + margin-top: 0 | |
1066 | 2537 | } |
1067 | -.seo_text p:first-child {margin-top: 0} | |
1068 | -.product-special {position: absolute} | |
2538 | + | |
2539 | +.product-special { | |
2540 | + position: absolute | |
2541 | +} | |
2542 | + | |
1069 | 2543 | .jcarousel-skin-tango .jcarousel-item { |
1070 | 2544 | width: 38px; |
1071 | 2545 | height: 38px; |
1072 | 2546 | border: 1px solid #d2d2d2; |
1073 | - text-align: center; | |
1074 | - background: #fff; | |
2547 | + background: #fff | |
1075 | 2548 | } |
2549 | + | |
1076 | 2550 | .jcarousel-skin-tango .jcarousel-item a { |
1077 | 2551 | display: table-cell; |
1078 | 2552 | width: 38px; |
1079 | 2553 | height: 38px; |
1080 | - vertical-align: middle; | |
2554 | + vertical-align: middle | |
1081 | 2555 | } |
2556 | + | |
1082 | 2557 | .mycarousel img { |
1083 | 2558 | max-width: 38px; |
1084 | 2559 | max-height: 38px; |
1085 | 2560 | border: 0; |
1086 | - vertical-align: middle; | |
2561 | + vertical-align: middle | |
1087 | 2562 | } |
1088 | -.jcarousel-skin-tango .jcarousel-clip-vertical, .jcarousel-skin-tango .jcarousel-container-vertical { | |
1089 | - height: 175px; | |
2563 | + | |
2564 | +.jcarousel-skin-tango .jcarousel-clip-vertical, | |
2565 | +.jcarousel-skin-tango .jcarousel-container-vertical { | |
2566 | + height: 175px | |
1090 | 2567 | } |
2568 | + | |
1091 | 2569 | .jcarousel-skin-tango .jcarousel-container-vertical { |
1092 | - padding: 0; | |
2570 | + padding: 0 | |
1093 | 2571 | } |
2572 | + | |
1094 | 2573 | .jcarousel-skin-tango .jcarousel-prev-vertical { |
1095 | - top:-13px; | |
2574 | + top: -13px | |
1096 | 2575 | } |
2576 | + | |
1097 | 2577 | .jcarousel-skin-tango .jcarousel-next-vertical { |
1098 | - bottom: -13px; | |
2578 | + bottom: -13px | |
1099 | 2579 | } |
1100 | -.jcarousel-skin-tango .jcarousel-prev-vertical, .jcarousel-skin-tango .jcarousel-next-vertical { | |
2580 | + | |
2581 | +.jcarousel-skin-tango .jcarousel-next-vertical, | |
2582 | +.jcarousel-skin-tango .jcarousel-prev-vertical { | |
1101 | 2583 | left: 0; |
1102 | 2584 | width: 42px; |
1103 | - background-position: 14px 0; | |
2585 | + background-position: 14px 0 | |
2586 | +} | |
2587 | + | |
2588 | +.products.pn>ul, | |
2589 | +ul.product-special li { | |
2590 | + width: 100%; | |
2591 | + float: left | |
1104 | 2592 | } |
1105 | -.jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:hover { | |
2593 | + | |
2594 | +.jcarousel-skin-tango .jcarousel-next-vertical:hover, | |
2595 | +.jcarousel-skin-tango .jcarousel-prev-vertical:hover { | |
1106 | 2596 | background-position: 14px 0; |
1107 | - left: 0; | |
2597 | + left: 0 | |
1108 | 2598 | } |
2599 | + | |
1109 | 2600 | ul.product-special { |
1110 | 2601 | position: absolute; |
1111 | 2602 | top: 0; |
1112 | - left: 16px; | |
1113 | -} | |
1114 | -ul.product-special li { | |
1115 | - width: 100%; | |
1116 | - float: left; | |
2603 | + left: 16px | |
1117 | 2604 | } |
2605 | + | |
1118 | 2606 | ul.product-special li div { |
1119 | 2607 | color: #333; |
1120 | 2608 | font-size: 10px; |
1121 | - text-transform: uppercase; | |
1122 | 2609 | font-weight: 700; |
1123 | 2610 | height: 22px; |
1124 | 2611 | line-height: 24px; |
... | ... | @@ -1127,12 +2614,17 @@ ul.product-special li div { |
1127 | 2614 | border-top-left-radius: 4px; |
1128 | 2615 | border-bottom-left-radius: 4px; |
1129 | 2616 | margin-top: 8px; |
1130 | - float: left; | |
2617 | + float: left | |
1131 | 2618 | } |
1132 | -ul.product-special li:first-child {margin-top: 0} | |
2619 | + | |
2620 | +ul.product-special li:first-child { | |
2621 | + margin-top: 0 | |
2622 | +} | |
2623 | + | |
1133 | 2624 | ul.product-special li.top div { |
1134 | - background: #fbc665; | |
2625 | + background: #fbc665 | |
1135 | 2626 | } |
2627 | + | |
1136 | 2628 | ul.product-special li.top div:after { |
1137 | 2629 | content: ''; |
1138 | 2630 | position: absolute; |
... | ... | @@ -1140,52 +2632,63 @@ ul.product-special li.top div:after { |
1140 | 2632 | top: 3px; |
1141 | 2633 | border: 11px solid transparent; |
1142 | 2634 | border-top: 5px solid #fbc665; |
1143 | - transform: rotate(-90deg); | |
1144 | -} | |
1145 | -ul.product-special li.new div{ | |
1146 | - background: #42b9f6; | |
2635 | + transform: rotate(-90deg) | |
1147 | 2636 | } |
1148 | 2637 | |
1149 | -ul.product-special li.new div:after { | |
2638 | +ul.product-special li.new div:after, | |
2639 | +ul.product-special li.promo div:after { | |
1150 | 2640 | content: ''; |
1151 | 2641 | position: absolute; |
1152 | 2642 | right: -18px; |
1153 | 2643 | top: 2px; |
2644 | + transform: rotate(-90deg) | |
2645 | +} | |
2646 | + | |
2647 | +ul.product-special li.new div { | |
2648 | + background: #42b9f6 | |
2649 | +} | |
2650 | + | |
2651 | +ul.product-special li.new div:after { | |
1154 | 2652 | border: 11px solid transparent; |
1155 | - border-top: 5px solid #42b9f6; | |
1156 | - transform: rotate(-90deg); | |
2653 | + border-top: 5px solid #42b9f6 | |
1157 | 2654 | } |
2655 | + | |
1158 | 2656 | ul.product-special li.promo div { |
1159 | - background: #f75d50; | |
2657 | + background: #f75d50 | |
1160 | 2658 | } |
2659 | + | |
1161 | 2660 | ul.product-special li.promo div:after { |
1162 | - content: ''; | |
1163 | - position: absolute; | |
1164 | - right: -18px; | |
1165 | - top: 2px; | |
1166 | 2661 | border: 11px solid transparent; |
1167 | - border-top: 5px solid #f75d50; | |
1168 | - transform: rotate(-90deg); | |
2662 | + border-top: 5px solid #f75d50 | |
1169 | 2663 | } |
2664 | + | |
1170 | 2665 | .cost-block { |
1171 | - margin-top: 1px; | |
2666 | + margin-top: 1px | |
1172 | 2667 | } |
2668 | + | |
1173 | 2669 | .products.pn a.link_buy { |
1174 | - margin-bottom: 0; | |
2670 | + margin-bottom: 0 | |
1175 | 2671 | } |
2672 | + | |
1176 | 2673 | .products.pn { |
1177 | - padding-bottom: 0; | |
2674 | + padding-bottom: 0 | |
1178 | 2675 | } |
2676 | + | |
1179 | 2677 | .products.pn>ul { |
1180 | - width: 100%; | |
1181 | - float: left; | |
1182 | - margin-bottom: -3px; | |
2678 | + margin-bottom: -3px | |
1183 | 2679 | } |
1184 | 2680 | |
1185 | -._form_checkbox_reset, .sort_block ul li a, .sort_block { | |
1186 | - font-size: 12px; | |
2681 | +._form_checkbox_reset, | |
2682 | +.sort_block, | |
2683 | +.sort_block ul li a { | |
2684 | + font-size: 12px | |
2685 | +} | |
2686 | + | |
2687 | +.filter_accept_bloc { | |
2688 | + margin-top: 13px; | |
2689 | + margin-bottom: 0 | |
1187 | 2690 | } |
1188 | -.filter_accept_bloc {margin-top: 13px; margin-bottom: 0;} | |
2691 | + | |
1189 | 2692 | ._form_checkbox_reset { |
1190 | 2693 | color: #6a6a6a; |
1191 | 2694 | display: block; |
... | ... | @@ -1193,48 +2696,72 @@ ul.product-special li.promo div:after { |
1193 | 2696 | height: 28px; |
1194 | 2697 | border: 1px solid #d2d2d2; |
1195 | 2698 | line-height: 28px; |
1196 | - text-align: center; | |
1197 | 2699 | border-radius: 4px; |
1198 | 2700 | text-decoration: none; |
1199 | - margin: 0 auto; | |
2701 | + margin: 0 auto | |
1200 | 2702 | } |
2703 | + | |
2704 | +.irs-max, | |
2705 | +.irs-min, | |
2706 | +.irs-slider:after { | |
2707 | + display: none | |
2708 | +} | |
2709 | + | |
2710 | +.footer-mail, | |
2711 | +input.custom-radio+label:hover { | |
2712 | + text-decoration: underline | |
2713 | +} | |
2714 | + | |
1201 | 2715 | ._form_checkbox_reset:hover { |
1202 | 2716 | border: 1px solid #95ba2f; |
1203 | - color: #6a6a6a; | |
2717 | + color: #6a6a6a | |
1204 | 2718 | } |
2719 | + | |
1205 | 2720 | ._form_checkbox_reset:active { |
1206 | 2721 | border: 1px solid #95ba2f; |
1207 | 2722 | background: #95ba2f; |
1208 | - color: #fff; | |
2723 | + color: #fff | |
1209 | 2724 | } |
2725 | + | |
1210 | 2726 | .sort_block ul li a { |
1211 | 2727 | color: #8fa951; |
1212 | - position: relative; | |
2728 | + position: relative | |
1213 | 2729 | } |
2730 | + | |
1214 | 2731 | .sort_block ul li a:hover { |
1215 | - color: #333; | |
2732 | + color: #333 | |
1216 | 2733 | } |
1217 | -#HOME_SLIDER .jssora03l, #HOME_SLIDER .jssora03r { | |
2734 | + | |
2735 | +#HOME_SLIDER .jssora03l, | |
2736 | +#HOME_SLIDER .jssora03r { | |
1218 | 2737 | width: 36px; |
1219 | 2738 | height: 340px; |
1220 | - background: url('../img/new_arrows_.png') no-repeat; | |
2739 | + background: url(../img/new_arrows_.png) no-repeat | |
1221 | 2740 | } |
1222 | -#HOME_SLIDER .jssora03l, #HOME_SLIDER .jssora03l:hover { | |
2741 | + | |
2742 | +#HOME_SLIDER .jssora03l, | |
2743 | +#HOME_SLIDER .jssora03l:hover { | |
1223 | 2744 | background-position: 0 50%; |
1224 | 2745 | left: 0; |
1225 | - top: 0; | |
2746 | + top: 0 | |
1226 | 2747 | } |
1227 | -#HOME_SLIDER .jssora03r, #HOME_SLIDER .jssora03r:hover { | |
2748 | + | |
2749 | +#HOME_SLIDER .jssora03r, | |
2750 | +#HOME_SLIDER .jssora03r:hover { | |
1228 | 2751 | background-position: -36px 50%; |
1229 | 2752 | right: 0; |
1230 | - top: 0; | |
2753 | + top: 0 | |
2754 | +} | |
2755 | + | |
2756 | +.loyout ._prd_spec-wr { | |
2757 | + margin-top: 10px | |
1231 | 2758 | } |
1232 | -.loyout ._prd_spec-wr {margin-top: 10px;} | |
2759 | + | |
1233 | 2760 | .loyout .special-products:first-child { |
1234 | 2761 | border-top: 0; |
1235 | - padding-top: 0; | |
1236 | - | |
2762 | + padding-top: 0 | |
1237 | 2763 | } |
2764 | + | |
1238 | 2765 | .irs-slider { |
1239 | 2766 | width: 13px; |
1240 | 2767 | height: 13px; |
... | ... | @@ -1242,18 +2769,18 @@ ul.product-special li.promo div:after { |
1242 | 2769 | border-radius: 100%; |
1243 | 2770 | box-shadow: none; |
1244 | 2771 | border: 1px solid #d2d2d2; |
1245 | - background: #ffffff; | |
1246 | - background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); | |
1247 | - background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); | |
1248 | - background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); | |
1249 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); | |
1250 | -} | |
1251 | -.irs-slider.state_hover, .irs-slider:hover { | |
1252 | - background: #ffffff; | |
2772 | + background: #fff; | |
2773 | + background: -moz-linear-gradient(top, #fff 0, #ebebeb 100%); | |
2774 | + background: -webkit-linear-gradient(top, #fff 0, #ebebeb 100%); | |
2775 | + background: linear-gradient(to bottom, #fff 0, #ebebeb 100%); | |
2776 | + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0) | |
1253 | 2777 | } |
1254 | -.irs-slider:after { | |
1255 | - display: none; | |
2778 | + | |
2779 | +.irs-slider.state_hover, | |
2780 | +.irs-slider:hover { | |
2781 | + background: #fff | |
1256 | 2782 | } |
2783 | + | |
1257 | 2784 | .irs-slider:before { |
1258 | 2785 | content: ""; |
1259 | 2786 | position: absolute; |
... | ... | @@ -1264,32 +2791,46 @@ ul.product-special li.promo div:after { |
1264 | 2791 | border-radius: 100%; |
1265 | 2792 | background: #799920; |
1266 | 2793 | top: 3px; |
1267 | - left: 3px; | |
2794 | + left: 3px | |
2795 | +} | |
2796 | + | |
2797 | +.delivery-data:after, | |
2798 | +.irs-line:before, | |
2799 | +.owl-controls .owl-buttons div:before { | |
2800 | + content: '' | |
1268 | 2801 | } |
2802 | + | |
1269 | 2803 | .irs-bar { |
1270 | 2804 | height: 3px; |
1271 | - top: 30px; | |
2805 | + top: 30px | |
1272 | 2806 | } |
2807 | + | |
1273 | 2808 | .irs-line { |
1274 | 2809 | height: 9px; |
1275 | 2810 | background: #ebebeb; |
1276 | 2811 | border: 1px solid #d2d2d2; |
1277 | - top: 27px; | |
2812 | + top: 27px | |
1278 | 2813 | } |
2814 | + | |
1279 | 2815 | .irs-line:before { |
1280 | 2816 | width: 166px; |
1281 | 2817 | height: 5px; |
1282 | 2818 | position: absolute; |
1283 | - content: ''; | |
1284 | 2819 | top: 2px; |
1285 | 2820 | left: 2px; |
1286 | 2821 | background: #d2d2d2; |
1287 | - border-radius: 5px; | |
2822 | + border-radius: 5px | |
2823 | +} | |
2824 | + | |
2825 | +.irs { | |
2826 | + height: 49px | |
2827 | +} | |
2828 | + | |
2829 | +.price_filter.first_price_li { | |
2830 | + margin-top: 8px | |
1288 | 2831 | } |
1289 | -.irs-min, .irs-max {display: none;} | |
1290 | -.irs {height: 49px;} | |
1291 | -.price_filter.first_price_li {margin-top: 8px;} | |
1292 | -.product_read_ .w{ | |
2832 | + | |
2833 | +.product_read_ .w { | |
1293 | 2834 | width: 110px; |
1294 | 2835 | overflow: hidden; |
1295 | 2836 | margin: 0; |
... | ... | @@ -1297,12 +2838,22 @@ ul.product-special li.promo div:after { |
1297 | 2838 | display: table-cell; |
1298 | 2839 | vertical-align: middle; |
1299 | 2840 | height: 32px; |
1300 | - float: none; | |
2841 | + float: none | |
1301 | 2842 | } |
1302 | -.product_read_ .w strike, .product_read_ .w .cost { | |
1303 | - width: 100%; | |
2843 | + | |
2844 | +.cont_shopping-wr, | |
2845 | +.field-orders-body .control-label, | |
2846 | +.field-orders-delivery .control-label, | |
2847 | +.field-orders-payment .control-label, | |
2848 | +.textareagroup .control-label { | |
1304 | 2849 | float: left; |
1305 | - /*line-height: 15px;*/ | |
2850 | + width: 100% | |
2851 | +} | |
2852 | + | |
2853 | +.product_read_ .w .cost, | |
2854 | +.product_read_ .w strike { | |
2855 | + width: 100%; | |
2856 | + float: left | |
1306 | 2857 | } |
1307 | 2858 | |
1308 | 2859 | .product_read_price .link_buy { |
... | ... | @@ -1310,42 +2861,45 @@ ul.product-special li.promo div:after { |
1310 | 2861 | position: absolute; |
1311 | 2862 | top: 50%; |
1312 | 2863 | right: 0; |
1313 | - margin: -16px 0 0 0; | |
2864 | + margin: -16px 0 0 | |
2865 | +} | |
2866 | + | |
2867 | +.product_read_price { | |
2868 | + position: relative; | |
2869 | + min-height: 32px; | |
2870 | + margin-top: 10px | |
1314 | 2871 | } |
1315 | -.product_read_price { position: relative; min-height: 32px;margin-top: 10px;} | |
1316 | -.special-products.products h3 {margin-bottom: 10px;} | |
2872 | + | |
2873 | +.special-products.products h3 { | |
2874 | + margin-bottom: 10px | |
2875 | +} | |
2876 | + | |
1317 | 2877 | .special-products.products li.item { |
1318 | - margin-top: 30px; | |
2878 | + margin-top: 30px | |
1319 | 2879 | } |
2880 | + | |
1320 | 2881 | .productLeftBar .cost_box { |
1321 | 2882 | border-top: 0; |
1322 | - padding: 10px 0 0 0; | |
2883 | + padding: 10px 0 0 | |
1323 | 2884 | } |
2885 | + | |
1324 | 2886 | .productLeftBar .product_mod { |
1325 | 2887 | width: 100%; |
1326 | 2888 | float: left; |
1327 | 2889 | border-bottom: 1px solid #d2d2d2; |
1328 | - padding-bottom: 15px; | |
1329 | -} | |
1330 | -#login-form .btn-primary { | |
1331 | -} | |
1332 | -.field-orders-delivery .control-label, .field-orders-payment .control-label, .field-orders-body .control-label, .textareagroup .control-label { | |
1333 | - width: 100%; | |
1334 | - float: left; | |
1335 | -} | |
1336 | -.basket_title_ { | |
1337 | - text-align: center; | |
2890 | + padding-bottom: 15px | |
1338 | 2891 | } |
2892 | + | |
1339 | 2893 | .cont_shopping-wr { |
1340 | - width: 100%; | |
1341 | - float: left; | |
1342 | - margin-top: 10px; | |
2894 | + margin-top: 10px | |
1343 | 2895 | } |
2896 | + | |
1344 | 2897 | .cont_shopping-wr .cont_shopping { |
1345 | - float: right; | |
2898 | + float: right | |
1346 | 2899 | } |
2900 | + | |
1347 | 2901 | .cont_shopping { |
1348 | - display: block !important; | |
2902 | + display: block!important; | |
1349 | 2903 | border-top: 0!important; |
1350 | 2904 | border-left: 0!important; |
1351 | 2905 | border-right: 0!important; |
... | ... | @@ -1355,249 +2909,317 @@ ul.product-special li.promo div:after { |
1355 | 2909 | padding: 0!important; |
1356 | 2910 | font-size: 12px!important; |
1357 | 2911 | float: left; |
1358 | - border-radius: 0 !important; | |
2912 | + border-radius: 0!important | |
2913 | +} | |
2914 | + | |
2915 | +.delivery-data .field-order-delivery-childs .control-label, | |
2916 | +.jcarousel-skin-tango>li, | |
2917 | +.owl-pagination, | |
2918 | +input.custom-check, | |
2919 | +input.custom-radio { | |
2920 | + display: none | |
1359 | 2921 | } |
2922 | + | |
1360 | 2923 | .info.product-thumb-video { |
1361 | 2924 | width: 100%; |
1362 | - height: 100%; | |
2925 | + height: 100% | |
1363 | 2926 | } |
1364 | -.info.product-thumb-video iframe, .info.product-thumb-video embed { | |
1365 | - width: 100% !important; | |
1366 | - height: auto !important; | |
2927 | + | |
2928 | +.info.product-thumb-video embed, | |
2929 | +.info.product-thumb-video iframe { | |
2930 | + width: 100%!important; | |
2931 | + height: auto!important | |
1367 | 2932 | } |
1368 | -.input-blocks-wrapper, .input-blocks { | |
2933 | + | |
2934 | +.input-blocks, | |
2935 | +.input-blocks-wrapper { | |
1369 | 2936 | width: 100%; |
1370 | - float: left; | |
2937 | + float: left | |
1371 | 2938 | } |
2939 | + | |
1372 | 2940 | .form-order .input-blocks-wrapper { |
1373 | - margin-top: 6px; | |
2941 | + margin-top: 6px | |
1374 | 2942 | } |
2943 | + | |
1375 | 2944 | .input-blocks label { |
1376 | 2945 | font-size: 13px; |
1377 | - color: #333; | |
2946 | + color: #333 | |
1378 | 2947 | } |
2948 | + | |
1379 | 2949 | .basket_input_2 label { |
1380 | 2950 | height: 30px; |
1381 | 2951 | line-height: 30px; |
1382 | 2952 | float: left; |
1383 | - width: 70px !important; | |
1384 | - padding-top: 0 !important; | |
2953 | + width: 70px!important; | |
2954 | + padding-top: 0!important | |
1385 | 2955 | } |
1386 | 2956 | |
1387 | 2957 | .custom-input-2 { |
1388 | 2958 | width: 100%; |
1389 | 2959 | height: 30px; |
1390 | - box-sizing: border-box; | |
1391 | - outline: none; | |
2960 | + outline: 0; | |
1392 | 2961 | line-height: 30px; |
1393 | 2962 | padding-left: 8px; |
1394 | 2963 | margin-top: 5px; |
1395 | 2964 | background: #fff; |
1396 | - border-radius: 4px; | |
2965 | + border-radius: 4px | |
1397 | 2966 | } |
1398 | -.custom-input-2, .custom-area-2, .textareagroup textarea { | |
2967 | + | |
2968 | +.custom-area-2, | |
2969 | +.custom-input-2, | |
2970 | +.textareagroup textarea { | |
1399 | 2971 | border: 1px solid #d2d2d2; |
1400 | 2972 | box-sizing: border-box; |
1401 | 2973 | font-size: 13px; |
1402 | - color: #636363; | |
2974 | + color: #636363 | |
1403 | 2975 | } |
1404 | -.custom-area-2, .textareagroup textarea { | |
2976 | + | |
2977 | +.custom-area-2, | |
2978 | +.textareagroup textarea { | |
1405 | 2979 | min-height: 128px; |
1406 | 2980 | max-height: 128px; |
1407 | 2981 | resize: none; |
1408 | 2982 | width: 100%; |
1409 | 2983 | max-width: 100%; |
1410 | - outline: none; | |
2984 | + outline: 0; | |
1411 | 2985 | padding-left: 8px; |
1412 | 2986 | padding-top: 8px; |
1413 | - margin-top: 8px; | |
2987 | + margin-top: 8px | |
1414 | 2988 | } |
2989 | + | |
1415 | 2990 | .basket_input_2 .custom-input-2 { |
1416 | 2991 | width: 270px; |
1417 | 2992 | float: right; |
1418 | - margin-top: 0; | |
2993 | + margin-top: 0 | |
1419 | 2994 | } |
1420 | -.custom-input-2:focus, .custom-area-3:focus, .textareagroup textarea:focus {box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s} | |
1421 | -.textareagroup textarea:focus{border: 1px solid #d2d2d2;} | |
1422 | -.title_groups, .radio_grp label.control-label, .textareagroup .control-label { | |
2995 | + | |
2996 | +.custom-area-3:focus, | |
2997 | +.custom-input-2:focus, | |
2998 | +.textareagroup textarea:focus { | |
2999 | + box-shadow: 1px 2px 2px 0 rgba(215, 215, 215, .75) inset; | |
3000 | + transition: .1s | |
3001 | +} | |
3002 | + | |
3003 | +.textareagroup textarea:focus { | |
3004 | + border: 1px solid #d2d2d2 | |
3005 | +} | |
3006 | + | |
3007 | +.radio_grp label.control-label, | |
3008 | +.textareagroup .control-label, | |
3009 | +.title_groups { | |
1423 | 3010 | font-size: 12px; |
1424 | - font-weight: bold; | |
3011 | + font-weight: 700; | |
1425 | 3012 | text-transform: uppercase; |
1426 | - margin-bottom: 12px; | |
3013 | + margin-bottom: 12px | |
1427 | 3014 | } |
3015 | + | |
1428 | 3016 | .input-blocks-group { |
1429 | 3017 | width: 100%; |
1430 | 3018 | float: left; |
1431 | 3019 | border-bottom: 1px solid #d2d2d2; |
1432 | 3020 | padding-bottom: 20px; |
1433 | - margin-top: 18px; | |
3021 | + margin-top: 18px | |
1434 | 3022 | } |
3023 | + | |
1435 | 3024 | .custom-form-buttons { |
1436 | 3025 | width: 100%; |
1437 | - float: left; | |
3026 | + float: left | |
1438 | 3027 | } |
1439 | -input.custom-radio + label, input.custom-check + label { | |
3028 | + | |
3029 | +input.custom-check+label, | |
3030 | +input.custom-radio+label { | |
1440 | 3031 | font-size: 13px; |
1441 | 3032 | cursor: pointer; |
1442 | - margin-left: 6px; | |
3033 | + margin-left: 6px | |
1443 | 3034 | } |
1444 | -/***radio***/ | |
1445 | -input.custom-radio, input.custom-check {display: none} | |
1446 | -input.custom-radio + label span{ | |
3035 | + | |
3036 | +input.custom-radio+label span { | |
1447 | 3037 | width: 16px; |
1448 | 3038 | height: 16px; |
1449 | - background: url('../img/radio_new.png') no-repeat; | |
3039 | + background: url(../img/radio_new.png) no-repeat; | |
1450 | 3040 | float: left; |
1451 | 3041 | transition: .2s; |
1452 | - margin-top: 1px; | |
1453 | -} | |
1454 | -input.custom-radio:checked + label span, input.custom-radio:checked + label:hover span { | |
1455 | - background: url('../img/radio_new-active.png') no-repeat; | |
3042 | + margin-top: 1px | |
1456 | 3043 | } |
1457 | 3044 | |
1458 | -input.custom-radio + label:hover { | |
1459 | - text-decoration: underline; | |
3045 | +input.custom-radio:checked+label span, | |
3046 | +input.custom-radio:checked+label:hover span { | |
3047 | + background: url(../img/radio_new-active.png) no-repeat | |
1460 | 3048 | } |
3049 | + | |
1461 | 3050 | .custom-form-buttons { |
1462 | - margin-top: 7px; | |
3051 | + margin-top: 7px | |
3052 | +} | |
3053 | + | |
3054 | +.custom-form-buttons:first-child { | |
3055 | + margin-top: 0 | |
1463 | 3056 | } |
1464 | -.custom-form-buttons:first-child {margin-top: 0} | |
1465 | -.delivery-data .field-order-delivery-childs .control-label {display: none;} | |
3057 | + | |
1466 | 3058 | .checkout_basket { |
1467 | 3059 | width: 100%; |
1468 | - float: left; | |
3060 | + float: left | |
1469 | 3061 | } |
3062 | + | |
1470 | 3063 | .checkout_basket button { |
1471 | - margin: 0 auto; | |
3064 | + margin: 0 auto | |
1472 | 3065 | } |
3066 | + | |
1473 | 3067 | .input-blocks-wrapper .help-block { |
1474 | 3068 | padding-left: 71px; |
1475 | 3069 | padding-top: 4px; |
1476 | 3070 | width: 100%; |
1477 | 3071 | float: left; |
1478 | 3072 | box-sizing: border-box; |
1479 | - margin-bottom: 0; | |
3073 | + margin-bottom: 0 | |
1480 | 3074 | } |
3075 | + | |
1481 | 3076 | .cont_shop_but-wr { |
1482 | 3077 | height: 33px; |
1483 | 3078 | margin-top: 35px; |
1484 | - padding-bottom: 29px; | |
3079 | + padding-bottom: 29px | |
1485 | 3080 | } |
3081 | + | |
1486 | 3082 | .cont_shop_but-wr .cont_shop { |
1487 | 3083 | margin-top: 8px; |
1488 | - float: left; | |
3084 | + float: left | |
3085 | +} | |
3086 | + | |
3087 | +.cont_shop_but-wr .submit4.bottom3 { | |
3088 | + float: right | |
3089 | +} | |
3090 | + | |
3091 | +._qqq_ .params { | |
3092 | + font-size: 12px | |
3093 | +} | |
3094 | + | |
3095 | +.activeShow { | |
3096 | + border-bottom: 0!important | |
3097 | +} | |
3098 | + | |
3099 | +.delivery-data:after, | |
3100 | +.special-products { | |
3101 | + border-bottom: 1px solid #d2d2d2 | |
1489 | 3102 | } |
1490 | -.cont_shop_but-wr .submit4.bottom3 {float: right;} | |
1491 | -._qqq_ .params {font-size: 12px;} | |
1492 | -.activeShow {border-bottom: 0 !important;} | |
3103 | + | |
1493 | 3104 | .delivery-data:after { |
1494 | 3105 | width: 100%; |
1495 | - border-bottom: 1px solid #d2d2d2; | |
1496 | 3106 | position: absolute; |
1497 | - content: ''; | |
1498 | 3107 | bottom: -27px; |
1499 | - left: 0; | |
3108 | + left: 0 | |
1500 | 3109 | } |
3110 | + | |
1501 | 3111 | .img_ajax_basket img { |
1502 | 3112 | margin-right: 0!important; |
1503 | 3113 | max-width: 90px; |
1504 | 3114 | max-height: 90px; |
1505 | - vertical-align: middle; | |
3115 | + vertical-align: middle | |
1506 | 3116 | } |
1507 | -.jcarousel-skin-tango>li{display: none;} | |
3117 | + | |
1508 | 3118 | #login-form { |
1509 | - margin: 50px auto 0 auto; | |
3119 | + margin: 50px auto 0 | |
1510 | 3120 | } |
1511 | -.wrapper_all {} | |
3121 | + | |
1512 | 3122 | #bg { |
1513 | - top: 0 !important; | |
1514 | - z-index: 1 !important; | |
3123 | + top: 0!important; | |
3124 | + z-index: 1!important | |
1515 | 3125 | } |
1516 | -.top, .wrap, .bottom, .fotter { | |
3126 | + | |
3127 | +body>.bottom, | |
3128 | +body>.fotter, | |
3129 | +body>.top, | |
3130 | +body>.wrap { | |
1517 | 3131 | position: relative; |
1518 | - z-index: 2; | |
3132 | + z-index: 2 | |
1519 | 3133 | } |
1520 | -.owl-pagination {display: none;} | |
3134 | + | |
1521 | 3135 | .owl-controls .owl-buttons div { |
1522 | - width: 34px !important; | |
1523 | - height: 50px !important; | |
1524 | - background: #596065 !important; | |
1525 | - top:50% !important; | |
1526 | - margin: -25px 0 0 0 !important; | |
1527 | - opacity: 1 !important; | |
1528 | - border-radius: 0 !important; | |
3136 | + width: 34px!important; | |
3137 | + height: 50px!important; | |
3138 | + background: #596065!important; | |
3139 | + top: 50%!important; | |
3140 | + margin: -25px 0 0!important; | |
3141 | + opacity: 1!important; | |
3142 | + border-radius: 0!important; | |
1529 | 3143 | padding: 0!important; |
1530 | - position: absolute; | |
3144 | + position: absolute | |
1531 | 3145 | } |
3146 | + | |
1532 | 3147 | .owl-controls .owl-buttons div:hover { |
1533 | - background: #acafb2 !important; | |
1534 | - transition: 0.2s!important; | |
3148 | + background: #acafb2!important; | |
3149 | + transition: .2s!important | |
1535 | 3150 | } |
1536 | -.owl-controls .owl-buttons .owl-prev { | |
1537 | - border-top-right-radius: 4px !important; | |
1538 | - border-bottom-right-radius: 4px !important; | |
1539 | - left: -20px; | |
1540 | 3151 | |
3152 | +.owl-controls .owl-buttons .owl-prev { | |
3153 | + border-top-right-radius: 4px!important; | |
3154 | + border-bottom-right-radius: 4px!important; | |
3155 | + left: -20px | |
1541 | 3156 | } |
1542 | -.owl-controls .owl-buttons .owl-next { | |
1543 | - border-top-left-radius: 4px !important; | |
1544 | - border-bottom-left-radius: 4px !important; | |
1545 | - right: -20px; | |
1546 | 3157 | |
3158 | +.owl-controls .owl-buttons .owl-next { | |
3159 | + border-top-left-radius: 4px!important; | |
3160 | + border-bottom-left-radius: 4px!important; | |
3161 | + right: -20px | |
1547 | 3162 | } |
3163 | + | |
1548 | 3164 | .owl-controls .owl-buttons div:before { |
1549 | 3165 | position: absolute; |
1550 | - content: ''; | |
1551 | 3166 | width: 8px; |
1552 | 3167 | height: 22px; |
1553 | - background: url("../img/arrows_blocks.png") no-repeat; | |
1554 | - top:50%; | |
3168 | + background: url(../img/arrows_blocks.png) no-repeat; | |
3169 | + top: 50%; | |
1555 | 3170 | margin-top: -11px; |
1556 | 3171 | left: 50%; |
1557 | - margin-left: -4px; | |
3172 | + margin-left: -4px | |
1558 | 3173 | } |
3174 | + | |
1559 | 3175 | .owl-controls .owl-buttons .owl-prev:before { |
1560 | - background-position: 0 0; | |
3176 | + background-position: 0 0 | |
1561 | 3177 | } |
3178 | + | |
1562 | 3179 | .owl-controls .owl-buttons .owl-next:before { |
1563 | - background-position: -8px 0; | |
3180 | + background-position: -8px 0 | |
3181 | +} | |
3182 | + | |
3183 | +.basket_input_2.required .control-label { | |
3184 | + position: relative | |
1564 | 3185 | } |
1565 | -.basket_input_2.required .control-label {position: relative} | |
3186 | + | |
1566 | 3187 | .basket_input_2.required .control-label:before { |
1567 | 3188 | position: absolute; |
1568 | 3189 | top: 0; |
1569 | 3190 | content: '*'; |
1570 | 3191 | color: #D60000; |
1571 | 3192 | left: -11px; |
1572 | - padding-top: 2px; | |
3193 | + padding-top: 2px | |
1573 | 3194 | } |
1574 | 3195 | |
1575 | - | |
1576 | -.float-left{ | |
1577 | - float: left; | |
3196 | +.float-left { | |
3197 | + float: left | |
1578 | 3198 | } |
1579 | 3199 | |
1580 | -.blog-show-img{ | |
1581 | - padding-right: 20px; | |
3200 | +.blog-show-img { | |
3201 | + padding-right: 20px | |
1582 | 3202 | } |
1583 | 3203 | |
1584 | -.text_seo.hidden_seo{ | |
3204 | +.text_seo.hidden_seo { | |
1585 | 3205 | height: 178px; |
1586 | 3206 | overflow: hidden; |
1587 | - position: relative; | |
1588 | - | |
3207 | + position: relative | |
1589 | 3208 | } |
3209 | + | |
1590 | 3210 | .text_seo.hidden_seo div { |
1591 | 3211 | height: 162px; |
1592 | 3212 | overflow: hidden; |
1593 | - position: relative; | |
3213 | + position: relative | |
1594 | 3214 | } |
3215 | + | |
1595 | 3216 | .text_seo.hidden_seo a { |
1596 | 3217 | position: absolute; |
1597 | 3218 | bottom: 0; |
1598 | 3219 | right: 0; |
1599 | - font-size: 16px; | |
3220 | + font-size: 16px | |
1600 | 3221 | } |
3222 | + | |
1601 | 3223 | .text_seo.hidden_seo div:before { |
1602 | 3224 | content: ''; |
1603 | 3225 | display: block; |
... | ... | @@ -1606,57 +3228,122 @@ input.custom-radio + label:hover { |
1606 | 3228 | right: 0; |
1607 | 3229 | left: 0; |
1608 | 3230 | height: 120px; |
1609 | - background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); | |
1610 | - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff)); | |
1611 | - background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); | |
1612 | - background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); | |
1613 | - background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); | |
1614 | - background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); | |
1615 | -} | |
1616 | -.special-products{border-bottom:1px solid #d2d2d2}a.link_buy,.checkout_basket button,.submit4{font-size:15px}.cost,.product_read_price #cost{font-size:20px}.cost span,.cost span.valute,.product_read_price .valute{font-size:15px} | |
3231 | + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); | |
3232 | + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #fff)); | |
3233 | + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); | |
3234 | + background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); | |
3235 | + background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); | |
3236 | + background: linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%) | |
3237 | +} | |
3238 | + | |
3239 | +.checkout_basket button, | |
3240 | +.submit4, | |
3241 | +a.link_buy { | |
3242 | + font-size: 15px | |
3243 | +} | |
3244 | + | |
3245 | +.cost, | |
3246 | +.product_read_price #cost { | |
3247 | + font-size: 20px | |
3248 | +} | |
3249 | + | |
3250 | +.cost span, | |
3251 | +.cost span.valute, | |
3252 | +.product_read_price .valute { | |
3253 | + font-size: 15px | |
3254 | +} | |
3255 | + | |
1617 | 3256 | .comment_display_block { |
1618 | - height: 35px; | |
3257 | + height: 35px | |
3258 | +} | |
3259 | + | |
3260 | +.basket { | |
3261 | + margin-top: 34px!important | |
3262 | +} | |
3263 | + | |
3264 | +.header-time { | |
3265 | + float: right; | |
3266 | + margin-right: 25px | |
3267 | +} | |
3268 | + | |
3269 | +.header-time table { | |
3270 | + border: 0; | |
3271 | + padding: 0; | |
3272 | + outline: 0; | |
3273 | + height: 129px | |
3274 | +} | |
3275 | + | |
3276 | +.header-time table td { | |
3277 | + font-size: 14px; | |
3278 | + line-height: 14px | |
3279 | +} | |
3280 | + | |
3281 | +.header-time table td span { | |
3282 | + font-size: 16px | |
3283 | +} | |
3284 | + | |
3285 | +.header-time table table { | |
3286 | + height: auto | |
3287 | +} | |
3288 | + | |
3289 | +.header-time.footer_time { | |
3290 | + width: 100%; | |
3291 | + float: left; | |
3292 | + margin-top: 68px | |
3293 | +} | |
3294 | + | |
3295 | +.header-time.footer_time table td { | |
3296 | + vertical-align: top | |
3297 | +} | |
3298 | + | |
3299 | +.footer-mail { | |
3300 | + color: #99a5ad | |
3301 | +} | |
3302 | + | |
3303 | +.footer-mail:hover { | |
3304 | + color: #fff | |
1619 | 3305 | } |
1620 | -.basket{margin-top:34px!important} | |
1621 | -.header-time{float:right;margin-right:25px} | |
1622 | -.header-time table{border:0;padding:0;outline:none;height:129px} | |
1623 | -.header-time table td{font-size:14px;line-height:14px} | |
1624 | -.header-time table td span{font-size:16px} | |
1625 | -.header-time table table{height:auto} | |
1626 | -.header-time.footer_time {width: 100%;float: left;margin-top: 68px;} | |
1627 | -.header-time.footer_time table td{vertical-align: top} | |
1628 | -.footer-mail {color: #99a5ad; text-decoration: underline;} | |
1629 | -.footer-mail:hover {color: #fff;} | |
3306 | + | |
1630 | 3307 | .labels_block .labels_item { |
1631 | 3308 | display: inline-block; |
1632 | - width: 49%; | |
3309 | + width: 49% | |
1633 | 3310 | } |
1634 | 3311 | |
1635 | 3312 | .article_comment_description { |
1636 | - margin: -10px 0 10px 0; | |
3313 | + margin: -10px 0 10px | |
1637 | 3314 | } |
3315 | + | |
1638 | 3316 | .article_list_comment { |
1639 | 3317 | height: auto; |
1640 | - margin: 10px 0 10px 0; | |
3318 | + margin: 10px 0 | |
1641 | 3319 | } |
3320 | + | |
1642 | 3321 | .check_price { |
1643 | 3322 | font-size: 12px; |
1644 | - color: slategray; | |
3323 | + color: #708090; | |
1645 | 3324 | margin: 20px 0 10px; |
1646 | 3325 | padding-bottom: 10px; |
1647 | - border-bottom: 1px solid #d2d2d2; | |
3326 | + border-bottom: 1px solid #d2d2d2 | |
1648 | 3327 | } |
3328 | + | |
1649 | 3329 | .product_rating_block { |
1650 | - display: inline-block; | |
3330 | + display: inline-block | |
1651 | 3331 | } |
3332 | + | |
1652 | 3333 | .product_review_block { |
1653 | - float: right; | |
3334 | + float: right | |
1654 | 3335 | } |
3336 | + | |
1655 | 3337 | .product_review_block a { |
1656 | 3338 | font-size: 13px; |
1657 | 3339 | text-decoration: none; |
1658 | - border-bottom: 1px dotted rgb(121, 153, 32); | |
3340 | + border-bottom: 1px dotted #799920 | |
1659 | 3341 | } |
3342 | + | |
1660 | 3343 | .artbox_comment_description { |
1661 | - min-height: 20px; | |
1662 | -} | |
1663 | 3344 | \ No newline at end of file |
3345 | + min-height: 20px | |
3346 | +} | |
3347 | + | |
3348 | +.flip-clock-wrapper ul{ | |
3349 | + width: 40px; | |
3350 | +} | ... | ... |
frontend/widgets/SliderWidget.php
1 | -<?php | |
2 | -namespace frontend\widgets; | |
3 | - | |
4 | -use yii\base\Widget; | |
5 | -use yii\web\View; | |
6 | - | |
7 | -class SliderWidget extends Widget | |
8 | -{ | |
9 | - public $title; | |
10 | - | |
11 | - public function init(){ | |
12 | - | |
13 | - parent::init(); | |
14 | - | |
15 | - } | |
16 | - /** | |
17 | - * @var bool флаг загрузки скрипта слайдера | |
18 | - */ | |
19 | - public $is_init_slider = false; | |
20 | - | |
21 | - public function run() | |
22 | - { | |
23 | - | |
24 | - | |
25 | - $slider = \common\models\Slider::find()->where([\common\models\Slider::tableName().'.title'=>$this->title])->joinWith("sliderImage")->one(); | |
26 | - | |
27 | - if (! empty ($slider)) | |
28 | - { | |
29 | - // изображения | |
30 | - $images = $slider->sliderImage; | |
31 | - if (! empty ($images)) | |
32 | - { | |
33 | - // подключаем jssor-slider | |
34 | - $this->initSliderJs(); | |
35 | - | |
36 | - // скрипт-обработчик | |
37 | - $this->initSliderScript($slider); | |
38 | - | |
39 | - // html | |
40 | - return $this->htmlSlider($slider, $images); | |
41 | - } | |
42 | - } | |
43 | - return $this->render('slider',[ | |
44 | - 'slider'=>$slider | |
45 | - ]); | |
46 | - | |
47 | - | |
48 | - } | |
49 | - | |
50 | - | |
51 | - // ==== DISPLAY ==== | |
52 | - | |
53 | - public function initSliderJs () | |
54 | - { | |
55 | - if (! $this->is_init_slider) | |
56 | - { | |
57 | - // TODO:: wiget подключение jcarousel | |
58 | - $this->view->registerJsFile(\Yii::$app->request->baseUrl . '/js/widget-carousel/lib/jquery.jcarousel.min.js',[ | |
59 | - 'position' => View::POS_END, | |
60 | - 'depends' => ['yii\web\JqueryAsset'] | |
61 | - ]); | |
62 | - $this->is_init_slider = true; | |
63 | - } | |
64 | - } | |
65 | - | |
66 | - public function initSliderScript ($slider) | |
67 | - { | |
68 | - $this->view->registerJs(' | |
69 | - var '.$slider->title.'_option_1 = { | |
70 | - $AutoPlayInterval: '.$slider->duration.', | |
71 | - $SlideDuration: '.$slider->speed.', | |
72 | - }; | |
73 | - ', 1); | |
74 | - | |
75 | - $this->view->registerCssFile (\Yii::$app->request->BaseUrl . '/js/widget-carousel/'.$slider->title.'/style.css'); | |
76 | - | |
77 | - $this->view->registerJsFile(\Yii::$app->request->BaseUrl . '/js/widget-carousel/'.$slider->title.'/style.js',[ | |
78 | - 'position' => View::POS_END, | |
79 | - 'depends' => ['yii\web\JqueryAsset'] | |
80 | - ]); | |
81 | - } | |
82 | - | |
83 | - public function htmlSlider ($slider, $images) | |
84 | - { | |
85 | - ob_start(); | |
86 | - | |
87 | - if (! empty ($images)) | |
88 | - { | |
89 | - echo '<div id="'.$slider->title.'">'; | |
90 | - | |
91 | - echo ' | |
92 | - <!-- Loading Screen --> | |
93 | - <div u="loading" class="loading"> | |
94 | - <div class="load-1"></div> | |
95 | - <div class="load-2"></div> | |
96 | - </div> | |
97 | - | |
98 | - <!-- Slides Container --> | |
99 | - <div u="slides" class="item-list">'; | |
100 | - | |
101 | - foreach ($images as $row) | |
102 | - { | |
103 | - echo '<div class="item">'; | |
104 | - | |
105 | - if (! empty ($row->url)) | |
106 | - { | |
107 | - echo '<a href="'.$row->url.'">'; | |
108 | - } | |
109 | - | |
110 | - if (empty ($row->image)) | |
111 | - { | |
112 | - $row->image = '/img/notpic.gif'; | |
113 | - } | |
114 | - | |
115 | - echo '<img u="image" src="/storage/slider/'.$row->image.'" alt ="'.$row->alt.'" class="glossy" />'; | |
116 | - //echo '<div u="caption" class="title bg-transparent">'.$row->title.'</div>'; | |
117 | - | |
118 | - if (! empty ($row->url)) | |
119 | - { | |
120 | - echo '</a>'; | |
121 | - } | |
122 | - | |
123 | - echo '</div>'; | |
124 | - } | |
125 | - | |
126 | - echo '</div>'; | |
127 | - | |
128 | - echo ' | |
129 | - <div u="navigator" class="jssorb03"> | |
130 | - <div u="prototype"> | |
131 | - </div> | |
132 | - </div> | |
133 | - | |
134 | - <span u="arrowleft" class="jssora03l"></span> | |
135 | - <span u="arrowright" class="jssora03r"></span>'; | |
136 | - | |
137 | - echo '</div>'; | |
138 | - } | |
139 | - | |
140 | - return ob_get_clean(); | |
141 | - } | |
142 | - | |
143 | -} | |
144 | 1 | \ No newline at end of file |
2 | +<?php namespace frontend\widgets; use yii\base\Widget; use yii\web\View; use frontend\assets\FlipclockAsset; class SliderWidget extends Widget { public $title; public function init(){ parent::init(); } /** * @var bool флаг загрузки скрипта слайдера */ public $is_init_slider = false; public function run() { $slider = \common\models\Slider::find()->where([\common\models\Slider::tableName().'.title'=>$this->title])->joinWith("sliderImage")->one(); if (! empty ($slider)) { // изображения $images = $slider->sliderImage; if (! empty ($images)) { // подключаем jssor-slider $this->initSliderJs(); // скрипт-обработчик $this->initSliderScript($slider); // html return $this->htmlSlider($slider, $images); } } return $this->render('slider',[ 'slider'=>$slider ]); } // ==== DISPLAY ==== public function initSliderJs () { if (! $this->is_init_slider) { // TODO:: wiget подключение jcarousel $this->view->registerJsFile(\Yii::$app->request->baseUrl . '/js/widget-carousel/lib/jquery.jcarousel.min.js',[ 'position' => View::POS_END, 'depends' => ['yii\web\JqueryAsset'] ]); $this->is_init_slider = true; } } public function initSliderScript ($slider) { FlipclockAsset::register($this->view); $this->view->registerJs(' var '.$slider->title.'_option_1 = { $AutoPlayInterval: '.$slider->duration.', $SlideDuration: '.$slider->speed.', }; ', 1); $this->view->registerCssFile (\Yii::$app->request->BaseUrl . '/js/widget-carousel/'.$slider->title.'/style.css'); $this->view->registerJsFile(\Yii::$app->request->BaseUrl . '/js/widget-carousel/'.$slider->title.'/style.js',[ 'position' => View::POS_END, 'depends' => ['yii\web\JqueryAsset'] ]); } public function htmlSlider ($slider, $images) { ob_start(); if (! empty ($images)) { echo '<div id="'.$slider->title.'">'; echo ' <!-- Loading Screen --> <div u="loading" class="loading"> <div class="load-1"></div> <div class="load-2"></div> </div> <!-- Slides Container --> <div u="slides" class="item-list">'; foreach ($images as $row) { if($row->isActive()){ echo '<div class="item">'; if(!empty($row->end_at) && strtotime($row->end_at) > strtotime(date("Y-m-d"))){ ?> <div class="clock_style clock_<?= $row->primaryKey ?>"></div> <script type="text/javascript"> var clock; $(document).ready(function() { var clock; clock = $('.clock_<?= $row->primaryKey ?>').FlipClock({ clockFace: 'DailyCounter', language: 'ru', classes: { active: 'flip-clock-active', before: 'flip-clock-before', divider: 'flip-clock-divider', dot: 'flip-clock-dot', label: 'flip-clock-label', flip: 'flip', play: 'play', wrapper: 'flip-clock-wrapper' }, }); clock.setTime(<?= strtotime($row->end_at) - strtotime(date("Y-m-d H:i:s"))?>); clock.setCountdown(true); clock.start(); }); </script> <?php } if (! empty ($row->url)) { echo '<a href="'.$row->url.'">'; } if (empty ($row->image)) { $row->image = '/img/notpic.gif'; } echo '<img u="image" src="/storage/slider/'.$row->image.'" alt ="'.$row->alt.'" class="glossy" />'; //echo '<div u="caption" class="title bg-transparent">'.$row->title.'</div>'; if (! empty ($row->url)) { echo '</a>'; } echo '</div>'; } } echo '</div>'; echo ' <div u="navigator" class="jssorb03"> <div u="prototype"> </div> </div> <span u="arrowleft" class="jssora03l"></span> <span u="arrowright" class="jssora03r"></span>'; echo '</div>'; } return ob_get_clean(); } } | |
145 | 3 | \ No newline at end of file | ... | ... |
frontend/widgets/views/slider.php
... | ... | @@ -7,16 +7,53 @@ use yii\helpers\Url; |
7 | 7 | ?> |
8 | 8 | <div class="carousel"> |
9 | 9 | <?php foreach($slider->sliderImage as $image): |
10 | - $htm = <<<HTML | |
10 | + if($image->isActive()){ | |
11 | + $htm = <<<HTML | |
11 | 12 | |
12 | 13 | <div style="background:url($image->image ) center center no-repeat;width:100%;height:480px;position:absolute;"> |
13 | 14 | </div> |
14 | - <div class="content"> | |
15 | + <div class="12n content"> | |
15 | 16 | |
16 | 17 | HTML; |
17 | 18 | |
18 | - if(!empty($image->price)) { | |
19 | - $htm .= <<<HTML | |
19 | + | |
20 | + if(!empty($image->end_at) && strtotime($image->end_at) > strtotime(date("Y-m-d"))){ | |
21 | + ?> | |
22 | + <div class="clock_style clock_<?= $image->primaryKey ?>"></div> | |
23 | + <script type="text/javascript"> | |
24 | + var clock; | |
25 | + | |
26 | + $(document).ready(function() { | |
27 | + var clock; | |
28 | + | |
29 | + clock = $('.clock_<?= $image->primaryKey ?>').FlipClock({ | |
30 | + clockFace: 'DailyCounter', | |
31 | + language: 'ru', | |
32 | + classes: { | |
33 | + active: 'flip-clock-active', | |
34 | + before: 'flip-clock-before', | |
35 | + divider: 'flip-clock-divider', | |
36 | + dot: 'flip-clock-dot', | |
37 | + label: 'flip-clock-label', | |
38 | + flip: 'flip', | |
39 | + play: 'play', | |
40 | + wrapper: 'flip-clock-wrapper' | |
41 | + }, | |
42 | + }); | |
43 | + | |
44 | + clock.setTime(<?= strtotime($image->end_at) - strtotime(date("Y-m-d H:i:s"))?>); | |
45 | + clock.setCountdown(true); | |
46 | + clock.start(); | |
47 | + | |
48 | + }); | |
49 | + </script> | |
50 | + | |
51 | + | |
52 | + <?php | |
53 | + } | |
54 | + | |
55 | + if(!empty($image->price)) { | |
56 | + $htm .= <<<HTML | |
20 | 57 | <div class="price_round_border"> |
21 | 58 | <div class="price_round"> |
22 | 59 | <div class="title">Супер цена</div> |
... | ... | @@ -26,17 +63,20 @@ HTML; |
26 | 63 | </div> |
27 | 64 | </div> |
28 | 65 | HTML; |
29 | - } | |
66 | + } | |
30 | 67 | |
31 | - $htm .= <<<HTML | |
68 | + $htm .= <<<HTML | |
32 | 69 | </div> |
33 | 70 | |
34 | 71 | HTML; |
72 | + | |
73 | + | |
35 | 74 | ?> |
36 | 75 | |
37 | 76 | <div class="slide"> |
38 | 77 | <?= Html::a($htm, Url::toRoute($image->url)); ?> |
39 | 78 | </div> |
79 | + <?php }?> | |
40 | 80 | <?php endforeach; ?> |
41 | 81 | </div> |
42 | 82 | ... | ... |