From 69b58541c230865691c0d03f50c8c4e2d4fe02e8 Mon Sep 17 00:00:00 2001
From: Виталий <icemate.job@gmail.com>
Date: Tue, 29 Jun 2021 19:40:53 +0300
Subject: [PATCH] new index header and footer

---
 frontend/assets/IndexAsset.php               |  24 ++++++++++++++++++++++++
 frontend/views/site/index.php                |  82 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 frontend/web/css/new-style/new-index.css     | 654 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 frontend/web/css/new-style/new-index.css.map |   7 +++++++
 frontend/web/css/new-style/new-index.scss    | 267 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------
 frontend/web/js/index.js                     | 182 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 frontend/web/js/ion.rangeSlider.min.js       |   1 +
 frontend/web/js/script.js                    |  27 ---------------------------
 8 files changed, 1201 insertions(+), 43 deletions(-)
 create mode 100644 frontend/assets/IndexAsset.php
 create mode 100644 frontend/web/css/new-style/new-index.css
 create mode 100644 frontend/web/css/new-style/new-index.css.map
 create mode 100644 frontend/web/js/index.js
 create mode 100644 frontend/web/js/ion.rangeSlider.min.js

diff --git a/frontend/assets/IndexAsset.php b/frontend/assets/IndexAsset.php
new file mode 100644
index 0000000..05800e7
--- /dev/null
+++ b/frontend/assets/IndexAsset.php
@@ -0,0 +1,24 @@
+<?php
+    
+    namespace frontend\assets;
+    
+    use yii\web\AssetBundle;
+    
+    /**
+     * Class MapAsset
+     *
+     * @package frontend\assets
+     */
+    class IndexAsset extends AssetBundle
+    {
+        public $basePath = '@webroot';
+        public $baseUrl = '@web';
+        public $css = [];
+        public $js = [
+            'js/ion.rangeSlider.min.js',
+            'js/index.js',
+        ];
+        public $depends = [
+            'frontend\assets\AppAsset',
+        ];
+    }
\ No newline at end of file
diff --git a/frontend/views/site/index.php b/frontend/views/site/index.php
index cd030f5..98ae6d7 100755
--- a/frontend/views/site/index.php
+++ b/frontend/views/site/index.php
@@ -8,10 +8,12 @@
     
     use common\models\Settings;
     use frontend\assets\MapAsset;
+    use frontend\assets\IndexAsset;
     use yii\web\View;
     use yii\helpers\Url;
     
     MapAsset::register($this);
+    IndexAsset::register($this);
     $settings = Settings::getInstance();
     $this->title = 'KB Energy';
     $currentLang = \artbox\core\models\Language::getCurrent();
@@ -120,7 +122,7 @@ JS;
         <div class="container">
             <div class="row">
                 <div class="col-xs-12">
-                    <div class="index-solution__title">Решения для частных лиц</div>
+                    <div class="index-solution__title index-titles">Решения для частных лиц</div>
                 </div>
             </div>
             <div class="row row-flex">
@@ -236,7 +238,7 @@ JS;
         <div class="container">
             <div class="row">
                 <div class="col-xs-12">
-                    <div class="index-solution-slider__title">Решения</div>
+                    <div class="index-solution-slider__title index-titles">Решения</div>
                 </div>
             </div>
             <div class="row row-flex index-solution-slider__row">
@@ -307,7 +309,7 @@ JS;
         <div class="container">
             <div class="row">
                 <div class="col-xs-12">
-                    <div class="index-solution__title">Решения для компаний</div>
+                    <div class="index-solution__title index-titles">Решения для компаний</div>
                 </div>
             </div>
             <div class="row row-flex">
@@ -423,7 +425,7 @@ JS;
         <div class="container">
             <div class="row">
                 <div class="col-xs-12">
-                    <div class="index-solution-slider__title">Решения</div>
+                    <div class="index-solution-slider__title index-titles">Решения</div>
                 </div>
             </div>
             <div class="row row-flex index-solution-slider__row">
@@ -490,6 +492,78 @@ JS;
             </div>
         </div>
     </section>
+    <section class="income-calculator" style="margin-bottom: 500px">
+        <div class="container">
+            <div class="row">
+                <div class="col-xs-12">
+                    <div class="income__calculator index-titles"> РАССЧИТАТЬ ДОХОД ОТ СЭС</div>
+                </div>
+            </div>
+            <div class="row row-flex align-items-center justify-content-center income-calculator__switch">
+                <div class="switch-status text active">для частных лиц</div>
+                <div class="switch-status switch"></div>
+                <div class="switch-status text">для компаний</div>
+            </div>
+            <div class="row row-flex">
+                <div class="income-calculator__left">
+                    <div class="income-calculator__left_wrapp">
+                        <div class="col-xs-12">
+                            <div class="income-calculator__left_title">Необходимая мощность электростанции, кВт</div>
+                        </div>
+                        <div class="col-xs-12">
+                            <div  class="calc-range calc-range-1"
+                                 data-min="0"
+                                 data-max="50"
+                                 data-from="45"
+                            >
+                                <div class="price_filter first_price_li">
+                                    <div class="price_slider">
+                                        <input type="text" id="price_interval" name="price_interval" value="" style="display: none"/>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="income-calculator__left_wrapp">
+                        <div class="col-xs-12">
+                            <div class="income-calculator__left_title">Необходимая мощность электростанции, кВт</div>
+                        </div>
+                        <div class="col-xs-12">
+                            <div  class="calc-range calc-range-2"
+                                 data-min="0"
+                                 data-max="5000"
+                                 data-from="3500"
+                            >
+                                <div class="price_filter first_price_li">
+                                    <div class="price_slider">
+                                        <input type="text" id="price_interval2" name="price_interval" value="" style="display: none"/>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+
+                </div>
+                <div class="income-calculator__right">
+                    <div class="col-xs-12">
+                        <div class="income-calculator__right_item">
+                            Стоимость станции
+                            <span class="income-cost">14 000 $</span>
+                        </div>
+                        <div class="income-calculator__right_item">
+                            Доход в год
+                            <span class="income-year">1450 $</span>
+                        </div>
+                        <div class="income-calculator__right_item">
+                            Окупаемость
+                            <span class="income-payback">8 лет</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
 
 
     <section class="links-ses-for-wr">
