diff --git a/backend/controllers/FeedbackController.php b/backend/controllers/FeedbackController.php
new file mode 100755
index 0000000..c9ddba8
--- /dev/null
+++ b/backend/controllers/FeedbackController.php
@@ -0,0 +1,85 @@
+<?php
+
+namespace backend\controllers;
+
+use common\models\Feedback;
+use common\models\FeedbackSearch;
+use Yii;
+use yii\web\Controller;
+use yii\web\NotFoundHttpException;
+use yii\filters\VerbFilter;
+use developeruz\db_rbac\behaviors\AccessBehavior;
+
+class FeedbackController extends Controller
+{
+    /**
+     * @inheritdoc
+     */
+    public function behaviors()
+    {
+        return [
+            'access'=>[
+                'class' => AccessBehavior::className(),
+                'rules' =>
+                    ['site' =>
+                        [
+                            [
+                                'actions' => ['login', 'error'],
+                                'allow' => true,
+                            ]
+                        ]
+                    ]
+            ],
+            'verbs' => [
+                'class' => VerbFilter::className(),
+                'actions' => [
+                    'delete' => ['POST'],
+                ],
+            ],
+        ];
+    }
+
+    /**
+     * Lists all Feedback models.
+     * @return mixed
+     */
+    public function actionIndex()
+    {
+        $searchModel = new FeedbackSearch();
+        $dataProvider = $searchModel->search(Yii::$app->request->queryParams);
+
+        return $this->render('index', [
+            'searchModel' => $searchModel,
+            'dataProvider' => $dataProvider,
+        ]);
+    }
+
+    /**
+     * Deletes an existing Feedback model.
+     * If deletion is successful, the browser will be redirected to the 'index' page.
+     * @param integer $id
+     * @return mixed
+     */
+    public function actionDelete($id)
+    {
+        $this->findModel($id)->delete();
+
+        return $this->redirect(['index']);
+    }
+
+    /**
+     * Finds the Feedback model based on its primary key value.
+     * If the model is not found, a 404 HTTP exception will be thrown.
+     * @param integer $id
+     * @return Feedback the loaded model
+     * @throws NotFoundHttpException if the model cannot be found
+     */
+    protected function findModel($id)
+    {
+        if (($model = Feedback::findOne($id)) !== null) {
+            return $model;
+        } else {
+            throw new NotFoundHttpException('The requested page does not exist.');
+        }
+    }
+}
diff --git a/backend/views/feedback/index.php b/backend/views/feedback/index.php
new file mode 100644
index 0000000..fbe1921
--- /dev/null
+++ b/backend/views/feedback/index.php
@@ -0,0 +1,33 @@
+<?php
+    use common\models\FeedbackSearch;
+    use yii\bootstrap\Html;
+    use yii\data\ActiveDataProvider;
+    use yii\grid\GridView;
+    use yii\web\View;
+    /**
+     * @var ActiveDataProvider $dataProvider
+     * @var FeedbackSearch     $searchModel
+     * @var View               $this
+     */
+    $this->title = 'Feedback';
+    $this->params['breadcrumbs'][] = $this->title;
+?>
+<div class="feedback-index">
+    
+    <h1><?= Html::encode($this->title) ?></h1>
+    <?= GridView::widget([
+        'dataProvider' => $dataProvider,
+        'filterModel' => $searchModel,
+        'columns' => [
+            ['class' => 'yii\grid\SerialColumn'],
+            'feedback_id',
+            'name',
+            'phone',
+            'date_add:date',
+            [
+                'class' => 'yii\grid\ActionColumn',
+                'template' => '{delete}',
+            ],
+        ],
+    ]); ?>
+</div>
\ No newline at end of file
diff --git a/backend/views/layouts/main-sidebar.php b/backend/views/layouts/main-sidebar.php
index b27b1d8..23d7844 100755
--- a/backend/views/layouts/main-sidebar.php
+++ b/backend/views/layouts/main-sidebar.php
@@ -157,6 +157,12 @@ use yii\widgets\Menu;
                 'options' => ['class'=>\Yii::$app->user->can('artbox-comments') ? '' :'hide'],
             ],
             [
+                'template'=>'<a href="{url}"> <i class="glyphicon glyphicon-comment"></i> <span>{label}</span></a>',
+                'label' => 'Обратная связь',
+                'url' => ['/feedback'],
+                'options' => ['class'=>\Yii::$app->user->can('feedback') ? '' :'hide'],
+            ],
+            [
                 'label' => 'Настройка ролей',
                 'template'=>'<a href="{url}"> <i class="glyphicon glyphicon-cog"></i> <span>{label}</span></a>',
                 'active' => preg_match('/^user.*$/', $this->context->id)
diff --git a/common/config/main.php b/common/config/main.php
index 5a3ace9..dc67343 100755
--- a/common/config/main.php
+++ b/common/config/main.php
@@ -15,7 +15,6 @@ return [
                 ]
             ],
         ],
-
         'sms' => [
             'class' => 'common\components\SmsSender',
         ],
