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