Commit 873e3d809492e0c65a64c7b6513fd425824f32d1

Authored by Administrator
1 parent 5e970cff

14.09.16

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