diff --git a/common/models/Feedback.php b/common/models/Feedback.php
new file mode 100644
index 0000000..7b190d6
--- /dev/null
+++ b/common/models/Feedback.php
@@ -0,0 +1,94 @@
+<?php
+
+namespace common\models;
+
+use Yii;
+use yii\behaviors\AttributeBehavior;
+use yii\behaviors\TimestampBehavior;
+use yii\db\ActiveRecord;
+
+/**
+ * This is the model class for table "feedback".
+ *
+ * @property integer $feedback_id
+ * @property string $name
+ * @property string $phone
+ * @property integer $date_add
+ * @property string $ip
+ */
+class Feedback extends \yii\db\ActiveRecord
+{
+    
+    const SCENARIO_FEEDBACK = 'feedback';
+    const SCENARIO_CALLBACK = 'callback';
+    
+    /**
+     * @inheritdoc
+     */
+    public static function tableName()
+    {
+        return 'feedback';
+    }
+    
+    /**
+     * @inheritdoc
+     */
+    public function scenarios()
+    {
+        $scenarios = parent::scenarios();
+        $scenarios = array_merge($scenarios, [
+            self::SCENARIO_FEEDBACK => ['name', 'phone'],
+            self::SCENARIO_CALLBACK => ['phone'],
+        ]);
+        return  $scenarios;
+    }
+    
+    /**
+     * @inheritdoc
+     */
+    public function behaviors()
+    {
+        return [
+            [
+                'class' => TimestampBehavior::className(),
+                'createdAtAttribute' => 'date_add',
+                'updatedAtAttribute' => false,
+            ],
+            [
+                'class' => AttributeBehavior::className(),
+                'attributes' => [
+                    ActiveRecord::EVENT_BEFORE_INSERT => 'ip',
+                ],
+                'value' => function($event) {
+                    return \Yii::$app->request->userIP;
+                },
+            ]
+        ];
+    }
+    
+    /**
+     * @inheritdoc
+     */
+    public function rules()
+    {
+        return [
+            [['phone', 'name'], 'required'],
+            [['phone'], 'match', 'pattern' => '/^\+38\(\d{3}\)\d{3}-\d{2}-\d{2}$/'],
+            [['name', 'phone'], 'string', 'max' => 255],
+        ];
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function attributeLabels()
+    {
+        return [
+            'feedback_id' => Yii::t('app', 'Feedback ID'),
+            'name' => Yii::t('app', 'Имя'),
+            'phone' => Yii::t('app', 'Телефон'),
+            'date_add' => Yii::t('app', 'Date Add'),
+            'ip' => Yii::t('app', 'Ip'),
+        ];
+    }
+}
diff --git a/common/models/FeedbackSearch.php b/common/models/FeedbackSearch.php
new file mode 100755
index 0000000..f578091
--- /dev/null
+++ b/common/models/FeedbackSearch.php
@@ -0,0 +1,88 @@
+<?php
+    
+    namespace common\models;
+    
+    use yii\data\ActiveDataProvider;
+    
+    class FeedbackSearch extends Feedback
+    {
+        
+        /**
+         * @inheritdoc
+         */
+        public function rules()
+        {
+            return [
+                [
+                    [ 'feedback_id' ],
+                    'integer',
+                ],
+                [
+                    [
+                        'name',
+                        'phone',
+                        'ip',
+                        'date_add',
+                    ],
+                    'safe',
+                ],
+            ];
+        }
+        
+        /**
+         * @inheritdoc
+         */
+        public function scenarios()
+        {
+            return Feedback::scenarios();
+        }
+        
+        /**
+         * Creates data provider instance with search query applied
+         *
+         * @param array $params
+         *
+         * @return ActiveDataProvider
+         */
+        public function search($params)
+        {
+            $query = Feedback::find();
+            
+            // add conditions that should always apply here
+            
+            $dataProvider = new ActiveDataProvider([
+                'query' => $query,
+            ]);
+            
+            $this->load($params);
+            
+            if(!$this->validate()) {
+                // uncomment the following line if you do not want to return any records when validation fails
+                // $query->where('0=1');
+                return $dataProvider;
+            }
+            
+            // grid filtering conditions
+            $query->andFilterWhere([
+                'feedback_id' => $this->feedback_id,
+            ]);
+            
+            $query->andFilterWhere([
+                'like',
+                'name',
+                $this->name,
+            ])
+                  ->andFilterWhere([
+                      'like',
+                      'phone',
+                      $this->phone,
+                  ])
+                  ->andFilterWhere([
+                      'like',
+                      'ip',
+                      $this->ip,
+                  ]);
+            
+            return $dataProvider;
+        }
+    }
diff --git a/common/models/Orders.php b/common/models/Orders.php
index ed89148..5685b4c 100755
--- a/common/models/Orders.php
+++ b/common/models/Orders.php
@@ -1,167 +1,212 @@
 <?php
-namespace common\models;
-
-use Yii;
-use yii\web\Session;
-use common\modules\product\models\ProductVariant;
-
-class Orders extends \yii\db\ActiveRecord
-{
- private $data;
-    public static function tableName()
+    namespace common\models;
+    
+    use Yii;
+    use yii\web\Session;
+    use common\modules\product\models\ProductVariant;
+    
+    class Orders extends \yii\db\ActiveRecord
     {
-        return 'orders';
-    }
-
-    public function rules()
-    {
-        return [
-            [['name', 'phone'], 'required'],
-            [['comment'], 'safe'],
-            [['email'],'email'],
-        ];
-    }
-
-    public function attributeLabels()
-    {
-        return [
-            'name' => 'Ф.И.О',
-            'phone'=>'Контактный телефон',
-            'email'=>'email',
-            'comment'=>'Комментарии',
-        ];
-    }
-
-    public function beforeSave($insert) {
-        $this->user_id = Yii::$app->user->id;
-        $this->date_time = new \yii\db\Expression('NOW()');
-        return parent::beforeSave($insert);
-    }
-
-    public function beforeDelete() {
-        return parent::beforeDelete();
-    }
-
-
-    public function addBasket ($mod_id, $count)
-    {
-        $session = new Session;
-        $session->open ();
-        $data = $session['basket'];
-        $i = 0;
-        if (isset($session['basket']))
-        {
-            foreach ($session['basket'] as $key => $basket)
-            {
-                if ($mod_id == $basket['id'])
-                {
-                    $data[$key]['count'] += $count;
-                    $session['basket'] = $data;
-                    $i++;
+        
+        const SCENARIO_QUICK = 'quick';
+        
+        private $data;
+        
+        public static function tableName()
+        {
+            return 'orders';
+        }
+        
+        public function scenarios()
+        {
+            $scenarios = array_merge(parent::scenarios(), [
+                self::SCENARIO_QUICK => [ 'phone' ],
+            ]);
+            return $scenarios;
+        }
+        
+        public function rules()
+        {
+            return [
+                [
+                    [
+                        'name',
+                        'phone',
+                    ],
+                    'required',
+                ],
+                [
+                    [ 'comment' ],
+                    'safe',
+                ],
+                [
+                    [ 'email' ],
+                    'email',
+                ],
+                [
+                    [ 'phone' ],
+                    'match',
+                    'pattern' => '/^\+38\(\d{3}\)\d{3}-\d{2}-\d{2}$/',
+                    'on' => self::SCENARIO_QUICK,
+                ],
+            ];
+        }
+        
+        public function attributeLabels()
+        {
+            return [
+                'name'    => 'Ф.И.О',
+                'phone'   => 'Контактный телефон',
+                'email'   => 'email',
+                'comment' => 'Комментарии',
+            ];
+        }
+        
+        public function beforeSave($insert)
+        {
+            $this->user_id = Yii::$app->user->id;
+            $this->date_time = new \yii\db\Expression('NOW()');
+            return parent::beforeSave($insert);
+        }
+        
+        public function beforeDelete()
+        {
+            return parent::beforeDelete();
+        }
+        
+        public function addBasket($mod_id, $count)
+        {
+            $session = new Session;
+            $session->open();
+            $data = $session[ 'basket' ];
+            $i = 0;
+            if(isset( $session[ 'basket' ] )) {
+                foreach($session[ 'basket' ] as $key => $basket) {
+                    if($mod_id == $basket[ 'id' ]) {
+                        $data[ $key ][ 'count' ] += $count;
+                        $session[ 'basket' ] = $data;
+                        $i++;
+                    }
                 }
             }
+            if($i == 0) {
+                $data[] = [
+                    'id'    => $mod_id,
+                    'count' => $count,
+                ];
+                $session[ 'basket' ] = $data;
+            }
         }
-        if ($i == 0)
+        
+        public function rowBasket()
         {
-            $data[] = ['id' => $mod_id, 'count' => $count];
-            $session['basket'] = $data;
+            $session = new Session;
+            $session->open();
+            $cost = 0;
+            $count = 0;
+            if(isset( $session[ 'basket' ] ) && count($session[ 'basket' ])) {
+                foreach($session[ 'basket' ] as $product) {
+                    $count += $product[ 'count' ];
+                }
+            }
+            
+            return (object) [
+                'cost'  => $cost,
+                'count' => $count,
+            ];
         }
-    }
-
-
-    public function rowBasket ()
-    {
-        $session = new Session;
-        $session->open ();
-        $cost = 0;
-        $count = 0;
-        if (isset($session['basket']) && count ($session['basket']))
-        {
-            foreach ($session['basket'] as $product)
-            {
-                $count += $product['count'];
+        
+        public function deleteBasketMod($id)
+        {
+            $session = new Session;
+            $session->open();
+            $basket = $session[ 'basket' ];
+            foreach($basket as $key => $product) {
+                if($id == $product[ 'id' ]) {
+                    unset( $basket[ $key ] );
+                }
             }
+            $session[ 'basket' ] = $basket;
         }
-
-        return (object)['cost' => $cost, 'count' => $count];
-    }
-
-
-    public function deleteBasketMod ($id)
-    {
-        $session = new Session;
-        $session->open ();
-        $basket = $session['basket'];
-        foreach ($basket as $key => $product)
+        
+        public function updateBasket($row)
         {
-            if ($id == $product['id']) unset($basket[$key]);
+            $session = new Session;
+            $session->open();
+            //$data = array();
+            if($row[ 'count' ] > 0) {
+                $this->data[] = [
+                    'id'    => $row[ 'id' ],
+                    'count' => $row[ 'count' ],
+                ];
+            }
+            $session[ 'basket' ] = $this->data;
         }
-        $session['basket'] = $basket;
-    }
-
-    public function updateBasket ($row)
-    {
-        $session = new Session;
-        $session->open ();
-        //$data = array();
-        if ($row['count'] > 0) $this->data[] = ['id' => $row['id'], 'count' => $row['count']];
-        $session['basket'] = $this->data;
-    }
-
-
-    public function getBasketMods ()
-    {
-        $session = new Session;
-        $session->open ();
-        $products = [];
-        if (empty($session['basket'])) return [];
-        foreach ($session['basket'] as $product)
-        {
-            $row = ProductVariant::find ()->select (['product_variant.*', 'product.name as product_name', 'product.alias'])
-                ->where (['product_variant.product_variant_id' => $product['id']])
-                ->leftJoin ('product', 'product.product_id = product_variant.product_id')
-                ->one ();
-            $row->count = $product['count'];
-            $row->sum_cost = $product['count'] * $row->price;
-            $products[] = $row;
-        }
-
-        return $products;
-    }
-
-    public function getSumCost ()
-    {
-        $session = new Session;
-        $session->open ();
-        $cost = 0;
-        if (empty($session['basket'])) return false;
-        foreach ($session['basket'] as $product)
-        {
-            $cost += ($this->getModCost ($product['id']) * $product['count']);
-        }
-
-        return $cost;
-    }
-
-    private function getModCost ($mod_id)
-    {
-        $mod = ProductVariant::find ()->where (['product_variant_id' => $mod_id])->one ();
-
-        return $mod->price;
-    }
-    public function clearBasket ()
-    {
-        $session = new Session;
-        $session->open ();
-        $session['basket'] = null;
-    }
-    public function getUser()
-    {
-        return $this->hasOne(User::className(), ['id' => 'user_id']);
-    }
-
-    public function getProducts()
-    {
-        return $this->hasMany(OrdersProducts::className(), ['order_id' => 'id']);
-    }
-}
\ No newline at end of file
+        
+        public function getBasketMods()
+        {
+            $session = new Session;
+            $session->open();
+            $products = [];
+            if(empty( $session[ 'basket' ] )) {
+                return [];
+            }
+            foreach($session[ 'basket' ] as $product) {
+                $row = ProductVariant::find()
+                                     ->select([
+                                         'product_variant.*',
+                                         'product.name as product_name',
+                                         'product.alias',
+                                     ])
+                                     ->where([ 'product_variant.product_variant_id' => $product[ 'id' ] ])
+                                     ->leftJoin('product', 'product.product_id = product_variant.product_id')
+                                     ->one();
+                $row->count = $product[ 'count' ];
+                $row->sum_cost = $product[ 'count' ] * $row->price;
+                $products[] = $row;
+            }
+            
+            return $products;
+        }
+        
+        public function getSumCost()
+        {
+            $session = new Session;
+            $session->open();
+            $cost = 0;
+            if(empty( $session[ 'basket' ] )) {
+                return false;
+            }
+            foreach($session[ 'basket' ] as $product) {
+                $cost += ( $this->getModCost($product[ 'id' ]) * $product[ 'count' ] );
+            }
+            
+            return $cost;
+        }
+        
+        private function getModCost($mod_id)
+        {
+            $mod = ProductVariant::find()
+                                 ->where([ 'product_variant_id' => $mod_id ])
+                                 ->one();
+            
+            return $mod->price;
+        }
+        
+        public function clearBasket()
+        {
+            $session = new Session;
+            $session->open();
+            $session[ 'basket' ] = NULL;
+        }
+        
+        public function getUser()
+        {
+            return $this->hasOne(User::className(), [ 'id' => 'user_id' ]);
+        }
+        
+        public function getProducts()
+        {
+            return $this->hasMany(OrdersProducts::className(), [ 'order_id' => 'id' ]);
+        }
+    }
\ No newline at end of file
diff --git a/console/migrations/m160905_154051_create_table_feedback.php b/console/migrations/m160905_154051_create_table_feedback.php
new file mode 100644
index 0000000..1d07e1f
--- /dev/null
+++ b/console/migrations/m160905_154051_create_table_feedback.php
@@ -0,0 +1,24 @@
+<?php
+    
+    use yii\db\Migration;
+    
+    class m160905_154051_create_table_feedback extends Migration
+    {
+        
+        public function up()
+        {
+            $this->createTable('{{%feedback}}', [
+                'feedback_id' => $this->primaryKey(),
+                'name'        => $this->string(),
+                'phone'       => $this->string()
+                                      ->notNull(),
+                'date_add'    => $this->integer(),
+                'ip'          => $this->string(),
+            ]);
+        }
+        
+        public function down()
+        {
+            $this->dropTable('{{%feedback}}');
+        }
+    }
diff --git a/frontend/controllers/AjaxController.php b/frontend/controllers/AjaxController.php
new file mode 100755
index 0000000..48ec1e7
--- /dev/null
+++ b/frontend/controllers/AjaxController.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace frontend\controllers;
+
+use common\models\Feedback;
+use yii\web\Controller;
+
+class AjaxController extends Controller
+{
+    public function actionFeedback() {
+        $response = \Yii::$app->response;
+        $response->format = $response::FORMAT_JSON;
+        $request = \Yii::$app->request;
+        $model = new Feedback([
+            'scenario' => Feedback::SCENARIO_FEEDBACK,
+        ]);
+        if($model->load($request->post())) {
+            if($model->validate()) {
+                $model->save(false);
+                return [
+                    'result' => 'Запрос успешно отправлен.',
+                ];
+            } else {
+                return [
+                    'error' => 'Validation failed',
+                    'result' => [
+                        'errors' => $model->getFirstErrors(),
+                    ],
+                ];
+            }
+        }
+        $response->statusCode = 400;
+        $response->statusText = 'Empty request';
+        return ['error' => 'Empty request'];
+    }
+}
\ No newline at end of file
diff --git a/frontend/controllers/OrderController.php b/frontend/controllers/OrderController.php
index 130e3ac..6e345f8 100755
--- a/frontend/controllers/OrderController.php
+++ b/frontend/controllers/OrderController.php
@@ -7,6 +7,8 @@ use common\models\Customer;
 use common\models\OrdersProducts;
 use common\widgets\Mailer;
 use Yii;
+use yii\base\InvalidConfigException;
+use yii\base\InvalidParamException;
 use yii\helpers\ArrayHelper;
 use yii\web\Controller;
 use common\models\Basket;
@@ -144,5 +146,50 @@ class OrderController extends Controller
 
         ]);
     }
+    
+    public function actionQuick() {
+        $response = \Yii::$app->response;
+        $request  = \Yii::$app->request;
+        $response->format = $response::FORMAT_JSON;
+        $product_variant_id = (int) $request->post('product_variant_id');
+        $orders = new Orders([
+            'scenario' => Orders::SCENARIO_QUICK,
+            'name' => 'Покупка в 1 клик',
+        ]);
+        if(!empty($product_variant_id)) {
+            /**
+             * @var ProductVariant $product_variant
+             */
+            $product_variant = ProductVariant::findOne($product_variant_id);
+        } else {
+            throw new InvalidParamException('Не указан товар');
+        }
+        if(!empty($product_variant) && $orders->load($request->post()) && $orders->save()) {
+            if($product_variant->stock <= 0 || $product_variant->price <= 0) {
+                $orders->delete();
+                return [
+                    'error' => 'К сожалению товара '.$product_variant->name.' нет в наличии',
+                ];
+            } else {
+                $order_product = new OrdersProducts([
+                    'order_id' => $orders->id,
+                    'product_name' => $product_variant->product->name,
+                    'name' => $product_variant->name,
+                    'price' => $product_variant->price,
+                    'count' => 1,
+                    'sum_cost' => $product_variant->price,
+                    'mod_id' => $product_variant->product_variant_id,
+                    'sku' => $product_variant->sku,
+                ]);
+                $order_product->save();
+                return [
+                    'result' => 'Спасибо за заказ! Наши менеджеры свяжутся с Вами в ближайшее время.'
+                ];
+            }
+        } else {
+            throw new InvalidConfigException('Товар не найден или не удалось загрузить данные о покупателе.');
+        }
+        
+    }
 
 }
diff --git a/frontend/views/catalog/product.php b/frontend/views/catalog/product.php
index 6b37759..caffa9f 100755
--- a/frontend/views/catalog/product.php
+++ b/frontend/views/catalog/product.php
@@ -1,545 +1,558 @@
 <?php
-
-use common\components\artboximage\ArtboxImageHelper;
-use frontend\assets\FotoramaAsset;
-use frontend\widgets\Seo;
-use common\modules\comment\widgets\CommentWidget;
-//FotoramaAsset::register($this);
-$this->params[ 'seo' ][ 'key' ] = $category->name;
-$this->params[ 'seo' ][ 'fields' ][ 'name' ] = $product->fullname;
-$this->params[ 'seo' ][ 'h1' ] = !empty( Seo::widget([ 'row' => 'h1' ]) ) ? Seo::widget([ 'row' => 'h1' ]) : $product->fullname;
-$this->title = $product->fullname;
-
-$this->params[ 'breadcrumbs' ][] = [
-    'label' => $category->name,
-    'url'   => [
-        'catalog/category',
-        'category' => $category,
-    ],
-];
-$this->params[ 'breadcrumbs' ][] = $product->fullname . ' #' . $product->enabledVariants[ 0 ]->sku;
+    
+    use common\components\artboximage\ArtboxImageHelper;
+    use common\models\Orders;
+    use frontend\assets\FotoramaAsset;
+    use frontend\widgets\Seo;
+    use common\modules\comment\widgets\CommentWidget;
+    use yii\bootstrap\ActiveForm;
+    use yii\bootstrap\Html;
+    use yii\widgets\MaskedInput;
+    
+    //FotoramaAsset::register($this);
+    $this->params[ 'seo' ][ 'key' ] = $category->name;
+    $this->params[ 'seo' ][ 'fields' ][ 'name' ] = $product->fullname;
+    $this->params[ 'seo' ][ 'h1' ] = !empty( Seo::widget([ 'row' => 'h1' ]) ) ? Seo::widget([ 'row' => 'h1' ]) : $product->fullname;
+    $this->title = $product->fullname;
+    
+    $this->params[ 'breadcrumbs' ][] = [
+        'label' => $category->name,
+        'url'   => [
+            'catalog/category',
+            'category' => $category,
+        ],
+    ];
+    $this->params[ 'breadcrumbs' ][] = $product->fullname . ' #' . $product->enabledVariants[ 0 ]->sku;
 ?>
-        <!-- Табы для слайдера -->
-        <div class="bigSlidertabs fixed"  style="position:fixed;">
-            <div class="block-100">
-                <div class="tab1">
-                    <a href="actionlist.htm">
-                        <div class="tab_bg_1"></div>
-                        <p>В данный момент у нас проходит <a href="actionlist.htm">25 акций</p></a>
-                    </a>
-                </div>
-                <!--
-                <div class="tab2" style="display: none;">
-                    <div class="tab_bg_2"></div>
-                    <p>Поступило на продажу <a href="#">10 новинок</a></p>
-                </div>
-                -->
-            </div>
+<!-- Табы для слайдера -->
+<div class="bigSlidertabs fixed" style="position:fixed;">
+    <div class="block-100">
+        <div class="tab1">
+            <a href="actionlist.htm">
+                <div class="tab_bg_1"></div>
+                <p>В данный момент у нас проходит <a href="actionlist.htm">25 акций</p></a>
+            </a>
         </div>
-
-        <div class="wrapper white item_container">
-            <div class="container">
-                <div class="product_detail">
-
-                    <h1  itemprop="name"><?= Seo::widget([ 'row' => 'h1' ]) ?></h1>
-                    <div class="product_code">Код:<?= $product->variant->sku?></div>
-                    <div class="clearfix"></div>
-                    <!-- Image part -->
-
-                    <div class="img_part">
-
-                        <div class="position" >
-                            <div class="img_part_big">
-                                <?php if (!empty($product->images)) :?>
-                                    <div class="fotorama" data-allowfullscreen="true" data-nav="thumbs">
-
-                                        <?php foreach($product->images as $image) :?>
-                                            <a href="<?=$image->imageUrl ?>">
-                                                <?= ArtboxImageHelper::getImage($image->imageUrl, 'product_trumb')?>
-                                            </a>
-                                        <?php endforeach?>
-                                    </div>
-                                <?php else :?>
-                                    <div class="fotorama" data-allowfullscreen="true" data-nav="click">
-
-                                            <a href="<?=$product->imageUrl ?>">
-                                                <?= ArtboxImageHelper::getImage($product->imageUrl, 'product_trumb')?>
-                                            </a>
-
-                                    </div>
-                                <?php endif?>
-                            </div>
-
-
-
-
-
-                            <div class="clearfix"></div>
-
-
-                            <ul class="detail_main_tabs">
-                                <li class="properties">
-                                    <a href="#characteristics" onclick="return false;">
-                                        <span class="text">Характеристики и описание</span>
-                                    </a>
-                                    <span class="icon"></span>
-                                    <span class="arr"></span>
-                                </li>
-
-                                <li class="product_collection">
-                                    <a href="#collection" onclick="return false;">
-                                        <span class="text">Коллекция</span>
-                                    </a>
-                                    <span class="icon"></span>
-                                    <span class="arr"></span>
-                                </li>
-
-                                <li class="comments">
-                                    <a href="#reviews" onclick="return false;">
-                                        <span class="text">Написать отзыв</span>
+        <!--
+        <div class="tab2" style="display: none;">
+            <div class="tab_bg_2"></div>
+            <p>Поступило на продажу <a href="#">10 новинок</a></p>
+        </div>
+        -->
+    </div>
+</div>
+
+<div class="wrapper white item_container">
+    <div class="container">
+        <div class="product_detail">
+            
+            <h1 itemprop="name"><?= Seo::widget([ 'row' => 'h1' ]) ?></h1>
+            <div class="product_code">Код:<?= $product->variant->sku ?></div>
+            <div class="clearfix"></div>
+            <!-- Image part -->
+            
+            <div class="img_part">
+                
+                <div class="position">
+                    <div class="img_part_big">
+                        <?php if(!empty( $product->images )) : ?>
+                            <div class="fotorama" data-allowfullscreen="true" data-nav="thumbs">
+                                
+                                <?php foreach($product->images as $image) : ?>
+                                    <a href="<?= $image->imageUrl ?>">
+                                        <?= ArtboxImageHelper::getImage($image->imageUrl, 'product_trumb') ?>
                                     </a>
-                                    <span class="icon"></span>
-                                    <span class="arr"></span>
-                                </li>
-                            </ul>
-
-                            <div class="floating_helper_block_wrapper">
-                                <div class="floating_helper_block" style="visibility: visible; opacity: 1;">
-                                    <table>
-                                        <tbody>
-                                        <tr>
-                                            <td>
-
-
-                                                <strike><span><span id='old_cost'><?=  $product->variant->price_old ?></span></span> грн.</strike>
-                                                <span class="cost"><span itemprop="price"><span id='cost'><?=  $product->variant->price ?></span></span> <span class="valute">грн.</span></span>
-                                                <meta itemprop="priceCurrency" content="UAH">
-
-                                            </td>
-                                            <td>
-
-                                                <!-- Купить -->
-
-                                                <a lang="5892" class="btn btnBuy buy_button btn-large1" data-id="<?php echo $product->variant->product_variant_id;?>" data-toggle="modal" data-target="#buyForm">Купить</a>
-
-
-
-                                            </td>
-                                            <td>
-                                                <ul class="wishlike_block ul">
-                                                    <li class="compare">
-                                                        <a class="compare compare_href" name="5892" href="javascript:return false;">К сравнению</a>
-                                                        <span class="icon"></span>
-                                                    </li>
-                                                    <div class="clearfix"></div>
-                                                    <li class="like">
-                                                        <a data-toggle="modal" data-target="#myWishlist" href="#">В избранное</a>
-                                                        <span class="icon"></span>
-                                                    </li>
-                                                </ul>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-
-                                    <span class="arr"></span>
-                                    <div class="clearfix"></div>
-                                </div>
+                                <?php endforeach ?>
                             </div>
+                        <?php else : ?>
+                            <div class="fotorama" data-allowfullscreen="true" data-nav="click">
+                                
+                                <a href="<?= $product->imageUrl ?>">
+                                    <?= ArtboxImageHelper::getImage($product->imageUrl, 'product_trumb') ?>
+                                </a>
+                            
+                            </div>
+                        <?php endif ?>
+                    </div>
+                    
+                    <div class="clearfix"></div>
+                    
+                    
+                    <ul class="detail_main_tabs">
+                        <li class="properties" data-target="characteristics">
+                            <a href="#characteristics">
+                                <span class="text">Характеристики и описание</span>
+                            </a>
+                            <span class="icon"></span>
+                            <span class="arr"></span>
+                        </li>
+                        
+                        <li class="product_collection" data-target="collection">
+                            <a href="#collection">
+                                <span class="text">Коллекция</span>
+                            </a>
+                            <span class="icon"></span>
+                            <span class="arr"></span>
+                        </li>
+                        
+                        <li class="comments" data-target="reviews">
+                            <a href="#reviews">
+                                <span class="text">Написать отзыв</span>
+                            </a>
+                            <span class="icon"></span>
+                            <span class="arr"></span>
+                        </li>
+                    </ul>
+                    
+                    <div class="floating_helper_block_wrapper">
+                        <div class="floating_helper_block" style="visibility: visible; opacity: 1;">
+                            <table>
+                                <tbody>
+                                <tr>
+                                    <td>
+                                        <strike><span><span id='old_cost'><?= $product->variant->price_old ?></span></span> грн.</strike>
+                                        <span class="cost"><span itemprop="price"><span id='cost'><?= $product->variant->price ?></span></span> <span class="valute">грн.</span></span>
+                                        <meta itemprop="priceCurrency" content="UAH">
+                                    </td>
+                                    <td>
+                                        <!-- Купить -->
+                                        <a lang="5892" class="btn btnBuy buy_button btn-large1" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm">Купить</a>
+                                    </td>
+                                    <td>
+                                        <?php
+                                            /* Compare and favorites buttons to be done
+                                            ?>
+                                            <ul class="wishlike_block ul">
+                                                <li class="compare">
+                                                    <a class="compare compare_href" name="5892" href="javascript:return false;">К сравнению</a>
+                                                    <span class="icon"></span>
+                                                </li>
+                                                <div class="clearfix"></div>
+                                                <li class="like">
+                                                    <a data-toggle="modal" data-target="#myWishlist" href="#">В избранное</a>
+                                                    <span class="icon"></span>
+                                                </li>
+                                            </ul>
+                                            */
+                                        ?>
+                                    </td>
+                                </tr>
+                                </tbody>
+                            </table>
+                            
+                            <span class="arr"></span>
+                            <div class="clearfix"></div>
                         </div>
-                    </div><!-- EOF Image part -->
-
-                    <!-- Info table -->
-
-                    <div class="info" style="height: auto; opacity: 1;">
-
-                        <table class="info_table">
-                            <colgroup>
-                                <col style="width: 280px;">
-                                <col style="width: 35px;">
-                                <col>
-                            </colgroup>
-                            <tbody>
-                            <tr>
-
-
-
-                                <td class="left_count available">
-                                    под заказ                        			                                </td>
-
-                                <td rowspan="2" class="spacer">&nbsp;</td>
-                                <td class="right_block" rowspan="2">
-                                    <table>
-                                        <tbody>
-                                        <tr>
-                                            <td class="warranty_block">
-                                                <div class="">
-                                                    <ul class="ul">
-                                                        <li class="delivery">
-                                                            <div class="title">Быстрая доставка</div>
-                                                            <div class="descr">
-                                                                <p>В любой уголок <span class="strong black">Украины:</span><br>
-                                                                    — Самовывоз Новая Почта -	55 грн.<br>
-                                                                    — Курьер Новая Почта - 		88 грн.<br>
-                                                                    — Курьер «ИнТайм» - 		60 грн.</p>
-
-                                                                <p><span class="strong black">Киев</span>:<br>
-                                                                    — Курьер  - <s>50 грн.</s> <span class="bold black up">бесплатно!</span> <span class="star_info">*</span><br>
-                                                                    — Самовывоз - <span class="up bold black">бесплатно!</span><br>
-                                                                    — Пункт Новой Почты - <s>55 грн.</s> <span class="bold black up">бесплатно!</span> <span class="star_info">*</span></p>
-
-                                                                <p><span class="star_info">* Стоимость расчитана для оформляемого заказа</span></p>
-                                                                <span class="icon"></span>
-                                                            </div>
-                                                        </li>
-                                                        <li class="product_back">
-                                                            <div class="title">14 дней на обмен</div>
-                                                            <div class="descr">без лишних вопросов. Почитайте <span class="ajax_link" data-toggle="modal" data-target="#returnСonditions" onclick="">условия возврата</span></div>
-                                                            <span class="icon"></span>
-                                                        </li>
-                                                        <li class="warranty">
-                                                            <div class="title">12 месяцев гарантии</div>
-                                                            <div class="descr">официальной от производителя</div>
-                                                            <span class="icon"></span>
-                                                        </li>
-                                                        <li>
-                                                            <div class="title">Условия доставки     люстра
-                                                                Elstead
-                                                                : Киев и вся Украина</div>
-                                                            <div class="descr">
-                                                                Лінія світла - электронный магазин, который обеспечит доставку товаров раздела - люстра Элстед жителям городов: Херсон, а так же др. города Украины.                                                            </div>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                </td>
-                            </tr>
-
-                            <tr>
-                                <td class="price_block">
-                                    <div class="price_block_container">
-
-
-                                        <div class="price">
+                    </div>
+                </div>
+            </div><!-- EOF Image part -->
+            
+            <!-- Info table -->
+            
+            <div class="info" style="height: auto; opacity: 1;">
+                
+                <table class="info_table">
+                    <colgroup>
+                        <col style="width: 280px;">
+                        <col style="width: 35px;">
+                        <col>
+                    </colgroup>
+                    <tbody>
+                    <tr>
+                        <td class="left_count available">
+                            под заказ
+                        </td>
+                        <td rowspan="2" class="spacer">&nbsp;</td>
+                        <td class="right_block" rowspan="2">
+                            <table>
+                                <tbody>
+                                <tr>
+                                    <td class="warranty_block">
+                                        <div class="">
+                                            <ul class="ul">
+                                                <li class="delivery">
+                                                    <div class="title">Быстрая доставка</div>
+                                                    <div class="descr">
+                                                        <p>В любой уголок
+                                                            <span class="strong black">Украины:</span><br>
+                                                            — Самовывоз Новая Почта - 55 грн.<br>
+                                                            — Курьер Новая Почта - 88 грн.<br>
+                                                            — Курьер «ИнТайм» - 60 грн.</p>
+                                                        
+                                                        <p>
+                                                            <span class="strong black">Киев</span>:<br>
+                                                            — Курьер - <s>50 грн.</s>
+                                                            <span class="bold black up">бесплатно!</span>
+                                                            <span class="star_info">*</span><br>
+                                                            — Самовывоз -
+                                                            <span class="up bold black">бесплатно!</span><br>
+                                                            — Пункт Новой Почты - <s>55 грн.</s>
+                                                            <span class="bold black up">бесплатно!</span>
+                                                            <span class="star_info">*</span></p>
+                                                        
+                                                        <p>
+                                                            <span class="star_info">* Стоимость расчитана для оформляемого заказа</span>
+                                                        </p>
+                                                        <span class="icon"></span>
+                                                    </div>
+                                                </li>
+                                                <li class="product_back">
+                                                    <div class="title">14 дней на обмен</div>
+                                                    <div class="descr">без лишних вопросов. Почитайте
+                                                        <span class="ajax_link" data-toggle="modal" data-target="#returnСonditions" onclick="">условия возврата</span>
+                                                    </div>
+                                                    <span class="icon"></span>
+                                                </li>
+                                                <li class="warranty">
+                                                    <div class="title">12 месяцев гарантии</div>
+                                                    <div class="descr">официальной от производителя</div>
+                                                    <span class="icon"></span>
+                                                </li>
+                                                <li>
+                                                    <div class="title">Условия доставки люстра
+                                                        Elstead
+                                                        : Киев и вся Украина
+                                                    </div>
+                                                    <div class="descr">
+                                                        Лінія світла - электронный магазин, который обеспечит доставку товаров раздела - люстра Элстед жителям городов: Херсон, а так же др. города Украины.
+                                                    </div>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </td>
+                                </tr>
+                                </tbody>
+                            </table>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td class="price_block">
+                            <div class="price_block_container">
+                                
+                                
+                                <div class="price">
                                             <span class="main">
                                                 <span itemprop="price" class="price"><?= $product->variant->price ?></span>
                                                 <span class="currency">&nbsp;грн.</span>
                                             </span>
-                                        </div>
-
-                                        <div class="follow_price">
+                                </div>
+                                
+                                <div class="follow_price">
+                                    <?php /* Lower price notify
                                             <a href="#" onclick="" data-toggle="modal" data-target="#price_drop">Узнать о снижении цены</a>
+                                             */ ?>
+                                </div>
+                                
+                                <div class="buy_button">
+                                    <a href="#" class="btn btn-large buy_button" data-toggle="modal" data-id="<?php echo $product->variant->product_variant_id; ?>" data-target="#buyForm" lang="5892">Купить</a>
+                                    <?php
+                                        /* Payment by Visa and Webmoney
+                                        ?>
+                                        <div class="payment_visa">
+                                            Оплатить
+                                            <a href="payment.htm#privat" target="_blank">
+                                                <span class="visa" onclick="" data-toggle1="modal" data-target1="#buyForm"></span>
+                                            </a>
+                                            <span class="webmoney" onclick="" data-toggle="modal" data-target="#buyForm"></span>
                                         </div>
-
-                                        <div class="buy_button">
-                                            <a href="#" class="btn btn-large buy_button" data-toggle="modal" data-id="<?php echo $product->variant->product_variant_id; ?>" data-target="#buyForm" lang="5892">Купить</a>
-                                            <div class="payment_visa">
-                                                Оплатить
-                                                <a href="payment.htm#privat" target="_blank">
-                                                    <span class="visa" onclick="" data-toggle1="modal" data-target1="#buyForm"></span>
-                                                </a>
-                                                <span class="webmoney" onclick="" data-toggle="modal" data-target="#buyForm"></span>
-                                            </div>
-                                            <div class="clearfix"></div>
-                                        </div>
-
-                                        <div class="follow_price">
-                                            <a href="#" data-toggle="modal" data-target="#where_buy">где купить?</a>
-                                        </div>
-
-                                        <div class="follow_price">
-                                            <a href="#" data-toggle="modal" data-target="#found_cheaper">нашли дешевле?</a>
-                                        </div>
-
-                                    </div>
-                                    <ul class="wishlike_block ul  hidden">
-                                        <li class="compare">
-                                            <a class="compare compare_href" name="5892" href="javascript:return false;">К сравнению</a>
-                                            <span class="icon"></span>
-                                        </li>
-                                        <li class="like">
-                                            <a data-toggle="modal" data-target="#myWishlist" class="like" href="#">В избранное</a>
-                                            <span class="icon"></span>
-                                        </li>
-                                    </ul>
-
-                                </td>
-                            </tr>
-
-                            <tr>
-                                <td>
+                                        */
+                                    ?>
+                                    <div class="clearfix"></div>
+                                </div>
+                                
+                                <div class="follow_price">
+                                    <?php
+                                        /* Where buy
+                                        ?>
+                                        <a href="#" data-toggle="modal" data-target="#where_buy">где купить?</a>
+                                        */
+                                    ?>
+                                </div>
+                                
+                                <div class="follow_price">
+                                    <?php
+                                        /* Find cheaper form
+                                        ?>
+                                        <a href="#" data-toggle="modal" data-target="#found_cheaper">нашли дешевле?</a>
+                                        */
+                                    ?>
+                                </div>
+                            
+                            </div>
+                            <?php
+                                /*
+                                ?>
+                                <ul class="wishlike_block ul  hidden">
+                                    <li class="compare">
+                                        <a class="compare compare_href" name="5892" href="javascript:return false;">К сравнению</a>
+                                        <span class="icon"></span>
+                                    </li>
+                                    <li class="like">
+                                        <a data-toggle="modal" data-target="#myWishlist" class="like" href="#">В избранное</a>
+                                        <span class="icon"></span>
+                                    </li>
+                                </ul>
+                                */
+                            ?>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td>
+                            <?php
+                                if($product->variant->price > 0 && $product->variant->stock > 0) {
+                                    ?>
                                     <div class="fast_order_form">
                                         <div class="error_text"></div>
-                                        <form action="">
-                                            <input type="tel" name="phone" class="input phone" value="" placeholder="(0XX) XXX-XX-XX" required>
-                                            <input type="button" lang="5892" value="Заказать в 1 клик" class="btn">
-                                        </form>
+                                        <?php
+                                            $quickbuy = new Orders([
+                                                'scenario' => Orders::SCENARIO_QUICK,
+                                            ]);
+                                            $form = ActiveForm::begin([
+                                                'id' => 'quickbuy-form',
+                                            ]);
+                                            echo Html::hiddenInput('product_variant_id', $product->variant->product_variant_id);
+                                            echo $form->field($quickbuy, 'phone')
+                                                      ->widget(MaskedInput::className(), [
+                                                          'mask'    => '+38(999)999-99-99',
+                                                          'options' => [
+                                                              'type'  => 'tel',
+                                                              'class' => 'input phone',
+                                                          ],
+                                                      ])
+                                                      ->label(false);
+                                            echo Html::submitInput('Заказать в 1 клик', [ 'class' => 'btn' ]);
+                                            $form::end();
+                                        ?>
                                         <div class="clearfix"></div>
                                     </div>
-                                </td>
-                            </tr>
-
-                            <tr>
-                                <td>
+                                    <?php
+                                }
+                            ?>
+                        </td>
+                    </tr>
+                    
+                    <tr>
+                        <td>
+                            <?php
+                                if(!empty( $product->averageRating )) {
+                                    ?>
                                     <div class="rating">
-                                        <ul class="ul available" rating="5" product="3901686" product_url="hosta-55810-11-10">
-                                            <li class="active"></li>
-                                            <li class="active"></li>
-                                            <li class="active"></li>
-                                            <li class="active"></li>
-                                            <li class="active"></li>
-                                        </ul>
-                                        рейтинг: <span id="product_rate_avg">5</span>&nbsp;&nbsp;
-                                        голосов: <span id="product_vote_count">1</span>
+                                        <div class="rateit" data-rateit-value="<?php echo $product->averageRating->value; ?>" data-rateit-ispreset="true" data-rateit-readonly="true"></div>
+                                        рейтинг: <span id="product_rate_avg"><?=$product->averageRating->value?></span>&nbsp;&nbsp;
+                                        голосов: <span id="product_vote_count">
+                                            <?php
+                                                echo count($product->comments);
+                                            ?>
+                                            </span>
                                         <span class="rating_description" id="rating_description"></span>
                                     </div>
-                                </td>
-                                <td></td>
-                            </tr>
-                            </tbody>
-                        </table>
-
+                                    <?php
+                                }
+                            ?>
+                        </td>
+                        <td></td>
+                    </tr>
+                    </tbody>
+                </table>
+                
+                <div class="clearfix"></div>
+                
+                
+                <div class="detail_tabs_content">
+                    Мы рекомендуем выбрать люстра Элстед по самой лучшей цене среди интернет каталогов светильников и других осветительных систем в Киеве и Украине
+                    <div class="clear properties tab_div">
+                        <h2 id="characteristics">
+                            Характеристики люстра Elstead FE/LEILA6
+                        </h2>
+                        
+                        <!-- Nav tabs -->
+                        <ul class="nav nav-tabs property_show_tabs" role="tablist">
+                            <li role="presentation" class="active">
+                                <a href="#tab1" aria-controls="home" role="tab" data-toggle="tab">
+                                    <span>Все характеристики</span>
+                                </a>
+                            </li>
+                            <li role="presentation">
+                                <a href="#tab2" aria-controls="profile" role="tab" data-toggle="tab">
+                                    <span style="color:#909090">Описание</span>
+                                </a>
+                            </li>
+                        </ul>
+                        
+                        <!-- Tab panes -->
+                        <div class="tab-content">
+                            <div role="tabpanel" class="tab-pane active" id="tab1">
+                                
+                                <table>
+                                    <tbody>
+                                    <tr class="full short gray">
+                                        <td class="name">ID</td>
+                                        <td class="value"><?= $product->variant->sku ?> </td>
+                                    </tr>
+                                    <tr class="full short">
+                                        <td class="name">Бренд</td>
+                                        <td class="value"><?= $product->brand->name ?></td>
+                                    </tr>
+                                    <?php foreach($product->getActiveProperties($category->category_id) as $group): ?>
+                                        <tr class="full short gray">
+                                            <td class="name"><?= $group->name ?></td>
+                                            <td class="value"><?php foreach($group->_options as $option) : ?>&nbsp;<?= $option->ValueRenderHTML ?><?php endforeach ?></td>
+                                        </tr>
+                                    <?php endforeach; ?>
+                                    
+                                    </tbody>
+                                </table>
+                            </div>
+                            <div role="tabpanel" class="tab-pane" id="tab2">
+                                
+                                <div class="block-100">
+                                    <?= $product->description ?>
+                                </div>
+                            
+                            </div>
+                        </div>
+                        
                         <div class="clearfix"></div>
-
-
-                        <div class="detail_tabs_content">
-                            Мы рекомендуем выбрать люстра Элстед по самой лучшей цене среди интернет каталогов светильников и других осветительных систем в Киеве и Украине                    <div class="clear properties tab_div">
-                                <h2 id="characteristics">
-                                    Характеристики люстра Elstead FE/LEILA6
-                                </h2>
-
-                                <!-- Nav tabs -->
-                                <ul class="nav nav-tabs property_show_tabs" role="tablist">
-                                    <li role="presentation" class="active">
-                                        <a href="#tab1" aria-controls="home" role="tab" data-toggle="tab">
-                                            <span>Все характеристики</span>
-                                        </a>
-                                    </li>
-                                    <li role="presentation">
-                                        <a href="#tab2" aria-controls="profile" role="tab" data-toggle="tab">
-                                            <span  style="color:#909090">Описание</span>
-                                        </a>
-                                    </li>
-                                </ul>
-
-                                <!-- Tab panes -->
-                                <div class="tab-content">
-                                    <div role="tabpanel" class="tab-pane active" id="tab1">
-
-                                        <table>
-                                            <tbody>
-                                                <tr class="full short gray">
-                                                    <td class="name">ID</td>
-                                                    <td class="value"><?= $product->variant->sku ?> </td>
-                                                </tr>
-                                                <tr class="full short">
-                                                    <td class="name">Бренд</td>
-                                                    <td class="value"><?= $product->brand->name ?></td>
-                                                </tr>
-                                                <?php foreach($product->getActiveProperties($category->category_id) as $group): ?>
-                                                <tr class="full short gray">
-                                                    <td class="name"><?= $group->name ?></td>
-                                                    <td class="value"><?php foreach($group->_options as $option) : ?>&nbsp;<?= $option->ValueRenderHTML ?><?php endforeach ?></td>
-                                                </tr>
-                                                <?php endforeach; ?>
-
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                    <div role="tabpanel" class="tab-pane" id="tab2">
-
-                                        <div class="block-100">
-                                            <?= $product->description ?>
+                        <div class="collection">
+                            <br/>
+                            <h2 id="collection">
+                                Коллекция светильников <!--ДЕКОРА-->
+                            </h2>
+                            <?php /* Collection products begin (should be reworked) */ ?>
+                            <div class="catalog_product_list view_table">
+                                <div class="catalog_item">
+                                    <div class="wrapper">
+                                        <div class="item_container">
+                                            <div class="title">
+                                                <a href="http://www.linija-svitla.ua/lyustra-elstead-fe-leila3-5893.htm">люстра FE/LEILA3</a>
+                                            </div>
+                                            <div class="img">
+                                                <a href="http://www.linija-svitla.ua/lyustra-elstead-fe-leila3-5893.htm">
+                                                    <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila3/5893_5.jpg" alt="люстра FE/LEILA3" class="selected">
+                                                </a>
+                                                <div class="info_icons">
+                                                    <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5893">Купить светильник</a>
+                                                    <ul class="ul wishlike_block">
+                                                        <li class="compare">
+                                                            <a onclick="add2compare(); return false;" class="compare compare_text_link_5893" lang="5893" href="#">К сравнению</a>
+                                                            <span class="icon"></span>
+                                                        </li>
+                                                        <li class="like">
+                                                            <a class="like like_text_link_5893" lang="5893" href="#">В избранное</a><span class="icon"></span>
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                            </div>
+                                            <div class="price">
+                                                <div class="dlexfduinxipi">
+                                                    Цена:
+                                                    <span class="main"> 25794.00 <span class="currency">грн</span>
+                                                        </span>
+                                                </div>
+                                            </div>
+                                            <div class="additional_info params">
+                                            </div>
+                                            <div class="opacity_bg"></div>
                                         </div>
-
                                     </div>
                                 </div>
-
-                                <div class="clearfix"></div>
-                                <div class="collection">
-                                    <br />
-                                    <h2 id="collection">
-                                        Коллекция светильников <!--ДЕКОРА-->
-                                    </h2>
-                                    <div class="catalog_product_list view_table">
-
-
-
-
-
-                                        <div class="catalog_item">
-                                            <div class="wrapper">
-                                                <div class="item_container">
-                                                    <div class="title">
-                                                        <a href="http://www.linija-svitla.ua/lyustra-elstead-fe-leila3-5893.htm">люстра FE/LEILA3</a>
-                                                    </div>
-                                                    <div class="img">
-                                                        <a href="http://www.linija-svitla.ua/lyustra-elstead-fe-leila3-5893.htm">
-                                                            <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila3/5893_5.jpg" alt="люстра FE/LEILA3" class="selected">
-                                                        </a>
-                                                        <div class="info_icons">
-                                                            <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5893">Купить светильник</a>
-                                                            <ul class="ul wishlike_block">
-                                                                <li class="compare">
-                                                                    <a onclick="add2compare(); return false;" class="compare compare_text_link_5893"  lang="5893" href="#">К сравнению</a>
-                                                                    <span class="icon"></span>
-                                                                </li>
-                                                                <li class="like">
-                                                                    <a class="like like_text_link_5893"  lang="5893" href="#">В избранное</a><span class="icon"></span>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </div>
-                                                    <div class="price">
-                                                        <div class="dlexfduinxipi">
-                                                            Цена:
-                                                        <span class="main"> 25794.00 <span class="currency">грн</span>
-                                                        </span>
-                                                        </div>
-                                                    </div>
-                                                    <div class="additional_info params">
-                                                    </div>
-
-
-                                                    <div class="opacity_bg"></div>
+                                <div class="catalog_item">
+                                    <div class="wrapper">
+                                        <div class="item_container">
+                                            <div class="title">
+                                                <a href="http://www.linija-svitla.ua/elstead-fe-leila1c-6991.htm"> FE/LEILA1C</a>
+                                            </div>
+                                            <div class="img">
+                                                <a href="http://www.linija-svitla.ua/elstead-fe-leila1c-6991.htm">
+                                                    <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila1c/6991_5.jpg" alt=" FE/LEILA1C" class="selected">
+                                                </a>
+                                                <div class="info_icons">
+                                                    <a href="#" class="btn btnBuy buy_button" data-toggle="modal" data-id="<?php echo $product->variant->product_variant_id; ?>" data-target="#buyForm" lang="6991">Купить светильник</a>
+                                                    <ul class="ul wishlike_block">
+                                                        <li class="compare">
+                                                            <a onclick="add2compare(); return false;" class="compare compare_text_link_6991" lang="6991" href="#">К сравнению</a>
+                                                            <span class="icon"></span>
+                                                        </li>
+                                                        <li class="like">
+                                                            <a class="like like_text_link_6991" lang="6991" href="#">В избранное</a><span class="icon"></span>
+                                                        </li>
+                                                    </ul>
                                                 </div>
                                             </div>
-                                        </div>
-
-
-
-
-                                        <div class="catalog_item">
-                                            <div class="wrapper">
-                                                <div class="item_container">
-                                                    <div class="title">
-                                                        <a href="http://www.linija-svitla.ua/elstead-fe-leila1c-6991.htm"> FE/LEILA1C</a>
-                                                    </div>
-                                                    <div class="img">
-                                                        <a href="http://www.linija-svitla.ua/elstead-fe-leila1c-6991.htm">
-                                                            <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila1c/6991_5.jpg" alt=" FE/LEILA1C" class="selected">
-                                                        </a>
-                                                        <div class="info_icons">
-                                                            <a href="#" class="btn btnBuy buy_button" data-toggle="modal" data-id="<?php echo $product->variant->product_variant_id; ?>" data-target="#buyForm" lang="6991">Купить светильник</a>
-                                                            <ul class="ul wishlike_block">
-                                                                <li class="compare">
-                                                                    <a onclick="add2compare(); return false;" class="compare compare_text_link_6991"  lang="6991" href="#">К сравнению</a>
-                                                                    <span class="icon"></span>
-                                                                </li>
-                                                                <li class="like">
-                                                                    <a class="like like_text_link_6991"  lang="6991" href="#">В избранное</a><span class="icon"></span>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </div>
-                                                    <div class="price">
-                                                        <div class="dlexfduinxipi">
-                                                            Цена:
-                                                        <span class="main"> 14330.40 <span class="currency">грн</span>
+                                            <div class="price">
+                                                <div class="dlexfduinxipi">
+                                                    Цена:
+                                                    <span class="main"> 14330.40 <span class="currency">грн</span>
                                                         </span>
-                                                        </div>
-                                                    </div>
-                                                    <div class="additional_info params">
-                                                    </div>
-
-
-                                                    <div class="opacity_bg"></div>
                                                 </div>
                                             </div>
+                                            <div class="additional_info params">
+                                            </div>
+                                            <div class="opacity_bg"></div>
                                         </div>
-
-
-
-
-                                        <div class="catalog_item">
-                                            <div class="wrapper">
-                                                <div class="item_container">
-                                                    <div class="title">
-                                                        <a href="http://www.linija-svitla.ua/nastennyy-svetilnik-elstead-fe-leila2-5894.htm">настенный светильник FE/LEILA2</a>
-                                                    </div>
-                                                    <div class="img">
-                                                        <a href="http://www.linija-svitla.ua/nastennyy-svetilnik-elstead-fe-leila2-5894.htm">
-                                                            <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila2/5894_5.jpg" alt="настенный светильник FE/LEILA2" class="selected">
-                                                        </a>
-                                                        <div class="info_icons">
-                                                            <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5894">Купить светильник</a>
-                                                            <ul class="ul wishlike_block">
-                                                                <li class="compare">
-                                                                    <a onclick="add2compare(); return false;" class="compare compare_text_link_5894"  lang="5894" href="#">К сравнению</a>
-                                                                    <span class="icon"></span>
-                                                                </li>
-                                                                <li class="like">
-                                                                    <a class="like like_text_link_5894"  lang="5894" href="#">В избранное</a><span class="icon"></span>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </div>
-                                                    <div class="price">
-                                                        <div class="dlexfduinxipi">
-                                                            Цена:
-                                                        <span class="main"> 8598.00 <span class="currency">грн</span>
+                                    </div>
+                                </div>
+                                <div class="catalog_item">
+                                    <div class="wrapper">
+                                        <div class="item_container">
+                                            <div class="title">
+                                                <a href="http://www.linija-svitla.ua/nastennyy-svetilnik-elstead-fe-leila2-5894.htm">настенный светильник FE/LEILA2</a>
+                                            </div>
+                                            <div class="img">
+                                                <a href="http://www.linija-svitla.ua/nastennyy-svetilnik-elstead-fe-leila2-5894.htm">
+                                                    <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila2/5894_5.jpg" alt="настенный светильник FE/LEILA2" class="selected">
+                                                </a>
+                                                <div class="info_icons">
+                                                    <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5894">Купить светильник</a>
+                                                    <ul class="ul wishlike_block">
+                                                        <li class="compare">
+                                                            <a onclick="add2compare(); return false;" class="compare compare_text_link_5894" lang="5894" href="#">К сравнению</a>
+                                                            <span class="icon"></span>
+                                                        </li>
+                                                        <li class="like">
+                                                            <a class="like like_text_link_5894" lang="5894" href="#">В избранное</a><span class="icon"></span>
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                            </div>
+                                            <div class="price">
+                                                <div class="dlexfduinxipi">
+                                                    Цена:
+                                                    <span class="main"> 8598.00 <span class="currency">грн</span>
                                                         </span>
-                                                        </div>
-                                                    </div>
-                                                    <div class="additional_info params">
-                                                    </div>
-
-
-                                                    <div class="opacity_bg"></div>
                                                 </div>
                                             </div>
+                                            <div class="additional_info params">
+                                            </div>
+                                            <div class="opacity_bg"></div>
                                         </div>
-
-
-
-
-
-
-
-
-
-
-
-
                                     </div>
-                                    <div class="clearfix"></div>
-                                </div>
-
-                                <div class="clearfix"></div>
-                                <br />
-                                <h2 id="reviews">
-                                    Отзывы люстра Elstead FE/LEILA6
-                                </h2>
-
-
-                                <div class="comment-wrapper comments comments_block" style="padding-bottom:25px">
-                                    <?php
-                                    echo CommentWidget::widget([
-                                        'model' => $product,
-                                    ]);
-                                    ?>
-                                    <div class="both"></div>
                                 </div>
-
                             </div>
-
-
+                            <div class="clearfix"></div>
+                            <?php /* Collection products end (should be reworked) */ ?>
+                        </div>
+                        <div class="clearfix"></div>
+                        <br/>
+                        <h2 id="reviews">
+                            Отзывы люстра Elstead FE/LEILA6
+                        </h2>
+                        <div class="comment-wrapper comments comments_block" style="padding-bottom:25px">
+                            <?php
+                                echo CommentWidget::widget([
+                                    'model' => $product,
+                                ]);
+                            ?>
+                            <div class="both"></div>
                         </div>
-
                     </div>
-
-                    <!-- EOF Info table -->
-
                 </div>
-
             </div>
-
-
+            <!-- EOF Info table -->
         </div>
-
-        <div class="clearfix"></div>
-        <br />
-        <br /
+    </div>
+</div>
+<div class="clearfix"></div>
+<br/>
\ No newline at end of file
diff --git a/frontend/views/layouts/main.php b/frontend/views/layouts/main.php
index 3803c48..a2656f4 100755
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -63,46 +63,32 @@ AppAsset::register($this);
         <div id="top-nav-wrapper">
             <div id="top-nav">
                 <div class="container">
-
                     <div class="phones">
-
                         <div itemscope itemtype="http://schema.org/LocalBusiness" class="call_block_header">
                             <div class="call_block_header_title">
                                 <a itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" class="city-phone-header"><span itemprop="addressLocality">Киев</span></a></a> <!--<span class="arr">&nbsp;</span>-->
                             </div>
-
                             <div class="city_blocks_header">
                                 <div class="city_block_kiev_header">
-
                                     <div class="phone-select-header">
                                         <span class="select-left-mts"><i></i></span>
                                         <span class="select-right"><i></i></span>
                                     </div>
-
                                     <div class="dropdown-popup-header popup-phone-operators-header" style="display: none;">
                                         <p class="mts" style="display: none;"><span>МТС</span></p>
                                         <p class="kstar"><span>Киевстар</span></p>
                                         <p class="landline"><span>По городу</span></p>
                                     </div>
-
                                     <div class="phones-header">
-
                                         <div class="phone mts"><span>(095)</span> 282 8508</div>
                                         <div class="phone kstar hide-operator"><span>(068)</span> 77 66 067</div>
                                         <div class="phone landline hide-operator"><span>(044)</span> 33 992 33</div>
                                     </div>
-
                                     <div class="clearfix"></div>
-
                                 </div>
-
                             </div>
-
                             <div class="clearfix"></div>
-
                         </div>
-
-
                     </div>
                     <?php
                     $items = [
@@ -159,14 +145,7 @@ AppAsset::register($this);
                             </div><!-- /input-group -->
                         </form>
                     </div>
-
-
-                    <div id="header_feedback">
-                        <form>
-                            <input type="text" name="phone" class="phone_short" placeholder="(0XX)XXX-XX-XX" />
-                            <button class="btn" type="button">Оставьте номер. Мы перезвоним <span class="feedback_btn_angle"></span></button>
-                        </form>
-                    </div>
+                    
                 </div>
             </div>
             <div class="clearfix"></div>
diff --git a/frontend/views/modal/my_callback_modal_window.php b/frontend/views/modal/my_callback_modal_window.php
index 3d37a84..79aa26b 100644
--- a/frontend/views/modal/my_callback_modal_window.php
+++ b/frontend/views/modal/my_callback_modal_window.php
@@ -1,38 +1,51 @@
 <?php
-
-use yii\helpers\Html;
-
+    
+    use common\models\Feedback;
+    use yii\bootstrap\ActiveForm;
+    use yii\helpers\Html;
+    use yii\widgets\MaskedInput;
+    
+    $model = new Feedback([
+        'scenario' => Feedback::SCENARIO_FEEDBACK,
+    ]);
 ?>
 <div class="modal fade" id="myCallback" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
     <div class="modal-dialog auth" role="document">
         <div class="modal-content">
-
             <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                 <h4 class="modal-title" id="myModalLabel">Заказ обратного звонка</h4>
             </div>
-
             <div class="modal-body">
-
-                <form>
+                <?php
+                $form = ActiveForm::begin([
+                    'id' => 'feedback-form',
+                ]);
+                ?>
                     <p>Оставьте номер вашего телефона и наш оператор перезвонит вам в течении часа.</p>
-                    <div class="form-group">
-                        <label for="СallbackName1">Ваше имя</label>
-                        <?= Html::textInput('name',"",['class'=>'consultation_name']) ?>
-                    </div>
-
-                    <div class="form-group">
-                        <label for="СallbackPhone1">Телефон</label>
-                        <?= Html::textInput('phone',"",['class'=>'consultation_phone']) ?>
-                    </div>
+                    <?php
+                        echo $form->field($model, 'name', [
+                            'template' => "<div class='col-xs-3'>{label}</div><div class='col-xs-9'>{input}</div><div class='clearfix'></div>{hint}\n{error}",
+                        ])->textInput([
+                            'class' => 'consultation_name'
+                        ]);
+                        echo $form->field($model, 'phone', [
+                            'template' => "<div class='col-xs-3'>{label}</div><div class='col-xs-9'>{input}</div><div class='clearfix'></div>{hint}\n{error}",
+                        ])->widget(MaskedInput::className(), [
+                            'mask' => '+38(999)999-99-99',
+                            'options' => [
+                                'class' => 'consultation_phone',
+                            ],
+                        ]);
+                    ?>
                     <div class="example">примеры: +38 (044) 33-992-33 </div>
                     <?= Html::submitButton("Жду звонка", ['class' => 'btn btn-default', 'name' => 'login-button']) ?>
                     <div class="clearfix"></div>
-                </form>
+                    <?php
+                    $form::end();
+                    ?>
                 <br />
-
             </div>
-
         </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/frontend/web/css/css_header.css b/frontend/web/css/css_header.css
index d6c062e..9e7389c 100755
--- a/frontend/web/css/css_header.css
+++ b/frontend/web/css/css_header.css
@@ -7,7 +7,7 @@
     content: "*";
     color: #d40000;
     position: absolute;
-    top: 0px;
+    top: 0;
     right: -7px;
 }
 
@@ -15,8 +15,7 @@
     height: 110px;
 }
 
