diff --git a/public/assets/stylesheet/custom.css b/public/assets/stylesheet/custom.css
index 1d900575..a9542705 100644
--- a/public/assets/stylesheet/custom.css
+++ b/public/assets/stylesheet/custom.css
@@ -530,6 +530,7 @@ img.d2-img {
     margin-top: -15px;
     margin-bottom: 10px;} }
   .overlay-details p.description {
+    display: none;
     font-size: 30px;
     margin-top: 30px;
     line-height: 32px;
@@ -1695,4 +1696,34 @@ input.reserved-seats ~ label svg {
   margin-right: 5px;
   transition-property: background-color;
   transition-duration: .2s;
+}
+
+.film_name a{
+  color: #000000;
+  transition-property: color;
+  transition-duration: .2s;
+  font-size: 24px;
+}
+
+.film_name a:hover{
+  color: #D33D33;
+}
+
+.cat_but, .buy_button{
+  background-color: #D33D33 !important;
+  transition-property: opacity;
+  transition-duration: .2s;
+}
+
+.cat_but:hover, .buy_button:hover{
+  opacity: .8;
+}
+
+.film_op{
+  position: relative;
+}
+
+.buy_and_salary{
+  position: absolute;
+  bottom: 5px;
 }
\ No newline at end of file
diff --git a/public/assets/stylesheet/custom_new.css b/public/assets/stylesheet/custom_new.css
index d7c21cd7..7de2643d 100644
--- a/public/assets/stylesheet/custom_new.css
+++ b/public/assets/stylesheet/custom_new.css
@@ -2,9 +2,13 @@
 
 section#cat_and_buttons{
   margin-top: 15px;
-  padding-bottom: 30px;
-  border-bottom:1px solid  #DDDDDD
 }
+
+section#cat_and_buttons > .container > .row{
+  border-bottom: 1px solid #DDDDDD;
+  padding-bottom: 30px;
+}
+
 #vybor_select{
   border:1px solid #DDDDDD;
   min-width: 60%;
