diff --git a/app/Http/Controllers/admin/PageController.php b/app/Http/Controllers/admin/PageController.php
index 61afb69..899c6f9 100644
--- a/app/Http/Controllers/admin/PageController.php
+++ b/app/Http/Controllers/admin/PageController.php
@@ -146,8 +146,14 @@ class PageController extends Controller
                 $carry[$facultyName]['directions'][$directionName]['budget_places']
                     [$educationalInstitutionName][$directionProfileName][$educationFormName] = $directionBudgetPlaces;
 
-                $carry[$facultyName]['directions'][$directionName]
-                ['paid_places'][$educationFormName] = $directionPaidPlaces;
+
+                $carry[$facultyName]['directions'][$directionName]['paid_places']
+                [$educationalInstitutionName][$directionProfileName][$educationFormName] = $directionPaidPlaces;
+
+                /*$carry[$facultyName]['directions'][$directionName]
+                ['paid_places'][$educationFormName] = $directionPaidPlaces;*/
+
+
                 $carry[$facultyName]['directions'][$directionName]
                 ['cost_paid_place'][$educationFormName] = $directionCostPaidPlace;
                 $carry[$facultyName]['directions'][$directionName]['period'][$educationFormName] = $directionPeriod;
diff --git a/app/Services/DirectonHtmlBuilder.php b/app/Services/DirectonHtmlBuilder.php
index f62dd29..1e6c01f 100644
--- a/app/Services/DirectonHtmlBuilder.php
+++ b/app/Services/DirectonHtmlBuilder.php
@@ -19,6 +19,8 @@ class DirectonHtmlBuilder
         $direction = $this->direction;
         $fon_3 = URL::to('img/front-page/bakalavr-special/fon3_blok.png');
 
+        $green_circle = URL::to('img/front-page/green-circle.png');
+
         $education_form = '';
         foreach ($direction['education_form'] as $el) {
             $education_form .= $el . ', ';
@@ -31,41 +33,82 @@ class DirectonHtmlBuilder
             $period .= '<span style="font-family: Geologica-ExtraLight">' . $key . '</span> - ' . '<strong>' . $el . '</strong><br>' ;
         }
 
-        $EGE = '<br>';
+
+        //dd($direction);
+
+        $paid_cost = '<div class="col-auto  ">
+                    <strong class="fs-3"> Стоимость обучения </strong>
+                    <br>
+                    <br>
+                    <div class="fs-4 text-start">';
+        foreach ($direction['cost_paid_place'] as $key => $el) {
+            $paid_cost .= '<span style="font-family: Geologica-ExtraLight">' . $key . '</span> - ' . '<strong>' . $el . '</strong><br>' ;
+        }
+        $paid_cost .= '</div></div>';
+
+
+
+
+        $EGE = '<div class="col-auto  ">
+                    <strong> ЕГЭ </strong>
+                    <br>
+                    <br>
+                    <div class=" d-inline-block p-2 text-start">';
         foreach ($direction['entrance_examinations']['ЕГЭ']['Обязательные'] as $key => $el) {
             $EGE .= '<span style="font-family: Geologica-ExtraLight">' . $key . '</span> - ' . '<strong>' . $el . '</strong><br>' ;
         }
-        //dd($direction);
-        $po_viboru = '<br>';
+        $EGE .= '</div></div>';
+
+        $po_viboru = '<div class="col-auto  ">
+                      <strong> Предметы по выбору </strong>
+                      <br>
+                      <br>
+                      <div class=" d-inline-block p-2 text-start">';
         if(array_key_exists('Предметы по выбору', $direction['entrance_examinations']['ЕГЭ'])){
             foreach ($direction['entrance_examinations']['ЕГЭ']['Предметы по выбору'] as $key => $el) {
                 $po_viboru .= '<span style="font-family: Geologica-ExtraLight">' . $key . '</span> - ' . '<strong>' . $el . '</strong><br>' ;
             }
+            $po_viboru .= '</div></div>';
+        }else {
+            $po_viboru = '';
         }
-        $SPO = '<br>';
+
+
+        $SPO = '<div class="col-auto  ">
+                <strong> СПО </strong>
+                <br>
+                <br>
+                <div class=" d-inline-block p-2 text-start">';
         if(array_key_exists('СПО', $direction['entrance_examinations'])){
+
             foreach ($direction['entrance_examinations']['СПО']['Обязательные'] as $key => $el) {
                 $SPO .= '<span style="font-family: Geologica-ExtraLight">' . $key . '</span> - ' . '<strong>' . $el . '</strong><br>' ;
             }
+            $SPO .= '</div></div>';
+        }else {
+            $SPO = '';
         }
 
 