-
-.owl-item .catalog_item{
+.owl-item .catalog_item {
     float: none !important;
     width: auto !important;
 }
@@ -240,27 +239,23 @@ th {
     padding: 0
 }
 
-
 /*!
  * Bootstrap v3.3.5 (http://getbootstrap.com)
  * Copyright 2011-2015 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 
-
 /*!
  * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=a28fbf72a29cf7f8dd3e)
  * Config saved to config.json and https://gist.github.com/a28fbf72a29cf7f8dd3e
  */
 
-
 /*!
  * Bootstrap v3.3.5 (http://getbootstrap.com)
  * Copyright 2011-2015 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 
-
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 
 html {
@@ -1614,10 +1609,10 @@ img {
 }
 
 .img-responsive,
-.thumbnail>img,
-.thumbnail a>img,
-.carousel-inner>.item>img,
-.carousel-inner>.item>a>img {
+.thumbnail > img,
+.thumbnail a > img,
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
     display: block;
     max-width: 100%;
     height: auto
@@ -1698,33 +1693,33 @@ th {
     margin-bottom: 20px
 }
 
-.table>thead>tr>th,
-.table>tbody>tr>th,
-.table>tfoot>tr>th,
-.table>thead>tr>td,
-.table>tbody>tr>td,
-.table>tfoot>tr>td {
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
     padding: 8px;
     line-height: 1.42857143;
     vertical-align: top;
     border-top: 1px solid #ddd
 }
 
-.table>thead>tr>th {
+.table > thead > tr > th {
     vertical-align: bottom;
     border-bottom: 2px solid #ddd
 }
 
-.table>caption+thead>tr:first-child>th,
-.table>colgroup+thead>tr:first-child>th,
-.table>thead:first-child>tr:first-child>th,
-.table>caption+thead>tr:first-child>td,
-.table>colgroup+thead>tr:first-child>td,
-.table>thead:first-child>tr:first-child>td {
+.table > caption + thead > tr:first-child > th,
+.table > colgroup + thead > tr:first-child > th,
+.table > thead:first-child > tr:first-child > th,
+.table > caption + thead > tr:first-child > td,
+.table > colgroup + thead > tr:first-child > td,
+.table > thead:first-child > tr:first-child > td {
     border-top: 0
 }
 
-.table>tbody+tbody {
+.table > tbody + tbody {
     border-top: 2px solid #ddd
 }
 
@@ -1732,12 +1727,12 @@ th {
     background-color: #fff
 }
 
-.table-condensed>thead>tr>th,
-.table-condensed>tbody>tr>th,
-.table-condensed>tfoot>tr>th,
-.table-condensed>thead>tr>td,
-.table-condensed>tbody>tr>td,
-.table-condensed>tfoot>tr>td {
+.table-condensed > thead > tr > th,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > td {
     padding: 5px
 }
 
@@ -1745,25 +1740,25 @@ th {
     border: 1px solid #ddd
 }
 
-.table-bordered>thead>tr>th,
-.table-bordered>tbody>tr>th,
-.table-bordered>tfoot>tr>th,
-.table-bordered>thead>tr>td,
-.table-bordered>tbody>tr>td,
-.table-bordered>tfoot>tr>td {
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
     border: 1px solid #ddd
 }
 
-.table-bordered>thead>tr>th,
-.table-bordered>thead>tr>td {
+.table-bordered > thead > tr > th,
+.table-bordered > thead > tr > td {
     border-bottom-width: 2px
 }
 
-.table-striped>tbody>tr:nth-of-type(odd) {
+.table-striped > tbody > tr:nth-of-type(odd) {
     background-color: #f9f9f9
 }
 
-.table-hover>tbody>tr:hover {
+.table-hover > tbody > tr:hover {
     background-color: #f5f5f5
 }
 
@@ -1780,118 +1775,118 @@ table th[class*="col-"] {
     display: table-cell
 }
 
-.table>thead>tr>td.active,
-.table>tbody>tr>td.active,
-.table>tfoot>tr>td.active,
-.table>thead>tr>th.active,
-.table>tbody>tr>th.active,
-.table>tfoot>tr>th.active,
-.table>thead>tr.active>td,
-.table>tbody>tr.active>td,
-.table>tfoot>tr.active>td,
-.table>thead>tr.active>th,
-.table>tbody>tr.active>th,
-.table>tfoot>tr.active>th {
+.table > thead > tr > td.active,
+.table > tbody > tr > td.active,
+.table > tfoot > tr > td.active,
+.table > thead > tr > th.active,
+.table > tbody > tr > th.active,
+.table > tfoot > tr > th.active,
+.table > thead > tr.active > td,
+.table > tbody > tr.active > td,
+.table > tfoot > tr.active > td,
+.table > thead > tr.active > th,
+.table > tbody > tr.active > th,
+.table > tfoot > tr.active > th {
     background-color: #f5f5f5
 }
 
-.table-hover>tbody>tr>td.active:hover,
-.table-hover>tbody>tr>th.active:hover,
-.table-hover>tbody>tr.active:hover>td,
-.table-hover>tbody>tr:hover>.active,
-.table-hover>tbody>tr.active:hover>th {
+.table-hover > tbody > tr > td.active:hover,
+.table-hover > tbody > tr > th.active:hover,
+.table-hover > tbody > tr.active:hover > td,
+.table-hover > tbody > tr:hover > .active,
+.table-hover > tbody > tr.active:hover > th {
     background-color: #e8e8e8
 }
 
-.table>thead>tr>td.success,
-.table>tbody>tr>td.success,
-.table>tfoot>tr>td.success,
-.table>thead>tr>th.success,
-.table>tbody>tr>th.success,
-.table>tfoot>tr>th.success,
-.table>thead>tr.success>td,
-.table>tbody>tr.success>td,
-.table>tfoot>tr.success>td,
-.table>thead>tr.success>th,
-.table>tbody>tr.success>th,
-.table>tfoot>tr.success>th {
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
     background-color: #dff0d8
 }
 
-.table-hover>tbody>tr>td.success:hover,
-.table-hover>tbody>tr>th.success:hover,
-.table-hover>tbody>tr.success:hover>td,
-.table-hover>tbody>tr:hover>.success,
-.table-hover>tbody>tr.success:hover>th {
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover,
+.table-hover > tbody > tr.success:hover > td,
+.table-hover > tbody > tr:hover > .success,
+.table-hover > tbody > tr.success:hover > th {
     background-color: #d0e9c6
 }
 
-.table>thead>tr>td.info,
-.table>tbody>tr>td.info,
-.table>tfoot>tr>td.info,
-.table>thead>tr>th.info,
-.table>tbody>tr>th.info,
-.table>tfoot>tr>th.info,
-.table>thead>tr.info>td,
-.table>tbody>tr.info>td,
-.table>tfoot>tr.info>td,
-.table>thead>tr.info>th,
-.table>tbody>tr.info>th,
-.table>tfoot>tr.info>th {
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
     background-color: #d9edf7
 }
 
-.table-hover>tbody>tr>td.info:hover,
-.table-hover>tbody>tr>th.info:hover,
-.table-hover>tbody>tr.info:hover>td,
-.table-hover>tbody>tr:hover>.info,
-.table-hover>tbody>tr.info:hover>th {
+.table-hover > tbody > tr > td.info:hover,
+.table-hover > tbody > tr > th.info:hover,
+.table-hover > tbody > tr.info:hover > td,
+.table-hover > tbody > tr:hover > .info,
+.table-hover > tbody > tr.info:hover > th {
     background-color: #c4e3f3
 }
 
-.table>thead>tr>td.warning,
-.table>tbody>tr>td.warning,
-.table>tfoot>tr>td.warning,
-.table>thead>tr>th.warning,
-.table>tbody>tr>th.warning,
-.table>tfoot>tr>th.warning,
-.table>thead>tr.warning>td,
-.table>tbody>tr.warning>td,
-.table>tfoot>tr.warning>td,
-.table>thead>tr.warning>th,
-.table>tbody>tr.warning>th,
-.table>tfoot>tr.warning>th {
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
     background-color: #fcf8e3
 }
 
-.table-hover>tbody>tr>td.warning:hover,
-.table-hover>tbody>tr>th.warning:hover,
-.table-hover>tbody>tr.warning:hover>td,
-.table-hover>tbody>tr:hover>.warning,
-.table-hover>tbody>tr.warning:hover>th {
+.table-hover > tbody > tr > td.warning:hover,
+.table-hover > tbody > tr > th.warning:hover,
+.table-hover > tbody > tr.warning:hover > td,
+.table-hover > tbody > tr:hover > .warning,
+.table-hover > tbody > tr.warning:hover > th {
     background-color: #faf2cc
 }
 
-.table>thead>tr>td.danger,
-.table>tbody>tr>td.danger,
-.table>tfoot>tr>td.danger,
-.table>thead>tr>th.danger,
-.table>tbody>tr>th.danger,
-.table>tfoot>tr>th.danger,
-.table>thead>tr.danger>td,
-.table>tbody>tr.danger>td,
-.table>tfoot>tr.danger>td,
-.table>thead>tr.danger>th,
-.table>tbody>tr.danger>th,
-.table>tfoot>tr.danger>th {
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
     background-color: #f2dede
 }
 
-.table-hover>tbody>tr>td.danger:hover,
-.table-hover>tbody>tr>th.danger:hover,
-.table-hover>tbody>tr.danger:hover>td,
-.table-hover>tbody>tr:hover>.danger,
-.table-hover>tbody>tr.danger:hover>th {
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td,
+.table-hover > tbody > tr:hover > .danger,
+.table-hover > tbody > tr.danger:hover > th {
     background-color: #ebcccc
 }
 
@@ -1900,7 +1895,7 @@ table th[class*="col-"] {
     min-height: 0.01%
 }
 
-@media screen and (max-width:767px) {
+@media screen and (max-width: 767px) {
     .table-responsive {
         width: 100%;
         margin-bottom: 15px;
@@ -1908,40 +1903,46 @@ table th[class*="col-"] {
         -ms-overflow-style: -ms-autohiding-scrollbar;
         border: 1px solid #ddd
     }
-    .table-responsive>.table {
+
+    .table-responsive > .table {
         margin-bottom: 0
     }
-    .table-responsive>.table>thead>tr>th,
-    .table-responsive>.table>tbody>tr>th,
-    .table-responsive>.table>tfoot>tr>th,
-    .table-responsive>.table>thead>tr>td,
-    .table-responsive>.table>tbody>tr>td,
-    .table-responsive>.table>tfoot>tr>td {
+
+    .table-responsive > .table > thead > tr > th,
+    .table-responsive > .table > tbody > tr > th,
+    .table-responsive > .table > tfoot > tr > th,
+    .table-responsive > .table > thead > tr > td,
+    .table-responsive > .table > tbody > tr > td,
+    .table-responsive > .table > tfoot > tr > td {
         white-space: nowrap
     }
-    .table-responsive>.table-bordered {
+
+    .table-responsive > .table-bordered {
         border: 0
     }
-    .table-responsive>.table-bordered>thead>tr>th:first-child,
-    .table-responsive>.table-bordered>tbody>tr>th:first-child,
-    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
-    .table-responsive>.table-bordered>thead>tr>td:first-child,
-    .table-responsive>.table-bordered>tbody>tr>td:first-child,
-    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
+
+    .table-responsive > .table-bordered > thead > tr > th:first-child,
+    .table-responsive > .table-bordered > tbody > tr > th:first-child,
+    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+    .table-responsive > .table-bordered > thead > tr > td:first-child,
+    .table-responsive > .table-bordered > tbody > tr > td:first-child,
+    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
         border-left: 0
     }
-    .table-responsive>.table-bordered>thead>tr>th:last-child,
-    .table-responsive>.table-bordered>tbody>tr>th:last-child,
-    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
-    .table-responsive>.table-bordered>thead>tr>td:last-child,
-    .table-responsive>.table-bordered>tbody>tr>td:last-child,
-    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
+
+    .table-responsive > .table-bordered > thead > tr > th:last-child,
+    .table-responsive > .table-bordered > tbody > tr > th:last-child,
+    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+    .table-responsive > .table-bordered > thead > tr > td:last-child,
+    .table-responsive > .table-bordered > tbody > tr > td:last-child,
+    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
         border-right: 0
     }
-    .table-responsive>.table-bordered>tbody>tr:last-child>th,
-    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
-    .table-responsive>.table-bordered>tbody>tr:last-child>td,
-    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
+
+    .table-responsive > .table-bordered > tbody > tr:last-child > th,
+    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+    .table-responsive > .table-bordered > tbody > tr:last-child > td,
+    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
         border-bottom: 0
     }
 }
@@ -2074,13 +2075,14 @@ input[type="search"] {
     -webkit-appearance: none
 }
 
-@media screen and (-webkit-min-device-pixel-ratio:0) {
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
     input[type="date"].form-control,
     input[type="time"].form-control,
     input[type="datetime-local"].form-control,
     input[type="month"].form-control {
         line-height: 34px
     }
+
     input[type="date"].input-sm,
     input[type="time"].input-sm,
     input[type="datetime-local"].input-sm,
@@ -2091,6 +2093,7 @@ input[type="search"] {
     .input-group-sm input[type="month"] {
         line-height: 30px
     }
+
     input[type="date"].input-lg,
     input[type="time"].input-lg,
     input[type="datetime-local"].input-lg,
@@ -2133,8 +2136,8 @@ input[type="search"] {
     margin-top: 4px \9
 }
 
-.radio+.radio,
-.checkbox+.checkbox {
+.radio + .radio,
+.checkbox + .checkbox {
     margin-top: -5px
 }
 
@@ -2149,8 +2152,8 @@ input[type="search"] {
     cursor: pointer
 }
 
-.radio-inline+.radio-inline,
-.checkbox-inline+.checkbox-inline {
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
     margin-top: 0;
     margin-left: 10px
 }
@@ -2300,17 +2303,17 @@ select[multiple].input-lg {
     pointer-events: none
 }
 
-.input-lg+.form-control-feedback,
-.input-group-lg+.form-control-feedback,
-.form-group-lg .form-control+.form-control-feedback {
+.input-lg + .form-control-feedback,
+.input-group-lg + .form-control-feedback,
+.form-group-lg .form-control + .form-control-feedback {
     width: 46px;
     height: 46px;
     line-height: 46px
 }
 
-.input-sm+.form-control-feedback,
-.input-group-sm+.form-control-feedback,
-.form-group-sm .form-control+.form-control-feedback {
+.input-sm + .form-control-feedback,
+.input-group-sm + .form-control-feedback,
+.form-group-sm .form-control + .form-control-feedback {
     width: 30px;
     height: 30px;
     line-height: 30px
@@ -2421,11 +2424,11 @@ select[multiple].input-lg {
     color: #a94442
 }
 
-.has-feedback label~.form-control-feedback {
+.has-feedback label ~ .form-control-feedback {
     top: 25px
 }
 
-.has-feedback label.sr-only~.form-control-feedback {
+.has-feedback label.sr-only ~ .form-control-feedback {
     top: 0
 }
 
@@ -2436,36 +2439,43 @@ select[multiple].input-lg {
     color: #737373
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .form-inline .form-group {
         display: inline-block;
         margin-bottom: 0;
         vertical-align: middle
     }
+
     .form-inline .form-control {
         display: inline-block;
         width: auto;
         vertical-align: middle
     }
+
     .form-inline .form-control-static {
         display: inline-block
     }
+
     .form-inline .input-group {
         display: inline-table;
         vertical-align: middle
     }
+
     .form-inline .input-group .input-group-addon,
     .form-inline .input-group .input-group-btn,
     .form-inline .input-group .form-control {
         width: auto
     }
-    .form-inline .input-group>.form-control {
+
+    .form-inline .input-group > .form-control {
         width: 100%
     }
+
     .form-inline .control-label {
         margin-bottom: 0;
         vertical-align: middle
     }
+
     .form-inline .radio,
     .form-inline .checkbox {
         display: inline-block;
@@ -2473,15 +2483,18 @@ select[multiple].input-lg {
         margin-bottom: 0;
         vertical-align: middle
     }
+
     .form-inline .radio label,
     .form-inline .checkbox label {
         padding-left: 0
     }
+
     .form-inline .radio input[type="radio"],
     .form-inline .checkbox input[type="checkbox"] {
         position: relative;
         margin-left: 0
     }
+
     .form-inline .has-feedback .form-control-feedback {
         top: 0
     }
@@ -2506,7 +2519,7 @@ select[multiple].input-lg {
     margin-right: -15px
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .form-horizontal .control-label {
         text-align: right;
         margin-bottom: 0;
@@ -2518,14 +2531,14 @@ select[multiple].input-lg {
     right: 15px
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .form-horizontal .form-group-lg .control-label {
         padding-top: 14.333333px;
         font-size: 18px
     }
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .form-horizontal .form-group-sm .control-label {
         padding-top: 6px;
         font-size: 12px
@@ -2616,7 +2629,7 @@ fieldset[disabled] a.btn {
 
 .btn-default:active,
 .btn-default.active,
-.open>.dropdown-toggle.btn-default {
+.open > .dropdown-toggle.btn-default {
     color: #333;
     background-color: #e6e6e6;
     border-color: #adadad
@@ -2624,13 +2637,13 @@ fieldset[disabled] a.btn {
 
 .btn-default:active:hover,
 .btn-default.active:hover,
-.open>.dropdown-toggle.btn-default:hover,
+.open > .dropdown-toggle.btn-default:hover,
 .btn-default:active:focus,
 .btn-default.active:focus,
-.open>.dropdown-toggle.btn-default:focus,
+.open > .dropdown-toggle.btn-default:focus,
 .btn-default:active.focus,
 .btn-default.active.focus,
-.open>.dropdown-toggle.btn-default.focus {
+.open > .dropdown-toggle.btn-default.focus {
     color: #333;
     background-color: #d4d4d4;
     border-color: #8c8c8c
@@ -2638,7 +2651,7 @@ fieldset[disabled] a.btn {
 
 .btn-default:active,
 .btn-default.active,
-.open>.dropdown-toggle.btn-default {
+.open > .dropdown-toggle.btn-default {
     background-image: none
 }
 
@@ -2690,7 +2703,7 @@ fieldset[disabled] .btn-default.active {
 
 .btn-primary:active,
 .btn-primary.active,
-.open>.dropdown-toggle.btn-primary {
+.open > .dropdown-toggle.btn-primary {
     color: #fff;
     background-color: #286090;
     border-color: #204d74
@@ -2698,13 +2711,13 @@ fieldset[disabled] .btn-default.active {
 
 .btn-primary:active:hover,
 .btn-primary.active:hover,
-.open>.dropdown-toggle.btn-primary:hover,
+.open > .dropdown-toggle.btn-primary:hover,
 .btn-primary:active:focus,
 .btn-primary.active:focus,
-.open>.dropdown-toggle.btn-primary:focus,
+.open > .dropdown-toggle.btn-primary:focus,
 .btn-primary:active.focus,
 .btn-primary.active.focus,
-.open>.dropdown-toggle.btn-primary.focus {
+.open > .dropdown-toggle.btn-primary.focus {
     color: #fff;
     background-color: #204d74;
     border-color: #122b40
@@ -2712,7 +2725,7 @@ fieldset[disabled] .btn-default.active {
 
 .btn-primary:active,
 .btn-primary.active,
-.open>.dropdown-toggle.btn-primary {
+.open > .dropdown-toggle.btn-primary {
     background-image: none
 }
 
@@ -2764,7 +2777,7 @@ fieldset[disabled] .btn-primary.active {
 
 .btn-success:active,
 .btn-success.active,
-.open>.dropdown-toggle.btn-success {
+.open > .dropdown-toggle.btn-success {
     color: #fff;
     background-color: #449d44;
     border-color: #398439
@@ -2772,13 +2785,13 @@ fieldset[disabled] .btn-primary.active {
 
 .btn-success:active:hover,
 .btn-success.active:hover,
-.open>.dropdown-toggle.btn-success:hover,
+.open > .dropdown-toggle.btn-success:hover,
 .btn-success:active:focus,
 .btn-success.active:focus,
-.open>.dropdown-toggle.btn-success:focus,
+.open > .dropdown-toggle.btn-success:focus,
 .btn-success:active.focus,
 .btn-success.active.focus,
-.open>.dropdown-toggle.btn-success.focus {
+.open > .dropdown-toggle.btn-success.focus {
     color: #fff;
     background-color: #398439;
     border-color: #255625
@@ -2786,7 +2799,7 @@ fieldset[disabled] .btn-primary.active {
 
 .btn-success:active,
 .btn-success.active,
-.open>.dropdown-toggle.btn-success {
+.open > .dropdown-toggle.btn-success {
     background-image: none
 }
 
@@ -2838,7 +2851,7 @@ fieldset[disabled] .btn-success.active {
 
 .btn-info:active,
 .btn-info.active,
-.open>.dropdown-toggle.btn-info {
+.open > .dropdown-toggle.btn-info {
     color: #fff;
     background-color: #31b0d5;
     border-color: #269abc
@@ -2846,13 +2859,13 @@ fieldset[disabled] .btn-success.active {
 
 .btn-info:active:hover,
 .btn-info.active:hover,
-.open>.dropdown-toggle.btn-info:hover,
+.open > .dropdown-toggle.btn-info:hover,
 .btn-info:active:focus,
 .btn-info.active:focus,
-.open>.dropdown-toggle.btn-info:focus,
+.open > .dropdown-toggle.btn-info:focus,
 .btn-info:active.focus,
 .btn-info.active.focus,
-.open>.dropdown-toggle.btn-info.focus {
+.open > .dropdown-toggle.btn-info.focus {
     color: #fff;
     background-color: #269abc;
     border-color: #1b6d85
@@ -2860,7 +2873,7 @@ fieldset[disabled] .btn-success.active {
 
 .btn-info:active,
 .btn-info.active,
-.open>.dropdown-toggle.btn-info {
+.open > .dropdown-toggle.btn-info {
     background-image: none
 }
 
@@ -2912,7 +2925,7 @@ fieldset[disabled] .btn-info.active {
 
 .btn-warning:active,
 .btn-warning.active,
-.open>.dropdown-toggle.btn-warning {
+.open > .dropdown-toggle.btn-warning {
     color: #fff;
     background-color: #ec971f;
     border-color: #d58512
@@ -2920,13 +2933,13 @@ fieldset[disabled] .btn-info.active {
 
 .btn-warning:active:hover,
 .btn-warning.active:hover,
-.open>.dropdown-toggle.btn-warning:hover,
+.open > .dropdown-toggle.btn-warning:hover,
 .btn-warning:active:focus,
 .btn-warning.active:focus,
-.open>.dropdown-toggle.btn-warning:focus,
+.open > .dropdown-toggle.btn-warning:focus,
 .btn-warning:active.focus,
 .btn-warning.active.focus,
-.open>.dropdown-toggle.btn-warning.focus {
+.open > .dropdown-toggle.btn-warning.focus {
     color: #fff;
     background-color: #d58512;
     border-color: #985f0d
@@ -2934,7 +2947,7 @@ fieldset[disabled] .btn-info.active {
 
 .btn-warning:active,
 .btn-warning.active,
-.open>.dropdown-toggle.btn-warning {
+.open > .dropdown-toggle.btn-warning {
     background-image: none
 }
 
@@ -2986,7 +2999,7 @@ fieldset[disabled] .btn-warning.active {
 
 .btn-danger:active,
 .btn-danger.active,
-.open>.dropdown-toggle.btn-danger {
+.open > .dropdown-toggle.btn-danger {
     color: #fff;
     background-color: #c9302c;
     border-color: #ac2925
@@ -2994,13 +3007,13 @@ fieldset[disabled] .btn-warning.active {
 
 .btn-danger:active:hover,
 .btn-danger.active:hover,
-.open>.dropdown-toggle.btn-danger:hover,
+.open > .dropdown-toggle.btn-danger:hover,
 .btn-danger:active:focus,
 .btn-danger.active:focus,
-.open>.dropdown-toggle.btn-danger:focus,
+.open > .dropdown-toggle.btn-danger:focus,
 .btn-danger:active.focus,
 .btn-danger.active.focus,
-.open>.dropdown-toggle.btn-danger.focus {
+.open > .dropdown-toggle.btn-danger.focus {
     color: #fff;
     background-color: #ac2925;
     border-color: #761c19
@@ -3008,7 +3021,7 @@ fieldset[disabled] .btn-warning.active {
 
 .btn-danger:active,
 .btn-danger.active,
-.open>.dropdown-toggle.btn-danger {
+.open > .dropdown-toggle.btn-danger {
     background-image: none
 }
 
@@ -3078,7 +3091,7 @@ fieldset[disabled] .btn-link:focus {
 }
 
 .btn-lg,
-.btn-group-lg>.btn {
+.btn-group-lg > .btn {
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.3333333;
@@ -3086,7 +3099,7 @@ fieldset[disabled] .btn-link:focus {
 }
 
 .btn-sm,
-.btn-group-sm>.btn {
+.btn-group-sm > .btn {
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5;
@@ -3094,7 +3107,7 @@ fieldset[disabled] .btn-link:focus {
 }
 
 .btn-xs,
-.btn-group-xs>.btn {
+.btn-group-xs > .btn {
     padding: 1px 5px;
     font-size: 12px;
     line-height: 1.5;
@@ -3106,7 +3119,7 @@ fieldset[disabled] .btn-link:focus {
     width: 100%
 }
 
-.btn-block+.btn-block {
+.btn-block + .btn-block {
     margin-top: 5px
 }
 
@@ -3214,7 +3227,7 @@ tbody.collapse.in {
     background-color: #e5e5e5
 }
 
-.dropdown-menu>li>a {
+.dropdown-menu > li > a {
     display: block;
     padding: 3px 20px;
     clear: both;
@@ -3224,42 +3237,42 @@ tbody.collapse.in {
     white-space: nowrap
 }
 
-.dropdown-menu>li>a:hover,
-.dropdown-menu>li>a:focus {
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
     text-decoration: none;
     color: #262626;
     background-color: #f5f5f5
 }
 
-.dropdown-menu>.active>a,
-.dropdown-menu>.active>a:hover,
-.dropdown-menu>.active>a:focus {
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
     color: #fff;
     text-decoration: none;
     outline: 0;
     background-color: #337ab7
 }
 
-.dropdown-menu>.disabled>a,
-.dropdown-menu>.disabled>a:hover,
-.dropdown-menu>.disabled>a:focus {
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
     color: #777
 }
 
-.dropdown-menu>.disabled>a:hover,
-.dropdown-menu>.disabled>a:focus {
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
     text-decoration: none;
     background-color: transparent;
     background-image: none;
-    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
     cursor: not-allowed
 }
 
-.open>.dropdown-menu {
+.open > .dropdown-menu {
     display: block
 }
 
-.open>a {
+.open > a {
     outline: 0
 }
 
@@ -3291,7 +3304,7 @@ tbody.collapse.in {
     z-index: 990
 }
 
-.pull-right>.dropdown-menu {
+.pull-right > .dropdown-menu {
     right: 0;
     left: auto
 }
@@ -3311,11 +3324,12 @@ tbody.collapse.in {
     margin-bottom: 2px
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-right .dropdown-menu {
         left: auto;
         right: 0
     }
+
     .navbar-right .dropdown-menu-left {
         left: 0;
         right: auto
@@ -3329,27 +3343,27 @@ tbody.collapse.in {
     vertical-align: middle
 }
 
-.btn-group>.btn,
-.btn-group-vertical>.btn {
+.btn-group > .btn,
+.btn-group-vertical > .btn {
     position: relative;
     float: left
 }
 
-.btn-group>.btn:hover,
-.btn-group-vertical>.btn:hover,
-.btn-group>.btn:focus,
-.btn-group-vertical>.btn:focus,
-.btn-group>.btn:active,
-.btn-group-vertical>.btn:active,
-.btn-group>.btn.active,
-.btn-group-vertical>.btn.active {
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus,
+.btn-group > .btn:active,
+.btn-group-vertical > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn.active {
     z-index: 2
 }
 
-.btn-group .btn+.btn,
-.btn-group .btn+.btn-group,
-.btn-group .btn-group+.btn,
-.btn-group .btn-group+.btn-group {
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
     margin-left: -1px
 }
 
@@ -3363,46 +3377,46 @@ tbody.collapse.in {
     float: left
 }
 
-.btn-toolbar>.btn,
-.btn-toolbar>.btn-group,
-.btn-toolbar>.input-group {
+.btn-toolbar > .btn,
+.btn-toolbar > .btn-group,
+.btn-toolbar > .input-group {
     margin-left: 5px
 }
 
-.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
     border-radius: 0
 }
 
-.btn-group>.btn:first-child {
+.btn-group > .btn:first-child {
     margin-left: 0
 }
 
-.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
+.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0
 }
 
-.btn-group>.btn:last-child:not(:first-child),
-.btn-group>.dropdown-toggle:not(:first-child) {
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0
 }
 
-.btn-group>.btn-group {
+.btn-group > .btn-group {
     float: left
 }
 
-.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
     border-radius: 0
 }
 
-.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
-.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
+.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0
 }
 
-.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
+.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0
 }
@@ -3412,12 +3426,12 @@ tbody.collapse.in {
     outline: 0
 }
 
-.btn-group>.btn+.dropdown-toggle {
+.btn-group > .btn + .dropdown-toggle {
     padding-left: 8px;
     padding-right: 8px
 }
 
-.btn-group>.btn-lg+.dropdown-toggle {
+.btn-group > .btn-lg + .dropdown-toggle {
     padding-left: 12px;
     padding-right: 12px
 }
@@ -3445,54 +3459,54 @@ tbody.collapse.in {
     border-width: 0 5px 5px
 }
 
-.btn-group-vertical>.btn,
-.btn-group-vertical>.btn-group,
-.btn-group-vertical>.btn-group>.btn {
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
     display: block;
     float: none;
     width: 100%;
     max-width: 100%
 }
 
-.btn-group-vertical>.btn-group>.btn {
+.btn-group-vertical > .btn-group > .btn {
     float: none
 }
 
-.btn-group-vertical>.btn+.btn,
-.btn-group-vertical>.btn+.btn-group,
-.btn-group-vertical>.btn-group+.btn,
-.btn-group-vertical>.btn-group+.btn-group {
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
     margin-top: -1px;
     margin-left: 0
 }
 
-.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
     border-radius: 0
 }
 
-.btn-group-vertical>.btn:first-child:not(:last-child) {
+.btn-group-vertical > .btn:first-child:not(:last-child) {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }
 
-.btn-group-vertical>.btn:last-child:not(:first-child) {
+.btn-group-vertical > .btn:last-child:not(:first-child) {
     border-bottom-left-radius: 4px;
     border-top-right-radius: 0;
     border-top-left-radius: 0
 }
 
-.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
     border-radius: 0
 }
 
-.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
-.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }
 
-.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
     border-top-right-radius: 0;
     border-top-left-radius: 0
 }
@@ -3504,25 +3518,25 @@ tbody.collapse.in {
     border-collapse: separate
 }
 
-.btn-group-justified>.btn,
-.btn-group-justified>.btn-group {
+.btn-group-justified > .btn,
+.btn-group-justified > .btn-group {
     float: none;
     display: table-cell;
     width: 1%
 }
 
-.btn-group-justified>.btn-group .btn {
+.btn-group-justified > .btn-group .btn {
     width: 100%
 }
 
-.btn-group-justified>.btn-group .dropdown-menu {
+.btn-group-justified > .btn-group .dropdown-menu {
     left: auto
 }
 
-[data-toggle="buttons"]>.btn input[type="radio"],
-[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
-[data-toggle="buttons"]>.btn input[type="checkbox"],
-[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
+[data-toggle="buttons"] > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn input[type="checkbox"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
     position: absolute;
     clip: rect(0, 0, 0, 0);
     pointer-events: none
@@ -3548,9 +3562,9 @@ tbody.collapse.in {
     margin-bottom: 0
 }
 
-.input-group-lg>.form-control,
-.input-group-lg>.input-group-addon,
-.input-group-lg>.input-group-btn>.btn {
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
     height: 46px;
     padding: 10px 16px;
     font-size: 18px;
@@ -3558,25 +3572,25 @@ tbody.collapse.in {
     border-radius: 6px
 }
 
-select.input-group-lg>.form-control,
-select.input-group-lg>.input-group-addon,
-select.input-group-lg>.input-group-btn>.btn {
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
     height: 46px;
     line-height: 46px
 }
 
-textarea.input-group-lg>.form-control,
-textarea.input-group-lg>.input-group-addon,
-textarea.input-group-lg>.input-group-btn>.btn,
-select[multiple].input-group-lg>.form-control,
-select[multiple].input-group-lg>.input-group-addon,
-select[multiple].input-group-lg>.input-group-btn>.btn {
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn > .btn,
+select[multiple].input-group-lg > .form-control,
+select[multiple].input-group-lg > .input-group-addon,
+select[multiple].input-group-lg > .input-group-btn > .btn {
     height: auto
 }
 
-.input-group-sm>.form-control,
-.input-group-sm>.input-group-addon,
-.input-group-sm>.input-group-btn>.btn {
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
     height: 30px;
     padding: 5px 10px;
     font-size: 12px;
@@ -3584,19 +3598,19 @@ select[multiple].input-group-lg>.input-group-btn>.btn {
     border-radius: 3px
 }
 
-select.input-group-sm>.form-control,
-select.input-group-sm>.input-group-addon,
-select.input-group-sm>.input-group-btn>.btn {
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon,
+select.input-group-sm > .input-group-btn > .btn {
     height: 30px;
     line-height: 30px
 }
 
-textarea.input-group-sm>.form-control,
-textarea.input-group-sm>.input-group-addon,
-textarea.input-group-sm>.input-group-btn>.btn,
-select[multiple].input-group-sm>.form-control,
-select[multiple].input-group-sm>.input-group-addon,
-select[multiple].input-group-sm>.input-group-btn>.btn {
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+textarea.input-group-sm > .input-group-btn > .btn,
+select[multiple].input-group-sm > .form-control,
+select[multiple].input-group-sm > .input-group-addon,
+select[multiple].input-group-sm > .input-group-btn > .btn {
     height: auto
 }
 
@@ -3650,11 +3664,11 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
 
 .input-group .form-control:first-child,
 .input-group-addon:first-child,
-.input-group-btn:first-child>.btn,
-.input-group-btn:first-child>.btn-group>.btn,
-.input-group-btn:first-child>.dropdown-toggle,
-.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
-.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0
 }
@@ -3665,11 +3679,11 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
 
 .input-group .form-control:last-child,
 .input-group-addon:last-child,
-.input-group-btn:last-child>.btn,
-.input-group-btn:last-child>.btn-group>.btn,
-.input-group-btn:last-child>.dropdown-toggle,
-.input-group-btn:first-child>.btn:not(:first-child),
-.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0
 }
@@ -3684,27 +3698,27 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     white-space: nowrap
 }
 
-.input-group-btn>.btn {
+.input-group-btn > .btn {
     position: relative
 }
 
-.input-group-btn>.btn+.btn {
+.input-group-btn > .btn + .btn {
     margin-left: -1px
 }
 
-.input-group-btn>.btn:hover,
-.input-group-btn>.btn:focus,
-.input-group-btn>.btn:active {
+.input-group-btn > .btn:hover,
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
     z-index: 2
 }
 
-.input-group-btn:first-child>.btn,
-.input-group-btn:first-child>.btn-group {
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group {
     margin-right: -1px
 }
 
-.input-group-btn:last-child>.btn,
-.input-group-btn:last-child>.btn-group {
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group {
     z-index: 2;
     margin-left: -1px
 }
@@ -3715,38 +3729,38 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     list-style: none
 }
 
-.nav>li {
+.nav > li {
     position: relative;
     display: block
 }
 
-.nav>li>a {
+.nav > li > a {
     position: relative;
     display: block;
     padding: 10px 15px
 }
 
-.nav>li>a:hover,
-.nav>li>a:focus {
+.nav > li > a:hover,
+.nav > li > a:focus {
     text-decoration: none;
     background-color: #eee
 }
 
-.nav>li.disabled>a {
+.nav > li.disabled > a {
     color: #777
 }
 
-.nav>li.disabled>a:hover,
-.nav>li.disabled>a:focus {
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
     color: #777;
     text-decoration: none;
     background-color: transparent;
     cursor: not-allowed
 }
 
-.nav .open>a,
-.nav .open>a:hover,
-.nav .open>a:focus {
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
     background-color: #eee;
     border-color: #337ab7
 }
@@ -3758,7 +3772,7 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     background-color: #e5e5e5
 }
 
-.nav>li>a>img {
+.nav > li > a > img {
     max-width: none
 }
 
@@ -3766,25 +3780,25 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     border-bottom: 1px solid #ddd
 }
 
-.nav-tabs>li {
+.nav-tabs > li {
     float: left;
     margin-bottom: -1px
 }
 
-.nav-tabs>li>a {
+.nav-tabs > li > a {
     margin-right: 2px;
     line-height: 1.42857143;
     border: 1px solid transparent;
     border-radius: 4px 4px 0 0
 }
 
-.nav-tabs>li>a:hover {
+.nav-tabs > li > a:hover {
     border-color: #eee #eee #ddd
 }
 
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:hover,
-.nav-tabs>li.active>a:focus {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
     color: #555;
     background-color: #fff;
     border: 1px solid #ddd;
@@ -3797,77 +3811,79 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     border-bottom: 0
 }
 
-.nav-tabs.nav-justified>li {
+.nav-tabs.nav-justified > li {
     float: none
 }
 
-.nav-tabs.nav-justified>li>a {
+.nav-tabs.nav-justified > li > a {
     text-align: center;
     margin-bottom: 5px
 }
 
-.nav-tabs.nav-justified>.dropdown .dropdown-menu {
+.nav-tabs.nav-justified > .dropdown .dropdown-menu {
     top: auto;
     left: auto
 }
 
-@media (min-width:768px) {
-    .nav-tabs.nav-justified>li {
+@media (min-width: 768px) {
+    .nav-tabs.nav-justified > li {
         display: table-cell;
         width: 1%
     }
-    .nav-tabs.nav-justified>li>a {
+
+    .nav-tabs.nav-justified > li > a {
         margin-bottom: 0
     }
 }
 
-.nav-tabs.nav-justified>li>a {
+.nav-tabs.nav-justified > li > a {
     margin-right: 0;
     border-radius: 4px
 }
 
-.nav-tabs.nav-justified>.active>a,
-.nav-tabs.nav-justified>.active>a:hover,
-.nav-tabs.nav-justified>.active>a:focus {
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
     border: 1px solid #ddd
 }
 
-@media (min-width:768px) {
-    .nav-tabs.nav-justified>li>a {
+@media (min-width: 768px) {
+    .nav-tabs.nav-justified > li > a {
         border-bottom: 1px solid #ddd;
         border-radius: 4px 4px 0 0
     }
-    .nav-tabs.nav-justified>.active>a,
-    .nav-tabs.nav-justified>.active>a:hover,
-    .nav-tabs.nav-justified>.active>a:focus {
+
+    .nav-tabs.nav-justified > .active > a,
+    .nav-tabs.nav-justified > .active > a:hover,
+    .nav-tabs.nav-justified > .active > a:focus {
         border-bottom-color: #fff
     }
 }
 
-.nav-pills>li {
+.nav-pills > li {
     float: left
 }
 
-.nav-pills>li>a {
+.nav-pills > li > a {
     border-radius: 4px
 }
 
-.nav-pills>li+li {
+.nav-pills > li + li {
     margin-left: 2px
 }
 
-.nav-pills>li.active>a,
-.nav-pills>li.active>a:hover,
-.nav-pills>li.active>a:focus {
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
     color: #fff;
     background-color: #337ab7
 }
 
-.nav-stacked>li {
+.nav-stacked > li {
     float: none
 }
 
-.nav-stacked>li+li {
+.nav-stacked > li + li {
     margin-top: 2px;
     margin-left: 0
 }
@@ -3876,26 +3892,27 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     width: 100%
 }
 
-.nav-justified>li {
+.nav-justified > li {
     float: none
 }
 
-.nav-justified>li>a {
+.nav-justified > li > a {
     text-align: center;
     margin-bottom: 5px
 }
 
-.nav-justified>.dropdown .dropdown-menu {
+.nav-justified > .dropdown .dropdown-menu {
     top: auto;
     left: auto
 }
 
-@media (min-width:768px) {
-    .nav-justified>li {
+@media (min-width: 768px) {
+    .nav-justified > li {
         display: table-cell;
         width: 1%
     }
-    .nav-justified>li>a {
+
+    .nav-justified > li > a {
         margin-bottom: 0
     }
 }
@@ -3904,34 +3921,35 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     border-bottom: 0
 }
 
-.nav-tabs-justified>li>a {
+.nav-tabs-justified > li > a {
     margin-right: 0;
     border-radius: 4px
 }
 
-.nav-tabs-justified>.active>a,
-.nav-tabs-justified>.active>a:hover,
-.nav-tabs-justified>.active>a:focus {
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
     border: 1px solid #ddd
 }
 
-@media (min-width:768px) {
-    .nav-tabs-justified>li>a {
+@media (min-width: 768px) {
+    .nav-tabs-justified > li > a {
         border-bottom: 1px solid #ddd;
         border-radius: 4px 4px 0 0
     }
-    .nav-tabs-justified>.active>a,
-    .nav-tabs-justified>.active>a:hover,
-    .nav-tabs-justified>.active>a:focus {
+
+    .nav-tabs-justified > .active > a,
+    .nav-tabs-justified > .active > a:hover,
+    .nav-tabs-justified > .active > a:focus {
         border-bottom-color: #fff
     }
 }
 
-.tab-content>.tab-pane {
+.tab-content > .tab-pane {
     display: none
 }
 
-.tab-content>.active {
+.tab-content > .active {
     display: block
 }
 
@@ -3948,13 +3966,13 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     border: 1px solid transparent
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar {
         border-radius: 4px
     }
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-header {
         float: left
     }
@@ -3974,22 +3992,25 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     overflow-y: auto
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-collapse {
         width: auto;
         border-top: 0;
         -webkit-box-shadow: none;
         box-shadow: none
     }
+
     .navbar-collapse.collapse {
         display: block !important;
         height: auto !important;
         padding-bottom: 0;
         overflow: visible !important
     }
+
     .navbar-collapse.in {
         overflow-y: visible
     }
+
     .navbar-fixed-top .navbar-collapse,
     .navbar-static-top .navbar-collapse,
     .navbar-fixed-bottom .navbar-collapse {
@@ -4003,26 +4024,26 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     max-height: 340px
 }
 
-@media (max-device-width:480px) and (orientation:landscape) {
+@media (max-device-width: 480px) and (orientation: landscape) {
     .navbar-fixed-top .navbar-collapse,
     .navbar-fixed-bottom .navbar-collapse {
         max-height: 200px
     }
 }
 
-.container>.navbar-header,
-.container-fluid>.navbar-header,
-.container>.navbar-collapse,
-.container-fluid>.navbar-collapse {
+.container > .navbar-header,
+.container-fluid > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-collapse {
     margin-right: -15px;
     margin-left: -15px
 }
 
-@media (min-width:768px) {
-    .container>.navbar-header,
-    .container-fluid>.navbar-header,
-    .container>.navbar-collapse,
-    .container-fluid>.navbar-collapse {
+@media (min-width: 768px) {
+    .container > .navbar-header,
+    .container-fluid > .navbar-header,
+    .container > .navbar-collapse,
+    .container-fluid > .navbar-collapse {
         margin-right: 0;
         margin-left: 0
     }
@@ -4033,7 +4054,7 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     border-width: 0 0 1px
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-static-top {
         border-radius: 0
     }
@@ -4047,7 +4068,7 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     z-index: 1030
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-fixed-top,
     .navbar-fixed-bottom {
         border-radius: 0
@@ -4078,13 +4099,13 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     text-decoration: none
 }
 
-.navbar-brand>img {
+.navbar-brand > img {
     display: block
 }
 
-@media (min-width:768px) {
-    .navbar>.container .navbar-brand,
-    .navbar>.container-fluid .navbar-brand {
+@media (min-width: 768px) {
+    .navbar > .container .navbar-brand,
+    .navbar > .container-fluid .navbar-brand {
         margin-left: -15px
     }
 }
@@ -4113,11 +4134,11 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     border-radius: 1px
 }
 
-.navbar-toggle .icon-bar+.icon-bar {
+.navbar-toggle .icon-bar + .icon-bar {
     margin-top: 4px
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-toggle {
         display: none
     }
@@ -4127,13 +4148,13 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     margin: 7.5px -15px
 }
 
-.navbar-nav>li>a {
+.navbar-nav > li > a {
     padding-top: 10px;
     padding-bottom: 10px;
     line-height: 20px
 }
 
-@media (max-width:767px) {
+@media (max-width: 767px) {
     .navbar-nav .open .dropdown-menu {
         position: static;
         float: none;
@@ -4144,28 +4165,33 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
         -webkit-box-shadow: none;
         box-shadow: none
     }
-    .navbar-nav .open .dropdown-menu>li>a,
+
+    .navbar-nav .open .dropdown-menu > li > a,
     .navbar-nav .open .dropdown-menu .dropdown-header {
         padding: 5px 15px 5px 25px
     }
-    .navbar-nav .open .dropdown-menu>li>a {
+
+    .navbar-nav .open .dropdown-menu > li > a {
         line-height: 20px
     }
-    .navbar-nav .open .dropdown-menu>li>a:hover,
-    .navbar-nav .open .dropdown-menu>li>a:focus {
+
+    .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-nav .open .dropdown-menu > li > a:focus {
         background-image: none
     }
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-nav {
         float: left;
         margin: 0
     }
-    .navbar-nav>li {
+
+    .navbar-nav > li {
         float: left
     }
-    .navbar-nav>li>a {
+
+    .navbar-nav > li > a {
         padding-top: 15px;
         padding-bottom: 15px
     }
@@ -4183,36 +4209,43 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     margin-bottom: 8px
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-form .form-group {
         display: inline-block;
         margin-bottom: 0;
         vertical-align: middle
     }
+
     .navbar-form .form-control {
         display: inline-block;
         width: auto;
         vertical-align: middle
     }
+
     .navbar-form .form-control-static {
         display: inline-block
     }
+
     .navbar-form .input-group {
         display: inline-table;
         vertical-align: middle
     }
+
     .navbar-form .input-group .input-group-addon,
     .navbar-form .input-group .input-group-btn,
     .navbar-form .input-group .form-control {
         width: auto
     }
-    .navbar-form .input-group>.form-control {
+
+    .navbar-form .input-group > .form-control {
         width: 100%
     }
+
     .navbar-form .control-label {
         margin-bottom: 0;
         vertical-align: middle
     }
+
     .navbar-form .radio,
     .navbar-form .checkbox {
         display: inline-block;
@@ -4220,30 +4253,34 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
         margin-bottom: 0;
         vertical-align: middle
     }
+
     .navbar-form .radio label,
     .navbar-form .checkbox label {
         padding-left: 0
     }
+
     .navbar-form .radio input[type="radio"],
     .navbar-form .checkbox input[type="checkbox"] {
         position: relative;
         margin-left: 0
     }
+
     .navbar-form .has-feedback .form-control-feedback {
         top: 0
     }
 }
 
-@media (max-width:767px) {
+@media (max-width: 767px) {
     .navbar-form .form-group {
         margin-bottom: 5px
     }
+
     .navbar-form .form-group:last-child {
         margin-bottom: 0
     }
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-form {
         width: auto;
         border: 0;
@@ -4256,13 +4293,13 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     }
 }
 
-.navbar-nav>li>.dropdown-menu {
+.navbar-nav > li > .dropdown-menu {
     margin-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0
 }
 
-.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
     margin-bottom: 0;
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
@@ -4290,7 +4327,7 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     margin-bottom: 15px
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-text {
         float: left;
         margin-left: 15px;
@@ -4298,15 +4335,17 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     }
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navbar-left {
         float: left !important
     }
+
     .navbar-right {
         float: right !important;
         margin-right: -15px
     }
-    .navbar-right~.navbar-right {
+
+    .navbar-right ~ .navbar-right {
         margin-right: 0
     }
 }
@@ -4330,26 +4369,26 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     color: #777
 }
 
-.navbar-default .navbar-nav>li>a {
+.navbar-default .navbar-nav > li > a {
     color: #777
 }
 
-.navbar-default .navbar-nav>li>a:hover,
-.navbar-default .navbar-nav>li>a:focus {
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
     color: #333;
     background-color: transparent
 }
 
-.navbar-default .navbar-nav>.active>a,
-.navbar-default .navbar-nav>.active>a:hover,
-.navbar-default .navbar-nav>.active>a:focus {
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
     color: #555;
     background-color: #e7e7e7
 }
 
-.navbar-default .navbar-nav>.disabled>a,
-.navbar-default .navbar-nav>.disabled>a:hover,
-.navbar-default .navbar-nav>.disabled>a:focus {
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
     color: #ccc;
     background-color: transparent
 }
@@ -4372,31 +4411,34 @@ select[multiple].input-group-sm>.input-group-btn>.btn {
     border-color: #e7e7e7
 }
 
-.navbar-default .navbar-nav>.open>a,
-.navbar-default .navbar-nav>.open>a:hover,
-.navbar-default .navbar-nav>.open>a:focus {
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
     background-color: #e7e7e7;
     color: #555
 }
 
-@media (max-width:767px) {
-    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
+@media (max-width: 767px) {
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
         color: #777
     }
-    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
-    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
+
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
         color: #333;
         background-color: transparent
     }
-    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
-    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
-    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
+
+    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
         color: #555;
         background-color: #e7e7e7
     }
-    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
-    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
-    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
+
+    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
+    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
         color: #ccc;
         background-color: transparent
     }
@@ -4445,26 +4487,26 @@ fieldset[disabled] .navbar-default .btn-link:focus {
     color: #9d9d9d
 }
 
-.navbar-inverse .navbar-nav>li>a {
+.navbar-inverse .navbar-nav > li > a {
     color: #9d9d9d
 }
 
-.navbar-inverse .navbar-nav>li>a:hover,
-.navbar-inverse .navbar-nav>li>a:focus {
+.navbar-inverse .navbar-nav > li > a:hover,
+.navbar-inverse .navbar-nav > li > a:focus {
     color: #fff;
     background-color: transparent
 }
 
-.navbar-inverse .navbar-nav>.active>a,
-.navbar-inverse .navbar-nav>.active>a:hover,
-.navbar-inverse .navbar-nav>.active>a:focus {
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:hover,
+.navbar-inverse .navbar-nav > .active > a:focus {
     color: #fff;
     background-color: #080808
 }
 
-.navbar-inverse .navbar-nav>.disabled>a,
-.navbar-inverse .navbar-nav>.disabled>a:hover,
-.navbar-inverse .navbar-nav>.disabled>a:focus {
+.navbar-inverse .navbar-nav > .disabled > a,
+.navbar-inverse .navbar-nav > .disabled > a:hover,
+.navbar-inverse .navbar-nav > .disabled > a:focus {
     color: #444;
     background-color: transparent
 }
@@ -4487,37 +4529,42 @@ fieldset[disabled] .navbar-default .btn-link:focus {
     border-color: #101010
 }
 
-.navbar-inverse .navbar-nav>.open>a,
-.navbar-inverse .navbar-nav>.open>a:hover,
-.navbar-inverse .navbar-nav>.open>a:focus {
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
     background-color: #080808;
     color: #fff
 }
 
-@media (max-width:767px) {
-    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
+@media (max-width: 767px) {
+    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
         border-color: #080808
     }
+
     .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
         background-color: #080808
     }
-    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
+
+    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
         color: #9d9d9d
     }
-    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
-    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
+
+    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
         color: #fff;
         background-color: transparent
     }
-    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
-    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
-    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
+
+    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
+    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
         color: #fff;
         background-color: #080808
     }
-    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
-    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
-    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
+
+    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
         color: #444;
         background-color: transparent
     }
@@ -4555,17 +4602,17 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
     border-radius: 4px
 }
 
-.breadcrumb>li {
+.breadcrumb > li {
     display: inline-block
 }
 
-.breadcrumb>li+li:before {
+.breadcrumb > li + li:before {
     content: "/\00a0";
     padding: 0 5px;
     color: #ccc
 }
 
-.breadcrumb>.active {
+.breadcrumb > .active {
     color: #777
 }
 
@@ -4576,12 +4623,12 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
     border-radius: 4px
 }
 
-.pagination>li {
+.pagination > li {
     display: inline
 }
 
-.pagination>li>a,
-.pagination>li>span {
+.pagination > li > a,
+.pagination > li > span {
     position: relative;
     float: left;
     padding: 6px 12px;
@@ -4593,35 +4640,35 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
     margin-left: -1px
 }
 
-.pagination>li:first-child>a,
-.pagination>li:first-child>span {
+.pagination > li:first-child > a,
+.pagination > li:first-child > span {
     margin-left: 0;
     border-bottom-left-radius: 4px;
     border-top-left-radius: 4px
 }
 
-.pagination>li:last-child>a,
-.pagination>li:last-child>span {
+.pagination > li:last-child > a,
+.pagination > li:last-child > span {
     border-bottom-right-radius: 4px;
     border-top-right-radius: 4px
 }
 
-.pagination>li>a:hover,
-.pagination>li>span:hover,
-.pagination>li>a:focus,
-.pagination>li>span:focus {
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
     z-index: 3;
     color: #23527c;
     background-color: #eee;
     border-color: #ddd
 }
 
-.pagination>.active>a,
-.pagination>.active>span,
-.pagination>.active>a:hover,
-.pagination>.active>span:hover,
-.pagination>.active>a:focus,
-.pagination>.active>span:focus {
+.pagination > .active > a,
+.pagination > .active > span,
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
     z-index: 2;
     color: #fff;
     background-color: #337ab7;
@@ -4629,52 +4676,52 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
     cursor: default
 }
 
-.pagination>.disabled>span,
-.pagination>.disabled>span:hover,
-.pagination>.disabled>span:focus,
-.pagination>.disabled>a,
-.pagination>.disabled>a:hover,
-.pagination>.disabled>a:focus {
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
     color: #777;
     background-color: #fff;
     border-color: #ddd;
     cursor: not-allowed
 }
 
-.pagination-lg>li>a,
-.pagination-lg>li>span {
+.pagination-lg > li > a,
+.pagination-lg > li > span {
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.3333333
 }
 
-.pagination-lg>li:first-child>a,
-.pagination-lg>li:first-child>span {
+.pagination-lg > li:first-child > a,
+.pagination-lg > li:first-child > span {
     border-bottom-left-radius: 6px;
     border-top-left-radius: 6px
 }
 
-.pagination-lg>li:last-child>a,
-.pagination-lg>li:last-child>span {
+.pagination-lg > li:last-child > a,
+.pagination-lg > li:last-child > span {
     border-bottom-right-radius: 6px;
     border-top-right-radius: 6px
 }
 
-.pagination-sm>li>a,
-.pagination-sm>li>span {
+.pagination-sm > li > a,
+.pagination-sm > li > span {
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5
 }
 
-.pagination-sm>li:first-child>a,
-.pagination-sm>li:first-child>span {
+.pagination-sm > li:first-child > a,
+.pagination-sm > li:first-child > span {
     border-bottom-left-radius: 3px;
     border-top-left-radius: 3px
 }
 
-.pagination-sm>li:last-child>a,
-.pagination-sm>li:last-child>span {
+.pagination-sm > li:last-child > a,
+.pagination-sm > li:last-child > span {
     border-bottom-right-radius: 3px;
     border-top-right-radius: 3px
 }
@@ -4690,8 +4737,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
     display: inline
 }
 
-.pager li>a,
-.pager li>span {
+.pager li > a,
+.pager li > span {
     display: inline-block;
     padding: 5px 14px;
     background-color: #fff;
@@ -4699,26 +4746,26 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
     border-radius: 15px
 }
 
-.pager li>a:hover,
-.pager li>a:focus {
+.pager li > a:hover,
+.pager li > a:focus {
     text-decoration: none;
     background-color: #eee
 }
 
-.pager .next>a,
-.pager .next>span {
+.pager .next > a,
+.pager .next > span {
     float: right
 }
 
-.pager .previous>a,
-.pager .previous>span {
+.pager .previous > a,
+.pager .previous > span {
     float: left
 }
 
-.pager .disabled>a,
-.pager .disabled>a:hover,
-.pager .disabled>a:focus,
-.pager .disabled>span {
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
     color: #777;
     background-color: #fff;
     cursor: not-allowed
@@ -4832,7 +4879,7 @@ a.label:focus {
 }
 
 .btn-xs .badge,
-.btn-group-xs>.btn .badge {
+.btn-group-xs > .btn .badge {
     top: 0;
     padding: 1px 5px
 }
@@ -4844,21 +4891,21 @@ a.badge:focus {
     cursor: pointer
 }
 
-.list-group-item.active>.badge,
-.nav-pills>.active>a>.badge {
+.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
     color: #337ab7;
     background-color: #fff
 }
 
-.list-group-item>.badge {
+.list-group-item > .badge {
     float: right
 }
 
-.list-group-item>.badge+.badge {
+.list-group-item > .badge + .badge {
     margin-right: 5px
 }
 
-.nav-pills>li>a>.badge {
+.nav-pills > li > a > .badge {
     margin-left: 3px
 }
 
@@ -4881,7 +4928,7 @@ a.badge:focus {
     font-weight: 200
 }
 
-.jumbotron>hr {
+.jumbotron > hr {
     border-top-color: #d5d5d5
 }
 
@@ -4894,16 +4941,18 @@ a.badge:focus {
     max-width: 100%
 }
 
-@media screen and (min-width:768px) {
+@media screen and (min-width: 768px) {
     .jumbotron {
         padding-top: 48px;
         padding-bottom: 48px
     }
+
     .container .jumbotron,
     .container-fluid .jumbotron {
         padding-left: 60px;
         padding-right: 60px
     }
+
     .jumbotron h1,
     .jumbotron .h1 {
         font-size: 63px
@@ -4923,8 +4972,8 @@ a.badge:focus {
     transition: border .2s ease-in-out
 }
 
-.thumbnail>img,
-.thumbnail a>img {
+.thumbnail > img,
+.thumbnail a > img {
     margin-left: auto;
     margin-right: auto
 }
@@ -4956,12 +5005,12 @@ a.thumbnail.active {
     font-weight: bold
 }
 
-.alert>p,
-.alert>ul {
+.alert > p,
+.alert > ul {
     margin-bottom: 0
 }
 
-.alert>p+p {
+.alert > p + p {
     margin-top: 5px
 }
 
@@ -5170,12 +5219,12 @@ a.thumbnail.active {
 }
 
 .media-right,
-.media>.pull-right {
+.media > .pull-right {
     padding-left: 10px
 }
 
 .media-left,
-.media>.pull-left {
+.media > .pull-left {
     padding-right: 10px
 }
 
@@ -5285,12 +5334,12 @@ button.list-group-item {
 .list-group-item.active .list-group-item-heading,
 .list-group-item.active:hover .list-group-item-heading,
 .list-group-item.active:focus .list-group-item-heading,
-.list-group-item.active .list-group-item-heading>small,
-.list-group-item.active:hover .list-group-item-heading>small,
-.list-group-item.active:focus .list-group-item-heading>small,
-.list-group-item.active .list-group-item-heading>.small,
-.list-group-item.active:hover .list-group-item-heading>.small,
-.list-group-item.active:focus .list-group-item-heading>.small {
+.list-group-item.active .list-group-item-heading > small,
+.list-group-item.active:hover .list-group-item-heading > small,
+.list-group-item.active:focus .list-group-item-heading > small,
+.list-group-item.active .list-group-item-heading > .small,
+.list-group-item.active:hover .list-group-item-heading > .small,
+.list-group-item.active:focus .list-group-item-heading > .small {
     color: inherit
 }
 
@@ -5466,7 +5515,7 @@ button.list-group-item-danger.active:focus {
     border-top-left-radius: 3px
 }
 
-.panel-heading>.dropdown .dropdown-toggle {
+.panel-heading > .dropdown .dropdown-toggle {
     color: inherit
 }
 
@@ -5477,11 +5526,11 @@ button.list-group-item-danger.active:focus {
     color: inherit
 }
 
-.panel-title>a,
-.panel-title>small,
-.panel-title>.small,
-.panel-title>small>a,
-.panel-title>.small>a {
+.panel-title > a,
+.panel-title > small,
+.panel-title > .small,
+.panel-title > small > a,
+.panel-title > .small > a {
     color: inherit
 }
 
@@ -5493,199 +5542,199 @@ button.list-group-item-danger.active:focus {
     border-bottom-left-radius: 3px
 }
 
-.panel>.list-group,
-.panel>.panel-collapse>.list-group {
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
     margin-bottom: 0
 }
 
-.panel>.list-group .list-group-item,
-.panel>.panel-collapse>.list-group .list-group-item {
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
     border-width: 1px 0;
     border-radius: 0
 }
 
-.panel>.list-group:first-child .list-group-item:first-child,
-.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
+.panel > .list-group:first-child .list-group-item:first-child,
+.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
     border-top: 0;
     border-top-right-radius: 3px;
     border-top-left-radius: 3px
 }
 
-.panel>.list-group:last-child .list-group-item:last-child,
-.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
+.panel > .list-group:last-child .list-group-item:last-child,
+.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
     border-bottom: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px
 }
 
-.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
+.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
     border-top-right-radius: 0;
     border-top-left-radius: 0
 }
 
-.panel-heading+.list-group .list-group-item:first-child {
+.panel-heading + .list-group .list-group-item:first-child {
     border-top-width: 0
 }
 
-.list-group+.panel-footer {
+.list-group + .panel-footer {
     border-top-width: 0
 }
 
-.panel>.table,
-.panel>.table-responsive>.table,
-.panel>.panel-collapse>.table {
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
     margin-bottom: 0
 }
 
-.panel>.table caption,
-.panel>.table-responsive>.table caption,
-.panel>.panel-collapse>.table caption {
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
     padding-left: 15px;
     padding-right: 15px
 }
 
-.panel>.table:first-child,
-.panel>.table-responsive:first-child>.table:first-child {
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
     border-top-right-radius: 3px;
     border-top-left-radius: 3px
 }
 
-.panel>.table:first-child>thead:first-child>tr:first-child,
-.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
-.panel>.table:first-child>tbody:first-child>tr:first-child,
-.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px
 }
 
-.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
-.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
-.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
-.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
-.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
-.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
-.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
-.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
+.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
     border-top-left-radius: 3px
 }
 
-.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
-.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
-.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
-.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
-.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
-.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
-.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
-.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
+.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
     border-top-right-radius: 3px
 }
 
-.panel>.table:last-child,
-.panel>.table-responsive:last-child>.table:last-child {
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px
 }
 
-.panel>.table:last-child>tbody:last-child>tr:last-child,
-.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
-.panel>.table:last-child>tfoot:last-child>tr:last-child,
-.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px
 }
 
-.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
-.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
-.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
-.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
-.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
-.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
-.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
-.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
+.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
     border-bottom-left-radius: 3px
 }
 
-.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
-.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
-.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
-.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
-.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
-.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
-.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
-.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
+.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
     border-bottom-right-radius: 3px
 }
 
-.panel>.panel-body+.table,
-.panel>.panel-body+.table-responsive,
-.panel>.table+.panel-body,
-.panel>.table-responsive+.panel-body {
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
     border-top: 1px solid #ddd
 }
 
-.panel>.table>tbody:first-child>tr:first-child th,
-.panel>.table>tbody:first-child>tr:first-child td {
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
     border-top: 0
 }
 
-.panel>.table-bordered,
-.panel>.table-responsive>.table-bordered {
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
     border: 0
 }
 
-.panel>.table-bordered>thead>tr>th:first-child,
-.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
-.panel>.table-bordered>tbody>tr>th:first-child,
-.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
-.panel>.table-bordered>tfoot>tr>th:first-child,
-.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
-.panel>.table-bordered>thead>tr>td:first-child,
-.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
-.panel>.table-bordered>tbody>tr>td:first-child,
-.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
-.panel>.table-bordered>tfoot>tr>td:first-child,
-.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
+.panel > .table-bordered > thead > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+.panel > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-bordered > thead > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+.panel > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-bordered > tfoot > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
     border-left: 0
 }
 
-.panel>.table-bordered>thead>tr>th:last-child,
-.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
-.panel>.table-bordered>tbody>tr>th:last-child,
-.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
-.panel>.table-bordered>tfoot>tr>th:last-child,
-.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
-.panel>.table-bordered>thead>tr>td:last-child,
-.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
-.panel>.table-bordered>tbody>tr>td:last-child,
-.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
-.panel>.table-bordered>tfoot>tr>td:last-child,
-.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
+.panel > .table-bordered > thead > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+.panel > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-bordered > thead > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+.panel > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-bordered > tfoot > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
     border-right: 0
 }
 
-.panel>.table-bordered>thead>tr:first-child>td,
-.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
-.panel>.table-bordered>tbody>tr:first-child>td,
-.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
-.panel>.table-bordered>thead>tr:first-child>th,
-.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
-.panel>.table-bordered>tbody>tr:first-child>th,
-.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
     border-bottom: 0
 }
 
-.panel>.table-bordered>tbody>tr:last-child>td,
-.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
-.panel>.table-bordered>tfoot>tr:last-child>td,
-.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
-.panel>.table-bordered>tbody>tr:last-child>th,
-.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
-.panel>.table-bordered>tfoot>tr:last-child>th,
-.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
     border-bottom: 0
 }
 
-.panel>.table-responsive {
+.panel > .table-responsive {
     border: 0;
     margin-bottom: 0
 }
@@ -5699,7 +5748,7 @@ button.list-group-item-danger.active:focus {
     border-radius: 4px
 }
 
-.panel-group .panel+.panel {
+.panel-group .panel + .panel {
     margin-top: 5px
 }
 
@@ -5707,8 +5756,8 @@ button.list-group-item-danger.active:focus {
     border-bottom: 0
 }
 
-.panel-group .panel-heading+.panel-collapse>.panel-body,
-.panel-group .panel-heading+.panel-collapse>.list-group {
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
     border-top: 1px solid #ddd
 }
 
@@ -5716,7 +5765,7 @@ button.list-group-item-danger.active:focus {
     border-top: 0
 }
 
-.panel-group .panel-footer+.panel-collapse .panel-body {
+.panel-group .panel-footer + .panel-collapse .panel-body {
     border-bottom: 1px solid #ddd
 }
 
@@ -5724,22 +5773,22 @@ button.list-group-item-danger.active:focus {
     border-color: #ddd
 }
 
-.panel-default>.panel-heading {
+.panel-default > .panel-heading {
     color: #333;
     background-color: #f5f5f5;
     border-color: #ddd
 }
 
-.panel-default>.panel-heading+.panel-collapse>.panel-body {
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
     border-top-color: #ddd
 }
 
-.panel-default>.panel-heading .badge {
+.panel-default > .panel-heading .badge {
     color: #f5f5f5;
     background-color: #333
 }
 
-.panel-default>.panel-footer+.panel-collapse>.panel-body {
+.panel-default > .panel-footer + .panel-collapse > .panel-body {
     border-bottom-color: #ddd
 }
 
@@ -5747,22 +5796,22 @@ button.list-group-item-danger.active:focus {
     border-color: #337ab7
 }
 
-.panel-primary>.panel-heading {
+.panel-primary > .panel-heading {
     color: #fff;
     background-color: #337ab7;
     border-color: #337ab7
 }
 
-.panel-primary>.panel-heading+.panel-collapse>.panel-body {
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
     border-top-color: #337ab7
 }
 
-.panel-primary>.panel-heading .badge {
+.panel-primary > .panel-heading .badge {
     color: #337ab7;
     background-color: #fff
 }
 
-.panel-primary>.panel-footer+.panel-collapse>.panel-body {
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
     border-bottom-color: #337ab7
 }
 
@@ -5770,22 +5819,22 @@ button.list-group-item-danger.active:focus {
     border-color: #d6e9c6
 }
 
-.panel-success>.panel-heading {
+.panel-success > .panel-heading {
     color: #3c763d;
     background-color: #dff0d8;
     border-color: #d6e9c6
 }
 
-.panel-success>.panel-heading+.panel-collapse>.panel-body {
+.panel-success > .panel-heading + .panel-collapse > .panel-body {
     border-top-color: #d6e9c6
 }
 
-.panel-success>.panel-heading .badge {
+.panel-success > .panel-heading .badge {
     color: #dff0d8;
     background-color: #3c763d
 }
 
-.panel-success>.panel-footer+.panel-collapse>.panel-body {
+.panel-success > .panel-footer + .panel-collapse > .panel-body {
     border-bottom-color: #d6e9c6
 }
 
@@ -5793,22 +5842,22 @@ button.list-group-item-danger.active:focus {
     border-color: #bce8f1
 }
 
-.panel-info>.panel-heading {
+.panel-info > .panel-heading {
     color: #31708f;
     background-color: #d9edf7;
     border-color: #bce8f1
 }
 
-.panel-info>.panel-heading+.panel-collapse>.panel-body {
+.panel-info > .panel-heading + .panel-collapse > .panel-body {
     border-top-color: #bce8f1
 }
 
-.panel-info>.panel-heading .badge {
+.panel-info > .panel-heading .badge {
     color: #d9edf7;
     background-color: #31708f
 }
 
-.panel-info>.panel-footer+.panel-collapse>.panel-body {
+.panel-info > .panel-footer + .panel-collapse > .panel-body {
     border-bottom-color: #bce8f1
 }
 
@@ -5816,22 +5865,22 @@ button.list-group-item-danger.active:focus {
     border-color: #faebcc
 }
 
-.panel-warning>.panel-heading {
+.panel-warning > .panel-heading {
     color: #8a6d3b;
     background-color: #fcf8e3;
     border-color: #faebcc
 }
 
-.panel-warning>.panel-heading+.panel-collapse>.panel-body {
+.panel-warning > .panel-heading + .panel-collapse > .panel-body {
     border-top-color: #faebcc
 }
 
-.panel-warning>.panel-heading .badge {
+.panel-warning > .panel-heading .badge {
     color: #fcf8e3;
     background-color: #8a6d3b
 }
 
-.panel-warning>.panel-footer+.panel-collapse>.panel-body {
+.panel-warning > .panel-footer + .panel-collapse > .panel-body {
     border-bottom-color: #faebcc
 }
 
@@ -5839,22 +5888,22 @@ button.list-group-item-danger.active:focus {
     border-color: #ebccd1
 }
 
-.panel-danger>.panel-heading {
+.panel-danger > .panel-heading {
     color: #a94442;
     background-color: #f2dede;
     border-color: #ebccd1
 }
 
-.panel-danger>.panel-heading+.panel-collapse>.panel-body {
+.panel-danger > .panel-heading + .panel-collapse > .panel-body {
     border-top-color: #ebccd1
 }
 
-.panel-danger>.panel-heading .badge {
+.panel-danger > .panel-heading .badge {
     color: #f2dede;
     background-color: #a94442
 }
 
-.panel-danger>.panel-footer+.panel-collapse>.panel-body {
+.panel-danger > .panel-footer + .panel-collapse > .panel-body {
     border-bottom-color: #ebccd1
 }
 
@@ -6046,16 +6095,16 @@ button.close {
     border-top: 1px solid #e5e5e5
 }
 
-.modal-footer .btn+.btn {
+.modal-footer .btn + .btn {
     margin-left: 5px;
     margin-bottom: 0
 }
 
-.modal-footer .btn-group .btn+.btn {
+.modal-footer .btn-group .btn + .btn {
     margin-left: -1px
 }
 
-.modal-footer .btn-block+.btn-block {
+.modal-footer .btn-block + .btn-block {
     margin-left: 0
 }
 
@@ -6067,21 +6116,23 @@ button.close {
     overflow: scroll
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .modal-dialog {
         width: 600px;
         margin: 30px auto
     }
+
     .modal-content {
         -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
     }
+
     .modal-sm {
         width: 300px
     }
 }
 
-@media (min-width:992px) {
+@media (min-width: 992px) {
     .modal-lg {
         width: 900px
     }
@@ -6280,8 +6331,8 @@ button.close {
     padding: 9px 14px
 }
 
-.popover>.arrow,
-.popover>.arrow:after {
+.popover > .arrow,
+.popover > .arrow:after {
     position: absolute;
     display: block;
     width: 0;
@@ -6290,16 +6341,16 @@ button.close {
     border-style: solid
 }
 
-.popover>.arrow {
+.popover > .arrow {
     border-width: 11px
 }
 
-.popover>.arrow:after {
+.popover > .arrow:after {
     border-width: 10px;
     content: ""
 }
 
-.popover.top>.arrow {
+.popover.top > .arrow {
     left: 50%;
     margin-left: -11px;
     border-bottom-width: 0;
@@ -6308,7 +6359,7 @@ button.close {
     bottom: -11px
 }
 
-.popover.top>.arrow:after {
+.popover.top > .arrow:after {
     content: " ";
     bottom: 1px;
     margin-left: -10px;
@@ -6316,7 +6367,7 @@ button.close {
     border-top-color: #fff
 }
 
-.popover.right>.arrow {
+.popover.right > .arrow {
     top: 50%;
     left: -11px;
     margin-top: -11px;
@@ -6325,7 +6376,7 @@ button.close {
     border-right-color: rgba(0, 0, 0, 0.25)
 }
 
-.popover.right>.arrow:after {
+.popover.right > .arrow:after {
     content: " ";
     left: 1px;
     bottom: -10px;
@@ -6333,7 +6384,7 @@ button.close {
     border-right-color: #fff
 }
 
-.popover.bottom>.arrow {
+.popover.bottom > .arrow {
     left: 50%;
     margin-left: -11px;
     border-top-width: 0;
@@ -6342,7 +6393,7 @@ button.close {
     top: -11px
 }
 
-.popover.bottom>.arrow:after {
+.popover.bottom > .arrow:after {
     content: " ";
     top: 1px;
     margin-left: -10px;
@@ -6350,7 +6401,7 @@ button.close {
     border-bottom-color: #fff
 }
 
-.popover.left>.arrow {
+.popover.left > .arrow {
     top: 50%;
     right: -11px;
     margin-top: -11px;
@@ -6359,7 +6410,7 @@ button.close {
     border-left-color: rgba(0, 0, 0, 0.25)
 }
 
-.popover.left>.arrow:after {
+.popover.left > .arrow:after {
     content: " ";
     right: 1px;
     border-right-width: 0;
@@ -6377,7 +6428,7 @@ button.close {
     width: 100%
 }
 
-.carousel-inner>.item {
+.carousel-inner > .item {
     display: none;
     position: relative;
     -webkit-transition: .6s ease-in-out left;
@@ -6385,14 +6436,14 @@ button.close {
     transition: .6s ease-in-out left
 }
 
-.carousel-inner>.item>img,
-.carousel-inner>.item>a>img {
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
     line-height: 1
 }
 
 @media all and (transform-3d),
 (-webkit-transform-3d) {
-    .carousel-inner>.item {
+    .carousel-inner > .item {
         -webkit-transition: -webkit-transform 0.6s ease-in-out;
         -o-transition: -o-transform 0.6s ease-in-out;
         transition: transform 0.6s ease-in-out;
@@ -6401,62 +6452,65 @@ button.close {
         -webkit-perspective: 1000px;
         perspective: 1000px
     }
-    .carousel-inner>.item.next,
-    .carousel-inner>.item.active.right {
+
+    .carousel-inner > .item.next,
+    .carousel-inner > .item.active.right {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         left: 0
     }
-    .carousel-inner>.item.prev,
-    .carousel-inner>.item.active.left {
+
+    .carousel-inner > .item.prev,
+    .carousel-inner > .item.active.left {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         left: 0
     }
-    .carousel-inner>.item.next.left,
-    .carousel-inner>.item.prev.right,
-    .carousel-inner>.item.active {
+
+    .carousel-inner > .item.next.left,
+    .carousel-inner > .item.prev.right,
+    .carousel-inner > .item.active {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         left: 0
     }
 }
 
-.carousel-inner>.active,
-.carousel-inner>.next,
-.carousel-inner>.prev {
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
     display: block
 }
 
-.carousel-inner>.active {
+.carousel-inner > .active {
     left: 0
 }
 
-.carousel-inner>.next,
-.carousel-inner>.prev {
+.carousel-inner > .next,
+.carousel-inner > .prev {
     position: absolute;
     top: 0;
     width: 100%
 }
 
-.carousel-inner>.next {
+.carousel-inner > .next {
     left: 100%
 }
 
-.carousel-inner>.prev {
+.carousel-inner > .prev {
     left: -100%
 }
 
-.carousel-inner>.next.left,
-.carousel-inner>.prev.right {
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
     left: 0
 }
 
-.carousel-inner>.active.left {
+.carousel-inner > .active.left {
     left: -100%
 }
 
-.carousel-inner>.active.right {
+.carousel-inner > .active.right {
     left: 100%
 }
 
@@ -6480,7 +6534,7 @@ button.close {
     background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
     background-repeat: repeat-x;
-    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
 }
 
 .carousel-control.right {
@@ -6491,51 +6545,60 @@ button.close {
     background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
     background-repeat: repeat-x;
-    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
+}
+
+.owl-pagination {
+    display: none;
 }
 
-.owl-pagination {display: none;}
 .owl-controls .owl-buttons div {
     width: 34px !important;
     height: 50px !important;
     background: #596065 !important;
-    top:50% !important;
+    top: 50% !important;
     margin: -25px 0 0 0 !important;
     opacity: 1 !important;
     border-radius: 0 !important;
-    padding: 0!important;
+    padding: 0 !important;
     position: absolute;
 }
+
 .owl-controls .owl-buttons div:hover {
     background: #acafb2 !important;
-    transition: 0.2s!important;
+    transition: 0.2s !important;
 }
+
 .owl-controls .owl-buttons .owl-prev {
     border-top-right-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
     left: -20px;
 
 }
+
 .owl-controls .owl-buttons .owl-next {
     border-top-left-radius: 4px !important;
     border-bottom-left-radius: 4px !important;
     right: -20px;
 
 }
+
 .owl-controls .owl-buttons div:before {
     position: absolute;
     content: '';
     width: 8px;
     height: 22px;
     background: url(../images/arrows_blocks.png) no-repeat;
-    top:50%;
+    top: 50%;
     margin-top: -11px;
     left: 50%;
     margin-left: -4px;
 }
+
 .owl-controls .owl-buttons .owl-prev:before {
     background-position: 0 0;
 }
+
 .owl-controls .owl-buttons .owl-next:before {
     background-position: -8px 0;
 }
@@ -6637,7 +6700,7 @@ button.close {
     text-shadow: none
 }
 
-@media screen and (min-width:768px) {
+@media screen and (min-width: 768px) {
     .carousel-control .glyphicon-chevron-left,
     .carousel-control .glyphicon-chevron-right,
     .carousel-control .icon-prev,
@@ -6647,19 +6710,23 @@ button.close {
         margin-top: -15px;
         font-size: 30px
     }
+
     .carousel-control .glyphicon-chevron-left,
     .carousel-control .icon-prev {
         margin-left: -15px
     }
+
     .carousel-control .glyphicon-chevron-right,
     .carousel-control .icon-next {
         margin-right: -15px
     }
+
     .carousel-caption {
         left: 20%;
         right: 20%;
         padding-bottom: 30px
     }
+
     .carousel-indicators {
         bottom: 20px
     }
@@ -6671,8 +6738,8 @@ button.close {
 .form-horizontal .form-group:after,
 .btn-toolbar:before,
 .btn-toolbar:after,
-.btn-group-vertical>.btn-group:before,
-.btn-group-vertical>.btn-group:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
 .nav:before,
 .nav:after,
 .navbar:before,
@@ -6694,7 +6761,7 @@ button.close {
 .clearfix:after,
 .form-horizontal .form-group:after,
 .btn-toolbar:after,
-.btn-group-vertical>.btn-group:after,
+.btn-group-vertical > .btn-group:after,
 .nav:after,
 .navbar:after,
 .navbar-header:after,
@@ -6773,161 +6840,173 @@ button.close {
     display: none !important
 }
 
-@media (max-width:767px) {
+@media (max-width: 767px) {
     .visible-xs {
         display: block !important
     }
+
     table.visible-xs {
         display: table !important
     }
+
     tr.visible-xs {
         display: table-row !important
     }
+
     th.visible-xs,
     td.visible-xs {
         display: table-cell !important
     }
 }
 
-@media (max-width:767px) {
+@media (max-width: 767px) {
     .visible-xs-block {
         display: block !important
     }
 }
 
-@media (max-width:767px) {
+@media (max-width: 767px) {
     .visible-xs-inline {
         display: inline !important
     }
 }
 
-@media (max-width:767px) {
+@media (max-width: 767px) {
     .visible-xs-inline-block {
         display: inline-block !important
     }
 }
 
-@media (min-width:768px) and (max-width:991px) {
+@media (min-width: 768px) and (max-width: 991px) {
     .visible-sm {
         display: block !important
     }
+
     table.visible-sm {
         display: table !important
     }
+
     tr.visible-sm {
         display: table-row !important
     }
+
     th.visible-sm,
     td.visible-sm {
         display: table-cell !important
     }
 }
 
-@media (min-width:768px) and (max-width:991px) {
+@media (min-width: 768px) and (max-width: 991px) {
     .visible-sm-block {
         display: block !important
     }
 }
 
-@media (min-width:768px) and (max-width:991px) {
+@media (min-width: 768px) and (max-width: 991px) {
     .visible-sm-inline {
         display: inline !important
     }
 }
 
-@media (min-width:768px) and (max-width:991px) {
+@media (min-width: 768px) and (max-width: 991px) {
     .visible-sm-inline-block {
         display: inline-block !important
     }
 }
 
-@media (min-width:992px) and (max-width:1199px) {
+@media (min-width: 992px) and (max-width: 1199px) {
     .visible-md {
         display: block !important
     }
+
     table.visible-md {
         display: table !important
     }
+
     tr.visible-md {
         display: table-row !important
     }
+
     th.visible-md,
     td.visible-md {
         display: table-cell !important
     }
 }
 
-@media (min-width:992px) and (max-width:1199px) {
+@media (min-width: 992px) and (max-width: 1199px) {
     .visible-md-block {
         display: block !important
     }
 }
 
-@media (min-width:992px) and (max-width:1199px) {
+@media (min-width: 992px) and (max-width: 1199px) {
     .visible-md-inline {
         display: inline !important
     }
 }
 
-@media (min-width:992px) and (max-width:1199px) {
+@media (min-width: 992px) and (max-width: 1199px) {
     .visible-md-inline-block {
         display: inline-block !important
     }
 }
 
-@media (min-width:1200px) {
+@media (min-width: 1200px) {
     .visible-lg {
         display: block !important
     }
+
     table.visible-lg {
         display: table !important
     }
+
     tr.visible-lg {
         display: table-row !important
     }
+
     th.visible-lg,
     td.visible-lg {
         display: table-cell !important
     }
 }
 
-@media (min-width:1200px) {
+@media (min-width: 1200px) {
     .visible-lg-block {
         display: block !important
     }
 }
 
-@media (min-width:1200px) {
+@media (min-width: 1200px) {
     .visible-lg-inline {
         display: inline !important
     }
 }
 
-@media (min-width:1200px) {
+@media (min-width: 1200px) {
     .visible-lg-inline-block {
         display: inline-block !important
     }
 }
 
-@media (max-width:767px) {
+@media (max-width: 767px) {
     .hidden-xs {
         display: none !important
     }
 }
 
-@media (min-width:768px) and (max-width:991px) {
+@media (min-width: 768px) and (max-width: 991px) {
     .hidden-sm {
         display: none !important
     }
 }
 
-@media (min-width:992px) and (max-width:1199px) {
+@media (min-width: 992px) and (max-width: 1199px) {
     .hidden-md {
         display: none !important
     }
 }
 
-@media (min-width:1200px) {
+@media (min-width: 1200px) {
     .hidden-lg {
         display: none !important
     }
@@ -6941,12 +7020,15 @@ button.close {
     .visible-print {
         display: block !important
     }
+
     table.visible-print {
         display: table !important
     }
+
     tr.visible-print {
         display: table-row !important
     }
+
     th.visible-print,
     td.visible-print {
         display: table-cell !important
@@ -6989,7 +7071,6 @@ button.close {
     }
 }
 
-
 /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
 
 html {
@@ -7082,12 +7163,14 @@ textarea {
     clear: both
 }
 
-@media only screen and (min-width: 35em) {}
+@media only screen and (min-width: 35em) {
+}
 
 @media print,
 (-webkit-min-device-pixel-ratio: 1.25),
 (min-resolution: 1.25dppx),
-(min-resolution: 120dpi) {}
+(min-resolution: 120dpi) {
+}
 
 @media print {
     *,
@@ -7098,48 +7181,57 @@ textarea {
         box-shadow: none !important;
         text-shadow: none !important
     }
+
     a,
     a:visited {
         text-decoration: underline
     }
+
     a[href]:after {
         content: " (" attr(href) ")"
     }
+
     abbr[title]:after {
         content: " (" attr(title) ")"
     }
+
     a[href^="#"]:after,
     a[href^="javascript:"]:after {
         content: ""
     }
+
     pre,
     blockquote {
         border: 1px solid #999;
         page-break-inside: avoid
     }
+
     thead {
         display: table-header-group
     }
+
     tr,
     img {
         page-break-inside: avoid
     }
+
     img {
         max-width: 100% !important
     }
+
     p,
     h2,
     h3 {
         orphans: 3;
         widows: 3
     }
+
     h2,
     h3 {
         page-break-after: avoid
     }
 }
 
-
 /*! HTML5 linija-svitla.ua v1.0.0 */
 
 body,
@@ -7331,8 +7423,8 @@ a.popup {
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
-    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
-    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
+    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -7381,7 +7473,8 @@ a.popup {
     z-index: 1999
 }
 
-#top-nav {}
+#top-nav {
+}
 
 #top-nav .phones {
     float: left;
@@ -7417,11 +7510,11 @@ a.popup {
     background: none
 }
 
-#top-nav ul.top-menu>li:hover>ul {
+#top-nav ul.top-menu > li:hover > ul {
     display: block
 }
 
