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 |