diff --git a/frontend/web/css/new-style/new-index.css b/frontend/web/css/new-style/new-index.css
new file mode 100644
index 0000000..a5ac2ea
--- /dev/null
+++ b/frontend/web/css/new-style/new-index.css
@@ -0,0 +1,654 @@
+.new-index {
+  color: #000; }
+  .new-index section, .new-index div.section {
+    margin: 0; }
+
+.index-titles {
+  text-align: center;
+  font-size: 32px;
+  line-height: 36px;
+  font-weight: 700;
+  text-transform: uppercase; }
+
+.main-about {
+  height: 479px;
+  background-position: 50% 0;
+  background-repeat: no-repeat;
+  color: #fff;
+  padding-bottom: 17px; }
+  .main-about > .container {
+    height: 100%; }
+    .main-about > .container > .row-flex {
+      height: 100%; }
+      .main-about > .container > .row-flex .row-flex {
+        margin-left: 0;
+        margin-right: 0; }
+  .main-about__wrapp_title {
+    padding-top: 99px; }
+  .main-about__title {
+    width: 100%;
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+    .main-about__title span {
+      display: block;
+      text-transform: uppercase;
+      font-size: 50px;
+      line-height: 57px;
+      font-weight: 700; }
+      .main-about__title span:first-child {
+        color: #ffd800;
+        font-size: 74px;
+        line-height: 57px; }
+      .main-about__title span:last-child {
+        font-size: 24px;
+        line-height: 37px;
+        letter-spacing: 2.4px;
+        font-weight: 500; }
+  .main-about__button a {
+    margin: 0;
+    background-color: #ffd800;
+    background-image: none !important;
+    width: 255px;
+    max-width: 100%;
+    padding: 0 10px;
+    height: 48px;
+    border-radius: 0;
+    line-height: 50px;
+    box-shadow: none !important;
+    transition: 0.2s;
+    -webkit-transition: 0.2s;
+    -moz-transition: 0.2s;
+    -ms-transition: 0.2s;
+    -o-transition: 0.2s;
+    position: relative; }
+    .main-about__button a:hover {
+      transform: translateY(-3px);
+      background-color: #ffd800;
+      box-shadow: 0 10px 20px rgba(255, 255, 255, 0.35) !important; }
+      .main-about__button a:hover:after {
+        transform: scaleX(1.4) scaleY(1.6);
+        opacity: 0; }
+    .main-about__button a:active {
+      transform: translateY(-1px); }
+    .main-about__button a:after {
+      content: "";
+      display: block;
+      height: 100%;
+      width: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: -1;
+      transition: 0.4s;
+      background: #ffd800;
+      opacity: 0.7; }
+  .main-about__item {
+    font-size: 13px;
+    line-height: 17px;
+    width: 100%;
+    flex: 0 0 20%;
+    max-width: 20%;
+    position: relative;
+    padding-left: 13px;
+    padding-right: 5px;
+    padding-bottom: 15px;
+    cursor: default;
+    transition: 0.15s;
+    -webkit-transition: 0.15s;
+    -moz-transition: 0.15s;
+    -ms-transition: 0.15s;
+    -o-transition: 0.15s; }
+    .main-about__item:hover {
+      transform: translateY(-15px);
+      transition: 0.3s;
+      -webkit-transition: 0.3s;
+      -moz-transition: 0.3s;
+      -ms-transition: 0.3s;
+      -o-transition: 0.3s; }
+    .main-about__item:before {
+      content: '';
+      position: absolute;
+      left: 0;
+      width: 1px;
+      background: #ffffff;
+      opacity: 0.3;
+      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+      filter: alpha(opacity=30);
+      top: 4px;
+      bottom: 1px; }
+    .main-about__item span {
+      font-weight: 700;
+      color: #ffd800;
+      display: block; }
+
+.second-about {
+  background: #f6f6f6;
+  padding-top: 15px;
+  padding-bottom: 30px; }
+  .second-about__item {
+    padding-top: 15px; }
+    .second-about__item a {
+      display: block;
+      width: 100%;
+      position: relative;
+      color: #fff; }
+      .second-about__item a:hover:before {
+        background: #fed800;
+        opacity: 1;
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+        filter: alpha(opacity=100); }
+      .second-about__item a:hover span {
+        transform: translateY(-15px); }
+      .second-about__item a:before {
+        position: absolute;
+        content: '';
+        background: #000;
+        z-index: 2;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        transition: 0.2s;
+        -webkit-transition: 0.2s;
+        -moz-transition: 0.2s;
+        -ms-transition: 0.2s;
+        -o-transition: 0.2s;
+        opacity: 0.5;
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+        filter: alpha(opacity=50); }
+      .second-about__item a img {
+        width: 100%;
+        position: relative;
+        z-index: 1; }
+      .second-about__item a span {
+        position: absolute;
+        z-index: 3;
+        left: 25px;
+        bottom: 13px;
+        font-size: 14px;
+        line-height: 21px;
+        text-transform: uppercase;
+        font-weight: 700;
+        padding-right: 25px;
+        transition: 0.2s;
+        -webkit-transition: 0.2s;
+        -moz-transition: 0.2s;
+        -ms-transition: 0.2s;
+        -o-transition: 0.2s; }
+        .second-about__item a span:before, .second-about__item a span:after {
+          content: '';
+          position: absolute;
+          background: #fff;
+          height: 2px;
+          width: 9px;
+          right: 17px; }
+        .second-about__item a span:before {
+          transform: rotate(45deg);
+          bottom: 15px; }
+        .second-about__item a span:after {
+          transform: rotate(-45deg);
+          bottom: 9px; }
+
+.index-solution {
+  padding-top: 74px; }
+  .index-solution__title {
+    margin-bottom: 3px; }
+  .index-solution__col {
+    margin-top: 30px; }
+  .index-solution__item {
+    display: inline-block;
+    vertical-align: top;
+    width: 540px;
+    max-width: 100%;
+    background: #f6f6f6;
+    position: relative;
+    height: 100%;
+    overflow: hidden;
+    transition: 0.2s;
+    -webkit-transition: 0.2s;
+    -moz-transition: 0.2s;
+    -ms-transition: 0.2s;
+    -o-transition: 0.2s; }
+    .index-solution__item:hover {
+      box-shadow: 0px 4px 12px 0px #c4c4c4; }
+      .index-solution__item:hover .index-solution__item_img img {
+        opacity: 0.7;
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+        filter: alpha(opacity=70);
+        transform: scale(1.1); }
+    .index-solution__item:before {
+      position: absolute;
+      content: '';
+      left: 0;
+      bottom: 0;
+      width: 100%;
+      height: 2px;
+      background: #0096d7;
+      background: -moz-linear-gradient(left, #0096d7 0%, #1eb269 100%);
+      background: -webkit-linear-gradient(left, #0096d7 0%, #1eb269 100%);
+      background: linear-gradient(to right, #0096d7 0%, #1eb269 100%);
+      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096d7', endColorstr='#1eb269',GradientType=1 ); }
+    .index-solution__item_img {
+      display: block;
+      background: #fff;
+      overflow: hidden; }
+      .index-solution__item_img img {
+        max-width: 100%;
+        transition: 0.2s;
+        -webkit-transition: 0.2s;
+        -moz-transition: 0.2s;
+        -ms-transition: 0.2s;
+        -o-transition: 0.2s; }
+    .index-solution__item_text {
+      padding: 24px 24px 23px 22px; }
+      .index-solution__item_text a {
+        font-size: 18px;
+        line-height: 21px;
+        font-weight: 700;
+        color: #000;
+        min-height: 66px;
+        display: block; }
+        .index-solution__item_text a:hover {
+          text-decoration: underline; }
+      .index-solution__item_text table {
+        margin-top: 8px;
+        width: 100%; }
+        .index-solution__item_text table tr td {
+          font-size: 15px;
+          line-height: 21px; }
+          .index-solution__item_text table tr td:first-child {
+            font-weight: 700;
+            color: #0096d6;
+            width: 65px;
+            padding-right: 5px;
+            white-space: nowrap; }
+  .index-solution__more {
+    margin-top: 40px; }
+
+.animation-hover {
+  text-transform: uppercase;
+  margin: 0;
+  background-color: #ffd800;
+  width: 255px;
+  max-width: 100%;
+  padding: 0 10px;
+  height: 48px;
+  border-radius: 0;
+  line-height: 50px;
+  transition: 0.2s;
+  -webkit-transition: 0.2s;
+  -moz-transition: 0.2s;
+  -ms-transition: 0.2s;
+  -o-transition: 0.2s;
+  position: relative;
+  display: block;
+  text-align: center;
+  font-weight: bold;
+  color: #000;
+  box-shadow: 0px 8px 20px 0px rgba(139, 139, 138, 0.2);
+  text-decoration: none !important; }
+  .animation-hover:hover {
+    color: #000;
+    transform: translateY(-3px);
+    background-color: #ffd800; }
+    .animation-hover:hover:after {
+      transform: scaleX(1.4) scaleY(1.6);
+      opacity: 0; }
+  .animation-hover:active {
+    transform: translateY(-1px); }
+  .animation-hover:after {
+    content: "";
+    display: block;
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+    transition: 0.4s;
+    background: #ffd800;
+    opacity: 0.7; }
+
+.index-solution-slider {
+  background: #f6f6f6;
+  margin-top: 80px !important;
+  padding-top: 65px;
+  padding-bottom: 56px; }
+  .index-solution-slider__title {
+    margin-bottom: 3px; }
+  .index-solution-slider__col {
+    margin-top: 30px; }
+    .index-solution-slider__col:hover .index-solution-slider__item {
+      transition: 0.3s;
+      -webkit-transition: 0.3s;
+      -moz-transition: 0.3s;
+      -ms-transition: 0.3s;
+      -o-transition: 0.3s;
+      transform: translateY(-15px);
+      box-shadow: 0px 4px 12px 0px #c4c4c4; }
+  .index-solution-slider__item {
+    background: #fff;
+    position: relative;
+    height: 100%;
+    padding: 15px 15px 13px 15px;
+    width: 255px;
+    max-width: 100%;
+    text-align: center;
+    border: 1px solid #ebebeb;
+    transition: 0.15s;
+    -webkit-transition: 0.15s;
+    -moz-transition: 0.15s;
+    -ms-transition: 0.15s;
+    -o-transition: 0.15s; }
+    .index-solution-slider__item:before {
+      position: absolute;
+      content: '';
+      bottom: -1px;
+      left: -1px;
+      right: -1px;
+      height: 2px;
+      background: #0096d7;
+      background: -moz-linear-gradient(left, #0096d7 0%, #1eb269 100%);
+      background: -webkit-linear-gradient(left, #0096d7 0%, #1eb269 100%);
+      background: linear-gradient(to right, #0096d7 0%, #1eb269 100%);
+      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096d7', endColorstr='#1eb269',GradientType=1 ); }
+    .index-solution-slider__item:hover .index-solution-slider__item_img img {
+      opacity: 0.85;
+      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
+      filter: alpha(opacity=85); }
+    .index-solution-slider__item_img {
+      display: block;
+      background: #fff;
+      height: 211px; }
+      .index-solution-slider__item_img img {
+        max-width: 100%;
+        max-height: 100%; }
+    .index-solution-slider__item_link {
+      margin-top: 20px;
+      font-size: 15px;
+      line-height: 21px;
+      font-weight: 700;
+      color: #000;
+      display: block;
+      min-height: 60px; }
+      .index-solution-slider__item_link:hover {
+        text-decoration: underline;
+        color: #000; }
+    .index-solution-slider__item_price {
+      color: #0096d6;
+      font-size: 15px;
+      line-height: 21px;
+      font-weight: 700;
+      margin-top: 9px; }
+  .index-solution-slider .owl-item .index-solution-slider__col {
+    width: 100% !important; }
+  .index-solution-slider .owl-pagination {
+    margin-bottom: -11px; }
+  .index-solution-slider .owl-controls .owl-buttons {
+    position: static;
+    top: auto;
+    right: auto; }
+    .index-solution-slider .owl-controls .owl-buttons div {
+      display: block;
+      position: absolute;
+      top: 50%;
+      width: 21px;
+      height: 37px;
+      margin: -20px 0 0 0;
+      border-radius: 0;
+      background: none !important;
+      transition: 0.15s;
+      -webkit-transition: 0.15s;
+      -moz-transition: 0.15s;
+      -ms-transition: 0.15s;
+      -o-transition: 0.15s; }
+      .index-solution-slider .owl-controls .owl-buttons div:hover {
+        transition: 0.3s;
+        -webkit-transition: 0.3s;
+        -moz-transition: 0.3s;
+        -ms-transition: 0.3s;
+        -o-transition: 0.3s;
+        transform: scale(1.1); }
+      .index-solution-slider .owl-controls .owl-buttons div:before, .index-solution-slider .owl-controls .owl-buttons div:after {
+        position: absolute;
+        width: 26px;
+        height: 4px;
+        left: -3px;
+        content: '';
+        background: #8e8f90; }
+      .index-solution-slider .owl-controls .owl-buttons div:before {
+        transform: rotate(45deg);
+        top: 9px; }
+      .index-solution-slider .owl-controls .owl-buttons div:after {
+        transform: rotate(-45deg);
+        bottom: 9px; }
+      .index-solution-slider .owl-controls .owl-buttons div.owl-prev {
+        left: -21px;
+        transform: rotate(180deg); }
+      .index-solution-slider .owl-controls .owl-buttons div.owl-next {
+        right: -21px; }
+      .index-solution-slider .owl-controls .owl-buttons div.disabled:before, .index-solution-slider .owl-controls .owl-buttons div.disabled:after {
+        background: #ebebeb; }
+  .index-solution-slider .owl-controls .owl-page span {
+    display: block;
+    width: 8px;
+    height: 8px;
+    margin: 6px 6px 5px 6px;
+    opacity: 1;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+    filter: alpha(opacity=100);
+    border-radius: 100%;
+    background: #8e8f90; }
+  .index-solution-slider .owl-controls .owl-page.active span {
+    background: #0096d6; }
+
+.income-calculator {
+  padding-top: 74px; }
+  .income-calculator__switch {
+    margin-top: 39px; }
+  .income-calculator__left {
+    width: 75%;
+    padding-top: 10px; }
+    .income-calculator__left_title {
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 21px; }
+    .income-calculator__left_wrapp {
+      margin-top: 20px;
+      display: flex;
+      width: 100%;
+      flex-wrap: wrap; }
+  .income-calculator__right {
+    width: 25%;
+    padding-top: 26px;
+    position: relative; }
+    .income-calculator__right:before {
+      content: '';
+      top: 26px;
+      bottom: 0;
+      left: 35%;
+      width: 1px;
+      background: #ebebeb;
+      position: absolute; }
+    .income-calculator__right_item {
+      text-align: right;
+      font-size: 15px;
+      line-height: 24px;
+      font-weight: 700;
+      margin-top: 22px; }
+      .income-calculator__right_item:first-child {
+        margin-top: 0; }
+      .income-calculator__right_item span {
+        display: block;
+        color: #0096d6;
+        font-size: 18px; }
+
+.switch-status {
+  cursor: pointer; }
+  .switch-status.switch {
+    width: 64px;
+    height: 34px;
+    margin: 0 16px;
+    background: #dcdcdc;
+    border-radius: 34px;
+    position: relative; }
+    .switch-status.switch:before {
+      position: absolute;
+      top: 50%;
+      margin-top: -13px;
+      width: 26px;
+      height: 26px;
+      left: 4px;
+      background: #fff;
+      border-radius: 100%;
+      box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
+      content: '';
+      z-index: 1;
+      transition: 0.2s;
+      -webkit-transition: 0.2s;
+      -moz-transition: 0.2s;
+      -ms-transition: 0.2s;
+      -o-transition: 0.2s; }
+    .switch-status.switch:after {
+      position: absolute;
+      top: 50%;
+      margin-top: -4px;
+      width: 8px;
+      height: 8px;
+      left: 13px;
+      background: #0096d6;
+      content: '';
+      z-index: 2;
+      border-radius: 100%;
+      transition: 0.2s;
+      -webkit-transition: 0.2s;
+      -moz-transition: 0.2s;
+      -ms-transition: 0.2s;
+      -o-transition: 0.2s; }
+    .switch-status.switch.right:before, .switch-status.switch.right:after {
+      transform: translateX(30px); }
+  .switch-status.text {
+    text-transform: uppercase;
+    font-size: 15px;
+    line-height: 23px;
+    color: #8e8f90;
+    text-decoration: underline;
+    cursor: pointer; }
+    .switch-status.text.active {
+      color: #000;
+      cursor: default;
+      text-decoration: none; }
+
+.calc-range {
+  margin-right: -8px;
+  margin-top: 19px; }
+
+.price_slider {
+  width: 100%;
+  float: left; }
+
+.irs {
+  position: relative;
+  display: block;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none; }
+  .irs.irs-with-grid {
+    padding-bottom: 31px; }
+
+.irs-line {
+  display: block;
+  background: #8e8f90;
+  height: 8px;
+  border-radius: 8px;
+  width: 100%;
+  position: relative;
+  outline: none !important; }
+
+.irs-line-left, .irs-line-mid, .irs-line-right {
+  position: relative;
+  display: block;
+  top: 0;
+  height: 8px; }
+
+.irs-line-left {
+  left: 0;
+  width: 11%; }
+
+.irs-line-mid {
+  left: 9%;
+  width: 82%; }
+
+.irs-line-right {
+  right: 0;
+  width: 11%; }
+
+.irs-bar {
+  position: absolute;
+  display: block;
+  height: 8px;
+  top: 0;
+  left: 0 !important;
+  background: #367cd4;
+  background: -moz-linear-gradient(left, #367cd4 0%, #02d0ff 100%);
+  background: -webkit-linear-gradient(left, #367cd4 0%, #02d0ff 100%);
+  background: linear-gradient(to right, #367cd4 0%, #02d0ff 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367cd4', endColorstr='#02d0ff',GradientType=1 );
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px; }
+
+.irs-slider {
+  position: absolute;
+  display: block;
+  top: -4px;
+  width: 16px;
+  height: 16px;
+  background: #fff;
+  border-radius: 16px;
+  box-shadow: 0px 0px 6px 0px rgba(90, 97, 102, 0.5);
+  cursor: pointer; }
+  .irs-slider:before {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    border-radius: 100%;
+    background: #0096d6;
+    content: '';
+    left: 50%;
+    top: 50%;
+    margin-top: -5px;
+    margin-left: -5px; }
+
+.irs-grid {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 16px; }
+
+.irs-grid-pol {
+  display: none; }
+
+.irs-grid-text {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  white-space: nowrap;
+  text-align: center;
+  font-size: 16px;
+  line-height: 16px;
+  padding: 0 1px;
+  color: #000; }
+
+.calc-range-2 .irs-bar {
+  background: #149756;
+  background: -moz-linear-gradient(left, #149756 0%, #14be6a 100%);
+  background: -webkit-linear-gradient(left, #149756 0%, #14be6a 100%);
+  background: linear-gradient(to right, #149756 0%, #14be6a 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#149756', endColorstr='#14be6a',GradientType=1 ); }
+
+/*# sourceMappingURL=new-index.css.map */
diff --git a/frontend/web/css/new-style/new-index.css.map b/frontend/web/css/new-style/new-index.css.map
new file mode 100644
index 0000000..01a0142
--- /dev/null
+++ b/frontend/web/css/new-style/new-index.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["new-index.scss","_mixin.scss"],
+"names": [],
+"file": "new-index.css"
+}
\ No newline at end of file
diff --git a/frontend/web/css/new-style/new-index.scss b/frontend/web/css/new-style/new-index.scss
index d1c3d15..92fb9b4 100644
--- a/frontend/web/css/new-style/new-index.scss
+++ b/frontend/web/css/new-style/new-index.scss
@@ -10,6 +10,14 @@
   }
 }
 
+.index-titles {
+  text-align: center;
+  font-size: 32px;
+  line-height: 36px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
 .main-about {
   height: 479px;
   background-position: 50% 0;
@@ -203,11 +211,6 @@
 .index-solution {
   padding-top: 74px;
   &__title {
-    text-align: center;
-    font-size: 32px;
-    line-height: 36px;
-    font-weight: 700;
-    text-transform: uppercase;
     margin-bottom: 3px;
   }
   &__col {
@@ -346,15 +349,17 @@
   padding-top: 65px;
   padding-bottom: 56px;
   &__title {
-    text-align: center;
-    font-size: 32px;
-    line-height: 36px;
-    font-weight: 700;
-    text-transform: uppercase;
     margin-bottom: 3px;
   }
   &__col {
     margin-top: 30px;
+    &:hover {
+      .index-solution-slider__item {
+        @include Transition(0.30);
+        transform: translateY(-15px);
+        box-shadow: 0px 4px 12px 0px rgba(196, 196, 196, 1);
+      }
+    }
   }
   &__item {
     background: #fff;
@@ -365,10 +370,10 @@
     max-width: 100%;
     text-align: center;
     border: 1px solid #ebebeb;
+    @include Transition(0.15);
     &:before  {
       position: absolute;
       content: '';
-      left: 0;
       bottom: -1px;
       left: -1px;
       right: -1px;
@@ -380,7 +385,6 @@
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096d7', endColorstr='#1eb269',GradientType=1 );
     }
     &:hover {
-      box-shadow: 0px 4px 12px 0px rgba(196, 196, 196, 1);
       .index-solution-slider__item_img {
         img {
           @include Opacity(0.85);
@@ -439,6 +443,11 @@
         margin: -20px 0 0 0;
         border-radius: 0;
         background: none !important;
+        @include Transition(0.15);
+        &:hover {
+          @include Transition(0.3);
+          transform: scale(1.1);
+        }
         &:before, &:after {
           position: absolute;
           width: 26px;
@@ -489,5 +498,239 @@
   }
 }
 
+.income-calculator {
+  padding-top: 74px;
+  &__switch {
+    margin-top: 39px;
+  }
+  &__left {
+    width: 75%;
+    padding-top: 10px;
+    &_title {
+      font-weight: 700;
+      font-size: 18px;
+      line-height: 21px;
+    }
+    &_wrapp {
+      margin-top: 20px;
+      display: flex;
+      width: 100%;
+      flex-wrap: wrap;
+    }
+  }
+  &__right {
+    width: 25%;
+    padding-top: 26px;
+    position: relative;
+    &:before {
+      content: '';
+      top: 26px;
+      bottom: 0;
+      left: 35%;
+      width: 1px;
+      background: #ebebeb;
+      position: absolute;
+    }
+    &_item {
+      text-align: right;
+      font-size: 15px;
+      line-height: 24px;
+      font-weight: 700;
+      margin-top: 22px;
+      &:first-child {
+        margin-top: 0;
+      }
+      span {
+        display: block;
+        color: #0096d6;
+        font-size: 18px;
+      }
+    }
+  }
+
+}
+.switch-status {
+  cursor: pointer;
+  &.switch {
+    width: 64px;
+    height: 34px;
+    margin: 0 16px;
+    background: #dcdcdc;
+    border-radius: 34px;
+    position: relative;
+    &:before {
+      position: absolute;
+      top: 50%;
+      margin-top: -13px;
+      width: 26px;
+      height: 26px;
+      left: 4px;
+      background: #fff;
+      border-radius: 100%;
+      box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
+      content: '';
+      z-index: 1;
+      @include Transition(0.2);
+    }
+    &:after {
+      position: absolute;
+      top: 50%;
+      margin-top: -4px;
+      width: 8px;
+      height: 8px;
+      left: 13px;
+      background: #0096d6;
+      content: '';
+      z-index: 2;
+      border-radius: 100%;
+      @include Transition(0.2);
+    }
+    &.right {
+      &:before, &:after {
+        transform: translateX(30px);
+      }
+    }
+  }
+
+  &.text {
+    text-transform: uppercase;
+    font-size: 15px;
+    line-height: 23px;
+    color: #8e8f90;
+    text-decoration: underline;
+    cursor: pointer;
+    &.active {
+      color: #000;
+      cursor: default;
+      text-decoration: none;
+    }
+  }
+}
+
+.calc-range {
+  margin-right: -8px;
+  margin-top: 19px;
+}
+
+//ползунок
+.price_slider {
+  width: 100%;
+  float: left;
+}
+.irs {
+  position: relative;
+  display: block;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  &.irs-with-grid {
+    padding-bottom: 31px;
+  }
+}
+.irs-line {
+  display: block;
+  background: #8e8f90;
+  height: 8px;
+  border-radius: 8px;
+  width: 100%;
+  position: relative;
+  outline: none !important;
+}
+.irs-line-left, .irs-line-mid, .irs-line-right {
+  position: relative;
+  display: block;
+  top: 0;
+  height: 8px;
+}
+.irs-line-left {
+  left: 0;
+  width: 11%;
+}
+.irs-line-mid {
+  left: 9%;
+  width: 82%;
+}
+.irs-line-right {
+  right: 0;
+  width: 11%;
+}
+.irs-bar {
+  position: absolute;
+  display: block;
+  height: 8px;
+  top: 0;
+  left: 0 !important;
+  background: rgb(54,124,212);
+  background: -moz-linear-gradient(left,  rgba(54,124,212,1) 0%, rgba(2,208,255,1) 100%);
+  background: -webkit-linear-gradient(left,  rgba(54,124,212,1) 0%,rgba(2,208,255,1) 100%);
+  background: linear-gradient(to right,  rgba(54,124,212,1) 0%,rgba(2,208,255,1) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367cd4', endColorstr='#02d0ff',GradientType=1 );
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+.irs-slider {
+  position: absolute;
+  display: block;
+  top: -4px;
+  width: 16px;
+  height: 16px;
+  background: #fff;
+  border-radius: 16px;
+  box-shadow: 0px 0px 6px 0px rgba(90, 97, 102, 0.5);
+  cursor: pointer;
+  &:before {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    border-radius: 100%;
+    background: #0096d6;
+    content: '';
+    left: 50%;
+    top: 50%;
+    margin-top: -5px;
+    margin-left: -5px;
+  }
+}
+.irs-grid {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 16px;
+}
+.irs-grid-pol {
+  display: none;
+}
+.irs-grid-text {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  white-space: nowrap;
+  text-align: center;
+  font-size: 16px;
+  line-height: 16px;
+  padding: 0 1px;
+  color: #000;
+}
+.calc-range-2 {
+  .irs-bar {
+    background: rgb(20,151,86);
+    background: -moz-linear-gradient(left,  rgba(20,151,86,1) 0%, rgba(20,190,106,1) 100%);
+    background: -webkit-linear-gradient(left,  rgba(20,151,86,1) 0%,rgba(20,190,106,1) 100%);
+    background: linear-gradient(to right,  rgba(20,151,86,1) 0%,rgba(20,190,106,1) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#149756', endColorstr='#14be6a',GradientType=1 );
+
+  }
+}
+
+
+
+
+
+
 
 
+///////////////////
diff --git a/frontend/web/js/index.js b/frontend/web/js/index.js
new file mode 100644
index 0000000..84df5a8
--- /dev/null
+++ b/frontend/web/js/index.js
@@ -0,0 +1,182 @@
+income();
+function income() {
+    let switchBlock = document.querySelectorAll('.switch-status');
+    for(let i = 0; i<switchBlock.length;i++) {
+        switchBlock[i].onclick = function () {
+            if(this.classList.contains('text')) {
+                if(!(this.classList.contains('active'))) {
+                    switchBlock[0].classList.remove('active')
+                    switchBlock[2].classList.remove('active')
+                    this.classList.add('active')
+                    if(i==0) {
+                        switchBlock[1].classList.remove('right')
+                    } else if (i == 2) {
+                        switchBlock[1].classList.add('right')
+                    }
+
+                }
+            }
+            if(this.classList.contains('switch')) {
+                if(switchBlock[0].classList.contains('active')) {
+                    this.classList.add('right')
+                    switchBlock[0].classList.remove('active')
+                    switchBlock[2].classList.add('active')
+                    this.parentNode.setAttribute('status',2)
+                } else if(switchBlock[2].classList.contains('active')) {
+                    this.classList.remove('right')
+                    switchBlock[0].classList.add('active')
+                    switchBlock[2].classList.remove('active')
+                    this.parentNode.setAttribute('status',0)
+                }
+            }
+            if(i != 1) {
+                this.parentNode.setAttribute('status',i)
+            }
+
+        }
+
+    }
+
+
+
+}
+$(function() {
+    sliderSolution();
+    function sliderSolution() {
+        let sliderBlock = document.querySelectorAll('.index-solution-slider');
+        if(sliderBlock.length) {
+            $(".index-solution-slider__row").owlCarousel(
+                {
+                    navigation: true,
+                    navigationText: [],
+                    autoPlay: false,
+                    rewindNav:false,
+                    items: 4,
+                    // itemsDesktopSmall: [
+                    //     900,
+                    //     3
+                    // ],
+                    // itemsTablet: [
+                    //     600,
+                    //     3
+                    // ],
+                    // itemsMobile: [
+                    //     500,
+                    //     2
+                    // ]
+                });
+        }
+    }
+
+    priceSlider1()
+    function priceSlider1(){
+        let $price_interval = $('#price_interval');
+        if($price_interval.length){
+            let block = $('.calc-range-1');
+            let min = block.data('min');
+            let max = block.data('max');
+            let from = block.data('from');
+
+
+            $price_interval.ionRangeSlider({
+                grid: true,
+                step: 5,
+                grid_num: 10,
+                min: min,
+                max: max,
+                from: from,
+                hide_min_max: true,
+                hide_from_to: true,
+                onChange: function (e) {
+                    // $filter_prices_min.val(e.from);
+                    // $filter_prices_max.val(e.to);
+
+                },
+                onFinish: function(e) {
+                    // var from = $filter_prices_min.val();
+                    // var to = $filter_prices_max.val();
+                }
+            });
+
+
+
+            // var slider = $price_interval.data("ionRangeSlider");
+            //
+            // $filter_prices_min.change(function () {
+            //     var newVal = $(this).val();
+            //     slider.update({
+            //         from: newVal
+            //     });
+            //
+            //
+            // });
+            //
+            // $filter_prices_max.change(function () {
+            //     var newVal = $(this).val();
+            //     slider.update({
+            //         to: newVal
+            //     });
+            //     filterShowInSilder();
+            //     //сюда
+            // })
+
+
+        }
+    }
+    priceSlider2()
+    function priceSlider2(){
+        let $price_interval = $('#price_interval2');
+        if($price_interval.length){
+            let block = $('.calc-range-2');
+            let min = block.data('min');
+            let max = block.data('max');
+            let from = block.data('from');
+
+
+            $price_interval.ionRangeSlider({
+                grid: true,
+                step: 100,
+                grid_num: 5,
+                min: min,
+                max: max,
+                from: from,
+                hide_min_max: true,
+                hide_from_to: true,
+                onChange: function (e) {
+                    // $filter_prices_min.val(e.from);
+                    // $filter_prices_max.val(e.to);
+
+                },
+                onFinish: function(e) {
+                    // var from = $filter_prices_min.val();
+                    // var to = $filter_prices_max.val();
+                }
+            });
+
+
+
+            // var slider = $price_interval.data("ionRangeSlider");
+            //
+            // $filter_prices_min.change(function () {
+            //     var newVal = $(this).val();
+            //     slider.update({
+            //         from: newVal
+            //     });
+            //
+            //
+            // });
+            //
+            // $filter_prices_max.change(function () {
+            //     var newVal = $(this).val();
+            //     slider.update({
+            //         to: newVal
+            //     });
+            //     filterShowInSilder();
+            //     //сюда
+            // })
+
+
+        }
+    }
+
+    });
\ No newline at end of file
diff --git a/frontend/web/js/ion.rangeSlider.min.js b/frontend/web/js/ion.rangeSlider.min.js
new file mode 100644
index 0000000..739268d
--- /dev/null
+++ b/frontend/web/js/ion.rangeSlider.min.js
@@ -0,0 +1 @@
+!function(t){"function"==typeof define&&define.amd?define(["jquery"],function(i){t(i,document,window,navigator)}):t(jQuery,document,window,navigator)}(function(t,i,s,o,e){"use strict";var h=0,r=function(){var i,s=o.userAgent,e=/msie\s\d+/i;return s.search(e)>0&&(i=e.exec(s).toString(),(i=i.split(" ")[1])<9)&&(t("html").addClass("lt-ie9"),!0)}();Function.prototype.bind||(Function.prototype.bind=function(t){var i=this,s=[].slice;if("function"!=typeof i)throw new TypeError;var o=s.call(arguments,1),e=function(){if(this instanceof e){var h=function(){};h.prototype=i.prototype;var r=new h,n=i.apply(r,o.concat(s.call(arguments)));return Object(n)===n?n:r}return i.apply(t,o.concat(s.call(arguments)))};return e}),Array.prototype.indexOf||(Array.prototype.indexOf=function(t,i){var s;if(null==this)throw new TypeError('"this" is null or not defined');var o=Object(this),e=o.length>>>0;if(0===e)return-1;var h=+i||0;if(Math.abs(h)===1/0&&(h=0),h>=e)return-1;for(s=Math.max(h>=0?h:e-Math.abs(h),0);s<e;){if(s in o&&o[s]===t)return s;s++}return-1});var n=function(o,e,h){this.VERSION="2.1.4",this.input=o,this.plugin_count=h,this.current_plugin=0,this.calc_count=0,this.update_tm=0,this.old_from=0,this.old_to=0,this.old_min_interval=null,this.raf_id=null,this.dragging=!1,this.force_redraw=!1,this.no_diapason=!1,this.is_key=!1,this.is_update=!1,this.is_start=!0,this.is_finish=!1,this.is_active=!1,this.is_resize=!1,this.is_click=!1,this.$cache={win:t(s),body:t(i.body),input:t(o),cont:null,rs:null,min:null,max:null,from:null,to:null,single:null,bar:null,line:null,s_single:null,s_from:null,s_to:null,shad_single:null,shad_from:null,shad_to:null,edge:null,grid:null,grid_labels:[]},this.coords={x_gap:0,x_pointer:0,w_rs:0,w_rs_old:0,w_handle:0,p_gap:0,p_gap_left:0,p_gap_right:0,p_step:0,p_pointer:0,p_handle:0,p_single_fake:0,p_single_real:0,p_from_fake:0,p_from_real:0,p_to_fake:0,p_to_real:0,p_bar_x:0,p_bar_w:0,grid_gap:0,big_num:0,big:[],big_w:[],big_p:[],big_x:[]},this.labels={w_min:0,w_max:0,w_from:0,w_to:0,w_single:0,p_min:0,p_max:0,p_from_fake:0,p_from_left:0,p_to_fake:0,p_to_left:0,p_single_fake:0,p_single_left:0};var r,n,a,c=this.$cache.input,l=c.prop("value");r={type:"single",min:10,max:100,from:null,to:null,step:1,min_interval:0,max_interval:0,drag_interval:!1,values:[],p_values:[],from_fixed:!1,from_min:null,from_max:null,from_shadow:!1,to_fixed:!1,to_min:null,to_max:null,to_shadow:!1,prettify_enabled:!0,prettify_separator:" ",prettify:null,force_edges:!1,keyboard:!1,keyboard_step:5,grid:!1,grid_margin:!0,grid_num:4,grid_snap:!1,hide_min_max:!1,hide_from_to:!1,prefix:"",postfix:"",max_postfix:"",decorate_both:!0,values_separator:" — ",input_values_separator:";",disable:!1,onStart:null,onChange:null,onFinish:null,onUpdate:null},(n={type:c.data("type"),min:c.data("min"),max:c.data("max"),from:c.data("from"),to:c.data("to"),step:c.data("step"),min_interval:c.data("minInterval"),max_interval:c.data("maxInterval"),drag_interval:c.data("dragInterval"),values:c.data("values"),from_fixed:c.data("fromFixed"),from_min:c.data("fromMin"),from_max:c.data("fromMax"),from_shadow:c.data("fromShadow"),to_fixed:c.data("toFixed"),to_min:c.data("toMin"),to_max:c.data("toMax"),to_shadow:c.data("toShadow"),prettify_enabled:c.data("prettifyEnabled"),prettify_separator:c.data("prettifySeparator"),force_edges:c.data("forceEdges"),keyboard:c.data("keyboard"),keyboard_step:c.data("keyboardStep"),grid:c.data("grid"),grid_margin:c.data("gridMargin"),grid_num:c.data("gridNum"),grid_snap:c.data("gridSnap"),hide_min_max:c.data("hideMinMax"),hide_from_to:c.data("hideFromTo"),prefix:c.data("prefix"),postfix:c.data("postfix"),max_postfix:c.data("maxPostfix"),decorate_both:c.data("decorateBoth"),values_separator:c.data("valuesSeparator"),input_values_separator:c.data("inputValuesSeparator"),disable:c.data("disable")}).values=n.values&&n.values.split(",");for(a in n)n.hasOwnProperty(a)&&(n[a]||0===n[a]||delete n[a]);l&&((l=l.split(n.input_values_separator||e.input_values_separator||";"))[0]&&l[0]==+l[0]&&(l[0]=+l[0]),l[1]&&l[1]==+l[1]&&(l[1]=+l[1]),e&&e.values&&e.values.length?(r.from=l[0]&&e.values.indexOf(l[0]),r.to=l[1]&&e.values.indexOf(l[1])):(r.from=l[0]&&+l[0],r.to=l[1]&&+l[1])),t.extend(r,e),t.extend(r,n),this.options=r,this.validate(),this.result={input:this.$cache.input,slider:null,min:this.options.min,max:this.options.max,from:this.options.from,from_percent:0,from_value:null,to:this.options.to,to_percent:0,to_value:null},this.init()};n.prototype={init:function(t){this.no_diapason=!1,this.coords.p_step=this.convertToPercent(this.options.step,!0),this.target="base",this.toggleInput(),this.append(),this.setMinMax(),t?(this.force_redraw=!0,this.calc(!0),this.callOnUpdate()):(this.force_redraw=!0,this.calc(!0),this.callOnStart()),this.updateScene()},append:function(){var t='<span class="irs js-irs-'+this.plugin_count+'"></span>';this.$cache.input.before(t),this.$cache.input.prop("readonly",!0),this.$cache.cont=this.$cache.input.prev(),this.result.slider=this.$cache.cont,this.$cache.cont.html('<span class="irs"><span class="irs-line" tabindex="-1"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span><span class="irs-min">0</span><span class="irs-max">1</span><span class="irs-from">0</span><span class="irs-to">0</span><span class="irs-single">0</span></span><span class="irs-grid"></span><span class="irs-bar"></span>'),this.$cache.rs=this.$cache.cont.find(".irs"),this.$cache.min=this.$cache.cont.find(".irs-min"),this.$cache.max=this.$cache.cont.find(".irs-max"),this.$cache.from=this.$cache.cont.find(".irs-from"),this.$cache.to=this.$cache.cont.find(".irs-to"),this.$cache.single=this.$cache.cont.find(".irs-single"),this.$cache.bar=this.$cache.cont.find(".irs-bar"),this.$cache.line=this.$cache.cont.find(".irs-line"),this.$cache.grid=this.$cache.cont.find(".irs-grid"),"single"===this.options.type?(this.$cache.cont.append('<span class="irs-bar-edge"></span><span class="irs-shadow shadow-single"></span><span class="irs-slider single"></span>'),this.$cache.edge=this.$cache.cont.find(".irs-bar-edge"),this.$cache.s_single=this.$cache.cont.find(".single"),this.$cache.from[0].style.visibility="hidden",this.$cache.to[0].style.visibility="hidden",this.$cache.shad_single=this.$cache.cont.find(".shadow-single")):(this.$cache.cont.append('<span class="irs-shadow shadow-from"></span><span class="irs-shadow shadow-to"></span><span class="irs-slider from"></span><span class="irs-slider to"></span>'),this.$cache.s_from=this.$cache.cont.find(".from"),this.$cache.s_to=this.$cache.cont.find(".to"),this.$cache.shad_from=this.$cache.cont.find(".shadow-from"),this.$cache.shad_to=this.$cache.cont.find(".shadow-to"),this.setTopHandler()),this.options.hide_from_to&&(this.$cache.from[0].style.display="none",this.$cache.to[0].style.display="none",this.$cache.single[0].style.display="none"),this.appendGrid(),this.options.disable?(this.appendDisableMask(),this.$cache.input[0].disabled=!0):(this.$cache.cont.removeClass("irs-disabled"),this.$cache.input[0].disabled=!1,this.bindEvents()),this.options.drag_interval&&(this.$cache.bar[0].style.cursor="ew-resize")},setTopHandler:function(){var t=this.options.min,i=this.options.max,s=this.options.from,o=this.options.to;s>t&&o===i?this.$cache.s_from.addClass("type_last"):o<i&&this.$cache.s_to.addClass("type_last")},changeLevel:function(t){switch(t){case"single":this.coords.p_gap=this.toFixed(this.coords.p_pointer-this.coords.p_single_fake);break;case"from":this.coords.p_gap=this.toFixed(this.coords.p_pointer-this.coords.p_from_fake),this.$cache.s_from.addClass("state_hover"),this.$cache.s_from.addClass("type_last"),this.$cache.s_to.removeClass("type_last");break;case"to":this.coords.p_gap=this.toFixed(this.coords.p_pointer-this.coords.p_to_fake),this.$cache.s_to.addClass("state_hover"),this.$cache.s_to.addClass("type_last"),this.$cache.s_from.removeClass("type_last");break;case"both":this.coords.p_gap_left=this.toFixed(this.coords.p_pointer-this.coords.p_from_fake),this.coords.p_gap_right=this.toFixed(this.coords.p_to_fake-this.coords.p_pointer),this.$cache.s_to.removeClass("type_last"),this.$cache.s_from.removeClass("type_last")}},appendDisableMask:function(){this.$cache.cont.append('<span class="irs-disable-mask"></span>'),this.$cache.cont.addClass("irs-disabled")},remove:function(){this.$cache.cont.remove(),this.$cache.cont=null,this.$cache.line.off("keydown.irs_"+this.plugin_count),this.$cache.body.off("touchmove.irs_"+this.plugin_count),this.$cache.body.off("mousemove.irs_"+this.plugin_count),this.$cache.win.off("touchend.irs_"+this.plugin_count),this.$cache.win.off("mouseup.irs_"+this.plugin_count),r&&(this.$cache.body.off("mouseup.irs_"+this.plugin_count),this.$cache.body.off("mouseleave.irs_"+this.plugin_count)),this.$cache.grid_labels=[],this.coords.big=[],this.coords.big_w=[],this.coords.big_p=[],this.coords.big_x=[],cancelAnimationFrame(this.raf_id)},bindEvents:function(){this.no_diapason||(this.$cache.body.on("touchmove.irs_"+this.plugin_count,this.pointerMove.bind(this)),this.$cache.body.on("mousemove.irs_"+this.plugin_count,this.pointerMove.bind(this)),this.$cache.win.on("touchend.irs_"+this.plugin_count,this.pointerUp.bind(this)),this.$cache.win.on("mouseup.irs_"+this.plugin_count,this.pointerUp.bind(this)),this.$cache.line.on("touchstart.irs_"+this.plugin_count,this.pointerClick.bind(this,"click")),this.$cache.line.on("mousedown.irs_"+this.plugin_count,this.pointerClick.bind(this,"click")),this.options.drag_interval&&"double"===this.options.type?(this.$cache.bar.on("touchstart.irs_"+this.plugin_count,this.pointerDown.bind(this,"both")),this.$cache.bar.on("mousedown.irs_"+this.plugin_count,this.pointerDown.bind(this,"both"))):(this.$cache.bar.on("touchstart.irs_"+this.plugin_count,this.pointerClick.bind(this,"click")),this.$cache.bar.on("mousedown.irs_"+this.plugin_count,this.pointerClick.bind(this,"click"))),"single"===this.options.type?(this.$cache.single.on("touchstart.irs_"+this.plugin_count,this.pointerDown.bind(this,"single")),this.$cache.s_single.on("touchstart.irs_"+this.plugin_count,this.pointerDown.bind(this,"single")),this.$cache.shad_single.on("touchstart.irs_"+this.plugin_count,this.pointerClick.bind(this,"click")),this.$cache.single.on("mousedown.irs_"+this.plugin_count,this.pointerDown.bind(this,"single")),this.$cache.s_single.on("mousedown.irs_"+this.plugin_count,this.pointerDown.bind(this,"single")),this.$cache.edge.on("mousedown.irs_"+this.plugin_count,this.pointerClick.bind(this,"click")),this.$cache.shad_single.on("mousedown.irs_"+this.plugin_count,this.pointerClick.bind(this,"click"))):(this.$cache.single.on("touchstart.irs_"+this.plugin_count,this.pointerDown.bind(this,null)),this.$cache.single.on("mousedown.irs_"+this.plugin_count,this.pointerDown.bind(this,null)),this.$cache.from.on("touchstart.irs_"+this.plugin_count,this.pointerDown.bind(this,"from")),this.$cache.s_from.on("touchstart.irs_"+this.plugin_count,this.pointerDown.bind(this,"from")),this.$cache.to.on("touchstart.irs_"+this.plugin_count,this.pointerDown.bind(this,"to")),this.$cache.s_to.on("touchstart.irs_"+this.plugin_count,this.pointerDown.bind(this,"to")),this.$cache.shad_from.on("touchstart.irs_"+this.plugin_count,this.pointerClick.bind(this,"click")),this.$cache.shad_to.on("touchstart.irs_"+this.plugin_count,this.pointerClick.bind(this,"click")),this.$cache.from.on("mousedown.irs_"+this.plugin_count,this.pointerDown.bind(this,"from")),this.$cache.s_from.on("mousedown.irs_"+this.plugin_count,this.pointerDown.bind(this,"from")),this.$cache.to.on("mousedown.irs_"+this.plugin_count,this.pointerDown.bind(this,"to")),this.$cache.s_to.on("mousedown.irs_"+this.plugin_count,this.pointerDown.bind(this,"to")),this.$cache.shad_from.on("mousedown.irs_"+this.plugin_count,this.pointerClick.bind(this,"click")),this.$cache.shad_to.on("mousedown.irs_"+this.plugin_count,this.pointerClick.bind(this,"click"))),this.options.keyboard&&this.$cache.line.on("keydown.irs_"+this.plugin_count,this.key.bind(this,"keyboard")),r&&(this.$cache.body.on("mouseup.irs_"+this.plugin_count,this.pointerUp.bind(this)),this.$cache.body.on("mouseleave.irs_"+this.plugin_count,this.pointerUp.bind(this))))},pointerMove:function(t){if(this.dragging){var i=t.pageX||t.originalEvent.touches&&t.originalEvent.touches[0].pageX;this.coords.x_pointer=i-this.coords.x_gap,this.calc()}},pointerUp:function(i){this.current_plugin===this.plugin_count&&this.is_active&&(this.is_active=!1,this.$cache.cont.find(".state_hover").removeClass("state_hover"),this.force_redraw=!0,r&&t("*").prop("unselectable",!1),this.updateScene(),this.restoreOriginalMinInterval(),(t.contains(this.$cache.cont[0],i.target)||this.dragging)&&(this.is_finish=!0,this.callOnFinish()),this.dragging=!1)},pointerDown:function(i,s){s.preventDefault();var o=s.pageX||s.originalEvent.touches&&s.originalEvent.touches[0].pageX;2!==s.button&&("both"===i&&this.setTempMinInterval(),i||(i=this.target),this.current_plugin=this.plugin_count,this.target=i,this.is_active=!0,this.dragging=!0,this.coords.x_gap=this.$cache.rs.offset().left,this.coords.x_pointer=o-this.coords.x_gap,this.calcPointerPercent(),this.changeLevel(i),r&&t("*").prop("unselectable",!0),this.$cache.line.trigger("focus"),this.updateScene())},pointerClick:function(t,i){i.preventDefault();var s=i.pageX||i.originalEvent.touches&&i.originalEvent.touches[0].pageX;2!==i.button&&(this.current_plugin=this.plugin_count,this.target=t,this.is_click=!0,this.coords.x_gap=this.$cache.rs.offset().left,this.coords.x_pointer=+(s-this.coords.x_gap).toFixed(),this.force_redraw=!0,this.calc(),this.$cache.line.trigger("focus"))},key:function(t,i){if(!(this.current_plugin!==this.plugin_count||i.altKey||i.ctrlKey||i.shiftKey||i.metaKey)){switch(i.which){case 83:case 65:case 40:case 37:i.preventDefault(),this.moveByKey(!1);break;case 87:case 68:case 38:case 39:i.preventDefault(),this.moveByKey(!0)}return!0}},moveByKey:function(t){var i=this.coords.p_pointer;t?i+=this.options.keyboard_step:i-=this.options.keyboard_step,this.coords.x_pointer=this.toFixed(this.coords.w_rs/100*i),this.is_key=!0,this.calc()},setMinMax:function(){if(this.options){if(this.options.hide_min_max)return this.$cache.min[0].style.display="none",void(this.$cache.max[0].style.display="none");this.options.values.length?(this.$cache.min.html(this.decorate(this.options.p_values[this.options.min])),this.$cache.max.html(this.decorate(this.options.p_values[this.options.max]))):(this.$cache.min.html(this.decorate(this._prettify(this.options.min),this.options.min)),this.$cache.max.html(this.decorate(this._prettify(this.options.max),this.options.max))),this.labels.w_min=this.$cache.min.outerWidth(!1),this.labels.w_max=this.$cache.max.outerWidth(!1)}},setTempMinInterval:function(){var t=this.result.to-this.result.from;null===this.old_min_interval&&(this.old_min_interval=this.options.min_interval),this.options.min_interval=t},restoreOriginalMinInterval:function(){null!==this.old_min_interval&&(this.options.min_interval=this.old_min_interval,this.old_min_interval=null)},calc:function(t){if(this.options&&((10===++this.calc_count||t)&&(this.calc_count=0,this.coords.w_rs=this.$cache.rs.outerWidth(!1),this.calcHandlePercent()),this.coords.w_rs)){this.calcPointerPercent();var i=this.getHandleX();switch("click"===this.target&&(this.coords.p_gap=this.coords.p_handle/2,i=this.getHandleX(),this.options.drag_interval?this.target="both_one":this.target=this.chooseHandle(i)),this.target){case"base":var s=(this.options.max-this.options.min)/100,o=(this.result.from-this.options.min)/s,e=(this.result.to-this.options.min)/s;this.coords.p_single_real=this.toFixed(o),this.coords.p_from_real=this.toFixed(o),this.coords.p_to_real=this.toFixed(e),this.coords.p_single_real=this.checkDiapason(this.coords.p_single_real,this.options.from_min,this.options.from_max),this.coords.p_from_real=this.checkDiapason(this.coords.p_from_real,this.options.from_min,this.options.from_max),this.coords.p_to_real=this.checkDiapason(this.coords.p_to_real,this.options.to_min,this.options.to_max),this.coords.p_single_fake=this.convertToFakePercent(this.coords.p_single_real),this.coords.p_from_fake=this.convertToFakePercent(this.coords.p_from_real),this.coords.p_to_fake=this.convertToFakePercent(this.coords.p_to_real),this.target=null;break;case"single":if(this.options.from_fixed)break;this.coords.p_single_real=this.convertToRealPercent(i),this.coords.p_single_real=this.calcWithStep(this.coords.p_single_real),this.coords.p_single_real=this.checkDiapason(this.coords.p_single_real,this.options.from_min,this.options.from_max),this.coords.p_single_fake=this.convertToFakePercent(this.coords.p_single_real);break;case"from":if(this.options.from_fixed)break;this.coords.p_from_real=this.convertToRealPercent(i),this.coords.p_from_real=this.calcWithStep(this.coords.p_from_real),this.coords.p_from_real>this.coords.p_to_real&&(this.coords.p_from_real=this.coords.p_to_real),this.coords.p_from_real=this.checkDiapason(this.coords.p_from_real,this.options.from_min,this.options.from_max),this.coords.p_from_real=this.checkMinInterval(this.coords.p_from_real,this.coords.p_to_real,"from"),this.coords.p_from_real=this.checkMaxInterval(this.coords.p_from_real,this.coords.p_to_real,"from"),this.coords.p_from_fake=this.convertToFakePercent(this.coords.p_from_real);break;case"to":if(this.options.to_fixed)break;this.coords.p_to_real=this.convertToRealPercent(i),this.coords.p_to_real=this.calcWithStep(this.coords.p_to_real),this.coords.p_to_real<this.coords.p_from_real&&(this.coords.p_to_real=this.coords.p_from_real),this.coords.p_to_real=this.checkDiapason(this.coords.p_to_real,this.options.to_min,this.options.to_max),this.coords.p_to_real=this.checkMinInterval(this.coords.p_to_real,this.coords.p_from_real,"to"),this.coords.p_to_real=this.checkMaxInterval(this.coords.p_to_real,this.coords.p_from_real,"to"),this.coords.p_to_fake=this.convertToFakePercent(this.coords.p_to_real);break;case"both":if(this.options.from_fixed||this.options.to_fixed)break;i=this.toFixed(i+.1*this.coords.p_handle),this.coords.p_from_real=this.convertToRealPercent(i)-this.coords.p_gap_left,this.coords.p_from_real=this.calcWithStep(this.coords.p_from_real),this.coords.p_from_real=this.checkDiapason(this.coords.p_from_real,this.options.from_min,this.options.from_max),this.coords.p_from_real=this.checkMinInterval(this.coords.p_from_real,this.coords.p_to_real,"from"),this.coords.p_from_fake=this.convertToFakePercent(this.coords.p_from_real),this.coords.p_to_real=this.convertToRealPercent(i)+this.coords.p_gap_right,this.coords.p_to_real=this.calcWithStep(this.coords.p_to_real),this.coords.p_to_real=this.checkDiapason(this.coords.p_to_real,this.options.to_min,this.options.to_max),this.coords.p_to_real=this.checkMinInterval(this.coords.p_to_real,this.coords.p_from_real,"to"),this.coords.p_to_fake=this.convertToFakePercent(this.coords.p_to_real);break;case"both_one":if(this.options.from_fixed||this.options.to_fixed)break;var h=this.convertToRealPercent(i),r=this.result.from_percent,n=this.result.to_percent-r,a=n/2,c=h-a,l=h+a;c<0&&(l=(c=0)+n),l>100&&(c=(l=100)-n),this.coords.p_from_real=this.calcWithStep(c),this.coords.p_from_real=this.checkDiapason(this.coords.p_from_real,this.options.from_min,this.options.from_max),this.coords.p_from_fake=this.convertToFakePercent(this.coords.p_from_real),this.coords.p_to_real=this.calcWithStep(l),this.coords.p_to_real=this.checkDiapason(this.coords.p_to_real,this.options.to_min,this.options.to_max),this.coords.p_to_fake=this.convertToFakePercent(this.coords.p_to_real)}"single"===this.options.type?(this.coords.p_bar_x=this.coords.p_handle/2,this.coords.p_bar_w=this.coords.p_single_fake,this.result.from_percent=this.coords.p_single_real,this.result.from=this.convertToValue(this.coords.p_single_real),this.options.values.length&&(this.result.from_value=this.options.values[this.result.from])):(this.coords.p_bar_x=this.toFixed(this.coords.p_from_fake+this.coords.p_handle/2),this.coords.p_bar_w=this.toFixed(this.coords.p_to_fake-this.coords.p_from_fake),this.result.from_percent=this.coords.p_from_real,this.result.from=this.convertToValue(this.coords.p_from_real),this.result.to_percent=this.coords.p_to_real,this.result.to=this.convertToValue(this.coords.p_to_real),this.options.values.length&&(this.result.from_value=this.options.values[this.result.from],this.result.to_value=this.options.values[this.result.to])),this.calcMinMax(),this.calcLabels()}},calcPointerPercent:function(){this.coords.w_rs?(this.coords.x_pointer<0||isNaN(this.coords.x_pointer)?this.coords.x_pointer=0:this.coords.x_pointer>this.coords.w_rs&&(this.coords.x_pointer=this.coords.w_rs),this.coords.p_pointer=this.toFixed(this.coords.x_pointer/this.coords.w_rs*100)):this.coords.p_pointer=0},convertToRealPercent:function(t){return t/(100-this.coords.p_handle)*100},convertToFakePercent:function(t){return t/100*(100-this.coords.p_handle)},getHandleX:function(){var t=100-this.coords.p_handle,i=this.toFixed(this.coords.p_pointer-this.coords.p_gap);return i<0?i=0:i>t&&(i=t),i},calcHandlePercent:function(){"single"===this.options.type?this.coords.w_handle=this.$cache.s_single.outerWidth(!1):this.coords.w_handle=this.$cache.s_from.outerWidth(!1),this.coords.p_handle=this.toFixed(this.coords.w_handle/this.coords.w_rs*100)},chooseHandle:function(t){return"single"===this.options.type?"single":t>=this.coords.p_from_real+(this.coords.p_to_real-this.coords.p_from_real)/2?this.options.to_fixed?"from":"to":this.options.from_fixed?"to":"from"},calcMinMax:function(){this.coords.w_rs&&(this.labels.p_min=this.labels.w_min/this.coords.w_rs*100,this.labels.p_max=this.labels.w_max/this.coords.w_rs*100)},calcLabels:function(){this.coords.w_rs&&!this.options.hide_from_to&&("single"===this.options.type?(this.labels.w_single=this.$cache.single.outerWidth(!1),this.labels.p_single_fake=this.labels.w_single/this.coords.w_rs*100,this.labels.p_single_left=this.coords.p_single_fake+this.coords.p_handle/2-this.labels.p_single_fake/2,this.labels.p_single_left=this.checkEdges(this.labels.p_single_left,this.labels.p_single_fake)):(this.labels.w_from=this.$cache.from.outerWidth(!1),this.labels.p_from_fake=this.labels.w_from/this.coords.w_rs*100,this.labels.p_from_left=this.coords.p_from_fake+this.coords.p_handle/2-this.labels.p_from_fake/2,this.labels.p_from_left=this.toFixed(this.labels.p_from_left),this.labels.p_from_left=this.checkEdges(this.labels.p_from_left,this.labels.p_from_fake),this.labels.w_to=this.$cache.to.outerWidth(!1),this.labels.p_to_fake=this.labels.w_to/this.coords.w_rs*100,this.labels.p_to_left=this.coords.p_to_fake+this.coords.p_handle/2-this.labels.p_to_fake/2,this.labels.p_to_left=this.toFixed(this.labels.p_to_left),this.labels.p_to_left=this.checkEdges(this.labels.p_to_left,this.labels.p_to_fake),this.labels.w_single=this.$cache.single.outerWidth(!1),this.labels.p_single_fake=this.labels.w_single/this.coords.w_rs*100,this.labels.p_single_left=(this.labels.p_from_left+this.labels.p_to_left+this.labels.p_to_fake)/2-this.labels.p_single_fake/2,this.labels.p_single_left=this.toFixed(this.labels.p_single_left),this.labels.p_single_left=this.checkEdges(this.labels.p_single_left,this.labels.p_single_fake)))},updateScene:function(){this.raf_id&&(cancelAnimationFrame(this.raf_id),this.raf_id=null),clearTimeout(this.update_tm),this.update_tm=null,this.options&&(this.drawHandles(),this.is_active?this.raf_id=requestAnimationFrame(this.updateScene.bind(this)):this.update_tm=setTimeout(this.updateScene.bind(this),300))},drawHandles:function(){this.coords.w_rs=this.$cache.rs.outerWidth(!1),this.coords.w_rs&&(this.coords.w_rs!==this.coords.w_rs_old&&(this.target="base",this.is_resize=!0),(this.coords.w_rs!==this.coords.w_rs_old||this.force_redraw)&&(this.setMinMax(),this.calc(!0),this.drawLabels(),this.options.grid&&(this.calcGridMargin(),this.calcGridLabels()),this.force_redraw=!0,this.coords.w_rs_old=this.coords.w_rs,this.drawShadow()),this.coords.w_rs&&(this.dragging||this.force_redraw||this.is_key)&&((this.old_from!==this.result.from||this.old_to!==this.result.to||this.force_redraw||this.is_key)&&(this.drawLabels(),this.$cache.bar[0].style.left=this.coords.p_bar_x+"%",this.$cache.bar[0].style.width=this.coords.p_bar_w+"%","single"===this.options.type?(this.$cache.s_single[0].style.left=this.coords.p_single_fake+"%",this.$cache.single[0].style.left=this.labels.p_single_left+"%",this.options.values.length?this.$cache.input.prop("value",this.result.from_value):this.$cache.input.prop("value",this.result.from),this.$cache.input.data("from",this.result.from)):(this.$cache.s_from[0].style.left=this.coords.p_from_fake+"%",this.$cache.s_to[0].style.left=this.coords.p_to_fake+"%",(this.old_from!==this.result.from||this.force_redraw)&&(this.$cache.from[0].style.left=this.labels.p_from_left+"%"),(this.old_to!==this.result.to||this.force_redraw)&&(this.$cache.to[0].style.left=this.labels.p_to_left+"%"),this.$cache.single[0].style.left=this.labels.p_single_left+"%",this.options.values.length?this.$cache.input.prop("value",this.result.from_value+this.options.input_values_separator+this.result.to_value):this.$cache.input.prop("value",this.result.from+this.options.input_values_separator+this.result.to),this.$cache.input.data("from",this.result.from),this.$cache.input.data("to",this.result.to)),this.old_from===this.result.from&&this.old_to===this.result.to||this.is_start||this.$cache.input.trigger("change"),this.old_from=this.result.from,this.old_to=this.result.to,this.is_resize||this.is_update||this.is_start||this.is_finish||this.callOnChange(),(this.is_key||this.is_click)&&(this.is_key=!1,this.is_click=!1,this.callOnFinish()),this.is_update=!1,this.is_resize=!1,this.is_finish=!1),this.is_start=!1,this.is_key=!1,this.is_click=!1,this.force_redraw=!1))},drawLabels:function(){if(this.options){var t,i,s,o=this.options.values.length,e=this.options.p_values;if(!this.options.hide_from_to)if("single"===this.options.type)o?(t=this.decorate(e[this.result.from]),this.$cache.single.html(t)):(t=this.decorate(this._prettify(this.result.from),this.result.from),this.$cache.single.html(t)),this.calcLabels(),this.labels.p_single_left<this.labels.p_min+1?this.$cache.min[0].style.visibility="hidden":this.$cache.min[0].style.visibility="visible",this.labels.p_single_left+this.labels.p_single_fake>100-this.labels.p_max-1?this.$cache.max[0].style.visibility="hidden":this.$cache.max[0].style.visibility="visible";else{o?(this.options.decorate_both?(t=this.decorate(e[this.result.from]),t+=this.options.values_separator,t+=this.decorate(e[this.result.to])):t=this.decorate(e[this.result.from]+this.options.values_separator+e[this.result.to]),i=this.decorate(e[this.result.from]),s=this.decorate(e[this.result.to]),this.$cache.single.html(t),this.$cache.from.html(i),this.$cache.to.html(s)):(this.options.decorate_both?(t=this.decorate(this._prettify(this.result.from),this.result.from),t+=this.options.values_separator,t+=this.decorate(this._prettify(this.result.to),this.result.to)):t=this.decorate(this._prettify(this.result.from)+this.options.values_separator+this._prettify(this.result.to),this.result.to),i=this.decorate(this._prettify(this.result.from),this.result.from),s=this.decorate(this._prettify(this.result.to),this.result.to),this.$cache.single.html(t),this.$cache.from.html(i),this.$cache.to.html(s)),this.calcLabels();var h=Math.min(this.labels.p_single_left,this.labels.p_from_left),r=this.labels.p_single_left+this.labels.p_single_fake,n=this.labels.p_to_left+this.labels.p_to_fake,a=Math.max(r,n);this.labels.p_from_left+this.labels.p_from_fake>=this.labels.p_to_left?(this.$cache.from[0].style.visibility="hidden",this.$cache.to[0].style.visibility="hidden",this.$cache.single[0].style.visibility="visible",this.result.from===this.result.to?("from"===this.target?this.$cache.from[0].style.visibility="visible":"to"===this.target?this.$cache.to[0].style.visibility="visible":this.target||(this.$cache.from[0].style.visibility="visible"),this.$cache.single[0].style.visibility="hidden",a=n):(this.$cache.from[0].style.visibility="hidden",this.$cache.to[0].style.visibility="hidden",this.$cache.single[0].style.visibility="visible",a=Math.max(r,n))):(this.$cache.from[0].style.visibility="visible",this.$cache.to[0].style.visibility="visible",this.$cache.single[0].style.visibility="hidden"),h<this.labels.p_min+1?this.$cache.min[0].style.visibility="hidden":this.$cache.min[0].style.visibility="visible",a>100-this.labels.p_max-1?this.$cache.max[0].style.visibility="hidden":this.$cache.max[0].style.visibility="visible"}}},drawShadow:function(){var t,i,s,o,e=this.options,h=this.$cache,r="number"==typeof e.from_min&&!isNaN(e.from_min),n="number"==typeof e.from_max&&!isNaN(e.from_max),a="number"==typeof e.to_min&&!isNaN(e.to_min),c="number"==typeof e.to_max&&!isNaN(e.to_max);"single"===e.type?e.from_shadow&&(r||n)?(t=this.convertToPercent(r?e.from_min:e.min),i=this.convertToPercent(n?e.from_max:e.max)-t,t=this.toFixed(t-this.coords.p_handle/100*t),i=this.toFixed(i-this.coords.p_handle/100*i),t+=this.coords.p_handle/2,h.shad_single[0].style.display="block",h.shad_single[0].style.left=t+"%",h.shad_single[0].style.width=i+"%"):h.shad_single[0].style.display="none":(e.from_shadow&&(r||n)?(t=this.convertToPercent(r?e.from_min:e.min),i=this.convertToPercent(n?e.from_max:e.max)-t,t=this.toFixed(t-this.coords.p_handle/100*t),i=this.toFixed(i-this.coords.p_handle/100*i),t+=this.coords.p_handle/2,h.shad_from[0].style.display="block",h.shad_from[0].style.left=t+"%",h.shad_from[0].style.width=i+"%"):h.shad_from[0].style.display="none",e.to_shadow&&(a||c)?(s=this.convertToPercent(a?e.to_min:e.min),o=this.convertToPercent(c?e.to_max:e.max)-s,s=this.toFixed(s-this.coords.p_handle/100*s),o=this.toFixed(o-this.coords.p_handle/100*o),s+=this.coords.p_handle/2,h.shad_to[0].style.display="block",h.shad_to[0].style.left=s+"%",h.shad_to[0].style.width=o+"%"):h.shad_to[0].style.display="none")},callOnStart:function(){this.options.onStart&&"function"==typeof this.options.onStart&&this.options.onStart(this.result)},callOnChange:function(){this.options.onChange&&"function"==typeof this.options.onChange&&this.options.onChange(this.result)},callOnFinish:function(){this.options.onFinish&&"function"==typeof this.options.onFinish&&this.options.onFinish(this.result)},callOnUpdate:function(){this.options.onUpdate&&"function"==typeof this.options.onUpdate&&this.options.onUpdate(this.result)},toggleInput:function(){this.$cache.input.toggleClass("irs-hidden-input")},convertToPercent:function(t,i){var s,o,e=this.options.max-this.options.min,h=e/100;return e?(s=i?t:t-this.options.min,o=s/h,this.toFixed(o)):(this.no_diapason=!0,0)},convertToValue:function(t){var i,s,o=this.options.min,e=this.options.max,h=o.toString().split(".")[1],r=e.toString().split(".")[1],n=0,a=0;if(0===t)return this.options.min;if(100===t)return this.options.max;h&&(n=i=h.length),r&&(n=s=r.length),i&&s&&(n=i>=s?i:s),o<0&&(o=+(o+(a=Math.abs(o))).toFixed(n),e=+(e+a).toFixed(n));var c,l=(e-o)/100*t+o,_=this.options.step.toString().split(".")[1];return _?l=+l.toFixed(_.length):(l/=this.options.step,l=+(l*=this.options.step).toFixed(0)),a&&(l-=a),c=_?+l.toFixed(_.length):this.toFixed(l),c<this.options.min?c=this.options.min:c>this.options.max&&(c=this.options.max),c},calcWithStep:function(t){var i=Math.round(t/this.coords.p_step)*this.coords.p_step;return i>100&&(i=100),100===t&&(i=100),this.toFixed(i)},checkMinInterval:function(t,i,s){var o,e,h=this.options;return h.min_interval?(o=this.convertToValue(t),e=this.convertToValue(i),"from"===s?e-o<h.min_interval&&(o=e-h.min_interval):o-e<h.min_interval&&(o=e+h.min_interval),this.convertToPercent(o)):t},checkMaxInterval:function(t,i,s){var o,e,h=this.options;return h.max_interval?(o=this.convertToValue(t),e=this.convertToValue(i),"from"===s?e-o>h.max_interval&&(o=e-h.max_interval):o-e>h.max_interval&&(o=e+h.max_interval),this.convertToPercent(o)):t},checkDiapason:function(t,i,s){var o=this.convertToValue(t),e=this.options;return"number"!=typeof i&&(i=e.min),"number"!=typeof s&&(s=e.max),o<i&&(o=i),o>s&&(o=s),this.convertToPercent(o)},toFixed:function(t){return+(t=t.toFixed(9))},_prettify:function(t){return this.options.prettify_enabled?this.options.prettify&&"function"==typeof this.options.prettify?this.options.prettify(t):this.prettify(t):t},prettify:function(t){return t.toString().replace(/(\d{1,3}(?=(?:\d\d\d)+(?!\d)))/g,"$1"+this.options.prettify_separator)},checkEdges:function(t,i){return this.options.force_edges?(t<0?t=0:t>100-i&&(t=100-i),this.toFixed(t)):this.toFixed(t)},validate:function(){var t,i,s=this.options,o=this.result,e=s.values,h=e.length;if("string"==typeof s.min&&(s.min=+s.min),"string"==typeof s.max&&(s.max=+s.max),"string"==typeof s.from&&(s.from=+s.from),"string"==typeof s.to&&(s.to=+s.to),"string"==typeof s.step&&(s.step=+s.step),"string"==typeof s.from_min&&(s.from_min=+s.from_min),"string"==typeof s.from_max&&(s.from_max=+s.from_max),"string"==typeof s.to_min&&(s.to_min=+s.to_min),"string"==typeof s.to_max&&(s.to_max=+s.to_max),"string"==typeof s.keyboard_step&&(s.keyboard_step=+s.keyboard_step),"string"==typeof s.grid_num&&(s.grid_num=+s.grid_num),s.max<s.min&&(s.max=s.min),h)for(s.p_values=[],s.min=0,s.max=h-1,s.step=1,s.grid_num=s.max,s.grid_snap=!0,i=0;i<h;i++)t=+e[i],isNaN(t)?t=e[i]:(e[i]=t,t=this._prettify(t)),s.p_values.push(t);("number"!=typeof s.from||isNaN(s.from))&&(s.from=s.min),("number"!=typeof s.to||isNaN(s.from))&&(s.to=s.max),"single"===s.type?(s.from<s.min&&(s.from=s.min),s.from>s.max&&(s.from=s.max)):((s.from<s.min||s.from>s.max)&&(s.from=s.min),(s.to>s.max||s.to<s.min)&&(s.to=s.max),s.from>s.to&&(s.from=s.to)),("number"!=typeof s.step||isNaN(s.step)||!s.step||s.step<0)&&(s.step=1),("number"!=typeof s.keyboard_step||isNaN(s.keyboard_step)||!s.keyboard_step||s.keyboard_step<0)&&(s.keyboard_step=5),"number"==typeof s.from_min&&s.from<s.from_min&&(s.from=s.from_min),"number"==typeof s.from_max&&s.from>s.from_max&&(s.from=s.from_max),"number"==typeof s.to_min&&s.to<s.to_min&&(s.to=s.to_min),"number"==typeof s.to_max&&s.from>s.to_max&&(s.to=s.to_max),o&&(o.min!==s.min&&(o.min=s.min),o.max!==s.max&&(o.max=s.max),(o.from<o.min||o.from>o.max)&&(o.from=s.from),(o.to<o.min||o.to>o.max)&&(o.to=s.to)),("number"!=typeof s.min_interval||isNaN(s.min_interval)||!s.min_interval||s.min_interval<0)&&(s.min_interval=0),("number"!=typeof s.max_interval||isNaN(s.max_interval)||!s.max_interval||s.max_interval<0)&&(s.max_interval=0),s.min_interval&&s.min_interval>s.max-s.min&&(s.min_interval=s.max-s.min),s.max_interval&&s.max_interval>s.max-s.min&&(s.max_interval=s.max-s.min)},decorate:function(t,i){var s="",o=this.options;return o.prefix&&(s+=o.prefix),s+=t,o.max_postfix&&(o.values.length&&t===o.p_values[o.max]?(s+=o.max_postfix,o.postfix&&(s+=" ")):i===o.max&&(s+=o.max_postfix,o.postfix&&(s+=" "))),o.postfix&&(s+=o.postfix),s},updateFrom:function(){this.result.from=this.options.from,this.result.from_percent=this.convertToPercent(this.result.from),this.options.values&&(this.result.from_value=this.options.values[this.result.from])},updateTo:function(){this.result.to=this.options.to,this.result.to_percent=this.convertToPercent(this.result.to),this.options.values&&(this.result.to_value=this.options.values[this.result.to])},updateResult:function(){this.result.min=this.options.min,this.result.max=this.options.max,this.updateFrom(),this.updateTo()},appendGrid:function(){if(this.options.grid){var t,i,s,o,e,h=this.options,r=h.max-h.min,n=h.grid_num,a=0,c=0,l=4,_="";for(this.calcGridMargin(),h.grid_snap?(n=r/h.step,a=this.toFixed(h.step/(r/100))):a=this.toFixed(100/n),n>4&&(l=3),n>7&&(l=2),n>14&&(l=1),n>28&&(l=0),t=0;t<n+1;t++){for(s=l,(c=this.toFixed(a*t))>100&&(c=100,(s-=2)<0&&(s=0)),this.coords.big[t]=c,o=(c-a*(t-1))/(s+1),i=1;i<=s&&0!==c;i++)_+='<span class="irs-grid-pol small" style="left: '+this.toFixed(c-o*i)+'%"></span>';_+='<span class="irs-grid-pol" style="left: '+c+'%"></span>',e=this.convertToValue(c),_+='<span class="irs-grid-text js-grid-text-'+t+'" style="left: '+c+'%">'+(e=h.values.length?h.p_values[e]:this._prettify(e))+"</span>"}this.coords.big_num=Math.ceil(n+1),this.$cache.cont.addClass("irs-with-grid"),this.$cache.grid.html(_),this.cacheGridLabels()}},cacheGridLabels:function(){var t,i,s=this.coords.big_num;for(i=0;i<s;i++)t=this.$cache.grid.find(".js-grid-text-"+i),this.$cache.grid_labels.push(t);this.calcGridLabels()},calcGridLabels:function(){var t,i=[],s=[],o=this.coords.big_num;for(t=0;t<o;t++)this.coords.big_w[t]=this.$cache.grid_labels[t].outerWidth(!1),this.coords.big_p[t]=this.toFixed(this.coords.big_w[t]/this.coords.w_rs*100),this.coords.big_x[t]=this.toFixed(this.coords.big_p[t]/2),i[t]=this.toFixed(this.coords.big[t]-this.coords.big_x[t]),s[t]=this.toFixed(i[t]+this.coords.big_p[t]);for(this.options.force_edges&&(i[0]<-this.coords.grid_gap&&(i[0]=-this.coords.grid_gap,s[0]=this.toFixed(i[0]+this.coords.big_p[0]),this.coords.big_x[0]=this.coords.grid_gap),s[o-1]>100+this.coords.grid_gap&&(s[o-1]=100+this.coords.grid_gap,i[o-1]=this.toFixed(s[o-1]-this.coords.big_p[o-1]),this.coords.big_x[o-1]=this.toFixed(this.coords.big_p[o-1]-this.coords.grid_gap))),this.calcGridCollision(2,i,s),this.calcGridCollision(4,i,s),t=0;t<o;t++)this.$cache.grid_labels[t][0].style.marginLeft=-this.coords.big_x[t]+"%"},calcGridCollision:function(t,i,s){var o,e,h,r=this.coords.big_num;for(o=0;o<r&&!((e=o+t/2)>=r);o+=t)h=this.$cache.grid_labels[e][0],s[o]<=i[e]?h.style.visibility="visible":h.style.visibility="hidden"},calcGridMargin:function(){this.options.grid_margin&&(this.coords.w_rs=this.$cache.rs.outerWidth(!1),this.coords.w_rs&&("single"===this.options.type?this.coords.w_handle=this.$cache.s_single.outerWidth(!1):this.coords.w_handle=this.$cache.s_from.outerWidth(!1),this.coords.p_handle=this.toFixed(this.coords.w_handle/this.coords.w_rs*100),this.coords.grid_gap=this.toFixed(this.coords.p_handle/2-.1),this.$cache.grid[0].style.width=this.toFixed(100-this.coords.p_handle)+"%",this.$cache.grid[0].style.left=this.coords.grid_gap+"%"))},update:function(i){this.input&&(this.is_update=!0,this.options.from=this.result.from,this.options.to=this.result.to,this.options=t.extend(this.options,i),this.validate(),this.updateResult(i),this.toggleInput(),this.remove(),this.init(!0))},reset:function(){this.input&&(this.updateResult(),this.update())},destroy:function(){this.input&&(this.toggleInput(),this.$cache.input.prop("readonly",!1),t.data(this.input,"ionRangeSlider",null),this.remove(),this.input=null,this.options=null)}},t.fn.ionRangeSlider=function(i){return this.each(function(){t.data(this,"ionRangeSlider")||t.data(this,"ionRangeSlider",new n(this,i,h++))})},function(){for(var t=0,i=["ms","moz","webkit","o"],o=0;o<i.length&&!s.requestAnimationFrame;++o)s.requestAnimationFrame=s[i[o]+"RequestAnimationFrame"],s.cancelAnimationFrame=s[i[o]+"CancelAnimationFrame"]||s[i[o]+"CancelRequestAnimationFrame"];s.requestAnimationFrame||(s.requestAnimationFrame=function(i,o){var e=(new Date).getTime(),h=Math.max(0,16-(e-t)),r=s.setTimeout(function(){i(e+h)},h);return t=e+h,r}),s.cancelAnimationFrame||(s.cancelAnimationFrame=function(t){clearTimeout(t)})}()});
\ No newline at end of file
diff --git a/frontend/web/js/script.js b/frontend/web/js/script.js
index 9f85355..2b84c8b 100755
--- a/frontend/web/js/script.js
+++ b/frontend/web/js/script.js
@@ -1,32 +1,5 @@
 $(function() {
 
-    sliderSolution();
-    function sliderSolution() {
-        let sliderBlock = document.querySelectorAll('.index-solution-slider');
-        if(sliderBlock.length) {
-            $(".index-solution-slider__row").owlCarousel(
-                    {
-                        navigation: true,
-                        navigationText: [],
-                        autoPlay: false,
-                        rewindNav:false,
-                        items: 4,
-                        // itemsDesktopSmall: [
-                        //     900,
-                        //     3
-                        // ],
-                        // itemsTablet: [
-                        //     600,
-                        //     3
-                        // ],
-                        // itemsMobile: [
-                        //     500,
-                        //     2
-                        // ]
-                    });
-        }
-    }
-
         phoneMask('input[name="Feedback[phone]"]');
 
 
--
libgit2 0.21.4