-#top-nav ul.top-menu>li>ul {
+#top-nav ul.top-menu > li > ul {
     background: #fff;
     max-width: 320px;
     min-width: 120px;
@@ -7438,12 +7531,12 @@ a.popup {
     box-shadow: 4px 5px 1px 5px rgba(0, 0, 0, 0.2)
 }
 
-#top-nav ul.top-menu>li>ul>li {
+#top-nav ul.top-menu > li > ul > li {
     float: left;
     width: 100%
 }
 
-#top-nav ul.top-menu>li>ul>li>a {
+#top-nav ul.top-menu > li > ul > li > a {
     float: left;
     width: 100%;
     padding: 5px 10px;
@@ -7452,7 +7545,7 @@ a.popup {
     text-transform: none
 }
 
-#top-nav ul.top-menu>li>ul>li>a:hover {
+#top-nav ul.top-menu > li > ul > li > a:hover {
     color: red
 }
 
@@ -7582,7 +7675,8 @@ p.empty-cart {
     padding: 5px 0
 }
 
-#top-cart #top-cart-content.small-cart {}
+#top-cart #top-cart-content.small-cart {
+}
 
 #top-cart #top-cart-content.small-cart .in_the_cart {
     display: none
@@ -7634,7 +7728,7 @@ p.empty-cart {
 
 .eraseCartBtnCell .btn {
     background: #fff !important;
-    border: 1px solid #DADADA;
+    border: 1px solid #dadada;
     color: #999
 }
 
@@ -7650,7 +7744,7 @@ p.empty-cart {
 table.tbl_cart .totalPrice {
     font-size: 20px;
     color: #000;
-    color: #236FB4
+    color: #236fb4
 }
 
 table.tbl_cart .totalPrice label#total {
@@ -7723,7 +7817,7 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
 
 #myForm .modal-dialog.buy-product .h3 {
     font-size: 17px;
-    color: #235B94
+    color: #235b94
 }
 
 #header_search {
@@ -7842,7 +7936,7 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
     background: -o-linear-gradient(top, #1f62a5 1%, #115597 100%);
     background: -ms-linear-gradient(top, #1f62a5 1%, #115597 100%);
     background: linear-gradient(to bottom, #1f62a5 1%, #115597 100%);
-    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1f62a5', endColorstr='#115597', GradientType=0)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f62a5', endColorstr='#115597', GradientType=0)
 }
 
 #menu-bar {
@@ -7861,10 +7955,10 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
     padding: 0;
     float: left;
     list-style: none;
-    position:relative;
+    position: relative;
 }
 
-#menu-bar>li:hover {
+#menu-bar > li:hover {
     background: rgba(0, 0, 0, 0.1)
 }
 
@@ -7885,7 +7979,7 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
     text-transform: uppercase
 }
 
