Commit 873e3d809492e0c65a64c7b6513fd425824f32d1

Authored by Administrator
1 parent 5e970cff

14.09.16

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
... ... @@ -25,6 +25,7 @@ use kartik\select2\Select2;
25 25 <?= $form->field($model, 'height')->textInput(['maxlength' => true]) ?>
26 26  
27 27  
  28 +
28 29 <?= $form->field($model, 'status')->widget(Select2::className(),([
29 30 'name' => 'status',
30 31 'hideSearch' => true,
... ...
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 }
... ...
common/models/EventsToProducts.php 0 → 100644
  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 +}
... ...
frontend/assets/FlipclockAsset.php 0 → 100755
  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-&gt;registerMetaTag([&#39;name&#39; =&gt; &#39;keywords&#39;, &#39;content&#39; =&gt; &#39;Акции&#39;]);
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-&gt;title = $model-&gt;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  
... ...