Administrator / baucenter

Commit 888851f95d49f688e8235304071bc4c895428875

Authored by Administrator
1 parent d0a3671d

16.05.16 ann fotorama gallery

Showing 28 changed files with 4728 additions and 4710 deletions   Show diff stats
Inline Side-by-side
console/config/.gitignore
  Show/Hide comments   View file @888851f
1   -main-local.php
  1 +main-local.php
2 2 params-local.php
3 3 \ No newline at end of file
... ...
console/config/bootstrap.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
  1 +<?php
  2 +
... ...
console/config/main.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -$params = array_merge(
3   - require(__DIR__ . '/../../common/config/params.php'),
4   - require(__DIR__ . '/../../common/config/params-local.php'),
5   - require(__DIR__ . '/params.php'),
6   - require(__DIR__ . '/params-local.php')
7   -);
8   -
9   -return [
10   - 'id' => 'app-console',
11   - 'basePath' => dirname(__DIR__),
12   - 'bootstrap' => ['log'],
13   - 'controllerNamespace' => 'console\controllers',
14   - 'components' => [
15   - 'log' => [
16   - 'targets' => [
17   - [
18   - 'class' => 'yii\log\FileTarget',
19   - 'levels' => ['error', 'warning'],
20   - ],
21   - ],
22   - ],
23   - ],
24   - 'params' => $params,
25   -];
  1 +<?php
  2 +$params = array_merge(
  3 + require(__DIR__ . '/../../common/config/params.php'),
  4 + require(__DIR__ . '/../../common/config/params-local.php'),
  5 + require(__DIR__ . '/params.php'),
  6 + require(__DIR__ . '/params-local.php')
  7 +);
  8 +
  9 +return [
  10 + 'id' => 'app-console',
  11 + 'basePath' => dirname(__DIR__),
  12 + 'bootstrap' => ['log'],
  13 + 'controllerNamespace' => 'console\controllers',
  14 + 'components' => [
  15 + 'log' => [
  16 + 'targets' => [
  17 + [
  18 + 'class' => 'yii\log\FileTarget',
  19 + 'levels' => ['error', 'warning'],
  20 + ],
  21 + ],
  22 + ],
  23 + ],
  24 + 'params' => $params,
  25 +];
... ...
console/config/params.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -return [
3   - 'adminEmail' => 'admin@example.com',
4   -];
  1 +<?php
  2 +return [
  3 + 'adminEmail' => 'admin@example.com',
  4 +];
... ...
frontend/assets/FotoramaAsset.php 0 โ†’ 100644
  Show/Hide comments   View file @888851f
  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 FotoramaAsset extends AssetBundle
  17 +{
  18 + public $basePath = '@webroot';
  19 + public $baseUrl = '@web';
  20 + public $css = [
  21 + 'js/vendor/bower/fotorama/fotorama.css'
  22 + ];
  23 + public $js = [
  24 + 'js/vendor/bower/fotorama/fotorama.js'
  25 + ];
  26 + public $jsOptions = array(
  27 + 'position' => \yii\web\View::POS_END
  28 + );
  29 +}