-#menu-bar>li>a {
+#menu-bar > li > a {
     position: relative
 }
 
@@ -7895,14 +7989,15 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
 
 #menu-bar li ul li a {
     float: left;
-    border-right: 1px solid #F3F3F3 !important;
+    border-right: 1px solid #f3f3f3 !important;
     margin: 0
 }
 
-#menu-bar li ul li:first-child a {}
+#menu-bar li ul li:first-child a {
+}
 
 #menu-bar .active a,
-#menu-bar li:hover>a {
+#menu-bar li:hover > a {
     color: #fff
 }
 
@@ -7913,7 +8008,7 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
 #menu-bar ul li:hover a,
 #menu-bar li:hover li a {
     background: none;
-    border: 1px solid #F3F3F3;
+    border: 1px solid #f3f3f3;
     color: #666;
     -box-shadow: none;
     -webkit-box-shadow: none;
@@ -7938,19 +8033,19 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
     text-decoration: underline
 }
 
-#menu-bar li:hover>ul {
+#menu-bar li:hover > ul {
     display: block
 }
 
 #menu-bar ul {
-    width:690px;
+    width: 690px;
     background: #f3f3f3;
     display: none;
     margin: 0;
     padding: 0;
     position: absolute;
     top: 52px;
-    left:0;
+    left: 0;
     -webkit-border-radius: 0 0 10px 10px;
     border-radius: 0 0 10px 10px;
     -webkit-box-shadow: 4px 5px 1px 5px rgba(0, 0, 0, 0.2);
