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,6 +2,7 @@ | ||
2 | 2 | ||
3 | namespace backend\controllers; | 3 | namespace backend\controllers; |
4 | 4 | ||
5 | +use common\modules\product\models\Import; | ||
5 | use Yii; | 6 | use Yii; |
6 | use common\models\Event; | 7 | use common\models\Event; |
7 | use common\models\EventSearch; | 8 | use common\models\EventSearch; |
@@ -85,8 +86,13 @@ class EventController extends Controller | @@ -85,8 +86,13 @@ class EventController extends Controller | ||
85 | $model->image = $image->name; | 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 | if ($model->save() && $image) { | 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 | return $this->redirect(['view', 'id' => $model->event_id]); | 98 | return $this->redirect(['view', 'id' => $model->event_id]); |
@@ -113,8 +119,25 @@ class EventController extends Controller | @@ -113,8 +119,25 @@ class EventController extends Controller | ||
113 | $model->image = $image->name; | 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 | if ($model->save() && $image) { | 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 | return $this->redirect(['view', 'id' => $model->event_id]); | 143 | return $this->redirect(['view', 'id' => $model->event_id]); |
backend/views/event/_form.php
@@ -17,6 +17,8 @@ use mihaildev\elfinder\ElFinder; | @@ -17,6 +17,8 @@ use mihaildev\elfinder\ElFinder; | ||
17 | 'options' => ['enctype' => 'multipart/form-data'] | 17 | 'options' => ['enctype' => 'multipart/form-data'] |
18 | ]); ?> | 18 | ]); ?> |
19 | 19 | ||
20 | + <?= $form->field($model, 'event_id')->textInput(['maxlength' => true, 'disabled'=>true]) ?> | ||
21 | + | ||
20 | <?= $form->field($model, 'name')->textInput(['maxlength' => true]) ?> | 22 | <?= $form->field($model, 'name')->textInput(['maxlength' => true]) ?> |
21 | 23 | ||
22 | <?= $form->field($model, 'alias')->textInput(['maxlength' => true]) ?> | 24 | <?= $form->field($model, 'alias')->textInput(['maxlength' => true]) ?> |
@@ -35,8 +37,8 @@ use mihaildev\elfinder\ElFinder; | @@ -35,8 +37,8 @@ use mihaildev\elfinder\ElFinder; | ||
35 | <?= $form->field($model, 'end_at') | 37 | <?= $form->field($model, 'end_at') |
36 | ->widget(DatePicker::className(), [ | 38 | ->widget(DatePicker::className(), [ |
37 | 'pluginOptions' => [ | 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,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 | <?= $form->field($model, 'meta_title')->textInput(['maxlength' => true]) ?> | 83 | <?= $form->field($model, 'meta_title')->textInput(['maxlength' => true]) ?> |
60 | 84 | ||
61 | <?= $form->field($model, 'description')->textInput(['maxlength' => true]) ?> | 85 | <?= $form->field($model, 'description')->textInput(['maxlength' => true]) ?> |
@@ -64,6 +88,8 @@ use mihaildev\elfinder\ElFinder; | @@ -64,6 +88,8 @@ use mihaildev\elfinder\ElFinder; | ||
64 | 88 | ||
65 | <?= $form->field($model, 'seo_text')->textarea(['rows' => 6]) ?> | 89 | <?= $form->field($model, 'seo_text')->textarea(['rows' => 6]) ?> |
66 | 90 | ||
91 | + <?= $form->field($model, 'status')->checkbox() ?> | ||
92 | + | ||
67 | 93 | ||
68 | 94 | ||
69 | <div class="form-group"> | 95 | <div class="form-group"> |
backend/views/slider-image/_form.php
@@ -5,7 +5,7 @@ use common\modules\file\widgets\ImageUploader; | @@ -5,7 +5,7 @@ use common\modules\file\widgets\ImageUploader; | ||
5 | use kartik\select2\Select2; | 5 | use kartik\select2\Select2; |
6 | use yii\helpers\Html; | 6 | use yii\helpers\Html; |
7 | use yii\widgets\ActiveForm; | 7 | use yii\widgets\ActiveForm; |
8 | - | 8 | +use kartik\date\DatePicker; |
9 | /* @var $this yii\web\View */ | 9 | /* @var $this yii\web\View */ |
10 | /* @var $slider Slider*/ | 10 | /* @var $slider Slider*/ |
11 | /* @var $model common\models\SliderImage */ | 11 | /* @var $model common\models\SliderImage */ |
@@ -37,17 +37,16 @@ use yii\widgets\ActiveForm; | @@ -37,17 +37,16 @@ use yii\widgets\ActiveForm; | ||
37 | 37 | ||
38 | <?= $form->field($model, 'title')->textInput(['maxlength' => true]) ?> | 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 | <?= $form->field($model, 'url')->textInput(['maxlength' => true]) ?> | 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 | <?= $form->field($model, 'sort')->textInput() ?> | 51 | <?= $form->field($model, 'sort')->textInput() ?> |
53 | 52 |
backend/views/slider/_form.php
@@ -25,6 +25,7 @@ use kartik\select2\Select2; | @@ -25,6 +25,7 @@ use kartik\select2\Select2; | ||
25 | <?= $form->field($model, 'height')->textInput(['maxlength' => true]) ?> | 25 | <?= $form->field($model, 'height')->textInput(['maxlength' => true]) ?> |
26 | 26 | ||
27 | 27 | ||
28 | + | ||
28 | <?= $form->field($model, 'status')->widget(Select2::className(),([ | 29 | <?= $form->field($model, 'status')->widget(Select2::className(),([ |
29 | 'name' => 'status', | 30 | 'name' => 'status', |
30 | 'hideSearch' => true, | 31 | 'hideSearch' => true, |
common/config/main.php
@@ -61,6 +61,22 @@ return [ | @@ -61,6 +61,22 @@ return [ | ||
61 | 'master' => null | 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 | 'product_variant' => [ | 80 | 'product_variant' => [ |
65 | 'resize' => [ | 81 | 'resize' => [ |
66 | 'width' => 38, | 82 | 'width' => 38, |
common/models/Event.php
@@ -2,6 +2,7 @@ | @@ -2,6 +2,7 @@ | ||
2 | 2 | ||
3 | namespace common\models; | 3 | namespace common\models; |
4 | 4 | ||
5 | +use common\modules\product\models\Product; | ||
5 | use Yii; | 6 | use Yii; |
6 | use yii\behaviors\TimestampBehavior; | 7 | use yii\behaviors\TimestampBehavior; |
7 | /** | 8 | /** |
@@ -19,10 +20,13 @@ use yii\behaviors\TimestampBehavior; | @@ -19,10 +20,13 @@ use yii\behaviors\TimestampBehavior; | ||
19 | * @property integer $created_at | 20 | * @property integer $created_at |
20 | * @property integer $updated_at | 21 | * @property integer $updated_at |
21 | * @property integer $end_at | 22 | * @property integer $end_at |
23 | + * @property integer $status | ||
24 | + * @property integer $banner | ||
22 | */ | 25 | */ |
23 | class Event extends \yii\db\ActiveRecord | 26 | class Event extends \yii\db\ActiveRecord |
24 | { | 27 | { |
25 | public $imageUpload; | 28 | public $imageUpload; |
29 | + public $products_file; | ||
26 | 30 | ||
27 | /** | 31 | /** |
28 | * @inheritdoc | 32 | * @inheritdoc |
@@ -55,7 +59,8 @@ class Event extends \yii\db\ActiveRecord | @@ -55,7 +59,8 @@ class Event extends \yii\db\ActiveRecord | ||
55 | public function beforeSave($insert) | 59 | public function beforeSave($insert) |
56 | { | 60 | { |
57 | if (parent::beforeSave($insert)) { | 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 | return true; | 64 | return true; |
60 | } else { | 65 | } else { |
61 | return false; | 66 | return false; |
@@ -63,7 +68,7 @@ class Event extends \yii\db\ActiveRecord | @@ -63,7 +68,7 @@ class Event extends \yii\db\ActiveRecord | ||
63 | } | 68 | } |
64 | 69 | ||
65 | public function afterFind(){ | 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,10 +80,11 @@ class Event extends \yii\db\ActiveRecord | ||
75 | return [ | 80 | return [ |
76 | [['body', 'seo_text'], 'string'], | 81 | [['body', 'seo_text'], 'string'], |
77 | [['created_at', 'updated_at' ], 'integer'], | 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 | [['name','body'], 'required'], | 84 | [['name','body'], 'required'], |
80 | [['imageUpload'], 'safe'], | 85 | [['imageUpload'], 'safe'], |
81 | [['imageUpload'], 'file', 'extensions' => 'jpg, gif, png'], | 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,7 +94,7 @@ class Event extends \yii\db\ActiveRecord | ||
88 | public function attributeLabels() | 94 | public function attributeLabels() |
89 | { | 95 | { |
90 | return [ | 96 | return [ |
91 | - 'event_id' => Yii::t('app', 'event_id'), | 97 | + 'event_id' => Yii::t('app', 'ID акции'), |
92 | 'name' => Yii::t('app', 'name'), | 98 | 'name' => Yii::t('app', 'name'), |
93 | 'alias' => Yii::t('app', 'alias'), | 99 | 'alias' => Yii::t('app', 'alias'), |
94 | 'body' => Yii::t('app', 'body'), | 100 | 'body' => Yii::t('app', 'body'), |
@@ -100,16 +106,44 @@ class Event extends \yii\db\ActiveRecord | @@ -100,16 +106,44 @@ class Event extends \yii\db\ActiveRecord | ||
100 | 'created_at' => Yii::t('app', 'created_at'), | 106 | 'created_at' => Yii::t('app', 'created_at'), |
101 | 'updated_at' => Yii::t('app', 'updated_at'), | 107 | 'updated_at' => Yii::t('app', 'updated_at'), |
102 | 'end_at' => Yii::t('app', 'end_at'), | 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 | public function getImageFile() { | 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 | public function getImageUrl() | 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,6 +15,7 @@ use Yii; | ||
15 | * @property string $url | 15 | * @property string $url |
16 | * @property integer $status | 16 | * @property integer $status |
17 | * @property integer $sort | 17 | * @property integer $sort |
18 | + * @property integer $end_at | ||
18 | * | 19 | * |
19 | * @property Slider $slider | 20 | * @property Slider $slider |
20 | */ | 21 | */ |
@@ -35,11 +36,26 @@ class SliderImage extends \yii\db\ActiveRecord | @@ -35,11 +36,26 @@ class SliderImage extends \yii\db\ActiveRecord | ||
35 | { | 36 | { |
36 | return [ | 37 | return [ |
37 | [['slider_id', 'status', 'sort'], 'integer'], | 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 | [['slider_id'], 'exist', 'skipOnError' => true, 'targetClass' => Slider::className(), 'targetAttribute' => ['slider_id' => 'slider_id']], | 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 | * @inheritdoc | 60 | * @inheritdoc |
45 | */ | 61 | */ |
@@ -56,6 +72,16 @@ class SliderImage extends \yii\db\ActiveRecord | @@ -56,6 +72,16 @@ class SliderImage extends \yii\db\ActiveRecord | ||
56 | 'sort' => Yii::t('app', 'sort'), | 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 | * @return \yii\db\ActiveQuery | 87 | * @return \yii\db\ActiveQuery |
common/modules/product/models/Import.php
@@ -2,6 +2,7 @@ | @@ -2,6 +2,7 @@ | ||
2 | 2 | ||
3 | namespace common\modules\product\models; | 3 | namespace common\modules\product\models; |
4 | 4 | ||
5 | +use common\models\EventsToProducts; | ||
5 | use common\modules\product\helpers\ProductHelper; | 6 | use common\modules\product\helpers\ProductHelper; |
6 | use common\modules\product\models\Category; | 7 | use common\modules\product\models\Category; |
7 | use common\modules\product\models\CategoryName; | 8 | use common\modules\product\models\CategoryName; |
@@ -265,7 +266,7 @@ class Import extends Model { | @@ -265,7 +266,7 @@ class Import extends Model { | ||
265 | // 5 Описание Рус | 266 | // 5 Описание Рус |
266 | $product_body_ru = $data[4]; | 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 | $filters = explode ('*', $data[5]); | 270 | $filters = explode ('*', $data[5]); |
270 | 271 | ||
271 | // 11 Цена акция | 272 | // 11 Цена акция |
@@ -482,6 +483,35 @@ class Import extends Model { | @@ -482,6 +483,35 @@ class Import extends Model { | ||
482 | return $result; | 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 | private function getProductsFile($file_type) { | 515 | private function getProductsFile($file_type) { |
486 | $filename = Yii::getAlias('@uploadDir') .'/'. Yii::getAlias('@'. $file_type); | 516 | $filename = Yii::getAlias('@uploadDir') .'/'. Yii::getAlias('@'. $file_type); |
487 | if (!is_file($filename)) { | 517 | if (!is_file($filename)) { |
common/modules/product/models/Product.php
@@ -3,6 +3,7 @@ | @@ -3,6 +3,7 @@ | ||
3 | namespace common\modules\product\models; | 3 | namespace common\modules\product\models; |
4 | 4 | ||
5 | use common\behaviors\Slug; | 5 | use common\behaviors\Slug; |
6 | +use common\models\Event; | ||
6 | use common\models\ProductToRating; | 7 | use common\models\ProductToRating; |
7 | use common\models\Share; | 8 | use common\models\Share; |
8 | use common\modules\comment\models\CommentModel; | 9 | use common\modules\comment\models\CommentModel; |
@@ -116,6 +117,17 @@ class Product extends \yii\db\ActiveRecord | @@ -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 | public function getUrl() { | 131 | public function getUrl() { |
120 | return '/product/'. $this->alias; | 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,8 +29,13 @@ class EventController extends Controller | ||
29 | public function actionShow($alias) | 29 | public function actionShow($alias) |
30 | { | 30 | { |
31 | 31 | ||
32 | + $model = $this->findModel($alias); | ||
33 | + $productProvider = new ActiveDataProvider([ | ||
34 | + 'query' => $model->getProducts(), | ||
35 | + ]); | ||
32 | return $this->render('show', [ | 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,10 +7,12 @@ | ||
7 | // use common\modules\comment\widgets\CommentWidget; | 7 | // use common\modules\comment\widgets\CommentWidget; |
8 | use common\modules\comment\widgets\CommentWidget; | 8 | use common\modules\comment\widgets\CommentWidget; |
9 | use common\modules\product\models\Category; | 9 | use common\modules\product\models\Category; |
10 | - use yii\web\View; | 10 | +use yii\helpers\Html; |
11 | +use yii\web\View; | ||
11 | use yii\helpers\Url; | 12 | use yii\helpers\Url; |
12 | use frontend\widgets\Seo; | 13 | use frontend\widgets\Seo; |
13 | - | 14 | +use frontend\assets\FlipclockAsset; |
15 | +FlipclockAsset::register($this); | ||
14 | $this->params[ 'seo' ][ 'key' ] = $category->categoryName->value; | 16 | $this->params[ 'seo' ][ 'key' ] = $category->categoryName->value; |
15 | $this->params[ 'seo' ][ 'fields' ][ 'name' ] = $product->fullname; | 17 | $this->params[ 'seo' ][ 'fields' ][ 'name' ] = $product->fullname; |
16 | $this->params[ 'seo' ][ 'h1' ] = !empty( Seo::widget([ 'row' => 'h1' ]) ) ? Seo::widget([ 'row' => 'h1' ]) : $product->fullname; | 18 | $this->params[ 'seo' ][ 'h1' ] = !empty( Seo::widget([ 'row' => 'h1' ]) ) ? Seo::widget([ 'row' => 'h1' ]) : $product->fullname; |
@@ -232,6 +234,45 @@ | @@ -232,6 +234,45 @@ | ||
232 | </div> | 234 | </div> |
233 | 235 | ||
234 | <div class="productRightBar"> | 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 | <ul id="nav_product"> | 276 | <ul id="nav_product"> |
236 | <li><a href="#">Характеристики</a> | 277 | <li><a href="#">Характеристики</a> |
237 | <div class="info"> | 278 | <div class="info"> |
@@ -285,6 +326,14 @@ | @@ -285,6 +326,14 @@ | ||
285 | <?php endforeach; ?> | 326 | <?php endforeach; ?> |
286 | </ul> | 327 | </ul> |
287 | </div> | 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 | <div class="both"></div> | 337 | <div class="both"></div> |
289 | <div class="comment-wrapper" style="padding-bottom:25px"> | 338 | <div class="comment-wrapper" style="padding-bottom:25px"> |
290 | <?php | 339 | <?php |
frontend/views/event/_objects.php
@@ -3,11 +3,56 @@ use yii\helpers\Html; | @@ -3,11 +3,56 @@ use yii\helpers\Html; | ||
3 | use frontend\helpers\TextHelper; | 3 | use frontend\helpers\TextHelper; |
4 | use yii\helpers\Url; | 4 | use yii\helpers\Url; |
5 | use frontend\components\Text; | 5 | use frontend\components\Text; |
6 | +use frontend\assets\FlipclockAsset; | ||
7 | +FlipclockAsset::register($this); | ||
6 | ?> | 8 | ?> |
7 | <div class="news_item"> | 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 | </div> | 58 | </div> |
14 | \ No newline at end of file | 59 | \ No newline at end of file |
frontend/views/event/index.php
@@ -27,11 +27,14 @@ $this->registerMetaTag(['name' => 'keywords', 'content' => 'Акции']); | @@ -27,11 +27,14 @@ $this->registerMetaTag(['name' => 'keywords', 'content' => 'Акции']); | ||
27 | <div class="content"> | 27 | <div class="content"> |
28 | <h1>Акции</h1> | 28 | <h1>Акции</h1> |
29 | <?php | 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 | <div class="both"></div> | 40 | <div class="both"></div> |
frontend/views/event/show.php
1 | <?php | 1 | <?php |
2 | +use frontend\assets\FlipclockAsset; | ||
2 | use yii\helpers\Url; | 3 | use yii\helpers\Url; |
3 | use yii\widgets\Breadcrumbs; | 4 | use yii\widgets\Breadcrumbs; |
5 | +FlipclockAsset::register($this); | ||
4 | ?> | 6 | ?> |
5 | <?php | 7 | <?php |
6 | $this->title = $model->name; | 8 | $this->title = $model->name; |
@@ -21,10 +23,65 @@ $this->title = $model->name; | @@ -21,10 +23,65 @@ $this->title = $model->name; | ||
21 | 23 | ||
22 | <div class="content"> | 24 | <div class="content"> |
23 | <h1><?=$model->name?></h1> | 25 | <h1><?=$model->name?></h1> |
26 | + <div style="position: relative"> | ||
24 | <?php if($model->image){?> | 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 | <?php }?> | 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 | <?=$model->body?> | 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 | </div> | 87 | </div> |
31 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | margin: 0; | 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 | position: relative; | 1640 | position: relative; |
1641 | + background: #95ba2f; | ||
1642 | + display: none; | ||
1643 | + border-radius: 5px; | ||
1644 | + float: left; | ||
232 | box-sizing: border-box; | 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 | text-transform: uppercase; | 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 | float: left; | 2391 | float: left; |
953 | border: 1px solid #d2d2d2; | 2392 | border: 1px solid #d2d2d2; |
954 | margin-bottom: 5px; | 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 | content: ''; | 2413 | content: ''; |
964 | position: absolute; | 2414 | position: absolute; |
965 | top: 43px; | 2415 | top: 43px; |
966 | width: 100%; | 2416 | width: 100%; |
967 | height: 10px; | 2417 | height: 10px; |
968 | - background-color: white; | 2418 | + background-color: #fff; |
969 | left: 0; | 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 | .HOME_RIGHT { | 2432 | .HOME_RIGHT { |
982 | - display: inline-block; | ||
983 | vertical-align: top; | 2433 | vertical-align: top; |
984 | margin-left: 10px; | 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 | display: inline-block; | 2439 | display: inline-block; |
990 | margin-right: 3px; | 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 | .sort_block ul { | 2444 | .sort_block ul { |
998 | - display: inline-block; | ||
999 | margin: 0; | 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 | .sort_block ul li { | 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 | display: block; | 2461 | display: block; |
1009 | width: 5px; | 2462 | width: 5px; |
1010 | height: 3px; | 2463 | height: 3px; |
@@ -1013,112 +2466,146 @@ a.active{font-weight:bold;text-decoration: underline;} | @@ -1013,112 +2466,146 @@ a.active{font-weight:bold;text-decoration: underline;} | ||
1013 | margin-top: -1px; | 2466 | margin-top: -1px; |
1014 | right: -10px; | 2467 | right: -10px; |
1015 | content: ''; | 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 | .sort_block ul li a.asc:after { | 2472 | .sort_block ul li a.asc:after { |
1019 | - background-position: 0 0; | 2473 | + background-position: 0 0 |
1020 | } | 2474 | } |
2475 | + | ||
1021 | .sort_block ul li a.desc:after { | 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 | .home_banner_up .HOME_RIGHT { | 2484 | .home_banner_up .HOME_RIGHT { |
1027 | display: block; | 2485 | display: block; |
1028 | float: right; | 2486 | float: right; |
1029 | position: static; | 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 | width: 6px; | 2494 | width: 6px; |
1034 | height: 6px; | 2495 | height: 6px; |
1035 | border-radius: 50%; | 2496 | border-radius: 50%; |
1036 | line-height: 6px; | 2497 | line-height: 6px; |
1037 | background: #fff; | 2498 | background: #fff; |
1038 | border: 2px solid #fff; | 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 | cursor: default; | 2506 | cursor: default; |
1044 | - background: #95BA2F; | ||
1045 | -} | ||
1046 | -.special-products { | ||
1047 | - padding-top: 30px; | 2507 | + background: #95BA2F |
1048 | } | 2508 | } |
2509 | + | ||
1049 | .special-products .link_buy { | 2510 | .special-products .link_buy { |
1050 | - margin-bottom: 0; | 2511 | + margin-bottom: 0 |
1051 | } | 2512 | } |
2513 | + | ||
1052 | .special-products .item { | 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 | .seo_text p { | 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 | .jcarousel-skin-tango .jcarousel-item { | 2543 | .jcarousel-skin-tango .jcarousel-item { |
1070 | width: 38px; | 2544 | width: 38px; |
1071 | height: 38px; | 2545 | height: 38px; |
1072 | border: 1px solid #d2d2d2; | 2546 | border: 1px solid #d2d2d2; |
1073 | - text-align: center; | ||
1074 | - background: #fff; | 2547 | + background: #fff |
1075 | } | 2548 | } |
2549 | + | ||
1076 | .jcarousel-skin-tango .jcarousel-item a { | 2550 | .jcarousel-skin-tango .jcarousel-item a { |
1077 | display: table-cell; | 2551 | display: table-cell; |
1078 | width: 38px; | 2552 | width: 38px; |
1079 | height: 38px; | 2553 | height: 38px; |
1080 | - vertical-align: middle; | 2554 | + vertical-align: middle |
1081 | } | 2555 | } |
2556 | + | ||
1082 | .mycarousel img { | 2557 | .mycarousel img { |
1083 | max-width: 38px; | 2558 | max-width: 38px; |
1084 | max-height: 38px; | 2559 | max-height: 38px; |
1085 | border: 0; | 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 | .jcarousel-skin-tango .jcarousel-container-vertical { | 2569 | .jcarousel-skin-tango .jcarousel-container-vertical { |
1092 | - padding: 0; | 2570 | + padding: 0 |
1093 | } | 2571 | } |
2572 | + | ||
1094 | .jcarousel-skin-tango .jcarousel-prev-vertical { | 2573 | .jcarousel-skin-tango .jcarousel-prev-vertical { |
1095 | - top:-13px; | 2574 | + top: -13px |
1096 | } | 2575 | } |
2576 | + | ||
1097 | .jcarousel-skin-tango .jcarousel-next-vertical { | 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 | left: 0; | 2583 | left: 0; |
1102 | width: 42px; | 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 | background-position: 14px 0; | 2596 | background-position: 14px 0; |
1107 | - left: 0; | 2597 | + left: 0 |
1108 | } | 2598 | } |
2599 | + | ||
1109 | ul.product-special { | 2600 | ul.product-special { |
1110 | position: absolute; | 2601 | position: absolute; |
1111 | top: 0; | 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 | ul.product-special li div { | 2606 | ul.product-special li div { |
1119 | color: #333; | 2607 | color: #333; |
1120 | font-size: 10px; | 2608 | font-size: 10px; |
1121 | - text-transform: uppercase; | ||
1122 | font-weight: 700; | 2609 | font-weight: 700; |
1123 | height: 22px; | 2610 | height: 22px; |
1124 | line-height: 24px; | 2611 | line-height: 24px; |
@@ -1127,12 +2614,17 @@ ul.product-special li div { | @@ -1127,12 +2614,17 @@ ul.product-special li div { | ||
1127 | border-top-left-radius: 4px; | 2614 | border-top-left-radius: 4px; |
1128 | border-bottom-left-radius: 4px; | 2615 | border-bottom-left-radius: 4px; |
1129 | margin-top: 8px; | 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 | ul.product-special li.top div { | 2624 | ul.product-special li.top div { |
1134 | - background: #fbc665; | 2625 | + background: #fbc665 |
1135 | } | 2626 | } |
2627 | + | ||
1136 | ul.product-special li.top div:after { | 2628 | ul.product-special li.top div:after { |
1137 | content: ''; | 2629 | content: ''; |
1138 | position: absolute; | 2630 | position: absolute; |
@@ -1140,52 +2632,63 @@ ul.product-special li.top div:after { | @@ -1140,52 +2632,63 @@ ul.product-special li.top div:after { | ||
1140 | top: 3px; | 2632 | top: 3px; |
1141 | border: 11px solid transparent; | 2633 | border: 11px solid transparent; |
1142 | border-top: 5px solid #fbc665; | 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 | content: ''; | 2640 | content: ''; |
1151 | position: absolute; | 2641 | position: absolute; |
1152 | right: -18px; | 2642 | right: -18px; |
1153 | top: 2px; | 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 | border: 11px solid transparent; | 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 | ul.product-special li.promo div { | 2656 | ul.product-special li.promo div { |
1159 | - background: #f75d50; | 2657 | + background: #f75d50 |
1160 | } | 2658 | } |
2659 | + | ||
1161 | ul.product-special li.promo div:after { | 2660 | ul.product-special li.promo div:after { |
1162 | - content: ''; | ||
1163 | - position: absolute; | ||
1164 | - right: -18px; | ||
1165 | - top: 2px; | ||
1166 | border: 11px solid transparent; | 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 | .cost-block { | 2665 | .cost-block { |
1171 | - margin-top: 1px; | 2666 | + margin-top: 1px |
1172 | } | 2667 | } |
2668 | + | ||
1173 | .products.pn a.link_buy { | 2669 | .products.pn a.link_buy { |
1174 | - margin-bottom: 0; | 2670 | + margin-bottom: 0 |
1175 | } | 2671 | } |
2672 | + | ||
1176 | .products.pn { | 2673 | .products.pn { |
1177 | - padding-bottom: 0; | 2674 | + padding-bottom: 0 |
1178 | } | 2675 | } |
2676 | + | ||
1179 | .products.pn>ul { | 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 | ._form_checkbox_reset { | 2692 | ._form_checkbox_reset { |
1190 | color: #6a6a6a; | 2693 | color: #6a6a6a; |
1191 | display: block; | 2694 | display: block; |
@@ -1193,48 +2696,72 @@ ul.product-special li.promo div:after { | @@ -1193,48 +2696,72 @@ ul.product-special li.promo div:after { | ||
1193 | height: 28px; | 2696 | height: 28px; |
1194 | border: 1px solid #d2d2d2; | 2697 | border: 1px solid #d2d2d2; |
1195 | line-height: 28px; | 2698 | line-height: 28px; |
1196 | - text-align: center; | ||
1197 | border-radius: 4px; | 2699 | border-radius: 4px; |
1198 | text-decoration: none; | 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 | ._form_checkbox_reset:hover { | 2715 | ._form_checkbox_reset:hover { |
1202 | border: 1px solid #95ba2f; | 2716 | border: 1px solid #95ba2f; |
1203 | - color: #6a6a6a; | 2717 | + color: #6a6a6a |
1204 | } | 2718 | } |
2719 | + | ||
1205 | ._form_checkbox_reset:active { | 2720 | ._form_checkbox_reset:active { |
1206 | border: 1px solid #95ba2f; | 2721 | border: 1px solid #95ba2f; |
1207 | background: #95ba2f; | 2722 | background: #95ba2f; |
1208 | - color: #fff; | 2723 | + color: #fff |
1209 | } | 2724 | } |
2725 | + | ||
1210 | .sort_block ul li a { | 2726 | .sort_block ul li a { |
1211 | color: #8fa951; | 2727 | color: #8fa951; |
1212 | - position: relative; | 2728 | + position: relative |
1213 | } | 2729 | } |
2730 | + | ||
1214 | .sort_block ul li a:hover { | 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 | width: 36px; | 2737 | width: 36px; |
1219 | height: 340px; | 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 | background-position: 0 50%; | 2744 | background-position: 0 50%; |
1224 | left: 0; | 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 | background-position: -36px 50%; | 2751 | background-position: -36px 50%; |
1229 | right: 0; | 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 | .loyout .special-products:first-child { | 2760 | .loyout .special-products:first-child { |
1234 | border-top: 0; | 2761 | border-top: 0; |
1235 | - padding-top: 0; | ||
1236 | - | 2762 | + padding-top: 0 |
1237 | } | 2763 | } |
2764 | + | ||
1238 | .irs-slider { | 2765 | .irs-slider { |
1239 | width: 13px; | 2766 | width: 13px; |
1240 | height: 13px; | 2767 | height: 13px; |
@@ -1242,18 +2769,18 @@ ul.product-special li.promo div:after { | @@ -1242,18 +2769,18 @@ ul.product-special li.promo div:after { | ||
1242 | border-radius: 100%; | 2769 | border-radius: 100%; |
1243 | box-shadow: none; | 2770 | box-shadow: none; |
1244 | border: 1px solid #d2d2d2; | 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 | .irs-slider:before { | 2784 | .irs-slider:before { |
1258 | content: ""; | 2785 | content: ""; |
1259 | position: absolute; | 2786 | position: absolute; |
@@ -1264,32 +2791,46 @@ ul.product-special li.promo div:after { | @@ -1264,32 +2791,46 @@ ul.product-special li.promo div:after { | ||
1264 | border-radius: 100%; | 2791 | border-radius: 100%; |
1265 | background: #799920; | 2792 | background: #799920; |
1266 | top: 3px; | 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 | .irs-bar { | 2803 | .irs-bar { |
1270 | height: 3px; | 2804 | height: 3px; |
1271 | - top: 30px; | 2805 | + top: 30px |
1272 | } | 2806 | } |
2807 | + | ||
1273 | .irs-line { | 2808 | .irs-line { |
1274 | height: 9px; | 2809 | height: 9px; |
1275 | background: #ebebeb; | 2810 | background: #ebebeb; |
1276 | border: 1px solid #d2d2d2; | 2811 | border: 1px solid #d2d2d2; |
1277 | - top: 27px; | 2812 | + top: 27px |
1278 | } | 2813 | } |
2814 | + | ||
1279 | .irs-line:before { | 2815 | .irs-line:before { |
1280 | width: 166px; | 2816 | width: 166px; |
1281 | height: 5px; | 2817 | height: 5px; |
1282 | position: absolute; | 2818 | position: absolute; |
1283 | - content: ''; | ||
1284 | top: 2px; | 2819 | top: 2px; |
1285 | left: 2px; | 2820 | left: 2px; |
1286 | background: #d2d2d2; | 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 | width: 110px; | 2834 | width: 110px; |
1294 | overflow: hidden; | 2835 | overflow: hidden; |
1295 | margin: 0; | 2836 | margin: 0; |
@@ -1297,12 +2838,22 @@ ul.product-special li.promo div:after { | @@ -1297,12 +2838,22 @@ ul.product-special li.promo div:after { | ||
1297 | display: table-cell; | 2838 | display: table-cell; |
1298 | vertical-align: middle; | 2839 | vertical-align: middle; |
1299 | height: 32px; | 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 | float: left; | 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 | .product_read_price .link_buy { | 2859 | .product_read_price .link_buy { |
@@ -1310,42 +2861,45 @@ ul.product-special li.promo div:after { | @@ -1310,42 +2861,45 @@ ul.product-special li.promo div:after { | ||
1310 | position: absolute; | 2861 | position: absolute; |
1311 | top: 50%; | 2862 | top: 50%; |
1312 | right: 0; | 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 | .special-products.products li.item { | 2877 | .special-products.products li.item { |
1318 | - margin-top: 30px; | 2878 | + margin-top: 30px |
1319 | } | 2879 | } |
2880 | + | ||
1320 | .productLeftBar .cost_box { | 2881 | .productLeftBar .cost_box { |
1321 | border-top: 0; | 2882 | border-top: 0; |
1322 | - padding: 10px 0 0 0; | 2883 | + padding: 10px 0 0 |
1323 | } | 2884 | } |
2885 | + | ||
1324 | .productLeftBar .product_mod { | 2886 | .productLeftBar .product_mod { |
1325 | width: 100%; | 2887 | width: 100%; |
1326 | float: left; | 2888 | float: left; |
1327 | border-bottom: 1px solid #d2d2d2; | 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 | .cont_shopping-wr { | 2893 | .cont_shopping-wr { |
1340 | - width: 100%; | ||
1341 | - float: left; | ||
1342 | - margin-top: 10px; | 2894 | + margin-top: 10px |
1343 | } | 2895 | } |
2896 | + | ||
1344 | .cont_shopping-wr .cont_shopping { | 2897 | .cont_shopping-wr .cont_shopping { |
1345 | - float: right; | 2898 | + float: right |
1346 | } | 2899 | } |
2900 | + | ||
1347 | .cont_shopping { | 2901 | .cont_shopping { |
1348 | - display: block !important; | 2902 | + display: block!important; |
1349 | border-top: 0!important; | 2903 | border-top: 0!important; |
1350 | border-left: 0!important; | 2904 | border-left: 0!important; |
1351 | border-right: 0!important; | 2905 | border-right: 0!important; |
@@ -1355,249 +2909,317 @@ ul.product-special li.promo div:after { | @@ -1355,249 +2909,317 @@ ul.product-special li.promo div:after { | ||
1355 | padding: 0!important; | 2909 | padding: 0!important; |
1356 | font-size: 12px!important; | 2910 | font-size: 12px!important; |
1357 | float: left; | 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 | .info.product-thumb-video { | 2923 | .info.product-thumb-video { |
1361 | width: 100%; | 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 | width: 100%; | 2936 | width: 100%; |
1370 | - float: left; | 2937 | + float: left |
1371 | } | 2938 | } |
2939 | + | ||
1372 | .form-order .input-blocks-wrapper { | 2940 | .form-order .input-blocks-wrapper { |
1373 | - margin-top: 6px; | 2941 | + margin-top: 6px |
1374 | } | 2942 | } |
2943 | + | ||
1375 | .input-blocks label { | 2944 | .input-blocks label { |
1376 | font-size: 13px; | 2945 | font-size: 13px; |
1377 | - color: #333; | 2946 | + color: #333 |
1378 | } | 2947 | } |
2948 | + | ||
1379 | .basket_input_2 label { | 2949 | .basket_input_2 label { |
1380 | height: 30px; | 2950 | height: 30px; |
1381 | line-height: 30px; | 2951 | line-height: 30px; |
1382 | float: left; | 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 | .custom-input-2 { | 2957 | .custom-input-2 { |
1388 | width: 100%; | 2958 | width: 100%; |
1389 | height: 30px; | 2959 | height: 30px; |
1390 | - box-sizing: border-box; | ||
1391 | - outline: none; | 2960 | + outline: 0; |
1392 | line-height: 30px; | 2961 | line-height: 30px; |
1393 | padding-left: 8px; | 2962 | padding-left: 8px; |
1394 | margin-top: 5px; | 2963 | margin-top: 5px; |
1395 | background: #fff; | 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 | border: 1px solid #d2d2d2; | 2971 | border: 1px solid #d2d2d2; |
1400 | box-sizing: border-box; | 2972 | box-sizing: border-box; |
1401 | font-size: 13px; | 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 | min-height: 128px; | 2979 | min-height: 128px; |
1406 | max-height: 128px; | 2980 | max-height: 128px; |
1407 | resize: none; | 2981 | resize: none; |
1408 | width: 100%; | 2982 | width: 100%; |
1409 | max-width: 100%; | 2983 | max-width: 100%; |
1410 | - outline: none; | 2984 | + outline: 0; |
1411 | padding-left: 8px; | 2985 | padding-left: 8px; |
1412 | padding-top: 8px; | 2986 | padding-top: 8px; |
1413 | - margin-top: 8px; | 2987 | + margin-top: 8px |
1414 | } | 2988 | } |
2989 | + | ||
1415 | .basket_input_2 .custom-input-2 { | 2990 | .basket_input_2 .custom-input-2 { |
1416 | width: 270px; | 2991 | width: 270px; |
1417 | float: right; | 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 | font-size: 12px; | 3010 | font-size: 12px; |
1424 | - font-weight: bold; | 3011 | + font-weight: 700; |
1425 | text-transform: uppercase; | 3012 | text-transform: uppercase; |
1426 | - margin-bottom: 12px; | 3013 | + margin-bottom: 12px |
1427 | } | 3014 | } |
3015 | + | ||
1428 | .input-blocks-group { | 3016 | .input-blocks-group { |
1429 | width: 100%; | 3017 | width: 100%; |
1430 | float: left; | 3018 | float: left; |
1431 | border-bottom: 1px solid #d2d2d2; | 3019 | border-bottom: 1px solid #d2d2d2; |
1432 | padding-bottom: 20px; | 3020 | padding-bottom: 20px; |
1433 | - margin-top: 18px; | 3021 | + margin-top: 18px |
1434 | } | 3022 | } |
3023 | + | ||
1435 | .custom-form-buttons { | 3024 | .custom-form-buttons { |
1436 | width: 100%; | 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 | font-size: 13px; | 3031 | font-size: 13px; |
1441 | cursor: pointer; | 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 | width: 16px; | 3037 | width: 16px; |
1448 | height: 16px; | 3038 | height: 16px; |
1449 | - background: url('../img/radio_new.png') no-repeat; | 3039 | + background: url(../img/radio_new.png) no-repeat; |
1450 | float: left; | 3040 | float: left; |
1451 | transition: .2s; | 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 | .custom-form-buttons { | 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 | .checkout_basket { | 3058 | .checkout_basket { |
1467 | width: 100%; | 3059 | width: 100%; |
1468 | - float: left; | 3060 | + float: left |
1469 | } | 3061 | } |
3062 | + | ||
1470 | .checkout_basket button { | 3063 | .checkout_basket button { |
1471 | - margin: 0 auto; | 3064 | + margin: 0 auto |
1472 | } | 3065 | } |
3066 | + | ||
1473 | .input-blocks-wrapper .help-block { | 3067 | .input-blocks-wrapper .help-block { |
1474 | padding-left: 71px; | 3068 | padding-left: 71px; |
1475 | padding-top: 4px; | 3069 | padding-top: 4px; |
1476 | width: 100%; | 3070 | width: 100%; |
1477 | float: left; | 3071 | float: left; |
1478 | box-sizing: border-box; | 3072 | box-sizing: border-box; |
1479 | - margin-bottom: 0; | 3073 | + margin-bottom: 0 |
1480 | } | 3074 | } |
3075 | + | ||
1481 | .cont_shop_but-wr { | 3076 | .cont_shop_but-wr { |
1482 | height: 33px; | 3077 | height: 33px; |
1483 | margin-top: 35px; | 3078 | margin-top: 35px; |
1484 | - padding-bottom: 29px; | 3079 | + padding-bottom: 29px |
1485 | } | 3080 | } |
3081 | + | ||
1486 | .cont_shop_but-wr .cont_shop { | 3082 | .cont_shop_but-wr .cont_shop { |
1487 | margin-top: 8px; | 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 | .delivery-data:after { | 3104 | .delivery-data:after { |
1494 | width: 100%; | 3105 | width: 100%; |
1495 | - border-bottom: 1px solid #d2d2d2; | ||
1496 | position: absolute; | 3106 | position: absolute; |
1497 | - content: ''; | ||
1498 | bottom: -27px; | 3107 | bottom: -27px; |
1499 | - left: 0; | 3108 | + left: 0 |
1500 | } | 3109 | } |
3110 | + | ||
1501 | .img_ajax_basket img { | 3111 | .img_ajax_basket img { |
1502 | margin-right: 0!important; | 3112 | margin-right: 0!important; |
1503 | max-width: 90px; | 3113 | max-width: 90px; |
1504 | max-height: 90px; | 3114 | max-height: 90px; |
1505 | - vertical-align: middle; | 3115 | + vertical-align: middle |
1506 | } | 3116 | } |
1507 | -.jcarousel-skin-tango>li{display: none;} | 3117 | + |
1508 | #login-form { | 3118 | #login-form { |
1509 | - margin: 50px auto 0 auto; | 3119 | + margin: 50px auto 0 |
1510 | } | 3120 | } |
1511 | -.wrapper_all {} | 3121 | + |
1512 | #bg { | 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 | position: relative; | 3131 | position: relative; |
1518 | - z-index: 2; | 3132 | + z-index: 2 |
1519 | } | 3133 | } |
1520 | -.owl-pagination {display: none;} | 3134 | + |
1521 | .owl-controls .owl-buttons div { | 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 | padding: 0!important; | 3143 | padding: 0!important; |
1530 | - position: absolute; | 3144 | + position: absolute |
1531 | } | 3145 | } |
3146 | + | ||
1532 | .owl-controls .owl-buttons div:hover { | 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 | .owl-controls .owl-buttons div:before { | 3164 | .owl-controls .owl-buttons div:before { |
1549 | position: absolute; | 3165 | position: absolute; |
1550 | - content: ''; | ||
1551 | width: 8px; | 3166 | width: 8px; |
1552 | height: 22px; | 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 | margin-top: -11px; | 3170 | margin-top: -11px; |
1556 | left: 50%; | 3171 | left: 50%; |
1557 | - margin-left: -4px; | 3172 | + margin-left: -4px |
1558 | } | 3173 | } |
3174 | + | ||
1559 | .owl-controls .owl-buttons .owl-prev:before { | 3175 | .owl-controls .owl-buttons .owl-prev:before { |
1560 | - background-position: 0 0; | 3176 | + background-position: 0 0 |
1561 | } | 3177 | } |
3178 | + | ||
1562 | .owl-controls .owl-buttons .owl-next:before { | 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 | .basket_input_2.required .control-label:before { | 3187 | .basket_input_2.required .control-label:before { |
1567 | position: absolute; | 3188 | position: absolute; |
1568 | top: 0; | 3189 | top: 0; |
1569 | content: '*'; | 3190 | content: '*'; |
1570 | color: #D60000; | 3191 | color: #D60000; |
1571 | left: -11px; | 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 | height: 178px; | 3205 | height: 178px; |
1586 | overflow: hidden; | 3206 | overflow: hidden; |
1587 | - position: relative; | ||
1588 | - | 3207 | + position: relative |
1589 | } | 3208 | } |
3209 | + | ||
1590 | .text_seo.hidden_seo div { | 3210 | .text_seo.hidden_seo div { |
1591 | height: 162px; | 3211 | height: 162px; |
1592 | overflow: hidden; | 3212 | overflow: hidden; |
1593 | - position: relative; | 3213 | + position: relative |
1594 | } | 3214 | } |
3215 | + | ||
1595 | .text_seo.hidden_seo a { | 3216 | .text_seo.hidden_seo a { |
1596 | position: absolute; | 3217 | position: absolute; |
1597 | bottom: 0; | 3218 | bottom: 0; |
1598 | right: 0; | 3219 | right: 0; |
1599 | - font-size: 16px; | 3220 | + font-size: 16px |
1600 | } | 3221 | } |
3222 | + | ||
1601 | .text_seo.hidden_seo div:before { | 3223 | .text_seo.hidden_seo div:before { |
1602 | content: ''; | 3224 | content: ''; |
1603 | display: block; | 3225 | display: block; |
@@ -1606,57 +3228,122 @@ input.custom-radio + label:hover { | @@ -1606,57 +3228,122 @@ input.custom-radio + label:hover { | ||
1606 | right: 0; | 3228 | right: 0; |
1607 | left: 0; | 3229 | left: 0; |
1608 | height: 120px; | 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 | .comment_display_block { | 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 | .labels_block .labels_item { | 3307 | .labels_block .labels_item { |
1631 | display: inline-block; | 3308 | display: inline-block; |
1632 | - width: 49%; | 3309 | + width: 49% |
1633 | } | 3310 | } |
1634 | 3311 | ||
1635 | .article_comment_description { | 3312 | .article_comment_description { |
1636 | - margin: -10px 0 10px 0; | 3313 | + margin: -10px 0 10px |
1637 | } | 3314 | } |
3315 | + | ||
1638 | .article_list_comment { | 3316 | .article_list_comment { |
1639 | height: auto; | 3317 | height: auto; |
1640 | - margin: 10px 0 10px 0; | 3318 | + margin: 10px 0 |
1641 | } | 3319 | } |
3320 | + | ||
1642 | .check_price { | 3321 | .check_price { |
1643 | font-size: 12px; | 3322 | font-size: 12px; |
1644 | - color: slategray; | 3323 | + color: #708090; |
1645 | margin: 20px 0 10px; | 3324 | margin: 20px 0 10px; |
1646 | padding-bottom: 10px; | 3325 | padding-bottom: 10px; |
1647 | - border-bottom: 1px solid #d2d2d2; | 3326 | + border-bottom: 1px solid #d2d2d2 |
1648 | } | 3327 | } |
3328 | + | ||
1649 | .product_rating_block { | 3329 | .product_rating_block { |
1650 | - display: inline-block; | 3330 | + display: inline-block |
1651 | } | 3331 | } |
3332 | + | ||
1652 | .product_review_block { | 3333 | .product_review_block { |
1653 | - float: right; | 3334 | + float: right |
1654 | } | 3335 | } |
3336 | + | ||
1655 | .product_review_block a { | 3337 | .product_review_block a { |
1656 | font-size: 13px; | 3338 | font-size: 13px; |
1657 | text-decoration: none; | 3339 | text-decoration: none; |
1658 | - border-bottom: 1px dotted rgb(121, 153, 32); | 3340 | + border-bottom: 1px dotted #799920 |
1659 | } | 3341 | } |
3342 | + | ||
1660 | .artbox_comment_description { | 3343 | .artbox_comment_description { |
1661 | - min-height: 20px; | ||
1662 | -} | ||
1663 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 3 | \ No newline at end of file |
frontend/widgets/views/slider.php
@@ -7,16 +7,53 @@ use yii\helpers\Url; | @@ -7,16 +7,53 @@ use yii\helpers\Url; | ||
7 | ?> | 7 | ?> |
8 | <div class="carousel"> | 8 | <div class="carousel"> |
9 | <?php foreach($slider->sliderImage as $image): | 9 | <?php foreach($slider->sliderImage as $image): |
10 | - $htm = <<<HTML | 10 | + if($image->isActive()){ |
11 | + $htm = <<<HTML | ||
11 | 12 | ||
12 | <div style="background:url($image->image ) center center no-repeat;width:100%;height:480px;position:absolute;"> | 13 | <div style="background:url($image->image ) center center no-repeat;width:100%;height:480px;position:absolute;"> |
13 | </div> | 14 | </div> |
14 | - <div class="content"> | 15 | + <div class="12n content"> |
15 | 16 | ||
16 | HTML; | 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 | <div class="price_round_border"> | 57 | <div class="price_round_border"> |
21 | <div class="price_round"> | 58 | <div class="price_round"> |
22 | <div class="title">Супер цена</div> | 59 | <div class="title">Супер цена</div> |
@@ -26,17 +63,20 @@ HTML; | @@ -26,17 +63,20 @@ HTML; | ||
26 | </div> | 63 | </div> |
27 | </div> | 64 | </div> |
28 | HTML; | 65 | HTML; |
29 | - } | 66 | + } |
30 | 67 | ||
31 | - $htm .= <<<HTML | 68 | + $htm .= <<<HTML |
32 | </div> | 69 | </div> |
33 | 70 | ||
34 | HTML; | 71 | HTML; |
72 | + | ||
73 | + | ||
35 | ?> | 74 | ?> |
36 | 75 | ||
37 | <div class="slide"> | 76 | <div class="slide"> |
38 | <?= Html::a($htm, Url::toRoute($image->url)); ?> | 77 | <?= Html::a($htm, Url::toRoute($image->url)); ?> |
39 | </div> | 78 | </div> |
79 | + <?php }?> | ||
40 | <?php endforeach; ?> | 80 | <?php endforeach; ?> |
41 | </div> | 81 | </div> |
42 | 82 |