+
         $mgtu = '';
         if(array_key_exists('МГТУ', $direction['budget_places'])){
 
             foreach ($direction['budget_places']['МГТУ'] as $profile_name => $profile) {
                 $profile_content ='';
                 foreach($profile as $forms => $budget_places){
-                    $profile_content .= "<strong> {$forms} </strong> - " . "<span style='font-family: Geologica-ExtraLight'> {$budget_places} </span><br>";
+                    $profile_content .= "<strong> {$forms} </strong> - " . "<span style=\'font-family: Geologica-ExtraLight\'> {$budget_places} </span><br>";
                 }
+                $tmp = str_replace(' ', '', $profile_name);
+                $tmp = str_replace(',', '', $tmp);
                 $mgtu .= "<div class=\"accordion\" id=\"accordionExample\">
                               <div class=\"accordion-item\">
                                 <h2 class=\"accordion-header\">
-                                  <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseOne\" aria-expanded=\"true\" aria-controls=\"collapseOne\">
+                                  <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-{$tmp}\" aria-expanded=\"true\" aria-controls=\"collapse-{$tmp}\">
                                      $profile_name
                                   </button>
                                 </h2>
-                                <div id=\"collapseOne\" class=\"accordion-collapse collapse show\" data-bs-parent=\"#accordionExample\">
+                                <div id=\"collapse-{$tmp}\" class=\"accordion-collapse collapse show\" data-bs-parent=\"#accordionExample\">
                                   <div class=\"accordion-body\">
                                        $profile_content
                                   </div>
@@ -74,49 +117,109 @@ class DirectonHtmlBuilder
                         </div>" ;
             }
         }
+//        if($direction['name'] == 'Нефтегазовое дело') {
+//            dd($direction);
+//        };
+//        dd($direction);
 
 
 
 
 
+        $filial = '';
+        if(array_key_exists('Филиал МГТУ (пос. Яблоновский)', $direction['budget_places'])){
 
-        $filial = '222';
+            foreach ($direction['budget_places']['Филиал МГТУ (пос. Яблоновский)'] as $profile_name => $profile) {
+                $profile_content ='';
+                foreach($profile as $forms => $budget_places){
+                    $profile_content .= "<strong> {$forms} </strong> - " . "<span style=\'font-family: Geologica-ExtraLight\'> {$budget_places} </span><br>";
+                }
+                $tmp = str_replace(' ', '', $profile_name);
+                $tmp = str_replace(',', '', $tmp);
+                $filial .= "<div class=\"accordion \" id=\"accordionExample\">
+                              <div class=\"accordion-item\">
+                                <h2 class=\"accordion-header\">
+                                  <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-{$tmp}\" aria-expanded=\"true\" aria-controls=\"collapse-{$tmp}\">
+                                     $profile_name
+                                  </button>
+                                </h2>
+                                <div id=\"collapse-{$tmp}\" class=\"accordion-collapse collapse show\" data-bs-parent=\"#accordionExample\">
+                                  <div class=\"accordion-body\">
+                                       $profile_content
+                                  </div>
+                                </div>
+                              </div>
+                        </div>" ;
+            }
+        }
+        else {
+            $filial = '<div class="w-100 h-100 d-flex justify-content-center align-items-center" >Этой специальности нет в филиалле</div>';
+        }
+        $paid_places_content = '';
+        foreach ($direction['paid_places'] as $institution) {
+            foreach ($institution as $profile_name => $profile) {
 
+                    $profile_content = '';
+                    foreach ($profile as $forms => $paid_places) {
+                        $profile_content .= "<strong> {$forms} </strong> - " . "<span style=\'font-family: Geologica-ExtraLight\'> {$paid_places} </span><br>";
+                    }
+                    $tmp = str_replace(' ', '', $profile_name);
+                    $tmp = str_replace(',', '', $tmp);
+                    $paid_places_content .= "<div class=\"accordion \" id=\"accordionExample\">
+                              <div class=\"accordion-item\">
+                                <h2 class=\"accordion-header\">
+                                  <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-{$tmp}{$tmp}\" aria-expanded=\"true\" aria-controls=\"collapse-{$tmp}{$tmp}\">
+                                     $profile_name
+                                  </button>
+                                </h2>
+                                <div id=\"collapse-{$tmp}{$tmp}\" class=\"accordion-collapse collapse show\" data-bs-parent=\"#accordionExample\">
+                                  <div class=\"accordion-body\">
+                                       $profile_content
+                                  </div>
+                                </div>
+                              </div>
+                        </div>" ;
+
+            }
+        }
 
 
         return "<div class=\"offcanvas offcanvas-bottom\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"offcanvasScrolling-{$direction['id'] }\" aria-labelledby=\"offcanvasScrollingLabel-{$direction['id']}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ;              background-image:  url({$fon_3}); color: #004329\">
 
 