@@ -7959,7 +8054,7 @@ table.tbl_cart table.order_details .count_choise .minus-disabled {
 
 #menu-bar li:nth-child(n+6) ul {
     left: inherit;
-    right:0;
+    right: 0;
 }
 
 #menu-bar ul li {
@@ -8089,7 +8184,7 @@ html[xmlns] #menu-bar {
     text-align: center
 }
 
-.carousel-inner>.item {
+.carousel-inner > .item {
     display: none;
     position: relative;
     -webkit-transition: 0.6s ease-in-out left;
@@ -8097,14 +8192,14 @@ html[xmlns] #menu-bar {
     transition: 0.6s ease-in-out left
 }
 
-.carousel-inner>.item>img,
-.carousel-inner>.item>a>img {
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
     line-height: 1
 }
 
 @media all and (transform-3d),
 (-webkit-transform-3d) {
-    .carousel-inner>.item {
+    .carousel-inner > .item {
         -webkit-transition: -webkit-transform 0.6s ease-in-out;
         -o-transition: -o-transform 0.6s ease-in-out;
         transition: transform 0.6s ease-in-out;
@@ -8113,62 +8208,65 @@ html[xmlns] #menu-bar {
         -webkit-perspective: 1000px;
         perspective: 1000px
     }
-    .carousel-inner>.item.next,
-    .carousel-inner>.item.active.right {
+
+    .carousel-inner > .item.next,
+    .carousel-inner > .item.active.right {
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
         left: 0
     }
-    .carousel-inner>.item.prev,
-    .carousel-inner>.item.active.left {
+
+    .carousel-inner > .item.prev,
+    .carousel-inner > .item.active.left {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
         left: 0
     }
-    .carousel-inner>.item.next.left,
-    .carousel-inner>.item.prev.right,
-    .carousel-inner>.item.active {
+
+    .carousel-inner > .item.next.left,
+    .carousel-inner > .item.prev.right,
+    .carousel-inner > .item.active {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         left: 0
     }
 }
 
-.carousel-inner>.active,
-.carousel-inner>.next,
-.carousel-inner>.prev {
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
     display: block
 }
 
-.carousel-inner>.active {
+.carousel-inner > .active {
     left: 0
 }
 
-.carousel-inner>.next,
-.carousel-inner>.prev {
+.carousel-inner > .next,
+.carousel-inner > .prev {
     position: absolute;
     top: 0;
     width: 100%
 }
 
-.carousel-inner>.next {
+.carousel-inner > .next {
     left: 100%
 }
 
-.carousel-inner>.prev {
+.carousel-inner > .prev {
     left: -100%
 }
 
-.carousel-inner>.next.left,
-.carousel-inner>.prev.right {
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
     left: 0
 }
 
-.carousel-inner>.active.left {
+.carousel-inner > .active.left {
     left: -100%
 }
 
-.carousel-inner>.active.right {
+.carousel-inner > .active.right {
     left: 100%
 }
 
@@ -8193,7 +8291,7 @@ html[xmlns] #menu-bar {
     background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.78) 78%, rgba(255, 255, 255, 0) 100%);
     background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.78) 78%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.78) 78%, rgba(255, 255, 255, 0) 100%);
-    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
 }
 
 .carousel-control.left {
@@ -8203,7 +8301,7 @@ html[xmlns] #menu-bar {
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.75) 78%, rgba(255, 255, 255, 0) 100%);
     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.75) 78%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.75) 78%, rgba(255, 255, 255, 0) 100%);
-    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
 }
 
 .carousel-control.right {
@@ -8215,7 +8313,7 @@ html[xmlns] #menu-bar {
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 22%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 22%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.78) 22%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
-    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)
 }
 
 .carousel-control:hover,