... ...
frontend/controllers/CabinetController.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -namespace frontend\controllers;
3   -
4   -use common\models\Customers;
5   -use common\models\User;
6   -use Yii;
7   -use common\models\LoginForm;
8   -use frontend\models\PasswordResetRequestForm;
9   -use frontend\models\ResetPasswordForm;
10   -use frontend\models\SignupForm;
11   -use frontend\models\ContactForm;
12   -use yii\base\InvalidParamException;
13   -use yii\helpers\ArrayHelper;
14   -use yii\web\BadRequestHttpException;
15   -use yii\web\Controller;
16   -use yii\filters\VerbFilter;
17   -use yii\filters\AccessControl;
18   -use yii\web\Response;
19   -use yii\widgets\ActiveForm;
20   -
21   -/**
22   - * Site controller
23   - */
24   -class CabinetController extends Controller
25   -{
26   -
27   - public $layout = 'cabinet';
28   -
29   - /**
30   - * @inheritdoc
31   - */
32   - public function behaviors()
33   - {
34   - return [
35   - 'access' => [
36   - 'class' => AccessControl::className(),
37   - 'rules' => [
38   - [
39   - 'actions' => ['login', 'error'],
40   - 'allow' => true,
41   - ],
42   - [
43   - 'actions' => ['logout', 'index', 'create', 'update', 'view', 'delete','my-orders','bookmarks'],
44   - 'allow' => true,
45   - 'roles' => ['@'],
46   - ],
47   - ],
48   - ],
49   - 'verbs' => [
50   - 'class' => VerbFilter::className(),
51   - 'actions' => [
52   - 'logout' => ['post'],
53   - ],
54   - ],
55   - ];
56   - }
57   -
58   - public function actionIndex(){
59   - return $this->render('index');
60   - }
61   -
62   - public function actionUpdate(){
63   -
64   -
65   -
66   - $model = Yii::$app->user->identity;
67   -
68   -
69   - if(Yii::$app->request->post()){
70   -
71   - $model->load(Yii::$app->request->post());
72   - $model->validate();
73   -
74   - if($model->validate()){
75   - $model->save();
76   -
77   - }
78   -
79   - }
80   -
81   -
82   - return $this->render('update',[
83   - 'model' =>$model
84   - ]);
85   - }
86   -
87   -
88   - public function actionBookmarks(){
89   - return $this->render('bookmarks',[
90   -
91   - ]);
92   - }
93   -
94   - public function actionMyOrders(){
95   - return $this->render('my-orders',[
96   -
97   - ]);
98   - }
99   -
  1 +<?php
  2 +namespace frontend\controllers;
  3 +
  4 +use common\models\Customers;
  5 +use common\models\User;
  6 +use Yii;
  7 +use common\models\LoginForm;
  8 +use frontend\models\PasswordResetRequestForm;
  9 +use frontend\models\ResetPasswordForm;
  10 +use frontend\models\SignupForm;
  11 +use frontend\models\ContactForm;
  12 +use yii\base\InvalidParamException;
  13 +use yii\helpers\ArrayHelper;
  14 +use yii\web\BadRequestHttpException;
  15 +use yii\web\Controller;
  16 +use yii\filters\VerbFilter;
  17 +use yii\filters\AccessControl;
  18 +use yii\web\Response;
  19 +use yii\widgets\ActiveForm;
  20 +
  21 +/**
  22 + * Site controller
  23 + */
  24 +class CabinetController extends Controller
  25 +{
  26 +
  27 + public $layout = 'cabinet';
  28 +
  29 + /**
  30 + * @inheritdoc
  31 + */
  32 + public function behaviors()
  33 + {
  34 + return [
  35 + 'access' => [
  36 + 'class' => AccessControl::className(),
  37 + 'rules' => [
  38 + [
  39 + 'actions' => ['login', 'error'],
  40 + 'allow' => true,
  41 + ],
  42 + [
  43 + 'actions' => ['logout', 'index', 'create', 'update', 'view', 'delete','my-orders','bookmarks'],
  44 + 'allow' => true,
  45 + 'roles' => ['@'],
  46 + ],
  47 + ],
  48 + ],
  49 + 'verbs' => [
  50 + 'class' => VerbFilter::className(),
  51 + 'actions' => [
  52 + 'logout' => ['post'],
  53 + ],
  54 + ],
  55 + ];
  56 + }
  57 +
  58 + public function actionIndex(){
  59 + return $this->render('index');
  60 + }
  61 +
  62 + public function actionUpdate(){
  63 +
  64 +
  65 +
  66 + $model = Yii::$app->user->identity;
  67 +
  68 +
  69 + if(Yii::$app->request->post()){
  70 +
  71 + $model->load(Yii::$app->request->post());
  72 + $model->validate();
  73 +
  74 + if($model->validate()){
  75 + $model->save();
  76 +
  77 + }
  78 +
  79 + }
  80 +
  81 +
  82 + return $this->render('update',[
  83 + 'model' =>$model
  84 + ]);
  85 + }
  86 +
  87 +
  88 + public function actionBookmarks(){
  89 + return $this->render('bookmarks',[
  90 +
  91 + ]);
  92 + }
  93 +
  94 + public function actionMyOrders(){
  95 + return $this->render('my-orders',[
  96 +
  97 + ]);
  98 + }
  99 +
100 100 }
101 101 \ No newline at end of file
... ...
frontend/controllers/CatalogController.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -namespace frontend\controllers;
4   -
5   -use common\modules\product\Filter;
6   -use common\modules\product\helpers\ProductHelper;
7   -use common\modules\rubrication\models\TaxOptionSearch;
8   -use frontend\models\ProductFrontendSearch;
9   -use Yii;
10   -use common\modules\product\models\Brand;
11   -use common\modules\product\models\BrandSearch;
12   -use common\modules\product\models\Category;
13   -use common\modules\product\models\CategorySearch;
14   -use common\modules\product\models\Product;
15   -use common\modules\product\models\ProductCategory;
16   -use common\modules\product\models\ProductOption;
17   -use common\modules\product\models\ProductSearch;
18   -use common\modules\product\models\ProductVariant;
19   -use common\modules\rubrication\models\TaxGroup;
20   -use common\modules\rubrication\models\TaxOption;
21   -use common\modules\rubrication\models\TaxValueString;
22   -use yii\data\ActiveDataProvider;
23   -use yii\data\Pagination;
24   -use yii\data\Sort;
25   -use yii\db\ActiveQuery;
26   -use yii\web\HttpException;
27   -
28   -class CatalogController extends \yii\web\Controller
29   -{
30   - public function actionSearch() {
31   - // @todo
32   - }
33   -
34   - public function actionCategory()
35   - {
36   - /** @var Category $category */
37   - $category = Yii::$app->request->get('category');
38   - $filter = Yii::$app->request->get('filter', []);
39   - $word = trim(Yii::$app->request->get('word', ''));
40   -
41   - if (empty($category->category_id) && empty($word)) {
42   - throw new HttpException(404 ,'Page not found');
43   - }
44   -
45   - $last_products = ProductHelper::getLastProducts(true);
46   -
47   - if (!empty($word)) {
48   - $params = [];
49   -
50   - $params['keywords'] = explode(' ', preg_replace("|[\s,.!:&?~();-]|i", " ", $word));
51   - foreach($params['keywords'] as $i => &$keyword) {
52   - $keyword = trim($keyword);
53   - if (empty($keyword)) {
54   - unset($params['keywords'][$i]);
55   - }
56   - }
57   -
58   - $productModel = new ProductFrontendSearch();
59   - $productProvider = $productModel->search($category, $params);
60   -
61   - $categoriesQuery = Category::find()
62   - ->innerJoin(ProductCategory::tableName(), ProductCategory::tableName() .'.category_id = '. Category::tableName() .'.category_id')
63   - ->innerJoin(Product::tableName(), Product::tableName() .'.product_id = '. ProductCategory::tableName() .'.product_id');
64   - foreach ($params['keywords'] as $keyword) {
65   - $categoriesQuery->andWhere(['ilike', 'product.name', $keyword]);
66   - }
67   - $categories = $categoriesQuery->all();
68   -
69   - return $this->render(
70   - 'search',
71   - [
72   - 'keywords' => $params['keywords'],
73   - 'category' => $category,
74   - 'productModel' => $productModel,
75   - 'productProvider' => $productProvider,
76   - 'last_products' => $last_products,
77   - 'categories' => $categories,
78   - ]
79   - );
80   -
81   - } elseif ($category->depth < 2) {
82   - return $this->render(
83   - 'categories',
84   - [
85   - 'category' => $category,
86   - 'last_products' => $last_products,
87   - ]
88   - );
89   - } else {
90   - $params = [];
91   -
92   - if ( !empty($filter['brands']) ) {
93   - $brands = Brand::find()->select('brand_id')->where(['in', 'alias', $filter['brands']])->all();
94   - $params['brands'] = [];
95   - foreach ($brands as $brand) {
96   - $params['brands'][] = $brand->brand_id;
97   - }
98   - }
99   -
100   - if ( !empty($filter['options']) ) {
101   - $params['options'] = $filter['options'];
102   - /*$optionQuery = TaxOption::find();
103   - $optionQuery->select('tax_option_id');
104   - $optionQuery->innerJoinWith('group');
105   - foreach ($filter['options'] as $option_key => $option_values) {
106   - $optionQuery->orWhere([
107   - 'tax_group_id' => $option_key,
108   - 'alias' => $filter['options']
109   - ]);
110   - }
111   - $options = ->where(['in', 'alias', $filter['options']])->all();
112   - $params['options'] = [];
113   - foreach ($options as $option) {
114   - $params['options'][] = $option->tax_option_id;
115   - }*/
116   - }
117   -
118   - if ( !empty($filter['prices']) ) {
119   - $params['prices'] = $filter['prices'];
120   - }
121   -
122   - $productModel = new ProductFrontendSearch();
123   - $productProvider = $productModel->search($category, $params);
124   -
125   - $brandModel = new BrandSearch();
126   - $brandProvider = $brandModel->getBrands($category, $params);
127   -
128   - $optionsProvider = $productModel->optionsForCategory($category, $params);
129   - $groups = [];
130   - foreach ($optionsProvider->models as $option) {
131   - if (!isset($groups[$option->tax_group_id])) {
132   - $groups[$option->tax_group_id] = $option->taxGroup;
133   - $groups[$option->tax_group_id]->_options = [];
134   - }
135   - $groups[$option->tax_group_id]->_options[] = $option;
136   - }
137   - foreach($groups as $i => $group) {
138   - if (empty($group->_options))
139   - unset($groups[$i]);
140   - }
141   -
142   - $priceLimits = $productModel->priceLimits($category, $params);
143   -
144   - return $this->render(
145   - 'products',
146   - [
147   - 'category' => $category,
148   - 'brandModel' => $brandModel,
149   - 'brandProvider' => $brandProvider,
150   - 'filter' => $filter,
151   - 'productModel' => $productModel,
152   - 'productProvider' => $productProvider,
153   - 'optionsProvider' => $optionsProvider,
154   - 'groups' => $groups,
155   - 'priceLimits' => $priceLimits,
156   - 'last_products' => $last_products,
157   - ]
158   - );
159   - }
160   - }
161   -
162   - public function actionProduct()
163   - {
164   - $product = Yii::$app->request->get('product');
165   -
166   - $groups = [];
167   - foreach($product->category->getTaxGroups()->all() as $_group) {
168   - $groups[$_group->tax_group_id] = $_group;
169   - }
170   - foreach ($product->options as $option) {
171   - $groups[$option->tax_group_id]->_options[] = $option;
172   - }
173   - foreach($groups as $i => $group) {
174   - if (empty($group->_options))
175   - unset($groups[$i]);
176   - }
177   -
178   - $last_products = ProductHelper::getLastProducts(true);
179   - ProductHelper::addLastProsucts($product->product_id);
180   -
181   - return $this->render('product', [
182   - 'product' => $product,
183   - 'properties' => $groups,
184   - 'last_products' => $last_products
185   - ]);
186   - }
187   -
188   - public function actionBrands()
189   - {
190   - return 'actionBrands';
191   - }
192   -
193   - public function actionBrand($alias)
194   - {
195   - return 'actionBrand:'. $alias;
196   - }
197   -
198   -}
  1 +<?php
  2 +
  3 +namespace frontend\controllers;
  4 +
  5 +use common\modules\product\Filter;
  6 +use common\modules\product\helpers\ProductHelper;
  7 +use common\modules\rubrication\models\TaxOptionSearch;
  8 +use frontend\models\ProductFrontendSearch;
  9 +use Yii;
  10 +use common\modules\product\models\Brand;
  11 +use common\modules\product\models\BrandSearch;
  12 +use common\modules\product\models\Category;
  13 +use common\modules\product\models\CategorySearch;
  14 +use common\modules\product\models\Product;
  15 +use common\modules\product\models\ProductCategory;
  16 +use common\modules\product\models\ProductOption;
  17 +use common\modules\product\models\ProductSearch;
  18 +use common\modules\product\models\ProductVariant;
  19 +use common\modules\rubrication\models\TaxGroup;
  20 +use common\modules\rubrication\models\TaxOption;
  21 +use common\modules\rubrication\models\TaxValueString;
  22 +use yii\data\ActiveDataProvider;
  23 +use yii\data\Pagination;
  24 +use yii\data\Sort;
  25 +use yii\db\ActiveQuery;
  26 +use yii\web\HttpException;
  27 +
  28 +class CatalogController extends \yii\web\Controller
  29 +{
  30 + public function actionSearch() {
  31 + // @todo
  32 + }
  33 +
  34 + public function actionCategory()
  35 + {
  36 + /** @var Category $category */
  37 + $category = Yii::$app->request->get('category');
  38 + $filter = Yii::$app->request->get('filter', []);
  39 + $word = trim(Yii::$app->request->get('word', ''));
  40 +
  41 + if (empty($category->category_id) && empty($word)) {
  42 + throw new HttpException(404 ,'Page not found');
  43 + }
  44 +
  45 + $last_products = ProductHelper::getLastProducts(true);
  46 +
  47 + if (!empty($word)) {
  48 + $params = [];
  49 +
  50 + $params['keywords'] = explode(' ', preg_replace("|[\s,.!:&?~();-]|i", " ", $word));
  51 + foreach($params['keywords'] as $i => &$keyword) {
  52 + $keyword = trim($keyword);
  53 + if (empty($keyword)) {
  54 + unset($params['keywords'][$i]);
  55 + }
  56 + }
  57 +
  58 + $productModel = new ProductFrontendSearch();
  59 + $productProvider = $productModel->search($category, $params);
  60 +
  61 + $categoriesQuery = Category::find()
  62 + ->innerJoin(ProductCategory::tableName(), ProductCategory::tableName() .'.category_id = '. Category::tableName() .'.category_id')
  63 + ->innerJoin(Product::tableName(), Product::tableName() .'.product_id = '. ProductCategory::tableName() .'.product_id');
  64 + foreach ($params['keywords'] as $keyword) {
  65 + $categoriesQuery->andWhere(['ilike', 'product.name', $keyword]);
  66 + }
  67 + $categories = $categoriesQuery->all();
  68 +
  69 + return $this->render(
  70 + 'search',
  71 + [
  72 + 'keywords' => $params['keywords'],
  73 + 'category' => $category,
  74 + 'productModel' => $productModel,
  75 + 'productProvider' => $productProvider,
  76 + 'last_products' => $last_products,
  77 + 'categories' => $categories,
  78 + ]
  79 + );
  80 +
  81 + } elseif ($category->depth < 2) {
  82 + return $this->render(
  83 + 'categories',
  84 + [
  85 + 'category' => $category,
  86 + 'last_products' => $last_products,
  87 + ]
  88 + );
  89 + } else {
  90 + $params = [];
  91 +
  92 + if ( !empty($filter['brands']) ) {
  93 + $brands = Brand::find()->select('brand_id')->where(['in', 'alias', $filter['brands']])->all();
  94 + $params['brands'] = [];
  95 + foreach ($brands as $brand) {
  96 + $params['brands'][] = $brand->brand_id;
  97 + }
  98 + }
  99 +
  100 + if ( !empty($filter['options']) ) {
  101 + $params['options'] = $filter['options'];
  102 + /*$optionQuery = TaxOption::find();
  103 + $optionQuery->select('tax_option_id');
  104 + $optionQuery->innerJoinWith('group');
  105 + foreach ($filter['options'] as $option_key => $option_values) {
  106 + $optionQuery->orWhere([
  107 + 'tax_group_id' => $option_key,
  108 + 'alias' => $filter['options']
  109 + ]);
  110 + }
  111 + $options = ->where(['in', 'alias', $filter['options']])->all();
  112 + $params['options'] = [];
  113 + foreach ($options as $option) {
  114 + $params['options'][] = $option->tax_option_id;
  115 + }*/
  116 + }
  117 +
  118 + if ( !empty($filter['prices']) ) {
  119 + $params['prices'] = $filter['prices'];
  120 + }
  121 +
  122 + $productModel = new ProductFrontendSearch();
  123 + $productProvider = $productModel->search($category, $params);
  124 +
  125 + $brandModel = new BrandSearch();
  126 + $brandProvider = $brandModel->getBrands($category, $params);
  127 +
  128 + $optionsProvider = $productModel->optionsForCategory($category, $params);
  129 + $groups = [];
  130 + foreach ($optionsProvider->models as $option) {
  131 + if (!isset($groups[$option->tax_group_id])) {
  132 + $groups[$option->tax_group_id] = $option->taxGroup;
  133 + $groups[$option->tax_group_id]->_options = [];
  134 + }
  135 + $groups[$option->tax_group_id]->_options[] = $option;
  136 + }
  137 + foreach($groups as $i => $group) {
  138 + if (empty($group->_options))
  139 + unset($groups[$i]);
  140 + }
  141 +
  142 + $priceLimits = $productModel->priceLimits($category, $params);
  143 +
  144 + return $this->render(
  145 + 'products',
  146 + [
  147 + 'category' => $category,
  148 + 'brandModel' => $brandModel,
  149 + 'brandProvider' => $brandProvider,
  150 + 'filter' => $filter,
  151 + 'productModel' => $productModel,
  152 + 'productProvider' => $productProvider,
  153 + 'optionsProvider' => $optionsProvider,
  154 + 'groups' => $groups,
  155 + 'priceLimits' => $priceLimits,
  156 + 'last_products' => $last_products,
  157 + ]
  158 + );
  159 + }
  160 + }
  161 +
  162 + public function actionProduct()
  163 + {
  164 + $product = Yii::$app->request->get('product');
  165 +
  166 + $groups = [];
  167 + foreach($product->category->getTaxGroups()->all() as $_group) {
  168 + $groups[$_group->tax_group_id] = $_group;
  169 + }
  170 + foreach ($product->options as $option) {
  171 + $groups[$option->tax_group_id]->_options[] = $option;
  172 + }
  173 + foreach($groups as $i => $group) {
  174 + if (empty($group->_options))
  175 + unset($groups[$i]);
  176 + }
  177 +
  178 + $last_products = ProductHelper::getLastProducts(true);
  179 + ProductHelper::addLastProsucts($product->product_id);
  180 +
  181 + return $this->render('product', [
  182 + 'product' => $product,
  183 + 'properties' => $groups,
  184 + 'last_products' => $last_products
  185 + ]);
  186 + }
  187 +
  188 + public function actionBrands()
  189 + {
  190 + return 'actionBrands';
  191 + }
  192 +
  193 + public function actionBrand($alias)
  194 + {
  195 + return 'actionBrand:'. $alias;
  196 + }
  197 +
  198 +}
... ...
frontend/controllers/EventController.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -namespace frontend\controllers;
4   -
5   -use Yii;
6   -use common\models\Event;
7   -use yii\web\Controller;
8   -use yii\web\NotFoundHttpException;
9   -use yii\data\ActiveDataProvider;
10   -
11   -
12   -
13   -class EventController extends Controller
14   -{
15   -
16   - public function actionIndex()
17   - {
18   -
19   - $dataProvider = new ActiveDataProvider([
20   - 'query' => Event::find() ]);
21   -
22   - return $this->render('index', [
23   - 'dataProvider' => $dataProvider,
24   - ]);
25   - }
26   -
27   -
28   -
29   - public function actionView($alias)
30   - {
31   -
32   - return $this->render('view', [
33   - 'model' => $this->findModel($alias),
34   - ]);
35   - }
36   -
37   -
38   - protected function findModel($alias)
39   - {
40   - if (($model = Event::findOne(["alias"=>$alias])) !== null) {
41   - return $model;
42   - } else {
43   - throw new NotFoundHttpException('The requested page does not exist.');
44   - }
45   - }
46   -
47   -
  1 +<?php
  2 +
  3 +namespace frontend\controllers;
  4 +
  5 +use Yii;
  6 +use common\models\Event;
  7 +use yii\web\Controller;
  8 +use yii\web\NotFoundHttpException;
  9 +use yii\data\ActiveDataProvider;
  10 +
  11 +
  12 +
  13 +class EventController extends Controller
  14 +{
  15 +
  16 + public function actionIndex()
  17 + {
  18 +
  19 + $dataProvider = new ActiveDataProvider([
  20 + 'query' => Event::find() ]);
  21 +
  22 + return $this->render('index', [
  23 + 'dataProvider' => $dataProvider,
  24 + ]);
  25 + }
  26 +
  27 +
  28 +
  29 + public function actionView($alias)
  30 + {
  31 +
  32 + return $this->render('view', [
  33 + 'model' => $this->findModel($alias),
  34 + ]);
  35 + }
  36 +
  37 +
  38 + protected function findModel($alias)
  39 + {
  40 + if (($model = Event::findOne(["alias"=>$alias])) !== null) {
  41 + return $model;
  42 + } else {
  43 + throw new NotFoundHttpException('The requested page does not exist.');
  44 + }
  45 + }
  46 +
  47 +
48 48 }
49 49 \ No newline at end of file
... ...
frontend/controllers/OrdersController.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -namespace frontend\controllers;
4   -
5   -use common\models\Customers;
6   -use common\models\OrderItems;
7   -use common\models\Orders;
8   -use common\modules\product\models\ProductVariant;
9   -use common\widgets\BasketModal;
10   -use Yii;
11   -
12   -use yii\web\Controller;
13   -use yii\web\NotFoundHttpException;
14   -use yii\data\ArrayDataProvider;
15   -/**
16   - * OrderController implements the CRUD actions for Order model.
17   - */
18   -class OrdersController extends Controller
19   -{
20   -
21   -
22   - /**
23   - * @inheritdoc
24   - */
25   - public function beforeAction($action)
26   - {
27   - if ($action->id == 'buy-items' || $action->id == 'delete') {
28   - Yii::$app->controller->enableCsrfValidation = false;
29   - }
30   -
31   - return true;
32   - }
33   -
34   - public function actionFirst(){
35   -
36   - $array = Yii::$app->session->get('order');
37   -
38   - if(isset($array['order_id']) ) {
39   - $model = Orders::findOne($array['order_id']);
40   - }else {
41   - $model = new Orders();
42   - }
43   -
44   -
45   - if(Yii::$app->request->post() && $model->load(Yii::$app->request->post())){
46   -
47   - if($model->save()){
48   -
49   - $array['order_id'] = $model->order_id;
50   -
51   - Yii::$app->session->set('order', $array );
52   -
53   - return $this->redirect(['orders/second']);
54   - }
55   -
56   - } else {
57   - if (!Yii::$app->user->isGuest) {
58   - $customer = Yii::$app->user->identity;
59   - $model->name = $customer->name;
60   - $model->email = $customer->email;
61   - $model->phone = $customer->phone;
62   - }
63   - }
64   -
65   -
66   - return $this->render('basket-step-01',[
67   - 'model' => $model
68   - ]);
69   - }
70   -
71   - public function actionSecond(){
72   -
73   - $sessionData = \Yii::$app->session->get('order');
74   -
75   - $order_id = $sessionData['order_id'];
76   -
77   - if(!empty($order_id)){
78   - $order_model = Orders::findOne($order_id);
79   - } else{
80   - $order_model = new Orders;
81   - }
82   -
83   - unset($sessionData['order_id']);
84   -
85   - $variant = ProductVariant::find()->where(['product_variant_id'=>array_keys($sessionData)])->indexBy('product_variant_id')->all();
86   -
87   -
88   - if(Yii::$app->request->post()){
89   -
90   - foreach ($sessionData as $k => $item) {
91   - $itemModel = OrderItems::find()->where(['order_id'=>$order_id, 'item_id'=> $variant[$k]->product_variant_id])->one();
92   - if($itemModel instanceof OrderItems){
93   - $itemModel->order_id = $order_id;
94   - $itemModel->item_id = $variant[$k]->product_variant_id;
95   - $itemModel->item_count = $sessionData[$k]['num'];
96   - $itemModel->price = $variant[$k]->price;
97   - $itemModel->save();
98   - } else {
99   - $itemModel = new OrderItems();
100   - $itemModel->order_id = $order_id;
101   - $itemModel->item_id = $variant[$k]->product_variant_id;
102   - $itemModel->item_count = $sessionData[$k]['num'];
103   - $itemModel->price = $variant[$k]->price;
104   - $itemModel->save();
105   - }
106   -
107   - }
108   - Yii::$app->session->set('order', [] );
109   - return $this->redirect(['orders/third']);
110   -
111   - } else {
112   -
113   - $price = 0;
114   -
115   - $count = count($sessionData);
116   -
117   - foreach ($sessionData as $k => $item) {
118   - $sessionData[$k]['item'] = $variant[$k];
119   - $price += $variant[$k]->price * $sessionData[$k]['num'];
120   - }
121   -
122   - }
123   -
124   - return $this->render('basket-step-02',[
125   - 'items'=>$sessionData,
126   - 'count' => $count,
127   - 'price' => $price,
128   - 'order_id' => $order_id,
129   - 'order_model' => $order_model,
130   - ]);
131   -
132   - }
133   -
134   - public function actionThird(){
135   - return $this->render('basket-step-03');
136   - }
137   -
138   -
139   -// /**
140   -// * Lists all Order models.
141   -// * @return mixed
142   -// */
143   -// public function actionIndex()
144   -// {
145   -//
146   -// if (Yii::$app->request->post()) {
147   -// $item = $items_id = array();
148   -//
149   -// $i = 0;
150   -// $order = Yii::$app->request->post();
151   -//
152   -// $orderData['Order'] = $order['OrderForm'];
153   -//
154   -// foreach($order['OrderForm']['one_item'] as $k => $v ){
155   -// $item[$k]['num'] = $v['num'];
156   -// $items_id[] = $k;
157   -// $i++;
158   -// }
159   -//
160   -// $items = Items::find()->where(['id'=>$items_id])->all();
161   -//
162   -//
163   -// $orderModel = new Order();
164   -// $orderModel->load($orderData);
165   -// $orderModel->save();
166   -//
167   -//
168   -// foreach($items as $one_item){
169   -// $ItemOrderModel = new ItemOrder();
170   -// $ItemOrderModel->order_id = $orderModel->id;
171   -// $ItemOrderModel->num = $item[$one_item->id]['num'];
172   -// $ItemOrderModel->item_id = $one_item->id;
173   -// $ItemOrderModel->price = $one_item->price * $item[$one_item->id]['num'];
174   -// $ItemOrderModel->item_name = $one_item->name;
175   -// $ItemOrderModel->save();
176   -// }
177   -// Yii::$app->session->set('order', [] );
178   -// return $this->redirect(['order/complete']);
179   -// }
180   -// $total_price = 0;
181   -//
182   -// $items_id = [];
183   -//
184   -// $orders = Yii::$app->session->get('order');
185   -//
186   -// if(!empty($orders)){
187   -// foreach($orders as $k => $v) {
188   -// $items_id[] = $k;
189   -// }
190   -// }
191   -//
192   -//
193   -// $items = Items::find()->where(['id'=>$items_id])->all();
194   -//
195   -// foreach($items as $item) {
196   -// $total_price += $orders[$item['id']]['num'] * $item['price'];
197   -// }
198   -//
199   -//
200   -// $dataProvider = new ArrayDataProvider([
201   -// 'allModels' => $items
202   -// ]);
203   -//
204   -// return $this->render('index', [
205   -// 'dataProvider' => $dataProvider,
206   -// 'total_price'=> $total_price,
207   -// 'model' => new OrderForm()
208   -// ]);
209   -// }
210   -
211   -
212   - public function actionComplete()
213   - {
214   - return $this->render('complete', [
215   - ]);
216   - }
217   -
218   - public function actionBuyItems(){
219   - $data = Yii::$app->request->post();
220   - $sessionData = Yii::$app->session->get('order');
221   - if(isset($sessionData) && !array_search($data['id'],Yii::$app->session->get('order')) ){
222   - $array = Yii::$app->session->get('order');
223   - $array[$data['id']] = $data;
224   - Yii::$app->session->set('order', $array );
225   - } else {
226   - $array[$data['id']] = $data;
227   - Yii::$app->session->set('order', $array );
228   - }
229   - echo BasketModal::widget([]);
230   -
231   - }
232   - /**
233   - * Displays a single Order model.
234   - * @param integer $id
235   - * @return mixed
236   - */
237   - public function actionView($id)
238   - {
239   - return $this->render('view', [
240   - 'model' => $this->findModel($id),
241   - ]);
242   - }
243   -
244   - /**
245   - * Creates a new Order model.
246   - * If creation is successful, the browser will be redirected to the 'view' page.
247   - * @return mixed
248   - */
249   - public function actionCreate()
250   - {
251   - $model = new Order();
252   -
253   - if ($model->load(Yii::$app->request->post()) && $model->save()) {
254   - return $this->redirect(['view', 'id' => $model->id]);
255   - } else {
256   - return $this->render('create', [
257   - 'model' => $model,
258   - ]);
259   - }
260   - }
261   -
262   - /**
263   - * Updates an existing Order model.
264   - * If update is successful, the browser will be redirected to the 'view' page.
265   - * @param integer $id
266   - * @return mixed
267   - */
268   - public function actionUpdate($id)
269   - {
270   - $model = $this->findModel($id);
271   -
272   - if ($model->load(Yii::$app->request->post()) && $model->save()) {
273   - return $this->redirect(['view', 'id' => $model->id]);
274   - } else {
275   - return $this->render('update', [
276   - 'model' => $model,
277   - ]);
278   - }
279   - }
280   -
281   - /**
282   - * Deletes an existing Order model.
283   - * If deletion is successful, the browser will be redirected to the 'index' page.
284   - * @param integer $id
285   - * @return mixed
286   - */
287   - public function actionDelete()
288   - {
289   - $data = Yii::$app->request->post();
290   - $sessionData = Yii::$app->session->get('order');
291   - unset($sessionData[$data['id']]);
292   - Yii::$app->session->set('order', $sessionData);
293   - return count(Yii::$app->session->get('order'));
294   - }
295   -
296   - /**
297   - * Finds the Order model based on its primary key value.
298   - * If the model is not found, a 404 HTTP exception will be thrown.
299   - * @param integer $id
300   - * @return Order the loaded model
301   - * @throws NotFoundHttpException if the model cannot be found
302   - */
303   - protected function findModel($id)
304   - {
305   - if (($model = Order::findOne($id)) !== null) {
306   - return $model;
307   - } else {
308   - throw new NotFoundHttpException('The requested page does not exist.');
309   - }
310   - }
311   -}
  1 +<?php
  2 +
  3 +namespace frontend\controllers;
  4 +
  5 +use common\models\Customers;
  6 +use common\models\OrderItems;
  7 +use common\models\Orders;
  8 +use common\modules\product\models\ProductVariant;
  9 +use common\widgets\BasketModal;
  10 +use Yii;
  11 +
  12 +use yii\web\Controller;
  13 +use yii\web\NotFoundHttpException;
  14 +use yii\data\ArrayDataProvider;
  15 +/**
  16 + * OrderController implements the CRUD actions for Order model.
  17 + */
  18 +class OrdersController extends Controller
  19 +{
  20 +
  21 +
  22 + /**
  23 + * @inheritdoc
  24 + */
  25 + public function beforeAction($action)
  26 + {
  27 + if ($action->id == 'buy-items' || $action->id == 'delete') {
  28 + Yii::$app->controller->enableCsrfValidation = false;
  29 + }
  30 +
  31 + return true;
  32 + }
  33 +
  34 + public function actionFirst(){
  35 +
  36 + $array = Yii::$app->session->get('order');
  37 +
  38 + if(isset($array['order_id']) ) {
  39 + $model = Orders::findOne($array['order_id']);
  40 + }else {
  41 + $model = new Orders();
  42 + }
  43 +
  44 +
  45 + if(Yii::$app->request->post() && $model->load(Yii::$app->request->post())){
  46 +
  47 + if($model->save()){
  48 +
  49 + $array['order_id'] = $model->order_id;
  50 +
  51 + Yii::$app->session->set('order', $array );
  52 +
  53 + return $this->redirect(['orders/second']);
  54 + }
  55 +
  56 + } else {
  57 + if (!Yii::$app->user->isGuest) {
  58 + $customer = Yii::$app->user->identity;
  59 + $model->name = $customer->name;
  60 + $model->email = $customer->email;
  61 + $model->phone = $customer->phone;
  62 + }
  63 + }
  64 +
  65 +
  66 + return $this->render('basket-step-01',[
  67 + 'model' => $model
  68 + ]);
  69 + }
  70 +
  71 + public function actionSecond(){
  72 +
  73 + $sessionData = \Yii::$app->session->get('order');
  74 +
  75 + $order_id = $sessionData['order_id'];
  76 +
  77 + if(!empty($order_id)){
  78 + $order_model = Orders::findOne($order_id);
  79 + } else{
  80 + $order_model = new Orders;
  81 + }
  82 +
  83 + unset($sessionData['order_id']);
  84 +
  85 + $variant = ProductVariant::find()->where(['product_variant_id'=>array_keys($sessionData)])->indexBy('product_variant_id')->all();
  86 +
  87 +
  88 + if(Yii::$app->request->post()){
  89 +
  90 + foreach ($sessionData as $k => $item) {
  91 + $itemModel = OrderItems::find()->where(['order_id'=>$order_id, 'item_id'=> $variant[$k]->product_variant_id])->one();
  92 + if($itemModel instanceof OrderItems){
  93 + $itemModel->order_id = $order_id;
  94 + $itemModel->item_id = $variant[$k]->product_variant_id;
  95 + $itemModel->item_count = $sessionData[$k]['num'];
  96 + $itemModel->price = $variant[$k]->price;
  97 + $itemModel->save();
  98 + } else {
  99 + $itemModel = new OrderItems();
  100 + $itemModel->order_id = $order_id;
  101 + $itemModel->item_id = $variant[$k]->product_variant_id;
  102 + $itemModel->item_count = $sessionData[$k]['num'];
  103 + $itemModel->price = $variant[$k]->price;
  104 + $itemModel->save();
  105 + }
  106 +
  107 + }
  108 + Yii::$app->session->set('order', [] );
  109 + return $this->redirect(['orders/third']);
  110 +
  111 + } else {
  112 +
  113 + $price = 0;
  114 +
  115 + $count = count($sessionData);
  116 +
  117 + foreach ($sessionData as $k => $item) {
  118 + $sessionData[$k]['item'] = $variant[$k];
  119 + $price += $variant[$k]->price * $sessionData[$k]['num'];
  120 + }
  121 +
  122 + }
  123 +
  124 + return $this->render('basket-step-02',[
  125 + 'items'=>$sessionData,
  126 + 'count' => $count,
  127 + 'price' => $price,
  128 + 'order_id' => $order_id,
  129 + 'order_model' => $order_model,
  130 + ]);
  131 +
  132 + }
  133 +
  134 + public function actionThird(){
  135 + return $this->render('basket-step-03');
  136 + }
  137 +
  138 +
  139 +// /**
  140 +// * Lists all Order models.
  141 +// * @return mixed
  142 +// */
  143 +// public function actionIndex()
  144 +// {
  145 +//
  146 +// if (Yii::$app->request->post()) {
  147 +// $item = $items_id = array();
  148 +//
  149 +// $i = 0;
  150 +// $order = Yii::$app->request->post();
  151 +//
  152 +// $orderData['Order'] = $order['OrderForm'];
  153 +//
  154 +// foreach($order['OrderForm']['one_item'] as $k => $v ){
  155 +// $item[$k]['num'] = $v['num'];
  156 +// $items_id[] = $k;
  157 +// $i++;
  158 +// }
  159 +//
  160 +// $items = Items::find()->where(['id'=>$items_id])->all();
  161 +//
  162 +//
  163 +// $orderModel = new Order();
  164 +// $orderModel->load($orderData);
  165 +// $orderModel->save();
  166 +//
  167 +//
  168 +// foreach($items as $one_item){
  169 +// $ItemOrderModel = new ItemOrder();
  170 +// $ItemOrderModel->order_id = $orderModel->id;
  171 +// $ItemOrderModel->num = $item[$one_item->id]['num'];
  172 +// $ItemOrderModel->item_id = $one_item->id;
  173 +// $ItemOrderModel->price = $one_item->price * $item[$one_item->id]['num'];
  174 +// $ItemOrderModel->item_name = $one_item->name;
  175 +// $ItemOrderModel->save();
  176 +// }
  177 +// Yii::$app->session->set('order', [] );
  178 +// return $this->redirect(['order/complete']);
  179 +// }
  180 +// $total_price = 0;
  181 +//
  182 +// $items_id = [];
  183 +//
  184 +// $orders = Yii::$app->session->get('order');
  185 +//
  186 +// if(!empty($orders)){
  187 +// foreach($orders as $k => $v) {
  188 +// $items_id[] = $k;
  189 +// }
  190 +// }
  191 +//
  192 +//
  193 +// $items = Items::find()->where(['id'=>$items_id])->all();
  194 +//
  195 +// foreach($items as $item) {
  196 +// $total_price += $orders[$item['id']]['num'] * $item['price'];
  197 +// }
  198 +//
  199 +//
  200 +// $dataProvider = new ArrayDataProvider([
  201 +// 'allModels' => $items
  202 +// ]);
  203 +//
  204 +// return $this->render('index', [
  205 +// 'dataProvider' => $dataProvider,
  206 +// 'total_price'=> $total_price,
  207 +// 'model' => new OrderForm()
  208 +// ]);
  209 +// }
  210 +
  211 +
  212 + public function actionComplete()
  213 + {
  214 + return $this->render('complete', [
  215 + ]);
  216 + }
  217 +
  218 + public function actionBuyItems(){
  219 + $data = Yii::$app->request->post();
  220 + $sessionData = Yii::$app->session->get('order');
  221 + if(isset($sessionData) && !array_search($data['id'],Yii::$app->session->get('order')) ){
  222 + $array = Yii::$app->session->get('order');
  223 + $array[$data['id']] = $data;
  224 + Yii::$app->session->set('order', $array );
  225 + } else {
  226 + $array[$data['id']] = $data;
  227 + Yii::$app->session->set('order', $array );
  228 + }
  229 + echo BasketModal::widget([]);
  230 +
  231 + }
  232 + /**
  233 + * Displays a single Order model.
  234 + * @param integer $id
  235 + * @return mixed
  236 + */
  237 + public function actionView($id)
  238 + {
  239 + return $this->render('view', [
  240 + 'model' => $this->findModel($id),
  241 + ]);
  242 + }
  243 +
  244 + /**
  245 + * Creates a new Order model.
  246 + * If creation is successful, the browser will be redirected to the 'view' page.
  247 + * @return mixed
  248 + */
  249 + public function actionCreate()
  250 + {
  251 + $model = new Order();
  252 +
  253 + if ($model->load(Yii::$app->request->post()) && $model->save()) {
  254 + return $this->redirect(['view', 'id' => $model->id]);
  255 + } else {
  256 + return $this->render('create', [
  257 + 'model' => $model,
  258 + ]);
  259 + }
  260 + }
  261 +
  262 + /**
  263 + * Updates an existing Order model.
  264 + * If update is successful, the browser will be redirected to the 'view' page.
  265 + * @param integer $id
  266 + * @return mixed
  267 + */
  268 + public function actionUpdate($id)
  269 + {
  270 + $model = $this->findModel($id);
  271 +
  272 + if ($model->load(Yii::$app->request->post()) && $model->save()) {
  273 + return $this->redirect(['view', 'id' => $model->id]);
  274 + } else {
  275 + return $this->render('update', [
  276 + 'model' => $model,
  277 + ]);
  278 + }
  279 + }
  280 +
  281 + /**
  282 + * Deletes an existing Order model.
  283 + * If deletion is successful, the browser will be redirected to the 'index' page.
  284 + * @param integer $id
  285 + * @return mixed
  286 + */
  287 + public function actionDelete()
  288 + {
  289 + $data = Yii::$app->request->post();
  290 + $sessionData = Yii::$app->session->get('order');
  291 + unset($sessionData[$data['id']]);
  292 + Yii::$app->session->set('order', $sessionData);
  293 + return count(Yii::$app->session->get('order'));
  294 + }
  295 +
  296 + /**
  297 + * Finds the Order model based on its primary key value.
  298 + * If the model is not found, a 404 HTTP exception will be thrown.
  299 + * @param integer $id
  300 + * @return Order the loaded model
  301 + * @throws NotFoundHttpException if the model cannot be found
  302 + */
  303 + protected function findModel($id)
  304 + {
  305 + if (($model = Order::findOne($id)) !== null) {
  306 + return $model;
  307 + } else {
  308 + throw new NotFoundHttpException('The requested page does not exist.');
  309 + }
  310 + }
  311 +}
... ...
frontend/controllers/PageController.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -namespace frontend\controllers;
4   -
5   -use Yii;
6   -use common\models\Page;
7   -use yii\web\Controller;
8   -
9   -
10   -class PageController extends Controller
11   -{
12   -
13   - public function actionShow($translit)
14   - {
15   - $model = new Page;
16   - if(!$page = $model->getPageTranslit($translit))
17   - throw new \Exception(404,'The requested page does not exist.');
18   - return $this->render('show',['page'=>$page]);
19   - }
  1 +<?php
  2 +
  3 +namespace frontend\controllers;
  4 +
  5 +use Yii;
  6 +use common\models\Page;
  7 +use yii\web\Controller;
  8 +
  9 +
  10 +class PageController extends Controller
  11 +{
  12 +
  13 + public function actionShow($translit)
  14 + {
  15 + $model = new Page;
  16 + if(!$page = $model->getPageTranslit($translit))
  17 + throw new \Exception(404,'The requested page does not exist.');
  18 + return $this->render('show',['page'=>$page]);
  19 + }
20 20 }
21 21 \ No newline at end of file
... ...
frontend/controllers/PostController.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -namespace frontend\controllers;
4   -
5   -use yii\helpers\Url;
6   -use yii\web\HttpException;
7   -
8   -class PostController extends \yii\web\Controller
9   -{
10   - public function actionIndex()
11   - {
12   - return Url::to(['post/view', 'id' => 55]);
13   - }
14   -
15   - public function actionView($id)
16   - {
17   - return 'actionView:'. $id;
18   - }
19   -
20   -}
  1 +<?php
  2 +
  3 +namespace frontend\controllers;
  4 +
  5 +use yii\helpers\Url;
  6 +use yii\web\HttpException;
  7 +
  8 +class PostController extends \yii\web\Controller
  9 +{
  10 + public function actionIndex()
  11 + {
  12 + return Url::to(['post/view', 'id' => 55]);
  13 + }
  14 +
  15 + public function actionView($id)
  16 + {
  17 + return 'actionView:'. $id;
  18 + }
  19 +
  20 +}
... ...
frontend/controllers/PuttyController.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -namespace frontend\controllers;
3   -
4   -use Yii;
5   -use yii\web\Controller;
6   -
7   -
8   -/**
9   - * Site controller
10   - */
11   -class PuttyController extends Controller
12   -{
13   -
14   - public function actionCatalog(){
15   - return $this->render('catalog');
16   - }
17   -
18   - public function actionItemCardOpen(){
19   - return $this->render('item-card-open');
20   - }
21   -
22   - public function actionCategory(){
23   - return $this->render('category');
24   - }
25   -
26   - public function actionManufacturers(){
27   - return $this->render('manufacturers');
28   - }
29   -
30   -
31   -
32   -
33   - public function actionContacts(){
34   - return $this->render('contacts');
35   - }
36   -
37   - public function actionDelivery(){
38   - return $this->render('delivery');
39   - }
40   -
41   -}
  1 +<?php
  2 +namespace frontend\controllers;
  3 +
  4 +use Yii;
  5 +use yii\web\Controller;
  6 +
  7 +
  8 +/**
  9 + * Site controller
  10 + */
  11 +class PuttyController extends Controller
  12 +{
  13 +
  14 + public function actionCatalog(){
  15 + return $this->render('catalog');
  16 + }
  17 +
  18 + public function actionItemCardOpen(){
  19 + return $this->render('item-card-open');
  20 + }
  21 +
  22 + public function actionCategory(){
  23 + return $this->render('category');
  24 + }
  25 +
  26 + public function actionManufacturers(){
  27 + return $this->render('manufacturers');
  28 + }
  29 +
  30 +
  31 +
  32 +
  33 + public function actionContacts(){
  34 + return $this->render('contacts');
  35 + }
  36 +
  37 + public function actionDelivery(){
  38 + return $this->render('delivery');
  39 + }
  40 +
  41 +}
... ...
frontend/controllers/ServiceController.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -namespace frontend\controllers;
4   -
5   -use common\models\Service;
6   -use Yii;
7   -use yii\web\Controller;
8   -use yii\web\NotFoundHttpException;
9   -use yii\data\ActiveDataProvider;
10   -
11   -
12   -
13   -class ServiceController extends Controller
14   -{
15   -
16   - public function actionIndex()
17   - {
18   -
19   - $dataProvider = new ActiveDataProvider([
20   - 'query' => Service::find() ]);
21   -
22   - return $this->render('index', [
23   - 'dataProvider' => $dataProvider,
24   - ]);
25   - }
26   -
27   -
28   -
29   - public function actionView($alias)
30   - {
31   -
32   - return $this->render('view', [
33   - 'model' => $this->findModel($alias),
34   - ]);
35   - }
36   -
37   -
38   - protected function findModel($alias)
39   - {
40   - if (($model = Service::findOne(["alias"=>$alias])) !== null) {
41   - return $model;
42   - } else {
43   - throw new NotFoundHttpException('The requested page does not exist.');
44   - }
45   - }
46   -
47   -
  1 +<?php
  2 +
  3 +namespace frontend\controllers;
  4 +
  5 +use common\models\Service;
  6 +use Yii;
  7 +use yii\web\Controller;
  8 +use yii\web\NotFoundHttpException;
  9 +use yii\data\ActiveDataProvider;
  10 +
  11 +
  12 +
  13 +class ServiceController extends Controller
  14 +{
  15 +
  16 + public function actionIndex()
  17 + {
  18 +
  19 + $dataProvider = new ActiveDataProvider([
  20 + 'query' => Service::find() ]);
  21 +
  22 + return $this->render('index', [
  23 + 'dataProvider' => $dataProvider,
  24 + ]);
  25 + }
  26 +
  27 +
  28 +
  29 + public function actionView($alias)
  30 + {
  31 +
  32 + return $this->render('view', [
  33 + 'model' => $this->findModel($alias),
  34 + ]);
  35 + }
  36 +
  37 +
  38 + protected function findModel($alias)
  39 + {
  40 + if (($model = Service::findOne(["alias"=>$alias])) !== null) {
  41 + return $model;
  42 + } else {
  43 + throw new NotFoundHttpException('The requested page does not exist.');
  44 + }
  45 + }
  46 +
  47 +
48 48 }
49 49 \ No newline at end of file
... ...
frontend/controllers/SiteController.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -namespace frontend\controllers;
3   -
4   -use common\components\Mailer;
5   -use Yii;
6   -use common\models\LoginForm;
7   -use frontend\models\PasswordResetRequestForm;
8   -use frontend\models\ResetPasswordForm;
9   -use frontend\models\SignupForm;
10   -use frontend\models\ContactForm;
11   -use yii\base\InvalidParamException;
12   -use yii\web\BadRequestHttpException;
13   -use yii\web\Controller;
14   -use yii\filters\VerbFilter;
15   -use yii\filters\AccessControl;
16   -use yii\web\Response;
17   -use yii\widgets\ActiveForm;
18   -
19   -/**
20   - * Site controller
21   - */
22   -class SiteController extends Controller
23   -{
24   - /**
25   - * @inheritdoc
26   - */
27   - public function behaviors()
28   - {
29   - return [
30   - 'access' => [
31   - 'class' => AccessControl::className(),
32   - 'only' => ['logout', 'signup'],
33   - 'rules' => [
34   - [
35   - 'actions' => ['signup'],
36   - 'allow' => true,
37   - 'roles' => ['?'],
38   - ],
39   - [
40   - 'actions' => ['logout'],
41   - 'allow' => true,
42   - 'roles' => ['@'],
43   - ],
44   - ],
45   - ],
46   - 'verbs' => [
47   - 'class' => VerbFilter::className(),
48   - 'actions' => [
49   - 'logout' => ['post'],
50   - ],
51   - ],
52   - ];
53   - }
54   -
55   - /**
56   - * @inheritdoc
57   - */
58   - public function beforeAction($action)
59   - {
60   - if ($action->id == 'signup') {
61   - Yii::$app->controller->enableCsrfValidation = false;
62   - }
63   -
64   - return true;
65   - }
66   -
67   - /**
68   - * @inheritdoc
69   - */
70   - public function actions()
71   - {
72   - return [
73   - 'error' => [
74   - 'class' => 'yii\web\ErrorAction',
75   - ],
76   - 'captcha' => [
77   - 'class' => 'yii\captcha\CaptchaAction',
78   - 'fixedVerifyCode' => YII_ENV_TEST ? 'testme' : null,
79   - ],
80   - 'thumb' => 'iutbay\yii2imagecache\ThumbAction',
81   - ];
82   - }
83   -
84   - /**
85   - * Displays homepage.
86   - *
87   - * @return mixed
88   - */
89   - public function actionIndex()
90   - {
91   - $this->layout = 'main';
92   - return $this->render('index');
93   - }
94   -
95   -
96   - public function actionMail(){
97   -
98   - $type = Yii::$app->request->post('type');
99   -
100   - switch ($type) {
101   - case 'call_me':
102   - $num = Yii::$app->request->post('num');
103   - if(!empty($num)){
104   - return json_encode(Mailer::widget(['text' => $num, 'subject' => 'ะžะฑั€ะฐั‚ะฝั‹ะน ะทะฒะพะฝะพะบ']));
105   - }
106   -
107   - break;
108   - case "consultation":
109   - $num = Yii::$app->request->post('num');
110   - $name = Yii::$app->request->post('name');
111   -
112   - if(!empty($num)){
113   - return json_encode(Mailer::widget(['text' => "ะะพะผะตั€ ั‚ะตะปะตั„ะพะฝะฐ".$num.";<br>ะ˜ะผั:".$name, 'subject' => 'ะžะฑั€ะฐั‚ะฝั‹ะน ะทะฒะพะฝะพะบ']));
114   - }
115   - break;
116   -
117   -
118   - }
119   - }
120   -
121   - /**
122   - * Logs in a user.
123   - *
124   - * @return mixed
125   - */
126   - public function actionLogin()
127   - {
128   - if (!\Yii::$app->user->isGuest) {
129   - return $this->goHome();
130   - }
131   -
132   - $model = new LoginForm();
133   - if ($model->load(Yii::$app->request->post()) && $model->login()) {
134   - return $this->goBack();
135   - } else {
136   - return $this->render('login', [
137   - 'model' => $model,
138   - ]);
139   - }
140   - }
141   -
142   - /**
143   - * Logs out the current user.
144   - *
145   - * @return mixed
146   - */
147   - public function actionLogout()
148   - {
149   - Yii::$app->user->logout();
150   -
151   - return $this->goHome();
152   - }
153   -
154   - /**
155   - * Displays contact page.
156   - *
157   - * @return mixed
158   - */
159   - public function actionContact()
160   - {
161   - $model = new ContactForm();
162   - if ($model->load(Yii::$app->request->post()) && $model->validate()) {
163   - if ($model->sendEmail(Yii::$app->params['adminEmail'])) {
164   - Yii::$app->session->setFlash('success', 'Thank you for contacting us. We will respond to you as soon as possible.');
165   - } else {
166   - Yii::$app->session->setFlash('error', 'There was an error sending email.');
167   - }
168   -
169   - return $this->refresh();
170   - } else {
171   - return $this->render('contact', [
172   - 'model' => $model,
173   - ]);
174   - }
175   - }
176   -
177   - /**
178   - * Displays about page.
179   - *
180   - * @return mixed
181   - */
182   - public function actionAbout()
183   - {
184   - return $this->render('about');
185   - }
186   -
187   - /**
188   - * Signs user up.
189   - *
190   - * @return mixed
191   - */
192   - public function actionSignup()
193   - {
194   -
195   - if(Yii::$app->request->post()){
196   - if (Yii::$app->request->isAjax) {
197   - Yii::$app->response->format = Response::FORMAT_JSON;
198   - $model = new SignupForm(['scenario' => SignupForm::SCENARIO_AJAX]);
199   - $model->load(Yii::$app->request->post());
200   - return ActiveForm::validate($model);
201   - } else {
202   - $model = new SignupForm(['scenario' => SignupForm::SCENARIO_SUBMIT]);
203   - $model->load(Yii::$app->request->post());
204   - if ($user = $model->signup()) {
205   - if (Yii::$app->getUser()->login($user)) {
206   - return $this->goHome();
207   - }
208   - }
209   - }
210   - }
211   - return $this->render('signup', [
212   - 'model' => $model,
213   - ]);
214   - }
215   -
216   - /**
217   - * Requests password reset.
218   - *
219   - * @return mixed
220   - */
221   - public function actionRequestPasswordReset()
222   - {
223   - $model = new PasswordResetRequestForm();
224   - if ($model->load(Yii::$app->request->post()) && $model->validate()) {
225   - if ($model->sendEmail()) {
226   - Yii::$app->session->setFlash('success', 'Check your email for further instructions.');
227   -
228   - return $this->goHome();
229   - } else {
230   - Yii::$app->session->setFlash('error', 'Sorry, we are unable to reset password for email provided.');
231   - }
232   - }
233   -
234   - return $this->render('requestPasswordResetToken', [
235   - 'model' => $model,
236   - ]);
237   - }
238   -
239   - /**
240   - * Resets password.
241   - *
242   - * @param string $token
243   - * @return mixed
244   - * @throws BadRequestHttpException
245   - */
246   - public function actionResetPassword($token)
247   - {
248   - try {
249   - $model = new ResetPasswordForm($token);
250   - } catch (InvalidParamException $e) {
251   - throw new BadRequestHttpException($e->getMessage());
252   - }
253   -
254   - if ($model->load(Yii::$app->request->post()) && $model->validate() && $model->resetPassword()) {
255   - Yii::$app->session->setFlash('success', 'New password was saved.');
256   -
257   - return $this->goHome();
258   - }
259   -
260   - return $this->render('resetPassword', [
261   - 'model' => $model,
262   - ]);
263   - }
264   -
265   -
266   -
267   -}
  1 +<?php
  2 +namespace frontend\controllers;
  3 +
  4 +use common\components\Mailer;
  5 +use Yii;
  6 +use common\models\LoginForm;
  7 +use frontend\models\PasswordResetRequestForm;
  8 +use frontend\models\ResetPasswordForm;
  9 +use frontend\models\SignupForm;
  10 +use frontend\models\ContactForm;
  11 +use yii\base\InvalidParamException;
  12 +use yii\web\BadRequestHttpException;
  13 +use yii\web\Controller;
  14 +use yii\filters\VerbFilter;
  15 +use yii\filters\AccessControl;
  16 +use yii\web\Response;
  17 +use yii\widgets\ActiveForm;
  18 +
  19 +/**
  20 + * Site controller
  21 + */
  22 +class SiteController extends Controller
  23 +{
  24 + /**
  25 + * @inheritdoc
  26 + */
  27 + public function behaviors()
  28 + {
  29 + return [
  30 + 'access' => [
  31 + 'class' => AccessControl::className(),
  32 + 'only' => ['logout', 'signup'],
  33 + 'rules' => [
  34 + [
  35 + 'actions' => ['signup'],
  36 + 'allow' => true,
  37 + 'roles' => ['?'],
  38 + ],
  39 + [
  40 + 'actions' => ['logout'],
  41 + 'allow' => true,
  42 + 'roles' => ['@'],
  43 + ],
  44 + ],
  45 + ],
  46 + 'verbs' => [
  47 + 'class' => VerbFilter::className(),
  48 + 'actions' => [
  49 + 'logout' => ['post'],
  50 + ],
  51 + ],
  52 + ];
  53 + }
  54 +
  55 + /**
  56 + * @inheritdoc
  57 + */
  58 + public function beforeAction($action)
  59 + {
  60 + if ($action->id == 'signup') {
  61 + Yii::$app->controller->enableCsrfValidation = false;
  62 + }
  63 +
  64 + return true;
  65 + }
  66 +
  67 + /**
  68 + * @inheritdoc
  69 + */
  70 + public function actions()
  71 + {
  72 + return [
  73 + 'error' => [
  74 + 'class' => 'yii\web\ErrorAction',
  75 + ],
  76 + 'captcha' => [
  77 + 'class' => 'yii\captcha\CaptchaAction',
  78 + 'fixedVerifyCode' => YII_ENV_TEST ? 'testme' : null,
  79 + ],
  80 + 'thumb' => 'iutbay\yii2imagecache\ThumbAction',
  81 + ];
  82 + }
  83 +
  84 + /**
  85 + * Displays homepage.
  86 + *
  87 + * @return mixed
  88 + */
  89 + public function actionIndex()
  90 + {
  91 + $this->layout = 'main';
  92 + return $this->render('index');
  93 + }
  94 +
  95 +
  96 + public function actionMail(){
  97 +
  98 + $type = Yii::$app->request->post('type');
  99 +
  100 + switch ($type) {
  101 + case 'call_me':
  102 + $num = Yii::$app->request->post('num');
  103 + if(!empty($num)){
  104 + return json_encode(Mailer::widget(['text' => $num, 'subject' => 'ะžะฑั€ะฐั‚ะฝั‹ะน ะทะฒะพะฝะพะบ']));
  105 + }
  106 +
  107 + break;
  108 + case "consultation":
  109 + $num = Yii::$app->request->post('num');
  110 + $name = Yii::$app->request->post('name');
  111 +
  112 + if(!empty($num)){
  113 + return json_encode(Mailer::widget(['text' => "ะะพะผะตั€ ั‚ะตะปะตั„ะพะฝะฐ".$num.";<br>ะ˜ะผั:".$name, 'subject' => 'ะžะฑั€ะฐั‚ะฝั‹ะน ะทะฒะพะฝะพะบ']));
  114 + }
  115 + break;
  116 +
  117 +
  118 + }
  119 + }
  120 +
  121 + /**
  122 + * Logs in a user.
  123 + *
  124 + * @return mixed
  125 + */
  126 + public function actionLogin()
  127 + {
  128 + if (!\Yii::$app->user->isGuest) {
  129 + return $this->goHome();
  130 + }
  131 +
  132 + $model = new LoginForm();
  133 + if ($model->load(Yii::$app->request->post()) && $model->login()) {
  134 + return $this->goBack();
  135 + } else {
  136 + return $this->render('login', [
  137 + 'model' => $model,
  138 + ]);
  139 + }
  140 + }
  141 +
  142 + /**
  143 + * Logs out the current user.
  144 + *
  145 + * @return mixed
  146 + */
  147 + public function actionLogout()
  148 + {
  149 + Yii::$app->user->logout();
  150 +
  151 + return $this->goHome();
  152 + }
  153 +
  154 + /**
  155 + * Displays contact page.
  156 + *
  157 + * @return mixed
  158 + */
  159 + public function actionContact()
  160 + {
  161 + $model = new ContactForm();
  162 + if ($model->load(Yii::$app->request->post()) && $model->validate()) {
  163 + if ($model->sendEmail(Yii::$app->params['adminEmail'])) {
  164 + Yii::$app->session->setFlash('success', 'Thank you for contacting us. We will respond to you as soon as possible.');
  165 + } else {
  166 + Yii::$app->session->setFlash('error', 'There was an error sending email.');
  167 + }
  168 +
  169 + return $this->refresh();
  170 + } else {
  171 + return $this->render('contact', [
  172 + 'model' => $model,
  173 + ]);
  174 + }
  175 + }
  176 +
  177 + /**
  178 + * Displays about page.
  179 + *
  180 + * @return mixed
  181 + */
  182 + public function actionAbout()
  183 + {
  184 + return $this->render('about');
  185 + }
  186 +
  187 + /**
  188 + * Signs user up.
  189 + *
  190 + * @return mixed
  191 + */
  192 + public function actionSignup()
  193 + {
  194 +
  195 + if(Yii::$app->request->post()){
  196 + if (Yii::$app->request->isAjax) {
  197 + Yii::$app->response->format = Response::FORMAT_JSON;
  198 + $model = new SignupForm(['scenario' => SignupForm::SCENARIO_AJAX]);
  199 + $model->load(Yii::$app->request->post());
  200 + return ActiveForm::validate($model);
  201 + } else {
  202 + $model = new SignupForm(['scenario' => SignupForm::SCENARIO_SUBMIT]);
  203 + $model->load(Yii::$app->request->post());
  204 + if ($user = $model->signup()) {
  205 + if (Yii::$app->getUser()->login($user)) {
  206 + return $this->goHome();
  207 + }
  208 + }
  209 + }
  210 + }
  211 + return $this->render('signup', [
  212 + 'model' => $model,
  213 + ]);
  214 + }
  215 +
  216 + /**
  217 + * Requests password reset.
  218 + *
  219 + * @return mixed
  220 + */
  221 + public function actionRequestPasswordReset()
  222 + {
  223 + $model = new PasswordResetRequestForm();
  224 + if ($model->load(Yii::$app->request->post()) && $model->validate()) {
  225 + if ($model->sendEmail()) {
  226 + Yii::$app->session->setFlash('success', 'Check your email for further instructions.');
  227 +
  228 + return $this->goHome();
  229 + } else {
  230 + Yii::$app->session->setFlash('error', 'Sorry, we are unable to reset password for email provided.');
  231 + }
  232 + }
  233 +
  234 + return $this->render('requestPasswordResetToken', [
  235 + 'model' => $model,
  236 + ]);
  237 + }
  238 +
  239 + /**
  240 + * Resets password.
  241 + *
  242 + * @param string $token
  243 + * @return mixed
  244 + * @throws BadRequestHttpException
  245 + */
  246 + public function actionResetPassword($token)
  247 + {
  248 + try {
  249 + $model = new ResetPasswordForm($token);
  250 + } catch (InvalidParamException $e) {
  251 + throw new BadRequestHttpException($e->getMessage());
  252 + }
  253 +
  254 + if ($model->load(Yii::$app->request->post()) && $model->validate() && $model->resetPassword()) {
  255 + Yii::$app->session->setFlash('success', 'New password was saved.');
  256 +
  257 + return $this->goHome();
  258 + }
  259 +
  260 + return $this->render('resetPassword', [
  261 + 'model' => $model,
  262 + ]);
  263 + }
  264 +
  265 +
  266 +
  267 +}
... ...
frontend/views/catalog/product.php
  Show/Hide comments   View file @888851f
1 1 <?php
2 2  
3 3 use common\components\artboximage\ArtboxImageHelper;
  4 +use frontend\assets\FotoramaAsset;
4 5  
  6 +FotoramaAsset::register($this);
5 7 $this->registerCssFile(Yii::getAlias('@web/css/lightbox.css'));
6 8 $this->registerJsFile(Yii::getAlias('@web/js/lightbox.js'));
7 9  
... ... @@ -18,18 +20,17 @@ $this-&gt;params[&#39;breadcrumbs&#39;][] = $product-&gt;name .&#39; #&#39;. $product-&gt;variant-&gt;sku;
18 20  
19 21 <div class="item_3_blocks_wrap" id="one_item_block" data-id="<?= $product->variant->product_variant_id?>"> <!-- flex container -->
20 22 <div class="item_img_block"> <!-- ะฑะปะพะบ ั ั„ะพั‚ะพะณั€ะฐั„ะธัะผะธ -->
21   - <div class="main_img">
22   - <?php if (empty($product->image)) :?>
23   - <img src="/images/no_photo_big.png" alt="<?= $product->name?>">
24   - <?php else :?>
25   - <a href="<?= ArtboxImageHelper::getImageSrc($product->image->imageUrl, 'large')?>" data-lightbox="product-<?= $product->product_id?>" data-title="<?= $product->name?>">
26   - <?= ArtboxImageHelper::getImage($product->image->imageUrl, 'product')?>
27   - </a>
28   - <?php endif?>
29 23  
30   - <!--<span class="new">ะะžะ’ะ˜ะะšะ</span>
31   - <span class="top">ะขะžะŸ</span>-->
  24 + <div class="fotorama" data-allowfullscreen="true" data-nav="thumbs">
  25 + <?php if (!empty($product->images)) :?>
  26 +
  27 + <?php foreach($product->images as $image) :?>
  28 + <a href="<?=$image->imageUrl ?>">
  29 + <?= ArtboxImageHelper::getImage($image->imageUrl, 'product_trumb')?>
  30 + </a>
  31 + <?php endforeach?>
32 32 </div>
  33 + <?php endif?>
33 34 <div class="product_service">
34 35 <ul>
35 36 <li class="item1"><a id="add_to_bookmarks" href="#">ะ”ะพะฑะฐะฒะธั‚ัŒ ะฒ ะทะฐะบะปะฐะดะบะธ</a>
... ... @@ -38,18 +39,6 @@ $this-&gt;params[&#39;breadcrumbs&#39;][] = $product-&gt;name .&#39; #&#39;. $product-&gt;variant-&gt;sku;
38 39 ัั€ะฐะฒะฝะตะฝะธะต</a></li>
39 40 </ul>
40 41 </div>
41   - <?php if (!empty($product->images)) :?>
42   - <div class="main_img_slide">
43   - <?php foreach($product->images as $image) :?>
44   - <div class="small_img_block active">
45   - <?= ArtboxImageHelper::getImage($image->imageUrl, 'product_trumb')?>
46   - </div>
47   - <?php endforeach?>
48   -
49   - <img class="slider_arrow_right" src="/images/slider_right.png" alt="">
50   - <img class="slider_arrow_left" src="/images/slider_left.png" alt="">
51   - </div>
52   - <?php endif?>
53 42  
54 43 </div> <!-- ะบะพะฝะตั† ะฑะปะพะบะฐ ั ั„ะพั‚ะพะณั€ะฐั„ะธัะผะธ -->
55 44  
... ...
frontend/views/site/about.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -/* @var $this yii\web\View */
4   -
5   -use yii\helpers\Html;
6   -
7   -$this->title = 'About';
8   -$this->params['breadcrumbs'][] = $this->title;
9   -?>
10   -<div class="site-about">
11   - <h1><?= Html::encode($this->title) ?></h1>
12   -
13   - <p>This is the About page. You may modify the following file to customize its content:</p>
14   -
15   - <code><?= __FILE__ ?></code>
16   -</div>
  1 +<?php
  2 +
  3 +/* @var $this yii\web\View */
  4 +
  5 +use yii\helpers\Html;
  6 +
  7 +$this->title = 'About';
  8 +$this->params['breadcrumbs'][] = $this->title;
  9 +?>
  10 +<div class="site-about">
  11 + <h1><?= Html::encode($this->title) ?></h1>
  12 +
  13 + <p>This is the About page. You may modify the following file to customize its content:</p>
  14 +
  15 + <code><?= __FILE__ ?></code>
  16 +</div>
... ...
frontend/views/site/contact.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -/* @var $this yii\web\View */
4   -/* @var $form yii\bootstrap\ActiveForm */
5   -/* @var $model \frontend\models\ContactForm */
6   -
7   -use yii\helpers\Html;
8   -use yii\bootstrap\ActiveForm;
9   -use yii\captcha\Captcha;
10   -
11   -$this->title = 'Contact';
12   -$this->params['breadcrumbs'][] = $this->title;
13   -?>
14   -<div class="site-contact">
15   - <h1><?= Html::encode($this->title) ?></h1>
16   -
17   - <p>
18   - If you have business inquiries or other questions, please fill out the following form to contact us. Thank you.
19   - </p>
20   -
21   - <div class="row">
22   - <div class="col-lg-5">
23   - <?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>
24   -
25   - <?= $form->field($model, 'name')->textInput(['autofocus' => true]) ?>
26   -
27   - <?= $form->field($model, 'email') ?>
28   -
29   - <?= $form->field($model, 'subject') ?>
30   -
31   - <?= $form->field($model, 'body')->textArea(['rows' => 6]) ?>
32   -
33   - <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
34   - 'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
35   - ]) ?>
36   -
37   - <div class="form-group">
38   - <?= Html::submitButton('Submit', ['class' => 'btn btn-primary', 'name' => 'contact-button']) ?>
39   - </div>
40   -
41   - <?php ActiveForm::end(); ?>
42   - </div>
43   - </div>
44   -
45   -</div>
  1 +<?php
  2 +
  3 +/* @var $this yii\web\View */
  4 +/* @var $form yii\bootstrap\ActiveForm */
  5 +/* @var $model \frontend\models\ContactForm */
  6 +
  7 +use yii\helpers\Html;
  8 +use yii\bootstrap\ActiveForm;
  9 +use yii\captcha\Captcha;
  10 +
  11 +$this->title = 'Contact';
  12 +$this->params['breadcrumbs'][] = $this->title;
  13 +?>
  14 +<div class="site-contact">
  15 + <h1><?= Html::encode($this->title) ?></h1>
  16 +
  17 + <p>
  18 + If you have business inquiries or other questions, please fill out the following form to contact us. Thank you.
  19 + </p>
  20 +
  21 + <div class="row">
  22 + <div class="col-lg-5">
  23 + <?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>
  24 +
  25 + <?= $form->field($model, 'name')->textInput(['autofocus' => true]) ?>
  26 +
  27 + <?= $form->field($model, 'email') ?>
  28 +
  29 + <?= $form->field($model, 'subject') ?>
  30 +
  31 + <?= $form->field($model, 'body')->textArea(['rows' => 6]) ?>
  32 +
  33 + <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
  34 + 'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
  35 + ]) ?>
  36 +
  37 + <div class="form-group">
  38 + <?= Html::submitButton('Submit', ['class' => 'btn btn-primary', 'name' => 'contact-button']) ?>
  39 + </div>
  40 +
  41 + <?php ActiveForm::end(); ?>
  42 + </div>
  43 + </div>
  44 +
  45 +</div>
... ...
frontend/views/site/error.php
  Show/Hide comments   View file @888851f
1   -
2   - <div class="wrap_for_404">
3   -
4   - <h1 class="main_title_404">404</h1>
5   -
6   - <img class="main_img_404" src="/images/logos/404.png" alt="">
7   -
8   - <div class="block_404">
9   - <div class="first">
10   - ะ”ะพะฑั€ะพ ะฟะพะถะฐะปะพะฒะฐั‚ัŒ ะฝะฐ ัั‚ั€ะฐะฝะธั†ัƒ 404! <br />
11   - ะ’ั‹ ะฝะฐั…ะพะดะธั‚ะตััŒ ะทะดะตััŒ, ะฟะพั‚ะพะผัƒ ั‡ั‚ะพ ะฒะฒะตะปะธ ะฐะดั€ะตั ัั‚ั€ะฐะฝะธั†ั‹, <br />
12   - ะบะพั‚ะพั€ะฐั ัƒะถะต ะฝะต ััƒั‰ะตัั‚ะฒัƒะตั‚ ะธะปะธ ะฑั‹ะปะฐ ะฟะตั€ะตะผะตั‰ะตะฝะฐ ะฟะพ ะดั€ัƒะณะพะผัƒ ะฐะดั€ะตััƒ
13   - </div>
14   - <div class="second">
15   - โ€ฆ ะ’ะพะทะผะพะถะฝะพ, ะทะฐะฟั€ะฐัˆะธะฒะฐะตะผะฐั ะ’ะฐะผะธ ัั‚ั€ะฐะฝะธั†ะฐ ะฑั‹ะปะฐ ะฟะตั€ะตะฝะตัะตะฝะฐ ะธะปะธ ัƒะดะฐะปะตะฝะฐ. <br />
16   - ะขะฐะบะถะต ะฒะพะทะผะพะถะฝะพ, ะ’ั‹ ะดะพะฟัƒัั‚ะธะปะธ ะฝะตะฑะพะปัŒัˆัƒัŽ ะพะฟะตั‡ะฐั‚ะบัƒ ะฟั€ะธ ะฒะฒะพะดะต ะฐะดั€ะตัะฐ โ€“ ั‚ะฐะบะพะต <br /> ัะปัƒั‡ะฐะตั‚ัั ะดะฐะถะต ั ะฝะฐะผะธ, ะฟะพัั‚ะพะผัƒ ะตั‰ะต ั€ะฐะท ะฒะฝะธะผะฐั‚ะตะปัŒะฝะพ ะฟั€ะพะฒะตั€ัŒั‚ะต
17   - </div>
18   - <a href="/"><button>ะฟะตั€ะตะนั‚ะธ ะฝะฐ ะณะปะฐะฒะฝัƒัŽ</button></a>
19   - </div>
20   -
21   - </div>
  1 +
  2 + <div class="wrap_for_404">
  3 +
  4 + <h1 class="main_title_404">404</h1>
  5 +
  6 + <img class="main_img_404" src="/images/logos/404.png" alt="">
  7 +
  8 + <div class="block_404">
  9 + <div class="first">
  10 + ะ”ะพะฑั€ะพ ะฟะพะถะฐะปะพะฒะฐั‚ัŒ ะฝะฐ ัั‚ั€ะฐะฝะธั†ัƒ 404! <br />
  11 + ะ’ั‹ ะฝะฐั…ะพะดะธั‚ะตััŒ ะทะดะตััŒ, ะฟะพั‚ะพะผัƒ ั‡ั‚ะพ ะฒะฒะตะปะธ ะฐะดั€ะตั ัั‚ั€ะฐะฝะธั†ั‹, <br />
  12 + ะบะพั‚ะพั€ะฐั ัƒะถะต ะฝะต ััƒั‰ะตัั‚ะฒัƒะตั‚ ะธะปะธ ะฑั‹ะปะฐ ะฟะตั€ะตะผะตั‰ะตะฝะฐ ะฟะพ ะดั€ัƒะณะพะผัƒ ะฐะดั€ะตััƒ
  13 + </div>
  14 + <div class="second">
  15 + โ€ฆ ะ’ะพะทะผะพะถะฝะพ, ะทะฐะฟั€ะฐัˆะธะฒะฐะตะผะฐั ะ’ะฐะผะธ ัั‚ั€ะฐะฝะธั†ะฐ ะฑั‹ะปะฐ ะฟะตั€ะตะฝะตัะตะฝะฐ ะธะปะธ ัƒะดะฐะปะตะฝะฐ. <br />
  16 + ะขะฐะบะถะต ะฒะพะทะผะพะถะฝะพ, ะ’ั‹ ะดะพะฟัƒัั‚ะธะปะธ ะฝะตะฑะพะปัŒัˆัƒัŽ ะพะฟะตั‡ะฐั‚ะบัƒ ะฟั€ะธ ะฒะฒะพะดะต ะฐะดั€ะตัะฐ โ€“ ั‚ะฐะบะพะต <br /> ัะปัƒั‡ะฐะตั‚ัั ะดะฐะถะต ั ะฝะฐะผะธ, ะฟะพัั‚ะพะผัƒ ะตั‰ะต ั€ะฐะท ะฒะฝะธะผะฐั‚ะตะปัŒะฝะพ ะฟั€ะพะฒะตั€ัŒั‚ะต
  17 + </div>
  18 + <a href="/"><button>ะฟะตั€ะตะนั‚ะธ ะฝะฐ ะณะปะฐะฒะฝัƒัŽ</button></a>
  19 + </div>
  20 +
  21 + </div>
... ...
frontend/views/site/login.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -/* @var $this yii\web\View */
4   -/* @var $form yii\bootstrap\ActiveForm */
5   -/* @var $model \common\models\LoginForm */
6   -
7   -use yii\helpers\Html;
8   -use yii\bootstrap\ActiveForm;
9   -
10   -$this->title = 'Login';
11   -$this->params['breadcrumbs'][] = $this->title;
12   -?>
13   -<div class="site-login">
14   - <h1><?= Html::encode($this->title) ?></h1>
15   -
16   - <p>Please fill out the following fields to login:</p>
17   -
18   - <div class="row">
19   - <div class="col-lg-5">
20   - <?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
21   -
22   - <?= $form->field($model, 'email')->textInput(['autofocus' => true]) ?>
23   -
24   - <?= $form->field($model, 'password')->passwordInput() ?>
25   -
26   - <?= $form->field($model, 'rememberMe')->checkbox() ?>
27   -
28   - <div style="color:#999;margin:1em 0">
29   - If you forgot your password you can <?= Html::a('reset it', ['site/request-password-reset']) ?>.
30   - </div>
31   -
32   - <div class="form-group">
33   - <?= Html::submitButton('Login', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
34   - </div>
35   -
36   - <?php ActiveForm::end(); ?>
37   - </div>
38   - </div>
39   -</div>
  1 +<?php
  2 +
  3 +/* @var $this yii\web\View */
  4 +/* @var $form yii\bootstrap\ActiveForm */
  5 +/* @var $model \common\models\LoginForm */
  6 +
  7 +use yii\helpers\Html;
  8 +use yii\bootstrap\ActiveForm;
  9 +
  10 +$this->title = 'Login';
  11 +$this->params['breadcrumbs'][] = $this->title;
  12 +?>
  13 +<div class="site-login">
  14 + <h1><?= Html::encode($this->title) ?></h1>
  15 +
  16 + <p>Please fill out the following fields to login:</p>
  17 +
  18 + <div class="row">
  19 + <div class="col-lg-5">
  20 + <?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
  21 +
  22 + <?= $form->field($model, 'email')->textInput(['autofocus' => true]) ?>
  23 +
  24 + <?= $form->field($model, 'password')->passwordInput() ?>
  25 +
  26 + <?= $form->field($model, 'rememberMe')->checkbox() ?>
  27 +
  28 + <div style="color:#999;margin:1em 0">
  29 + If you forgot your password you can <?= Html::a('reset it', ['site/request-password-reset']) ?>.
  30 + </div>
  31 +
  32 + <div class="form-group">
  33 + <?= Html::submitButton('Login', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
  34 + </div>
  35 +
  36 + <?php ActiveForm::end(); ?>
  37 + </div>
  38 + </div>
  39 +</div>
... ...
frontend/views/site/requestPasswordResetToken.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -/* @var $this yii\web\View */
4   -/* @var $form yii\bootstrap\ActiveForm */
5   -/* @var $model \frontend\models\PasswordResetRequestForm */
6   -
7   -use yii\helpers\Html;
8   -use yii\bootstrap\ActiveForm;
9   -
10   -$this->title = 'Request password reset';
11   -$this->params['breadcrumbs'][] = $this->title;
12   -?>
13   -<div class="site-request-password-reset">
14   - <h1><?= Html::encode($this->title) ?></h1>
15   -
16   - <p>Please fill out your email. A link to reset password will be sent there.</p>
17   -
18   - <div class="row">
19   - <div class="col-lg-5">
20   - <?php $form = ActiveForm::begin(['id' => 'request-password-reset-form']); ?>
21   -
22   - <?= $form->field($model, 'email')->textInput(['autofocus' => true]) ?>
23   -
24   - <div class="form-group">
25   - <?= Html::submitButton('Send', ['class' => 'btn btn-primary']) ?>
26   - </div>
27   -
28   - <?php ActiveForm::end(); ?>
29   - </div>
30   - </div>
31   -</div>
  1 +<?php
  2 +
  3 +/* @var $this yii\web\View */
  4 +/* @var $form yii\bootstrap\ActiveForm */
  5 +/* @var $model \frontend\models\PasswordResetRequestForm */
  6 +
  7 +use yii\helpers\Html;
  8 +use yii\bootstrap\ActiveForm;
  9 +
  10 +$this->title = 'Request password reset';
  11 +$this->params['breadcrumbs'][] = $this->title;
  12 +?>
  13 +<div class="site-request-password-reset">
  14 + <h1><?= Html::encode($this->title) ?></h1>
  15 +
  16 + <p>Please fill out your email. A link to reset password will be sent there.</p>
  17 +
  18 + <div class="row">
  19 + <div class="col-lg-5">
  20 + <?php $form = ActiveForm::begin(['id' => 'request-password-reset-form']); ?>
  21 +
  22 + <?= $form->field($model, 'email')->textInput(['autofocus' => true]) ?>
  23 +
  24 + <div class="form-group">
  25 + <?= Html::submitButton('Send', ['class' => 'btn btn-primary']) ?>
  26 + </div>
  27 +
  28 + <?php ActiveForm::end(); ?>
  29 + </div>
  30 + </div>
  31 +</div>
... ...
frontend/views/site/resetPassword.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -/* @var $this yii\web\View */
4   -/* @var $form yii\bootstrap\ActiveForm */
5   -/* @var $model \frontend\models\ResetPasswordForm */
6   -
7   -use yii\helpers\Html;
8   -use yii\bootstrap\ActiveForm;
9   -
10   -$this->title = 'Reset password';
11   -$this->params['breadcrumbs'][] = $this->title;
12   -?>
13   -<div class="site-reset-password">
14   - <h1><?= Html::encode($this->title) ?></h1>
15   -
16   - <p>Please choose your new password:</p>
17   -
18   - <div class="row">
19   - <div class="col-lg-5">
20   - <?php $form = ActiveForm::begin(['id' => 'reset-password-form']); ?>
21   -
22   - <?= $form->field($model, 'password')->passwordInput(['autofocus' => true]) ?>
23   -
24   - <div class="form-group">
25   - <?= Html::submitButton('Save', ['class' => 'btn btn-primary']) ?>
26   - </div>
27   -
28   - <?php ActiveForm::end(); ?>
29   - </div>
30   - </div>
31   -</div>
  1 +<?php
  2 +
  3 +/* @var $this yii\web\View */
  4 +/* @var $form yii\bootstrap\ActiveForm */
  5 +/* @var $model \frontend\models\ResetPasswordForm */
  6 +
  7 +use yii\helpers\Html;
  8 +use yii\bootstrap\ActiveForm;
  9 +
  10 +$this->title = 'Reset password';
  11 +$this->params['breadcrumbs'][] = $this->title;
  12 +?>
  13 +<div class="site-reset-password">
  14 + <h1><?= Html::encode($this->title) ?></h1>
  15 +
  16 + <p>Please choose your new password:</p>
  17 +
  18 + <div class="row">
  19 + <div class="col-lg-5">
  20 + <?php $form = ActiveForm::begin(['id' => 'reset-password-form']); ?>
  21 +
  22 + <?= $form->field($model, 'password')->passwordInput(['autofocus' => true]) ?>
  23 +
  24 + <div class="form-group">
  25 + <?= Html::submitButton('Save', ['class' => 'btn btn-primary']) ?>
  26 + </div>
  27 +
  28 + <?php ActiveForm::end(); ?>
  29 + </div>
  30 + </div>
  31 +</div>
... ...
frontend/views/site/signup.php
  Show/Hide comments   View file @888851f
1   -<?php
2   -
3   -/* @var $this yii\web\View */
4   -/* @var $form yii\bootstrap\ActiveForm */
5   -/* @var $model \frontend\models\SignupForm */
6   -
7   -use yii\helpers\Html;
8   -use yii\bootstrap\ActiveForm;
9   -
10   -$this->title = 'Signup';
11   -$this->params['breadcrumbs'][] = $this->title;
12   -?>
13   -<div class="site-signup">
14   - <h1><?= Html::encode($this->title) ?></h1>
15   -
16   - <p>Please fill out the following fields to signup:</p>
17   -
18   - <div class="row">
19   - <div class="col-lg-5">
20   - <?php $form = ActiveForm::begin(['id' => 'form-signup']); ?>
21   -
22   - <?= $form->field($model, 'username')->textInput(['autofocus' => true]) ?>
23   -
24   - <?= $form->field($model, 'email') ?>
25   -
26   - <?= $form->field($model, 'password')->passwordInput() ?>
27   -
28   - <div class="form-group">
29   - <?= Html::submitButton('Signup', ['class' => 'btn btn-primary', 'name' => 'signup-button']) ?>
30   - </div>
31   -
32   - <?php ActiveForm::end(); ?>
33   - </div>
34   - </div>
35   -</div>
  1 +<?php
  2 +
  3 +/* @var $this yii\web\View */
  4 +/* @var $form yii\bootstrap\ActiveForm */
  5 +/* @var $model \frontend\models\SignupForm */
  6 +
  7 +use yii\helpers\Html;
  8 +use yii\bootstrap\ActiveForm;
  9 +
  10 +$this->title = 'Signup';
  11 +$this->params['breadcrumbs'][] = $this->title;
  12 +?>
  13 +<div class="site-signup">
  14 + <h1><?= Html::encode($this->title) ?></h1>
  15 +
  16 + <p>Please fill out the following fields to signup:</p>
  17 +
  18 + <div class="row">
  19 + <div class="col-lg-5">
  20 + <?php $form = ActiveForm::begin(['id' => 'form-signup']); ?>
  21 +
  22 + <?= $form->field($model, 'username')->textInput(['autofocus' => true]) ?>
  23 +
  24 + <?= $form->field($model, 'email') ?>
  25 +
  26 + <?= $form->field($model, 'password')->passwordInput() ?>
  27 +
  28 + <div class="form-group">
  29 + <?= Html::submitButton('Signup', ['class' => 'btn btn-primary', 'name' => 'signup-button']) ?>
  30 + </div>
  31 +
  32 + <?php ActiveForm::end(); ?>
  33 + </div>
  34 + </div>
  35 +</div>
... ...
frontend/web/.gitignore
  Show/Hide comments   View file @888851f
1   -/index.php
2   -/index-test.php
  1 +/index.php
  2 +/index-test.php
... ...
frontend/web/css/concat_all_back.css
  Show/Hide comments   View file @888851f
Changes suppressed. Click to show
1   -.w_100 {
2   - width: 100%;
3   -}
4   -
5   -.w_960 {
6   - width: 960px;
7   - margin: auto;
8   -}
9   -
10   -.cat_p_bradcrump {
11   - padding: 30px 0px;
12   -}
13   -
14   -.cat_p_bradcrump ul {
15   - list-style: none;
16   -}
17   -
18   -.cat_p_bradcrump ul li {
19   - display: inline-block;
20   -}
21   -
22   -.cat_p_bradcrump ul li i {
23   - position: relative;
24   - top: 1px;
25   - padding: 0px 2px 0 8px;
26   - color: #8C9295;
27   - font-size: 13px;
28   -}
29   -
30   -.cat_p_bradcrump ul li a {
31   - font-size: 12px;
32   - color: #898b8e;
33   -}
34   -
35   -.cat_p_bradcrump ul .active a {
36   - text-decoration: none;
37   -}
38   -
39   -.cat_p_filter_bar {
40   - font-family: 'HelveticaRegular', sans-serif;
41   - width: 210px;
42   - padding-right: 20px;
43   - display: inline-block;
44   - float: left;
45   -}
46   -
47   -.cat_p_filter_bar .filter_list ul {
48   - list-style: none;
49   -}
50   -
51   -.cat_p_filter_bar .filter_list ul .title_2 {
52   - font-size: 15px;
53   - font-weight: bold;
54   - color: #898b8e;
55   - padding: 30px 0 20px;
56   -}
57   -
58   -.cat_p_filter_bar .filter_list ul li {
59   - border-bottom: 1px solid #bbbbbb;
60   - position: relative;
61   - padding: 15px 0;
62   - font-weight: bold;
63   - color: #333333;
64   -}
65   -
66   -.cat_p_filter_bar .filter_list ul li .width_li_filter {
67   - width: 180px;
68   - display: block;
69   -}
70   -
71   -.cat_p_filter_bar .filter_list ul li .arrow {
72   - position: absolute;
73   - right: 2px;
74   - top: 3px;
75   - font-size: 20px;
76   - color: #727272;
77   - padding: 10px 0 10px 200px;
78   -}
79   -
80   -.cat_p_filter_bar .filter_list ul li .arrow i {
81   - font-weight: bold;
82   -}
83   -
84   -.cat_p_filter_bar .filter_list ul li .arrow img {
85   - -webkit-transform: scale(1.3);
86   - -ms-transform: scale(1.3);
87   - transform: scale(1.3);
88   - position: relative;
89   - bottom: 3px;
90   -}
91   -
92   -.cat_p_filter_bar .filter_list .price_filter {
93   - display: none;
94   - padding-top: 10px;
95   -}
96   -
97   -.cat_p_filter_bar .filter_list .price_filter a {
98   - color: #6aa033;
99   -}
100   -
101   -.cat_p_filter_bar .filter_list .first_price_li {
102   - padding-top: 30px;
103   - display: block;
104   -}
105   -
106   -.cat_p_filter_bar .filter_accept_bloc {
107   - padding: 20px 0 40px;
108   -}
109   -
110   -.cat_p_filter_bar .filter_accept_bloc button {
111   - color: #fff;
112   - padding: 10px;
113   - font-size: 15px;
114   - border: none;
115   - -webkit-border-radius: 3px;
116   - border-radius: 3px;
117   - background-color: #898b8e;
118   - -webkit-box-shadow: 0 2px 0 #636567;
119   - box-shadow: 0 2px 0 #636567;
120   -}
121   -
122   -.cat_p_filter_bar .filter_accept_bloc button:hover {
123   - background-color: #707274;
124   -}
125   -
126   -.cat_p_filter_bar .filter_accept_bloc a {
127   - color: #6AA033;
128   - font-size: 12px;
129   -}
130   -
131   -.cat_p_filter_bar .product_list .title {
132   - padding-bottom: 5px;
133   - color: #898b8e;
134   -}
135   -
136   -.cat_p_filter_bar .product_list a {
137   - display: block;
138   - padding: 5px 0 0 15px;
139   - font-weight: normal;
140   -}
141   -
142   -.cat_p_filter_bar .price_slider {
143   - width: 203px;
144   - /*margin: auto;*/
145   -}
146   -
147   -.cat_p_filter_bar .checkbox {
148   - margin-top: 5px;
149   - font-weight: normal;
150   -}
151   -
152   -.cat_p_filter_bar .see_all a {
153   - font-size: 13px;
154   - position: relative;
155   - bottom: 3px;
156   -}
157   -
158   -.cat_p_filter_bar .see_all i {
159   - font-size: 18px;
160   - color: #898B8E;
161   -}
162   -
163   -.cat_p_filter_bar .title {
164   - font-size: 16px;
165   - font-weight: bold;
166   - color: #898b8e;
167   - padding-bottom: 20px;
168   -}
169   -
170   -.cat_p_filter_bar p {
171   - margin-bottom: 20px;
172   -}
173   -
174   -.cat_p_filter_bar p input {
175   - padding: 8px;
176   - -webkit-border-radius: 3px;
177   - border-radius: 3px;
178   - border: none;
179   - border: 1px solid #bbb;
180   - width: 60px;
181   -}
182   -
183   -.cat_p_filter_bar p label {
184   - display: block;
185   - margin-bottom: 15px;
186   -}
187   -
188   -.cat_p_catalog_list {
189   - font-family: 'HelveticaRegular', sans-serif;
190   - width: 700px;
191   - padding-right: 10px;
192   - display: inline-block;
193   -}
194   -
195   -.cat_p_catalog_list ul {
196   - list-style: none;
197   - display: inline-block;
198   -}
199   -
200   -.cat_p_catalog_list ul li {
201   - display: inline-block;
202   -}
203   -
204   -.cat_p_catalog_list ul li .active {
205   - color: #333333;
206   - text-decoration: none;
207   -}
208   -
209   -.cat_p_catalog_list ul li a {
210   - color: #6aa033;
211   - font-size: 13px;
212   -}
213   -
214   -.cat_p_catalog_list .sort_menu {
215   - padding-bottom: 10px;
216   - border-bottom: 1px solid #DBDCDD;
217   - margin-bottom: 30px;
218   - width: 720px;
219   -}
220   -
221   -.cat_p_catalog_list .title {
222   - font-size: 30px;
223   - font-weight: bold;
224   - padding-bottom: 20px;
225   -}
226   -
227   -.cat_p_catalog_list .sort_price {
228   - display: inline-block;
229   - width: 225px;
230   - position: relative;
231   - font-size: 13px;
232   -}
233   -
234   -.cat_p_catalog_list .sort_price select {
235   - text-decoration: underline;
236   - width: 120px;
237   - border: none;
238   - color: #6aa033;
239   - -webkit-appearance: none;
240   - /* ัะบั€ั‹ั‚ะธะต ั‚ั€ะตัƒะณะพะปัŒะฝะธะบะฐ ะฒ ัะตะปะตะบั‚ะต */
241   - -moz-appearance: none;
242   - appearance: none;
243   - /* ัะบั€ั‹ั‚ะธะต ั‚ั€ะตัƒะณะพะปัŒะฝะธะบะฐ ะฒ ัะตะปะตะบั‚ะต */
244   - text-indent: 0.01px;
245   - /* ัะบั€ั‹ั‚ะธะต ั‚ั€ะตัƒะณะพะปัŒะฝะธะบะฐ ะฒ ัะตะปะตะบั‚ะต ะฒ firefox */
246   - text-overflow: '';
247   - /* ัะบั€ั‹ั‚ะธะต ั‚ั€ะตัƒะณะพะปัŒะฝะธะบะฐ ะฒ ัะตะปะตะบั‚ะต ะฒ firefox */
248   - /*&::-ms-expand { display: none; } ัะบั€ั‹ั‚ะธะต ั‚ั€ะตัƒะณะพะปัŒะฝะธะบะฐ ะฒ ัะตะปะตะบั‚ะต ะฒ IE */
249   - background: transparent;
250   -}
251   -
252   -.cat_p_catalog_list .sort_price select:focus {
253   - outline: none;
254   -}
255   -
256   -.cat_p_catalog_list .sort_price select option {
257   - background: transparent;
258   -}
259   -
260   -.cat_p_catalog_list .sort_price i {
261   - position: absolute;
262   - right: 72px;
263   - top: 3px;
264   - cursor: pointer;
265   - font-weight: bold;
266   - color: #898b8e;
267   - z-index: -1;
268   -}
269   -
270   -.cat_p_catalog_list .show {
271   - display: inline-block;
272   - width: 225px;
273   - text-align: center;
274   - font-size: 13px;
275   -}
276   -
277   -.cat_p_catalog_list .show_pages {
278   - display: inline-block;
279   - width: 250px;
280   - text-align: right;
281   - font-size: 13px;
282   -}
283   -
284   -.cat_p_catalog_list .show_pages i {
285   - color: #898b8e;
286   - position: relative;
287   - top: 1px;
288   - padding-left: 5px;
289   - font-size: 15px;
290   - cursor: pointer;
291   -}
292   -
293   -.cat_p_item_card_list {
294   - font-family: 'HelveticaRegular', sans-serif;
295   -}
296   -
297   -.cat_p_item_card_list .novelty {
298   - text-align: center;
299   -}
300   -
301   -.cat_p_item_card_list .novelty .content {
302   - width: 720px;
303   - padding: 0;
304   -}
305   -
306   -.cat_p_item_card_list .novelty .content .novelty_cont {
307   - width: 720px;
308   - padding-bottom: 10px;
309   -}
310   -
311   -.cat_p_item_card_list .novelty .content .novelty_cont .item {
312   - /*min-height: 375px;*/
313   - margin-right: 20px;
314   - margin-bottom: 20px;
315   - margin-left: 0;
316   -}
317   -
318   -.cat_p_item_card_list .novelty .content .novelty_cont .item:after {
319   - display: none;
320   -}
321   -
322   -.cat_p_item_card_list .novelty .content .novelty_cont .item .item_bottom_img {
323   - position: relative;
324   - top: 3px;
325   - right: 1px;
326   -}
327   -
328   -.cat_p_item_card_list .novelty .content .novelty_cont .item:before {
329   - content: "";
330   - position: absolute;
331   - bottom: -1px;
332   - right: -1px;
333   - width: 0px;
334   - height: 0px;
335   - border-width: 13px 13px 0px 0px;
336   - border-style: solid;
337   - border-color: transparent #fff;
338   - z-index: 2;
339   -}
340   -
341   -.cat_p_item_card_list .novelty .content .novelty_cont .item .brand span {
342   - color: #6aa033;
343   -}
344   -
345   -.cat_p_item_card_list .novelty .content .novelty_cont .item .new {
346   - background-color: red;
347   - width: auto;
348   - padding-right: 20px;
349   -}
350   -
351   -.cat_p_item_card_list .novelty .content .novelty_cont .item .new:after {
352   - right: 0px;
353   - width: 0px;
354   - height: 0px;
355   - border-width: 18px 13px 0px 0px;
356   - border-style: solid;
357   - border-color: transparent #fff;
358   -}
359   -
360   -.cat_p_item_card_list .novelty .content .load_more_btn {
361   - font-size: 13px;
362   - padding: 10px 15px;
363   - background: #6AA033;
364   - -webkit-border-radius: 2px;
365   - border-radius: 2px;
366   - border: none;
367   - color: white;
368   - -webkit-box-shadow: 0 2px 0 #507927;
369   - box-shadow: 0 2px 0 #507927;
370   - margin-bottom: 20px;
371   -}
372   -
373   -.cat_p_item_card_list .novelty .content .load_more_btn:hover {
374   - background: #5d8d2d;
375   -}
376   -
377   -.cat_p_item_card_list .novelty .content .show_pages {
378   - display: block;
379   - margin: auto;
380   - text-align: center;
381   - margin-bottom: 7px;
382   -}
383   -
384   -.cat_p_item_card_list .novelty .content .description {
385   - color: #333333;
386   - text-align: left;
387   - font-weight: normal;
388   - font-size: 13px;
389   -}
390   -
391   -.cat_p_item_card_list .novelty .content .description h2 {
392   - padding: 30px 0;
393   - font-size: 30px;
394   - font-weight: normal;
395   -}
396   -
397   -.cat_p_item_card_list .novelty .content .description .bold {
398   - font-weight: bold;
399   -}
400   -
401   -.cat_p_item_card_list .novelty .content .description h4 {
402   - padding: 20px 0;
403   - font-size: 14px;
404   -}
405   -
406   -.cat_p_item_card_list .novelty .content .description .margin_bottom_20 {
407   - margin-bottom: 20px;
408   -}
409   -
410   -.cat_p_item_card_list .novelty .content .description .empty_padding_400 {
411   - width: 100px;
412   - height: 380px;
413   -}
414   -/* ัะฒะตั‚ะปั‹ะน ะทะตะปะตะฝั‹ะน ั†ะฒะตั‚, ั‚ะตะบัั‚ ะธ ะบะฝะพะฟะบะธ */
415   -
416   -/* ัั€ะตะดะฝะธะน ัะตั€ั‹ะน ั†ะฒะตั‚, ั‚ะตะบัั‚ ะธ ะบะฝะพะฟะบะธ */
417   -
418   -/* ัะฒะตั‚ะปั‹ะน ัะตั€ั‹ะน ั†ะฒะตั‚, ั€ะฐะผะบะธ ะธ ะปะธะฝะธะธ */
419   -
420   -/* ั‚ะตะผะฝั‹ะน ัะตั€ั‹ะน ั†ะฒะตั‚, ะฑะพะปัŒัˆะธะต ะฝะฐะทะฒะฐะฝะธั, ั†ะธั„ั€ั‹ */
421   -
422   -a {
423   - color: #6aa034;
424   -}
425   -
426   -a:hover {
427   - color: #517a27;
428   -}
429   -
430   -h1 {
431   - color: #333333;
432   - font-size: 30px;
433   - font-weight: normal;
434   -}
435   -
436   -.flex-container {
437   - display: -webkit-box;
438   - display: -webkit-flex;
439   - display: -ms-flexbox;
440   - display: flex;
441   - -webkit-flex-wrap: wrap;
442   - -ms-flex-wrap: wrap;
443   - flex-wrap: wrap;
444   - -webkit-box-pack: justify;
445   - -webkit-justify-content: space-between;
446   - -ms-flex-pack: justify;
447   - justify-content: space-between;
448   -}
449   -
450   -.bradcrumps_top {
451   - padding: 30px 0;
452   - line-height: 0;
453   -}
454   -
455   -.bradcrumps_top ul li {
456   - display: inline-block;
457   -}
458   -
459   -.bradcrumps_top ul li a {
460   - font-size: 12px;
461   - color: #6aa034;
462   - text-decoration: underline;
463   -}
464   -
465   -.bradcrumps_top ul li:last-child a {
466   - text-decoration: none;
467   - color: #898b8e;
468   -}
469   -
470   -.bradcrumps_top ul li:last-child i {
471   - display: none;
472   -}
473   -
474   -.bradcrumps_top ul li i {
475   - color: #898b8e;
476   - padding: 0 2px 0 6px;
477   - font-weight: bold;
478   - font-size: 11px;
479   -}
480   -
481   -.my_custom_card {
482   - width: 218px;
483   - display: inline-block;
484   - border: 1px solid #cdd1d9;
485   - border-bottom: none;
486   - -webkit-border-top-left-radius: 2px;
487   - border-top-left-radius: 2px;
488   - -webkit-border-top-right-radius: 2px;
489   - border-top-right-radius: 2px;
490   - position: relative;
491   - text-align: center;
492   - margin-bottom: 1px;
493   - margin-bottom: 19px;
494   - color: #333333;
495   - /* &:before {
496   - content: "";
497   - position: absolute;
498   - bottom: -1px;
499   - right: -1px;
500   - width: 0px;
501   - height: 0px;
502   - border-width: 13px 13px 0px 0px;
503   - border-style: solid;
504   - border-color: transparent #fff;
505   - z-index: 2;
506   - }*/
507   -}
508   -
509   -.my_custom_card .item_bottom_img {
510   - bottom: 61px;
511   - left: -1px;
512   - position: absolute;
513   - top: 374px;
514   -}
515   -
516   -.my_custom_card .new {
517   - position: absolute;
518   - color: #ffffff;
519   - left: 0px;
520   - top: 14px;
521   - text-transform: uppercase;
522   - font-size: 10px;
523   - text-align: left;
524   - background-color: red;
525   - width: auto;
526   - padding: 1px 20px 0px 5px;
527   - z-index: 1;
528   - line-height: 17px;
529   -}
530   -
531   -.my_custom_card .new:after {
532   - content: "";
533   - height: 0px;
534   - top: 0;
535   - right: 0;
536   - border-width: 21px 14px 0px 0px;
537   - border-style: solid;
538   - border-color: transparent #fff;
539   - position: absolute;
540   -}
541   -
542   -.my_custom_card .top {
543   - background: #ffde00;
544   - position: absolute;
545   - padding: 1px 20px 0px 5px;
546   - color: #ffffff;
547   - left: 0px;
548   - top: 35px;
549   - text-transform: uppercase;
550   - font-size: 10px;
551   - color: #333333;
552   - z-index: 1;
553   -}
554   -
555   -.my_custom_card .top:after {
556   - content: "";
557   - top: 0;
558   - right: 0px;
559   - border-width: 21px 14px 0px 0px;
560   - border-style: solid;
561   - border-color: transparent #fff;
562   - position: absolute;
563   -}
564   -
565   -.my_custom_card .item_link {
566   - text-decoration: none;
567   - border: 0;
568   -}
569   -
570   -.my_custom_card .item_link .pic {
571   - margin-top: 25px;
572   -}
573   -
574   -.my_custom_card .item_link .title_item {
575   - padding: 13px;
576   - color: #6aa033;
577   - margin-bottom: 3px;
578   - font-size: 15px;
579   - line-height: 17px;
580   -}
581   -
582   -.my_custom_card .brand {
583   - font-size: 12px;
584   - line-height: 12px;
585   -}
586   -
587   -.my_custom_card .brand span {
588   - color: #6aa033;
589   -}
590   -
591   -.my_custom_card .type {
592   - font-size: 12px;
593   -}
594   -
595   -.my_custom_card .price {
596   - font-size: 20px;
597   - font-weight: bold;
598   - font-family: HelveticaBold;
599   - padding-bottom: 11px;
600   - padding-top: 6px;
601   -}
602   -
603   -.my_custom_card .price span {
604   - font-size: 13px !important;
605   -}
606   -
607   -.my_custom_card .foo {
608   - padding: 5px 53px 5px 14px;
609   - border: none;
610   - background-color: #6aa034;
611   - color: white;
612   - font-size: 12px;
613   - -webkit-border-radius: 3px;
614   - border-radius: 3px;
615   - -webkit-box-shadow: 0 2px #517a27;
616   - box-shadow: 0 2px #517a27;
617   - position: relative;
618   - display: block;
619   - margin: 0 auto 10px;
620   -}
621   -
622   -.my_custom_card .foo:hover {
623   - background-color: #5d8d2e;
624   -}
625   -
626   -.my_custom_card .foo:active {
627   - -webkit-box-shadow: none;
628   - box-shadow: none;
629   - top: 2px;
630   -}
631   -
632   -.my_custom_card .foo img {
633   - position: absolute;
634   - padding: 3px 3px 3px 8px;
635   - border-left: 1px solid #527B28;
636   - right: 12px;
637   - top: 3px;
638   -}
639   -
640   -.my_custom_card .compare_add_but_d {
641   - color: #6aa034;
642   - font-size: 12px;
643   - text-decoration: none;
644   -}
645   -
646   -.my_custom_card .compare_add_but_d span {
647   - border-bottom: 1px dotted #6aa034;
648   - padding-left: 10px;
649   -}
650   -
651   -.my_custom_card .compare_add_but_d span:hover {
652   - color: #517a27;
653   -}
654   -
655   -.my_custom_card img {
656   - position: relative;
657   - top: 4px;
658   - right: 1px;
659   -}
660   -
661   -ul {
662   - list-style: none;
663   -}
664   -
665   -h1.with_this {
666   - margin-bottom: 21px;
667   -}
668   -
669   -hr {
670   - margin-bottom: 30px;
671   - margin-top: 30px;
672   - color: #C6C7C9;
673   - border: none;
674   - background-color: #C6C7C9;
675   - height: 1px !important;
676   - margin-right: -10px;
677   - margin-left: -10px;
678   -}
679   -
680   -.tabs_item_name {
681   - font-weight: bold;
682   - padding-bottom: 15px;
683   - display: block;
684   -}
685   -
686   -.open_card_item_title {
687   - color: #333333;
688   - font-size: 30px;
689   - padding-bottom: 42px;
690   - font-weight: bold;
691   - margin: 0px;
692   -}
693   -
694   -.item_3_blocks_wrap {
695   - display: -webkit-box;
696   - display: -webkit-flex;
697   - display: -ms-flexbox;
698   - display: flex;
699   - -webkit-flex-wrap: wrap;
700   - -ms-flex-wrap: wrap;
701   - flex-wrap: wrap;
702   - -webkit-box-pack: justify;
703   - -webkit-justify-content: space-between;
704   - -ms-flex-pack: justify;
705   - justify-content: space-between;
706   -}
707   -
708   -.item_3_blocks_wrap .item_img_block {
709   - width: 320px;
710   - position: relative;
711   -}
712   -
713   -.item_3_blocks_wrap .item_img_block .main_img {
714   - text-align: center;
715   - border: 1px solid #C6C7C9;
716   - height: 317px;
717   - width: 318px;
718   -}
719   -
720   -.item_3_blocks_wrap .item_img_block .main_img img {
721   - height: 100%;
722   -}
723   -
724   -.item_3_blocks_wrap .item_img_block .main_img .new {
725   - background: #00adf0;
726   - font-size: 10px;
727   - padding: 1px 5px 0px 5px;
728   - position: absolute;
729   - left: 0;
730   - top: 15px;
731   - color: white;
732   - line-height: 17px;
733   -}
734   -
735   -.item_3_blocks_wrap .item_img_block .main_img .new:after {
736   - content: "";
737   - border-width: 0px 0px 18px 17px;
738   - border-style: solid;
739   - border-color: black green transparent #00ADF0;
740   - position: absolute;
741   - bottom: 0px;
742   - right: -17px;
743   -}
744   -
745   -.item_3_blocks_wrap .item_img_block .main_img .top {
746   - background: #ffde00;
747   - font-size: 10px;
748   - padding: 1px 5px 0px 5px;
749   - position: absolute;
750   - line-height: 17px;
751   - left: 0;
752   - top: 38px;
753   - color: black;
754   -}
755   -
756   -.item_3_blocks_wrap .item_img_block .main_img .top:after {
757   - content: "";
758   - border-width: 0px 0px 18px 17px;
759   - border-style: solid;
760   - border-color: black green transparent #ffde00;
761   - position: absolute;
762   - bottom: 0px;
763   - right: -17px;
764   -}
765   -
766   -.item_3_blocks_wrap .item_img_block .main_img_slide {
767   - position: relative;
768   - margin-top: 20px;
769   - display: -webkit-box;
770   - display: -webkit-flex;
771   - display: -ms-flexbox;
772   - display: flex;
773   - -webkit-justify-content: space-around;
774   - -ms-flex-pack: distribute;
775   - justify-content: space-around;
776   - -webkit-box-align: center;
777   - -webkit-align-items: center;
778   - -ms-flex-align: center;
779   - align-items: center;
780   -}
781   -
782   -.item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block {
783   - width: 80px;
784   - height: 77px;
785   - border: 1px solid #C6C7C9;
786   - display: inline-block;
787   -}
788   -
789   -.item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block img {
790   - width: 96%;
791   -}
792   -
793   -.item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block:first-child {
794   - margin-left: 10px;
795   -}
796   -
797   -.item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block:nth-child(3) {
798   - margin-right: 10px;
799   -}
800   -
801   -.item_3_blocks_wrap .item_img_block .main_img_slide .active {
802   - border: 2px solid #C6C7C9;
803   -}
804   -
805   -.item_3_blocks_wrap .item_img_block .main_img_slide .slider_arrow_right {
806   - position: absolute;
807   - right: 0;
808   - top: 39%;
809   -}
810   -
811   -.item_3_blocks_wrap .item_img_block .main_img_slide .slider_arrow_left {
812   - position: absolute;
813   - left: 0;
814   - top: 39%;
815   -}
816   -
817   -.item_3_blocks_wrap .busket_block {
818   - position: relative;
819   - width: 295px;
820   -}
821   -
822   -.item_3_blocks_wrap .busket_block .grey_bg {
823   - background-color: #f4f4f4;
824   - padding: 27px 0 20px;
825   - margin-top: 20px;
826   -}
827   -
828   -.item_3_blocks_wrap .busket_block .top_code .code {
829   - background: #ffde00;
830   - color: black;
831   - font-size: 12px;
832   - color: #333333;
833   - font-weight: bold;
834   - padding: 4px 12px;
835   - display: inline-block;
836   -}
837   -
838   -.item_3_blocks_wrap .busket_block .top_code .have {
839   - font-size: 12px;
840   - color: #333333;
841   - font-weight: bold;
842   - padding: 4px 19px 7px;
843   - position: absolute;
844   - top: 0;
845   - right: 0;
846   -}
847   -
848   -.item_3_blocks_wrap .busket_block .top_code .have img {
849   - position: absolute;
850   - right: 100px;
851   - left: -5px;
852   -}
853   -
854   -.item_3_blocks_wrap .busket_block .counter {
855   - text-align: center;
856   -}
857   -
858   -.item_3_blocks_wrap .busket_block .counter .price {
859   - color: #333333;
860   - font-size: 28px;
861   - font-weight: bold;
862   - display: inline-block;
863   - padding-left: 20px;
864   - padding-top: 8px;
865   - padding-bottom: 11px;
866   -}
867   -
868   -.item_3_blocks_wrap .busket_block .counter .sign {
869   - font-size: 15px;
870   - color: #333333;
871   - font-weight: bold;
872   - display: inline-block;
873   - margin-right: 15px;
874   -}
875   -
876   -.item_3_blocks_wrap .busket_block .counter .count_block {
877   - display: inline-block;
878   - position: relative;
879   -}
880   -
881   -.item_3_blocks_wrap .busket_block .counter .count_block .count_number {
882   - display: inline-block;
883   - font-size: 22px;
884   - padding: 6px 13px 6px;
885   - border: 1px solid #C6C7C9;
886   - -webkit-border-radius: 3px;
887   - border-radius: 3px;
888   - position: relative;
889   - /*top: -2px;*/
890   - background-color: #fff;
891   -}
892   -
893   -.item_3_blocks_wrap .busket_block .counter .count_block .count_buttons {
894   - position: relative;
895   - /*top: 4px;*/
896   - right: 6px;
897   - display: inline-block;
898   - vertical-align: bottom;
899   -}
900   -
901   -.item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_plus {
902   - background-color: #898b8e;
903   - color: white;
904   - font-weight: bold;
905   - border-bottom: 1px solid #707274;
906   - -webkit-border-top-right-radius: 3px;
907   - border-top-right-radius: 3px;
908   - font-size: 15px;
909   - line-height: 15px;
910   - padding: 0 7px;
911   - cursor: pointer;
912   -}
913   -
914   -.item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_plus:hover {
915   - background-color: #7c7e81;
916   -}
917   -
918   -.item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_minus {
919   - background-color: #898b8e;
920   - color: white;
921   - font-weight: bold;
922   - line-height: 16px;
923   - border-top: 1px solid #A2A2A2;
924   - -webkit-border-bottom-right-radius: 3px;
925   - border-bottom-right-radius: 3px;
926   - cursor: pointer;
927   -}
928   -
929   -.item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_minus:hover {
930   - background-color: #7c7e81;
931   -}
932   -
933   -.item_3_blocks_wrap .busket_block .in_cart_btn {
934   - text-align: center;
935   - padding-top: 16px;
936   -}
937   -
938   -.item_3_blocks_wrap .busket_block .in_cart_btn a {
939   - color: white;
940   - text-decoration: none;
941   -}
942   -
943   -.item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn {
944   - background: #6aa034;
945   - border: none;
946   - padding: 10px 55px 10px 15px;
947   - font-size: 16px;
948   - -webkit-box-shadow: 0 2px #517a27;
949   - box-shadow: 0 2px #517a27;
950   - -webkit-border-radius: 2px;
951   - border-radius: 2px;
952   - position: relative;
953   -}
954   -
955   -.item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn:hover {
956   - background: #5d8d2e;
957   -}
958   -
959   -.item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn:active {
960   - position: relative;
961   - top: 2px;
962   - -webkit-box-shadow: none;
963   - box-shadow: none;
964   -}
965   -
966   -.item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn img {
967   - position: absolute;
968   - padding: 7px 7px 7px 9px;
969   - right: 7px;
970   - width: 18px;
971   - border-left: 1px solid #5d8d2e;
972   - bottom: 2px;
973   -}
974   -
975   -.item_3_blocks_wrap .busket_block .to_compare_link {
976   - text-align: center;
977   - margin-top: 18px;
978   -}
979   -
980   -.item_3_blocks_wrap .busket_block .to_compare_link .add_to_compare {
981   - border-bottom: 1px solid #6aa034;
982   - border-style: dotted;
983   - text-decoration: none;
984   - border-top: none;
985   - border-left: none;
986   - border-right: none;
987   - font-size: 12px;
988   -}
989   -
990   -.item_3_blocks_wrap .busket_block .to_compare_link img {
991   - position: relative;
992   - top: 3px;
993   - width: 19px;
994   -}
995   -
996   -.item_3_blocks_wrap .busket_block .quick_order {
997   - margin-top: 16px;
998   -}
999   -
1000   -.item_3_blocks_wrap .busket_block .quick_order form .text {
1001   - font-size: 12px;
1002   - color: #333333;
1003   - font-weight: bold;
1004   - padding-right: 3px;
1005   -}
1006   -
1007   -.item_3_blocks_wrap .busket_block .quick_order form .quick_order_phone {
1008   - font-size: 12px;
1009   - color: #333333;
1010   - padding: 9px;
1011   - border: 1px solid #C6C7C9;
1012   - -webkit-border-radius: 2px;
1013   - border-radius: 2px;
1014   - width: 100px;
1015   -}
1016   -
1017   -.item_3_blocks_wrap .busket_block .quick_order form placeholder {
1018   - color: #C6C7C9;
1019   -}
1020   -
1021   -.item_3_blocks_wrap .busket_block .quick_order form button {
1022   - border: none;
1023   - font-size: 12px;
1024   - color: white;
1025   - padding: 7px 8px 6px 10px;
1026   - background: #6aa034;
1027   - -webkit-box-shadow: 0 2px #517a27;
1028   - box-shadow: 0 2px #517a27;
1029   - -webkit-border-top-right-radius: 2px;
1030   - border-top-right-radius: 2px;
1031   - -webkit-border-bottom-right-radius: 2px;
1032   - border-bottom-right-radius: 2px;
1033   - position: absolute;
1034   - right: 1px;
1035   -}
1036   -
1037   -.item_3_blocks_wrap .busket_block .quick_order form button:hover {
1038   - background: #5d8d2e;
1039   -}
1040   -
1041   -.item_3_blocks_wrap .busket_block .delivery {
1042   - font-size: 13px;
1043   - color: #333333;
1044   - margin-top: 27px;
1045   -}
1046   -
1047   -.item_3_blocks_wrap .busket_block .delivery a {
1048   - text-decoration: underline;
1049   -}
1050   -
1051   -.character_block {
1052   - width: 265px;
1053   - color: #333333;
1054   -}
1055   -
1056   -.character_block h3 {
1057   - line-height: 16px;
1058   -}
1059   -
1060   -.character_block .each {
1061   - border-bottom: 1px solid #C6C7C9;
1062   - border-style: dotted;
1063   - border-top: none;
1064   - border-left: none;
1065   - border-right: none;
1066   - font-size: 13px;
1067   - margin-top: 2px;
1068   -}
1069   -
1070   -.character_block .title {
1071   - display: inline-block;
1072   - background: white;
1073   - position: relative;
1074   - top: 4px;
1075   - color: #898b8e;
1076   -}
1077   -
1078   -.character_block .tech {
1079   - display: inline-block;
1080   - background: white;
1081   - float: right;
1082   - position: relative;
1083   - top: 4px;
1084   -}
1085   -
1086   -.character_block .tech_links {
1087   - margin-top: 20px;
1088   -}
1089   -
1090   -.character_block .tech_links a {
1091   - text-decoration: none;
1092   - border-bottom: 1px solid #6aa034;
1093   - border-style: dashed;
1094   - border-left: none;
1095   - border-right: none;
1096   - border-top: none;
1097   - font-size: 18px;
1098   - margin-top: 6px;
1099   - margin-right: 100px;
1100   - display: inline-block;
1101   -}
1102   -
1103   -.flex_container {
1104   - display: -webkit-box;
1105   - display: -webkit-flex;
1106   - display: -ms-flexbox;
1107   - display: flex;
1108   - -webkit-flex-wrap: wrap;
1109   - -ms-flex-wrap: wrap;
1110   - flex-wrap: wrap;
1111   - -webkit-box-pack: justify;
1112   - -webkit-justify-content: space-between;
1113   - -ms-flex-pack: justify;
1114   - justify-content: space-between;
1115   -}
1116   -
1117   -.tabs_block {
1118   - color: #333333;
1119   -}
1120   -
1121   -.watched_block {
1122   - margin-bottom: 45px;
1123   -}
1124   -
1125   -.watched_block h1 {
1126   - font-size: 30px;
1127   - color: #333333;
1128   - margin-bottom: 18px;
1129   -}
1130   -
1131   -.just_test_tracs {
1132   - -webkit-transition: all 02s easy;
1133   - transition: all 02s easy;
1134   - -webkit-transform: rotate(7deg);
1135   - -ms-transform: rotate(7deg);
1136   - transform: rotate(7deg);
1137   -}
1138   -/* ัะฒะตั‚ะปั‹ะน ะทะตะปะตะฝั‹ะน ั†ะฒะตั‚, ั‚ะตะบัั‚ ะธ ะบะฝะพะฟะบะธ */
1139   -
1140   -/* ัั€ะตะดะฝะธะน ัะตั€ั‹ะน ั†ะฒะตั‚, ั‚ะตะบัั‚ ะธ ะบะฝะพะฟะบะธ */
1141   -
1142   -/* ัะฒะตั‚ะปั‹ะน ัะตั€ั‹ะน ั†ะฒะตั‚, ั€ะฐะผะบะธ ะธ ะปะธะฝะธะธ */
1143   -
1144   -/* ั‚ะตะผะฝั‹ะน ัะตั€ั‹ะน ั†ะฒะตั‚, ะฑะพะปัŒัˆะธะต ะฝะฐะทะฒะฐะฝะธั, ั†ะธั„ั€ั‹ */
1145   -
1146   -.main_cont_wrap {
1147   - width: 940px;
1148   - margin: auto;
1149   - padding: 0px 10px;
1150   - color: #333333;
1151   - line-height: 19px;
1152   -}
1153   -
1154   -.main_cont_wrap .services_title {
1155   - font-size: 30px;
1156   - padding-top: 0px;
1157   - padding-bottom: 26px;
1158   - font-weight: bold;
1159   - margin: 0px;
1160   -}
1161   -
1162   -.main_cont_wrap .services_title_servis {
1163   - font-size: 30px;
1164   - padding-top: 0px;
1165   - padding-bottom: 39px;
1166   - font-weight: bold;
1167   - margin: 0px;
1168   -}
1169   -
1170   -.main_cont_wrap .services_block {
1171   - display: -webkit-box;
1172   - display: -webkit-flex;
1173   - display: -ms-flexbox;
1174   - display: flex;
1175   - -webkit-flex-wrap: wrap;
1176   - -ms-flex-wrap: wrap;
1177   - flex-wrap: wrap;
1178   -}
1179   -
1180   -.main_cont_wrap .services_block .services_each {
1181   - width: 215px;
1182   - padding: 0 10px;
1183   - text-align: center;
1184   - display: inline-block;
1185   - margin-bottom: 45px;
1186   -}
1187   -
1188   -.main_cont_wrap .services_block .services_each .name {
1189   - font-size: 18px;
1190   - font-weight: bold;
1191   - padding: 20px 0px;
1192   - display: block;
1193   - padding-bottom: 16px;
1194   -}
1195   -
1196   -.main_cont_wrap .services_block .services_each img {
1197   - display: block;
1198   - height: 65px;
1199   - margin: auto;
1200   -}
1201   -
1202   -.main_cont_wrap .services_block .services_each p {
1203   - font-size: 13px;
1204   - line-height: 16px;
1205   -}
1206   -
1207   -.delivery_block {
1208   - display: -webkit-box;
1209   - display: -webkit-flex;
1210   - display: -ms-flexbox;
1211   - display: flex;
1212   - -webkit-flex-wrap: wrap;
1213   - -ms-flex-wrap: wrap;
1214   - flex-wrap: wrap;
1215   - -webkit-box-pack: justify;
1216   - -webkit-justify-content: space-between;
1217   - -ms-flex-pack: justify;
1218   - justify-content: space-between;
1219   - padding-bottom: 362px;
1220   - padding-top: 11px;
1221   -}
1222   -
1223   -.delivery_each_block {
1224   - font-size: 13px;
1225   - width: 450px;
1226   - line-height: 16px;
1227   -}
1228   -
1229   -.delivery_each_block img {
1230   - display: block;
1231   - width: 290px;
1232   - margin: auto;
1233   -}
1234   -
1235   -.delivery_each_block .name {
1236   - font-weight: bold;
1237   - padding: 27px 0 18px;
1238   - display: block;
1239   - text-align: center;
1240   - font-size: 15px;
1241   -}
1242   -
1243   -.delivery_each_block .address {
1244   - font-size: 16px;
1245   - font-weight: bold;
1246   - display: block;
1247   - padding-bottom: 20px;
1248   -}
1249   -
1250   -.contact_page_phones {
1251   - font-size: 16px;
1252   - font-weight: bold;
1253   - padding-bottom: 15px;
1254   -}
1255   -
1256   -.align_items_bottom {
1257   - -webkit-box-align: end;
1258   - -webkit-align-items: flex-end;
1259   - -ms-flex-align: end;
1260   - align-items: flex-end;
1261   -}
1262   -
1263   -.manufacturers_block {
1264   - display: -webkit-box;
1265   - display: -webkit-flex;
1266   - display: -ms-flexbox;
1267   - display: flex;
1268   - -webkit-flex-wrap: wrap;
1269   - -ms-flex-wrap: wrap;
1270   - flex-wrap: wrap;
1271   - -webkit-box-pack: justify;
1272   - -webkit-justify-content: space-between;
1273   - -ms-flex-pack: justify;
1274   - justify-content: space-between;
1275   - margin-bottom: 40px;
1276   - margin-top: 13px;
1277   -}
1278   -
1279   -.manufacturers_block a {
1280   - width: 172px;
1281   - height: 100px;
1282   - overflow: hidden;
1283   - margin-bottom: 20px;
1284   - display: inline-block;
1285   -}
1286   -
1287   -.payment_icon_1 {
1288   - display: inline-block;
1289   - background-image: url("../images/payment01.png");
1290   - background-repeat: no-repeat;
1291   - width: 90px;
1292   - height: 40px;
1293   - float: left;
1294   - background-position: 26px 5px;
1295   -}
1296   -
1297   -.payment_icon_2 {
1298   - display: inline-block;
1299   - background-image: url("../images/payment01.png");
1300   - background-repeat: no-repeat;
1301   - width: 90px;
1302   - height: 40px;
1303   - float: left;
1304   - background-position: 26px -32px;
1305   -}
1306   -
1307   -.payment_01 {
1308   - margin: 21px 2px;
1309   - display: block;
1310   -}
1311   -
1312   -span.bold {
1313   - font-weight: bold;
1314   -}
1315   -
1316   -span.red {
1317   - color: red;
1318   -}
1319   -
1320   -.font_size_13 {
1321   - font-size: 13px;
1322   -}
1323   -
1324   -.padding_450 {
1325   - padding-bottom: 450px;
1326   -}
1327   -
1328   -.basket_main_title {
1329   - margin-top: 0;
1330   - font-weight: bold;
1331   - font-size: 30px;
1332   - margin-bottom: 29px;
1333   -}
1334   -
1335   -.privet_info_block h3 {
1336   - font-size: 18px;
1337   - font-weight: bold;
1338   - padding-bottom: 16px;
1339   -}
1340   -
1341   -.privet_info_block label {
1342   - font-size: 13px;
1343   - font-weight: bold;
1344   -}
1345   -
1346   -.privet_info_block span.placehold {
1347   - font-size: 12px;
1348   - color: #898b8e;
1349   - font-weight: normal;
1350   -}
1351   -
1352   -.privet_info_block input {
1353   - padding: 7px 5px 9px;
1354   - border: 1px solid #C6C7C9;
1355   - -webkit-border-radius: 2px;
1356   - border-radius: 2px;
1357   - margin: 0 12px 0 8px;
1358   - width: 256px;
1359   -}
1360   -
1361   -.privet_info_block .padding_cust {
1362   - padding: 0px 0px 8px 14px;
1363   -}
1364   -
1365   -.privet_info_block .padding_cust:nth-child(3) {
1366   - padding-left: 17px;
1367   -}
1368   -
1369   -.privet_info_block .padding_cust:nth-child(4) {
1370   - padding-left: 1px;
1371   -}
1372   -
1373   -.separator {
1374   - width: 960px;
1375   - height: 1px;
1376   - border-bottom: 1px solid #C6C7C9;
1377   - margin: 11px 0 27px;
1378   -}
1379   -
1380   -.delivery_radio h3 {
1381   - padding-bottom: 12px;
1382   -}
1383   -
1384   -.delivery_radio p {
1385   - display: inline-block;
1386   - font-size: 13px;
1387   -}
1388   -
1389   -.delivery_radio .padding_cust {
1390   - padding-bottom: 6px;
1391   -}
1392   -
1393   -.delivery_radio span.placehold {
1394   - color: #898b8e;
1395   - display: block;
1396   - font-size: 13px;
1397   - padding-left: 23px;
1398   - position: relative;
1399   - bottom: 4px;
1400   -}
1401   -
1402   -.basket_pay_block h3 {
1403   - padding-bottom: 12px;
1404   -}
1405   -
1406   -.basket_pay_block p {
1407   - display: inline-block;
1408   - font-size: 13px;
1409   -}
1410   -
1411   -.basket_pay_block .padding_cust {
1412   - padding-bottom: 6px;
1413   - position: relative;
1414   -}
1415   -
1416   -.basket_pay_block span.placehold {
1417   - color: #898b8e;
1418   - display: block;
1419   - font-size: 13px;
1420   - padding-left: 23px;
1421   - position: relative;
1422   - bottom: 4px;
1423   -}
1424   -
1425   -.basket_pay_block input[type="text"] {
1426   - margin-left: 8px;
1427   - height: 17px;
1428   - top: -11px;
1429   - position: absolute;
1430   - left: 315px;
1431   - height: 22px;
1432   - -webkit-border-radius: 2px;
1433   - border-radius: 2px;
1434   - border: 1px solid #C6C7C9;
1435   - width: 89px;
1436   - padding: 5px;
1437   -}
1438   -
1439   -.separator_02 {
1440   - width: 960px;
1441   - height: 1px;
1442   - border-bottom: 1px solid #C6C7C9;
1443   - margin: 3px 0 27px;
1444   -}
1445   -
1446   -.for_margin {
1447   - text-align: center;
1448   - margin: 27px 0 84px;
1449   -}
1450   -
1451   -.order_01_btn {
1452   - font-size: 13px;
1453   - -webkit-box-shadow: 0 2px #517a27;
1454   - box-shadow: 0 2px #517a27;
1455   - border: none;
1456   - -webkit-border-radius: 2px;
1457   - border-radius: 2px;
1458   - background-color: #6aa034;
1459   - padding: 6px 22px;
1460   - color: white;
1461   -}
1462   -
1463   -.order_01_btn:hover {
1464   - background-color: #5d8d2e;
1465   -}
1466   -
1467   -.order_01_btn:active {
1468   - position: relative;
1469   - -webkit-box-shadow: none;
1470   - box-shadow: none;
1471   - top: 2px;
1472   -}
1473   -
1474   -.order_list {
1475   - width: 595px;
1476   -}
1477   -
1478   -.order_list .active {
1479   - background-color: #e0e1e2;
1480   -}
1481   -
1482   -.order_list h3 {
1483   - margin-bottom: 6px;
1484   -}
1485   -
1486   -.order_list hr {
1487   - margin-top: 0px;
1488   - margin-right: 0;
1489   - margin-left: 0;
1490   - margin-bottom: 16px;
1491   -}
1492   -
1493   -.order_list hr:nth-child(5) {
1494   - margin-top: 15px;
1495   - width: 930px;
1496   - margin-left: -10px;
1497   -}
1498   -
1499   -.order_list .all_price p {
1500   - font-size: 15px;
1501   - display: inline-block;
1502   -}
1503   -
1504   -.order_list .all_price p:nth-child(1) {
1505   - padding-left: 19px;
1506   - padding-right: 150px;
1507   -}
1508   -
1509   -.order_list .all_price p:nth-child(2) {
1510   - padding-right: 20px;
1511   -}
1512   -
1513   -.order_list .all_price .all_price {
1514   - font-size: 20px;
1515   - font-weight: bold;
1516   -}
1517   -
1518   -.order_list_li {
1519   - padding: 10px 20px;
1520   - display: -webkit-inline-box;
1521   - display: -webkit-inline-flex;
1522   - display: -ms-inline-flexbox;
1523   - display: inline-flex;
1524   -}
1525   -
1526   -.order_list_li .little_img {
1527   - height: 78px;
1528   - width: 78px;
1529   - border: 1px solid #C6C7C9;
1530   - overflow: hidden;
1531   - display: inline-block;
1532   - margin-right: 14px;
1533   - float: left;
1534   -}
1535   -
1536   -.order_list_li .little_img img {
1537   - height: 100%;
1538   -}
1539   -
1540   -.order_list_li .name_and_code {
1541   - display: inline-block;
1542   - float: left;
1543   -}
1544   -
1545   -.order_list_li .name_and_code .name {
1546   - display: block;
1547   - color: #6aa034;
1548   - font-size: 15px;
1549   - width: 175px;
1550   - margin-bottom: 7px;
1551   - position: relative;
1552   - line-height: 18px;
1553   - top: -3px;
1554   -}
1555   -
1556   -.order_list_li .name_and_code .code {
1557   - display: block;
1558   - font-size: 12px;
1559   -}
1560   -
1561   -.order_list_li .how_many {
1562   - display: inline-block;
1563   - padding: 32px 20px 0px 85px;
1564   - font-weight: bold;
1565   -}
1566   -
1567   -.order_list_li .price {
1568   - display: inline-block;
1569   - padding-left: 44px;
1570   - font-weight: bold;
1571   - font-size: 18px;
1572   - padding-top: 31px;
1573   - padding-left: 48px;
1574   -}
1575   -
1576   -.order_list_li .price .price_text {
1577   - font-size: 15px;
1578   - font-weight: normal;
1579   -}
1580   -
1581   -.basket_step_2_delivery h3 {
1582   - font-size: 18px;
1583   - font-weight: bold;
1584   - margin-top: 28px;
1585   - margin-bottom: 12px;
1586   -}
1587   -
1588   -.basket_step_2_delivery h4 {
1589   - font-size: 18px;
1590   - font-weight: bold;
1591   - margin-top: 24px;
1592   - margin-bottom: 12px;
1593   -}
1594   -
1595   -.basket_step_2_delivery .detail {
1596   - font-size: 13px;
1597   - margin-bottom: 7px;
1598   -}
1599   -
1600   -.basket_step_2_delivery .detail .grey {
1601   - color: #898b8e;
1602   - display: inline-block;
1603   - width: 69px;
1604   -}
1605   -
1606   -.for_margin_2 {
1607   - text-align: center;
1608   - margin: 34px 0 42px;
1609   -}
1610   -
1611   -.cabinet_main_title {
1612   - margin-top: 0;
1613   - font-weight: bold;
1614   - font-size: 30px;
1615   - margin-bottom: 38px;
1616   -}
1617   -
1618   -.cabinet_wrap {
1619   - position: relative;
1620   - margin-bottom: 282px;
1621   -}
1622   -
1623   -.cabinet_wrap span.grey {
1624   - color: #898b8e;
1625   -}
1626   -
1627   -.cabinet_wrap .cab_01 {
1628   - padding-bottom: 24px;
1629   -}
1630   -
1631   -.cabinet_wrap .block_01 {
1632   - display: inline-block;
1633   - width: 233px;
1634   -}
1635   -
1636   -.cabinet_wrap .block_02 {
1637   - display: inline-block;
1638   - width: 79px;
1639   -}
1640   -
1641   -.cabinet_wrap .block_03 {
1642   - display: inline-block;
1643   - width: auto;
1644   -}
1645   -
1646   -.cabinet_wrap .block_04 {
1647   - display: inline-block;
1648   - padding-left: 60px;
1649   - border-left: 1px solid #C6C7C9;
1650   - position: relative;
1651   - vertical-align: top;
1652   - margin-left: 20px;
1653   -}
1654   -
1655   -.cabinet_wrap .block_04 .link {
1656   - padding-top: 21px;
1657   - padding-bottom: 20px;
1658   - font-size: 13px;
1659   -}
1660   -
1661   -.cabinet_wrap .block_04 .link .dotted {
1662   - border-bottom: 1px dotted #6aa034;
1663   -}
1664   -
1665   -.cabinet_wrap .block_04 .link a {
1666   - text-decoration: none;
1667   -}
1668   -
1669   -.cabinet_wrap .block_04 .link:nth-child(2) {
1670   - padding-top: 4px;
1671   - font-size: 13px;
1672   - padding-bottom: 20px;
1673   -}
1674   -
1675   -.cabinet_wrap .block_04 .link:nth-child(2) a {
1676   - border-bottom: none;
1677   - text-decoration: none;
1678   -}
1679   -
1680   -/*=============================================== MODAL WINDOWS ================================================*/
1681   -
1682   -/* registration window */
1683   -
1684   -/* ัั‚ะธะปะธ ะผะพะดะฐะปัŒะฝะพะณะพ ะพะบะฝะฐ*/
1685   -
1686   -/* ัั‚ะธะปะธ ะพัะฝะพะฒะฝะพะณะพ ะผะพะดะฐะปัŒะฝะพะณะพ ะพะบะฝะฐ */
1687   -
1688   -.modal_close_btn {
1689   - position: absolute;
1690   - right: -42px;
1691   - top: -59px;
1692   - cursor: pointer;
1693   - width: 100px;
1694   - height: 120px;
1695   - overflow: hidden;
1696   - background-image: url("../images/modal_close_btn.png");
1697   - background-repeat: no-repeat;
1698   - background-position: -143px 0;
1699   -}
1700   -
1701   -.modal_close_btn:hover {
1702   - background-position: 0 0;
1703   -}
1704   -
1705   -.modal_wrapper {
1706   - color: #333333;
1707   - width: 100%;
1708   - background: rgba(0, 0, 0, 0.4);
1709   - position: absolute;
1710   - z-index: 2;
1711   - top: 0;
1712   - left: 0;
1713   -}
1714   -
1715   -.modal_wrapper_reg {
1716   - color: #333333;
1717   - width: 100%;
1718   - background: rgba(0, 0, 0, 0.4);
1719   - position: absolute;
1720   - z-index: 4;
1721   - top: 0;
1722   - left: 0;
1723   - display: none;
1724   -}
1725   -
1726   -.modal_wrapper_reg .modal_window {
1727   - text-align: right;
1728   - height: 428px;
1729   - width: 560px;
1730   - background-color: #fff;
1731   - padding: 20px;
1732   - -webkit-border-radius: 2px;
1733   - border-radius: 2px;
1734   - overflow: hidden;
1735   - position: relative;
1736   - margin-left: auto;
1737   - margin-right: auto;
1738   - margin-top:35px;
1739   - z-index:5;
1740   -}
1741   -
1742   -.modal_wrapper_reg .modal_window .title {
1743   - font-size: 18px;
1744   - font-weight: bold;
1745   - padding-top: 29px;
1746   - padding-bottom: 27px;
1747   - text-transform: uppercase;
1748   - text-align: center;
1749   -}
1750   -
1751   -.modal_wrapper_reg .modal_window input {
1752   - padding: 8px;
1753   - width: 251px;
1754   - margin-right: 56px;
1755   - margin-left: 11px;
1756   - border: 1px solid #C6C7C9;
1757   - -webkit-border-radius: 3px;
1758   - border-radius: 3px;
1759   -}
1760   -
1761   -.modal_wrapper_reg .modal_window .my_cust_btn {
1762   - font-size: 13px;
1763   - padding: 8px 31px;
1764   - color: white;
1765   - border: none;
1766   - -webkit-border-radius: 3px;
1767   - border-radius: 3px;
1768   - background-color: #6aa034;
1769   - -webkit-box-shadow: 0 2px #517a27;
1770   - box-shadow: 0 2px #517a27;
1771   -}
1772   -
1773   -.modal_wrapper_reg .modal_window .my_cust_btn:hover {
1774   - background-color: #5d8d2e;
1775   -}
1776   -
1777   -.modal_wrapper_reg .modal_window .my_cust_btn:active {
1778   - position: relative;
1779   - -webkit-box-shadow: none;
1780   - box-shadow: none;
1781   - top: 2px;
1782   -}
1783   -
1784   -.modal_wrapper_reg .modal_window .title {
1785   - font-size: 18px;
1786   - font-weight: bold;
1787   - padding-top: 30px;
1788   - padding-bottom: 26px;
1789   - text-transform: uppercase;
1790   - text-align: center;
1791   -}
1792   -
1793   -.modal_wrapper_reg .modal_window label {
1794   - display: block;
1795   - font-size: 13px;
1796   - width: 500px;
1797   - margin: auto;
1798   - margin-bottom: 8px;
1799   -}
1800   -
1801   -.modal_wrapper_reg .modal_window label:last-of-type {
1802   - position: relative;
1803   -}
1804   -
1805   -.modal_wrapper_reg .modal_window label:last-of-type input {
1806   - width: 119px;
1807   - margin-left: 140px;
1808   -}
1809   -
1810   -.modal_wrapper_reg .modal_window label:last-of-type img {
1811   - position: absolute;
1812   - top: 4px;
1813   - left: 176px;
1814   -}
1815   -
1816   -.modal_wrapper_reg .modal_window .for_btn_position {
1817   - text-align: center;
1818   - margin-top: 30px;
1819   -}
1820   -
1821   -/* login window */
1822   -
1823   -.modal_wrapper_login {
1824   - color: #333333;
1825   - width: 100%;
1826   - background: rgba(0, 0, 0, 0.4);
1827   - position: absolute;
1828   - z-index: 4;
1829   - top: 0;
1830   - left: 0;
1831   - display: none;
1832   -}
1833   -
1834   -.modal_wrapper_login .modal_window {
1835   - text-align: right;
1836   - height: 247px;
1837   - width: 459px;
1838   - background-color: #fff;
1839   - padding: 20px;
1840   - position: relative;
1841   - margin-left:auto;
1842   - margin-right:auto;
1843   - margin-top: 35px;
1844   - -webkit-border-radius: 2px;
1845   - border-radius: 2px;
1846   - overflow: hidden;
1847   - z-index:999;
1848   -}
1849   -
1850   -.modal_wrapper_login .modal_window .title {
1851   - font-size: 18px;
1852   - font-weight: bold;
1853   - padding-top: 29px;
1854   - padding-bottom: 27px;
1855   - text-transform: uppercase;
1856   - text-align: center;
1857   -}
1858   -
1859   -.modal_wrapper_login .modal_window input {
1860   - padding: 8px;
1861   - width: 251px;
1862   - margin-right: 56px;
1863   - margin-left: 11px;
1864   - border: 1px solid #C6C7C9;
1865   - -webkit-border-radius: 3px;
1866   - border-radius: 3px;
1867   -}
1868   -
1869   -.modal_wrapper_login .modal_window .my_cust_btn {
1870   - font-size: 13px;
1871   - padding: 8px 31px;
1872   - color: white;
1873   - border: none;
1874   - -webkit-border-radius: 3px;
1875   - border-radius: 3px;
1876   - background-color: #6aa034;
1877   - -webkit-box-shadow: 0 2px #517a27;
1878   - box-shadow: 0 2px #517a27;
1879   -}
1880   -
1881   -.modal_wrapper_login .modal_window .my_cust_btn:hover {
1882   - background-color: #5d8d2e;
1883   -}
1884   -
1885   -.modal_wrapper_login .modal_window .my_cust_btn:active {
1886   - position: relative;
1887   - -webkit-box-shadow: none;
1888   - box-shadow: none;
1889   - top: 2px;
1890   -}
1891   -
1892   -.modal_wrapper_login .modal_window .title {
1893   - padding-right: 8px;
1894   -}
1895   -
1896   -.modal_wrapper_login .modal_window label {
1897   - display: block;
1898   - font-size: 13px;
1899   - width: 459px;
1900   - margin: auto;
1901   - margin-bottom: 8px;
1902   -}
1903   -
1904   -.modal_wrapper_login .modal_window label input {
1905   - margin-right: 68px;
1906   -}
1907   -
1908   -.modal_wrapper_login .modal_window .pass_links {
1909   - text-align: center;
1910   - padding-left: 55px;
1911   - font-size: 13px;
1912   - margin-top: 11px;
1913   -}
1914   -
1915   -.modal_wrapper_login .modal_window .pass_links a {
1916   - padding-left: 47px;
1917   -}
1918   -
1919   -.modal_wrapper_login .modal_window .pass_links label {
1920   - display: inline;
1921   -}
1922   -
1923   -.modal_wrapper_login .modal_window .pass_links .remember_pas {
1924   - color: #6aa034;
1925   - text-decoration: underline;
1926   -}
1927   -
1928   -.modal_wrapper_login .modal_window .for_btn_position {
1929   - text-align: center;
1930   - margin-top: 23px;
1931   -}
1932   -
1933   -.modal_wrapper_login .modal_window .for_btn_position .my_cust_btn {
1934   - padding: 8px 38px;
1935   -}
1936   -
1937   -/* login window */
1938   -
1939   -.consultation_modal {
1940   - color: #333333;
1941   - width: 100%;
1942   - background: rgba(0, 0, 0, 0.4);
1943   - position: absolute;
1944   - z-index: 4;
1945   - top: 0;
1946   - left: 0;
1947   - display: none;
1948   -}
1949   -
1950   -.consultation_modal .modal_window {
1951   - text-align: right;
1952   - height: 247px;
1953   - width: 459px;
1954   - background-color: #fff;
1955   - padding: 20px;
1956   - position: relative;
1957   - margin-left:auto;
1958   - margin-right:auto;
1959   - margin-top: 35px;
1960   - -webkit-border-radius: 2px;
1961   - border-radius: 2px;
1962   - overflow: hidden;
1963   - z-index:999;
1964   -}
1965   -
1966   -.consultation_modal .modal_window .title {
1967   - font-size: 18px;
1968   - font-weight: bold;
1969   - padding-top: 29px;
1970   - padding-bottom: 27px;
1971   - text-transform: uppercase;
1972   - text-align: center;
1973   -}
1974   -
1975   -.consultation_modal .modal_window input {
1976   - padding: 8px;
1977   - width: 251px;
1978   - margin-right: 56px;
1979   - margin-left: 11px;
1980   - border: 1px solid #C6C7C9;
1981   - -webkit-border-radius: 3px;
1982   - border-radius: 3px;
1983   -}
1984   -
1985   -.consultation_modal .modal_window .my_cust_btn {
1986   - font-size: 13px;
1987   - padding: 8px 31px;
1988   - color: white;
1989   - border: none;
1990   - -webkit-border-radius: 3px;
1991   - border-radius: 3px;
1992   - background-color: #6aa034;
1993   - -webkit-box-shadow: 0 2px #517a27;
1994   - box-shadow: 0 2px #517a27;
1995   -}
1996   -
1997   -.consultation_modal .modal_window .my_cust_btn:hover {
1998   - background-color: #5d8d2e;
1999   -}
2000   -
2001   -.consultation_modal .modal_window .my_cust_btn:active {
2002   - position: relative;
2003   - -webkit-box-shadow: none;
2004   - box-shadow: none;
2005   - top: 2px;
2006   -}
2007   -
2008   -.consultation_modal .modal_window .title {
2009   - padding-right: 8px;
2010   -}
2011   -
2012   -.consultation_modal .modal_window label {
2013   - display: block;
2014   - font-size: 13px;
2015   - width: 459px;
2016   - margin: auto;
2017   - margin-bottom: 8px;
2018   -}
2019   -
2020   -.consultation_modal .modal_window label input {
2021   - margin-right: 68px;
2022   -}
2023   -
2024   -.consultation_modal .modal_window .pass_links {
2025   - text-align: center;
2026   - padding-left: 55px;
2027   - font-size: 13px;
2028   - margin-top: 11px;
2029   -}
2030   -
2031   -.consultation_modal .modal_window .pass_links a {
2032   - padding-left: 47px;
2033   -}
2034   -
2035   -.consultation_modal .modal_window .pass_links label {
2036   - display: inline;
2037   -}
2038   -
2039   -.consultation_modal .modal_window .pass_links .remember_pas {
2040   - color: #6aa034;
2041   - text-decoration: underline;
2042   -}
2043   -
2044   -.consultation_modal .modal_window .for_btn_position {
2045   - text-align: center;
2046   - margin-top: 23px;
2047   -}
2048   -
2049   -.consultation_modal .modal_window .for_btn_position .my_cust_btn {
2050   - padding: 8px 38px;
2051   -}
2052   -
2053   -/* forgot password window */
2054   -
2055   -.forgot_pass_modal_wrapper {
2056   - color: #333333;
2057   - width: 100%;
2058   - background: rgba(0, 0, 0, 0.4);
2059   - position: absolute;
2060   - z-index: 4;
2061   - top: 0;
2062   - left: 0;
2063   - display: none;
2064   -}
2065   -
2066   -.forgot_pass_modal_wrapper .modal_window {
2067   - text-align: right;
2068   - height: 252px;
2069   - width: 459px;
2070   - background-color: #fff;
2071   - padding: 20px;
2072   - position: relative;
2073   - margin-top: 35px;
2074   - margin-left:auto;
2075   - margin-right:auto;
2076   - -webkit-border-radius: 2px;
2077   - border-radius: 2px;
2078   - overflow: hidden;
2079   - z-index:5;
2080   -}
2081   -
2082   -.forgot_pass_modal_wrapper .modal_window .title {
2083   - font-size: 18px;
2084   - font-weight: bold;
2085   - padding-top: 29px;
2086   - padding-bottom: 27px;
2087   - text-transform: uppercase;
2088   - text-align: center;
2089   -}
2090   -
2091   -.forgot_pass_modal_wrapper .modal_window input {
2092   - padding: 8px;
2093   - width: 251px;
2094   - margin-right: 56px;
2095   - margin-left: 11px;
2096   - border: 1px solid #C6C7C9;
2097   - -webkit-border-radius: 3px;
2098   - border-radius: 3px;
2099   -}
2100   -
2101   -.forgot_pass_modal_wrapper .modal_window .my_cust_btn {
2102   - font-size: 13px;
2103   - padding: 8px 31px;
2104   - color: white;
2105   - border: none;
2106   - -webkit-border-radius: 3px;
2107   - border-radius: 3px;
2108   - background-color: #6aa034;
2109   - -webkit-box-shadow: 0 2px #517a27;
2110   - box-shadow: 0 2px #517a27;
2111   -}
2112   -
2113   -.forgot_pass_modal_wrapper .modal_window .my_cust_btn:hover {
2114   - background-color: #5d8d2e;
2115   -}
2116   -
2117   -.forgot_pass_modal_wrapper .modal_window .my_cust_btn:active {
2118   - position: relative;
2119   - -webkit-box-shadow: none;
2120   - box-shadow: none;
2121   - top: 2px;
2122   -}
2123   -
2124   -.forgot_pass_modal_wrapper .modal_window .title {
2125   - padding-right: 0px;
2126   - padding-top: 30px;
2127   - padding-bottom: 23px;
2128   -}
2129   -
2130   -.forgot_pass_modal_wrapper .modal_window .text {
2131   - color: #898b8e;
2132   - font-size: 13px;
2133   - text-align: left;
2134   - margin-bottom: 28px;
2135   -}
2136   -
2137   -.forgot_pass_modal_wrapper .modal_window label {
2138   - display: block;
2139   - font-size: 13px;
2140   - width: 459px;
2141   - margin: auto;
2142   - margin-bottom: 30px;
2143   -}
2144   -
2145   -.forgot_pass_modal_wrapper .modal_window label input {
2146   - margin-right: 52px;
2147   -}
2148   -
2149   -.forgot_pass_modal_wrapper .modal_window .pass_links {
2150   - text-align: center;
2151   - padding-left: 55px;
2152   - font-size: 13px;
2153   - margin-top: 11px;
2154   -}
2155   -
2156   -.forgot_pass_modal_wrapper .modal_window .pass_links a {
2157   - padding-left: 47px;
2158   -}
2159   -
2160   -.forgot_pass_modal_wrapper .modal_window .pass_links label {
2161   - display: inline;
2162   -}
2163   -
2164   -.forgot_pass_modal_wrapper .modal_window .pass_links .remember_pas {
2165   - color: #6aa034;
2166   - text-decoration: underline;
2167   -}
2168   -
2169   -.forgot_pass_modal_wrapper .modal_window .for_btn_position {
2170   - text-align: center;
2171   - margin-top: 23px;
2172   -}
2173   -
2174   -.forgot_pass_modal_wrapper .modal_window .for_btn_position .my_cust_btn {
2175   - padding: 8px 28px;
2176   -}
2177   -
2178   -/* forgot password success window */
2179   -
2180   -.forgot_pass_success_wrapper {
2181   - color: #333333;
2182   - width: 100%;
2183   - background: rgba(0, 0, 0, 0.4);
2184   - position: absolute;
2185   - z-index: 2;
2186   - top: 0;
2187   - left: 0;
2188   - display: none;
2189   - z-index:4;
2190   -}
2191   -
2192   -.forgot_pass_success_wrapper .modal_window {
2193   - text-align: right;
2194   - height: 158px;
2195   - width: 459px;
2196   - background-color: #fff;
2197   - padding: 20px;
2198   - position: relative;
2199   - margin-top: 35px;
2200   - margin-left:auto;
2201   - margin-right:auto;
2202   - -webkit-border-radius: 2px;
2203   - border-radius: 2px;
2204   - overflow: hidden;
2205   -}
2206   -
2207   -.forgot_pass_success_wrapper .modal_window .title {
2208   - font-size: 18px;
2209   - font-weight: bold;
2210   - padding-top: 29px;
2211   - padding-bottom: 27px;
2212   - text-transform: uppercase;
2213   - text-align: center;
2214   -}
2215   -
2216   -.forgot_pass_success_wrapper .modal_window input {
2217   - padding: 8px;
2218   - width: 251px;
2219   - margin-right: 56px;
2220   - margin-left: 11px;
2221   - border: 1px solid #C6C7C9;
2222   - -webkit-border-radius: 3px;
2223   - border-radius: 3px;
2224   -}
2225   -
2226   -.forgot_pass_success_wrapper .modal_window .my_cust_btn {
2227   - font-size: 13px;
2228   - padding: 8px 31px;
2229   - color: white;
2230   - border: none;
2231   - -webkit-border-radius: 3px;
2232   - border-radius: 3px;
2233   - background-color: #6aa034;
2234   - -webkit-box-shadow: 0 2px #517a27;
2235   - box-shadow: 0 2px #517a27;
2236   -}
2237   -
2238   -.forgot_pass_success_wrapper .modal_window .my_cust_btn:hover {
2239   - background-color: #5d8d2e;
2240   -}
2241   -
2242   -.forgot_pass_success_wrapper .modal_window .my_cust_btn:active {
2243   - position: relative;
2244   - -webkit-box-shadow: none;
2245   - box-shadow: none;
2246   - top: 2px;
2247   -}
2248   -
2249   -.forgot_pass_success_wrapper .modal_window .title {
2250   - padding-right: 0px;
2251   - padding-top: 30px;
2252   - padding-bottom: 23px;
2253   -}
2254   -
2255   -.forgot_pass_success_wrapper .modal_window .text {
2256   - color: #898b8e;
2257   - font-size: 13px;
2258   - text-align: center;
2259   - margin-bottom: 27px;
2260   -}
2261   -
2262   -.forgot_pass_success_wrapper .modal_window .for_btn_position {
2263   - text-align: center;
2264   - margin-top: 23px;
2265   -}
2266   -
2267   -.forgot_pass_success_wrapper .modal_window .for_btn_position .my_cust_btn {
2268   - padding: 8px 22px;
2269   -}
2270   -/* callback window */
2271   -
2272   -.callback_wrapper {
2273   - color: #333333;
2274   - width: 100%;
2275   - background: rgba(0, 0, 0, 0.4);
2276   - position: absolute;
2277   - z-index: 2;
2278   - top: 0;
2279   - left: 0;
2280   - display: none;
2281   - z-index:5;
2282   -}
2283   -
2284   -.callback_wrapper .modal_window {
2285   - text-align: right;
2286   - height: 158px;
2287   - width: 459px;
2288   - background-color: #fff;
2289   - padding: 20px;
2290   - position: relative;
2291   - margin-top: 35px;
2292   - margin-left:auto;
2293   - margin-right:auto;
2294   - -webkit-border-radius: 2px;
2295   - border-radius: 2px;
2296   - overflow: hidden;
2297   -}
2298   -
2299   -.callback_wrapper .modal_window .title {
2300   - font-size: 18px;
2301   - font-weight: bold;
2302   - padding-top: 29px;
2303   - padding-bottom: 27px;
2304   - text-transform: uppercase;
2305   - text-align: center;
2306   -}
2307   -
2308   -.callback_wrapper .modal_window input {
2309   - padding: 8px;
2310   - width: 251px;
2311   - margin-right: 56px;
2312   - margin-left: 11px;
2313   - border: 1px solid #C6C7C9;
2314   - -webkit-border-radius: 3px;
2315   - border-radius: 3px;
2316   -}
2317   -
2318   -.callback_wrapper .modal_window .my_cust_btn {
2319   - font-size: 13px;
2320   - padding: 8px 31px;
2321   - color: white;
2322   - border: none;
2323   - -webkit-border-radius: 3px;
2324   - border-radius: 3px;
2325   - background-color: #6aa034;
2326   - -webkit-box-shadow: 0 2px #517a27;
2327   - box-shadow: 0 2px #517a27;
2328   -}
2329   -
2330   -.callback_wrapper .modal_window .my_cust_btn:hover {
2331   - background-color: #5d8d2e;
2332   -}
2333   -
2334   -.callback_wrapper .modal_window .my_cust_btn:active {
2335   - position: relative;
2336   - -webkit-box-shadow: none;
2337   - box-shadow: none;
2338   - top: 2px;
2339   -}
2340   -
2341   -.callback_wrapper .modal_window .title {
2342   - padding-right: 0px;
2343   - padding-top: 32px;
2344   - padding-bottom: 25px;
2345   - font-size: 28px;
2346   -}
2347   -
2348   -.callback_wrapper .modal_window .text {
2349   - color: #333333;
2350   - font-size: 16px;
2351   - text-align: center;
2352   - margin-bottom: 27px;
2353   -}
2354   -/* BUSKET MODAL WINDOW */
2355   -
2356   -/*==================== BUSKET MODAL BASIC */
2357   -
2358   -.busket_modal_basic {
2359   - display: inline-block;
2360   - background: white;
2361   - position: relative;
2362   - overflow: hidden;
2363   -}
2364   -
2365   -.busket_modal_basic .order_list {
2366   - width: auto;
2367   - padding: 25px;
2368   -}
2369   -
2370   -.busket_modal_basic .order_list ul {
2371   - max-height: 350px;
2372   - overflow-y: overlay;
2373   - overflow-x: hidden;
2374   -}
2375   -
2376   -.busket_modal_basic .order_list h3 {
2377   - text-transform: uppercase;
2378   - font-weight: normal;
2379   - font-size: 20px;
2380   - padding: 20px 0 15px;
2381   -}
2382   -
2383   -.busket_modal_basic .order_list .order_list_li {
2384   - display: block;
2385   -}
2386   -
2387   -.busket_modal_basic .order_list .order_list_li .little_img {
2388   - float: none;
2389   -}
2390   -
2391   -.busket_modal_basic .order_list .order_list_li .name_and_code {
2392   - text-align: left;
2393   - float: none;
2394   -}
2395   -
2396   -.busket_modal_basic .order_list .order_list_li .name_and_code .name {
2397   - margin-bottom: 14px;
2398   -}
2399   -
2400   -.busket_modal_basic .order_list .order_list_li .price {
2401   - padding: 0;
2402   -}
2403   -
2404   -.busket_modal_basic .order_list .order_list_li .count_block_wrap {
2405   - display: inline-block;
2406   - vertical-align: top;
2407   - text-align: right;
2408   -}
2409   -
2410   -.busket_modal_basic .order_list .count_block {
2411   - display: block;
2412   - position: relative;
2413   - margin-bottom: 30px;
2414   -}
2415   -
2416   -.busket_modal_basic .order_list .count_block .count_number {
2417   - display: inline-block;
2418   - font-size: 22px;
2419   - padding: 3px 13px 3px;
2420   - border: 1px solid #C6C7C9;
2421   - -webkit-border-radius: 3px;
2422   - border-radius: 3px;
2423   - position: relative;
2424   - /*top: -2px;*/
2425   - background-color: #fff;
2426   -}
2427   -
2428   -.busket_modal_basic .order_list .count_block .count_buttons {
2429   - position: relative;
2430   - /*top: 4px;*/
2431   - right: 6px;
2432   - display: inline-block;
2433   - vertical-align: bottom;
2434   -}
2435   -
2436   -.busket_modal_basic .order_list .count_block .count_buttons .button_plus {
2437   - background-color: #898b8e;
2438   - color: white;
2439   - font-weight: bold;
2440   - border-bottom: 1px solid #707274;
2441   - -webkit-border-top-right-radius: 3px;
2442   - border-top-right-radius: 3px;
2443   - font-size: 15px;
2444   - line-height: 15px;
2445   - padding: 0 7px;
2446   - cursor: pointer;
2447   -}
2448   -
2449   -.busket_modal_basic .order_list .count_block .count_buttons .button_plus:hover {
2450   - background-color: #7c7e81;
2451   -}
2452   -
2453   -.busket_modal_basic .order_list .count_block .count_buttons .button_minus {
2454   - background-color: #898b8e;
2455   - color: white;
2456   - font-weight: bold;
2457   - line-height: 16px;
2458   - text-align: center;
2459   - border-top: 1px solid #A2A2A2;
2460   - -webkit-border-bottom-right-radius: 3px;
2461   - border-bottom-right-radius: 3px;
2462   - cursor: pointer;
2463   -}
2464   -
2465   -.busket_modal_basic .order_list .count_block .count_buttons .button_minus:hover {
2466   - background-color: #7c7e81;
2467   -}
2468   -
2469   -.busket_modal_basic .order_list .busket_bottom_btn {
2470   - margin-top: 20px;
2471   - text-align: center;
2472   -}
2473   -
2474   -.busket_modal_basic .order_list .busket_bottom_btn a {
2475   - display: inline-block;
2476   - font-size: 13px;
2477   - margin-right: 97px;
2478   -}
2479   -
2480   -.busket_modal_basic .order_list .busket_bottom_btn button {
2481   - display: inline-block;
2482   - padding: 10px 20px;
2483   - color: white;
2484   - background-color: #6aa034;
2485   - border: none;
2486   - -webkit-border-radius: 2px;
2487   - border-radius: 2px;
2488   - font-size: 13px;
2489   - font-weight: normal;
2490   - -webkit-box-shadow: 0px 2px 0px #517a27;
2491   - box-shadow: 0px 2px 0px #517a27;
2492   -}
2493   -
2494   -.busket_modal_basic .order_list .busket_bottom_btn button:active {
2495   - position: relative;
2496   - -webkit-box-shadow: none;
2497   - box-shadow: none;
2498   - top: 2px;
2499   -}
2500   -
2501   -.busket_modal_basic .order_list .busket_bottom_btn button:hover {
2502   - background-color: #5d8d2e;
2503   -}
2504   -
2505   -.busket_modal_basic .order_list .delete_item_btn {
2506   - display: inline-block;
2507   - vertical-align: top;
2508   - margin-top: 30px;
2509   - padding: 0 10px 0 0;
2510   - cursor: pointer;
2511   - color: #C6C7C9;
2512   - font-size: 20px;
2513   -}
2514   -
2515   -.busket_modal_basic .order_list .delete_item_btn:hover {
2516   - color: red;
2517   -}
2518   -
2519   -/*==================== BUSKET MODAL 1 */
2520   -
2521   -.busket_modal_wrapper {
2522   - display: none;
2523   - color: #333333;
2524   - width: 100%;
2525   - background: rgba(0, 0, 0, 0.4);
2526   - position: fixed;
2527   - z-index: 4;
2528   - top: 0;
2529   - left: 0;
2530   -}
2531   -
2532   -.busket_modal_wrapper .m_a {
2533   - display: block;
2534   - text-align: center;
2535   - position: relative;
2536   - margin-top: 35px;
2537   -}
2538   -
2539   -.busket_modal_wrapper .busket_modal_01 {
2540   - display: inline-block;
2541   - background: white;
2542   - position: relative;
2543   - overflow: hidden;
2544   -}
2545   -
2546   -.busket_modal_wrapper .busket_modal_01 .order_list {
2547   - width: auto;
2548   - padding: 25px;
2549   -}
2550   -
2551   -.busket_modal_wrapper .busket_modal_01 .order_list ul {
2552   - max-height: 350px;
2553   - overflow-y: overlay;
2554   - overflow-x: hidden;
2555   -}
2556   -
2557   -.busket_modal_wrapper .busket_modal_01 .order_list h3 {
2558   - text-transform: uppercase;
2559   - font-weight: normal;
2560   - font-size: 20px;
2561   - padding: 20px 0 15px;
2562   -}
2563   -
2564   -.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li {
2565   - display: block;
2566   -}
2567   -
2568   -.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .little_img {
2569   - float: none;
2570   -}
2571   -
2572   -.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .name_and_code {
2573   - text-align: left;
2574   - float: none;
2575   -}
2576   -
2577   -.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .name_and_code .name {
2578   - margin-bottom: 14px;
2579   -}
2580   -
2581   -.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .price {
2582   - padding: 0;
2583   -}
2584   -
2585   -.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .count_block_wrap {
2586   - display: inline-block;
2587   - vertical-align: top;
2588   - text-align: right;
2589   -}
2590   -
2591   -.busket_modal_wrapper .busket_modal_01 .order_list .count_block {
2592   - display: block;
2593   - position: relative;
2594   - margin-bottom: 30px;
2595   -}
2596   -
2597   -.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_number {
2598   - display: inline-block;
2599   - font-size: 22px;
2600   - padding: 3px 13px 3px;
2601   - border: 1px solid #C6C7C9;
2602   - -webkit-border-radius: 3px;
2603   - border-radius: 3px;
2604   - position: relative;
2605   - /*top: -2px;*/
2606   - background-color: #fff;
2607   -}
2608   -
2609   -.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons {
2610   - position: relative;
2611   - right: 16px;
2612   - display: inline-block;
2613   - vertical-align: bottom;
2614   -}
2615   -
2616   -.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_plus {
2617   - background-color: #898b8e;
2618   - color: white;
2619   - font-weight: bold;
2620   - border-bottom: 1px solid #707274;
2621   - -webkit-border-top-right-radius: 3px;
2622   - border-top-right-radius: 3px;
2623   - font-size: 15px;
2624   - line-height: 15px;
2625   - padding: 0 7px;
2626   - cursor: pointer;
2627   -}
2628   -
2629   -.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_plus:hover {
2630   - background-color: #7c7e81;
2631   -}
2632   -
2633   -.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_minus {
2634   - background-color: #898b8e;
2635   - color: white;
2636   - font-weight: bold;
2637   - line-height: 16px;
2638   - text-align: center;
2639   - border-top: 1px solid #A2A2A2;
2640   - -webkit-border-bottom-right-radius: 3px;
2641   - border-bottom-right-radius: 3px;
2642   - cursor: pointer;
2643   -}
2644   -
2645   -.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_minus:hover {
2646   - background-color: #7c7e81;
2647   -}
2648   -
2649   -.busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn {
2650   - margin-top: 20px;
2651   - text-align: center;
2652   -}
2653   -
2654   -.busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn a {
2655   - display: inline-block;
2656   - font-size: 13px;
2657   - margin-right: 97px;
2658   -}
2659   -
2660   -.busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn button {
2661   - display: inline-block;
2662   - padding: 10px 20px;
2663   - color: white;
2664   - background-color: #6aa034;
2665   - border: none;
2666   - -webkit-border-radius: 2px;
2667   - border-radius: 2px;
2668   - font-size: 13px;
2669   - font-weight: normal;
2670   - -webkit-box-shadow: 0px 2px 0px #517a27;
2671   - box-shadow: 0px 2px 0px #517a27;
2672   -}
2673   -
2674   -.busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn button:active {
2675   - position: relative;
2676   - -webkit-box-shadow: none;
2677   - box-shadow: none;
2678   - top: 2px;
2679   -}
2680   -
2681   -.busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn button:hover {
2682   - background-color: #5d8d2e;
2683   -}
2684   -
2685   -.busket_modal_wrapper .busket_modal_01 .order_list .delete_item_btn {
2686   - display: inline-block;
2687   - vertical-align: top;
2688   - margin-top: 30px;
2689   - padding: 0 10px 0 0;
2690   - cursor: pointer;
2691   - color: #C6C7C9;
2692   - font-size: 20px;
2693   -}
2694   -
2695   -.busket_modal_wrapper .busket_modal_01 .order_list .delete_item_btn:hover {
2696   - color: red;
2697   -}
2698   -
2699   -/*==================== BUSKET MODAL 2 */
2700   -
2701   -.busket_modal_header {
2702   - display: inline-block;
2703   - position: absolute;
2704   - top: 91px;
2705   - right: 0px;
2706   - border: 1px solid #898b8e;
2707   - z-index: 2;
2708   - display: none;
2709   - background-color: #fff;
2710   -}
2711   -
2712   -.busket_modal_header .busket_modal_02 {
2713   - display: inline-block;
2714   - background: white;
2715   - position: relative;
2716   - overflow: hidden;
2717   -}
2718   -
2719   -.busket_modal_header .busket_modal_02 .order_list {
2720   - width: auto;
2721   - padding: 25px;
2722   -}
2723   -
2724   -.busket_modal_header .busket_modal_02 .order_list ul {
2725   - max-height: 350px;
2726   - overflow-y: overlay;
2727   - overflow-x: hidden;
2728   -}
2729   -
2730   -.busket_modal_header .busket_modal_02 .order_list h3 {
2731   - text-transform: uppercase;
2732   - font-weight: normal;
2733   - font-size: 20px;
2734   - padding: 20px 0 15px;
2735   -}
2736   -
2737   -.busket_modal_header .busket_modal_02 .order_list .order_list_li {
2738   - display: block;
2739   -}
2740   -
2741   -.busket_modal_header .busket_modal_02 .order_list .order_list_li .little_img {
2742   - float: none;
2743   -}
2744   -
2745   -.busket_modal_header .busket_modal_02 .order_list .order_list_li .name_and_code {
2746   - text-align: left;
2747   - float: none;
2748   -}
2749   -
2750   -.busket_modal_header .busket_modal_02 .order_list .order_list_li .name_and_code .name {
2751   - margin-bottom: 14px;
2752   -}
2753   -
2754   -.busket_modal_header .busket_modal_02 .order_list .order_list_li .price {
2755   - padding: 0;
2756   -}
2757   -
2758   -.busket_modal_header .busket_modal_02 .order_list .order_list_li .count_block_wrap {
2759   - display: inline-block;
2760   - vertical-align: top;
2761   - text-align: right;
2762   -}
2763   -
2764   -.busket_modal_header .busket_modal_02 .order_list .count_block {
2765   - display: block;
2766   - position: relative;
2767   - margin-bottom: 30px;
2768   -}
2769   -
2770   -.busket_modal_header .busket_modal_02 .order_list .count_block .count_number {
2771   - display: inline-block;
2772   - font-size: 22px;
2773   - padding: 3px 13px 3px;
2774   - border: 1px solid #C6C7C9;
2775   - -webkit-border-radius: 3px;
2776   - border-radius: 3px;
2777   - position: relative;
2778   - /*top: -2px;*/
2779   - background-color: #fff;
2780   -}
2781   -
2782   -.busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons {
2783   - position: relative;
2784   - /*top: 4px;*/
2785   - right: 6px;
2786   - display: inline-block;
2787   - vertical-align: bottom;
2788   -}
2789   -
2790   -.busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_plus {
2791   - background-color: #898b8e;
2792   - color: white;
2793   - font-weight: bold;
2794   - border-bottom: 1px solid #707274;
2795   - -webkit-border-top-right-radius: 3px;
2796   - border-top-right-radius: 3px;
2797   - font-size: 15px;
2798   - line-height: 15px;
2799   - padding: 0 7px;
2800   - cursor: pointer;
2801   -}
2802   -
2803   -.busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_plus:hover {
2804   - background-color: #7c7e81;
2805   -}
2806   -
2807   -.busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_minus {
2808   - background-color: #898b8e;
2809   - color: white;
2810   - font-weight: bold;
2811   - line-height: 16px;
2812   - text-align: center;
2813   - border-top: 1px solid #A2A2A2;
2814   - -webkit-border-bottom-right-radius: 3px;
2815   - border-bottom-right-radius: 3px;
2816   - cursor: pointer;
2817   -}
2818   -
2819   -.busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_minus:hover {
2820   - background-color: #7c7e81;
2821   -}
2822   -
2823   -.busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn {
2824   - margin-top: 20px;
2825   - text-align: center;
2826   -}
2827   -
2828   -.busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn a {
2829   - display: inline-block;
2830   - font-size: 13px;
2831   - margin-right: 130px;
2832   -}
2833   -
2834   -.busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn button {
2835   - display: inline-block;
2836   - padding: 10px 20px;
2837   - color: white;
2838   - background-color: #6aa034;
2839   - border: none;
2840   - -webkit-border-radius: 2px;
2841   - border-radius: 2px;
2842   - font-size: 13px;
2843   - font-weight: normal;
2844   - -webkit-box-shadow: 0px 2px 0px #517a27;
2845   - box-shadow: 0px 2px 0px #517a27;
2846   -}
2847   -
2848   -.busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn button:active {
2849   - position: relative;
2850   - -webkit-box-shadow: none;
2851   - box-shadow: none;
2852   - top: 2px;
2853   -}
2854   -
2855   -.busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn button:hover {
2856   - background-color: #5d8d2e;
2857   -}
2858   -
2859   -.busket_modal_header .busket_modal_02 .order_list .delete_item_btn {
2860   - display: inline-block;
2861   - vertical-align: top;
2862   - margin-top: 30px;
2863   - padding: 0 10px 0 0;
2864   - cursor: pointer;
2865   - color: #C6C7C9;
2866   - font-size: 20px;
2867   -}
2868   -
2869   -.busket_modal_header .busket_modal_02 .order_list .delete_item_btn:hover {
2870   - color: red;
2871   -}
2872   -
2873   -/*=============================================== CATEGORY PAGE ================================================*/
2874   -
2875   -.category_page_main_title {
2876   - margin-top: 0;
2877   - margin-bottom: 41px;
2878   - font-weight: bold;
2879   -}
2880   -
2881   -.category_wrap {
2882   - margin-bottom: 18px;
2883   -}
2884   -
2885   -.category_wrap .category_wrap_3_colum {
2886   - width: 300px;
2887   - display: inline-block;
2888   - vertical-align: top;
2889   - margin-right: 15px;
2890   -}
2891   -
2892   -.category_wrap .category_wrap_3_colum:last-of-type {
2893   - margin-right: 0px;
2894   -}
2895   -
2896   -.category_wrap .wrap {
2897   - margin-bottom: 16px;
2898   -}
2899   -
2900   -.category_wrap .wrap a {
2901   - text-decoration: none;
2902   -}
2903   -
2904   -.category_wrap .wrap .cat_li_cont {
2905   - border: 1px solid #C6C7C9;
2906   - -webkit-border-radius: 2px;
2907   - border-radius: 2px;
2908   - width: 298px;
2909   - height: 78px;
2910   - display: inline-block;
2911   - position: relative;
2912   -}
2913   -
2914   -.category_wrap .wrap .cat_li_cont img {
2915   - padding-top: 9px;
2916   - padding-left: 7px;
2917   - float: left;
2918   - padding-right: 20px;
2919   -}
2920   -
2921   -.category_wrap .wrap .cat_li_cont .desc {
2922   - font-size: 15px;
2923   - width: 150px;
2924   - color: #333333;
2925   - margin-left: 87px;
2926   - height: 78px;
2927   - display: table-cell;
2928   - vertical-align: middle;
2929   -}
2930   -
2931   -.category_wrap .wrap .cat_li_cont .arrow {
2932   - background-image: url("../images/category/green_arrows.png");
2933   - width: 20px;
2934   - height: 10px;
2935   - background-repeat: no-repeat;
2936   - display: block;
2937   - position: absolute;
2938   - right: 15px;
2939   - top: 35px;
2940   - background-position: 0px 0px;
2941   -}
2942   -
2943   -.category_wrap .wrap .cat_li_sub_ul {
2944   - padding: 18px 2px 13px 18px;
2945   - font-size: 13px;
2946   - line-height: 20px;
2947   - border: 1px solid #C6C7C9;
2948   - width: 278px;
2949   - background-color: white;
2950   - position: relative;
2951   - top: -6px;
2952   - border-top: none;
2953   - display: none;
2954   -}
2955   -
2956   -/*=============================================== 404 PAGE ================================================*/
2957   -
2958   -.wrap_for_404 {
2959   - min-height: 670px;
2960   -}
2961   -
2962   -.wrap_for_404 .main_title_404 {
2963   - font-size: 30px;
2964   - margin-top: 0;
2965   - margin-bottom: 30px;
2966   - font-weight: bold;
2967   -}
2968   -
2969   -.wrap_for_404 .main_img_404 {
2970   - float: left;
2971   - position: relative;
2972   - right: 10px;
2973   - padding: 27px 21px 10px 0px;
2974   -}
2975   -
2976   -.wrap_for_404 .block_404 .first {
2977   - font-size: 16px;
2978   - margin-top: 103px;
2979   - line-height: 20px;
2980   -}
2981   -
2982   -.wrap_for_404 .block_404 .second {
2983   - font-size: 13px;
2984   - margin-top: 60px;
2985   - line-height: 15px;
2986   - color: #898b8e;
2987   -}
2988   -
2989   -.wrap_for_404 .block_404 button {
2990   - padding: 7px 21px;
2991   - background-color: #6aa034;
2992   - margin-top: 47px;
2993   - margin-left: 151px;
2994   - border: none;
2995   - font-size: 13px;
2996   - color: white;
2997   - -webkit-border-radius: 3px;
2998   - border-radius: 3px;
2999   - -webkit-box-shadow: 0 2px #517a27;
3000   - box-shadow: 0 2px #517a27;
3001   -}
3002   -
3003   -.wrap_for_404 .block_404 button:hover {
3004   - background-color: #5d8d2e;
3005   -}
3006   -
3007   -.wrap_for_404 .block_404 button:active {
3008   - position: relative;
3009   - top: 2px;
3010   - -webkit-box-shadow: none;
3011   - box-shadow: none;
3012   -}
3013   -
3014   -.test_flex_example {
3015   - display: -webkit-box;
3016   - display: -webkit-flex;
3017   - display: -ms-flexbox;
3018   - display: flex;
3019   - -webkit-flex-wrap: wrap;
3020   - -ms-flex-wrap: wrap;
3021   - flex-wrap: wrap;
3022   - -webkit-box-pack: justify;
3023   - -webkit-justify-content: space-between;
3024   - -ms-flex-pack: justify;
3025   - justify-content: space-between;
3026   -}
3027   -
3028   -/*=============================================== ZAGLUSHKA PAGE ================================================*/
3029   -
3030   -.zaglushka_logo_img {
3031   - width: 230px;
3032   - margin: 80px auto 27px;
3033   -}
3034   -
3035   -.zaglushka_main_img {
3036   - width: 880px;
3037   - position: relative;
3038   - left: -6px;
3039   -}
3040   -
3041   -.zaglushka_text {
3042   - text-align: center;
3043   - font-weight: bold;
3044   - padding-top: 44px;
3045   - position: relative;
3046   - right: 4px;
3047   - padding-bottom: 130px;
3048   -}
3049   -
3050   -.zaglushka_text h2 {
3051   - color: #6aa034;
3052   - font-size: 20px;
3053   - letter-spacing: 1px;
3054   -}
3055   -
3056   -.zaglushka_text p {
3057   - font-size: 16px;
3058   - padding-bottom: 22px;
3059   -}
3060   -
3061   -.zaglushka_text .zaglushka_separate_line {
3062   - height: 1px;
3063   - background: #C6C7C9;
3064   - width: 508px;
3065   - margin: 13px auto 17px;
3066   -}
3067   -
3068   -/*=============================================== VALIDATION ================================================*/
3069   -
3070   -.reg_form label.error {
3071   - margin-left: 180px;
3072   - width: 265px;
3073   - text-align: left;
3074   - color: #D75C5C;
3075   -}
3076   -
3077   -.modal_wrapper_login .modal_window label.error {
3078   - margin-left: 127px;
3079   - width: 265px;
3080   - text-align: left;
3081   - color: #D75C5C;
3082   -}
3083   -
3084   -.consultation_modal .modal_window label.error {
3085   - margin-left: 127px;
3086   - width: 265px;
3087   - text-align: left;
3088   - color: #D75C5C;
3089   -}
3090   -
3091   -.forgot_password_form label.error {
3092   - margin-left: 141px;
3093   - width: 265px;
3094   - text-align: left;
3095   - color: #D75C5C;
  1 +.w_100 {
  2 + width: 100%;
  3 +}
  4 +
  5 +.w_960 {
  6 + width: 960px;
  7 + margin: auto;
  8 +}
  9 +
  10 +.cat_p_bradcrump {
  11 + padding: 30px 0px;
  12 +}
  13 +
  14 +.cat_p_bradcrump ul {
  15 + list-style: none;
  16 +}
  17 +
  18 +.cat_p_bradcrump ul li {
  19 + display: inline-block;
  20 +}
  21 +
  22 +.cat_p_bradcrump ul li i {
  23 + position: relative;
  24 + top: 1px;
  25 + padding: 0px 2px 0 8px;
  26 + color: #8C9295;
  27 + font-size: 13px;
  28 +}
  29 +
  30 +.cat_p_bradcrump ul li a {
  31 + font-size: 12px;
  32 + color: #898b8e;
  33 +}
  34 +
  35 +.cat_p_bradcrump ul .active a {
  36 + text-decoration: none;
  37 +}
  38 +
  39 +.cat_p_filter_bar {
  40 + font-family: 'HelveticaRegular', sans-serif;
  41 + width: 210px;
  42 + padding-right: 20px;
  43 + display: inline-block;
  44 + float: left;
  45 +}
  46 +
  47 +.cat_p_filter_bar .filter_list ul {
  48 + list-style: none;
  49 +}
  50 +
  51 +.cat_p_filter_bar .filter_list ul .title_2 {
  52 + font-size: 15px;
  53 + font-weight: bold;
  54 + color: #898b8e;
  55 + padding: 30px 0 20px;
  56 +}
  57 +
  58 +.cat_p_filter_bar .filter_list ul li {
  59 + border-bottom: 1px solid #bbbbbb;
  60 + position: relative;
  61 + padding: 15px 0;
  62 + font-weight: bold;
  63 + color: #333333;
  64 +}
  65 +
  66 +.cat_p_filter_bar .filter_list ul li .width_li_filter {
  67 + width: 180px;
  68 + display: block;
  69 +}
  70 +
  71 +.cat_p_filter_bar .filter_list ul li .arrow {
  72 + position: absolute;
  73 + right: 2px;
  74 + top: 3px;
  75 + font-size: 20px;
  76 + color: #727272;
  77 + padding: 10px 0 10px 200px;
  78 +}
  79 +
  80 +.cat_p_filter_bar .filter_list ul li .arrow i {
  81 + font-weight: bold;
  82 +}
  83 +
  84 +.cat_p_filter_bar .filter_list ul li .arrow img {
  85 + -webkit-transform: scale(1.3);
  86 + -ms-transform: scale(1.3);
  87 + transform: scale(1.3);
  88 + position: relative;
  89 + bottom: 3px;
  90 +}
  91 +
  92 +.cat_p_filter_bar .filter_list .price_filter {
  93 + display: none;
  94 + padding-top: 10px;
  95 +}
  96 +
  97 +.cat_p_filter_bar .filter_list .price_filter a {
  98 + color: #6aa033;
  99 +}
  100 +
  101 +.cat_p_filter_bar .filter_list .first_price_li {
  102 + padding-top: 30px;
  103 + display: block;
  104 +}
  105 +
  106 +.cat_p_filter_bar .filter_accept_bloc {
  107 + padding: 20px 0 40px;
  108 +}
  109 +
  110 +.cat_p_filter_bar .filter_accept_bloc button {
  111 + color: #fff;
  112 + padding: 10px;
  113 + font-size: 15px;
  114 + border: none;
  115 + -webkit-border-radius: 3px;
  116 + border-radius: 3px;
  117 + background-color: #898b8e;
  118 + -webkit-box-shadow: 0 2px 0 #636567;
  119 + box-shadow: 0 2px 0 #636567;
  120 +}
  121 +
  122 +.cat_p_filter_bar .filter_accept_bloc button:hover {
  123 + background-color: #707274;
  124 +}
  125 +
  126 +.cat_p_filter_bar .filter_accept_bloc a {
  127 + color: #6AA033;
  128 + font-size: 12px;
  129 +}
  130 +
  131 +.cat_p_filter_bar .product_list .title {
  132 + padding-bottom: 5px;
  133 + color: #898b8e;
  134 +}
  135 +
  136 +.cat_p_filter_bar .product_list a {
  137 + display: block;
  138 + padding: 5px 0 0 15px;
  139 + font-weight: normal;
  140 +}
  141 +
  142 +.cat_p_filter_bar .price_slider {
  143 + width: 203px;
  144 + /*margin: auto;*/
  145 +}
  146 +
  147 +.cat_p_filter_bar .checkbox {
  148 + margin-top: 5px;
  149 + font-weight: normal;
  150 +}
  151 +
  152 +.cat_p_filter_bar .see_all a {
  153 + font-size: 13px;
  154 + position: relative;
  155 + bottom: 3px;
  156 +}
  157 +
  158 +.cat_p_filter_bar .see_all i {
  159 + font-size: 18px;
  160 + color: #898B8E;
  161 +}
  162 +
  163 +.cat_p_filter_bar .title {
  164 + font-size: 16px;
  165 + font-weight: bold;
  166 + color: #898b8e;
  167 + padding-bottom: 20px;
  168 +}
  169 +
  170 +.cat_p_filter_bar p {
  171 + margin-bottom: 20px;
  172 +}
  173 +
  174 +.cat_p_filter_bar p input {
  175 + padding: 8px;
  176 + -webkit-border-radius: 3px;
  177 + border-radius: 3px;
  178 + border: none;
  179 + border: 1px solid #bbb;
  180 + width: 60px;
  181 +}
  182 +
  183 +.cat_p_filter_bar p label {
  184 + display: block;
  185 + margin-bottom: 15px;
  186 +}
  187 +
  188 +.cat_p_catalog_list {
  189 + font-family: 'HelveticaRegular', sans-serif;
  190 + width: 700px;
  191 + padding-right: 10px;
  192 + display: inline-block;
  193 +}
  194 +
  195 +.cat_p_catalog_list ul {
  196 + list-style: none;
  197 + display: inline-block;
  198 +}
  199 +
  200 +.cat_p_catalog_list ul li {
  201 + display: inline-block;
  202 +}
  203 +
  204 +.cat_p_catalog_list ul li .active {
  205 + color: #333333;
  206 + text-decoration: none;
  207 +}
  208 +
  209 +.cat_p_catalog_list ul li a {
  210 + color: #6aa033;
  211 + font-size: 13px;
  212 +}
  213 +
  214 +.cat_p_catalog_list .sort_menu {
  215 + padding-bottom: 10px;
  216 + border-bottom: 1px solid #DBDCDD;
  217 + margin-bottom: 30px;
  218 + width: 720px;
  219 +}
  220 +
  221 +.cat_p_catalog_list .title {
  222 + font-size: 30px;
  223 + font-weight: bold;
  224 + padding-bottom: 20px;
  225 +}
  226 +
  227 +.cat_p_catalog_list .sort_price {
  228 + display: inline-block;
  229 + width: 225px;
  230 + position: relative;
  231 + font-size: 13px;
  232 +}
  233 +
  234 +.cat_p_catalog_list .sort_price select {
  235 + text-decoration: underline;
  236 + width: 120px;
  237 + border: none;
  238 + color: #6aa033;
  239 + -webkit-appearance: none;
  240 + /* ัะบั€ั‹ั‚ะธะต ั‚ั€ะตัƒะณะพะปัŒะฝะธะบะฐ ะฒ ัะตะปะตะบั‚ะต */
  241 + -moz-appearance: none;
  242 + appearance: none;
  243 + /* ัะบั€ั‹ั‚ะธะต ั‚ั€ะตัƒะณะพะปัŒะฝะธะบะฐ ะฒ ัะตะปะตะบั‚ะต */
  244 + text-indent: 0.01px;
  245 + /* ัะบั€ั‹ั‚ะธะต ั‚ั€ะตัƒะณะพะปัŒะฝะธะบะฐ ะฒ ัะตะปะตะบั‚ะต ะฒ firefox */
  246 + text-overflow: '';
  247 + /* ัะบั€ั‹ั‚ะธะต ั‚ั€ะตัƒะณะพะปัŒะฝะธะบะฐ ะฒ ัะตะปะตะบั‚ะต ะฒ firefox */
  248 + /*&::-ms-expand { display: none; } ัะบั€ั‹ั‚ะธะต ั‚ั€ะตัƒะณะพะปัŒะฝะธะบะฐ ะฒ ัะตะปะตะบั‚ะต ะฒ IE */
  249 + background: transparent;
  250 +}
  251 +
  252 +.cat_p_catalog_list .sort_price select:focus {
  253 + outline: none;
  254 +}
  255 +
  256 +.cat_p_catalog_list .sort_price select option {
  257 + background: transparent;
  258 +}
  259 +
  260 +.cat_p_catalog_list .sort_price i {
  261 + position: absolute;
  262 + right: 72px;
  263 + top: 3px;
  264 + cursor: pointer;
  265 + font-weight: bold;
  266 + color: #898b8e;
  267 + z-index: -1;
  268 +}
  269 +
  270 +.cat_p_catalog_list .show {
  271 + display: inline-block;
  272 + width: 225px;
  273 + text-align: center;
  274 + font-size: 13px;
  275 +}
  276 +
  277 +.cat_p_catalog_list .show_pages {
  278 + display: inline-block;
  279 + width: 250px;
  280 + text-align: right;
  281 + font-size: 13px;
  282 +}
  283 +
  284 +.cat_p_catalog_list .show_pages i {
  285 + color: #898b8e;
  286 + position: relative;
  287 + top: 1px;
  288 + padding-left: 5px;
  289 + font-size: 15px;
  290 + cursor: pointer;
  291 +}
  292 +
  293 +.cat_p_item_card_list {
  294 + font-family: 'HelveticaRegular', sans-serif;
  295 +}
  296 +
  297 +.cat_p_item_card_list .novelty {
  298 + text-align: center;
  299 +}
  300 +
  301 +.cat_p_item_card_list .novelty .content {
  302 + width: 720px;
  303 + padding: 0;
  304 +}
  305 +
  306 +.cat_p_item_card_list .novelty .content .novelty_cont {
  307 + width: 720px;
  308 + padding-bottom: 10px;
  309 +}
  310 +
  311 +.cat_p_item_card_list .novelty .content .novelty_cont .item {
  312 + /*min-height: 375px;*/
  313 + margin-right: 20px;
  314 + margin-bottom: 20px;
  315 + margin-left: 0;
  316 +}
  317 +
  318 +.cat_p_item_card_list .novelty .content .novelty_cont .item:after {
  319 + display: none;
  320 +}
  321 +
  322 +.cat_p_item_card_list .novelty .content .novelty_cont .item .item_bottom_img {
  323 + position: relative;
  324 + top: 3px;
  325 + right: 1px;
  326 +}
  327 +
  328 +.cat_p_item_card_list .novelty .content .novelty_cont .item:before {
  329 + content: "";
  330 + position: absolute;
  331 + bottom: -1px;
  332 + right: -1px;
  333 + width: 0px;
  334 + height: 0px;
  335 + border-width: 13px 13px 0px 0px;
  336 + border-style: solid;
  337 + border-color: transparent #fff;
  338 + z-index: 2;
  339 +}
  340 +
  341 +.cat_p_item_card_list .novelty .content .novelty_cont .item .brand span {
  342 + color: #6aa033;
  343 +}
  344 +
  345 +.cat_p_item_card_list .novelty .content .novelty_cont .item .new {
  346 + background-color: red;
  347 + width: auto;
  348 + padding-right: 20px;
  349 +}
  350 +
  351 +.cat_p_item_card_list .novelty .content .novelty_cont .item .new:after {
  352 + right: 0px;
  353 + width: 0px;
  354 + height: 0px;
  355 + border-width: 18px 13px 0px 0px;
  356 + border-style: solid;
  357 + border-color: transparent #fff;
  358 +}
  359 +
  360 +.cat_p_item_card_list .novelty .content .load_more_btn {
  361 + font-size: 13px;
  362 + padding: 10px 15px;
  363 + background: #6AA033;
  364 + -webkit-border-radius: 2px;
  365 + border-radius: 2px;
  366 + border: none;
  367 + color: white;
  368 + -webkit-box-shadow: 0 2px 0 #507927;
  369 + box-shadow: 0 2px 0 #507927;
  370 + margin-bottom: 20px;
  371 +}
  372 +
  373 +.cat_p_item_card_list .novelty .content .load_more_btn:hover {
  374 + background: #5d8d2d;
  375 +}
  376 +
  377 +.cat_p_item_card_list .novelty .content .show_pages {
  378 + display: block;
  379 + margin: auto;
  380 + text-align: center;
  381 + margin-bottom: 7px;
  382 +}
  383 +
  384 +.cat_p_item_card_list .novelty .content .description {
  385 + color: #333333;
  386 + text-align: left;
  387 + font-weight: normal;
  388 + font-size: 13px;
  389 +}
  390 +
  391 +.cat_p_item_card_list .novelty .content .description h2 {
  392 + padding: 30px 0;
  393 + font-size: 30px;
  394 + font-weight: normal;
  395 +}
  396 +
  397 +.cat_p_item_card_list .novelty .content .description .bold {
  398 + font-weight: bold;
  399 +}
  400 +
  401 +.cat_p_item_card_list .novelty .content .description h4 {
  402 + padding: 20px 0;
  403 + font-size: 14px;
  404 +}
  405 +
  406 +.cat_p_item_card_list .novelty .content .description .margin_bottom_20 {
  407 + margin-bottom: 20px;
  408 +}
  409 +
  410 +.cat_p_item_card_list .novelty .content .description .empty_padding_400 {
  411 + width: 100px;
  412 + height: 380px;
  413 +}
  414 +/* ัะฒะตั‚ะปั‹ะน ะทะตะปะตะฝั‹ะน ั†ะฒะตั‚, ั‚ะตะบัั‚ ะธ ะบะฝะพะฟะบะธ */
  415 +
  416 +/* ัั€ะตะดะฝะธะน ัะตั€ั‹ะน ั†ะฒะตั‚, ั‚ะตะบัั‚ ะธ ะบะฝะพะฟะบะธ */
  417 +
  418 +/* ัะฒะตั‚ะปั‹ะน ัะตั€ั‹ะน ั†ะฒะตั‚, ั€ะฐะผะบะธ ะธ ะปะธะฝะธะธ */
  419 +
  420 +/* ั‚ะตะผะฝั‹ะน ัะตั€ั‹ะน ั†ะฒะตั‚, ะฑะพะปัŒัˆะธะต ะฝะฐะทะฒะฐะฝะธั, ั†ะธั„ั€ั‹ */
  421 +
  422 +a {
  423 + color: #6aa034;
  424 +}
  425 +
  426 +a:hover {
  427 + color: #517a27;
  428 +}
  429 +
  430 +h1 {
  431 + color: #333333;
  432 + font-size: 30px;
  433 + font-weight: normal;
  434 +}
  435 +
  436 +.flex-container {
  437 + display: -webkit-box;
  438 + display: -webkit-flex;
  439 + display: -ms-flexbox;
  440 + display: flex;
  441 + -webkit-flex-wrap: wrap;
  442 + -ms-flex-wrap: wrap;
  443 + flex-wrap: wrap;
  444 + -webkit-box-pack: justify;
  445 + -webkit-justify-content: space-between;
  446 + -ms-flex-pack: justify;
  447 + justify-content: space-between;
  448 +}
  449 +
  450 +.bradcrumps_top {
  451 + padding: 30px 0;
  452 + line-height: 0;
  453 +}
  454 +
  455 +.bradcrumps_top ul li {
  456 + display: inline-block;
  457 +}
  458 +
  459 +.bradcrumps_top ul li a {
  460 + font-size: 12px;
  461 + color: #6aa034;
  462 + text-decoration: underline;
  463 +}
  464 +
  465 +.bradcrumps_top ul li:last-child a {
  466 + text-decoration: none;
  467 + color: #898b8e;
  468 +}
  469 +
  470 +.bradcrumps_top ul li:last-child i {
  471 + display: none;
  472 +}
  473 +
  474 +.bradcrumps_top ul li i {
  475 + color: #898b8e;
  476 + padding: 0 2px 0 6px;
  477 + font-weight: bold;
  478 + font-size: 11px;
  479 +}
  480 +
  481 +.my_custom_card {
  482 + width: 218px;
  483 + display: inline-block;
  484 + border: 1px solid #cdd1d9;
  485 + border-bottom: none;
  486 + -webkit-border-top-left-radius: 2px;
  487 + border-top-left-radius: 2px;
  488 + -webkit-border-top-right-radius: 2px;
  489 + border-top-right-radius: 2px;
  490 + position: relative;
  491 + text-align: center;
  492 + margin-bottom: 1px;
  493 + margin-bottom: 19px;
  494 + color: #333333;
  495 + /* &:before {
  496 + content: "";
  497 + position: absolute;
  498 + bottom: -1px;
  499 + right: -1px;
  500 + width: 0px;
  501 + height: 0px;
  502 + border-width: 13px 13px 0px 0px;
  503 + border-style: solid;
  504 + border-color: transparent #fff;
  505 + z-index: 2;
  506 + }*/
  507 +}
  508 +
  509 +.my_custom_card .item_bottom_img {
  510 + bottom: 61px;
  511 + left: -1px;
  512 + position: absolute;
  513 + top: 374px;
  514 +}
  515 +
  516 +.my_custom_card .new {
  517 + position: absolute;
  518 + color: #ffffff;
  519 + left: 0px;
  520 + top: 14px;
  521 + text-transform: uppercase;
  522 + font-size: 10px;
  523 + text-align: left;
  524 + background-color: red;
  525 + width: auto;
  526 + padding: 1px 20px 0px 5px;
  527 + z-index: 1;
  528 + line-height: 17px;
  529 +}
  530 +
  531 +.my_custom_card .new:after {
  532 + content: "";
  533 + height: 0px;
  534 + top: 0;
  535 + right: 0;
  536 + border-width: 21px 14px 0px 0px;
  537 + border-style: solid;
  538 + border-color: transparent #fff;
  539 + position: absolute;
  540 +}
  541 +
  542 +.my_custom_card .top {
  543 + background: #ffde00;
  544 + position: absolute;
  545 + padding: 1px 20px 0px 5px;
  546 + color: #ffffff;
  547 + left: 0px;
  548 + top: 35px;
  549 + text-transform: uppercase;
  550 + font-size: 10px;
  551 + color: #333333;
  552 + z-index: 1;
  553 +}
  554 +
  555 +.my_custom_card .top:after {
  556 + content: "";
  557 + top: 0;
  558 + right: 0px;
  559 + border-width: 21px 14px 0px 0px;
  560 + border-style: solid;
  561 + border-color: transparent #fff;
  562 + position: absolute;
  563 +}
  564 +
  565 +.my_custom_card .item_link {
  566 + text-decoration: none;
  567 + border: 0;
  568 +}
  569 +
  570 +.my_custom_card .item_link .pic {
  571 + margin-top: 25px;
  572 +}
  573 +
  574 +.my_custom_card .item_link .title_item {
  575 + padding: 13px;
  576 + color: #6aa033;
  577 + margin-bottom: 3px;
  578 + font-size: 15px;
  579 + line-height: 17px;
  580 +}
  581 +
  582 +.my_custom_card .brand {
  583 + font-size: 12px;
  584 + line-height: 12px;
  585 +}
  586 +
  587 +.my_custom_card .brand span {
  588 + color: #6aa033;
  589 +}
  590 +
  591 +.my_custom_card .type {
  592 + font-size: 12px;
  593 +}
  594 +
  595 +.my_custom_card .price {
  596 + font-size: 20px;
  597 + font-weight: bold;
  598 + font-family: HelveticaBold;
  599 + padding-bottom: 11px;
  600 + padding-top: 6px;
  601 +}
  602 +
  603 +.my_custom_card .price span {
  604 + font-size: 13px !important;
  605 +}
  606 +
  607 +.my_custom_card .foo {
  608 + padding: 5px 53px 5px 14px;
  609 + border: none;
  610 + background-color: #6aa034;
  611 + color: white;
  612 + font-size: 12px;
  613 + -webkit-border-radius: 3px;
  614 + border-radius: 3px;
  615 + -webkit-box-shadow: 0 2px #517a27;
  616 + box-shadow: 0 2px #517a27;
  617 + position: relative;
  618 + display: block;
  619 + margin: 0 auto 10px;
  620 +}
  621 +
  622 +.my_custom_card .foo:hover {
  623 + background-color: #5d8d2e;
  624 +}
  625 +
  626 +.my_custom_card .foo:active {
  627 + -webkit-box-shadow: none;
  628 + box-shadow: none;
  629 + top: 2px;
  630 +}
  631 +
  632 +.my_custom_card .foo img {
  633 + position: absolute;
  634 + padding: 3px 3px 3px 8px;
  635 + border-left: 1px solid #527B28;
  636 + right: 12px;
  637 + top: 3px;
  638 +}
  639 +
  640 +.my_custom_card .compare_add_but_d {
  641 + color: #6aa034;
  642 + font-size: 12px;
  643 + text-decoration: none;
  644 +}
  645 +
  646 +.my_custom_card .compare_add_but_d span {
  647 + border-bottom: 1px dotted #6aa034;
  648 + padding-left: 10px;
  649 +}
  650 +
  651 +.my_custom_card .compare_add_but_d span:hover {
  652 + color: #517a27;
  653 +}
  654 +
  655 +.my_custom_card img {
  656 + position: relative;
  657 + top: 4px;
  658 + right: 1px;
  659 +}
  660 +
  661 +ul {
  662 + list-style: none;
  663 +}
  664 +
  665 +h1.with_this {
  666 + margin-bottom: 21px;
  667 +}
  668 +
  669 +hr {
  670 + margin-bottom: 30px;
  671 + margin-top: 30px;
  672 + color: #C6C7C9;
  673 + border: none;
  674 + background-color: #C6C7C9;
  675 + height: 1px !important;
  676 + margin-right: -10px;
  677 + margin-left: -10px;
  678 +}
  679 +
  680 +.tabs_item_name {
  681 + font-weight: bold;
  682 + padding-bottom: 15px;
  683 + display: block;
  684 +}
  685 +
  686 +.open_card_item_title {
  687 + color: #333333;
  688 + font-size: 30px;
  689 + padding-bottom: 42px;
  690 + font-weight: bold;
  691 + margin: 0px;
  692 +}
  693 +
  694 +.item_3_blocks_wrap {
  695 + display: -webkit-box;
  696 + display: -webkit-flex;
  697 + display: -ms-flexbox;
  698 + display: flex;
  699 + -webkit-flex-wrap: wrap;
  700 + -ms-flex-wrap: wrap;
  701 + flex-wrap: wrap;
  702 + -webkit-box-pack: justify;
  703 + -webkit-justify-content: space-between;
  704 + -ms-flex-pack: justify;
  705 + justify-content: space-between;
  706 +}
  707 +
  708 +.item_3_blocks_wrap .item_img_block {
  709 + width: 320px;
  710 + position: relative;
  711 +}
  712 +
  713 +.item_3_blocks_wrap .item_img_block .main_img {
  714 + text-align: center;
  715 + border: 1px solid #C6C7C9;
  716 + height: 317px;
  717 + width: 318px;
  718 +}
  719 +
  720 +.item_3_blocks_wrap .item_img_block .main_img img {
  721 + height: 100%;
  722 +}
  723 +
  724 +.item_3_blocks_wrap .item_img_block .main_img .new {
  725 + background: #00adf0;
  726 + font-size: 10px;
  727 + padding: 1px 5px 0px 5px;
  728 + position: absolute;
  729 + left: 0;
  730 + top: 15px;
  731 + color: white;
  732 + line-height: 17px;
  733 +}
  734 +
  735 +.item_3_blocks_wrap .item_img_block .main_img .new:after {
  736 + content: "";
  737 + border-width: 0px 0px 18px 17px;
  738 + border-style: solid;
  739 + border-color: black green transparent #00ADF0;
  740 + position: absolute;
  741 + bottom: 0px;
  742 + right: -17px;
  743 +}
  744 +
  745 +.item_3_blocks_wrap .item_img_block .main_img .top {
  746 + background: #ffde00;
  747 + font-size: 10px;
  748 + padding: 1px 5px 0px 5px;
  749 + position: absolute;
  750 + line-height: 17px;
  751 + left: 0;
  752 + top: 38px;
  753 + color: black;
  754 +}
  755 +
  756 +.item_3_blocks_wrap .item_img_block .main_img .top:after {
  757 + content: "";
  758 + border-width: 0px 0px 18px 17px;
  759 + border-style: solid;
  760 + border-color: black green transparent #ffde00;
  761 + position: absolute;
  762 + bottom: 0px;
  763 + right: -17px;
  764 +}
  765 +
  766 +.item_3_blocks_wrap .item_img_block .main_img_slide {
  767 + position: relative;
  768 + margin-top: 20px;
  769 + display: -webkit-box;
  770 + display: -webkit-flex;
  771 + display: -ms-flexbox;
  772 + display: flex;
  773 + -webkit-justify-content: space-around;
  774 + -ms-flex-pack: distribute;
  775 + justify-content: space-around;
  776 + -webkit-box-align: center;
  777 + -webkit-align-items: center;
  778 + -ms-flex-align: center;
  779 + align-items: center;
  780 +}
  781 +
  782 +.item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block {
  783 + width: 80px;
  784 + height: 77px;
  785 + border: 1px solid #C6C7C9;
  786 + display: inline-block;
  787 +}
  788 +
  789 +.item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block img {
  790 + width: 96%;
  791 +}
  792 +
  793 +.item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block:first-child {
  794 + margin-left: 10px;
  795 +}
  796 +
  797 +.item_3_blocks_wrap .item_img_block .main_img_slide .small_img_block:nth-child(3) {
  798 + margin-right: 10px;
  799 +}
  800 +
  801 +.item_3_blocks_wrap .item_img_block .main_img_slide .active {
  802 + border: 2px solid #C6C7C9;
  803 +}
  804 +
  805 +.item_3_blocks_wrap .item_img_block .main_img_slide .slider_arrow_right {
  806 + position: absolute;
  807 + right: 0;
  808 + top: 39%;
  809 +}
  810 +
  811 +.item_3_blocks_wrap .item_img_block .main_img_slide .slider_arrow_left {
  812 + position: absolute;
  813 + left: 0;
  814 + top: 39%;
  815 +}
  816 +
  817 +.item_3_blocks_wrap .busket_block {
  818 + position: relative;
  819 + width: 295px;
  820 +}
  821 +
  822 +.item_3_blocks_wrap .busket_block .grey_bg {
  823 + background-color: #f4f4f4;
  824 + padding: 27px 0 20px;
  825 + margin-top: 20px;
  826 +}
  827 +
  828 +.item_3_blocks_wrap .busket_block .top_code .code {
  829 + background: #ffde00;
  830 + color: black;
  831 + font-size: 12px;
  832 + color: #333333;
  833 + font-weight: bold;
  834 + padding: 4px 12px;
  835 + display: inline-block;
  836 +}
  837 +
  838 +.item_3_blocks_wrap .busket_block .top_code .have {
  839 + font-size: 12px;
  840 + color: #333333;
  841 + font-weight: bold;
  842 + padding: 4px 19px 7px;
  843 + position: absolute;
  844 + top: 0;
  845 + right: 0;
  846 +}
  847 +
  848 +.item_3_blocks_wrap .busket_block .top_code .have img {
  849 + position: absolute;
  850 + right: 100px;
  851 + left: -5px;
  852 +}
  853 +
  854 +.item_3_blocks_wrap .busket_block .counter {
  855 + text-align: center;
  856 +}
  857 +
  858 +.item_3_blocks_wrap .busket_block .counter .price {
  859 + color: #333333;
  860 + font-size: 28px;
  861 + font-weight: bold;
  862 + display: inline-block;
  863 + padding-left: 20px;
  864 + padding-top: 8px;
  865 + padding-bottom: 11px;
  866 +}
  867 +
  868 +.item_3_blocks_wrap .busket_block .counter .sign {
  869 + font-size: 15px;
  870 + color: #333333;
  871 + font-weight: bold;
  872 + display: inline-block;
  873 + margin-right: 15px;
  874 +}
  875 +
  876 +.item_3_blocks_wrap .busket_block .counter .count_block {
  877 + display: inline-block;
  878 + position: relative;
  879 +}
  880 +
  881 +.item_3_blocks_wrap .busket_block .counter .count_block .count_number {
  882 + display: inline-block;
  883 + font-size: 22px;
  884 + padding: 6px 13px 6px;
  885 + border: 1px solid #C6C7C9;
  886 + -webkit-border-radius: 3px;
  887 + border-radius: 3px;
  888 + position: relative;
  889 + /*top: -2px;*/
  890 + background-color: #fff;
  891 +}
  892 +
  893 +.item_3_blocks_wrap .busket_block .counter .count_block .count_buttons {
  894 + position: relative;
  895 + /*top: 4px;*/
  896 + right: 6px;
  897 + display: inline-block;
  898 + vertical-align: bottom;
  899 +}
  900 +
  901 +.item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_plus {
  902 + background-color: #898b8e;
  903 + color: white;
  904 + font-weight: bold;
  905 + border-bottom: 1px solid #707274;
  906 + -webkit-border-top-right-radius: 3px;
  907 + border-top-right-radius: 3px;
  908 + font-size: 15px;
  909 + line-height: 15px;
  910 + padding: 0 7px;
  911 + cursor: pointer;
  912 +}
  913 +
  914 +.item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_plus:hover {
  915 + background-color: #7c7e81;
  916 +}
  917 +
  918 +.item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_minus {
  919 + background-color: #898b8e;
  920 + color: white;
  921 + font-weight: bold;
  922 + line-height: 16px;
  923 + border-top: 1px solid #A2A2A2;
  924 + -webkit-border-bottom-right-radius: 3px;
  925 + border-bottom-right-radius: 3px;
  926 + cursor: pointer;
  927 +}
  928 +
  929 +.item_3_blocks_wrap .busket_block .counter .count_block .count_buttons .button_minus:hover {
  930 + background-color: #7c7e81;
  931 +}
  932 +
  933 +.item_3_blocks_wrap .busket_block .in_cart_btn {
  934 + text-align: center;
  935 + padding-top: 16px;
  936 +}
  937 +
  938 +.item_3_blocks_wrap .busket_block .in_cart_btn a {
  939 + color: white;
  940 + text-decoration: none;
  941 +}
  942 +
  943 +.item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn {
  944 + background: #6aa034;
  945 + border: none;
  946 + padding: 10px 55px 10px 15px;
  947 + font-size: 16px;
  948 + -webkit-box-shadow: 0 2px #517a27;
  949 + box-shadow: 0 2px #517a27;
  950 + -webkit-border-radius: 2px;
  951 + border-radius: 2px;
  952 + position: relative;
  953 +}
  954 +
  955 +.item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn:hover {
  956 + background: #5d8d2e;
  957 +}
  958 +
  959 +.item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn:active {
  960 + position: relative;
  961 + top: 2px;
  962 + -webkit-box-shadow: none;
  963 + box-shadow: none;
  964 +}
  965 +
  966 +.item_3_blocks_wrap .busket_block .in_cart_btn a .cart_btn img {
  967 + position: absolute;
  968 + padding: 7px 7px 7px 9px;
  969 + right: 7px;
  970 + width: 18px;
  971 + border-left: 1px solid #5d8d2e;
  972 + bottom: 2px;
  973 +}
  974 +
  975 +.item_3_blocks_wrap .busket_block .to_compare_link {
  976 + text-align: center;
  977 + margin-top: 18px;
  978 +}
  979 +
  980 +.item_3_blocks_wrap .busket_block .to_compare_link .add_to_compare {
  981 + border-bottom: 1px solid #6aa034;
  982 + border-style: dotted;
  983 + text-decoration: none;
  984 + border-top: none;
  985 + border-left: none;
  986 + border-right: none;
  987 + font-size: 12px;
  988 +}
  989 +
  990 +.item_3_blocks_wrap .busket_block .to_compare_link img {
  991 + position: relative;
  992 + top: 3px;
  993 + width: 19px;
  994 +}
  995 +
  996 +.item_3_blocks_wrap .busket_block .quick_order {
  997 + margin-top: 16px;
  998 +}
  999 +
  1000 +.item_3_blocks_wrap .busket_block .quick_order form .text {
  1001 + font-size: 12px;
  1002 + color: #333333;
  1003 + font-weight: bold;
  1004 + padding-right: 3px;
  1005 +}
  1006 +
  1007 +.item_3_blocks_wrap .busket_block .quick_order form .quick_order_phone {
  1008 + font-size: 12px;
  1009 + color: #333333;
  1010 + padding: 9px;
  1011 + border: 1px solid #C6C7C9;
  1012 + -webkit-border-radius: 2px;
  1013 + border-radius: 2px;
  1014 + width: 100px;
  1015 +}
  1016 +
  1017 +.item_3_blocks_wrap .busket_block .quick_order form placeholder {
  1018 + color: #C6C7C9;
  1019 +}
  1020 +
  1021 +.item_3_blocks_wrap .busket_block .quick_order form button {
  1022 + border: none;
  1023 + font-size: 12px;
  1024 + color: white;
  1025 + padding: 7px 8px 6px 10px;
  1026 + background: #6aa034;
  1027 + -webkit-box-shadow: 0 2px #517a27;
  1028 + box-shadow: 0 2px #517a27;
  1029 + -webkit-border-top-right-radius: 2px;
  1030 + border-top-right-radius: 2px;
  1031 + -webkit-border-bottom-right-radius: 2px;
  1032 + border-bottom-right-radius: 2px;
  1033 + position: absolute;
  1034 + right: 1px;
  1035 +}
  1036 +
  1037 +.item_3_blocks_wrap .busket_block .quick_order form button:hover {
  1038 + background: #5d8d2e;
  1039 +}
  1040 +
  1041 +.item_3_blocks_wrap .busket_block .delivery {
  1042 + font-size: 13px;
  1043 + color: #333333;
  1044 + margin-top: 27px;
  1045 +}
  1046 +
  1047 +.item_3_blocks_wrap .busket_block .delivery a {
  1048 + text-decoration: underline;
  1049 +}
  1050 +
  1051 +.character_block {
  1052 + width: 265px;
  1053 + color: #333333;
  1054 +}
  1055 +
  1056 +.character_block h3 {
  1057 + line-height: 16px;
  1058 +}
  1059 +
  1060 +.character_block .each {
  1061 + border-bottom: 1px solid #C6C7C9;
  1062 + border-style: dotted;
  1063 + border-top: none;
  1064 + border-left: none;
  1065 + border-right: none;
  1066 + font-size: 13px;
  1067 + margin-top: 2px;
  1068 +}
  1069 +
  1070 +.character_block .title {
  1071 + display: inline-block;
  1072 + background: white;
  1073 + position: relative;
  1074 + top: 4px;
  1075 + color: #898b8e;
  1076 +}
  1077 +
  1078 +.character_block .tech {
  1079 + display: inline-block;
  1080 + background: white;
  1081 + float: right;
  1082 + position: relative;
  1083 + top: 4px;
  1084 +}
  1085 +
  1086 +.character_block .tech_links {
  1087 + margin-top: 20px;
  1088 +}
  1089 +
  1090 +.character_block .tech_links a {
  1091 + text-decoration: none;
  1092 + border-bottom: 1px solid #6aa034;
  1093 + border-style: dashed;
  1094 + border-left: none;
  1095 + border-right: none;
  1096 + border-top: none;
  1097 + font-size: 18px;
  1098 + margin-top: 6px;
  1099 + margin-right: 100px;
  1100 + display: inline-block;
  1101 +}
  1102 +
  1103 +.flex_container {
  1104 + display: -webkit-box;
  1105 + display: -webkit-flex;
  1106 + display: -ms-flexbox;
  1107 + display: flex;
  1108 + -webkit-flex-wrap: wrap;
  1109 + -ms-flex-wrap: wrap;
  1110 + flex-wrap: wrap;
  1111 + -webkit-box-pack: justify;
  1112 + -webkit-justify-content: space-between;
  1113 + -ms-flex-pack: justify;
  1114 + justify-content: space-between;
  1115 +}
  1116 +
  1117 +.tabs_block {
  1118 + color: #333333;
  1119 +}
  1120 +
  1121 +.watched_block {
  1122 + margin-bottom: 45px;
  1123 +}
  1124 +
  1125 +.watched_block h1 {
  1126 + font-size: 30px;
  1127 + color: #333333;
  1128 + margin-bottom: 18px;
  1129 +}
  1130 +
  1131 +.just_test_tracs {
  1132 + -webkit-transition: all 02s easy;
  1133 + transition: all 02s easy;
  1134 + -webkit-transform: rotate(7deg);
  1135 + -ms-transform: rotate(7deg);
  1136 + transform: rotate(7deg);
  1137 +}
  1138 +/* ัะฒะตั‚ะปั‹ะน ะทะตะปะตะฝั‹ะน ั†ะฒะตั‚, ั‚ะตะบัั‚ ะธ ะบะฝะพะฟะบะธ */
  1139 +
  1140 +/* ัั€ะตะดะฝะธะน ัะตั€ั‹ะน ั†ะฒะตั‚, ั‚ะตะบัั‚ ะธ ะบะฝะพะฟะบะธ */
  1141 +
  1142 +/* ัะฒะตั‚ะปั‹ะน ัะตั€ั‹ะน ั†ะฒะตั‚, ั€ะฐะผะบะธ ะธ ะปะธะฝะธะธ */
  1143 +
  1144 +/* ั‚ะตะผะฝั‹ะน ัะตั€ั‹ะน ั†ะฒะตั‚, ะฑะพะปัŒัˆะธะต ะฝะฐะทะฒะฐะฝะธั, ั†ะธั„ั€ั‹ */
  1145 +
  1146 +.main_cont_wrap {
  1147 + width: 940px;
  1148 + margin: auto;
  1149 + padding: 0px 10px;
  1150 + color: #333333;
  1151 + line-height: 19px;
  1152 +}
  1153 +
  1154 +.main_cont_wrap .services_title {
  1155 + font-size: 30px;
  1156 + padding-top: 0px;
  1157 + padding-bottom: 26px;
  1158 + font-weight: bold;
  1159 + margin: 0px;
  1160 +}
  1161 +
  1162 +.main_cont_wrap .services_title_servis {
  1163 + font-size: 30px;
  1164 + padding-top: 0px;
  1165 + padding-bottom: 39px;
  1166 + font-weight: bold;
  1167 + margin: 0px;
  1168 +}
  1169 +
  1170 +.main_cont_wrap .services_block {
  1171 + display: -webkit-box;
  1172 + display: -webkit-flex;
  1173 + display: -ms-flexbox;
  1174 + display: flex;
  1175 + -webkit-flex-wrap: wrap;
  1176 + -ms-flex-wrap: wrap;
  1177 + flex-wrap: wrap;
  1178 +}
  1179 +
  1180 +.main_cont_wrap .services_block .services_each {
  1181 + width: 215px;
  1182 + padding: 0 10px;
  1183 + text-align: center;
  1184 + display: inline-block;
  1185 + margin-bottom: 45px;
  1186 +}
  1187 +
  1188 +.main_cont_wrap .services_block .services_each .name {
  1189 + font-size: 18px;
  1190 + font-weight: bold;
  1191 + padding: 20px 0px;
  1192 + display: block;
  1193 + padding-bottom: 16px;
  1194 +}
  1195 +
  1196 +.main_cont_wrap .services_block .services_each img {
  1197 + display: block;
  1198 + height: 65px;
  1199 + margin: auto;
  1200 +}
  1201 +
  1202 +.main_cont_wrap .services_block .services_each p {
  1203 + font-size: 13px;
  1204 + line-height: 16px;
  1205 +}
  1206 +
  1207 +.delivery_block {
  1208 + display: -webkit-box;
  1209 + display: -webkit-flex;
  1210 + display: -ms-flexbox;
  1211 + display: flex;
  1212 + -webkit-flex-wrap: wrap;
  1213 + -ms-flex-wrap: wrap;
  1214 + flex-wrap: wrap;
  1215 + -webkit-box-pack: justify;
  1216 + -webkit-justify-content: space-between;
  1217 + -ms-flex-pack: justify;
  1218 + justify-content: space-between;
  1219 + padding-bottom: 362px;
  1220 + padding-top: 11px;
  1221 +}
  1222 +
  1223 +.delivery_each_block {
  1224 + font-size: 13px;
  1225 + width: 450px;
  1226 + line-height: 16px;
  1227 +}
  1228 +
  1229 +.delivery_each_block img {
  1230 + display: block;
  1231 + width: 290px;
  1232 + margin: auto;
  1233 +}
  1234 +
  1235 +.delivery_each_block .name {
  1236 + font-weight: bold;
  1237 + padding: 27px 0 18px;
  1238 + display: block;
  1239 + text-align: center;
  1240 + font-size: 15px;
  1241 +}
  1242 +
  1243 +.delivery_each_block .address {
  1244 + font-size: 16px;
  1245 + font-weight: bold;
  1246 + display: block;
  1247 + padding-bottom: 20px;
  1248 +}
  1249 +
  1250 +.contact_page_phones {
  1251 + font-size: 16px;
  1252 + font-weight: bold;
  1253 + padding-bottom: 15px;
  1254 +}
  1255 +
  1256 +.align_items_bottom {
  1257 + -webkit-box-align: end;
  1258 + -webkit-align-items: flex-end;
  1259 + -ms-flex-align: end;
  1260 + align-items: flex-end;
  1261 +}
  1262 +
  1263 +.manufacturers_block {
  1264 + display: -webkit-box;
  1265 + display: -webkit-flex;
  1266 + display: -ms-flexbox;
  1267 + display: flex;
  1268 + -webkit-flex-wrap: wrap;
  1269 + -ms-flex-wrap: wrap;
  1270 + flex-wrap: wrap;
  1271 + -webkit-box-pack: justify;
  1272 + -webkit-justify-content: space-between;
  1273 + -ms-flex-pack: justify;
  1274 + justify-content: space-between;
  1275 + margin-bottom: 40px;
  1276 + margin-top: 13px;
  1277 +}
  1278 +
  1279 +.manufacturers_block a {
  1280 + width: 172px;
  1281 + height: 100px;
  1282 + overflow: hidden;
  1283 + margin-bottom: 20px;
  1284 + display: inline-block;
  1285 +}
  1286 +
  1287 +.payment_icon_1 {
  1288 + display: inline-block;
  1289 + background-image: url("../images/payment01.png");
  1290 + background-repeat: no-repeat;
  1291 + width: 90px;
  1292 + height: 40px;
  1293 + float: left;
  1294 + background-position: 26px 5px;
  1295 +}
  1296 +
  1297 +.payment_icon_2 {
  1298 + display: inline-block;
  1299 + background-image: url("../images/payment01.png");
  1300 + background-repeat: no-repeat;
  1301 + width: 90px;
  1302 + height: 40px;
  1303 + float: left;
  1304 + background-position: 26px -32px;
  1305 +}
  1306 +
  1307 +.payment_01 {
  1308 + margin: 21px 2px;
  1309 + display: block;
  1310 +}
  1311 +
  1312 +span.bold {
  1313 + font-weight: bold;
  1314 +}
  1315 +
  1316 +span.red {
  1317 + color: red;
  1318 +}
  1319 +
  1320 +.font_size_13 {
  1321 + font-size: 13px;
  1322 +}
  1323 +
  1324 +.padding_450 {
  1325 + padding-bottom: 450px;
  1326 +}
  1327 +
  1328 +.basket_main_title {
  1329 + margin-top: 0;
  1330 + font-weight: bold;
  1331 + font-size: 30px;
  1332 + margin-bottom: 29px;
  1333 +}
  1334 +
  1335 +.privet_info_block h3 {
  1336 + font-size: 18px;
  1337 + font-weight: bold;
  1338 + padding-bottom: 16px;
  1339 +}
  1340 +
  1341 +.privet_info_block label {
  1342 + font-size: 13px;
  1343 + font-weight: bold;
  1344 +}
  1345 +
  1346 +.privet_info_block span.placehold {
  1347 + font-size: 12px;
  1348 + color: #898b8e;
  1349 + font-weight: normal;
  1350 +}
  1351 +
  1352 +.privet_info_block input {
  1353 + padding: 7px 5px 9px;
  1354 + border: 1px solid #C6C7C9;
  1355 + -webkit-border-radius: 2px;
  1356 + border-radius: 2px;
  1357 + margin: 0 12px 0 8px;
  1358 + width: 256px;
  1359 +}
  1360 +
  1361 +.privet_info_block .padding_cust {
  1362 + padding: 0px 0px 8px 14px;
  1363 +}
  1364 +
  1365 +.privet_info_block .padding_cust:nth-child(3) {
  1366 + padding-left: 17px;
  1367 +}
  1368 +
  1369 +.privet_info_block .padding_cust:nth-child(4) {
  1370 + padding-left: 1px;
  1371 +}
  1372 +
  1373 +.separator {
  1374 + width: 960px;
  1375 + height: 1px;
  1376 + border-bottom: 1px solid #C6C7C9;
  1377 + margin: 11px 0 27px;
  1378 +}
  1379 +
  1380 +.delivery_radio h3 {
  1381 + padding-bottom: 12px;
  1382 +}
  1383 +
  1384 +.delivery_radio p {
  1385 + display: inline-block;
  1386 + font-size: 13px;
  1387 +}
  1388 +
  1389 +.delivery_radio .padding_cust {
  1390 + padding-bottom: 6px;
  1391 +}
  1392 +
  1393 +.delivery_radio span.placehold {
  1394 + color: #898b8e;
  1395 + display: block;
  1396 + font-size: 13px;
  1397 + padding-left: 23px;
  1398 + position: relative;
  1399 + bottom: 4px;
  1400 +}
  1401 +
  1402 +.basket_pay_block h3 {
  1403 + padding-bottom: 12px;
  1404 +}
  1405 +
  1406 +.basket_pay_block p {
  1407 + display: inline-block;
  1408 + font-size: 13px;
  1409 +}
  1410 +
  1411 +.basket_pay_block .padding_cust {
  1412 + padding-bottom: 6px;
  1413 + position: relative;
  1414 +}
  1415 +
  1416 +.basket_pay_block span.placehold {
  1417 + color: #898b8e;
  1418 + display: block;
  1419 + font-size: 13px;
  1420 + padding-left: 23px;
  1421 + position: relative;
  1422 + bottom: 4px;
  1423 +}
  1424 +
  1425 +.basket_pay_block input[type="text"] {
  1426 + margin-left: 8px;
  1427 + height: 17px;
  1428 + top: -11px;
  1429 + position: absolute;
  1430 + left: 315px;
  1431 + height: 22px;
  1432 + -webkit-border-radius: 2px;
  1433 + border-radius: 2px;
  1434 + border: 1px solid #C6C7C9;
  1435 + width: 89px;
  1436 + padding: 5px;
  1437 +}
  1438 +
  1439 +.separator_02 {
  1440 + width: 960px;
  1441 + height: 1px;
  1442 + border-bottom: 1px solid #C6C7C9;
  1443 + margin: 3px 0 27px;
  1444 +}
  1445 +
  1446 +.for_margin {
  1447 + text-align: center;
  1448 + margin: 27px 0 84px;
  1449 +}
  1450 +
  1451 +.order_01_btn {
  1452 + font-size: 13px;
  1453 + -webkit-box-shadow: 0 2px #517a27;
  1454 + box-shadow: 0 2px #517a27;
  1455 + border: none;
  1456 + -webkit-border-radius: 2px;
  1457 + border-radius: 2px;
  1458 + background-color: #6aa034;
  1459 + padding: 6px 22px;
  1460 + color: white;
  1461 +}
  1462 +
  1463 +.order_01_btn:hover {
  1464 + background-color: #5d8d2e;
  1465 +}
  1466 +
  1467 +.order_01_btn:active {
  1468 + position: relative;
  1469 + -webkit-box-shadow: none;
  1470 + box-shadow: none;
  1471 + top: 2px;
  1472 +}
  1473 +
  1474 +.order_list {
  1475 + width: 595px;
  1476 +}
  1477 +
  1478 +.order_list .active {
  1479 + background-color: #e0e1e2;
  1480 +}
  1481 +
  1482 +.order_list h3 {
  1483 + margin-bottom: 6px;
  1484 +}
  1485 +
  1486 +.order_list hr {
  1487 + margin-top: 0px;
  1488 + margin-right: 0;
  1489 + margin-left: 0;
  1490 + margin-bottom: 16px;
  1491 +}
  1492 +
  1493 +.order_list hr:nth-child(5) {
  1494 + margin-top: 15px;
  1495 + width: 930px;
  1496 + margin-left: -10px;
  1497 +}
  1498 +
  1499 +.order_list .all_price p {
  1500 + font-size: 15px;
  1501 + display: inline-block;
  1502 +}
  1503 +
  1504 +.order_list .all_price p:nth-child(1) {
  1505 + padding-left: 19px;
  1506 + padding-right: 150px;
  1507 +}
  1508 +
  1509 +.order_list .all_price p:nth-child(2) {
  1510 + padding-right: 20px;
  1511 +}
  1512 +
  1513 +.order_list .all_price .all_price {
  1514 + font-size: 20px;
  1515 + font-weight: bold;
  1516 +}
  1517 +
  1518 +.order_list_li {
  1519 + padding: 10px 20px;
  1520 + display: -webkit-inline-box;
  1521 + display: -webkit-inline-flex;
  1522 + display: -ms-inline-flexbox;
  1523 + display: inline-flex;
  1524 +}
  1525 +
  1526 +.order_list_li .little_img {
  1527 + height: 78px;
  1528 + width: 78px;
  1529 + border: 1px solid #C6C7C9;
  1530 + overflow: hidden;
  1531 + display: inline-block;
  1532 + margin-right: 14px;
  1533 + float: left;
  1534 +}
  1535 +
  1536 +.order_list_li .little_img img {
  1537 + height: 100%;
  1538 +}
  1539 +
  1540 +.order_list_li .name_and_code {
  1541 + display: inline-block;
  1542 + float: left;
  1543 +}
  1544 +
  1545 +.order_list_li .name_and_code .name {
  1546 + display: block;
  1547 + color: #6aa034;
  1548 + font-size: 15px;
  1549 + width: 175px;
  1550 + margin-bottom: 7px;
  1551 + position: relative;
  1552 + line-height: 18px;
  1553 + top: -3px;
  1554 +}
  1555 +
  1556 +.order_list_li .name_and_code .code {
  1557 + display: block;
  1558 + font-size: 12px;
  1559 +}
  1560 +
  1561 +.order_list_li .how_many {
  1562 + display: inline-block;
  1563 + padding: 32px 20px 0px 85px;
  1564 + font-weight: bold;
  1565 +}
  1566 +
  1567 +.order_list_li .price {
  1568 + display: inline-block;
  1569 + padding-left: 44px;
  1570 + font-weight: bold;
  1571 + font-size: 18px;
  1572 + padding-top: 31px;
  1573 + padding-left: 48px;
  1574 +}
  1575 +
  1576 +.order_list_li .price .price_text {
  1577 + font-size: 15px;
  1578 + font-weight: normal;
  1579 +}
  1580 +
  1581 +.basket_step_2_delivery h3 {
  1582 + font-size: 18px;
  1583 + font-weight: bold;
  1584 + margin-top: 28px;
  1585 + margin-bottom: 12px;
  1586 +}
  1587 +
  1588 +.basket_step_2_delivery h4 {
  1589 + font-size: 18px;
  1590 + font-weight: bold;
  1591 + margin-top: 24px;
  1592 + margin-bottom: 12px;
  1593 +}
  1594 +
  1595 +.basket_step_2_delivery .detail {
  1596 + font-size: 13px;
  1597 + margin-bottom: 7px;
  1598 +}
  1599 +
  1600 +.basket_step_2_delivery .detail .grey {
  1601 + color: #898b8e;
  1602 + display: inline-block;
  1603 + width: 69px;
  1604 +}
  1605 +
  1606 +.for_margin_2 {
  1607 + text-align: center;
  1608 + margin: 34px 0 42px;
  1609 +}
  1610 +
  1611 +.cabinet_main_title {
  1612 + margin-top: 0;
  1613 + font-weight: bold;
  1614 + font-size: 30px;
  1615 + margin-bottom: 38px;
  1616 +}
  1617 +
  1618 +.cabinet_wrap {
  1619 + position: relative;
  1620 + margin-bottom: 282px;
  1621 +}
  1622 +
  1623 +.cabinet_wrap span.grey {
  1624 + color: #898b8e;
  1625 +}
  1626 +
  1627 +.cabinet_wrap .cab_01 {
  1628 + padding-bottom: 24px;
  1629 +}
  1630 +
  1631 +.cabinet_wrap .block_01 {
  1632 + display: inline-block;
  1633 + width: 233px;
  1634 +}
  1635 +
  1636 +.cabinet_wrap .block_02 {
  1637 + display: inline-block;
  1638 + width: 79px;
  1639 +}
  1640 +
  1641 +.cabinet_wrap .block_03 {
  1642 + display: inline-block;
  1643 + width: auto;
  1644 +}
  1645 +
  1646 +.cabinet_wrap .block_04 {
  1647 + display: inline-block;
  1648 + padding-left: 60px;
  1649 + border-left: 1px solid #C6C7C9;
  1650 + position: relative;
  1651 + vertical-align: top;
  1652 + margin-left: 20px;
  1653 +}
  1654 +
  1655 +.cabinet_wrap .block_04 .link {
  1656 + padding-top: 21px;
  1657 + padding-bottom: 20px;
  1658 + font-size: 13px;
  1659 +}
  1660 +
  1661 +.cabinet_wrap .block_04 .link .dotted {
  1662 + border-bottom: 1px dotted #6aa034;
  1663 +}
  1664 +
  1665 +.cabinet_wrap .block_04 .link a {
  1666 + text-decoration: none;
  1667 +}
  1668 +
  1669 +.cabinet_wrap .block_04 .link:nth-child(2) {
  1670 + padding-top: 4px;
  1671 + font-size: 13px;
  1672 + padding-bottom: 20px;
  1673 +}
  1674 +
  1675 +.cabinet_wrap .block_04 .link:nth-child(2) a {
  1676 + border-bottom: none;
  1677 + text-decoration: none;
  1678 +}
  1679 +
  1680 +/*=============================================== MODAL WINDOWS ================================================*/
  1681 +
  1682 +/* registration window */
  1683 +
  1684 +/* ัั‚ะธะปะธ ะผะพะดะฐะปัŒะฝะพะณะพ ะพะบะฝะฐ*/
  1685 +
  1686 +/* ัั‚ะธะปะธ ะพัะฝะพะฒะฝะพะณะพ ะผะพะดะฐะปัŒะฝะพะณะพ ะพะบะฝะฐ */
  1687 +
  1688 +.modal_close_btn {
  1689 + position: absolute;
  1690 + right: -42px;
  1691 + top: -59px;
  1692 + cursor: pointer;
  1693 + width: 100px;
  1694 + height: 120px;
  1695 + overflow: hidden;
  1696 + background-image: url("../images/modal_close_btn.png");
  1697 + background-repeat: no-repeat;
  1698 + background-position: -143px 0;
  1699 +}
  1700 +
  1701 +.modal_close_btn:hover {
  1702 + background-position: 0 0;
  1703 +}
  1704 +
  1705 +.modal_wrapper {
  1706 + color: #333333;
  1707 + width: 100%;
  1708 + background: rgba(0, 0, 0, 0.4);
  1709 + position: absolute;
  1710 + z-index: 2;
  1711 + top: 0;
  1712 + left: 0;
  1713 +}
  1714 +
  1715 +.modal_wrapper_reg {
  1716 + color: #333333;
  1717 + width: 100%;
  1718 + background: rgba(0, 0, 0, 0.4);
  1719 + position: absolute;
  1720 + z-index: 4;
  1721 + top: 0;
  1722 + left: 0;
  1723 + display: none;
  1724 +}
  1725 +
  1726 +.modal_wrapper_reg .modal_window {
  1727 + text-align: right;
  1728 + height: 428px;
  1729 + width: 560px;
  1730 + background-color: #fff;
  1731 + padding: 20px;
  1732 + -webkit-border-radius: 2px;
  1733 + border-radius: 2px;
  1734 + overflow: hidden;
  1735 + position: relative;
  1736 + margin-left: auto;
  1737 + margin-right: auto;
  1738 + margin-top:35px;
  1739 + z-index:5;
  1740 +}
  1741 +
  1742 +.modal_wrapper_reg .modal_window .title {
  1743 + font-size: 18px;
  1744 + font-weight: bold;
  1745 + padding-top: 29px;
  1746 + padding-bottom: 27px;
  1747 + text-transform: uppercase;
  1748 + text-align: center;
  1749 +}
  1750 +
  1751 +.modal_wrapper_reg .modal_window input {
  1752 + padding: 8px;
  1753 + width: 251px;
  1754 + margin-right: 56px;
  1755 + margin-left: 11px;
  1756 + border: 1px solid #C6C7C9;
  1757 + -webkit-border-radius: 3px;
  1758 + border-radius: 3px;
  1759 +}
  1760 +
  1761 +.modal_wrapper_reg .modal_window .my_cust_btn {
  1762 + font-size: 13px;
  1763 + padding: 8px 31px;
  1764 + color: white;
  1765 + border: none;
  1766 + -webkit-border-radius: 3px;
  1767 + border-radius: 3px;
  1768 + background-color: #6aa034;
  1769 + -webkit-box-shadow: 0 2px #517a27;
  1770 + box-shadow: 0 2px #517a27;
  1771 +}
  1772 +
  1773 +.modal_wrapper_reg .modal_window .my_cust_btn:hover {
  1774 + background-color: #5d8d2e;
  1775 +}
  1776 +
  1777 +.modal_wrapper_reg .modal_window .my_cust_btn:active {
  1778 + position: relative;
  1779 + -webkit-box-shadow: none;
  1780 + box-shadow: none;
  1781 + top: 2px;
  1782 +}
  1783 +
  1784 +.modal_wrapper_reg .modal_window .title {
  1785 + font-size: 18px;
  1786 + font-weight: bold;
  1787 + padding-top: 30px;
  1788 + padding-bottom: 26px;
  1789 + text-transform: uppercase;
  1790 + text-align: center;
  1791 +}
  1792 +
  1793 +.modal_wrapper_reg .modal_window label {
  1794 + display: block;
  1795 + font-size: 13px;
  1796 + width: 500px;
  1797 + margin: auto;
  1798 + margin-bottom: 8px;
  1799 +}
  1800 +
  1801 +.modal_wrapper_reg .modal_window label:last-of-type {
  1802 + position: relative;
  1803 +}
  1804 +
  1805 +.modal_wrapper_reg .modal_window label:last-of-type input {
  1806 + width: 119px;
  1807 + margin-left: 140px;
  1808 +}
  1809 +
  1810 +.modal_wrapper_reg .modal_window label:last-of-type img {
  1811 + position: absolute;
  1812 + top: 4px;
  1813 + left: 176px;
  1814 +}
  1815 +
  1816 +.modal_wrapper_reg .modal_window .for_btn_position {
  1817 + text-align: center;
  1818 + margin-top: 30px;
  1819 +}
  1820 +
  1821 +/* login window */
  1822 +
  1823 +.modal_wrapper_login {
  1824 + color: #333333;
  1825 + width: 100%;
  1826 + background: rgba(0, 0, 0, 0.4);
  1827 + position: absolute;
  1828 + z-index: 4;
  1829 + top: 0;
  1830 + left: 0;
  1831 + display: none;
  1832 +}
  1833 +
  1834 +.modal_wrapper_login .modal_window {
  1835 + text-align: right;
  1836 + height: 247px;
  1837 + width: 459px;
  1838 + background-color: #fff;
  1839 + padding: 20px;
  1840 + position: relative;
  1841 + margin-left:auto;
  1842 + margin-right:auto;
  1843 + margin-top: 35px;
  1844 + -webkit-border-radius: 2px;
  1845 + border-radius: 2px;
  1846 + overflow: hidden;
  1847 + z-index:999;
  1848 +}
  1849 +
  1850 +.modal_wrapper_login .modal_window .title {
  1851 + font-size: 18px;
  1852 + font-weight: bold;
  1853 + padding-top: 29px;
  1854 + padding-bottom: 27px;
  1855 + text-transform: uppercase;
  1856 + text-align: center;
  1857 +}
  1858 +
  1859 +.modal_wrapper_login .modal_window input {
  1860 + padding: 8px;
  1861 + width: 251px;
  1862 + margin-right: 56px;
  1863 + margin-left: 11px;
  1864 + border: 1px solid #C6C7C9;
  1865 + -webkit-border-radius: 3px;
  1866 + border-radius: 3px;
  1867 +}
  1868 +
  1869 +.modal_wrapper_login .modal_window .my_cust_btn {
  1870 + font-size: 13px;
  1871 + padding: 8px 31px;
  1872 + color: white;
  1873 + border: none;
  1874 + -webkit-border-radius: 3px;
  1875 + border-radius: 3px;
  1876 + background-color: #6aa034;
  1877 + -webkit-box-shadow: 0 2px #517a27;
  1878 + box-shadow: 0 2px #517a27;
  1879 +}
  1880 +
  1881 +.modal_wrapper_login .modal_window .my_cust_btn:hover {
  1882 + background-color: #5d8d2e;
  1883 +}
  1884 +
  1885 +.modal_wrapper_login .modal_window .my_cust_btn:active {
  1886 + position: relative;
  1887 + -webkit-box-shadow: none;
  1888 + box-shadow: none;
  1889 + top: 2px;
  1890 +}
  1891 +
  1892 +.modal_wrapper_login .modal_window .title {
  1893 + padding-right: 8px;
  1894 +}
  1895 +
  1896 +.modal_wrapper_login .modal_window label {
  1897 + display: block;
  1898 + font-size: 13px;
  1899 + width: 459px;
  1900 + margin: auto;
  1901 + margin-bottom: 8px;
  1902 +}
  1903 +
  1904 +.modal_wrapper_login .modal_window label input {
  1905 + margin-right: 68px;
  1906 +}
  1907 +
  1908 +.modal_wrapper_login .modal_window .pass_links {
  1909 + text-align: center;
  1910 + padding-left: 55px;
  1911 + font-size: 13px;
  1912 + margin-top: 11px;
  1913 +}
  1914 +
  1915 +.modal_wrapper_login .modal_window .pass_links a {
  1916 + padding-left: 47px;
  1917 +}
  1918 +
  1919 +.modal_wrapper_login .modal_window .pass_links label {
  1920 + display: inline;
  1921 +}
  1922 +
  1923 +.modal_wrapper_login .modal_window .pass_links .remember_pas {
  1924 + color: #6aa034;
  1925 + text-decoration: underline;
  1926 +}
  1927 +
  1928 +.modal_wrapper_login .modal_window .for_btn_position {
  1929 + text-align: center;
  1930 + margin-top: 23px;
  1931 +}
  1932 +
  1933 +.modal_wrapper_login .modal_window .for_btn_position .my_cust_btn {
  1934 + padding: 8px 38px;
  1935 +}
  1936 +
  1937 +/* login window */
  1938 +
  1939 +.consultation_modal {
  1940 + color: #333333;
  1941 + width: 100%;
  1942 + background: rgba(0, 0, 0, 0.4);
  1943 + position: absolute;
  1944 + z-index: 4;
  1945 + top: 0;
  1946 + left: 0;
  1947 + display: none;
  1948 +}
  1949 +
  1950 +.consultation_modal .modal_window {
  1951 + text-align: right;
  1952 + height: 247px;
  1953 + width: 459px;
  1954 + background-color: #fff;
  1955 + padding: 20px;
  1956 + position: relative;
  1957 + margin-left:auto;
  1958 + margin-right:auto;
  1959 + margin-top: 35px;
  1960 + -webkit-border-radius: 2px;
  1961 + border-radius: 2px;
  1962 + overflow: hidden;
  1963 + z-index:999;
  1964 +}
  1965 +
  1966 +.consultation_modal .modal_window .title {
  1967 + font-size: 18px;
  1968 + font-weight: bold;
  1969 + padding-top: 29px;
  1970 + padding-bottom: 27px;
  1971 + text-transform: uppercase;
  1972 + text-align: center;
  1973 +}
  1974 +
  1975 +.consultation_modal .modal_window input {
  1976 + padding: 8px;
  1977 + width: 251px;
  1978 + margin-right: 56px;
  1979 + margin-left: 11px;
  1980 + border: 1px solid #C6C7C9;
  1981 + -webkit-border-radius: 3px;
  1982 + border-radius: 3px;
  1983 +}
  1984 +
  1985 +.consultation_modal .modal_window .my_cust_btn {
  1986 + font-size: 13px;
  1987 + padding: 8px 31px;
  1988 + color: white;
  1989 + border: none;
  1990 + -webkit-border-radius: 3px;
  1991 + border-radius: 3px;
  1992 + background-color: #6aa034;
  1993 + -webkit-box-shadow: 0 2px #517a27;
  1994 + box-shadow: 0 2px #517a27;
  1995 +}
  1996 +
  1997 +.consultation_modal .modal_window .my_cust_btn:hover {
  1998 + background-color: #5d8d2e;
  1999 +}
  2000 +
  2001 +.consultation_modal .modal_window .my_cust_btn:active {
  2002 + position: relative;
  2003 + -webkit-box-shadow: none;
  2004 + box-shadow: none;
  2005 + top: 2px;
  2006 +}
  2007 +
  2008 +.consultation_modal .modal_window .title {
  2009 + padding-right: 8px;
  2010 +}
  2011 +
  2012 +.consultation_modal .modal_window label {
  2013 + display: block;
  2014 + font-size: 13px;
  2015 + width: 459px;
  2016 + margin: auto;
  2017 + margin-bottom: 8px;
  2018 +}
  2019 +
  2020 +.consultation_modal .modal_window label input {
  2021 + margin-right: 68px;
  2022 +}
  2023 +
  2024 +.consultation_modal .modal_window .pass_links {
  2025 + text-align: center;
  2026 + padding-left: 55px;
  2027 + font-size: 13px;
  2028 + margin-top: 11px;
  2029 +}
  2030 +
  2031 +.consultation_modal .modal_window .pass_links a {
  2032 + padding-left: 47px;
  2033 +}
  2034 +
  2035 +.consultation_modal .modal_window .pass_links label {
  2036 + display: inline;
  2037 +}
  2038 +
  2039 +.consultation_modal .modal_window .pass_links .remember_pas {
  2040 + color: #6aa034;
  2041 + text-decoration: underline;
  2042 +}
  2043 +
  2044 +.consultation_modal .modal_window .for_btn_position {
  2045 + text-align: center;
  2046 + margin-top: 23px;
  2047 +}
  2048 +
  2049 +.consultation_modal .modal_window .for_btn_position .my_cust_btn {
  2050 + padding: 8px 38px;
  2051 +}
  2052 +
  2053 +/* forgot password window */
  2054 +
  2055 +.forgot_pass_modal_wrapper {
  2056 + color: #333333;
  2057 + width: 100%;
  2058 + background: rgba(0, 0, 0, 0.4);
  2059 + position: absolute;
  2060 + z-index: 4;
  2061 + top: 0;
  2062 + left: 0;
  2063 + display: none;
  2064 +}
  2065 +
  2066 +.forgot_pass_modal_wrapper .modal_window {
  2067 + text-align: right;
  2068 + height: 252px;
  2069 + width: 459px;
  2070 + background-color: #fff;
  2071 + padding: 20px;
  2072 + position: relative;
  2073 + margin-top: 35px;
  2074 + margin-left:auto;
  2075 + margin-right:auto;
  2076 + -webkit-border-radius: 2px;
  2077 + border-radius: 2px;
  2078 + overflow: hidden;
  2079 + z-index:5;
  2080 +}
  2081 +
  2082 +.forgot_pass_modal_wrapper .modal_window .title {
  2083 + font-size: 18px;
  2084 + font-weight: bold;
  2085 + padding-top: 29px;
  2086 + padding-bottom: 27px;
  2087 + text-transform: uppercase;
  2088 + text-align: center;
  2089 +}
  2090 +
  2091 +.forgot_pass_modal_wrapper .modal_window input {
  2092 + padding: 8px;
  2093 + width: 251px;
  2094 + margin-right: 56px;
  2095 + margin-left: 11px;
  2096 + border: 1px solid #C6C7C9;
  2097 + -webkit-border-radius: 3px;
  2098 + border-radius: 3px;
  2099 +}
  2100 +
  2101 +.forgot_pass_modal_wrapper .modal_window .my_cust_btn {
  2102 + font-size: 13px;
  2103 + padding: 8px 31px;
  2104 + color: white;
  2105 + border: none;
  2106 + -webkit-border-radius: 3px;
  2107 + border-radius: 3px;
  2108 + background-color: #6aa034;
  2109 + -webkit-box-shadow: 0 2px #517a27;
  2110 + box-shadow: 0 2px #517a27;
  2111 +}
  2112 +
  2113 +.forgot_pass_modal_wrapper .modal_window .my_cust_btn:hover {
  2114 + background-color: #5d8d2e;
  2115 +}
  2116 +
  2117 +.forgot_pass_modal_wrapper .modal_window .my_cust_btn:active {
  2118 + position: relative;
  2119 + -webkit-box-shadow: none;
  2120 + box-shadow: none;
  2121 + top: 2px;
  2122 +}
  2123 +
  2124 +.forgot_pass_modal_wrapper .modal_window .title {
  2125 + padding-right: 0px;
  2126 + padding-top: 30px;
  2127 + padding-bottom: 23px;
  2128 +}
  2129 +
  2130 +.forgot_pass_modal_wrapper .modal_window .text {
  2131 + color: #898b8e;
  2132 + font-size: 13px;
  2133 + text-align: left;
  2134 + margin-bottom: 28px;
  2135 +}
  2136 +
  2137 +.forgot_pass_modal_wrapper .modal_window label {
  2138 + display: block;
  2139 + font-size: 13px;
  2140 + width: 459px;
  2141 + margin: auto;
  2142 + margin-bottom: 30px;
  2143 +}
  2144 +
  2145 +.forgot_pass_modal_wrapper .modal_window label input {
  2146 + margin-right: 52px;
  2147 +}
  2148 +
  2149 +.forgot_pass_modal_wrapper .modal_window .pass_links {
  2150 + text-align: center;
  2151 + padding-left: 55px;
  2152 + font-size: 13px;
  2153 + margin-top: 11px;
  2154 +}
  2155 +
  2156 +.forgot_pass_modal_wrapper .modal_window .pass_links a {
  2157 + padding-left: 47px;
  2158 +}
  2159 +
  2160 +.forgot_pass_modal_wrapper .modal_window .pass_links label {
  2161 + display: inline;
  2162 +}
  2163 +
  2164 +.forgot_pass_modal_wrapper .modal_window .pass_links .remember_pas {
  2165 + color: #6aa034;
  2166 + text-decoration: underline;
  2167 +}
  2168 +
  2169 +.forgot_pass_modal_wrapper .modal_window .for_btn_position {
  2170 + text-align: center;
  2171 + margin-top: 23px;
  2172 +}
  2173 +
  2174 +.forgot_pass_modal_wrapper .modal_window .for_btn_position .my_cust_btn {
  2175 + padding: 8px 28px;
  2176 +}
  2177 +
  2178 +/* forgot password success window */
  2179 +
  2180 +.forgot_pass_success_wrapper {
  2181 + color: #333333;
  2182 + width: 100%;
  2183 + background: rgba(0, 0, 0, 0.4);
  2184 + position: absolute;
  2185 + z-index: 2;
  2186 + top: 0;
  2187 + left: 0;
  2188 + display: none;
  2189 + z-index:4;
  2190 +}
  2191 +
  2192 +.forgot_pass_success_wrapper .modal_window {
  2193 + text-align: right;
  2194 + height: 158px;
  2195 + width: 459px;
  2196 + background-color: #fff;
  2197 + padding: 20px;
  2198 + position: relative;
  2199 + margin-top: 35px;
  2200 + margin-left:auto;
  2201 + margin-right:auto;
  2202 + -webkit-border-radius: 2px;
  2203 + border-radius: 2px;
  2204 + overflow: hidden;
  2205 +}
  2206 +
  2207 +.forgot_pass_success_wrapper .modal_window .title {
  2208 + font-size: 18px;
  2209 + font-weight: bold;
  2210 + padding-top: 29px;
  2211 + padding-bottom: 27px;
  2212 + text-transform: uppercase;
  2213 + text-align: center;
  2214 +}
  2215 +
  2216 +.forgot_pass_success_wrapper .modal_window input {
  2217 + padding: 8px;
  2218 + width: 251px;
  2219 + margin-right: 56px;
  2220 + margin-left: 11px;
  2221 + border: 1px solid #C6C7C9;
  2222 + -webkit-border-radius: 3px;
  2223 + border-radius: 3px;
  2224 +}
  2225 +
  2226 +.forgot_pass_success_wrapper .modal_window .my_cust_btn {
  2227 + font-size: 13px;
  2228 + padding: 8px 31px;
  2229 + color: white;
  2230 + border: none;
  2231 + -webkit-border-radius: 3px;
  2232 + border-radius: 3px;
  2233 + background-color: #6aa034;
  2234 + -webkit-box-shadow: 0 2px #517a27;
  2235 + box-shadow: 0 2px #517a27;
  2236 +}
  2237 +
  2238 +.forgot_pass_success_wrapper .modal_window .my_cust_btn:hover {
  2239 + background-color: #5d8d2e;
  2240 +}
  2241 +
  2242 +.forgot_pass_success_wrapper .modal_window .my_cust_btn:active {
  2243 + position: relative;
  2244 + -webkit-box-shadow: none;
  2245 + box-shadow: none;
  2246 + top: 2px;
  2247 +}
  2248 +
  2249 +.forgot_pass_success_wrapper .modal_window .title {
  2250 + padding-right: 0px;
  2251 + padding-top: 30px;
  2252 + padding-bottom: 23px;
  2253 +}
  2254 +
  2255 +.forgot_pass_success_wrapper .modal_window .text {
  2256 + color: #898b8e;
  2257 + font-size: 13px;
  2258 + text-align: center;
  2259 + margin-bottom: 27px;
  2260 +}
  2261 +
  2262 +.forgot_pass_success_wrapper .modal_window .for_btn_position {
  2263 + text-align: center;
  2264 + margin-top: 23px;
  2265 +}
  2266 +
  2267 +.forgot_pass_success_wrapper .modal_window .for_btn_position .my_cust_btn {
  2268 + padding: 8px 22px;
  2269 +}
  2270 +/* callback window */
  2271 +
  2272 +.callback_wrapper {
  2273 + color: #333333;
  2274 + width: 100%;
  2275 + background: rgba(0, 0, 0, 0.4);
  2276 + position: absolute;
  2277 + z-index: 2;
  2278 + top: 0;
  2279 + left: 0;
  2280 + display: none;
  2281 + z-index:5;
  2282 +}
  2283 +
  2284 +.callback_wrapper .modal_window {
  2285 + text-align: right;
  2286 + height: 158px;
  2287 + width: 459px;
  2288 + background-color: #fff;
  2289 + padding: 20px;
  2290 + position: relative;
  2291 + margin-top: 35px;
  2292 + margin-left:auto;
  2293 + margin-right:auto;
  2294 + -webkit-border-radius: 2px;
  2295 + border-radius: 2px;
  2296 + overflow: hidden;
  2297 +}
  2298 +
  2299 +.callback_wrapper .modal_window .title {
  2300 + font-size: 18px;
  2301 + font-weight: bold;
  2302 + padding-top: 29px;
  2303 + padding-bottom: 27px;
  2304 + text-transform: uppercase;
  2305 + text-align: center;
  2306 +}
  2307 +
  2308 +.callback_wrapper .modal_window input {
  2309 + padding: 8px;
  2310 + width: 251px;
  2311 + margin-right: 56px;
  2312 + margin-left: 11px;
  2313 + border: 1px solid #C6C7C9;
  2314 + -webkit-border-radius: 3px;
  2315 + border-radius: 3px;
  2316 +}
  2317 +
  2318 +.callback_wrapper .modal_window .my_cust_btn {
  2319 + font-size: 13px;
  2320 + padding: 8px 31px;
  2321 + color: white;
  2322 + border: none;
  2323 + -webkit-border-radius: 3px;
  2324 + border-radius: 3px;
  2325 + background-color: #6aa034;
  2326 + -webkit-box-shadow: 0 2px #517a27;
  2327 + box-shadow: 0 2px #517a27;
  2328 +}
  2329 +
  2330 +.callback_wrapper .modal_window .my_cust_btn:hover {
  2331 + background-color: #5d8d2e;
  2332 +}
  2333 +
  2334 +.callback_wrapper .modal_window .my_cust_btn:active {
  2335 + position: relative;
  2336 + -webkit-box-shadow: none;
  2337 + box-shadow: none;
  2338 + top: 2px;
  2339 +}
  2340 +
  2341 +.callback_wrapper .modal_window .title {
  2342 + padding-right: 0px;
  2343 + padding-top: 32px;
  2344 + padding-bottom: 25px;
  2345 + font-size: 28px;
  2346 +}
  2347 +
  2348 +.callback_wrapper .modal_window .text {
  2349 + color: #333333;
  2350 + font-size: 16px;
  2351 + text-align: center;
  2352 + margin-bottom: 27px;
  2353 +}
  2354 +/* BUSKET MODAL WINDOW */
  2355 +
  2356 +/*==================== BUSKET MODAL BASIC */
  2357 +
  2358 +.busket_modal_basic {
  2359 + display: inline-block;
  2360 + background: white;
  2361 + position: relative;
  2362 + overflow: hidden;
  2363 +}
  2364 +
  2365 +.busket_modal_basic .order_list {
  2366 + width: auto;
  2367 + padding: 25px;
  2368 +}
  2369 +
  2370 +.busket_modal_basic .order_list ul {
  2371 + max-height: 350px;
  2372 + overflow-y: overlay;
  2373 + overflow-x: hidden;
  2374 +}
  2375 +
  2376 +.busket_modal_basic .order_list h3 {
  2377 + text-transform: uppercase;
  2378 + font-weight: normal;
  2379 + font-size: 20px;
  2380 + padding: 20px 0 15px;
  2381 +}
  2382 +
  2383 +.busket_modal_basic .order_list .order_list_li {
  2384 + display: block;
  2385 +}
  2386 +
  2387 +.busket_modal_basic .order_list .order_list_li .little_img {
  2388 + float: none;
  2389 +}
  2390 +
  2391 +.busket_modal_basic .order_list .order_list_li .name_and_code {
  2392 + text-align: left;
  2393 + float: none;
  2394 +}
  2395 +
  2396 +.busket_modal_basic .order_list .order_list_li .name_and_code .name {
  2397 + margin-bottom: 14px;
  2398 +}
  2399 +
  2400 +.busket_modal_basic .order_list .order_list_li .price {
  2401 + padding: 0;
  2402 +}
  2403 +
  2404 +.busket_modal_basic .order_list .order_list_li .count_block_wrap {
  2405 + display: inline-block;
  2406 + vertical-align: top;
  2407 + text-align: right;
  2408 +}
  2409 +
  2410 +.busket_modal_basic .order_list .count_block {
  2411 + display: block;
  2412 + position: relative;
  2413 + margin-bottom: 30px;
  2414 +}
  2415 +
  2416 +.busket_modal_basic .order_list .count_block .count_number {
  2417 + display: inline-block;
  2418 + font-size: 22px;
  2419 + padding: 3px 13px 3px;
  2420 + border: 1px solid #C6C7C9;
  2421 + -webkit-border-radius: 3px;
  2422 + border-radius: 3px;
  2423 + position: relative;
  2424 + /*top: -2px;*/
  2425 + background-color: #fff;
  2426 +}
  2427 +
  2428 +.busket_modal_basic .order_list .count_block .count_buttons {
  2429 + position: relative;
  2430 + /*top: 4px;*/
  2431 + right: 6px;
  2432 + display: inline-block;
  2433 + vertical-align: bottom;
  2434 +}
  2435 +
  2436 +.busket_modal_basic .order_list .count_block .count_buttons .button_plus {
  2437 + background-color: #898b8e;
  2438 + color: white;
  2439 + font-weight: bold;
  2440 + border-bottom: 1px solid #707274;
  2441 + -webkit-border-top-right-radius: 3px;
  2442 + border-top-right-radius: 3px;
  2443 + font-size: 15px;
  2444 + line-height: 15px;
  2445 + padding: 0 7px;
  2446 + cursor: pointer;
  2447 +}
  2448 +
  2449 +.busket_modal_basic .order_list .count_block .count_buttons .button_plus:hover {
  2450 + background-color: #7c7e81;
  2451 +}
  2452 +
  2453 +.busket_modal_basic .order_list .count_block .count_buttons .button_minus {
  2454 + background-color: #898b8e;
  2455 + color: white;
  2456 + font-weight: bold;
  2457 + line-height: 16px;
  2458 + text-align: center;
  2459 + border-top: 1px solid #A2A2A2;
  2460 + -webkit-border-bottom-right-radius: 3px;
  2461 + border-bottom-right-radius: 3px;
  2462 + cursor: pointer;
  2463 +}
  2464 +
  2465 +.busket_modal_basic .order_list .count_block .count_buttons .button_minus:hover {
  2466 + background-color: #7c7e81;
  2467 +}
  2468 +
  2469 +.busket_modal_basic .order_list .busket_bottom_btn {
  2470 + margin-top: 20px;
  2471 + text-align: center;
  2472 +}
  2473 +
  2474 +.busket_modal_basic .order_list .busket_bottom_btn a {
  2475 + display: inline-block;
  2476 + font-size: 13px;
  2477 + margin-right: 97px;
  2478 +}
  2479 +
  2480 +.busket_modal_basic .order_list .busket_bottom_btn button {
  2481 + display: inline-block;
  2482 + padding: 10px 20px;
  2483 + color: white;
  2484 + background-color: #6aa034;
  2485 + border: none;
  2486 + -webkit-border-radius: 2px;
  2487 + border-radius: 2px;
  2488 + font-size: 13px;
  2489 + font-weight: normal;
  2490 + -webkit-box-shadow: 0px 2px 0px #517a27;
  2491 + box-shadow: 0px 2px 0px #517a27;
  2492 +}
  2493 +
  2494 +.busket_modal_basic .order_list .busket_bottom_btn button:active {
  2495 + position: relative;
  2496 + -webkit-box-shadow: none;
  2497 + box-shadow: none;
  2498 + top: 2px;
  2499 +}
  2500 +
  2501 +.busket_modal_basic .order_list .busket_bottom_btn button:hover {
  2502 + background-color: #5d8d2e;
  2503 +}
  2504 +
  2505 +.busket_modal_basic .order_list .delete_item_btn {
  2506 + display: inline-block;
  2507 + vertical-align: top;
  2508 + margin-top: 30px;
  2509 + padding: 0 10px 0 0;
  2510 + cursor: pointer;
  2511 + color: #C6C7C9;
  2512 + font-size: 20px;
  2513 +}
  2514 +
  2515 +.busket_modal_basic .order_list .delete_item_btn:hover {
  2516 + color: red;
  2517 +}
  2518 +
  2519 +/*==================== BUSKET MODAL 1 */
  2520 +
  2521 +.busket_modal_wrapper {
  2522 + display: none;
  2523 + color: #333333;
  2524 + width: 100%;
  2525 + background: rgba(0, 0, 0, 0.4);
  2526 + position: fixed;
  2527 + z-index: 4;
  2528 + top: 0;
  2529 + left: 0;
  2530 +}
  2531 +
  2532 +.busket_modal_wrapper .m_a {
  2533 + display: block;
  2534 + text-align: center;
  2535 + position: relative;
  2536 + margin-top: 35px;
  2537 +}
  2538 +
  2539 +.busket_modal_wrapper .busket_modal_01 {
  2540 + display: inline-block;
  2541 + background: white;
  2542 + position: relative;
  2543 + overflow: hidden;
  2544 +}
  2545 +
  2546 +.busket_modal_wrapper .busket_modal_01 .order_list {
  2547 + width: auto;
  2548 + padding: 25px;
  2549 +}
  2550 +
  2551 +.busket_modal_wrapper .busket_modal_01 .order_list ul {
  2552 + max-height: 350px;
  2553 + overflow-y: overlay;
  2554 + overflow-x: hidden;
  2555 +}
  2556 +
  2557 +.busket_modal_wrapper .busket_modal_01 .order_list h3 {
  2558 + text-transform: uppercase;
  2559 + font-weight: normal;
  2560 + font-size: 20px;
  2561 + padding: 20px 0 15px;
  2562 +}
  2563 +
  2564 +.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li {
  2565 + display: block;
  2566 +}
  2567 +
  2568 +.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .little_img {
  2569 + float: none;
  2570 +}
  2571 +
  2572 +.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .name_and_code {
  2573 + text-align: left;
  2574 + float: none;
  2575 +}
  2576 +
  2577 +.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .name_and_code .name {
  2578 + margin-bottom: 14px;
  2579 +}
  2580 +
  2581 +.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .price {
  2582 + padding: 0;
  2583 +}
  2584 +
  2585 +.busket_modal_wrapper .busket_modal_01 .order_list .order_list_li .count_block_wrap {
  2586 + display: inline-block;
  2587 + vertical-align: top;
  2588 + text-align: right;
  2589 +}
  2590 +
  2591 +.busket_modal_wrapper .busket_modal_01 .order_list .count_block {
  2592 + display: block;
  2593 + position: relative;
  2594 + margin-bottom: 30px;
  2595 +}
  2596 +
  2597 +.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_number {
  2598 + display: inline-block;
  2599 + font-size: 22px;
  2600 + padding: 3px 13px 3px;
  2601 + border: 1px solid #C6C7C9;
  2602 + -webkit-border-radius: 3px;
  2603 + border-radius: 3px;
  2604 + position: relative;
  2605 + /*top: -2px;*/
  2606 + background-color: #fff;
  2607 +}
  2608 +
  2609 +.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons {
  2610 + position: relative;
  2611 + right: 16px;
  2612 + display: inline-block;
  2613 + vertical-align: bottom;
  2614 +}
  2615 +
  2616 +.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_plus {
  2617 + background-color: #898b8e;
  2618 + color: white;
  2619 + font-weight: bold;
  2620 + border-bottom: 1px solid #707274;
  2621 + -webkit-border-top-right-radius: 3px;
  2622 + border-top-right-radius: 3px;
  2623 + font-size: 15px;
  2624 + line-height: 15px;
  2625 + padding: 0 7px;
  2626 + cursor: pointer;
  2627 +}
  2628 +
  2629 +.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_plus:hover {
  2630 + background-color: #7c7e81;
  2631 +}
  2632 +
  2633 +.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_minus {
  2634 + background-color: #898b8e;
  2635 + color: white;
  2636 + font-weight: bold;
  2637 + line-height: 16px;
  2638 + text-align: center;
  2639 + border-top: 1px solid #A2A2A2;
  2640 + -webkit-border-bottom-right-radius: 3px;
  2641 + border-bottom-right-radius: 3px;
  2642 + cursor: pointer;
  2643 +}
  2644 +
  2645 +.busket_modal_wrapper .busket_modal_01 .order_list .count_block .count_buttons .button_minus:hover {
  2646 + background-color: #7c7e81;
  2647 +}
  2648 +
  2649 +.busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn {
  2650 + margin-top: 20px;
  2651 + text-align: center;
  2652 +}
  2653 +
  2654 +.busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn a {
  2655 + display: inline-block;
  2656 + font-size: 13px;
  2657 + margin-right: 97px;
  2658 +}
  2659 +
  2660 +.busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn button {
  2661 + display: inline-block;
  2662 + padding: 10px 20px;
  2663 + color: white;
  2664 + background-color: #6aa034;
  2665 + border: none;
  2666 + -webkit-border-radius: 2px;
  2667 + border-radius: 2px;
  2668 + font-size: 13px;
  2669 + font-weight: normal;
  2670 + -webkit-box-shadow: 0px 2px 0px #517a27;
  2671 + box-shadow: 0px 2px 0px #517a27;
  2672 +}
  2673 +
  2674 +.busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn button:active {
  2675 + position: relative;
  2676 + -webkit-box-shadow: none;
  2677 + box-shadow: none;
  2678 + top: 2px;
  2679 +}
  2680 +
  2681 +.busket_modal_wrapper .busket_modal_01 .order_list .busket_bottom_btn button:hover {
  2682 + background-color: #5d8d2e;
  2683 +}
  2684 +
  2685 +.busket_modal_wrapper .busket_modal_01 .order_list .delete_item_btn {
  2686 + display: inline-block;
  2687 + vertical-align: top;
  2688 + margin-top: 30px;
  2689 + padding: 0 10px 0 0;
  2690 + cursor: pointer;
  2691 + color: #C6C7C9;
  2692 + font-size: 20px;
  2693 +}
  2694 +
  2695 +.busket_modal_wrapper .busket_modal_01 .order_list .delete_item_btn:hover {
  2696 + color: red;
  2697 +}
  2698 +
  2699 +/*==================== BUSKET MODAL 2 */
  2700 +
  2701 +.busket_modal_header {
  2702 + display: inline-block;
  2703 + position: absolute;
  2704 + top: 91px;
  2705 + right: 0px;
  2706 + border: 1px solid #898b8e;
  2707 + z-index: 2;
  2708 + display: none;
  2709 + background-color: #fff;
  2710 +}
  2711 +
  2712 +.busket_modal_header .busket_modal_02 {
  2713 + display: inline-block;
  2714 + background: white;
  2715 + position: relative;
  2716 + overflow: hidden;
  2717 +}
  2718 +
  2719 +.busket_modal_header .busket_modal_02 .order_list {
  2720 + width: auto;
  2721 + padding: 25px;
  2722 +}
  2723 +
  2724 +.busket_modal_header .busket_modal_02 .order_list ul {
  2725 + max-height: 350px;
  2726 + overflow-y: overlay;
  2727 + overflow-x: hidden;
  2728 +}
  2729 +
  2730 +.busket_modal_header .busket_modal_02 .order_list h3 {
  2731 + text-transform: uppercase;
  2732 + font-weight: normal;
  2733 + font-size: 20px;
  2734 + padding: 20px 0 15px;
  2735 +}
  2736 +
  2737 +.busket_modal_header .busket_modal_02 .order_list .order_list_li {
  2738 + display: block;
  2739 +}
  2740 +
  2741 +.busket_modal_header .busket_modal_02 .order_list .order_list_li .little_img {
  2742 + float: none;
  2743 +}
  2744 +
  2745 +.busket_modal_header .busket_modal_02 .order_list .order_list_li .name_and_code {
  2746 + text-align: left;
  2747 + float: none;
  2748 +}
  2749 +
  2750 +.busket_modal_header .busket_modal_02 .order_list .order_list_li .name_and_code .name {
  2751 + margin-bottom: 14px;
  2752 +}
  2753 +
  2754 +.busket_modal_header .busket_modal_02 .order_list .order_list_li .price {
  2755 + padding: 0;
  2756 +}
  2757 +
  2758 +.busket_modal_header .busket_modal_02 .order_list .order_list_li .count_block_wrap {
  2759 + display: inline-block;
  2760 + vertical-align: top;
  2761 + text-align: right;
  2762 +}
  2763 +
  2764 +.busket_modal_header .busket_modal_02 .order_list .count_block {
  2765 + display: block;
  2766 + position: relative;
  2767 + margin-bottom: 30px;
  2768 +}
  2769 +
  2770 +.busket_modal_header .busket_modal_02 .order_list .count_block .count_number {
  2771 + display: inline-block;
  2772 + font-size: 22px;
  2773 + padding: 3px 13px 3px;
  2774 + border: 1px solid #C6C7C9;
  2775 + -webkit-border-radius: 3px;
  2776 + border-radius: 3px;
  2777 + position: relative;
  2778 + /*top: -2px;*/
  2779 + background-color: #fff;
  2780 +}
  2781 +
  2782 +.busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons {
  2783 + position: relative;
  2784 + /*top: 4px;*/
  2785 + right: 6px;
  2786 + display: inline-block;
  2787 + vertical-align: bottom;
  2788 +}
  2789 +
  2790 +.busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_plus {
  2791 + background-color: #898b8e;
  2792 + color: white;
  2793 + font-weight: bold;
  2794 + border-bottom: 1px solid #707274;
  2795 + -webkit-border-top-right-radius: 3px;
  2796 + border-top-right-radius: 3px;
  2797 + font-size: 15px;
  2798 + line-height: 15px;
  2799 + padding: 0 7px;
  2800 + cursor: pointer;
  2801 +}
  2802 +
  2803 +.busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_plus:hover {
  2804 + background-color: #7c7e81;
  2805 +}
  2806 +
  2807 +.busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_minus {
  2808 + background-color: #898b8e;
  2809 + color: white;
  2810 + font-weight: bold;
  2811 + line-height: 16px;
  2812 + text-align: center;
  2813 + border-top: 1px solid #A2A2A2;
  2814 + -webkit-border-bottom-right-radius: 3px;
  2815 + border-bottom-right-radius: 3px;
  2816 + cursor: pointer;
  2817 +}
  2818 +
  2819 +.busket_modal_header .busket_modal_02 .order_list .count_block .count_buttons .button_minus:hover {
  2820 + background-color: #7c7e81;
  2821 +}
  2822 +
  2823 +.busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn {
  2824 + margin-top: 20px;
  2825 + text-align: center;
  2826 +}
  2827 +
  2828 +.busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn a {
  2829 + display: inline-block;
  2830 + font-size: 13px;
  2831 + margin-right: 130px;
  2832 +}
  2833 +
  2834 +.busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn button {
  2835 + display: inline-block;
  2836 + padding: 10px 20px;
  2837 + color: white;
  2838 + background-color: #6aa034;
  2839 + border: none;
  2840 + -webkit-border-radius: 2px;
  2841 + border-radius: 2px;
  2842 + font-size: 13px;
  2843 + font-weight: normal;
  2844 + -webkit-box-shadow: 0px 2px 0px #517a27;
  2845 + box-shadow: 0px 2px 0px #517a27;
  2846 +}
  2847 +
  2848 +.busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn button:active {
  2849 + position: relative;
  2850 + -webkit-box-shadow: none;
  2851 + box-shadow: none;
  2852 + top: 2px;
  2853 +}
  2854 +
  2855 +.busket_modal_header .busket_modal_02 .order_list .busket_bottom_btn button:hover {
  2856 + background-color: #5d8d2e;
  2857 +}
  2858 +
  2859 +.busket_modal_header .busket_modal_02 .order_list .delete_item_btn {
  2860 + display: inline-block;
  2861 + vertical-align: top;
  2862 + margin-top: 30px;
  2863 + padding: 0 10px 0 0;
  2864 + cursor: pointer;
  2865 + color: #C6C7C9;
  2866 + font-size: 20px;
  2867 +}
  2868 +
  2869 +.busket_modal_header .busket_modal_02 .order_list .delete_item_btn:hover {
  2870 + color: red;
  2871 +}
  2872 +
  2873 +/*=============================================== CATEGORY PAGE ================================================*/
  2874 +
  2875 +.category_page_main_title {
  2876 + margin-top: 0;
  2877 + margin-bottom: 41px;
  2878 + font-weight: bold;
  2879 +}
  2880 +
  2881 +.category_wrap {
  2882 + margin-bottom: 18px;
  2883 +}
  2884 +
  2885 +.category_wrap .category_wrap_3_colum {
  2886 + width: 300px;
  2887 + display: inline-block;
  2888 + vertical-align: top;
  2889 + margin-right: 15px;
  2890 +}
  2891 +
  2892 +.category_wrap .category_wrap_3_colum:last-of-type {
  2893 + margin-right: 0px;
  2894 +}
  2895 +
  2896 +.category_wrap .wrap {
  2897 + margin-bottom: 16px;
  2898 +}
  2899 +
  2900 +.category_wrap .wrap a {
  2901 + text-decoration: none;
  2902 +}
  2903 +
  2904 +.category_wrap .wrap .cat_li_cont {
  2905 + border: 1px solid #C6C7C9;
  2906 + -webkit-border-radius: 2px;
  2907 + border-radius: 2px;
  2908 + width: 298px;
  2909 + height: 78px;
  2910 + display: inline-block;
  2911 + position: relative;
  2912 +}
  2913 +
  2914 +.category_wrap .wrap .cat_li_cont img {
  2915 + padding-top: 9px;
  2916 + padding-left: 7px;
  2917 + float: left;
  2918 + padding-right: 20px;
  2919 +}
  2920 +
  2921 +.category_wrap .wrap .cat_li_cont .desc {
  2922 + font-size: 15px;
  2923 + width: 150px;
  2924 + color: #333333;
  2925 + margin-left: 87px;
  2926 + height: 78px;
  2927 + display: table-cell;
  2928 + vertical-align: middle;
  2929 +}
  2930 +
  2931 +.category_wrap .wrap .cat_li_cont .arrow {
  2932 + background-image: url("../images/category/green_arrows.png");
  2933 + width: 20px;
  2934 + height: 10px;
  2935 + background-repeat: no-repeat;
  2936 + display: block;
  2937 + position: absolute;
  2938 + right: 15px;
  2939 + top: 35px;
  2940 + background-position: 0px 0px;
  2941 +}
  2942 +
  2943 +.category_wrap .wrap .cat_li_sub_ul {
  2944 + padding: 18px 2px 13px 18px;
  2945 + font-size: 13px;
  2946 + line-height: 20px;
  2947 + border: 1px solid #C6C7C9;
  2948 + width: 278px;
  2949 + background-color: white;
  2950 + position: relative;
  2951 + top: -6px;
  2952 + border-top: none;
  2953 + display: none;
  2954 +}
  2955 +
  2956 +/*=============================================== 404 PAGE ================================================*/
  2957 +
  2958 +.wrap_for_404 {
  2959 + min-height: 670px;
  2960 +}
  2961 +
  2962 +.wrap_for_404 .main_title_404 {
  2963 + font-size: 30px;
  2964 + margin-top: 0;
  2965 + margin-bottom: 30px;
  2966 + font-weight: bold;
  2967 +}
  2968 +
  2969 +.wrap_for_404 .main_img_404 {
  2970 + float: left;
  2971 + position: relative;
  2972 + right: 10px;
  2973 + padding: 27px 21px 10px 0px;
  2974 +}
  2975 +
  2976 +.wrap_for_404 .block_404 .first {
  2977 + font-size: 16px;
  2978 + margin-top: 103px;
  2979 + line-height: 20px;
  2980 +}
  2981 +
  2982 +.wrap_for_404 .block_404 .second {
  2983 + font-size: 13px;
  2984 + margin-top: 60px;
  2985 + line-height: 15px;
  2986 + color: #898b8e;
  2987 +}
  2988 +
  2989 +.wrap_for_404 .block_404 button {
  2990 + padding: 7px 21px;
  2991 + background-color: #6aa034;
  2992 + margin-top: 47px;
  2993 + margin-left: 151px;
  2994 + border: none;
  2995 + font-size: 13px;
  2996 + color: white;
  2997 + -webkit-border-radius: 3px;
  2998 + border-radius: 3px;
  2999 + -webkit-box-shadow: 0 2px #517a27;
  3000 + box-shadow: 0 2px #517a27;
  3001 +}
  3002 +
  3003 +.wrap_for_404 .block_404 button:hover {
  3004 + background-color: #5d8d2e;
  3005 +}
  3006 +
  3007 +.wrap_for_404 .block_404 button:active {
  3008 + position: relative;
  3009 + top: 2px;
  3010 + -webkit-box-shadow: none;
  3011 + box-shadow: none;
  3012 +}
  3013 +
  3014 +.test_flex_example {
  3015 + display: -webkit-box;
  3016 + display: -webkit-flex;
  3017 + display: -ms-flexbox;
  3018 + display: flex;
  3019 + -webkit-flex-wrap: wrap;
  3020 + -ms-flex-wrap: wrap;
  3021 + flex-wrap: wrap;
  3022 + -webkit-box-pack: justify;
  3023 + -webkit-justify-content: space-between;
  3024 + -ms-flex-pack: justify;
  3025 + justify-content: space-between;
  3026 +}
  3027 +
  3028 +/*=============================================== ZAGLUSHKA PAGE ================================================*/
  3029 +
  3030 +.zaglushka_logo_img {
  3031 + width: 230px;
  3032 + margin: 80px auto 27px;
  3033 +}
  3034 +
  3035 +.zaglushka_main_img {
  3036 + width: 880px;
  3037 + position: relative;
  3038 + left: -6px;
  3039 +}
  3040 +
  3041 +.zaglushka_text {
  3042 + text-align: center;
  3043 + font-weight: bold;
  3044 + padding-top: 44px;
  3045 + position: relative;
  3046 + right: 4px;
  3047 + padding-bottom: 130px;
  3048 +}
  3049 +
  3050 +.zaglushka_text h2 {
  3051 + color: #6aa034;
  3052 + font-size: 20px;
  3053 + letter-spacing: 1px;
  3054 +}
  3055 +
  3056 +.zaglushka_text p {
  3057 + font-size: 16px;
  3058 + padding-bottom: 22px;
  3059 +}
  3060 +
  3061 +.zaglushka_text .zaglushka_separate_line {
  3062 + height: 1px;
  3063 + background: #C6C7C9;
  3064 + width: 508px;
  3065 + margin: 13px auto 17px;
  3066 +}
  3067 +
  3068 +/*=============================================== VALIDATION ================================================*/
  3069 +
  3070 +.reg_form label.error {
  3071 + margin-left: 180px;
  3072 + width: 265px;
  3073 + text-align: left;
  3074 + color: #D75C5C;
  3075 +}
  3076 +
  3077 +.modal_wrapper_login .modal_window label.error {
  3078 + margin-left: 127px;
  3079 + width: 265px;
  3080 + text-align: left;
  3081 + color: #D75C5C;
  3082 +}
  3083 +
  3084 +.consultation_modal .modal_window label.error {
  3085 + margin-left: 127px;
  3086 + width: 265px;
  3087 + text-align: left;
  3088 + color: #D75C5C;
  3089 +}
  3090 +
  3091 +.forgot_password_form label.error {
  3092 + margin-left: 141px;
  3093 + width: 265px;
  3094 + text-align: left;
  3095 + color: #D75C5C;
3096 3096 }
3097 3097 \ No newline at end of file
... ...
frontend/web/css/site.css
  Show/Hide comments   View file @888851f
1   -html,
2   -body {
3   - height: 100%;
4   -}
5   -
6   -.wrap {
7   - min-height: 100%;
8   - height: auto;
9   - margin: 0 auto -60px;
10   - padding: 0 0 60px;
11   -}
12   -
13   -.wrap > .container {
14   - padding: 70px 15px 20px;
15   -}
16   -
17   -.footer {
18   - height: 60px;
19   - background-color: #f5f5f5;
20   - border-top: 1px solid #ddd;
21   - padding-top: 20px;
22   -}
23   -
24   -.jumbotron {
25   - text-align: center;
26   - background-color: transparent;
27   -}
28   -
29   -.jumbotron .btn {
30   - font-size: 21px;
31   - padding: 14px 24px;
32   -}
33   -
34   -.not-set {
35   - color: #c55;
36   - font-style: italic;
37   -}
38   -
39   -/* add sorting icons to gridview sort links */
40   -a.asc:after, a.desc:after {
41   - position: relative;
42   - top: 1px;
43   - display: inline-block;
44   - font-family: 'Glyphicons Halflings';
45   - font-style: normal;
46   - font-weight: normal;
47   - line-height: 1;
48   - padding-left: 5px;
49   -}
50   -
51   -a.asc:after {
52   - content: "\e151";
53   -}
54   -
55   -a.desc:after {
56   - content: "\e152";
57   -}
58   -
59   -.sort-numerical a.asc:after {
60   - content: "\e153";
61   -}
62   -
63   -.sort-numerical a.desc:after {
64   - content: "\e154";
65   -}
66   -
67   -.sort-ordinal a.asc:after {
68   - content: "\e155";
69   -}
70   -
71   -.sort-ordinal a.desc:after {
72   - content: "\e156";
73   -}
74   -
75   -.grid-view td {
76   - white-space: nowrap;
77   -}
78   -
79   -.grid-view .filters input,
80   -.grid-view .filters select {
81   - min-width: 50px;
82   -}
83   -
84   -.hint-block {
85   - display: block;
86   - margin-top: 5px;
87   - color: #999;
88   -}
89   -
90   -.error-summary {
91   - color: #a94442;
92   - background: #fdf7f7;
93   - border-left: 3px solid #eed3d7;
94   - padding: 10px 20px;
95   - margin: 0 0 15px 0;
96   -}
97   -
98   -/* align the logout "link" (button in form) of the navbar */
99   -.nav > li > form {
100   - padding: 8px;
101   -}
102   -
103   -.nav > li > form > button:hover {
104   - text-decoration: none;
105   -}
  1 +html,
  2 +body {
  3 + height: 100%;
  4 +}
  5 +
  6 +.wrap {
  7 + min-height: 100%;
  8 + height: auto;
  9 + margin: 0 auto -60px;
  10 + padding: 0 0 60px;
  11 +}
  12 +
  13 +.wrap > .container {
  14 + padding: 70px 15px 20px;
  15 +}
  16 +
  17 +.footer {
  18 + height: 60px;
  19 + background-color: #f5f5f5;
  20 + border-top: 1px solid #ddd;
  21 + padding-top: 20px;
  22 +}
  23 +
  24 +.jumbotron {
  25 + text-align: center;
  26 + background-color: transparent;
  27 +}
  28 +
  29 +.jumbotron .btn {
  30 + font-size: 21px;
  31 + padding: 14px 24px;
  32 +}
  33 +
  34 +.not-set {
  35 + color: #c55;
  36 + font-style: italic;
  37 +}
  38 +
  39 +/* add sorting icons to gridview sort links */
  40 +a.asc:after, a.desc:after {
  41 + position: relative;
  42 + top: 1px;
  43 + display: inline-block;
  44 + font-family: 'Glyphicons Halflings';
  45 + font-style: normal;
  46 + font-weight: normal;
  47 + line-height: 1;
  48 + padding-left: 5px;
  49 +}
  50 +
  51 +a.asc:after {
  52 + content: "\e151";
  53 +}
  54 +
  55 +a.desc:after {
  56 + content: "\e152";
  57 +}
  58 +
  59 +.sort-numerical a.asc:after {
  60 + content: "\e153";
  61 +}
  62 +
  63 +.sort-numerical a.desc:after {
  64 + content: "\e154";
  65 +}
  66 +
  67 +.sort-ordinal a.asc:after {
  68 + content: "\e155";
  69 +}
  70 +
  71 +.sort-ordinal a.desc:after {
  72 + content: "\e156";
  73 +}
  74 +
  75 +.grid-view td {
  76 + white-space: nowrap;
  77 +}
  78 +
  79 +.grid-view .filters input,
  80 +.grid-view .filters select {
  81 + min-width: 50px;
  82 +}
  83 +
  84 +.hint-block {
  85 + display: block;
  86 + margin-top: 5px;
  87 + color: #999;
  88 +}
  89 +
  90 +.error-summary {
  91 + color: #a94442;
  92 + background: #fdf7f7;
  93 + border-left: 3px solid #eed3d7;
  94 + padding: 10px 20px;
  95 + margin: 0 0 15px 0;
  96 +}
  97 +
  98 +/* align the logout "link" (button in form) of the navbar */
  99 +.nav > li > form {
  100 + padding: 8px;
  101 +}
  102 +
  103 +.nav > li > form > button:hover {
  104 + text-decoration: none;
  105 +}
... ...
frontend/web/js/basket.js
  Show/Hide comments   View file @888851f
1   -$(document).ready(function(){
2   -
3   - var result_block = $('.basket_result');
4   - var one_item_block = $('.busket_block');
5   -
6   - function countItems(){
7   - var length = $('.busket_modal_01').find('.order_list_li').length;
8   - if(length >= 1){
9   - $('.head_basket_count').html(length);
10   - $('.all_count').html(length);
11   - } else {
12   - $('.head_basket_count').html('');
13   - $('.all_count').html('');
14   - }
15   - }
16   -
17   -
18   -
19   - function changeAjaxPrice(id, num){
20   - $.post( "/orders/buy-items", {id: id, num:num}, function( data ) {
21   - });
22   - }
23   -
24   - function countPrise(block){
25   - var totalBlock = block.parents('.order_list');
26   - var total_price = 0;
27   - totalBlock.find('.price_val').each(function(){
28   - total_price += +$(this).html();
29   - });
30   - $('.all_price_span').html(total_price);
31   - }
32   -
33   -
34   - $('.item').on('click', '.basket_add_but', function(e){
35   - var id = $(this).data('id');
36   - $.post( "/orders/buy-items", {id: id, num:1}, function( data ) {
37   - $('.basket_result').each(function(){
38   - $(this).html(data);
39   - countItems();
40   - });
41   -
42   - });
43   -
44   - });
45   -
46   - $('.main_cont_wrap').on('click', '.cart_btn', function(e){
47   - var id = $(this).data('id');
48   - var num = one_item_block.find('.buy_one_item').val();
49   - $.post( "/orders/buy-items", {id: id, num:num}, function( data ) {
50   - $('.basket_result').each(function(){
51   - $(this).html(data)
52   - });
53   - });
54   -
55   - });
56   -
57   - result_block.on('click', '.delete_item_btn', function(){
58   - var block = $(this).parents('.order_list_li');
59   -
60   -
61   - var id = block.data('id');
62   -
63   - $.post( "/orders/delete", {id: id}, function( data ) {
64   - });
65   - var forCount = block.parents('ul');
66   - $('.order_list_li[data-id='+id+']').each(function(){
67   - var block = $(this);
68   - block.remove();
69   - });
70   - countPrise(forCount);
71   - countItems();
72   -
73   -
74   -
75   - });
76   -
77   - result_block.on('click', '.button_minus', function(){
78   - var block = $(this).parents('.order_list_li');
79   - var price_block = block.find('.price_val');
80   - var input = block.find('input');
81   - var number = input.val();
82   - var id = block.data('id');
83   -
84   - if(number > 1){
85   - number--;
86   - input.val(number);
87   - var price = price_block.data('price');
88   - var new_price = number * +price;
89   - price_block.html(new_price);
90   - changeAjaxPrice(id, number);
91   - synchronizationPriceData(id, number);
92   - }
93   -
94   - countPrise(block);
95   - });
96   -
97   -
98   - result_block.on('click', '.button_plus', function(){
99   - var block = $(this).parents('.order_list_li');
100   - var price_block = block.find('.price_val');
101   - var input = block.find('input');
102   - var number = input.val();
103   - var id = block.data('id');
104   -
105   - number++;
106   - input.val(number);
107   - var price = price_block.data('price');
108   - var new_price = number * +price;
109   - price_block.html(new_price);
110   -
111   - changeAjaxPrice(id, number);
112   - synchronizationPriceData(id, number);
113   - countPrise(block);
114   - });
115   -
116   - result_block.on('change', '.buy_one_item', function(){
117   - var block = $(this).parents('.order_list_li');
118   - var num = $(this).val();
119   - var price_block = block.find('.price_val');
120   - var price = price_block.data('price');
121   - var id = block.data('id');
122   -
123   - var new_price = num * +price;
124   - price_block.html(new_price);
125   - changeAjaxPrice(id, num);
126   - synchronizationPriceData(id, num);
127   - countPrise(block);
128   - });
129   -
130   - function synchronizationPriceData(id, number){
131   - $('.order_list_li[data-id='+id+']').each(function(){
132   - var block = $(this);
133   - block.find('input').val(number);
134   - var price_block = block.find('.price_val');
135   - var price = price_block.data('price');
136   - var new_price = number * +price;
137   - price_block.html(new_price);
138   - });
139   - }
140   -
141   -
142   -
143   - one_item_block.on('click', '.button_minus', function(){
144   - var input = one_item_block.find('.buy_one_item');
145   - var number = input.val();
146   - if(number > 1){
147   - number--;
148   - input.val(number);
149   - }
150   - });
151   -
152   -
153   - one_item_block.on('click', '.button_plus', function(){
154   - var input = one_item_block.find('.buy_one_item');
155   - var number = input.val();
156   - number++;
157   - input.val(number);
158   - });
159   -
160   - /****************************compare and bookmarks********************************************/
161   -
162   - function addItemToCompare(id){
163   - $.post( "/orders/compare", {id: id}, function( data ) {
164   - });
165   - }
166   -
167   - $('#add_to_compare').click(function (event) {
168   - event.preventDefault();
169   - var id = $('#one_item_block').data('id');
170   - addItemToCompare(id);
171   - });
172   -
173   - $('#add_to_bookmarks').click(function(event){
174   - event.preventDefault();
175   - var id = $('#one_item_block').data('id');
176   - $.post( "/orders/bookmarks", {id: id}, function( data ) {
177   - });
178   - });
179   -
180   -
  1 +$(document).ready(function(){
  2 +
  3 + var result_block = $('.basket_result');
  4 + var one_item_block = $('.busket_block');
  5 +
  6 + function countItems(){
  7 + var length = $('.busket_modal_01').find('.order_list_li').length;
  8 + if(length >= 1){
  9 + $('.head_basket_count').html(length);
  10 + $('.all_count').html(length);
  11 + } else {
  12 + $('.head_basket_count').html('');
  13 + $('.all_count').html('');
  14 + }
  15 + }
  16 +
  17 +
  18 +
  19 + function changeAjaxPrice(id, num){
  20 + $.post( "/orders/buy-items", {id: id, num:num}, function( data ) {
  21 + });
  22 + }
  23 +
  24 + function countPrise(block){
  25 + var totalBlock = block.parents('.order_list');
  26 + var total_price = 0;
  27 + totalBlock.find('.price_val').each(function(){
  28 + total_price += +$(this).html();
  29 + });
  30 + $('.all_price_span').html(total_price);
  31 + }
  32 +
  33 +
  34 + $('.item').on('click', '.basket_add_but', function(e){
  35 + var id = $(this).data('id');
  36 + $.post( "/orders/buy-items", {id: id, num:1}, function( data ) {
  37 + $('.basket_result').each(function(){
  38 + $(this).html(data);
  39 + countItems();
  40 + });
  41 +
  42 + });
  43 +
  44 + });
  45 +
  46 + $('.main_cont_wrap').on('click', '.cart_btn', function(e){
  47 + var id = $(this).data('id');
  48 + var num = one_item_block.find('.buy_one_item').val();
  49 + $.post( "/orders/buy-items", {id: id, num:num}, function( data ) {
  50 + $('.basket_result').each(function(){
  51 + $(this).html(data)
  52 + });
  53 + });
  54 +
  55 + });
  56 +
  57 + result_block.on('click', '.delete_item_btn', function(){
  58 + var block = $(this).parents('.order_list_li');
  59 +
  60 +
  61 + var id = block.data('id');
  62 +
  63 + $.post( "/orders/delete", {id: id}, function( data ) {
  64 + });
  65 + var forCount = block.parents('ul');
  66 + $('.order_list_li[data-id='+id+']').each(function(){
  67 + var block = $(this);
  68 + block.remove();
  69 + });
  70 + countPrise(forCount);
  71 + countItems();
  72 +
  73 +
  74 +
  75 + });
  76 +
  77 + result_block.on('click', '.button_minus', function(){
  78 + var block = $(this).parents('.order_list_li');
  79 + var price_block = block.find('.price_val');
  80 + var input = block.find('input');
  81 + var number = input.val();
  82 + var id = block.data('id');
  83 +
  84 + if(number > 1){
  85 + number--;
  86 + input.val(number);
  87 + var price = price_block.data('price');
  88 + var new_price = number * +price;
  89 + price_block.html(new_price);
  90 + changeAjaxPrice(id, number);
  91 + synchronizationPriceData(id, number);
  92 + }
  93 +
  94 + countPrise(block);
  95 + });
  96 +
  97 +
  98 + result_block.on('click', '.button_plus', function(){
  99 + var block = $(this).parents('.order_list_li');
  100 + var price_block = block.find('.price_val');
  101 + var input = block.find('input');
  102 + var number = input.val();
  103 + var id = block.data('id');
  104 +
  105 + number++;
  106 + input.val(number);
  107 + var price = price_block.data('price');
  108 + var new_price = number * +price;
  109 + price_block.html(new_price);
  110 +
  111 + changeAjaxPrice(id, number);
  112 + synchronizationPriceData(id, number);
  113 + countPrise(block);
  114 + });
  115 +
  116 + result_block.on('change', '.buy_one_item', function(){
  117 + var block = $(this).parents('.order_list_li');
  118 + var num = $(this).val();
  119 + var price_block = block.find('.price_val');
  120 + var price = price_block.data('price');
  121 + var id = block.data('id');
  122 +
  123 + var new_price = num * +price;
  124 + price_block.html(new_price);
  125 + changeAjaxPrice(id, num);
  126 + synchronizationPriceData(id, num);
  127 + countPrise(block);
  128 + });
  129 +
  130 + function synchronizationPriceData(id, number){
  131 + $('.order_list_li[data-id='+id+']').each(function(){
  132 + var block = $(this);
  133 + block.find('input').val(number);
  134 + var price_block = block.find('.price_val');
  135 + var price = price_block.data('price');
  136 + var new_price = number * +price;
  137 + price_block.html(new_price);
  138 + });
  139 + }
  140 +
  141 +
  142 +
  143 + one_item_block.on('click', '.button_minus', function(){
  144 + var input = one_item_block.find('.buy_one_item');
  145 + var number = input.val();
  146 + if(number > 1){
  147 + number--;
  148 + input.val(number);
  149 + }
  150 + });
  151 +
  152 +
  153 + one_item_block.on('click', '.button_plus', function(){
  154 + var input = one_item_block.find('.buy_one_item');
  155 + var number = input.val();
  156 + number++;
  157 + input.val(number);
  158 + });
  159 +
  160 + /****************************compare and bookmarks********************************************/
  161 +
  162 + function addItemToCompare(id){
  163 + $.post( "/orders/compare", {id: id}, function( data ) {
  164 + });
  165 + }
  166 +
  167 + $('#add_to_compare').click(function (event) {
  168 + event.preventDefault();
  169 + var id = $('#one_item_block').data('id');
  170 + addItemToCompare(id);
  171 + });
  172 +
  173 + $('#add_to_bookmarks').click(function(event){
  174 + event.preventDefault();
  175 + var id = $('#one_item_block').data('id');
  176 + $.post( "/orders/bookmarks", {id: id}, function( data ) {
  177 + });
  178 + });
  179 +
  180 +
181 181 });
182 182 \ No newline at end of file
... ...
frontend/web/js/jquery.maskedinput.min.js
  Show/Hide comments   View file @888851f
1   -/*
2   - jQuery Masked Input Plugin
3   - Copyright (c) 2007 - 2015 Josh Bush (digitalbush.com)
4   - Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license)
5   - Version: 1.4.1
6   -*/
  1 +/*
  2 + jQuery Masked Input Plugin
  3 + Copyright (c) 2007 - 2015 Josh Bush (digitalbush.com)
  4 + Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license)
  5 + Version: 1.4.1
  6 +*/
7 7 !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof exports?require("jquery"):jQuery)}(function(a){var b,c=navigator.userAgent,d=/iphone/i.test(c),e=/chrome/i.test(c),f=/android/i.test(c);a.mask={definitions:{9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"},autoclear:!0,dataName:"rawMaskFn",placeholder:"_"},a.fn.extend({caret:function(a,b){var c;if(0!==this.length&&!this.is(":hidden"))return"number"==typeof a?(b="number"==typeof b?b:a,this.each(function(){this.setSelectionRange?this.setSelectionRange(a,b):this.createTextRange&&(c=this.createTextRange(),c.collapse(!0),c.moveEnd("character",b),c.moveStart("character",a),c.select())})):(this[0].setSelectionRange?(a=this[0].selectionStart,b=this[0].selectionEnd):document.selection&&document.selection.createRange&&(c=document.selection.createRange(),a=0-c.duplicate().moveStart("character",-1e5),b=a+c.text.length),{begin:a,end:b})},unmask:function(){return this.trigger("unmask")},mask:function(c,g){var h,i,j,k,l,m,n,o;if(!c&&this.length>0){h=a(this[0]);var p=h.data(a.mask.dataName);return p?p():void 0}return g=a.extend({autoclear:a.mask.autoclear,placeholder:a.mask.placeholder,completed:null},g),i=a.mask.definitions,j=[],k=n=c.length,l=null,a.each(c.split(""),function(a,b){"?"==b?(n--,k=a):i[b]?(j.push(new RegExp(i[b])),null===l&&(l=j.length-1),k>a&&(m=j.length-1)):j.push(null)}),this.trigger("unmask").each(function(){function h(){if(g.completed){for(var a=l;m>=a;a++)if(j[a]&&C[a]===p(a))return;g.completed.call(B)}}function p(a){return g.placeholder.charAt(a<g.placeholder.length?a:0)}function q(a){for(;++a<n&&!j[a];);return a}function r(a){for(;--a>=0&&!j[a];);return a}function s(a,b){var c,d;if(!(0>a)){for(c=a,d=q(b);n>c;c++)if(j[c]){if(!(n>d&&j[c].test(C[d])))break;C[c]=C[d],C[d]=p(d),d=q(d)}z(),B.caret(Math.max(l,a))}}function t(a){var b,c,d,e;for(b=a,c=p(a);n>b;b++)if(j[b]){if(d=q(b),e=C[b],C[b]=c,!(n>d&&j[d].test(e)))break;c=e}}function u(){var a=B.val(),b=B.caret();if(o&&o.length&&o.length>a.length){for(A(!0);b.begin>0&&!j[b.begin-1];)b.begin--;if(0===b.begin)for(;b.begin<l&&!j[b.begin];)b.begin++;B.caret(b.begin,b.begin)}else{for(A(!0);b.begin<n&&!j[b.begin];)b.begin++;B.caret(b.begin,b.begin)}h()}function v(){A(),B.val()!=E&&B.change()}function w(a){if(!B.prop("readonly")){var b,c,e,f=a.which||a.keyCode;o=B.val(),8===f||46===f||d&&127===f?(b=B.caret(),c=b.begin,e=b.end,e-c===0&&(c=46!==f?r(c):e=q(c-1),e=46===f?q(e):e),y(c,e),s(c,e-1),a.preventDefault()):13===f?v.call(this,a):27===f&&(B.val(E),B.caret(0,A()),a.preventDefault())}}function x(b){if(!B.prop("readonly")){var c,d,e,g=b.which||b.keyCode,i=B.caret();if(!(b.ctrlKey||b.altKey||b.metaKey||32>g)&&g&&13!==g){if(i.end-i.begin!==0&&(y(i.begin,i.end),s(i.begin,i.end-1)),c=q(i.begin-1),n>c&&(d=String.fromCharCode(g),j[c].test(d))){if(t(c),C[c]=d,z(),e=q(c),f){var k=function(){a.proxy(a.fn.caret,B,e)()};setTimeout(k,0)}else B.caret(e);i.begin<=m&&h()}b.preventDefault()}}}function y(a,b){var c;for(c=a;b>c&&n>c;c++)j[c]&&(C[c]=p(c))}function z(){B.val(C.join(""))}function A(a){var b,c,d,e=B.val(),f=-1;for(b=0,d=0;n>b;b++)if(j[b]){for(C[b]=p(b);d++<e.length;)if(c=e.charAt(d-1),j[b].test(c)){C[b]=c,f=b;break}if(d>e.length){y(b+1,n);break}}else C[b]===e.charAt(d)&&d++,k>b&&(f=b);return a?z():k>f+1?g.autoclear||C.join("")===D?(B.val()&&B.val(""),y(0,n)):z():(z(),B.val(B.val().substring(0,f+1))),k?b:l}var B=a(this),C=a.map(c.split(""),function(a,b){return"?"!=a?i[a]?p(b):a:void 0}),D=C.join(""),E=B.val();B.data(a.mask.dataName,function(){return a.map(C,function(a,b){return j[b]&&a!=p(b)?a:null}).join("")}),B.one("unmask",function(){B.off(".mask").removeData(a.mask.dataName)}).on("focus.mask",function(){if(!B.prop("readonly")){clearTimeout(b);var a;E=B.val(),a=A(),b=setTimeout(function(){B.get(0)===document.activeElement&&(z(),a==c.replace("?","").length?B.caret(0,a):B.caret(a))},10)}}).on("blur.mask",v).on("keydown.mask",w).on("keypress.mask",x).on("input.mask paste.mask",function(){B.prop("readonly")||setTimeout(function(){var a=A(!0);B.caret(a),h()},0)}),e&&f&&B.off("input.mask").on("input.mask",u),A()})}})});
8 8 \ No newline at end of file
... ...
frontend/web/robots.txt
  Show/Hide comments   View file @888851f
1   -User-agent: *
  1 +User-agent: *
2 2 Disallow:
3 3 \ No newline at end of file
... ...