-            <div class=\"mx-5 \">
+            <div class=\"mx-5 pb-5\">
                 <div class=\"col-12 d-flex justify-content-end mt-4\">
                     <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>
                 </div>
-
                 <div class='row'>
-
                     <div class='col-11 d-block'>
-                        <div class='col'>
-                            <div class=\"display-6 \" style=\"font-family: Geologica-Light\"> {$direction['code']} </div>
-                            <div class=\"display-6 \" > {$direction['name']}</div>
+                        <div class='col ms-4'>
+                            <div class=\"display-5 \" style=\"font-family: Geologica-Light\"> {$direction['code']} </div>
+                            <div class=\"display-5 \" > {$direction['name']}</div>
                         </div>
                         <div class='col d-flex justify-content-end'>
-                            <div class=\"fs-5 \" style=\"font-family: Geologica-Light\">
-                                <a href='#' role='button' class='button-mgtu'> МГТУ </a> |
-                                <a href='#' role='button' class='button-filial'  > Филиал МГТУ (пос. Яблоновский)</a>
+                            <div class=\"fs-5 mb-3 \" style=\"font-family: Geologica-Light\">
+
+                                <button type='button' class='button_chng_instit hover2 btn btn-outline-success'  data-institut='mgtu' data-id='{$direction['id']}'>
+                                    <img style='width: 8px; height: auto;' id = 'id_mgtu_{$direction['id']}' src='img/front-page/green-circle.png'>
+                                    МГТУ
+                                </button> |
+
+                                <button type='button' class='button_chng_instit hover2 btn btn-outline-success' data-institut='filial' data-id='{$direction['id']}'>
+                                    <img style='display: none; width: 8px; height: auto;' id = 'id_filial_{$direction['id']}' src='img/front-page/green-circle.png'> Филиал МГТУ (пос. Яблоновский)
+                                </button>
                              </div>
                         </div>
                     </div>
-
                     <hr class='col-11 '>
                     <div class=\"mt-4\">
-                                <p style=\"text-align: justify;\">{$direction['description']}</p>
-                           </div>
-
+                        <p style=\"text-align: justify;\">{$direction['description']}</p>
+                    </div>
                 </div>
                 <div class='row'>
-                    <div class='col-11 d-flex justify-content-end'> <a href='#' role='button'> Бюджет </a> | <a href='#' role='button' > Коммерция</a> </div>
-                    <div class=' col-4 '>
-                           <div class=\"p-3 px-5 border-success fs-5\" style='border-radius: 20px; border: 2px solid;'>
+
+                    <div class='col-12 col-lg-4 h-100 '>
+                           <div class=\"p-3 px-5 border-success fs-5 h-100 \" style='border-radius: 20px; border: 2px solid;'>
                                <div > Уровень образования:
                                     <strong>{$direction['education_level']} </strong>
                                </div>
@@ -128,53 +231,45 @@ class DirectonHtmlBuilder
                                </div>
                            </div>
                     </div>
-                    <div class=' col-7 '>
+                    <div class='col-12 col-lg-8 col-xl-7 '>
                         <div class=\"p-3 px-5 border-success fs-5 h-100\" style='border-radius: 20px; border: 2px solid;'>
-                            <script>
-                            $(\".button-mgtu\").click(function () {
-
-                                $(\".content_budget\").html('{$mgtu}');
-                                    });
-                            $(\".button-filial\").click(function () {
-                                $(\".content_budget\").html('{$filial}');
-                                    });
-                            </script>
-                            <style>
-
-                            </style>
-                            <strong>Места для обучения:</strong><br>
+                            <strong class='d-flex justify-content-center fs-3'>Места для обучения:</strong><br>
                             <div class='content_budget'>