@@ -8382,25 +8480,30 @@ html[xmlns] #menu-bar {
         margin-top: -15px;
         font-size: 30px
     }
+
     .carousel-control .glyphicon-chevron-left,
     .carousel-control .icon-prev {
         margin-left: -15px
     }
+
     .carousel-control .glyphicon-chevron-right,
     .carousel-control .icon-next {
         margin-right: -15px
     }
+
     .carousel-caption {
         left: 20%;
         right: 20%;
         padding-bottom: 30px
     }
+
     .carousel-indicators {
         bottom: 20px
     }
 }
 
-#catSlider {}
+#catSlider {
+}
 
 #catSlider .cat-slide-part {
     position: relative;
@@ -8526,7 +8629,7 @@ table.infographic td {
 }
 
 table.infographic .number_title {
-    font: bold 24px/24px'roboto', sans-serif;
+    font: bold 24px/24px 'roboto', sans-serif;
     color: #0c559d
 }
 
@@ -8796,8 +8899,8 @@ nav .main_menu .popup_menu .top_product_month .top_product_month_block .price .c
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
-    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
-    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
+    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -8836,8 +8939,8 @@ nav .main_menu .popup_menu .top_product_month .top_product_month_block .price .c
     background-image: linear-gradient(to bottom, #fecc2e, #fe9d20);
     background-image: -moz-linear-gradient(top, #fecc2e, #fe9d20);
     border: 0;
-    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#fffecc2e', endColorstr='#fffe9d20', GradientType=0);
-    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffecc2e', endColorstr='#fffe9d20', GradientType=0);
+    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
@@ -8902,7 +9005,8 @@ nav .main_menu .popup_menu .top_product_month .top_product_month_block .price .c
     padding: 0 43px
 }
 
-table.articles-list {}
+table.articles-list {
+}
 
 table.articles-list td {
     padding: 0 40px 0 40px
@@ -8947,8 +9051,8 @@ ul.parameters-list li a {
 }
 
 ._h7l {
-    background: transparent!important;
-    border: 1px solid transparent!important
+    background: transparent !important;
+    border: 1px solid transparent !important
 }
 
 footer {
@@ -9038,8 +9142,8 @@ footer .content-title {
     margin: 12px
 }
 
-.call_block .call_block_title>span.arr,
-.call_block_header .call_block_header_title>span.arr {
+.call_block .call_block_title > span.arr,
+.call_block_header .call_block_header_title > span.arr {
     background: url(/images/sprites/arrows.png) 0 -24px no-repeat;
     display: inline-block;
     width: 7px;
@@ -9354,7 +9458,7 @@ footer .vacancies p {
     margin: 0 5px 0 0
 }
 
-.breadcrumbs li.bread_item>a {
+.breadcrumbs li.bread_item > a {
     color: #0156a9
 }
 
@@ -9575,13 +9679,13 @@ footer .vacancies p {
     background: -o-linear-gradient(top, #ededed 0, #e6e6e6 100%);
     background: -ms-linear-gradient(top, #ededed 0, #e6e6e6 100%);
     background: linear-gradient(to bottom, #ededed 0, #e6e6e6 100%);
-    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e6e6e6', GradientType=0)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e6e6e6', GradientType=0)
 }
 
 .filters .properties .properties_block .ui-slider-handle {
     width: 13px;
     height: 11px;
-    background: url(/images/sprites/filter_icons.png)-13px -16px no-repeat;
+    background: url(/images/sprites/filter_icons.png) -13px -16px no-repeat;
     border: none;
     filter: none;
     margin-left: -6px;
@@ -9674,7 +9778,7 @@ footer .vacancies p {
     width: 15px;
     height: 15px;
     margin: -6px -5px 0 0;
-    background: url(/images/sprites/filter_icons.png)0 0 no-repeat;
+    background: url(/images/sprites/filter_icons.png) 0 0 no-repeat;
     cursor: pointer;
     text-decoration: none
 }
@@ -9712,12 +9816,13 @@ footer .vacancies p {
     margin: -7px 0 0 5px;
     width: 15px;
     height: 15px;
-    background: url(/images/sprites/filter_icons.png)0 0 no-repeat;
+    background: url(/images/sprites/filter_icons.png) 0 0 no-repeat;
     cursor: pointer;
     text-decoration: none
 }
 
-.cat-content {}
+.cat-content {
+}
 
 .cat-content .title {
     margin: 5px 0 10px 0
@@ -9830,7 +9935,7 @@ footer .vacancies p {
     z-index: 1;
     width: 25px;
     height: 13px;
-    background: url(/images/sprites/icons.png)0 -788px no-repeat;
+    background: url(/images/sprites/icons.png) 0 -788px no-repeat;
     left: 50%;
     top: 26px;
     margin-left: -12px;
@@ -10012,8 +10117,8 @@ footer .vacancies p {
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
-    filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
-    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff2175c2', endColorstr='#ff2668a5', GradientType=0);
+    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -10048,7 +10153,8 @@ footer .vacancies p {
     width: 100%
 }
 
-.info_icons {}
+.info_icons {
+}
 
 .catalog_product_list.view_table .users_info,
 .category_popular_list .catalog_item .users_info {
@@ -10440,6 +10546,7 @@ footer .vacancies p {
 }
 
 #myItemCarousel .product_item .info .title,
+
 ,
 .prodview .product_item .title {
     font-size: 13px;
@@ -10528,8 +10635,8 @@ footer .vacancies p {
     width: 100%;
     position: relative;
     z-index: 2;
-    margin-top:-50px;
-    top:50px;
+    margin-top: -50px;
+    top: 50px;
 }
 
 .product_detail .img_part .position.fixed {
@@ -10561,7 +10668,7 @@ a.preview {
     display: block
 }
 
-.product_detail .img_part .img_gallery li>img {
+.product_detail .img_part .img_gallery li > img {
     width: auto;
     max-width: 100%;
     max-height: 300px;
@@ -10609,7 +10716,7 @@ a.preview {
     bottom: 0;
     width: 33px;
     height: 33px;
-    background: url(/images/sprites/arrs_carousel.png)0 -272px no-repeat;
+    background: url(/images/sprites/arrs_carousel.png) 0 -272px no-repeat;
     border-radius: 3px;
     cursor: pointer;
     display: none
@@ -10680,7 +10787,7 @@ a.preview {
     z-index: 1;
     width: 16px;
     height: 34px;
-    background: url(/images/sprites/arrows.png)-23px -338px no-repeat;
+    background: url(/images/sprites/arrows.png) -23px -338px no-repeat;
     top: 0;
     right: -13px;
     display: none
@@ -10774,7 +10881,7 @@ a.preview {
     left: 50%;
     top: -13px;
     margin: 0 0 0 -7px;
-    background: url(/images/sprites/arrows.png)0 -56px no-repeat
+    background: url(/images/sprites/arrows.png) 0 -56px no-repeat
 }
 
 .product_detail .img_part .floating_helper_block .price {
@@ -10782,7 +10889,7 @@ a.preview {
     color: #666;
     line-height: 48px;
     font-weight: bold;
-    margin-left: 20px!important;
+    margin-left: 20px !important;
     white-space: nowrap
 }
 
@@ -10936,7 +11043,7 @@ a.preview {
 }
 
 .product_detail .info_table .price_block .buy_button .payment_visa {
-    font: 14px/20px'roboto', sans-serif;
+    font: 14px/20px 'roboto', sans-serif;
     color: #666;
     margin: 0 0 10px 0
 }
@@ -10945,7 +11052,7 @@ a.preview {
     display: inline-block;
     width: 92px;
     height: 18px;
-    background: url(/images/sprites/pb_wm_button.png)0 0;
+    background: url(/images/sprites/pb_wm_button.png) 0 0;
     margin: 0 0 -3px 0;
     cursor: pointer
 }
@@ -10958,7 +11065,7 @@ a.preview {
     display: inline-block;
     width: 30px;
     height: 18px;
-    background: url(/images/sprites/pb_wm_button.png)-92px 0;
+    background: url(/images/sprites/pb_wm_button.png) -92px 0;
     margin: 0 0 -3px 0;
     cursor: pointer
 }
@@ -11218,12 +11325,12 @@ a.preview {
     background: transparent
 }
 
-.product_detail .property_show_tabs li.active>a,
-.product_detail .property_show_tabs li.active>a:hover,
-.product_detail .property_show_tabs li.active>a:focus,
-.product_detail .property_show_tabs li>a,
-.product_detail .property_show_tabs li>a:hover,
-.product_detail .property_show_tabs li>a:focus {
+.product_detail .property_show_tabs li.active > a,
+.product_detail .property_show_tabs li.active > a:hover,
+.product_detail .property_show_tabs li.active > a:focus,
+.product_detail .property_show_tabs li > a,
+.product_detail .property_show_tabs li > a:hover,
+.product_detail .property_show_tabs li > a:focus {
     border: none;
     background: transparent
 }
@@ -11307,7 +11414,7 @@ a.preview {
 }
 
 .product_detail .properties .table_title {
-    font: 18px/24px'roboto', sans-serif;
+    font: 18px/24px 'roboto', sans-serif;
     color: #2b2b2b;
     position: relative;
     z-index: 1;
@@ -11475,7 +11582,7 @@ a.preview {
     width: 16px;
     height: 15px;
     margin: 0 1px;
-    background: url(/images/sprites/icons.png)-15px -259px no-repeat
+    background: url(/images/sprites/icons.png) -15px -259px no-repeat
 }
 
 .product_detail .comments .comment_add_form .comment_form_table ul li.active,
@@ -11483,7 +11590,8 @@ a.preview {
     background-position: 0 -259px
 }
 
-.tovar {}
+.tovar {
+}
 
 .tovar td.left {
     text-align: center
@@ -11689,7 +11797,7 @@ a.preview {
     height: 13px;
     left: 0;
     top: 6px;
-    background: url(/images/sprites/icons.png)0 -246px no-repeat
+    background: url(/images/sprites/icons.png) 0 -246px no-repeat
 }
 
 .product_detail .comments ul.comments_list li .comment_block .lack .icon {
@@ -11728,7 +11836,7 @@ a.preview {
     top: 4px;
     width: 22px;
     height: 14px;
-    background: url(/images/sprites/icons.png)0 -327px no-repeat
+    background: url(/images/sprites/icons.png) 0 -327px no-repeat
 }
 
 .product_detail .comments ul.comments_list li .comment_block .helpful .yes,
@@ -11748,7 +11856,7 @@ a.preview {
     width: 20px;
     height: 19px;
     margin: -2px auto 7px auto;
-    background: url(/images/sprites/icons.png)0 -274px no-repeat
+    background: url(/images/sprites/icons.png) 0 -274px no-repeat
 }
 
 .product_detail .comments ul.comments_list li .comment_block .helpful .no .icon,
@@ -11799,7 +11907,7 @@ a.preview {
 }
 
 .modal-backdrop {
-    background-color: #FFF
+    background-color: #fff
 }
 
 .modal-content {
@@ -11836,7 +11944,8 @@ a.preview {
     font-size: 18px
 }
 
-.modal-body form input {}
+.modal-body form input {
+}
 
 .modal-footer {
     padding: 15px;
@@ -11854,7 +11963,7 @@ a.preview {
 .modal-body input:-webkit-autofill,
 .modal-body textarea:-webkit-autofill,
 .modal-body select:-webkit-autofill {
-    -webkit-text-fill-color: $textColor;
+    -webkit-text-fill-color: $ textColor;
     -webkit-box-shadow: 0 0 0px 1000px #eaeaea inset;
     background-color: #eaeaea
 }
@@ -12065,7 +12174,7 @@ a.preview {
 .bkp .b_price:hover,
 .bkp .bactive_price {
     height: 14px;
-    border-bottom: solid 2px #FFF
+    border-bottom: solid 2px #fff
 }
 
 .bgoogle {
@@ -12162,7 +12271,7 @@ a.preview {
     text-align: center;
     font-size: 16px;
     font-weight: bold;
-    color: #FFF
+    color: #fff
 }
 
 .form-small {
@@ -12261,7 +12370,8 @@ a.preview {
     background: none
 }
 
-.cats_table {}
+.cats_table {
+}
 
 .cats_table td {
     text-align: center
@@ -12526,8 +12636,8 @@ a.preview {
 }
 
 .lk_info_form td.value span {
-    right: 15px!important;
-    top: 12px!important;
+    right: 15px !important;
+    top: 12px !important;
     display: none
 }
 
@@ -12618,7 +12728,8 @@ a.preview {
     padding: 10px 20px
 }
 
-.compare-btns {}
+.compare-btns {
+}
 
 .compare-btns .btn {
     color: #000;
@@ -12723,7 +12834,7 @@ a.preview {
 }
 
 .red {
-    color: #FF0004
+    color: #ff0004
 }
 
 h1.title {
@@ -13260,30 +13371,33 @@ h1.title {
     background-position: -213px -69px
 }
 
-.cabinet_wrap{
+.cabinet_wrap {
     display: flex;
     padding-bottom: 20px;
     margin-top: 15px;
 }
-.cabinet_menu{
+
+.cabinet_menu {
     padding-right: 35px;
     border-right: 3px solid rgb(172, 198, 230);
     margin-right: 35px;
     margin-bottom: 35px;
 }
-.cabinet_menu .cab_01, .cabinet_menu .link{
+
+.cabinet_menu .cab_01, .cabinet_menu .link {
     margin: 3px 0px;
 }
-.blog-show-img.float-left{
+
+.blog-show-img.float-left {
     float: left;
     padding: 0px 30px 30px 0px;
 }
-.btn.btn-cart{
+
+.btn.btn-cart {
     height: 54px;
     outline: none;
 }
 
-
 /*! HTML5 resposive design linija-svitla.ua v1.0.0 */
 
 @-ms-viewport {
@@ -13294,30 +13408,38 @@ h1.title {
     #top-nav-wrapper {
         position: relative
     }
+
     header {
         margin-top: 0px
     }
+
     .bigSlidertabs.fixed {
         position: relative !important;
         bottom: 0
     }
+
     .product_detail .img_part .position.fixed {
         position: relative !important;
         width: 100%;
         padding: 0
     }
+
     .up_arr {
         display: none !important
     }
+
     .product_detail .img_part .floating_helper_block .price {
-        margin-left: 5px!important
+        margin-left: 5px !important
     }
+
     .product_detail .img_part .floating_helper_block .priceold {
         padding-left: 0px
     }
+
     .shares {
         display: none
     }
+
     .spritebrand-flambeau {
         max-width: 100px
     }
@@ -13329,45 +13451,58 @@ h1.title {
         font-size: 14px;
         padding: 16px 10px 16px 0px
     }
+
     #top-nav .top-menu li a {
         font-size: 11px;
         padding: 18px 0px 18px 5px
     }
+
     ul.parameters-list li {
         padding: 0px 15px
     }
+
     ul.parameters-list li a {
         font-size: 13px
     }
+
     #menu-bar a {
         font-size: 12px;
         padding: 18px 10px 19px 10px
     }
+
     #header_feedback {
         display: none
     }
+
     #header_search {
         margin-left: 30px
     }
+
     #top-cart {
         top: 0
     }
+
     #top-nav span.phone1,
     #top-nav span.phone2 {
         font-size: 14px
     }
+
     #top-nav .phones {
         padding: 0 0 0 0
     }
+
     #top-nav .container {
         position: relative
     }
+
     #logo {
         padding: 0 10px
     }
+
     #brand_bar ul li img {
         max-width: 75px
     }
+
     #brand_bar ul li {
         vertical-align: middle
     }
@@ -13378,26 +13513,33 @@ h1.title {
         float: left;
         padding: 0 10px
     }
+
     #header_search {
         max-width: 360px
     }
+
     #header_search p {
         font-size: 12px;
         margin: 0 0 5px 0
     }
+
     .popular_search_title {
         padding: 0 10px 0 50px
     }
+
     #header_feedback form {
         padding-left: 5px
     }
+
     #header_feedback form button {
         font-size: 12px;
         padding: 6px 10px
     }
+
     #header_feedback {
         padding: 20px 10px 5px 20px
     }
+
     #menu-bar a {
         padding: 18px 16px 19px 16px
     }
@@ -13413,9 +13555,11 @@ h1.title {
     #top-nav .phones {
         padding: 0 40px 0 5px
     }
+
     #header_search {
         max-width: 465px
     }
+
     #header_feedback form button {
         font-size: 14px
     }
@@ -13425,9 +13569,11 @@ h1.title {
     .catalog_product_list.view_table .catalog_item {
         height: 370px
     }
+
     .catalog_product_list.view_table.view_mini_table .catalog_item {
         height: 260px
     }
+
     .catalog_product_list.view_table.view_list .catalog_item {
         height: 300px
     }
@@ -13437,10 +13583,16 @@ h1.title {
     .catalog_product_list.view_table .catalog_item {
         height: 420px
     }
+
     .catalog_product_list.view_table.view_mini_table .catalog_item {
         height: 260px
     }
+
     .catalog_product_list.view_table.view_list .catalog_item {
         height: 320px
     }
+}
+
+#myCallback .required label:before {
+    display: none;
 }
\ No newline at end of file
diff --git a/frontend/web/js/script.js b/frontend/web/js/script.js
index f54add0..c3fe798 100755
--- a/frontend/web/js/script.js
+++ b/frontend/web/js/script.js
@@ -116,4 +116,116 @@ $(document).on('click', '#buyForm .cart_remove', function() {
   artbox_basket.set(id, 0);
 });
 
-
+/* Category filter open submenu */
+$(document).on('click', '.properties_block', function(e) {
+  var active = $(this).hasClass('opened');
+  if(active) {
+    $(this).removeClass('opened').addClass('closed');
+    $(this).find('.chechboxes').hide();
+  } else {
+    $(this).removeClass('closed').addClass('opened');
+    $(this).find('.chechboxes').show();
+  }
+});
+/* End Category filter open submenu */
+/* Cart resize on scroll */
+$('.img_part').height($('.info').height());
+$(document).on('scroll', window, function(e)
+{
+  currentScroll = $(window).scrollTop();
+  if (currentScroll > 0) {
+    $('#top-cart-content').addClass('small-cart');
+  } else {
+    $('#top-cart-content').removeClass('small-cart');
+  }
+});
+/* End cart resize on scroll */
+/* Catalog product scroll watcher */
+$(document).on('scroll', window, function(e) {
+  checkFixed(e);
+  checkSelector(e);
+});
+function checkFixed(e) {
+  var img_part = $('.img_part');
+  var position = $(img_part).find('.position');
+  var position_height = $(position).height();
+  var info = $('.info');
+  var info_position = $(info).position();
+  var info_height = $(info).height();
+  var info_top = info_position.top;
+  var info_bottom = info_top + info_height;
+  var currentScroll = $(window).scrollTop();
+  if(info_bottom - currentScroll > 0 && info_bottom - currentScroll < position_height) {
+    $(position).removeClass('fixed').css({
+      position: 'absolute',
+      bottom: 0,
+      top: 'auto',
+    });
+  } else if(currentScroll > info_top && currentScroll < info_bottom) {
+    $(position).addClass('fixed').css({
+      position: 'fixed',
+      top: '100px',
+      bottom: 'auto'
+    });
+  } else {
+    $(position).removeClass('fixed').css({
+      position: 'relative',
+      top: 0,
+      bottom: 'auto'
+    });
+  }
+}
+function checkSelector(e) {
+  var tab_content = $('#characteristics');
+  var tab_content_top = $(tab_content).position().top - 100;
+  var comments_block = $('#reviews');
+  var comments_block_top = $(comments_block).position().top - 100;
+  var collection = $('#collection');
+  var collection_top = $(collection).position().top - 100;
+  var currentScroll = $(window).scrollTop();
+  var detail_main_tabs = $('.detail_main_tabs');
+  var active;
+  if(currentScroll > tab_content_top && currentScroll < collection_top) {
+    active = 'characteristics';
+  } else if(currentScroll > comments_block_top) {
+    active = 'reviews';
+  } else if(currentScroll > collection_top && currentScroll < comments_block_top) {
+    active = 'collection';
+  }
+  $(detail_main_tabs).find('li.selected').removeClass('selected');
+  $(detail_main_tabs).find('[data-target='+active+']').addClass('selected');
+}
+$(window).scroll(function(e) {
+  checkFixed(e);
+  checkSelector(e);
+});
+/* End catalog product scroll watcher */
+/* Animated links */
+$(document).on('click', '.detail_main_tabs a', function(e) {
+  e.preventDefault();
+  var hash = $(this).attr('href').replace(/^.*?(#|$)/,'');
+  var target = $('#'+hash);
+  var target_top = $(target).position().top - 50;
+  var body = $('html, body');
+  body.stop().animate({scrollTop:target_top}, 500, 'swing', function() {});
+});
+/* End animated links */
+/* Ajax form submit */
+$(document).on('submit', '#feedback-form', function(e) {
+  e.preventDefault();
+  $.post('/ajax/feedback', $(this).serialize(), function(data) {
+    $('#myCallback').find('.modal-body').html(data.result);
+  });
+});
+$(document).on('submit', '#quickbuy-form', function(e) {
+  e.preventDefault();
+  var container = $(this).parents('.fast_order_form');
+  $.post('/order/quick', $(this).serialize(), function(data) {
+    if(!data.error) {
+      $(container).html(data.result);
+    } else {
+      $(container).html(data.error);
+    }
+  })
+});
+/* End ajax form submit */
\ No newline at end of file
--
libgit2 0.21.4