@@ -79,6 +83,7 @@ a.buy_button{
   color:#fff;
   font-weight: bolder;
   font-size: 16px;
+  margin-left: 15px;
 }
 a.buy_button:hover{
   background-image: url('../img/icons/buy_hover.svg');
diff --git a/resources/views/Bilettm/Layouts/BilettmLayout.blade.php b/resources/views/Bilettm/Layouts/BilettmLayout.blade.php
index 19bb33bc..d60bf424 100644
--- a/resources/views/Bilettm/Layouts/BilettmLayout.blade.php
+++ b/resources/views/Bilettm/Layouts/BilettmLayout.blade.php
@@ -39,7 +39,7 @@
 <script src="{{asset('vendor/bootstrap4/bootstrap.min.js')}}"></script>
 
 <script src="{{ asset('vendor/chosen/chosen.jquery.js') }}"></script>
-<script src="{{ asset('vendor/jquery-ui/ui/widgets/datepicker.js') }}"></script>
+{{--<script src="{{ asset('vendor/jquery-ui/ui/widgets/datepicker.js') }}"></script>--}}
 
 @yield('after_scripts')
 
diff --git a/resources/views/Bilettm/Partials/EventItem.blade.php b/resources/views/Bilettm/Partials/EventItem.blade.php
index 3f3da50f..44a2f1af 100644
--- a/resources/views/Bilettm/Partials/EventItem.blade.php
+++ b/resources/views/Bilettm/Partials/EventItem.blade.php
@@ -1,12 +1,11 @@
-<div class="container film">
+<div class="film">
     <div class="row">
-        <div class="col-md-3 col-3 col-lg-3">
+        <div class="col-md-4 col-4 col-lg-4">
             <img class="film_img" src="{{asset($event->images->first()->image_path ?? '#')}}"/>
         </div>
-        <div class="col-md-6 col-lg-6 col-6">
+        <div class="col-md-8 col-lg-8 col-8">
             <div class="film_op">
                 <div class="date">
-                    <img src="{{asset('assets/images/icons/eticket.svg')}}">
                     <div class="day">
                         <h4>{{$event->start_date->format('d.m.Y')}}</h4>
                         <h6>{{$event->end_date->format('d.m.Y')}}</h6>
diff --git a/resources/views/Bilettm/Partials/HomeTheatre.blade.php b/resources/views/Bilettm/Partials/HomeTheatre.blade.php
index 7696899b..5c41bef3 100644
--- a/resources/views/Bilettm/Partials/HomeTheatre.blade.php
+++ b/resources/views/Bilettm/Partials/HomeTheatre.blade.php
@@ -4,11 +4,11 @@
         <div style="height: 5px; margin-left: 5px; position: absolute; bottom: 10px; width: 100px; background-color: rgba(211,61,51,1)"></div>
         <a class="teatr-show-more m-0" href="{{route('showCategoryEventsPage')}}">Посмотреть все</a>
     </div>
-    <div class="tab-ozi col-12">
+    <div class="tab-ozi col-12" style="margin-top: 20px">
         <div class="kinoteator-tab1-wrapper">
 
-            <div class="row">
-                <div class="col-md-10">
+            <div class="row" style="width: 100%; margin: auto">
+                <div class="col-md-10" style="padding: 0 7px">
                     <div id="carousel-09-1" class="js-carousel text-center g-font-size-0 g-mb-20 g-mb-0--sm" data-infinite="true" data-vertical="true" data-arrows-classes="u-arrow-v1 g-absolute-centered--x g-width-35 g-height-35 g-font-size-18 g-color-gray g-bg-white" data-arrow-left-classes="fa fa-angle-up g-top-0" data-arrow-right-classes="fa fa-angle-down g-bottom-0" data-nav-for="#carousel-09-2">
                         @foreach($theatre as $event)
                             @include('Bilettm.Partials.TheaterItem',['event'=>$event])
diff --git a/resources/views/Bilettm/Partials/ItemsList.blade.php b/resources/views/Bilettm/Partials/ItemsList.blade.php
index eea7837d..9fc98e2d 100644
--- a/resources/views/Bilettm/Partials/ItemsList.blade.php
+++ b/resources/views/Bilettm/Partials/ItemsList.blade.php
@@ -74,7 +74,6 @@
                 <div class="col-md-6 col-lg-6 col-6">
                     <div class="film_op">
                         <div class="date">
-                            <img src="assets/assets/img/icons/eticket.svg">
                             <div class="day">
                                 <h4>13 сентября</h4>
                                 <h6>19:00, пятница</h6>
@@ -115,7 +114,6 @@
                 <div class="col-md-6 col-lg-6 col-6">
                     <div class="film_op">
                         <div class="date">
-                            <img src="assets/assets/img/icons/eticket.svg">
                             <div class="day">
                                 <h4>13 сентября</h4>
                                 <h6>19:00, пятница</h6>
@@ -142,7 +140,6 @@
                 <div class="col-md-6 col-lg-6 col-6">
                     <div class="film_op">
                         <div class="date">
-                            <img src="assets/assets/img/icons/eticket.svg">
                             <div class="day">
                                 <h4>13 сентября</h4>
                                 <h6>19:00, пятница</h6>
@@ -169,7 +166,6 @@
                 <div class="col-md-6 col-lg-6 col-6">
                     <div class="film_op">
                         <div class="date">
-                            <img src="assets/assets/img/icons/eticket.svg">
                             <div class="day">
                                 <h4>13 сентября</h4>
                                 <h6>19:00, пятница</h6>
@@ -196,7 +192,6 @@
                 <div class="col-md-6 col-lg-6 col-6">
                     <div class="film_op">
                         <div class="date">
-                            <img src="assets/assets/img/icons/eticket.svg">
                             <div class="day">
                                 <h4>13 сентября</h4>
                                 <h6>19:00, пятница</h6>
diff --git a/resources/views/Bilettm/Public/EventsPage.blade.php b/resources/views/Bilettm/Public/EventsPage.blade.php
index 039b808d..484e4a9d 100644
--- a/resources/views/Bilettm/Public/EventsPage.blade.php
+++ b/resources/views/Bilettm/Public/EventsPage.blade.php
@@ -1,4 +1,8 @@
 @extends('Bilettm.Layouts.BilettmLayout')
+@section('after_styles')
+    <link rel="stylesheet" href="{{ asset('vendor/jquery-ui/themes/base/jquery-ui.min.css') }}">
+@endsection
+
 @section('content')
     {{\DaveJamesMiller\Breadcrumbs\Facades\Breadcrumbs::render('category',$category)}}
     <!-- Films Opisanie Buttons section -->
@@ -25,9 +29,18 @@
         </div>
     </section>
     <section id='opisanie_section'>
-    @foreach($events as $event)
-        @include('Bilettm.Partials.EventItem')
-    @endforeach
+        <div class="container">
+            <div class="row">
+                <div class="col-9">
+                    @foreach($events as $event)
+                        @include('Bilettm.Partials.EventItem')
+                    @endforeach
+                </div>
+                <div class="col-3">
+                    <div id="datepickerInlineFrom" class="u-datepicker-v1 g-brd-gray-light-v2 g-mb-40 g-mb-0--xl" data-range="true" data-to="datepickerInlineTo"></div>
+                </div>
+            </div>
+        </div>
         <div class="container film">
             <div class="row">
                 <div class="col-md-9 col-lg-9 col-sm-9 col-9">
@@ -42,4 +55,31 @@
             </div>
         </div>
     </section>
+@endsection
+
+@section('after_scripts')
+    <script  src="{{ asset('vendor/jquery-ui/ui/widget.js') }}"></script>
+    <script  src="{{ asset('vendor/jquery-ui/ui/version.js') }}"></script>
+    <script  src="{{ asset('vendor/jquery-ui/ui/keycode.js') }}"></script>
+    <script  src="{{ asset('vendor/jquery-ui/ui/position.js') }}"></script>
+    <script  src="{{ asset('vendor/jquery-ui/ui/unique-id.js') }}"></script>
+    <script  src="{{ asset('vendor/jquery-ui/ui/safe-active-element.js') }}"></script>
+
+    <!-- jQuery UI Helpers -->
+    <script  src="{{ asset('vendor/jquery-ui/ui/widgets/menu.js') }}"></script>
+    <script  src="{{ asset('vendor/jquery-ui/ui/widgets/mouse.js') }}"></script>
+
+    <!-- jQuery UI Widgets -->
+    <script  src="{{ asset('vendor/jquery-ui/ui/widgets/datepicker.js') }}"></script>
+
+    <!-- JS Unify -->
+    <script  src="{{ asset('assets/javascript/components/hs.datepicker.js') }}"></script>
+
+    <!-- JS Plugins Init. -->
+    <script >
+        $(document).on('ready', function () {
+            // initialization of forms
+            $.HSCore.components.HSDatepicker.init('#datepickerDefault, #datepickerInline, #datepickerInlineFrom, #datepickerFrom');
+        });
+    </script>
 @endsection
\ No newline at end of file