+                                <br>
+                                <div class='row'>
+                                     <div class='col'>
+                                        <p class='text-center'> Бюджет</p>
+                                        <div id='content_budget_filial_{$direction['id']}' style='display: none;' >{$filial}</div>
+                                        <div id='content_budget_mgtu_{$direction['id']}' >{$mgtu}</div>
+                                    </div>
+
+
+                                    <div class='col'>
+                                        <p class='text-center'> Коммерция</p>
+                                        <div>  $paid_places_content </div>
+
+                                    </div>
+                                </div>
+
 
                             </div>
-
                         </div>
                     </div>
                 </div>
                 <div class='row mt-3'>
-                    <div class=' col-9 '>
+                    <div class='col-12 col-lg-9 '>
                         <div class=\"p-3 px-5 border-success fs-5 h-100\" style='border-radius: 20px; border: 2px solid;'>
-                            <strong> Проходные баллы:</strong>
+                            <strong class='fs-3'> Проходные баллы:</strong>
                             <div class='row mt-3'>
-                                <div class='col '>
-                                    <strong> ЕГЭ </strong>
-                                    $EGE
-                                </div>
-                                <div class='col '>
-                                    <strong> Предметы по выбору </strong>
-                                    $po_viboru
-                                </div>
-                                <div class='col '>
-                                    <strong> СПО </strong>
-                                    $SPO
-                                </div>
+                                $EGE $po_viboru $SPO
                             </div>
 
 
                         </div>
                     </div>
-                    <div class=' col-2 '>
-                        <div class=\"p-3 px-5 border-success fs-5 h-100\" style='border-radius: 20px; border: 2px solid;'>
-
+                    <div class='col-12 col-lg-3 col-xl-2 '>
+                        <div class=\"p-3 border-success fs-5 h-100 col\" style='border-radius: 20px; border: 2px solid;'>
+                            $paid_cost
                         </div>
                     </div>
                 </div>
diff --git a/public/img/front-page/green-circle.png b/public/img/front-page/green-circle.png
new file mode 100644
index 0000000..c12fa7a
Binary files /dev/null and b/public/img/front-page/green-circle.png differ
diff --git a/public/img/logo/logo-white.png b/public/img/logo/logo-white.png
new file mode 100644
index 0000000..96dd349
Binary files /dev/null and b/public/img/logo/logo-white.png differ
diff --git a/resources/views/layouts/new-design-layout.blade.php b/resources/views/layouts/new-design-layout.blade.php
index 31e2a8f..a132491 100644
--- a/resources/views/layouts/new-design-layout.blade.php
+++ b/resources/views/layouts/new-design-layout.blade.php
@@ -9,7 +9,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <!-- Place favicon.ico in the root directory -->
-    <link rel="shortcut icon" type="image/x-icon" href="{{ URL::to('img/logo/logo_1-2.png') }}">
+    <link rel="shortcut icon" type="image/x-icon" href="{{ URL::to('img/front-page/logo.png') }}">
 
     <!-- CSS here  -->
 
diff --git a/resources/views/new-design/bakalavr-special.blade.php b/resources/views/new-design/bakalavr-special.blade.php
index 9b3fac1..9dbc553 100644
--- a/resources/views/new-design/bakalavr-special.blade.php
+++ b/resources/views/new-design/bakalavr-special.blade.php
@@ -56,8 +56,14 @@
             color: unset;
 
         }
+        .default-focus{
 
 
+            border-color: #198754;
+            box-shadow: 0 0 0 0.25rem rgba(25,135,84,.5);
+
+        }
+
         .gradient-text {
             background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }});
             -webkit-background-clip: text;
@@ -71,6 +77,7 @@
 
         }
 
+
         .hover1:hover {
             transform: scale(1.1);
             transition: all .3s ease-in-out;
@@ -452,7 +459,26 @@
                     </div>
 
                 @endforeach
+                <!--Здесь пишем ЯВА СКРИПТ-->
+                <script>
+                    $(".button_chng_instit").click(function () {
+                        let id=$(this).data('id');
+                        let institut=$(this).data('institut');
+                        if(institut=='mgtu') {
+                            $("#content_budget_filial_" + id).hide();
+                            $("#content_budget_mgtu_" + id).show();
+                            $("#id_mgtu_" + id).show();
+                            $("#id_filial_" + id).hide();
+                        }else{
+                            $("#content_budget_filial_"+id).show();
+                            $("#content_budget_mgtu_"+id).hide();
+                            $("#id_mgtu_"+id).hide();
+                            $("#id_filial_"+id).show();
+                        }
+                    });
 
+
+                </script>
             </div>
         </div>
     </div>