Commit 633ea705f911085da4ded96726a1f03a6caf7af9

Authored by Сергей П
1 parent a67c9d7ef4
Exists in master

Массовая рассылка сообщений

Showing 8 changed files with 169 additions and 79 deletions Inline Diff

app/Http/Controllers/Admin/MsgAnswersController.php
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\Admin; 3 namespace App\Http\Controllers\Admin;
4 4
5 use App\Http\Controllers\Controller; 5 use App\Http\Controllers\Controller;
6 use App\Models\Message; 6 use App\Models\Message;
7 use App\Models\MessagesRequests;
7 use App\Models\User; 8 use App\Models\User;
8 use Illuminate\Database\Eloquent\Builder; 9 use Illuminate\Database\Eloquent\Builder;
9 use Illuminate\Http\Request; 10 use Illuminate\Http\Request;
10 use Illuminate\Support\Facades\Auth; 11 use Illuminate\Support\Facades\Auth;
11 use Illuminate\Support\Facades\DB; 12 use Illuminate\Support\Facades\DB;
12 use Illuminate\Support\Facades\Validator; 13 use Illuminate\Support\Facades\Validator;
13 14
14 class MsgAnswersController extends Controller 15 class MsgAnswersController extends Controller
15 { 16 {
16 public function messages(Request $request) { 17 public function messages(Request $request) {
17 $find_key = ""; 18 $find_key = "";
18 $find_cat = ""; 19 $find_cat = "";
19 $Msgs = Message::with('user_from')->with('user_to'); //->with('response'); 20 $Msgs = Message::with('user_from')->with('user_to'); //->with('response');
20 21
21 $Msgs = $this->filter($Msgs, $request, $find_key, $find_cat); 22 $Msgs = $this->filter($Msgs, $request, $find_key, $find_cat);
22 23
23 $Msgs = $Msgs->orderByDesc('created_at')->paginate(25); 24 $Msgs = $Msgs->orderByDesc('created_at')->paginate(25);
24 25
25 return view('admin.messages', compact('Msgs', 'find_key', 'find_cat')); 26 return view('admin.messages', compact('Msgs', 'find_key', 'find_cat'));
26 } 27 }
27 28
28 public function read_message(Message $message) { 29 public function read_message(Message $message) {
29 return view('admin.message-read', compact('message')); 30 return view('admin.message-read', compact('message'));
30 } 31 }
31 32
32 public function filter($Msgs, Request $request, &$find_key, &$find_cat) { 33 public function filter($Msgs, Request $request, &$find_key, &$find_cat) {
33 if (isset($request->find)) { 34 if (isset($request->find)) {
34 $find_key = $request->find; 35 $find_key = $request->find;
35 $Msgs = $Msgs->where(function($q) use ($find_key) { 36 $Msgs = $Msgs->where(function($q) use ($find_key) {
36 $q->whereHas('user_from', 37 $q->whereHas('user_from',
37 function (Builder $query) use ($find_key) { 38 function (Builder $query) use ($find_key) {
38 $query->where('name', 'LIKE', "%$find_key%"); 39 $query->where('name', 'LIKE', "%$find_key%");
39 } 40 }
40 )-> 41 )->
41 orWhereHas('user_to', 42 orWhereHas('user_to',
42 function (Builder $query) use ($find_key) { 43 function (Builder $query) use ($find_key) {
43 $query->where('name', 'LIKE', "%$find_key%"); 44 $query->where('name', 'LIKE', "%$find_key%");
44 } 45 }
45 ); 46 );
46 }); 47 });
47 } 48 }
48 49
49 if (isset($request->category)) { 50 if (isset($request->category)) {
50 $find_cat = $request->category; 51 $find_cat = $request->category;
51 52
52 switch ($find_cat) { 53 switch ($find_cat) {
53 case 'Работодатели': 54 case 'Работодатели':
54 $Msgs = $Msgs->where(function($q) { 55 $Msgs = $Msgs->where(function($q) {
55 $q->whereHas('user_to', 56 $q->whereHas('user_to',
56 function (Builder $query) { 57 function (Builder $query) {
57 $query->where('is_worker', '0'); 58 $query->where('is_worker', '0');
58 } 59 }
59 )->orwhereHas('user_from', 60 )->orwhereHas('user_from',
60 function (Builder $query) { 61 function (Builder $query) {
61 $query->where('is_worker', '0'); 62 $query->where('is_worker', '0');
62 } 63 }
63 ); 64 );
64 }); 65 });
65 break; 66 break;
66 case 'Соискатели': 67 case 'Соискатели':
67 $Msgs = $Msgs->where(function($q) { 68 $Msgs = $Msgs->where(function($q) {
68 $q->whereHas('user_to', 69 $q->whereHas('user_to',
69 function (Builder $query) { 70 function (Builder $query) {
70 $query->where('is_worker', '1'); 71 $query->where('is_worker', '1');
71 } 72 }
72 )->orwhereHas('user_from', 73 )->orwhereHas('user_from',
73 function (Builder $query) { 74 function (Builder $query) {
74 $query->where('is_worker', '1'); 75 $query->where('is_worker', '1');
75 } 76 }
76 ); 77 );
77 }); 78 });
78 break; 79 break;
79 case 'Администраторы': 80 case 'Администраторы':
80 $Msgs = $Msgs->where(function($q) { 81 $Msgs = $Msgs->where(function($q) {
81 $q->whereHas('user_to', 82 $q->whereHas('user_to',
82 function (Builder $query) { 83 function (Builder $query) {
83 $query->where('admin', '1'); 84 $query->where('admin', '1');
84 } 85 }
85 )->orwhereHas('user_from', 86 )->orwhereHas('user_from',
86 function (Builder $query) { 87 function (Builder $query) {
87 $query->where('admin', '1'); 88 $query->where('admin', '1');
88 } 89 }
89 ); 90 );
90 }); 91 });
91 break; 92 break;
92 default:break; 93 default:break;
93 } 94 }
94 } 95 }
95 96
96 return $Msgs; 97 return $Msgs;
97 98
98 } 99 }
99 100
100 public function admin_messages(Request $request) { 101 public function admin_messages(Request $request) {
101 if ($request->ajax()) { 102 if ($request->ajax()) {
102 $msg = Message::find($request->id); 103 $msg = Message::find($request->id);
103 $msg->flag_new = !($request->flag_new); 104 $msg->flag_new = !($request->flag_new);
104 $msg->save(); 105 $msg->save();
105 } 106 }
106 107
107 $id_admin = Auth::user()->id; 108 $id_admin = Auth::user()->id;
108 $users = User::query()->OrderBy('name')->where('is_bd', '=', '0')->get(); 109 $users = User::query()->OrderBy('name')->where('is_bd', '=', '0')->get();
109 110
110 $Msgs = Message::with('user_from')->with('user_to') //->with('response') 111 $Msgs = MessagesRequests::query()
111 ->where(function($query) use ($id_admin) { 112 ->with('user')
112 $query->where('user_id', '=', $id_admin) 113 ->orderByDesc('created_at')
113 ->orWhere('to_user_id', '=', $id_admin); 114 ->paginate(10)
114 }); 115 ;
115
116 $find_key = '';
117 $find_cat = '';
118
119 $Msgs = $this->filter($Msgs, $request, $find_key, $find_cat);
120
121 $Msgs = $Msgs->orderByDesc('created_at')->paginate(5);
122 116
123 if ($request->ajax()) 117 if ($request->ajax())
124 return view('admin.message.index_ajax', compact('Msgs', 'id_admin', 'users')); 118 return view('admin.message.index_ajax', compact('Msgs', 'id_admin', 'users'));
125 else 119 else
126 return view('admin.message.index', compact('Msgs', 'id_admin', 'users', 'find_key', 'find_cat')); 120 return view('admin.message.index', compact('Msgs', 'id_admin', 'users'));
127 } 121 }
128 122
129 public function messages_sql(Request $request) { 123 public function messages_sql(Request $request) {
130 $id = Auth::user()->id; 124 $id = Auth::user()->id;
131 DB::enableQueryLog(); 125 DB::enableQueryLog();
132 //$query = DB::select('select * from users where id = :id', ['id' => 1]); 126 //$query = DB::select('select * from users where id = :id', ['id' => 1]);
133 $query = DB::select(DB::raw('SELECT u1.name as "To-user", u2.name as "From-user", m1.`text`, m1.created_at 127 $query = DB::select(DB::raw('SELECT u1.name as "To-user", u2.name as "From-user", m1.`text`, m1.created_at
134 FROM messages m1 128 FROM messages m1
135 JOIN (SELECT MAX(id) id FROM messages 129 JOIN (SELECT MAX(id) id FROM messages
136 GROUP BY LEAST(user_id, to_user_id), 130 GROUP BY LEAST(user_id, to_user_id),
137 GREATEST(user_id, to_user_id) 131 GREATEST(user_id, to_user_id)
138 ) m2 USING (id) 132 ) m2 USING (id)
139 JOIN users u1 ON u1.id = m1.user_id 133 JOIN users u1 ON u1.id = m1.user_id
140 JOIN users u2 ON u2.id = m1.to_user_id 134 JOIN users u2 ON u2.id = m1.to_user_id
141 Where ((m1.user_id = :uid) or (m1.to_user_id = :uid2)) 135 Where ((m1.user_id = :uid) or (m1.to_user_id = :uid2))
142 '), ['uid' => $id, 'uid2' => $id]); 136 '), ['uid' => $id, 'uid2' => $id]);
143 //dump(DB::getQueryLog()); 137 //dump(DB::getQueryLog());
144 dd($query); 138 dd($query);
145 return; 139 return;
146 } 140 }
147 141
148 public function admin_messages_post(Request $request) { 142 public function admin_messages_post(Request $request) {
149 $rules = [ 143 $rules = [
150 'title' => 'required|min:3|max:255', 144 'title' => 'required|min:3|max:255',
151 'text' => 'required|min:1' 145 'text' => 'required|min:1'
152 ]; 146 ];
153 147
154 $messages = [ 148 $messages = [
155 'required' => 'Поле не может быть пустым!', 149 'required' => 'Поле не может быть пустым!',
156 ]; 150 ];
157 151
158 $validator = Validator::make($request->all(), $rules, $messages); 152 $validator = Validator::make($request->all(), $rules, $messages);
159 153
160 if ($validator->fails()) { 154 if ($validator->fails()) {
161 return redirect()->route('admin.admin-messages')->withErrors($validator); 155 return redirect()->route('admin.admin-messages')->withErrors($validator);
162 } else { 156 } else {
163 $params = $request->all(); 157 $params = $request->all();
164 $id_admin = Auth::user()->id; 158 $id_admin = Auth::user()->id;
165 if ($request->has('file')) { 159 if ($request->has('file')) {
166 $params['file'] = $request->file('file')->store("upload/".$id_admin, 'public'); 160 $params['file'] = $request->file('file')->store("upload/".$id_admin, 'public');
167 } 161 }
168 Message::create($params); 162 Message::create($params);
169 return redirect()->route('admin.admin-messages'); 163 return redirect()->route('admin.admin-messages');
170 } 164 }
171 } 165 }
172 } 166 }
app/Models/MessagesRequests.php
1 <?php 1 <?php
2 2
3 namespace App\Models; 3 namespace App\Models;
4 4
5 use Illuminate\Database\Eloquent\Factories\HasFactory; 5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model; 6 use Illuminate\Database\Eloquent\Model;
7 7
8 class MessagesRequests extends Model 8 class MessagesRequests extends Model
9 { 9 {
10 use HasFactory; 10 use HasFactory;
11 11
12 protected $fillable = [ 12 protected $fillable = [
13 'user_id', 13 'user_id',
14 'job_titles', 14 'job_titles',
15 'text', 15 'text',
16 'is_rejected', 16 'is_rejected',
17 'is_sent' 17 'is_sent'
18 ]; 18 ];
19
20 public function getJobsAttribute()
21 {
22 $job_titles_ids = json_decode($this->attributes['job_titles'], true);
23 return Job_title::whereIn('id', $job_titles_ids)->get();
24 }
25
26 public function user() {
27 return $this->belongsTo(User::class, 'user_id');
28 }
19 } 29 }
20 30
public/assets/css/tailwind.output_new.css
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 html { 2 html {
3 line-height: 1.15; 3 line-height: 1.15;
4 -webkit-text-size-adjust: 100% 4 -webkit-text-size-adjust: 100%
5 } 5 }
6 body { 6 body {
7 margin: 0 7 margin: 0
8 } 8 }
9 main { 9 main {
10 display: block 10 display: block
11 } 11 }
12 h1 { 12 h1 {
13 font-size: 2em; 13 font-size: 2em;
14 margin: .67em 0 14 margin: .67em 0
15 } 15 }
16 hr { 16 hr {
17 box-sizing: content-box; 17 box-sizing: content-box;
18 height: 0; 18 height: 0;
19 overflow: visible 19 overflow: visible
20 } 20 }
21 pre { 21 pre {
22 font-family: monospace, monospace; 22 font-family: monospace, monospace;
23 font-size: 1em 23 font-size: 1em
24 } 24 }
25 a { 25 a {
26 background-color: transparent 26 background-color: transparent
27 } 27 }
28 abbr[title] { 28 abbr[title] {
29 border-bottom: none; 29 border-bottom: none;
30 text-decoration: underline; 30 text-decoration: underline;
31 -webkit-text-decoration: underline dotted; 31 -webkit-text-decoration: underline dotted;
32 text-decoration: underline dotted 32 text-decoration: underline dotted
33 } 33 }
34 b, strong { 34 b, strong {
35 font-weight: bolder 35 font-weight: bolder
36 } 36 }
37 code, kbd, samp { 37 code, kbd, samp {
38 font-family: monospace, monospace; 38 font-family: monospace, monospace;
39 font-size: 1em 39 font-size: 1em
40 } 40 }
41 small { 41 small {
42 font-size: 80% 42 font-size: 80%
43 } 43 }
44 sub, sup { 44 sub, sup {
45 font-size: 75%; 45 font-size: 75%;
46 line-height: 0; 46 line-height: 0;
47 position: relative; 47 position: relative;
48 vertical-align: baseline 48 vertical-align: baseline
49 } 49 }
50 sub { 50 sub {
51 bottom: -.25em 51 bottom: -.25em
52 } 52 }
53 sup { 53 sup {
54 top: -.5em 54 top: -.5em
55 } 55 }
56 img { 56 img {
57 border-style: none 57 border-style: none
58 } 58 }
59 button, input, optgroup, select, textarea { 59 button, input, optgroup, select, textarea {
60 font-family: inherit; 60 font-family: inherit;
61 font-size: 100%; 61 font-size: 100%;
62 line-height: 1.15; 62 line-height: 1.15;
63 margin: 0 63 margin: 0
64 } 64 }
65 button, input { 65 button, input {
66 overflow: visible 66 overflow: visible
67 } 67 }
68 button, select { 68 button, select {
69 text-transform: none 69 text-transform: none
70 } 70 }
71 [type=button], [type=reset], [type=submit], button { 71 [type=button], [type=reset], [type=submit], button {
72 -webkit-appearance: button 72 -webkit-appearance: button
73 } 73 }
74 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { 74 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
75 border-style: none; 75 border-style: none;
76 padding: 0 76 padding: 0
77 } 77 }
78 [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { 78 [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
79 outline: 1px dotted ButtonText 79 outline: 1px dotted ButtonText
80 } 80 }
81 fieldset { 81 fieldset {
82 padding: .35em .75em .625em 82 padding: .35em .75em .625em
83 } 83 }
84 legend { 84 legend {
85 box-sizing: border-box; 85 box-sizing: border-box;
86 color: inherit; 86 color: inherit;
87 display: table; 87 display: table;
88 max-width: 100%; 88 max-width: 100%;
89 padding: 0; 89 padding: 0;
90 white-space: normal 90 white-space: normal
91 } 91 }
92 progress { 92 progress {
93 vertical-align: baseline 93 vertical-align: baseline
94 } 94 }
95 textarea { 95 textarea {
96 overflow: auto 96 overflow: auto
97 } 97 }
98 [type=checkbox], [type=radio] { 98 [type=checkbox], [type=radio] {
99 box-sizing: border-box; 99 box-sizing: border-box;
100 padding: 0 100 padding: 0
101 } 101 }
102 [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { 102 [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
103 height: auto 103 height: auto
104 } 104 }
105 [type=search] { 105 [type=search] {
106 -webkit-appearance: textfield; 106 -webkit-appearance: textfield;
107 outline-offset: -2px 107 outline-offset: -2px
108 } 108 }
109 [type=search]::-webkit-search-decoration { 109 [type=search]::-webkit-search-decoration {
110 -webkit-appearance: none 110 -webkit-appearance: none
111 } 111 }
112 ::-webkit-file-upload-button { 112 ::-webkit-file-upload-button {
113 -webkit-appearance: button; 113 -webkit-appearance: button;
114 font: inherit 114 font: inherit
115 } 115 }
116 details { 116 details {
117 display: block 117 display: block
118 } 118 }
119 summary { 119 summary {
120 display: list-item 120 display: list-item
121 } 121 }
122 [hidden], template { 122 [hidden], template {
123 display: none 123 display: none
124 } 124 }
125 blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { 125 blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
126 margin: 0 126 margin: 0
127 } 127 }
128 button { 128 button {
129 background-color: transparent; 129 background-color: transparent;
130 background-image: none; 130 background-image: none;
131 padding: 0 131 padding: 0
132 } 132 }
133 button:focus { 133 button:focus {
134 outline: 1px dotted; 134 outline: 1px dotted;
135 outline: 5px auto -webkit-focus-ring-color 135 outline: 5px auto -webkit-focus-ring-color
136 } 136 }
137 fieldset, ol, ul { 137 fieldset, ol, ul {
138 margin: 0; 138 margin: 0;
139 padding: 0 139 padding: 0
140 } 140 }
141 ol, ul { 141 ol, ul {
142 list-style: none 142 list-style: none
143 } 143 }
144 html { 144 html {
145 font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; 145 font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
146 line-height: 1.5 146 line-height: 1.5
147 } 147 }
148 *, :after, :before { 148 *, :after, :before {
149 box-sizing: border-box; 149 box-sizing: border-box;
150 border: 0 solid #d5d6d7 150 border: 0 solid #d5d6d7
151 } 151 }
152 hr { 152 hr {
153 border-top-width: 1px 153 border-top-width: 1px
154 } 154 }
155 img { 155 img {
156 border-style: solid 156 border-style: solid
157 } 157 }
158 textarea { 158 textarea {
159 resize: vertical 159 resize: vertical
160 } 160 }
161 input::-moz-placeholder, textarea::-moz-placeholder { 161 input::-moz-placeholder, textarea::-moz-placeholder {
162 color: #a0aec0 162 color: #a0aec0
163 } 163 }
164 input:-ms-input-placeholder, textarea:-ms-input-placeholder { 164 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
165 color: #a0aec0 165 color: #a0aec0
166 } 166 }
167 input::-ms-input-placeholder, textarea::-ms-input-placeholder { 167 input::-ms-input-placeholder, textarea::-ms-input-placeholder {
168 color: #a0aec0 168 color: #a0aec0
169 } 169 }
170 input::placeholder, textarea::placeholder { 170 input::placeholder, textarea::placeholder {
171 color: #a0aec0 171 color: #a0aec0
172 } 172 }
173 [role=button], button { 173 [role=button], button {
174 cursor: pointer 174 cursor: pointer
175 } 175 }
176 table { 176 table {
177 border-collapse: collapse 177 border-collapse: collapse
178 } 178 }
179 h1, h2, h3, h4, h5, h6 { 179 h1, h2, h3, h4, h5, h6 {
180 font-size: inherit; 180 font-size: inherit;
181 font-weight: inherit 181 font-weight: inherit
182 } 182 }
183 a { 183 a {
184 color: inherit; 184 color: inherit;
185 text-decoration: inherit 185 text-decoration: inherit
186 } 186 }
187 button, input, optgroup, select, textarea { 187 button, input, optgroup, select, textarea {
188 padding: 0; 188 padding: 0;
189 line-height: inherit; 189 line-height: inherit;
190 color: inherit 190 color: inherit
191 } 191 }
192 code, kbd, pre, samp { 192 code, kbd, pre, samp {
193 font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace 193 font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
194 } 194 }
195 audio, canvas, embed, iframe, img, object, svg, video { 195 audio, canvas, embed, iframe, img, object, svg, video {
196 display: block; 196 display: block;
197 vertical-align: middle 197 vertical-align: middle
198 } 198 }
199 img, video { 199 img, video {
200 max-width: 100%; 200 max-width: 100%;
201 height: auto 201 height: auto
202 } 202 }
203 .container { 203 .container {
204 width: 100% 204 width: 100%
205 } 205 }
206 @media (min-width:640px) { 206 @media (min-width:640px) {
207 .container { 207 .container {
208 max-width: 640px 208 max-width: 640px
209 } 209 }
210 } 210 }
211 @media (min-width:768px) { 211 @media (min-width:768px) {
212 .container { 212 .container {
213 max-width: 768px 213 max-width: 768px
214 } 214 }
215 } 215 }
216 @media (min-width:1024px) { 216 @media (min-width:1024px) {
217 .container { 217 .container {
218 max-width: 1024px 218 max-width: 1024px
219 } 219 }
220 } 220 }
221 @media (min-width:1280px) { 221 @media (min-width:1280px) {
222 .container { 222 .container {
223 max-width: 1280px 223 max-width: 1280px
224 } 224 }
225 } 225 }
226 .form-input { 226 .form-input {
227 -webkit-appearance: none; 227 -webkit-appearance: none;
228 -moz-appearance: none; 228 -moz-appearance: none;
229 appearance: none; 229 appearance: none;
230 background-color: #fff; 230 background-color: #fff;
231 border-color: #e2e8f0; 231 border-color: #e2e8f0;
232 border-width: 1px; 232 border-width: 1px;
233 border-radius: .25rem; 233 border-radius: .25rem;
234 padding: .5rem .75rem; 234 padding: .5rem .75rem;
235 font-size: 1rem; 235 font-size: 1rem;
236 line-height: 1.5 236 line-height: 1.5
237 } 237 }
238 .form-input::-moz-placeholder { 238 .form-input::-moz-placeholder {
239 color: #9e9e9e; 239 color: #9e9e9e;
240 opacity: 1 240 opacity: 1
241 } 241 }
242 .form-input:-ms-input-placeholder { 242 .form-input:-ms-input-placeholder {
243 color: #9e9e9e; 243 color: #9e9e9e;
244 opacity: 1 244 opacity: 1
245 } 245 }
246 .form-input::-ms-input-placeholder { 246 .form-input::-ms-input-placeholder {
247 color: #9e9e9e; 247 color: #9e9e9e;
248 opacity: 1 248 opacity: 1
249 } 249 }
250 .form-input::placeholder { 250 .form-input::placeholder {
251 color: #9e9e9e; 251 color: #9e9e9e;
252 opacity: 1 252 opacity: 1
253 } 253 }
254 .form-input:focus { 254 .form-input:focus {
255 outline: none; 255 outline: none;
256 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 256 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
257 border-color: #63b3ed 257 border-color: #63b3ed
258 } 258 }
259 .form-textarea { 259 .form-textarea {
260 -webkit-appearance: none; 260 -webkit-appearance: none;
261 -moz-appearance: none; 261 -moz-appearance: none;
262 appearance: none; 262 appearance: none;
263 background-color: #fff; 263 background-color: #fff;
264 border-color: #e2e8f0; 264 border-color: #e2e8f0;
265 border-width: 1px; 265 border-width: 1px;
266 border-radius: .25rem; 266 border-radius: .25rem;
267 padding: .5rem .75rem; 267 padding: .5rem .75rem;
268 font-size: 1rem; 268 font-size: 1rem;
269 line-height: 1.5 269 line-height: 1.5
270 } 270 }
271 .form-textarea::-moz-placeholder { 271 .form-textarea::-moz-placeholder {
272 color: #9e9e9e; 272 color: #9e9e9e;
273 opacity: 1 273 opacity: 1
274 } 274 }
275 .form-textarea:-ms-input-placeholder { 275 .form-textarea:-ms-input-placeholder {
276 color: #9e9e9e; 276 color: #9e9e9e;
277 opacity: 1 277 opacity: 1
278 } 278 }
279 .form-textarea::-ms-input-placeholder { 279 .form-textarea::-ms-input-placeholder {
280 color: #9e9e9e; 280 color: #9e9e9e;
281 opacity: 1 281 opacity: 1
282 } 282 }
283 .form-textarea::placeholder { 283 .form-textarea::placeholder {
284 color: #9e9e9e; 284 color: #9e9e9e;
285 opacity: 1 285 opacity: 1
286 } 286 }
287 .form-textarea:focus { 287 .form-textarea:focus {
288 outline: none; 288 outline: none;
289 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 289 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
290 border-color: #63b3ed 290 border-color: #63b3ed
291 } 291 }
292 .form-multiselect { 292 .form-multiselect {
293 -webkit-appearance: none; 293 -webkit-appearance: none;
294 -moz-appearance: none; 294 -moz-appearance: none;
295 appearance: none; 295 appearance: none;
296 background-color: #fff; 296 background-color: #fff;
297 border-color: #e2e8f0; 297 border-color: #e2e8f0;
298 border-width: 1px; 298 border-width: 1px;
299 border-radius: .25rem; 299 border-radius: .25rem;
300 padding: .5rem .75rem; 300 padding: .5rem .75rem;
301 font-size: 1rem; 301 font-size: 1rem;
302 line-height: 1.5 302 line-height: 1.5
303 } 303 }
304 .form-multiselect:focus { 304 .form-multiselect:focus {
305 outline: none; 305 outline: none;
306 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 306 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
307 border-color: #63b3ed 307 border-color: #63b3ed
308 } 308 }
309 .form-select { 309 .form-select {
310 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M15.3 9.3a1 1 0 011.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 011.4-1.4l3.3 3.29 3.3-3.3z'/%3E%3C/svg%3E"); 310 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M15.3 9.3a1 1 0 011.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 011.4-1.4l3.3 3.29 3.3-3.3z'/%3E%3C/svg%3E");
311 -webkit-appearance: none; 311 -webkit-appearance: none;
312 -moz-appearance: none; 312 -moz-appearance: none;
313 appearance: none; 313 appearance: none;
314 -webkit-print-color-adjust: exact; 314 -webkit-print-color-adjust: exact;
315 color-adjust: exact; 315 color-adjust: exact;
316 background-repeat: no-repeat; 316 background-repeat: no-repeat;
317 background-color: #fff; 317 background-color: #fff;
318 border-color: #e2e8f0; 318 border-color: #e2e8f0;
319 border-width: 1px; 319 border-width: 1px;
320 border-radius: .25rem; 320 border-radius: .25rem;
321 padding: .5rem 2.5rem .5rem .75rem; 321 padding: .5rem 2.5rem .5rem .75rem;
322 font-size: 1rem; 322 font-size: 1rem;
323 line-height: 1.5; 323 line-height: 1.5;
324 background-position: right .5rem center; 324 background-position: right .5rem center;
325 background-size: 1.5em 1.5em 325 background-size: 1.5em 1.5em
326 } 326 }
327 .form-select::-ms-expand { 327 .form-select::-ms-expand {
328 color: #a0aec0; 328 color: #a0aec0;
329 border: none 329 border: none
330 } 330 }
331 @media not print { 331 @media not print {
332 .form-select::-ms-expand { 332 .form-select::-ms-expand {
333 display: none 333 display: none
334 } 334 }
335 } 335 }
336 @media print and (-ms-high-contrast:active), print and (-ms-high-contrast:none) { 336 @media print and (-ms-high-contrast:active), print and (-ms-high-contrast:none) {
337 .form-select { 337 .form-select {
338 padding-right: .75rem 338 padding-right: .75rem
339 } 339 }
340 } 340 }
341 .form-select:focus { 341 .form-select:focus {
342 outline: none; 342 outline: none;
343 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 343 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
344 border-color: #63b3ed 344 border-color: #63b3ed
345 } 345 }
346 .form-checkbox { 346 .form-checkbox {
347 -webkit-appearance: none; 347 -webkit-appearance: none;
348 -moz-appearance: none; 348 -moz-appearance: none;
349 appearance: none; 349 appearance: none;
350 -webkit-print-color-adjust: exact; 350 -webkit-print-color-adjust: exact;
351 color-adjust: exact; 351 color-adjust: exact;
352 display: inline-block; 352 display: inline-block;
353 vertical-align: middle; 353 vertical-align: middle;
354 background-origin: border-box; 354 background-origin: border-box;
355 -webkit-user-select: none; 355 -webkit-user-select: none;
356 -moz-user-select: none; 356 -moz-user-select: none;
357 -ms-user-select: none; 357 -ms-user-select: none;
358 user-select: none; 358 user-select: none;
359 flex-shrink: 0; 359 flex-shrink: 0;
360 height: 1em; 360 height: 1em;
361 width: 1em; 361 width: 1em;
362 color: #4299e1; 362 color: #4299e1;
363 background-color: #fff; 363 background-color: #fff;
364 border-color: #e2e8f0; 364 border-color: #e2e8f0;
365 border-width: 1px; 365 border-width: 1px;
366 border-radius: .25rem 366 border-radius: .25rem
367 } 367 }
368 .form-checkbox:checked { 368 .form-checkbox:checked {
369 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E"); 369 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");
370 border-color: transparent; 370 border-color: transparent;
371 background-color: currentColor; 371 background-color: currentColor;
372 background-size: 100% 100%; 372 background-size: 100% 100%;
373 background-position: 50%; 373 background-position: 50%;
374 background-repeat: no-repeat 374 background-repeat: no-repeat
375 } 375 }
376 @media not print { 376 @media not print {
377 .form-checkbox::-ms-check { 377 .form-checkbox::-ms-check {
378 border-width: 1px; 378 border-width: 1px;
379 color: transparent; 379 color: transparent;
380 background: inherit; 380 background: inherit;
381 border-color: inherit; 381 border-color: inherit;
382 border-radius: inherit 382 border-radius: inherit
383 } 383 }
384 } 384 }
385 .form-checkbox:focus { 385 .form-checkbox:focus {
386 outline: none; 386 outline: none;
387 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 387 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
388 border-color: #63b3ed 388 border-color: #63b3ed
389 } 389 }
390 .form-radio { 390 .form-radio {
391 -webkit-appearance: none; 391 -webkit-appearance: none;
392 -moz-appearance: none; 392 -moz-appearance: none;
393 appearance: none; 393 appearance: none;
394 -webkit-print-color-adjust: exact; 394 -webkit-print-color-adjust: exact;
395 color-adjust: exact; 395 color-adjust: exact;
396 display: inline-block; 396 display: inline-block;
397 vertical-align: middle; 397 vertical-align: middle;
398 background-origin: border-box; 398 background-origin: border-box;
399 -webkit-user-select: none; 399 -webkit-user-select: none;
400 -moz-user-select: none; 400 -moz-user-select: none;
401 -ms-user-select: none; 401 -ms-user-select: none;
402 user-select: none; 402 user-select: none;
403 flex-shrink: 0; 403 flex-shrink: 0;
404 border-radius: 100%; 404 border-radius: 100%;
405 height: 1em; 405 height: 1em;
406 width: 1em; 406 width: 1em;
407 color: #4299e1; 407 color: #4299e1;
408 background-color: #fff; 408 background-color: #fff;
409 border-color: #e2e8f0; 409 border-color: #e2e8f0;
410 border-width: 1px 410 border-width: 1px
411 } 411 }
412 .form-radio:checked { 412 .form-radio:checked {
413 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E"); 413 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");
414 border-color: transparent; 414 border-color: transparent;
415 background-color: currentColor; 415 background-color: currentColor;
416 background-size: 100% 100%; 416 background-size: 100% 100%;
417 background-position: 50%; 417 background-position: 50%;
418 background-repeat: no-repeat 418 background-repeat: no-repeat
419 } 419 }
420 @media not print { 420 @media not print {
421 .form-radio::-ms-check { 421 .form-radio::-ms-check {
422 border-width: 1px; 422 border-width: 1px;
423 color: transparent; 423 color: transparent;
424 background: inherit; 424 background: inherit;
425 border-color: inherit; 425 border-color: inherit;
426 border-radius: inherit 426 border-radius: inherit
427 } 427 }
428 } 428 }
429 .form-radio:focus { 429 .form-radio:focus {
430 outline: none; 430 outline: none;
431 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 431 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
432 border-color: #63b3ed 432 border-color: #63b3ed
433 } 433 }
434 .space-y-2>:not(template)~:not(template) { 434 .space-y-2>:not(template)~:not(template) {
435 --space-y-reverse: 0; 435 --space-y-reverse: 0;
436 margin-top: calc(0.5rem*(1 - var(--space-y-reverse))); 436 margin-top: calc(0.5rem*(1 - var(--space-y-reverse)));
437 margin-bottom: calc(0.5rem*var(--space-y-reverse)) 437 margin-bottom: calc(0.5rem*var(--space-y-reverse))
438 } 438 }
439 .space-x-3>:not(template)~:not(template) { 439 .space-x-3>:not(template)~:not(template) {
440 --space-x-reverse: 0; 440 --space-x-reverse: 0;
441 margin-right: calc(0.75rem*var(--space-x-reverse)); 441 margin-right: calc(0.75rem*var(--space-x-reverse));
442 margin-left: calc(0.75rem*(1 - var(--space-x-reverse))) 442 margin-left: calc(0.75rem*(1 - var(--space-x-reverse)))
443 } 443 }
444 .space-y-4>:not(template)~:not(template) { 444 .space-y-4>:not(template)~:not(template) {
445 --space-y-reverse: 0; 445 --space-y-reverse: 0;
446 margin-top: calc(1rem*(1 - var(--space-y-reverse))); 446 margin-top: calc(1rem*(1 - var(--space-y-reverse)));
447 margin-bottom: calc(1rem*var(--space-y-reverse)) 447 margin-bottom: calc(1rem*var(--space-y-reverse))
448 } 448 }
449 .space-x-4>:not(template)~:not(template) { 449 .space-x-4>:not(template)~:not(template) {
450 --space-x-reverse: 0; 450 --space-x-reverse: 0;
451 margin-right: calc(1rem*var(--space-x-reverse)); 451 margin-right: calc(1rem*var(--space-x-reverse));
452 margin-left: calc(1rem*(1 - var(--space-x-reverse))) 452 margin-left: calc(1rem*(1 - var(--space-x-reverse)))
453 } 453 }
454 .space-x-6>:not(template)~:not(template) { 454 .space-x-6>:not(template)~:not(template) {
455 --space-x-reverse: 0; 455 --space-x-reverse: 0;
456 margin-right: calc(1.5rem*var(--space-x-reverse)); 456 margin-right: calc(1.5rem*var(--space-x-reverse));
457 margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) 457 margin-left: calc(1.5rem*(1 - var(--space-x-reverse)))
458 } 458 }
459 .divide-y>:not(template)~:not(template) { 459 .divide-y>:not(template)~:not(template) {
460 --divide-y-reverse: 0; 460 --divide-y-reverse: 0;
461 border-top-width: calc(1px*(1 - var(--divide-y-reverse))); 461 border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
462 border-bottom-width: calc(1px*var(--divide-y-reverse)) 462 border-bottom-width: calc(1px*var(--divide-y-reverse))
463 } 463 }
464 .theme-dark .dark\:divide-gray-700>:not(template)~:not(template) { 464 .theme-dark .dark\:divide-gray-700>:not(template)~:not(template) {
465 --divide-opacity: 1; 465 --divide-opacity: 1;
466 border-color: #24262d; 466 border-color: #24262d;
467 border-color: rgba(36, 38, 45, var(--divide-opacity)) 467 border-color: rgba(36, 38, 45, var(--divide-opacity))
468 } 468 }
469 .bg-white { 469 .bg-white {
470 --bg-opacity: 1; 470 --bg-opacity: 1;
471 background-color: #fff; 471 background-color: #fff;
472 background-color: rgba(255, 255, 255, var(--bg-opacity)) 472 background-color: rgba(255, 255, 255, var(--bg-opacity))
473 } 473 }
474 .bg-black { 474 .bg-black {
475 --bg-opacity: 1; 475 --bg-opacity: 1;
476 background-color: #000; 476 background-color: #000;
477 background-color: rgba(0, 0, 0, var(--bg-opacity)) 477 background-color: rgba(0, 0, 0, var(--bg-opacity))
478 } 478 }
479 .bg-gray-50 { 479 .bg-gray-50 {
480 --bg-opacity: 1; 480 --bg-opacity: 1;
481 background-color: #f9fafb; 481 background-color: #f9fafb;
482 background-color: rgba(249, 250, 251, var(--bg-opacity)) 482 background-color: rgba(249, 250, 251, var(--bg-opacity))
483 } 483 }
484 .bg-gray-100 { 484 .bg-gray-100 {
485 --bg-opacity: 1; 485 --bg-opacity: 1;
486 background-color: #f4f5f7; 486 background-color: #f4f5f7;
487 background-color: rgba(244, 245, 247, var(--bg-opacity)) 487 background-color: rgba(244, 245, 247, var(--bg-opacity))
488 } 488 }
489 .bg-red-100 { 489 .bg-red-100 {
490 --bg-opacity: 1; 490 --bg-opacity: 1;
491 background-color: #fde8e8; 491 background-color: #fde8e8;
492 background-color: rgba(253, 232, 232, var(--bg-opacity)) 492 background-color: rgba(253, 232, 232, var(--bg-opacity))
493 } 493 }
494 .bg-red-600 { 494 .bg-red-600 {
495 --bg-opacity: 1; 495 --bg-opacity: 1;
496 background-color: #e02424; 496 background-color: #e02424;
497 background-color: rgba(224, 36, 36, var(--bg-opacity)) 497 background-color: rgba(224, 36, 36, var(--bg-opacity))
498 } 498 }
499 .bg-orange-100 { 499 .bg-orange-100 {
500 --bg-opacity: 1; 500 --bg-opacity: 1;
501 background-color: #feecdc; 501 background-color: #feecdc;
502 background-color: rgba(254, 236, 220, var(--bg-opacity)) 502 background-color: rgba(254, 236, 220, var(--bg-opacity))
503 } 503 }
504 .bg-green-100 { 504 .bg-green-100 {
505 --bg-opacity: 1; 505 --bg-opacity: 1;
506 background-color: #def7ec; 506 background-color: #def7ec;
507 background-color: rgba(222, 247, 236, var(--bg-opacity)) 507 background-color: rgba(222, 247, 236, var(--bg-opacity))
508 } 508 }
509 .bg-teal-100 { 509 .bg-teal-100 {
510 --bg-opacity: 1; 510 --bg-opacity: 1;
511 background-color: #d5f5f6; 511 background-color: #d5f5f6;
512 background-color: rgba(213, 245, 246, var(--bg-opacity)) 512 background-color: rgba(213, 245, 246, var(--bg-opacity))
513 } 513 }
514 .bg-teal-500 { 514 .bg-teal-500 {
515 --bg-opacity: 1; 515 --bg-opacity: 1;
516 background-color: #0694a2; 516 background-color: #0694a2;
517 background-color: rgba(6, 148, 162, var(--bg-opacity)) 517 background-color: rgba(6, 148, 162, var(--bg-opacity))
518 } 518 }
519 .bg-teal-600 { 519 .bg-teal-600 {
520 --bg-opacity: 1; 520 --bg-opacity: 1;
521 background-color: #047481; 521 background-color: #047481;
522 background-color: rgba(4, 116, 129, var(--bg-opacity)) 522 background-color: rgba(4, 116, 129, var(--bg-opacity))
523 } 523 }
524 .bg-green-600 {
525 --bg-opacity: 1;
526 background-color: #44a32b;
527 }
524 .bg-blue-100 { 528 .bg-blue-100 {
525 --bg-opacity: 1; 529 --bg-opacity: 1;
526 background-color: #e1effe; 530 background-color: #e1effe;
527 background-color: rgba(225, 239, 254, var(--bg-opacity)) 531 background-color: rgba(225, 239, 254, var(--bg-opacity))
528 } 532 }
529 .bg-blue-500 { 533 .bg-blue-500 {
530 --bg-opacity: 1; 534 --bg-opacity: 1;
531 background-color: #3f83f8; 535 background-color: #3f83f8;
532 background-color: rgba(63, 131, 248, var(--bg-opacity)) 536 background-color: rgba(63, 131, 248, var(--bg-opacity))
533 } 537 }
534 .bg-blue-600 { 538 .bg-blue-600 {
535 --bg-opacity: 1; 539 --bg-opacity: 1;
536 background-color: #1c64f2; 540 background-color: #1c64f2;
537 background-color: rgba(28, 100, 242, var(--bg-opacity)) 541 background-color: rgba(28, 100, 242, var(--bg-opacity))
538 } 542 }
539 .bg-purple-600 { 543 .bg-purple-600 {
540 --bg-opacity: 1; 544 --bg-opacity: 1;
541 background-color: #7e3af2; 545 background-color: #7e3af2;
542 background-color: rgba(126, 58, 242, var(--bg-opacity)) 546 background-color: rgba(126, 58, 242, var(--bg-opacity))
543 } 547 }
544 .hover\:bg-gray-100:hover { 548 .hover\:bg-gray-100:hover {
545 --bg-opacity: 1; 549 --bg-opacity: 1;
546 background-color: #f4f5f7; 550 background-color: #f4f5f7;
547 background-color: rgba(244, 245, 247, var(--bg-opacity)) 551 background-color: rgba(244, 245, 247, var(--bg-opacity))
548 } 552 }
549 .hover\:bg-purple-700:hover { 553 .hover\:bg-purple-700:hover {
550 --bg-opacity: 1; 554 --bg-opacity: 1;
551 background-color: #6c2bd9; 555 background-color: #6c2bd9;
552 background-color: rgba(108, 43, 217, var(--bg-opacity)) 556 background-color: rgba(108, 43, 217, var(--bg-opacity))
553 } 557 }
554 .focus\:bg-white:focus { 558 .focus\:bg-white:focus {
555 --bg-opacity: 1; 559 --bg-opacity: 1;
556 background-color: #fff; 560 background-color: #fff;
557 background-color: rgba(255, 255, 255, var(--bg-opacity)) 561 background-color: rgba(255, 255, 255, var(--bg-opacity))
558 } 562 }
559 .active\:bg-transparent:active { 563 .active\:bg-transparent:active {
560 background-color: transparent 564 background-color: transparent
561 } 565 }
562 .active\:bg-purple-600:active { 566 .active\:bg-purple-600:active {
563 --bg-opacity: 1; 567 --bg-opacity: 1;
564 background-color: #7e3af2; 568 background-color: #7e3af2;
565 background-color: rgba(126, 58, 242, var(--bg-opacity)) 569 background-color: rgba(126, 58, 242, var(--bg-opacity))
566 } 570 }
567 .theme-dark .dark\:bg-gray-700 { 571 .theme-dark .dark\:bg-gray-700 {
568 --bg-opacity: 1; 572 --bg-opacity: 1;
569 background-color: #24262d; 573 background-color: #24262d;
570 background-color: rgba(36, 38, 45, var(--bg-opacity)) 574 background-color: rgba(36, 38, 45, var(--bg-opacity))
571 } 575 }
572 .theme-dark .dark\:bg-gray-800 { 576 .theme-dark .dark\:bg-gray-800 {
573 --bg-opacity: 1; 577 --bg-opacity: 1;
574 background-color: #1a1c23; 578 background-color: #1a1c23;
575 background-color: rgba(26, 28, 35, var(--bg-opacity)) 579 background-color: rgba(26, 28, 35, var(--bg-opacity))
576 } 580 }
577 .theme-dark .dark\:bg-gray-900 { 581 .theme-dark .dark\:bg-gray-900 {
578 --bg-opacity: 1; 582 --bg-opacity: 1;
579 background-color: #121317; 583 background-color: #121317;
580 background-color: rgba(18, 19, 23, var(--bg-opacity)) 584 background-color: rgba(18, 19, 23, var(--bg-opacity))
581 } 585 }
582 .theme-dark .dark\:bg-red-600 { 586 .theme-dark .dark\:bg-red-600 {
583 --bg-opacity: 1; 587 --bg-opacity: 1;
584 background-color: #e02424; 588 background-color: #e02424;
585 background-color: rgba(224, 36, 36, var(--bg-opacity)) 589 background-color: rgba(224, 36, 36, var(--bg-opacity))
586 } 590 }
587 .theme-dark .dark\:bg-red-700 { 591 .theme-dark .dark\:bg-red-700 {
588 --bg-opacity: 1; 592 --bg-opacity: 1;
589 background-color: #c81e1e; 593 background-color: #c81e1e;
590 background-color: rgba(200, 30, 30, var(--bg-opacity)) 594 background-color: rgba(200, 30, 30, var(--bg-opacity))
591 } 595 }
592 .theme-dark .dark\:bg-orange-500 { 596 .theme-dark .dark\:bg-orange-500 {
593 --bg-opacity: 1; 597 --bg-opacity: 1;
594 background-color: #ff5a1f; 598 background-color: #ff5a1f;
595 background-color: rgba(255, 90, 31, var(--bg-opacity)) 599 background-color: rgba(255, 90, 31, var(--bg-opacity))
596 } 600 }
597 .theme-dark .dark\:bg-orange-600 { 601 .theme-dark .dark\:bg-orange-600 {
598 --bg-opacity: 1; 602 --bg-opacity: 1;
599 background-color: #d03801; 603 background-color: #d03801;
600 background-color: rgba(208, 56, 1, var(--bg-opacity)) 604 background-color: rgba(208, 56, 1, var(--bg-opacity))
601 } 605 }
602 .theme-dark .dark\:bg-green-500 { 606 .theme-dark .dark\:bg-green-500 {
603 --bg-opacity: 1; 607 --bg-opacity: 1;
604 background-color: #0e9f6e; 608 background-color: #0e9f6e;
605 background-color: rgba(14, 159, 110, var(--bg-opacity)) 609 background-color: rgba(14, 159, 110, var(--bg-opacity))
606 } 610 }
607 .theme-dark .dark\:bg-green-700 { 611 .theme-dark .dark\:bg-green-700 {
608 --bg-opacity: 1; 612 --bg-opacity: 1;
609 background-color: #046c4e; 613 background-color: #046c4e;
610 background-color: rgba(4, 108, 78, var(--bg-opacity)) 614 background-color: rgba(4, 108, 78, var(--bg-opacity))
611 } 615 }
612 .theme-dark .dark\:bg-teal-500 { 616 .theme-dark .dark\:bg-teal-500 {
613 --bg-opacity: 1; 617 --bg-opacity: 1;
614 background-color: #0694a2; 618 background-color: #0694a2;
615 background-color: rgba(6, 148, 162, var(--bg-opacity)) 619 background-color: rgba(6, 148, 162, var(--bg-opacity))
616 } 620 }
617 .theme-dark .dark\:bg-blue-500 { 621 .theme-dark .dark\:bg-blue-500 {
618 --bg-opacity: 1; 622 --bg-opacity: 1;
619 background-color: #3f83f8; 623 background-color: #3f83f8;
620 background-color: rgba(63, 131, 248, var(--bg-opacity)) 624 background-color: rgba(63, 131, 248, var(--bg-opacity))
621 } 625 }
622 .theme-dark .dark\:hover\:bg-gray-800:hover { 626 .theme-dark .dark\:hover\:bg-gray-800:hover {
623 --bg-opacity: 1; 627 --bg-opacity: 1;
624 background-color: #1a1c23; 628 background-color: #1a1c23;
625 background-color: rgba(26, 28, 35, var(--bg-opacity)) 629 background-color: rgba(26, 28, 35, var(--bg-opacity))
626 } 630 }
627 .bg-opacity-50 { 631 .bg-opacity-50 {
628 --bg-opacity: 0.5 632 --bg-opacity: 0.5
629 } 633 }
630 .border-transparent { 634 .border-transparent {
631 border-color: transparent 635 border-color: transparent
632 } 636 }
633 .border-white { 637 .border-white {
634 --border-opacity: 1; 638 --border-opacity: 1;
635 border-color: #fff; 639 border-color: #fff;
636 border-color: rgba(255, 255, 255, var(--border-opacity)) 640 border-color: rgba(255, 255, 255, var(--border-opacity))
637 } 641 }
638 .border-gray-100 { 642 .border-gray-100 {
639 --border-opacity: 1; 643 --border-opacity: 1;
640 border-color: #f4f5f7; 644 border-color: #f4f5f7;
641 border-color: rgba(244, 245, 247, var(--border-opacity)) 645 border-color: rgba(244, 245, 247, var(--border-opacity))
642 } 646 }
643 .border-gray-300 { 647 .border-gray-300 {
644 --border-opacity: 1; 648 --border-opacity: 1;
645 border-color: #d5d6d7; 649 border-color: #d5d6d7;
646 border-color: rgba(213, 214, 215, var(--border-opacity)) 650 border-color: rgba(213, 214, 215, var(--border-opacity))
647 } 651 }
648 .border-red-600 { 652 .border-red-600 {
649 --border-opacity: 1; 653 --border-opacity: 1;
650 border-color: #e02424; 654 border-color: #e02424;
651 border-color: rgba(224, 36, 36, var(--border-opacity)) 655 border-color: rgba(224, 36, 36, var(--border-opacity))
652 } 656 }
653 .border-green-600 { 657 .border-green-600 {
654 --border-opacity: 1; 658 --border-opacity: 1;
655 border-color: #057a55; 659 border-color: #057a55;
656 border-color: rgba(5, 122, 85, var(--border-opacity)) 660 border-color: rgba(5, 122, 85, var(--border-opacity))
657 } 661 }
658 .border-purple-600 { 662 .border-purple-600 {
659 --border-opacity: 1; 663 --border-opacity: 1;
660 border-color: #7e3af2; 664 border-color: #7e3af2;
661 border-color: rgba(126, 58, 242, var(--border-opacity)) 665 border-color: rgba(126, 58, 242, var(--border-opacity))
662 } 666 }
663 .focus\:border-gray-500:focus { 667 .focus\:border-gray-500:focus {
664 --border-opacity: 1; 668 --border-opacity: 1;
665 border-color: #707275; 669 border-color: #707275;
666 border-color: rgba(112, 114, 117, var(--border-opacity)) 670 border-color: rgba(112, 114, 117, var(--border-opacity))
667 } 671 }
668 .focus\:border-red-400:focus { 672 .focus\:border-red-400:focus {
669 --border-opacity: 1; 673 --border-opacity: 1;
670 border-color: #f98080; 674 border-color: #f98080;
671 border-color: rgba(249, 128, 128, var(--border-opacity)) 675 border-color: rgba(249, 128, 128, var(--border-opacity))
672 } 676 }
673 .focus\:border-green-400:focus { 677 .focus\:border-green-400:focus {
674 --border-opacity: 1; 678 --border-opacity: 1;
675 border-color: #31c48d; 679 border-color: #31c48d;
676 border-color: rgba(49, 196, 141, var(--border-opacity)) 680 border-color: rgba(49, 196, 141, var(--border-opacity))
677 } 681 }
678 .focus\:border-purple-300:focus { 682 .focus\:border-purple-300:focus {
679 --border-opacity: 1; 683 --border-opacity: 1;
680 border-color: #cabffd; 684 border-color: #cabffd;
681 border-color: rgba(202, 191, 253, var(--border-opacity)) 685 border-color: rgba(202, 191, 253, var(--border-opacity))
682 } 686 }
683 .focus\:border-purple-400:focus { 687 .focus\:border-purple-400:focus {
684 --border-opacity: 1; 688 --border-opacity: 1;
685 border-color: #ac94fa; 689 border-color: #ac94fa;
686 border-color: rgba(172, 148, 250, var(--border-opacity)) 690 border-color: rgba(172, 148, 250, var(--border-opacity))
687 } 691 }
688 .hover\:border-gray-500:hover { 692 .hover\:border-gray-500:hover {
689 --border-opacity: 1; 693 --border-opacity: 1;
690 border-color: #707275; 694 border-color: #707275;
691 border-color: rgba(112, 114, 117, var(--border-opacity)) 695 border-color: rgba(112, 114, 117, var(--border-opacity))
692 } 696 }
693 .theme-dark .dark\:border-gray-600 { 697 .theme-dark .dark\:border-gray-600 {
694 --border-opacity: 1; 698 --border-opacity: 1;
695 border-color: #4c4f52; 699 border-color: #4c4f52;
696 border-color: rgba(76, 79, 82, var(--border-opacity)) 700 border-color: rgba(76, 79, 82, var(--border-opacity))
697 } 701 }
698 .theme-dark .dark\:border-gray-700 { 702 .theme-dark .dark\:border-gray-700 {
699 --border-opacity: 1; 703 --border-opacity: 1;
700 border-color: #24262d; 704 border-color: #24262d;
701 border-color: rgba(36, 38, 45, var(--border-opacity)) 705 border-color: rgba(36, 38, 45, var(--border-opacity))
702 } 706 }
703 .theme-dark .dark\:border-gray-800 { 707 .theme-dark .dark\:border-gray-800 {
704 --border-opacity: 1; 708 --border-opacity: 1;
705 border-color: #1a1c23; 709 border-color: #1a1c23;
706 border-color: rgba(26, 28, 35, var(--border-opacity)) 710 border-color: rgba(26, 28, 35, var(--border-opacity))
707 } 711 }
708 .rounded { 712 .rounded {
709 border-radius: .25rem 713 border-radius: .25rem
710 } 714 }
711 .rounded-md { 715 .rounded-md {
712 border-radius: .375rem 716 border-radius: .375rem
713 } 717 }
714 .rounded-lg { 718 .rounded-lg {
715 border-radius: .5rem 719 border-radius: .5rem
716 } 720 }
717 .rounded-full { 721 .rounded-full {
718 border-radius: 9999px 722 border-radius: 9999px
719 } 723 }
720 .rounded-r-md { 724 .rounded-r-md {
721 border-top-right-radius: .375rem; 725 border-top-right-radius: .375rem;
722 border-bottom-right-radius: .375rem 726 border-bottom-right-radius: .375rem
723 } 727 }
724 .rounded-l-md { 728 .rounded-l-md {
725 border-top-left-radius: .375rem; 729 border-top-left-radius: .375rem;
726 border-bottom-left-radius: .375rem 730 border-bottom-left-radius: .375rem
727 } 731 }
728 .rounded-t-lg { 732 .rounded-t-lg {
729 border-top-left-radius: .5rem 733 border-top-left-radius: .5rem
730 } 734 }
731 .rounded-r-lg, .rounded-t-lg { 735 .rounded-r-lg, .rounded-t-lg {
732 border-top-right-radius: .5rem 736 border-top-right-radius: .5rem
733 } 737 }
734 .rounded-r-lg { 738 .rounded-r-lg {
735 border-bottom-right-radius: .5rem 739 border-bottom-right-radius: .5rem
736 } 740 }
737 .rounded-l-lg { 741 .rounded-l-lg {
738 border-top-left-radius: .5rem; 742 border-top-left-radius: .5rem;
739 border-bottom-left-radius: .5rem 743 border-bottom-left-radius: .5rem
740 } 744 }
741 .rounded-tr-lg { 745 .rounded-tr-lg {
742 border-top-right-radius: .5rem 746 border-top-right-radius: .5rem
743 } 747 }
744 .rounded-br-lg { 748 .rounded-br-lg {
745 border-bottom-right-radius: .5rem 749 border-bottom-right-radius: .5rem
746 } 750 }
747 .border-0 { 751 .border-0 {
748 border-width: 0 752 border-width: 0
749 } 753 }
750 .border-2 { 754 .border-2 {
751 border-width: 2px 755 border-width: 2px
752 } 756 }
753 .border { 757 .border {
754 border-width: 1px 758 border-width: 1px
755 } 759 }
756 .border-r-0 { 760 .border-r-0 {
757 border-right-width: 0 761 border-right-width: 0
758 } 762 }
759 .border-t { 763 .border-t {
760 border-top-width: 1px 764 border-top-width: 1px
761 } 765 }
762 .border-b { 766 .border-b {
763 border-bottom-width: 1px 767 border-bottom-width: 1px
764 } 768 }
765 .cursor-not-allowed { 769 .cursor-not-allowed {
766 cursor: not-allowed 770 cursor: not-allowed
767 } 771 }
768 .block { 772 .block {
769 display: block 773 display: block
770 } 774 }
771 .inline-block { 775 .inline-block {
772 display: inline-block 776 display: inline-block
773 } 777 }
774 .flex { 778 .flex {
775 display: flex 779 display: flex
776 } 780 }
777 .inline-flex { 781 .inline-flex {
778 display: inline-flex 782 display: inline-flex
779 } 783 }
780 .table { 784 .table {
781 display: table 785 display: table
782 } 786 }
783 .grid { 787 .grid {
784 display: grid 788 display: grid
785 } 789 }
786 .hidden { 790 .hidden {
787 display: none 791 display: none
788 } 792 }
789 .theme-dark .dark\:block { 793 .theme-dark .dark\:block {
790 display: block 794 display: block
791 } 795 }
792 .theme-dark .dark\:hidden { 796 .theme-dark .dark\:hidden {
793 display: none 797 display: none
794 } 798 }
795 .flex-col { 799 .flex-col {
796 flex-direction: column 800 flex-direction: column
797 } 801 }
798 .flex-wrap { 802 .flex-wrap {
799 flex-wrap: wrap 803 flex-wrap: wrap
800 } 804 }
801 .items-end { 805 .items-end {
802 align-items: flex-end 806 align-items: flex-end
803 } 807 }
804 .items-center { 808 .items-center {
805 align-items: center 809 align-items: center
806 } 810 }
807 .justify-end { 811 .justify-end {
808 justify-content: flex-end 812 justify-content: flex-end
809 } 813 }
810 .justify-center { 814 .justify-center {
811 justify-content: center 815 justify-content: center
812 } 816 }
813 .justify-between { 817 .justify-between {
814 justify-content: space-between 818 justify-content: space-between
815 } 819 }
816 .flex-1 { 820 .flex-1 {
817 flex: 1 1 0% 821 flex: 1 1 0%
818 } 822 }
819 .flex-shrink-0 { 823 .flex-shrink-0 {
820 flex-shrink: 0 824 flex-shrink: 0
821 } 825 }
822 .font-medium { 826 .font-medium {
823 font-weight: 500 827 font-weight: 500
824 } 828 }
825 .font-semibold { 829 .font-semibold {
826 font-weight: 600 830 font-weight: 600
827 } 831 }
828 .font-bold { 832 .font-bold {
829 font-weight: 700 833 font-weight: 700
830 } 834 }
831 .h-3 { 835 .h-3 {
832 height: .75rem 836 height: .75rem
833 } 837 }
834 .h-4 { 838 .h-4 {
835 height: 1rem 839 height: 1rem
836 } 840 }
837 .h-5 { 841 .h-5 {
838 height: 1.25rem 842 height: 1.25rem
839 } 843 }
840 .h-6 { 844 .h-6 {
841 height: 1.5rem 845 height: 1.5rem
842 } 846 }
843 .h-8 { 847 .h-8 {
844 height: 2rem 848 height: 2rem
845 } 849 }
846 .h-12 { 850 .h-12 {
847 height: 3rem 851 height: 3rem
848 } 852 }
849 .h-32 { 853 .h-32 {
850 height: 8rem 854 height: 8rem
851 } 855 }
852 .h-full { 856 .h-full {
853 height: 100% 857 height: 100%
854 } 858 }
855 .h-screen { 859 .h-screen {
856 height: 100vh 860 height: 100vh
857 } 861 }
858 .text-xs { 862 .text-xs {
859 font-size: .75rem 863 font-size: .75rem
860 } 864 }
861 .text-sm { 865 .text-sm {
862 font-size: .875rem 866 font-size: .875rem
863 } 867 }
864 .text-lg { 868 .text-lg {
865 font-size: 1.125rem 869 font-size: 1.125rem
866 } 870 }
867 .text-xl { 871 .text-xl {
868 font-size: 1.25rem 872 font-size: 1.25rem
869 } 873 }
870 .text-2xl { 874 .text-2xl {
871 font-size: 1.5rem 875 font-size: 1.5rem
872 } 876 }
873 .text-6xl { 877 .text-6xl {
874 font-size: 4rem 878 font-size: 4rem
875 } 879 }
876 .leading-5 { 880 .leading-5 {
877 line-height: 1.25rem 881 line-height: 1.25rem
878 } 882 }
879 .leading-none { 883 .leading-none {
880 line-height: 1 884 line-height: 1
881 } 885 }
882 .leading-tight { 886 .leading-tight {
883 line-height: 1.25 887 line-height: 1.25
884 } 888 }
885 .my-6 { 889 .my-6 {
886 margin-top: 1.5rem; 890 margin-top: 1.5rem;
887 margin-bottom: 1.5rem 891 margin-bottom: 1.5rem
888 } 892 }
889 .my-8 { 893 .my-8 {
890 margin-top: 2rem; 894 margin-top: 2rem;
891 margin-bottom: 2rem 895 margin-bottom: 2rem
892 } 896 }
893 .mx-auto { 897 .mx-auto {
894 margin-left: auto; 898 margin-left: auto;
895 margin-right: auto 899 margin-right: auto
896 } 900 }
897 .-mx-6 { 901 .-mx-6 {
898 margin-left: -1.5rem; 902 margin-left: -1.5rem;
899 margin-right: -1.5rem 903 margin-right: -1.5rem
900 } 904 }
901 .mt-1 { 905 .mt-1 {
902 margin-top: .25rem 906 margin-top: .25rem
903 } 907 }
904 .mr-1 { 908 .mr-1 {
905 margin-right: .25rem 909 margin-right: .25rem
906 } 910 }
907 .mt-2 { 911 .mt-2 {
908 margin-top: .5rem 912 margin-top: .5rem
909 } 913 }
910 .mr-2 { 914 .mr-2 {
911 margin-right: .5rem 915 margin-right: .5rem
912 } 916 }
913 .mb-2 { 917 .mb-2 {
914 margin-bottom: .5rem 918 margin-bottom: .5rem
915 } 919 }
916 .ml-2 { 920 .ml-2 {
917 margin-left: .5rem 921 margin-left: .5rem
918 } 922 }
919 .mr-3 { 923 .mr-3 {
920 margin-right: .75rem 924 margin-right: .75rem
921 } 925 }
922 .ml-3 { 926 .ml-3 {
923 margin-left: .75rem 927 margin-left: .75rem
924 } 928 }
925 .mt-4 { 929 .mt-4 {
926 margin-top: 1rem 930 margin-top: 1rem
927 } 931 }
928 .mr-4 { 932 .mr-4 {
929 margin-right: 1rem 933 margin-right: 1rem
930 } 934 }
931 .mb-4 { 935 .mb-4 {
932 margin-bottom: 1rem 936 margin-bottom: 1rem
933 } 937 }
934 .ml-4 { 938 .ml-4 {
935 margin-left: 1rem 939 margin-left: 1rem
936 } 940 }
937 .mr-5 { 941 .mr-5 {
938 margin-right: 1.25rem 942 margin-right: 1.25rem
939 } 943 }
940 .mt-6 { 944 .mt-6 {
941 margin-top: 1.5rem 945 margin-top: 1.5rem
942 } 946 }
943 .mr-6 { 947 .mr-6 {
944 margin-right: 1.5rem 948 margin-right: 1.5rem
945 } 949 }
946 .mb-6 { 950 .mb-6 {
947 margin-bottom: 1.5rem 951 margin-bottom: 1.5rem
948 } 952 }
949 .ml-6 { 953 .ml-6 {
950 margin-left: 1.5rem 954 margin-left: 1.5rem
951 } 955 }
952 .mt-8 { 956 .mt-8 {
953 margin-top: 2rem 957 margin-top: 2rem
954 } 958 }
955 .mb-8 { 959 .mb-8 {
956 margin-bottom: 2rem 960 margin-bottom: 2rem
957 } 961 }
958 .mt-16 { 962 .mt-16 {
959 margin-top: 4rem 963 margin-top: 4rem
960 } 964 }
961 .-mr-1 { 965 .-mr-1 {
962 margin-right: -.25rem 966 margin-right: -.25rem
963 } 967 }
964 .-ml-1 { 968 .-ml-1 {
965 margin-left: -.25rem 969 margin-left: -.25rem
966 } 970 }
967 .-mb-4 { 971 .-mb-4 {
968 margin-bottom: -1rem 972 margin-bottom: -1rem
969 } 973 }
970 .max-h-0 { 974 .max-h-0 {
971 max-height: 0 975 max-height: 0
972 } 976 }
973 .max-h-xl { 977 .max-h-xl {
974 max-height: 36rem 978 max-height: 36rem
975 } 979 }
976 .max-w-xl { 980 .max-w-xl {
977 /*max-width: 36rem*/ 981 /*max-width: 36rem*/
978 } 982 }
979 .max-w-2xl { 983 .max-w-2xl {
980 max-width: 42rem 984 max-width: 42rem
981 } 985 }
982 .max-w-4xl { 986 .max-w-4xl {
983 max-width: 56rem 987 max-width: 56rem
984 } 988 }
985 .min-h-screen { 989 .min-h-screen {
986 min-height: 100vh 990 min-height: 100vh
987 } 991 }
988 .min-w-0 { 992 .min-w-0 {
989 min-width: 0 993 min-width: 0
990 } 994 }
991 .object-cover { 995 .object-cover {
992 -o-object-fit: cover; 996 -o-object-fit: cover;
993 object-fit: cover 997 object-fit: cover
994 } 998 }
995 .opacity-0 { 999 .opacity-0 {
996 opacity: 0 1000 opacity: 0
997 } 1001 }
998 .opacity-25 { 1002 .opacity-25 {
999 opacity: .25 1003 opacity: .25
1000 } 1004 }
1001 .opacity-50 { 1005 .opacity-50 {
1002 opacity: .5 1006 opacity: .5
1003 } 1007 }
1004 .opacity-100 { 1008 .opacity-100 {
1005 opacity: 1 1009 opacity: 1
1006 } 1010 }
1007 .focus\:outline-none:focus { 1011 .focus\:outline-none:focus {
1008 outline: 0 1012 outline: 0
1009 } 1013 }
1010 .overflow-hidden { 1014 .overflow-hidden {
1011 overflow: hidden 1015 overflow: hidden
1012 } 1016 }
1013 .overflow-x-auto { 1017 .overflow-x-auto {
1014 overflow-x: auto 1018 overflow-x: auto
1015 } 1019 }
1016 .overflow-y-auto { 1020 .overflow-y-auto {
1017 overflow-y: auto 1021 overflow-y: auto
1018 } 1022 }
1019 .p-1 { 1023 .p-1 {
1020 padding: .25rem 1024 padding: .25rem
1021 } 1025 }
1022 .p-2 { 1026 .p-2 {
1023 padding: .5rem 1027 padding: .5rem
1024 } 1028 }
1025 .p-3 { 1029 .p-3 {
1026 padding: .75rem 1030 padding: .75rem
1027 } 1031 }
1028 .p-4 { 1032 .p-4 {
1029 padding: 1rem 1033 padding: 1rem
1030 } 1034 }
1031 .p-6 { 1035 .p-6 {
1032 padding: 1.5rem 1036 padding: 1.5rem
1033 } 1037 }
1034 .py-1 { 1038 .py-1 {
1035 padding-top: .25rem; 1039 padding-top: .25rem;
1036 padding-bottom: .25rem 1040 padding-bottom: .25rem
1037 } 1041 }
1038 .py-2 { 1042 .py-2 {
1039 padding-top: .5rem; 1043 padding-top: .5rem;
1040 padding-bottom: .5rem 1044 padding-bottom: .5rem
1041 } 1045 }
1042 .px-2 { 1046 .px-2 {
1043 padding-left: .5rem; 1047 padding-left: .5rem;
1044 padding-right: .5rem 1048 padding-right: .5rem
1045 } 1049 }
1046 .py-3 { 1050 .py-3 {
1047 padding-top: .75rem; 1051 padding-top: .75rem;
1048 padding-bottom: .75rem 1052 padding-bottom: .75rem
1049 } 1053 }
1050 .px-3 { 1054 .px-3 {
1051 padding-left: .75rem; 1055 padding-left: .75rem;
1052 padding-right: .75rem 1056 padding-right: .75rem
1053 } 1057 }
1054 .py-4 { 1058 .py-4 {
1055 padding-top: 1rem; 1059 padding-top: 1rem;
1056 padding-bottom: 1rem 1060 padding-bottom: 1rem
1057 } 1061 }
1058 .px-4 { 1062 .px-4 {
1059 padding-left: 1rem; 1063 padding-left: 1rem;
1060 padding-right: 1rem 1064 padding-right: 1rem
1061 } 1065 }
1062 .px-5 { 1066 .px-5 {
1063 padding-left: 1.25rem; 1067 padding-left: 1.25rem;
1064 padding-right: 1.25rem 1068 padding-right: 1.25rem
1065 } 1069 }
1066 .px-6 { 1070 .px-6 {
1067 padding-left: 1.5rem; 1071 padding-left: 1.5rem;
1068 padding-right: 1.5rem 1072 padding-right: 1.5rem
1069 } 1073 }
1070 .px-10 { 1074 .px-10 {
1071 padding-left: 2.5rem; 1075 padding-left: 2.5rem;
1072 padding-right: 2.5rem 1076 padding-right: 2.5rem
1073 } 1077 }
1074 .pr-2 { 1078 .pr-2 {
1075 padding-right: .5rem 1079 padding-right: .5rem
1076 } 1080 }
1077 .pl-2 { 1081 .pl-2 {
1078 padding-left: .5rem 1082 padding-left: .5rem
1079 } 1083 }
1080 .pl-8 { 1084 .pl-8 {
1081 padding-left: 2rem 1085 padding-left: 2rem
1082 } 1086 }
1083 .pr-10 { 1087 .pr-10 {
1084 padding-right: 2.5rem 1088 padding-right: 2.5rem
1085 } 1089 }
1086 .pl-10 { 1090 .pl-10 {
1087 padding-left: 2.5rem 1091 padding-left: 2.5rem
1088 } 1092 }
1089 .pb-16 { 1093 .pb-16 {
1090 padding-bottom: 4rem 1094 padding-bottom: 4rem
1091 } 1095 }
1092 .pr-20 { 1096 .pr-20 {
1093 padding-right: 5rem 1097 padding-right: 5rem
1094 } 1098 }
1095 .pl-20 { 1099 .pl-20 {
1096 padding-left: 5rem 1100 padding-left: 5rem
1097 } 1101 }
1098 .placeholder-gray-600::-moz-placeholder { 1102 .placeholder-gray-600::-moz-placeholder {
1099 --placeholder-opacity: 1; 1103 --placeholder-opacity: 1;
1100 color: #4c4f52; 1104 color: #4c4f52;
1101 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1105 color: rgba(76, 79, 82, var(--placeholder-opacity))
1102 } 1106 }
1103 .placeholder-gray-600:-ms-input-placeholder { 1107 .placeholder-gray-600:-ms-input-placeholder {
1104 --placeholder-opacity: 1; 1108 --placeholder-opacity: 1;
1105 color: #4c4f52; 1109 color: #4c4f52;
1106 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1110 color: rgba(76, 79, 82, var(--placeholder-opacity))
1107 } 1111 }
1108 .placeholder-gray-600::-ms-input-placeholder { 1112 .placeholder-gray-600::-ms-input-placeholder {
1109 --placeholder-opacity: 1; 1113 --placeholder-opacity: 1;
1110 color: #4c4f52; 1114 color: #4c4f52;
1111 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1115 color: rgba(76, 79, 82, var(--placeholder-opacity))
1112 } 1116 }
1113 .placeholder-gray-600::placeholder { 1117 .placeholder-gray-600::placeholder {
1114 --placeholder-opacity: 1; 1118 --placeholder-opacity: 1;
1115 color: #4c4f52; 1119 color: #4c4f52;
1116 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1120 color: rgba(76, 79, 82, var(--placeholder-opacity))
1117 } 1121 }
1118 .focus\:placeholder-gray-500:focus::-moz-placeholder { 1122 .focus\:placeholder-gray-500:focus::-moz-placeholder {
1119 --placeholder-opacity: 1; 1123 --placeholder-opacity: 1;
1120 color: #707275; 1124 color: #707275;
1121 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1125 color: rgba(112, 114, 117, var(--placeholder-opacity))
1122 } 1126 }
1123 .focus\:placeholder-gray-500:focus:-ms-input-placeholder { 1127 .focus\:placeholder-gray-500:focus:-ms-input-placeholder {
1124 --placeholder-opacity: 1; 1128 --placeholder-opacity: 1;
1125 color: #707275; 1129 color: #707275;
1126 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1130 color: rgba(112, 114, 117, var(--placeholder-opacity))
1127 } 1131 }
1128 .focus\:placeholder-gray-500:focus::-ms-input-placeholder { 1132 .focus\:placeholder-gray-500:focus::-ms-input-placeholder {
1129 --placeholder-opacity: 1; 1133 --placeholder-opacity: 1;
1130 color: #707275; 1134 color: #707275;
1131 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1135 color: rgba(112, 114, 117, var(--placeholder-opacity))
1132 } 1136 }
1133 .focus\:placeholder-gray-500:focus::placeholder { 1137 .focus\:placeholder-gray-500:focus::placeholder {
1134 --placeholder-opacity: 1; 1138 --placeholder-opacity: 1;
1135 color: #707275; 1139 color: #707275;
1136 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1140 color: rgba(112, 114, 117, var(--placeholder-opacity))
1137 } 1141 }
1138 .theme-dark .dark\:placeholder-gray-500::-moz-placeholder { 1142 .theme-dark .dark\:placeholder-gray-500::-moz-placeholder {
1139 --placeholder-opacity: 1; 1143 --placeholder-opacity: 1;
1140 color: #707275; 1144 color: #707275;
1141 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1145 color: rgba(112, 114, 117, var(--placeholder-opacity))
1142 } 1146 }
1143 .theme-dark .dark\:placeholder-gray-500:-ms-input-placeholder { 1147 .theme-dark .dark\:placeholder-gray-500:-ms-input-placeholder {
1144 --placeholder-opacity: 1; 1148 --placeholder-opacity: 1;
1145 color: #707275; 1149 color: #707275;
1146 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1150 color: rgba(112, 114, 117, var(--placeholder-opacity))
1147 } 1151 }
1148 .theme-dark .dark\:placeholder-gray-500::-ms-input-placeholder { 1152 .theme-dark .dark\:placeholder-gray-500::-ms-input-placeholder {
1149 --placeholder-opacity: 1; 1153 --placeholder-opacity: 1;
1150 color: #707275; 1154 color: #707275;
1151 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1155 color: rgba(112, 114, 117, var(--placeholder-opacity))
1152 } 1156 }
1153 .theme-dark .dark\:placeholder-gray-500::placeholder { 1157 .theme-dark .dark\:placeholder-gray-500::placeholder {
1154 --placeholder-opacity: 1; 1158 --placeholder-opacity: 1;
1155 color: #707275; 1159 color: #707275;
1156 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1160 color: rgba(112, 114, 117, var(--placeholder-opacity))
1157 } 1161 }
1158 .theme-dark .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder { 1162 .theme-dark .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
1159 --placeholder-opacity: 1; 1163 --placeholder-opacity: 1;
1160 color: #4c4f52; 1164 color: #4c4f52;
1161 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1165 color: rgba(76, 79, 82, var(--placeholder-opacity))
1162 } 1166 }
1163 .theme-dark .dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder { 1167 .theme-dark .dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
1164 --placeholder-opacity: 1; 1168 --placeholder-opacity: 1;
1165 color: #4c4f52; 1169 color: #4c4f52;
1166 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1170 color: rgba(76, 79, 82, var(--placeholder-opacity))
1167 } 1171 }
1168 .theme-dark .dark\:focus\:placeholder-gray-600:focus::-ms-input-placeholder { 1172 .theme-dark .dark\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
1169 --placeholder-opacity: 1; 1173 --placeholder-opacity: 1;
1170 color: #4c4f52; 1174 color: #4c4f52;
1171 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1175 color: rgba(76, 79, 82, var(--placeholder-opacity))
1172 } 1176 }
1173 .theme-dark .dark\:focus\:placeholder-gray-600:focus::placeholder { 1177 .theme-dark .dark\:focus\:placeholder-gray-600:focus::placeholder {
1174 --placeholder-opacity: 1; 1178 --placeholder-opacity: 1;
1175 color: #4c4f52; 1179 color: #4c4f52;
1176 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1180 color: rgba(76, 79, 82, var(--placeholder-opacity))
1177 } 1181 }
1178 .pointer-events-none { 1182 .pointer-events-none {
1179 pointer-events: none 1183 pointer-events: none
1180 } 1184 }
1181 .fixed { 1185 .fixed {
1182 position: fixed 1186 position: fixed
1183 } 1187 }
1184 .absolute { 1188 .absolute {
1185 position: absolute 1189 position: absolute
1186 } 1190 }
1187 .relative { 1191 .relative {
1188 position: relative 1192 position: relative
1189 } 1193 }
1190 .inset-0 { 1194 .inset-0 {
1191 right: 0; 1195 right: 0;
1192 left: 0 1196 left: 0
1193 } 1197 }
1194 .inset-0, .inset-y-0 { 1198 .inset-0, .inset-y-0 {
1195 top: 0; 1199 top: 0;
1196 bottom: 0 1200 bottom: 0
1197 } 1201 }
1198 .top-0 { 1202 .top-0 {
1199 top: 0 1203 top: 0
1200 } 1204 }
1201 .right-0 { 1205 .right-0 {
1202 right: 0 1206 right: 0
1203 } 1207 }
1204 .left-0 { 1208 .left-0 {
1205 left: 0 1209 left: 0
1206 } 1210 }
1207 .shadow-xs { 1211 .shadow-xs {
1208 box-shadow: 0 0 0 1px rgba(0, 0, 0, .05) 1212 box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
1209 } 1213 }
1210 .shadow { 1214 .shadow {
1211 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) 1215 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
1212 } 1216 }
1213 .shadow-md { 1217 .shadow-md {
1214 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) 1218 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
1215 } 1219 }
1216 .shadow-xl { 1220 .shadow-xl {
1217 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) 1221 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
1218 } 1222 }
1219 .shadow-inner { 1223 .shadow-inner {
1220 box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) 1224 box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
1221 } 1225 }
1222 .fill-current { 1226 .fill-current {
1223 fill: currentColor 1227 fill: currentColor
1224 } 1228 }
1225 .text-left { 1229 .text-left {
1226 text-align: left 1230 text-align: left
1227 } 1231 }
1228 .text-center { 1232 .text-center {
1229 text-align: center 1233 text-align: center
1230 } 1234 }
1231 .text-white { 1235 .text-white {
1232 --text-opacity: 1; 1236 --text-opacity: 1;
1233 color: #fff; 1237 color: #fff;
1234 color: rgba(255, 255, 255, var(--text-opacity)) 1238 color: rgba(255, 255, 255, var(--text-opacity))
1235 } 1239 }
1236 .text-black { 1240 .text-black {
1237 --text-opacity: 1; 1241 --text-opacity: 1;
1238 color: #000; 1242 color: #000;
1239 color: rgba(0, 0, 0, var(--text-opacity)) 1243 color: rgba(0, 0, 0, var(--text-opacity))
1240 } 1244 }
1241 .text-gray-400 { 1245 .text-gray-400 {
1242 --text-opacity: 1; 1246 --text-opacity: 1;
1243 color: #9e9e9e; 1247 color: #9e9e9e;
1244 color: rgba(158, 158, 158, var(--text-opacity)) 1248 color: rgba(158, 158, 158, var(--text-opacity))
1245 } 1249 }
1246 .text-gray-500 { 1250 .text-gray-500 {
1247 --text-opacity: 1; 1251 --text-opacity: 1;
1248 color: #707275; 1252 color: #707275;
1249 color: rgba(112, 114, 117, var(--text-opacity)) 1253 color: rgba(112, 114, 117, var(--text-opacity))
1250 } 1254 }
1251 .text-gray-600 { 1255 .text-gray-600 {
1252 --text-opacity: 1; 1256 --text-opacity: 1;
1253 color: #4c4f52; 1257 color: #4c4f52;
1254 color: rgba(76, 79, 82, var(--text-opacity)) 1258 color: rgba(76, 79, 82, var(--text-opacity))
1255 } 1259 }
1256 .text-gray-700 { 1260 .text-gray-700 {
1257 --text-opacity: 1; 1261 --text-opacity: 1;
1258 color: #24262d; 1262 color: #24262d;
1259 color: rgba(36, 38, 45, var(--text-opacity)) 1263 color: rgba(36, 38, 45, var(--text-opacity))
1260 } 1264 }
1261 .text-gray-800 { 1265 .text-gray-800 {
1262 --text-opacity: 1; 1266 --text-opacity: 1;
1263 color: #1a1c23; 1267 color: #1a1c23;
1264 color: rgba(26, 28, 35, var(--text-opacity)) 1268 color: rgba(26, 28, 35, var(--text-opacity))
1265 } 1269 }
1266 .text-red-600 { 1270 .text-red-600 {
1267 --text-opacity: 1; 1271 --text-opacity: 1;
1268 color: #e02424; 1272 color: #e02424;
1269 color: rgba(224, 36, 36, var(--text-opacity)) 1273 color: rgba(224, 36, 36, var(--text-opacity))
1270 } 1274 }
1271 .text-red-700 { 1275 .text-red-700 {
1272 --text-opacity: 1; 1276 --text-opacity: 1;
1273 color: #c81e1e; 1277 color: #c81e1e;
1274 color: rgba(200, 30, 30, var(--text-opacity)) 1278 color: rgba(200, 30, 30, var(--text-opacity))
1275 } 1279 }
1276 .text-orange-500 { 1280 .text-orange-500 {
1277 --text-opacity: 1; 1281 --text-opacity: 1;
1278 color: #ff5a1f; 1282 color: #ff5a1f;
1279 color: rgba(255, 90, 31, var(--text-opacity)) 1283 color: rgba(255, 90, 31, var(--text-opacity))
1280 } 1284 }
1281 .text-orange-700 { 1285 .text-orange-700 {
1282 --text-opacity: 1; 1286 --text-opacity: 1;
1283 color: #b43403; 1287 color: #b43403;
1284 color: rgba(180, 52, 3, var(--text-opacity)) 1288 color: rgba(180, 52, 3, var(--text-opacity))
1285 } 1289 }
1286 .text-green-500 { 1290 .text-green-500 {
1287 --text-opacity: 1; 1291 --text-opacity: 1;
1288 color: #0e9f6e; 1292 color: #0e9f6e;
1289 color: rgba(14, 159, 110, var(--text-opacity)) 1293 color: rgba(14, 159, 110, var(--text-opacity))
1290 } 1294 }
1291 .text-green-600 { 1295 .text-green-600 {
1292 --text-opacity: 1; 1296 --text-opacity: 1;
1293 color: #057a55; 1297 color: #057a55;
1294 color: rgba(5, 122, 85, var(--text-opacity)) 1298 color: rgba(5, 122, 85, var(--text-opacity))
1295 } 1299 }
1296 .text-green-700 { 1300 .text-green-700 {
1297 --text-opacity: 1; 1301 --text-opacity: 1;
1298 color: #046c4e; 1302 color: #046c4e;
1299 color: rgba(4, 108, 78, var(--text-opacity)) 1303 color: rgba(4, 108, 78, var(--text-opacity))
1300 } 1304 }
1301 .text-teal-500 { 1305 .text-teal-500 {
1302 --text-opacity: 1; 1306 --text-opacity: 1;
1303 color: #0694a2; 1307 color: #0694a2;
1304 color: rgba(6, 148, 162, var(--text-opacity)) 1308 color: rgba(6, 148, 162, var(--text-opacity))
1305 } 1309 }
1306 .text-blue-500 { 1310 .text-blue-500 {
1307 --text-opacity: 1; 1311 --text-opacity: 1;
1308 color: #3f83f8; 1312 color: #3f83f8;
1309 color: rgba(63, 131, 248, var(--text-opacity)) 1313 color: rgba(63, 131, 248, var(--text-opacity))
1310 } 1314 }
1311 .text-purple-100 { 1315 .text-purple-100 {
1312 --text-opacity: 1; 1316 --text-opacity: 1;
1313 color: #edebfe; 1317 color: #edebfe;
1314 color: rgba(237, 235, 254, var(--text-opacity)) 1318 color: rgba(237, 235, 254, var(--text-opacity))
1315 } 1319 }
1316 .text-purple-200 { 1320 .text-purple-200 {
1317 --text-opacity: 1; 1321 --text-opacity: 1;
1318 color: #dcd7fe; 1322 color: #dcd7fe;
1319 color: rgba(220, 215, 254, var(--text-opacity)) 1323 color: rgba(220, 215, 254, var(--text-opacity))
1320 } 1324 }
1321 .text-purple-600 { 1325 .text-purple-600 {
1322 --text-opacity: 1; 1326 --text-opacity: 1;
1323 color: #7e3af2; 1327 color: #7e3af2;
1324 color: rgba(126, 58, 242, var(--text-opacity)) 1328 color: rgba(126, 58, 242, var(--text-opacity))
1325 } 1329 }
1326 .focus-within\:text-purple-500:focus-within { 1330 .focus-within\:text-purple-500:focus-within {
1327 --text-opacity: 1; 1331 --text-opacity: 1;
1328 color: #9061f9; 1332 color: #9061f9;
1329 color: rgba(144, 97, 249, var(--text-opacity)) 1333 color: rgba(144, 97, 249, var(--text-opacity))
1330 } 1334 }
1331 .focus-within\:text-purple-600:focus-within { 1335 .focus-within\:text-purple-600:focus-within {
1332 --text-opacity: 1; 1336 --text-opacity: 1;
1333 color: #7e3af2; 1337 color: #7e3af2;
1334 color: rgba(126, 58, 242, var(--text-opacity)) 1338 color: rgba(126, 58, 242, var(--text-opacity))
1335 } 1339 }
1336 .hover\:text-gray-700:hover { 1340 .hover\:text-gray-700:hover {
1337 --text-opacity: 1; 1341 --text-opacity: 1;
1338 color: #24262d; 1342 color: #24262d;
1339 color: rgba(36, 38, 45, var(--text-opacity)) 1343 color: rgba(36, 38, 45, var(--text-opacity))
1340 } 1344 }
1341 .hover\:text-gray-800:hover { 1345 .hover\:text-gray-800:hover {
1342 --text-opacity: 1; 1346 --text-opacity: 1;
1343 color: #1a1c23; 1347 color: #1a1c23;
1344 color: rgba(26, 28, 35, var(--text-opacity)) 1348 color: rgba(26, 28, 35, var(--text-opacity))
1345 } 1349 }
1346 .active\:text-gray-500:active { 1350 .active\:text-gray-500:active {
1347 --text-opacity: 1; 1351 --text-opacity: 1;
1348 color: #707275; 1352 color: #707275;
1349 color: rgba(112, 114, 117, var(--text-opacity)) 1353 color: rgba(112, 114, 117, var(--text-opacity))
1350 } 1354 }
1351 .theme-dark .dark\:text-white { 1355 .theme-dark .dark\:text-white {
1352 --text-opacity: 1; 1356 --text-opacity: 1;
1353 color: #fff; 1357 color: #fff;
1354 color: rgba(255, 255, 255, var(--text-opacity)) 1358 color: rgba(255, 255, 255, var(--text-opacity))
1355 } 1359 }
1356 .theme-dark .dark\:text-gray-100 { 1360 .theme-dark .dark\:text-gray-100 {
1357 --text-opacity: 1; 1361 --text-opacity: 1;
1358 color: #f4f5f7; 1362 color: #f4f5f7;
1359 color: rgba(244, 245, 247, var(--text-opacity)) 1363 color: rgba(244, 245, 247, var(--text-opacity))
1360 } 1364 }
1361 .theme-dark .dark\:text-gray-200 { 1365 .theme-dark .dark\:text-gray-200 {
1362 --text-opacity: 1; 1366 --text-opacity: 1;
1363 color: #e5e7eb; 1367 color: #e5e7eb;
1364 color: rgba(229, 231, 235, var(--text-opacity)) 1368 color: rgba(229, 231, 235, var(--text-opacity))
1365 } 1369 }
1366 .theme-dark .dark\:text-gray-300 { 1370 .theme-dark .dark\:text-gray-300 {
1367 --text-opacity: 1; 1371 --text-opacity: 1;
1368 color: #d5d6d7; 1372 color: #d5d6d7;
1369 color: rgba(213, 214, 215, var(--text-opacity)) 1373 color: rgba(213, 214, 215, var(--text-opacity))
1370 } 1374 }
1371 .theme-dark .dark\:text-gray-400 { 1375 .theme-dark .dark\:text-gray-400 {
1372 --text-opacity: 1; 1376 --text-opacity: 1;
1373 color: #9e9e9e; 1377 color: #9e9e9e;
1374 color: rgba(158, 158, 158, var(--text-opacity)) 1378 color: rgba(158, 158, 158, var(--text-opacity))
1375 } 1379 }
1376 .theme-dark .dark\:text-red-100 { 1380 .theme-dark .dark\:text-red-100 {
1377 --text-opacity: 1; 1381 --text-opacity: 1;
1378 color: #fde8e8; 1382 color: #fde8e8;
1379 color: rgba(253, 232, 232, var(--text-opacity)) 1383 color: rgba(253, 232, 232, var(--text-opacity))
1380 } 1384 }
1381 .theme-dark .dark\:text-red-400 { 1385 .theme-dark .dark\:text-red-400 {
1382 --text-opacity: 1; 1386 --text-opacity: 1;
1383 color: #f98080; 1387 color: #f98080;
1384 color: rgba(249, 128, 128, var(--text-opacity)) 1388 color: rgba(249, 128, 128, var(--text-opacity))
1385 } 1389 }
1386 .theme-dark .dark\:text-orange-100 { 1390 .theme-dark .dark\:text-orange-100 {
1387 --text-opacity: 1; 1391 --text-opacity: 1;
1388 color: #feecdc; 1392 color: #feecdc;
1389 color: rgba(254, 236, 220, var(--text-opacity)) 1393 color: rgba(254, 236, 220, var(--text-opacity))
1390 } 1394 }
1391 .theme-dark .dark\:text-green-100 { 1395 .theme-dark .dark\:text-green-100 {
1392 --text-opacity: 1; 1396 --text-opacity: 1;
1393 color: #def7ec; 1397 color: #def7ec;
1394 color: rgba(222, 247, 236, var(--text-opacity)) 1398 color: rgba(222, 247, 236, var(--text-opacity))
1395 } 1399 }
1396 .theme-dark .dark\:text-green-400 { 1400 .theme-dark .dark\:text-green-400 {
1397 --text-opacity: 1; 1401 --text-opacity: 1;
1398 color: #31c48d; 1402 color: #31c48d;
1399 color: rgba(49, 196, 141, var(--text-opacity)) 1403 color: rgba(49, 196, 141, var(--text-opacity))
1400 } 1404 }
1401 .theme-dark .dark\:text-teal-100 { 1405 .theme-dark .dark\:text-teal-100 {
1402 --text-opacity: 1; 1406 --text-opacity: 1;
1403 color: #d5f5f6; 1407 color: #d5f5f6;
1404 color: rgba(213, 245, 246, var(--text-opacity)) 1408 color: rgba(213, 245, 246, var(--text-opacity))
1405 } 1409 }
1406 .theme-dark .dark\:text-blue-100 { 1410 .theme-dark .dark\:text-blue-100 {
1407 --text-opacity: 1; 1411 --text-opacity: 1;
1408 color: #e1effe; 1412 color: #e1effe;
1409 color: rgba(225, 239, 254, var(--text-opacity)) 1413 color: rgba(225, 239, 254, var(--text-opacity))
1410 } 1414 }
1411 .theme-dark .dark\:text-purple-300 { 1415 .theme-dark .dark\:text-purple-300 {
1412 --text-opacity: 1; 1416 --text-opacity: 1;
1413 color: #cabffd; 1417 color: #cabffd;
1414 color: rgba(202, 191, 253, var(--text-opacity)) 1418 color: rgba(202, 191, 253, var(--text-opacity))
1415 } 1419 }
1416 .theme-dark .dark\:text-purple-400 { 1420 .theme-dark .dark\:text-purple-400 {
1417 --text-opacity: 1; 1421 --text-opacity: 1;
1418 color: #ac94fa; 1422 color: #ac94fa;
1419 color: rgba(172, 148, 250, var(--text-opacity)) 1423 color: rgba(172, 148, 250, var(--text-opacity))
1420 } 1424 }
1421 .theme-dark .dark\:focus-within\:text-purple-400:focus-within { 1425 .theme-dark .dark\:focus-within\:text-purple-400:focus-within {
1422 --text-opacity: 1; 1426 --text-opacity: 1;
1423 color: #ac94fa; 1427 color: #ac94fa;
1424 color: rgba(172, 148, 250, var(--text-opacity)) 1428 color: rgba(172, 148, 250, var(--text-opacity))
1425 } 1429 }
1426 .theme-dark .dark\:hover\:text-gray-200:hover { 1430 .theme-dark .dark\:hover\:text-gray-200:hover {
1427 --text-opacity: 1; 1431 --text-opacity: 1;
1428 color: #e5e7eb; 1432 color: #e5e7eb;
1429 color: rgba(229, 231, 235, var(--text-opacity)) 1433 color: rgba(229, 231, 235, var(--text-opacity))
1430 } 1434 }
1431 .uppercase { 1435 .uppercase {
1432 text-transform: uppercase 1436 text-transform: uppercase
1433 } 1437 }
1434 .hover\:underline:hover, .underline { 1438 .hover\:underline:hover, .underline {
1435 text-decoration: underline 1439 text-decoration: underline
1436 } 1440 }
1437 .tracking-wide { 1441 .tracking-wide {
1438 letter-spacing: .025em 1442 letter-spacing: .025em
1439 } 1443 }
1440 .align-middle { 1444 .align-middle {
1441 vertical-align: middle 1445 vertical-align: middle
1442 } 1446 }
1443 .whitespace-no-wrap { 1447 .whitespace-no-wrap {
1444 white-space: nowrap 1448 white-space: nowrap
1445 } 1449 }
1446 .w-1 { 1450 .w-1 {
1447 width: .25rem 1451 width: .25rem
1448 } 1452 }
1449 .w-3 { 1453 .w-3 {
1450 width: .75rem 1454 width: .75rem
1451 } 1455 }
1452 .w-4 { 1456 .w-4 {
1453 width: 1rem 1457 width: 1rem
1454 } 1458 }
1455 .w-5 { 1459 .w-5 {
1456 width: 1.25rem 1460 width: 1.25rem
1457 } 1461 }
1458 .w-6 { 1462 .w-6 {
1459 width: 1.5rem 1463 width: 1.5rem
1460 } 1464 }
1461 .w-8 { 1465 .w-8 {
1462 width: 2rem 1466 width: 2rem
1463 } 1467 }
1464 .w-12 { 1468 .w-12 {
1465 width: 3rem 1469 width: 3rem
1466 } 1470 }
1467 .w-56 { 1471 .w-56 {
1468 width: 14rem 1472 width: 14rem
1469 } 1473 }
1470 .w-64 { 1474 .w-64 {
1471 width: 16rem 1475 width: 16rem
1472 } 1476 }
1473 .w-full { 1477 .w-full {
1474 width: 100% 1478 width: 100%
1475 } 1479 }
1476 .z-10 { 1480 .z-10 {
1477 z-index: 10 1481 z-index: 10
1478 } 1482 }
1479 .z-20 { 1483 .z-20 {
1480 z-index: 20 1484 z-index: 20
1481 } 1485 }
1482 .z-30 { 1486 .z-30 {
1483 z-index: 30 1487 z-index: 30
1484 } 1488 }
1485 .gap-6 { 1489 .gap-6 {
1486 grid-gap: 1.5rem; 1490 grid-gap: 1.5rem;
1487 gap: 1.5rem 1491 gap: 1.5rem
1488 } 1492 }
1489 .col-span-2 { 1493 .col-span-2 {
1490 grid-column: span 2/span 2 1494 grid-column: span 2/span 2
1491 } 1495 }
1492 .col-span-3 { 1496 .col-span-3 {
1493 grid-column: span 3/span 3 1497 grid-column: span 3/span 3
1494 } 1498 }
1495 .col-span-4 { 1499 .col-span-4 {
1496 grid-column: span 4/span 4 1500 grid-column: span 4/span 4
1497 } 1501 }
1498 .transform { 1502 .transform {
1499 --transform-translate-x: 0; 1503 --transform-translate-x: 0;
1500 --transform-translate-y: 0; 1504 --transform-translate-y: 0;
1501 --transform-rotate: 0; 1505 --transform-rotate: 0;
1502 --transform-skew-x: 0; 1506 --transform-skew-x: 0;
1503 --transform-skew-y: 0; 1507 --transform-skew-y: 0;
1504 --transform-scale-x: 1; 1508 --transform-scale-x: 1;
1505 --transform-scale-y: 1; 1509 --transform-scale-y: 1;
1506 transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) 1510 transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
1507 } 1511 }
1508 .translate-x-1 { 1512 .translate-x-1 {
1509 --transform-translate-x: 0.25rem 1513 --transform-translate-x: 0.25rem
1510 } 1514 }
1511 .-translate-x-20 { 1515 .-translate-x-20 {
1512 --transform-translate-x: -5rem 1516 --transform-translate-x: -5rem
1513 } 1517 }
1514 .-translate-y-1 { 1518 .-translate-y-1 {
1515 --transform-translate-y: -0.25rem 1519 --transform-translate-y: -0.25rem
1516 } 1520 }
1517 .translate-y-1\/2 { 1521 .translate-y-1\/2 {
1518 --transform-translate-y: 50% 1522 --transform-translate-y: 50%
1519 } 1523 }
1520 .transition-all { 1524 .transition-all {
1521 transition-property: all 1525 transition-property: all
1522 } 1526 }
1523 .transition { 1527 .transition {
1524 transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform 1528 transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
1525 } 1529 }
1526 .transition-colors { 1530 .transition-colors {
1527 transition-property: background-color, border-color, color, fill, stroke 1531 transition-property: background-color, border-color, color, fill, stroke
1528 } 1532 }
1529 .ease-in { 1533 .ease-in {
1530 transition-timing-function: cubic-bezier(.4, 0, 1, 1) 1534 transition-timing-function: cubic-bezier(.4, 0, 1, 1)
1531 } 1535 }
1532 .ease-out { 1536 .ease-out {
1533 transition-timing-function: cubic-bezier(0, 0, .2, 1) 1537 transition-timing-function: cubic-bezier(0, 0, .2, 1)
1534 } 1538 }
1535 .ease-in-out { 1539 .ease-in-out {
1536 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 1540 transition-timing-function: cubic-bezier(.4, 0, .2, 1)
1537 } 1541 }
1538 .duration-150 { 1542 .duration-150 {
1539 transition-duration: .15s 1543 transition-duration: .15s
1540 } 1544 }
1541 .duration-300 { 1545 .duration-300 {
1542 transition-duration: .3s 1546 transition-duration: .3s
1543 } 1547 }
1544 .focus\:shadow-outline-gray:focus { 1548 .focus\:shadow-outline-gray:focus {
1545 box-shadow: 0 0 0 3px rgba(213, 214, 215, .45) 1549 box-shadow: 0 0 0 3px rgba(213, 214, 215, .45)
1546 } 1550 }
1547 .focus\:shadow-outline-red:focus { 1551 .focus\:shadow-outline-red:focus {
1548 box-shadow: 0 0 0 3px rgba(248, 180, 180, .45) 1552 box-shadow: 0 0 0 3px rgba(248, 180, 180, .45)
1549 } 1553 }
1550 .focus\:shadow-outline-green:focus { 1554 .focus\:shadow-outline-green:focus {
1551 box-shadow: 0 0 0 3px rgba(132, 225, 188, .45) 1555 box-shadow: 0 0 0 3px rgba(132, 225, 188, .45)
1552 } 1556 }
1553 .focus\:shadow-outline-purple:focus { 1557 .focus\:shadow-outline-purple:focus {
1554 box-shadow: 0 0 0 3px rgba(202, 191, 253, .45) 1558 box-shadow: 0 0 0 3px rgba(202, 191, 253, .45)
1555 } 1559 }
1556 .theme-dark .dark\:focus\:shadow-outline-gray:focus { 1560 .theme-dark .dark\:focus\:shadow-outline-gray:focus {
1557 box-shadow: 0 0 0 3px rgba(213, 214, 215, .45) 1561 box-shadow: 0 0 0 3px rgba(213, 214, 215, .45)
1558 } 1562 }
1559 @media (min-width:640px) { 1563 @media (min-width:640px) {
1560 .sm\:space-y-0>:not(template)~:not(template) { 1564 .sm\:space-y-0>:not(template)~:not(template) {
1561 --space-y-reverse: 0; 1565 --space-y-reverse: 0;
1562 margin-top: calc(0px*(1 - var(--space-y-reverse))); 1566 margin-top: calc(0px*(1 - var(--space-y-reverse)));
1563 margin-bottom: calc(0px*var(--space-y-reverse)) 1567 margin-bottom: calc(0px*var(--space-y-reverse))
1564 } 1568 }
1565 .sm\:space-x-6>:not(template)~:not(template) { 1569 .sm\:space-x-6>:not(template)~:not(template) {
1566 --space-x-reverse: 0; 1570 --space-x-reverse: 0;
1567 margin-right: calc(1.5rem*var(--space-x-reverse)); 1571 margin-right: calc(1.5rem*var(--space-x-reverse));
1568 margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) 1572 margin-left: calc(1.5rem*(1 - var(--space-x-reverse)))
1569 } 1573 }
1570 .sm\:rounded-lg { 1574 .sm\:rounded-lg {
1571 border-radius: .5rem 1575 border-radius: .5rem
1572 } 1576 }
1573 .sm\:flex-row { 1577 .sm\:flex-row {
1574 flex-direction: row 1578 flex-direction: row
1575 } 1579 }
1576 .sm\:items-center { 1580 .sm\:items-center {
1577 align-items: center 1581 align-items: center
1578 } 1582 }
1579 .sm\:justify-end { 1583 .sm\:justify-end {
1580 justify-content: flex-end 1584 justify-content: flex-end
1581 } 1585 }
1582 .sm\:justify-center { 1586 .sm\:justify-center {
1583 justify-content: center 1587 justify-content: center
1584 } 1588 }
1585 .sm\:m-4 { 1589 .sm\:m-4 {
1586 margin: 1rem 1590 margin: 1rem
1587 } 1591 }
1588 .sm\:mt-auto { 1592 .sm\:mt-auto {
1589 margin-top: auto 1593 margin-top: auto
1590 } 1594 }
1591 .sm\:max-w-xl { 1595 .sm\:max-w-xl {
1592 max-width: 36rem 1596 max-width: 36rem
1593 } 1597 }
1594 .sm\:p-12 { 1598 .sm\:p-12 {
1595 padding: 3rem 1599 padding: 3rem
1596 } 1600 }
1597 .sm\:py-2 { 1601 .sm\:py-2 {
1598 padding-top: .5rem; 1602 padding-top: .5rem;
1599 padding-bottom: .5rem 1603 padding-bottom: .5rem
1600 } 1604 }
1601 .sm\:px-4 { 1605 .sm\:px-4 {
1602 padding-left: 1rem; 1606 padding-left: 1rem;
1603 padding-right: 1rem 1607 padding-right: 1rem
1604 } 1608 }
1605 .sm\:w-auto { 1609 .sm\:w-auto {
1606 width: auto 1610 width: auto
1607 } 1611 }
1608 .sm\:grid-cols-9 { 1612 .sm\:grid-cols-9 {
1609 grid-template-columns: repeat(9, minmax(0, 1fr)) 1613 grid-template-columns: repeat(9, minmax(0, 1fr))
1610 } 1614 }
1611 } 1615 }
1612 @media (min-width:768px) { 1616 @media (min-width:768px) {
1613 .md\:space-x-4>:not(template)~:not(template) { 1617 .md\:space-x-4>:not(template)~:not(template) {
1614 --space-x-reverse: 0; 1618 --space-x-reverse: 0;
1615 margin-right: calc(1rem*var(--space-x-reverse)); 1619 margin-right: calc(1rem*var(--space-x-reverse));
1616 margin-left: calc(1rem*(1 - var(--space-x-reverse))) 1620 margin-left: calc(1rem*(1 - var(--space-x-reverse)))
1617 } 1621 }
1618 .md\:block { 1622 .md\:block {
1619 display: block 1623 display: block
1620 } 1624 }
1621 .md\:hidden { 1625 .md\:hidden {
1622 display: none 1626 display: none
1623 } 1627 }
1624 .md\:flex-row { 1628 .md\:flex-row {
1625 flex-direction: row 1629 flex-direction: row
1626 } 1630 }
1627 .md\:items-end { 1631 .md\:items-end {
1628 align-items: flex-end 1632 align-items: flex-end
1629 } 1633 }
1630 .md\:h-auto { 1634 .md\:h-auto {
1631 height: auto 1635 height: auto
1632 } 1636 }
1633 .md\:w-1\/2 { 1637 .md\:w-1\/2 {
1634 width: 50% 1638 width: 50%
1635 } 1639 }
1636 .md\:grid-cols-2 { 1640 .md\:grid-cols-2 {
1637 grid-template-columns: repeat(2, minmax(0, 1fr)) 1641 grid-template-columns: repeat(2, minmax(0, 1fr))
1638 } 1642 }
1639 } 1643 }
1640 @media (min-width:1024px) { 1644 @media (min-width:1024px) {
1641 .lg\:mr-32 { 1645 .lg\:mr-32 {
1642 margin-right: 8rem 1646 margin-right: 8rem
1643 } 1647 }
1644 } 1648 }
1645 @media (min-width:1280px) { 1649 @media (min-width:1280px) {
1646 .xl\:grid-cols-4 { 1650 .xl\:grid-cols-4 {
1647 grid-template-columns: repeat(4, minmax(0, 1fr)) 1651 grid-template-columns: repeat(4, minmax(0, 1fr))
1648 } 1652 }
1649 } 1653 }
1650 1654
public/css/general.css
File was created 1 /* Диалог модал */
2 .modal-dialog{
3 border-radius: 10px;
4 }
5 .modal-dialog .modal-dialog-footer{
6 display: flex;
7 justify-content: space-between;
8 }
9 .modal-dialog .modal-dialog-footer.center{
10 display: flex;
11 justify-content: center;
12 }
13 .modal-dialog .modal-dialog-title h2{
14 font-weight: bold;
15 font-size: 24px;
16 text-align: center;
17 }
18 .modal-dialog .modal-dialog-body{
19 padding-top: 20px;
20 padding-bottom: 20px;
21 }
22 .modal-dialog .modal-dialog-footer .button-admin{
23 padding: 5px 10px;
24 border: 1px #000 solid;
25 border-radius: 8px;
26 }
27 /* Конец Диалог модал */
28
29 .button-loader {
30 border: 2px solid #f3f3f3;
31 -webkit-animation: spin 1s linear infinite;
32 animation: spin 1s linear infinite;
33 border-top: 2px solid #555;
34 border-radius: 50%;
35 width: 20px;
36 height: 20px;
37 margin-right: 10px;
38 }
39 @keyframes spin {
40 0% { transform: rotate(0deg); }
41 100% { transform: rotate(360deg); }
42 }
43 .error-block{
44 color:red;
45 padding: 0;
46 width: 100%;
47 }
48
49 .review-image-modal{
50 cursor: pointer;
51 }
52
public/css/style_may2024.css
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 /* Document 2 /* Document
3 ========================================================================== */ 3 ========================================================================== */
4 /** 4 /**
5 * 1. Correct the line height in all browsers. 5 * 1. Correct the line height in all browsers.
6 * 2. Prevent adjustments of font size after orientation changes in iOS. 6 * 2. Prevent adjustments of font size after orientation changes in iOS.
7 */ 7 */
8 @import url(fonts.css); 8 @import url(fonts.css);
9 @import url(jquery.fancybox.css); 9 @import url(jquery.fancybox.css);
10 @import url(jquery.select2.css); 10 @import url(jquery.select2.css);
11 @import url(star-rating.min.css); 11 @import url(star-rating.min.css);
12 @import url(swiper.css); 12 @import url(swiper.css);
13 @import url(general.css);
13 html { 14 html {
14 line-height: 1.15; /* 1 */ 15 line-height: 1.15; /* 1 */
15 -webkit-text-size-adjust: 100%; /* 2 */ 16 -webkit-text-size-adjust: 100%; /* 2 */
16 } 17 }
17 18
18 /* Sections 19 /* Sections
19 ========================================================================== */ 20 ========================================================================== */
20 /** 21 /**
21 * Remove the margin in all browsers. 22 * Remove the margin in all browsers.
22 */ 23 */
23 body { 24 body {
24 margin: 0; 25 margin: 0;
25 } 26 }
26 27
27 /** 28 /**
28 * Render the `main` element consistently in IE. 29 * Render the `main` element consistently in IE.
29 */ 30 */
30 main { 31 main {
31 display: block; 32 display: block;
32 } 33 }
33 34
34 /** 35 /**
35 * Correct the font size and margin on `h1` elements within `section` and 36 * Correct the font size and margin on `h1` elements within `section` and
36 * `article` contexts in Chrome, Firefox, and Safari. 37 * `article` contexts in Chrome, Firefox, and Safari.
37 */ 38 */
38 h1 { 39 h1 {
39 font-size: 2em; 40 font-size: 2em;
40 margin: 0.67em 0; 41 margin: 0.67em 0;
41 } 42 }
42 43
43 /* Grouping content 44 /* Grouping content
44 ========================================================================== */ 45 ========================================================================== */
45 /** 46 /**
46 * 1. Add the correct box sizing in Firefox. 47 * 1. Add the correct box sizing in Firefox.
47 * 2. Show the overflow in Edge and IE. 48 * 2. Show the overflow in Edge and IE.
48 */ 49 */
49 hr { 50 hr {
50 -webkit-box-sizing: content-box; 51 -webkit-box-sizing: content-box;
51 box-sizing: content-box; /* 1 */ 52 box-sizing: content-box; /* 1 */
52 height: 0; /* 1 */ 53 height: 0; /* 1 */
53 overflow: visible; /* 2 */ 54 overflow: visible; /* 2 */
54 } 55 }
55 56
56 /** 57 /**
57 * 1. Correct the inheritance and scaling of font size in all browsers. 58 * 1. Correct the inheritance and scaling of font size in all browsers.
58 * 2. Correct the odd `em` font sizing in all browsers. 59 * 2. Correct the odd `em` font sizing in all browsers.
59 */ 60 */
60 pre { 61 pre {
61 font-family: monospace, monospace; /* 1 */ 62 font-family: monospace, monospace; /* 1 */
62 font-size: 1em; /* 2 */ 63 font-size: 1em; /* 2 */
63 } 64 }
64 65
65 /* Text-level semantics 66 /* Text-level semantics
66 ========================================================================== */ 67 ========================================================================== */
67 /** 68 /**
68 * Remove the gray background on active links in IE 10. 69 * Remove the gray background on active links in IE 10.
69 */ 70 */
70 a { 71 a {
71 background-color: transparent; 72 background-color: transparent;
72 } 73 }
73 74
74 /** 75 /**
75 * 1. Remove the bottom border in Chrome 57- 76 * 1. Remove the bottom border in Chrome 57-
76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 77 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
77 */ 78 */
78 abbr[title] { 79 abbr[title] {
79 border-bottom: none; /* 1 */ 80 border-bottom: none; /* 1 */
80 text-decoration: underline; /* 2 */ 81 text-decoration: underline; /* 2 */
81 -webkit-text-decoration: underline dotted; 82 -webkit-text-decoration: underline dotted;
82 text-decoration: underline dotted; /* 2 */ 83 text-decoration: underline dotted; /* 2 */
83 } 84 }
84 85
85 /** 86 /**
86 * Add the correct font weight in Chrome, Edge, and Safari. 87 * Add the correct font weight in Chrome, Edge, and Safari.
87 */ 88 */
88 b, 89 b,
89 strong { 90 strong {
90 font-weight: bolder; 91 font-weight: bolder;
91 } 92 }
92 93
93 /** 94 /**
94 * 1. Correct the inheritance and scaling of font size in all browsers. 95 * 1. Correct the inheritance and scaling of font size in all browsers.
95 * 2. Correct the odd `em` font sizing in all browsers. 96 * 2. Correct the odd `em` font sizing in all browsers.
96 */ 97 */
97 code, 98 code,
98 kbd, 99 kbd,
99 samp { 100 samp {
100 font-family: monospace, monospace; /* 1 */ 101 font-family: monospace, monospace; /* 1 */
101 font-size: 1em; /* 2 */ 102 font-size: 1em; /* 2 */
102 } 103 }
103 104
104 /** 105 /**
105 * Add the correct font size in all browsers. 106 * Add the correct font size in all browsers.
106 */ 107 */
107 small { 108 small {
108 font-size: 80%; 109 font-size: 80%;
109 } 110 }
110 111
111 /** 112 /**
112 * Prevent `sub` and `sup` elements from affecting the line height in 113 * Prevent `sub` and `sup` elements from affecting the line height in
113 * all browsers. 114 * all browsers.
114 */ 115 */
115 sub, 116 sub,
116 sup { 117 sup {
117 font-size: 75%; 118 font-size: 75%;
118 line-height: 0; 119 line-height: 0;
119 position: relative; 120 position: relative;
120 vertical-align: baseline; 121 vertical-align: baseline;
121 } 122 }
122 123
123 sub { 124 sub {
124 bottom: -0.25em; 125 bottom: -0.25em;
125 } 126 }
126 127
127 sup { 128 sup {
128 top: -0.5em; 129 top: -0.5em;
129 } 130 }
130 131
131 /* Embedded content 132 /* Embedded content
132 ========================================================================== */ 133 ========================================================================== */
133 /** 134 /**
134 * Remove the border on images inside links in IE 10. 135 * Remove the border on images inside links in IE 10.
135 */ 136 */
136 img { 137 img {
137 border-style: none; 138 border-style: none;
138 } 139 }
139 140
140 /* Forms 141 /* Forms
141 ========================================================================== */ 142 ========================================================================== */
142 /** 143 /**
143 * 1. Change the font styles in all browsers. 144 * 1. Change the font styles in all browsers.
144 * 2. Remove the margin in Firefox and Safari. 145 * 2. Remove the margin in Firefox and Safari.
145 */ 146 */
146 button, 147 button,
147 input, 148 input,
148 optgroup, 149 optgroup,
149 select, 150 select,
150 textarea { 151 textarea {
151 font-family: inherit; /* 1 */ 152 font-family: inherit; /* 1 */
152 font-size: 100%; /* 1 */ 153 font-size: 100%; /* 1 */
153 line-height: 1.15; /* 1 */ 154 line-height: 1.15; /* 1 */
154 margin: 0; /* 2 */ 155 margin: 0; /* 2 */
155 } 156 }
156 157
157 /** 158 /**
158 * Show the overflow in IE. 159 * Show the overflow in IE.
159 * 1. Show the overflow in Edge. 160 * 1. Show the overflow in Edge.
160 */ 161 */
161 button, 162 button,
162 input { /* 1 */ 163 input { /* 1 */
163 overflow: visible; 164 overflow: visible;
164 } 165 }
165 166
166 /** 167 /**
167 * Remove the inheritance of text transform in Edge, Firefox, and IE. 168 * Remove the inheritance of text transform in Edge, Firefox, and IE.
168 * 1. Remove the inheritance of text transform in Firefox. 169 * 1. Remove the inheritance of text transform in Firefox.
169 */ 170 */
170 button, 171 button,
171 select { /* 1 */ 172 select { /* 1 */
172 text-transform: none; 173 text-transform: none;
173 } 174 }
174 175
175 /** 176 /**
176 * Correct the inability to style clickable types in iOS and Safari. 177 * Correct the inability to style clickable types in iOS and Safari.
177 */ 178 */
178 button, 179 button,
179 [type=button], 180 [type=button],
180 [type=reset], 181 [type=reset],
181 [type=submit] { 182 [type=submit] {
182 -webkit-appearance: button; 183 -webkit-appearance: button;
183 } 184 }
184 185
185 /** 186 /**
186 * Remove the inner border and padding in Firefox. 187 * Remove the inner border and padding in Firefox.
187 */ 188 */
188 button::-moz-focus-inner, 189 button::-moz-focus-inner,
189 [type=button]::-moz-focus-inner, 190 [type=button]::-moz-focus-inner,
190 [type=reset]::-moz-focus-inner, 191 [type=reset]::-moz-focus-inner,
191 [type=submit]::-moz-focus-inner { 192 [type=submit]::-moz-focus-inner {
192 border-style: none; 193 border-style: none;
193 padding: 0; 194 padding: 0;
194 } 195 }
195 196
196 /** 197 /**
197 * Restore the focus styles unset by the previous rule. 198 * Restore the focus styles unset by the previous rule.
198 */ 199 */
199 button:-moz-focusring, 200 button:-moz-focusring,
200 [type=button]:-moz-focusring, 201 [type=button]:-moz-focusring,
201 [type=reset]:-moz-focusring, 202 [type=reset]:-moz-focusring,
202 [type=submit]:-moz-focusring { 203 [type=submit]:-moz-focusring {
203 outline: 1px dotted ButtonText; 204 outline: 1px dotted ButtonText;
204 } 205 }
205 206
206 /** 207 /**
207 * Correct the padding in Firefox. 208 * Correct the padding in Firefox.
208 */ 209 */
209 fieldset { 210 fieldset {
210 padding: 0.35em 0.75em 0.625em; 211 padding: 0.35em 0.75em 0.625em;
211 } 212 }
212 213
213 /** 214 /**
214 * 1. Correct the text wrapping in Edge and IE. 215 * 1. Correct the text wrapping in Edge and IE.
215 * 2. Correct the color inheritance from `fieldset` elements in IE. 216 * 2. Correct the color inheritance from `fieldset` elements in IE.
216 * 3. Remove the padding so developers are not caught out when they zero out 217 * 3. Remove the padding so developers are not caught out when they zero out
217 * `fieldset` elements in all browsers. 218 * `fieldset` elements in all browsers.
218 */ 219 */
219 legend { 220 legend {
220 -webkit-box-sizing: border-box; 221 -webkit-box-sizing: border-box;
221 box-sizing: border-box; /* 1 */ 222 box-sizing: border-box; /* 1 */
222 color: inherit; /* 2 */ 223 color: inherit; /* 2 */
223 display: table; /* 1 */ 224 display: table; /* 1 */
224 max-width: 100%; /* 1 */ 225 max-width: 100%; /* 1 */
225 padding: 0; /* 3 */ 226 padding: 0; /* 3 */
226 white-space: normal; /* 1 */ 227 white-space: normal; /* 1 */
227 } 228 }
228 229
229 /** 230 /**
230 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 231 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
231 */ 232 */
232 progress { 233 progress {
233 vertical-align: baseline; 234 vertical-align: baseline;
234 } 235 }
235 236
236 /** 237 /**
237 * Remove the default vertical scrollbar in IE 10+. 238 * Remove the default vertical scrollbar in IE 10+.
238 */ 239 */
239 textarea { 240 textarea {
240 overflow: auto; 241 overflow: auto;
241 } 242 }
242 243
243 /** 244 /**
244 * 1. Add the correct box sizing in IE 10. 245 * 1. Add the correct box sizing in IE 10.
245 * 2. Remove the padding in IE 10. 246 * 2. Remove the padding in IE 10.
246 */ 247 */
247 [type=checkbox], 248 [type=checkbox],
248 [type=radio] { 249 [type=radio] {
249 -webkit-box-sizing: border-box; 250 -webkit-box-sizing: border-box;
250 box-sizing: border-box; /* 1 */ 251 box-sizing: border-box; /* 1 */
251 padding: 0; /* 2 */ 252 padding: 0; /* 2 */
252 } 253 }
253 254
254 /** 255 /**
255 * Correct the cursor style of increment and decrement buttons in Chrome. 256 * Correct the cursor style of increment and decrement buttons in Chrome.
256 */ 257 */
257 [type=number]::-webkit-inner-spin-button, 258 [type=number]::-webkit-inner-spin-button,
258 [type=number]::-webkit-outer-spin-button { 259 [type=number]::-webkit-outer-spin-button {
259 height: auto; 260 height: auto;
260 } 261 }
261 262
262 /** 263 /**
263 * 1. Correct the odd appearance in Chrome and Safari. 264 * 1. Correct the odd appearance in Chrome and Safari.
264 * 2. Correct the outline style in Safari. 265 * 2. Correct the outline style in Safari.
265 */ 266 */
266 [type=search] { 267 [type=search] {
267 -webkit-appearance: textfield; /* 1 */ 268 -webkit-appearance: textfield; /* 1 */
268 outline-offset: -2px; /* 2 */ 269 outline-offset: -2px; /* 2 */
269 } 270 }
270 271
271 /** 272 /**
272 * Remove the inner padding in Chrome and Safari on macOS. 273 * Remove the inner padding in Chrome and Safari on macOS.
273 */ 274 */
274 [type=search]::-webkit-search-decoration { 275 [type=search]::-webkit-search-decoration {
275 -webkit-appearance: none; 276 -webkit-appearance: none;
276 } 277 }
277 278
278 /** 279 /**
279 * 1. Correct the inability to style clickable types in iOS and Safari. 280 * 1. Correct the inability to style clickable types in iOS and Safari.
280 * 2. Change font properties to `inherit` in Safari. 281 * 2. Change font properties to `inherit` in Safari.
281 */ 282 */
282 ::-webkit-file-upload-button { 283 ::-webkit-file-upload-button {
283 -webkit-appearance: button; /* 1 */ 284 -webkit-appearance: button; /* 1 */
284 font: inherit; /* 2 */ 285 font: inherit; /* 2 */
285 } 286 }
286 287
287 /* Interactive 288 /* Interactive
288 ========================================================================== */ 289 ========================================================================== */
289 /* 290 /*
290 * Add the correct display in Edge, IE 10+, and Firefox. 291 * Add the correct display in Edge, IE 10+, and Firefox.
291 */ 292 */
292 details { 293 details {
293 display: block; 294 display: block;
294 } 295 }
295 296
296 /* 297 /*
297 * Add the correct display in all browsers. 298 * Add the correct display in all browsers.
298 */ 299 */
299 summary { 300 summary {
300 display: list-item; 301 display: list-item;
301 } 302 }
302 303
303 /* Misc 304 /* Misc
304 ========================================================================== */ 305 ========================================================================== */
305 /** 306 /**
306 * Add the correct display in IE 10+. 307 * Add the correct display in IE 10+.
307 */ 308 */
308 template { 309 template {
309 display: none; 310 display: none;
310 } 311 }
311 312
312 /** 313 /**
313 * Add the correct display in IE 10. 314 * Add the correct display in IE 10.
314 */ 315 */
315 [hidden] { 316 [hidden] {
316 display: none; 317 display: none;
317 } 318 }
318 319
319 .green { 320 .green {
320 color: #377d87; 321 color: #377d87;
321 } 322 }
322 323
323 .red { 324 .red {
324 color: #eb5757; 325 color: #eb5757;
325 } 326 }
326 327
327 .rotate180 { 328 .rotate180 {
328 -webkit-transform: rotate(180deg); 329 -webkit-transform: rotate(180deg);
329 -ms-transform: rotate(180deg); 330 -ms-transform: rotate(180deg);
330 transform: rotate(180deg); 331 transform: rotate(180deg);
331 } 332 }
332 333
333 ::-moz-selection { 334 ::-moz-selection {
334 color: #000; 335 color: #000;
335 background: #acc0e6; 336 background: #acc0e6;
336 } 337 }
337 338
338 ::selection { 339 ::selection {
339 color: #000; 340 color: #000;
340 background: #acc0e6; 341 background: #acc0e6;
341 } 342 }
342 343
343 ::-webkit-scrollbar { 344 ::-webkit-scrollbar {
344 width: 8px; 345 width: 8px;
345 height: 8px; 346 height: 8px;
346 } 347 }
347 348
348 ::-webkit-scrollbar-track { 349 ::-webkit-scrollbar-track {
349 border-radius: 999px; 350 border-radius: 999px;
350 background-color: #fff; 351 background-color: #fff;
351 } 352 }
352 353
353 ::-webkit-scrollbar-thumb { 354 ::-webkit-scrollbar-thumb {
354 border-radius: 999px; 355 border-radius: 999px;
355 background-color: #377d87; 356 background-color: #377d87;
356 } 357 }
357 358
358 ::-webkit-input-placeholder { 359 ::-webkit-input-placeholder {
359 color: #9c9d9d; 360 color: #9c9d9d;
360 opacity: 1; 361 opacity: 1;
361 } 362 }
362 363
363 :focus::-webkit-input-placeholder { 364 :focus::-webkit-input-placeholder {
364 color: transparent; 365 color: transparent;
365 } 366 }
366 367
367 :-ms-input-placeholder { 368 :-ms-input-placeholder {
368 color: #9c9d9d; 369 color: #9c9d9d;
369 opacity: 1; 370 opacity: 1;
370 } 371 }
371 372
372 :focus:-ms-input-placeholder { 373 :focus:-ms-input-placeholder {
373 color: transparent; 374 color: transparent;
374 } 375 }
375 376
376 ::-ms-input-placeholder { 377 ::-ms-input-placeholder {
377 color: #9c9d9d; 378 color: #9c9d9d;
378 opacity: 1; 379 opacity: 1;
379 } 380 }
380 381
381 :focus::-ms-input-placeholder { 382 :focus::-ms-input-placeholder {
382 color: transparent; 383 color: transparent;
383 } 384 }
384 385
385 ::-moz-placeholder { 386 ::-moz-placeholder {
386 color: #9c9d9d; 387 color: #9c9d9d;
387 opacity: 1; 388 opacity: 1;
388 } 389 }
389 390
390 :focus::-moz-placeholder { 391 :focus::-moz-placeholder {
391 color: transparent; 392 color: transparent;
392 } 393 }
393 394
394 ::-webkit-input-placeholder { 395 ::-webkit-input-placeholder {
395 color: #9c9d9d; 396 color: #9c9d9d;
396 opacity: 1; 397 opacity: 1;
397 } 398 }
398 399
399 ::-moz-placeholder { 400 ::-moz-placeholder {
400 color: #9c9d9d; 401 color: #9c9d9d;
401 opacity: 1; 402 opacity: 1;
402 } 403 }
403 404
404 :-ms-input-placeholder { 405 :-ms-input-placeholder {
405 color: #9c9d9d; 406 color: #9c9d9d;
406 opacity: 1; 407 opacity: 1;
407 } 408 }
408 409
409 ::-ms-input-placeholder { 410 ::-ms-input-placeholder {
410 color: #9c9d9d; 411 color: #9c9d9d;
411 opacity: 1; 412 opacity: 1;
412 } 413 }
413 414
414 ::placeholder { 415 ::placeholder {
415 color: #9c9d9d; 416 color: #9c9d9d;
416 opacity: 1; 417 opacity: 1;
417 } 418 }
418 419
419 :focus::-webkit-input-placeholder { 420 :focus::-webkit-input-placeholder {
420 color: transparent; 421 color: transparent;
421 } 422 }
422 423
423 :focus::-moz-placeholder { 424 :focus::-moz-placeholder {
424 color: transparent; 425 color: transparent;
425 } 426 }
426 427
427 :focus:-ms-input-placeholder { 428 :focus:-ms-input-placeholder {
428 color: transparent; 429 color: transparent;
429 } 430 }
430 431
431 :focus::-ms-input-placeholder { 432 :focus::-ms-input-placeholder {
432 color: transparent; 433 color: transparent;
433 } 434 }
434 435
435 :focus::placeholder { 436 :focus::placeholder {
436 color: transparent; 437 color: transparent;
437 } 438 }
438 439
439 *, 440 *,
440 *:before, 441 *:before,
441 *:after { 442 *:after {
442 -webkit-box-sizing: border-box; 443 -webkit-box-sizing: border-box;
443 box-sizing: border-box; 444 box-sizing: border-box;
444 -webkit-appearance: none; 445 -webkit-appearance: none;
445 -moz-appearance: none; 446 -moz-appearance: none;
446 appearance: none; 447 appearance: none;
447 outline: none; 448 outline: none;
448 -webkit-box-shadow: none; 449 -webkit-box-shadow: none;
449 box-shadow: none; 450 box-shadow: none;
450 } 451 }
451 452
452 a, 453 a,
453 button, 454 button,
454 select { 455 select {
455 color: inherit; 456 color: inherit;
456 } 457 }
457 458
458 a { 459 a {
459 text-decoration: none; 460 text-decoration: none;
460 } 461 }
461 462
462 a, 463 a,
463 input[type=button], 464 input[type=button],
464 input[type=submit], 465 input[type=submit],
465 button { 466 button {
466 -webkit-user-select: none; 467 -webkit-user-select: none;
467 -moz-user-select: none; 468 -moz-user-select: none;
468 -ms-user-select: none; 469 -ms-user-select: none;
469 user-select: none; 470 user-select: none;
470 -webkit-transition: 0.3s; 471 -webkit-transition: 0.3s;
471 transition: 0.3s; 472 transition: 0.3s;
472 cursor: pointer; 473 cursor: pointer;
473 } 474 }
474 475
475 [type=tel] { 476 [type=tel] {
476 letter-spacing: 1px; 477 letter-spacing: 1px;
477 } 478 }
478 479
479 .br, 480 .br,
480 img, 481 img,
481 svg { 482 svg {
482 display: block; 483 display: block;
483 } 484 }
484 485
485 .float-left { 486 .float-left {
486 float: left; 487 float: left;
487 } 488 }
488 489
489 .float-right { 490 .float-right {
490 float: right; 491 float: right;
491 } 492 }
492 493
493 .clear-both:after { 494 .clear-both:after {
494 content: ""; 495 content: "";
495 display: block; 496 display: block;
496 clear: both; 497 clear: both;
497 } 498 }
498 499
499 h1, 500 h1,
500 h2, 501 h2,
501 h3, 502 h3,
502 h4, 503 h4,
503 h5, 504 h5,
504 h6 { 505 h6 {
505 margin: 0; 506 margin: 0;
506 } 507 }
507 508
508 #body { 509 #body {
509 font-family: "Circe", sans-serif; 510 font-family: "Circe", sans-serif;
510 color: #000; 511 color: #000;
511 background: #fff; 512 background: #fff;
512 display: -webkit-box; 513 display: -webkit-box;
513 display: -ms-flexbox; 514 display: -ms-flexbox;
514 display: flex; 515 display: flex;
515 -webkit-box-orient: vertical; 516 -webkit-box-orient: vertical;
516 -webkit-box-direction: normal; 517 -webkit-box-direction: normal;
517 -ms-flex-direction: column; 518 -ms-flex-direction: column;
518 flex-direction: column; 519 flex-direction: column;
519 -webkit-box-pack: justify; 520 -webkit-box-pack: justify;
520 -ms-flex-pack: justify; 521 -ms-flex-pack: justify;
521 justify-content: space-between; 522 justify-content: space-between;
522 gap: 50px; 523 gap: 50px;
523 min-width: 320px; 524 min-width: 320px;
524 min-height: 100vh; 525 min-height: 100vh;
525 line-height: 1.25; 526 line-height: 1.25;
526 } 527 }
527 @media (min-width: 768px) { 528 @media (min-width: 768px) {
528 #body { 529 #body {
529 gap: 60px; 530 gap: 60px;
530 } 531 }
531 } 532 }
532 #body.pdf { 533 #body.pdf {
533 gap: 0; 534 gap: 0;
534 } 535 }
535 536
536 .container { 537 .container {
537 width: 100%; 538 width: 100%;
538 max-width: 1280px; 539 max-width: 1280px;
539 margin-left: auto; 540 margin-left: auto;
540 margin-right: auto; 541 margin-right: auto;
541 padding-left: 10px; 542 padding-left: 10px;
542 padding-right: 10px; 543 padding-right: 10px;
543 } 544 }
544 @media (min-width: 768px) { 545 @media (min-width: 768px) {
545 .container { 546 .container {
546 padding-left: 20px; 547 padding-left: 20px;
547 padding-right: 20px; 548 padding-right: 20px;
548 } 549 }
549 } 550 }
550 551
551 .to-top { 552 .to-top {
552 position: fixed; 553 position: fixed;
553 right: 10px; 554 right: 10px;
554 bottom: 10px; 555 bottom: 10px;
555 border-radius: 999px; 556 border-radius: 999px;
556 display: -webkit-box; 557 display: -webkit-box;
557 display: -ms-flexbox; 558 display: -ms-flexbox;
558 display: flex; 559 display: flex;
559 -webkit-box-pack: center; 560 -webkit-box-pack: center;
560 -ms-flex-pack: center; 561 -ms-flex-pack: center;
561 justify-content: center; 562 justify-content: center;
562 -webkit-box-align: center; 563 -webkit-box-align: center;
563 -ms-flex-align: center; 564 -ms-flex-align: center;
564 align-items: center; 565 align-items: center;
565 color: #fff; 566 color: #fff;
566 background: #377d87; 567 background: #377d87;
567 width: 40px; 568 width: 40px;
568 height: 40px; 569 height: 40px;
569 -webkit-transition: 0.3s; 570 -webkit-transition: 0.3s;
570 transition: 0.3s; 571 transition: 0.3s;
571 margin-right: -100px; 572 margin-right: -100px;
572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 573 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 574 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
574 z-index: 99; 575 z-index: 99;
575 border: 1px solid #377d87; 576 border: 1px solid #377d87;
576 } 577 }
577 .to-top:hover { 578 .to-top:hover {
578 background: #fff; 579 background: #fff;
579 color: #377d87; 580 color: #377d87;
580 } 581 }
581 .to-top svg { 582 .to-top svg {
582 width: 10px; 583 width: 10px;
583 height: 10px; 584 height: 10px;
584 } 585 }
585 @media (min-width: 768px) { 586 @media (min-width: 768px) {
586 .to-top { 587 .to-top {
587 width: 50px; 588 width: 50px;
588 height: 50px; 589 height: 50px;
589 right: 20px; 590 right: 20px;
590 bottom: 20px; 591 bottom: 20px;
591 } 592 }
592 .to-top svg { 593 .to-top svg {
593 width: 12px; 594 width: 12px;
594 height: 12px; 595 height: 12px;
595 } 596 }
596 } 597 }
597 598
598 .begin .to-top { 599 .begin .to-top {
599 margin-right: 0; 600 margin-right: 0;
600 } 601 }
601 602
602 .socials { 603 .socials {
603 display: -webkit-box; 604 display: -webkit-box;
604 display: -ms-flexbox; 605 display: -ms-flexbox;
605 display: flex; 606 display: flex;
606 -webkit-box-align: center; 607 -webkit-box-align: center;
607 -ms-flex-align: center; 608 -ms-flex-align: center;
608 align-items: center; 609 align-items: center;
609 -webkit-box-pack: center; 610 -webkit-box-pack: center;
610 -ms-flex-pack: center; 611 -ms-flex-pack: center;
611 justify-content: center; 612 justify-content: center;
612 gap: 8px; 613 gap: 8px;
613 } 614 }
614 .socials a { 615 .socials a {
615 display: -webkit-box; 616 display: -webkit-box;
616 display: -ms-flexbox; 617 display: -ms-flexbox;
617 display: flex; 618 display: flex;
618 -webkit-box-align: center; 619 -webkit-box-align: center;
619 -ms-flex-align: center; 620 -ms-flex-align: center;
620 align-items: center; 621 align-items: center;
621 -webkit-box-pack: center; 622 -webkit-box-pack: center;
622 -ms-flex-pack: center; 623 -ms-flex-pack: center;
623 justify-content: center; 624 justify-content: center;
624 border: 1px solid #377d87; 625 border: 1px solid #377d87;
625 color: #377d87; 626 color: #377d87;
626 border-radius: 999px; 627 border-radius: 999px;
627 width: 38px; 628 width: 38px;
628 height: 38px; 629 height: 38px;
629 } 630 }
630 .socials a:hover { 631 .socials a:hover {
631 background: #377d87; 632 background: #377d87;
632 color: #fff; 633 color: #fff;
633 } 634 }
634 .socials svg { 635 .socials svg {
635 width: 12px; 636 width: 12px;
636 height: 12px; 637 height: 12px;
637 } 638 }
638 639
639 .nls { 640 .nls {
640 display: -webkit-box; 641 display: -webkit-box;
641 display: -ms-flexbox; 642 display: -ms-flexbox;
642 display: flex; 643 display: flex;
643 color: #000; 644 color: #000;
644 text-align: left; 645 text-align: left;
645 } 646 }
646 .nls:hover { 647 .nls:hover {
647 color: #377d87; 648 color: #377d87;
648 } 649 }
649 .nls svg { 650 .nls svg {
650 width: 30px; 651 width: 30px;
651 height: 40px; 652 height: 40px;
652 } 653 }
653 @media (min-width: 768px) { 654 @media (min-width: 768px) {
654 .nls svg { 655 .nls svg {
655 width: 24px; 656 width: 24px;
656 height: 31px; 657 height: 31px;
657 } 658 }
658 } 659 }
659 .nls span { 660 .nls span {
660 width: calc(100% - 30px); 661 width: calc(100% - 30px);
661 padding-left: 12px; 662 padding-left: 12px;
662 display: -webkit-box; 663 display: -webkit-box;
663 display: -ms-flexbox; 664 display: -ms-flexbox;
664 display: flex; 665 display: flex;
665 -webkit-box-orient: vertical; 666 -webkit-box-orient: vertical;
666 -webkit-box-direction: normal; 667 -webkit-box-direction: normal;
667 -ms-flex-direction: column; 668 -ms-flex-direction: column;
668 flex-direction: column; 669 flex-direction: column;
669 -webkit-box-pack: center; 670 -webkit-box-pack: center;
670 -ms-flex-pack: center; 671 -ms-flex-pack: center;
671 justify-content: center; 672 justify-content: center;
672 font-size: 12px; 673 font-size: 12px;
673 line-height: 1.4; 674 line-height: 1.4;
674 } 675 }
675 @media (min-width: 768px) { 676 @media (min-width: 768px) {
676 .nls span { 677 .nls span {
677 width: calc(100% - 24px); 678 width: calc(100% - 24px);
678 } 679 }
679 } 680 }
680 .nls b { 681 .nls b {
681 font-weight: 400; 682 font-weight: 400;
682 } 683 }
683 684
684 .title, 685 .title,
685 h1 { 686 h1 {
686 margin: 0; 687 margin: 0;
687 font-weight: 700; 688 font-weight: 700;
688 font-size: 32px; 689 font-size: 32px;
689 } 690 }
690 @media (min-width: 768px) { 691 @media (min-width: 768px) {
691 .title, 692 .title,
692 h1 { 693 h1 {
693 font-size: 40px; 694 font-size: 40px;
694 } 695 }
695 } 696 }
696 @media (min-width: 992px) { 697 @media (min-width: 992px) {
697 .title, 698 .title,
698 h1 { 699 h1 {
699 font-size: 48px; 700 font-size: 48px;
700 } 701 }
701 } 702 }
702 @media (min-width: 1280px) { 703 @media (min-width: 1280px) {
703 .title, 704 .title,
704 h1 { 705 h1 {
705 font-size: 64px; 706 font-size: 64px;
706 } 707 }
707 } 708 }
708 709
709 .swiper-pagination { 710 .swiper-pagination {
710 display: -webkit-box; 711 display: -webkit-box;
711 display: -ms-flexbox; 712 display: -ms-flexbox;
712 display: flex; 713 display: flex;
713 -webkit-box-pack: center; 714 -webkit-box-pack: center;
714 -ms-flex-pack: center; 715 -ms-flex-pack: center;
715 justify-content: center; 716 justify-content: center;
716 -webkit-box-align: center; 717 -webkit-box-align: center;
717 -ms-flex-align: center; 718 -ms-flex-align: center;
718 align-items: center; 719 align-items: center;
719 position: static; 720 position: static;
720 margin-top: 20px; 721 margin-top: 20px;
721 gap: 8px; 722 gap: 8px;
722 } 723 }
723 @media (min-width: 768px) { 724 @media (min-width: 768px) {
724 .swiper-pagination { 725 .swiper-pagination {
725 margin-top: 30px; 726 margin-top: 30px;
726 } 727 }
727 } 728 }
728 .swiper-pagination-bullet { 729 .swiper-pagination-bullet {
729 width: 16px; 730 width: 16px;
730 height: 16px; 731 height: 16px;
731 opacity: 1; 732 opacity: 1;
732 border: 1px solid #cdcece; 733 border: 1px solid #cdcece;
733 -webkit-transition: 0.3s; 734 -webkit-transition: 0.3s;
734 transition: 0.3s; 735 transition: 0.3s;
735 background: transparent; 736 background: transparent;
736 display: -webkit-box; 737 display: -webkit-box;
737 display: -ms-flexbox; 738 display: -ms-flexbox;
738 display: flex; 739 display: flex;
739 -webkit-box-pack: center; 740 -webkit-box-pack: center;
740 -ms-flex-pack: center; 741 -ms-flex-pack: center;
741 justify-content: center; 742 justify-content: center;
742 -webkit-box-align: center; 743 -webkit-box-align: center;
743 -ms-flex-align: center; 744 -ms-flex-align: center;
744 align-items: center; 745 align-items: center;
745 margin: 0 !important; 746 margin: 0 !important;
746 } 747 }
747 .swiper-pagination-bullet:before { 748 .swiper-pagination-bullet:before {
748 content: ""; 749 content: "";
749 width: 6px; 750 width: 6px;
750 height: 6px; 751 height: 6px;
751 border-radius: 999px; 752 border-radius: 999px;
752 background: #377d87; 753 background: #377d87;
753 opacity: 0; 754 opacity: 0;
754 -webkit-transition: 0.3s; 755 -webkit-transition: 0.3s;
755 transition: 0.3s; 756 transition: 0.3s;
756 } 757 }
757 .swiper-pagination-bullet:hover { 758 .swiper-pagination-bullet:hover {
758 border-color: #377d87; 759 border-color: #377d87;
759 } 760 }
760 .swiper-pagination-bullet-active { 761 .swiper-pagination-bullet-active {
761 border-color: #377d87; 762 border-color: #377d87;
762 } 763 }
763 .swiper-pagination-bullet-active:before { 764 .swiper-pagination-bullet-active:before {
764 opacity: 1; 765 opacity: 1;
765 } 766 }
766 767
767 .navs { 768 .navs {
768 display: -webkit-box; 769 display: -webkit-box;
769 display: -ms-flexbox; 770 display: -ms-flexbox;
770 display: flex; 771 display: flex;
771 -webkit-box-align: center; 772 -webkit-box-align: center;
772 -ms-flex-align: center; 773 -ms-flex-align: center;
773 align-items: center; 774 align-items: center;
774 -webkit-box-pack: justify; 775 -webkit-box-pack: justify;
775 -ms-flex-pack: justify; 776 -ms-flex-pack: justify;
776 justify-content: space-between; 777 justify-content: space-between;
777 gap: 20px; 778 gap: 20px;
778 width: 80px; 779 width: 80px;
779 } 780 }
780 .navs button { 781 .navs button {
781 color: #377d87; 782 color: #377d87;
782 background: none; 783 background: none;
783 border: none; 784 border: none;
784 padding: 0; 785 padding: 0;
785 } 786 }
786 .navs button[disabled] { 787 .navs button[disabled] {
787 cursor: not-allowed; 788 cursor: not-allowed;
788 color: #cddee1; 789 color: #cddee1;
789 } 790 }
790 .navs svg { 791 .navs svg {
791 width: 14px; 792 width: 14px;
792 height: 28px; 793 height: 28px;
793 } 794 }
794 795
795 .select { 796 .select {
796 position: relative; 797 position: relative;
797 } 798 }
798 .select2 { 799 .select2 {
799 width: 100% !important; 800 width: 100% !important;
800 } 801 }
801 .select2-container { 802 .select2-container {
802 font-size: 12px; 803 font-size: 12px;
803 } 804 }
804 @media (min-width: 768px) { 805 @media (min-width: 768px) {
805 .select2-container { 806 .select2-container {
806 font-size: 16px; 807 font-size: 16px;
807 } 808 }
808 } 809 }
809 .select2-container--open .select2-selection { 810 .select2-container--open .select2-selection {
810 border-color: #377d87 !important; 811 border-color: #377d87 !important;
811 } 812 }
812 .select2-container--open .select2-selection__arrow svg { 813 .select2-container--open .select2-selection__arrow svg {
813 -webkit-transform: rotate(180deg); 814 -webkit-transform: rotate(180deg);
814 -ms-transform: rotate(180deg); 815 -ms-transform: rotate(180deg);
815 transform: rotate(180deg); 816 transform: rotate(180deg);
816 } 817 }
817 .select2-selection { 818 .select2-selection {
818 min-height: 30px !important; 819 min-height: 30px !important;
819 border-radius: 8px !important; 820 border-radius: 8px !important;
820 border-color: #e7e7e7 !important; 821 border-color: #e7e7e7 !important;
821 -webkit-transition: 0.3s; 822 -webkit-transition: 0.3s;
822 transition: 0.3s; 823 transition: 0.3s;
823 } 824 }
824 @media (min-width: 768px) { 825 @media (min-width: 768px) {
825 .select2-selection { 826 .select2-selection {
826 min-height: 50px !important; 827 min-height: 50px !important;
827 } 828 }
828 } 829 }
829 .select2-selection__rendered { 830 .select2-selection__rendered {
830 line-height: 28px !important; 831 line-height: 28px !important;
831 padding: 0 30px 0 10px !important; 832 padding: 0 30px 0 10px !important;
832 } 833 }
833 @media (min-width: 768px) { 834 @media (min-width: 768px) {
834 .select2-selection__rendered { 835 .select2-selection__rendered {
835 line-height: 48px !important; 836 line-height: 48px !important;
836 padding: 0 46px 0 20px !important; 837 padding: 0 46px 0 20px !important;
837 } 838 }
838 } 839 }
839 .select2-selection--multiple .select2-selection__rendered { 840 .select2-selection--multiple .select2-selection__rendered {
840 display: -webkit-box !important; 841 display: -webkit-box !important;
841 display: -ms-flexbox !important; 842 display: -ms-flexbox !important;
842 display: flex !important; 843 display: flex !important;
843 -webkit-box-align: center; 844 -webkit-box-align: center;
844 -ms-flex-align: center; 845 -ms-flex-align: center;
845 align-items: center; 846 align-items: center;
846 -ms-flex-wrap: wrap; 847 -ms-flex-wrap: wrap;
847 flex-wrap: wrap; 848 flex-wrap: wrap;
848 gap: 10px; 849 gap: 10px;
849 padding-top: 10px !important; 850 padding-top: 10px !important;
850 padding-bottom: 10px !important; 851 padding-bottom: 10px !important;
851 } 852 }
852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 853 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
853 margin: 0; 854 margin: 0;
854 } 855 }
855 .select2-selection__arrow { 856 .select2-selection__arrow {
856 top: 0 !important; 857 top: 0 !important;
857 right: 0 !important; 858 right: 0 !important;
858 width: 30px !important; 859 width: 30px !important;
859 height: 100% !important; 860 height: 100% !important;
860 display: -webkit-box; 861 display: -webkit-box;
861 display: -ms-flexbox; 862 display: -ms-flexbox;
862 display: flex; 863 display: flex;
863 -webkit-box-pack: center; 864 -webkit-box-pack: center;
864 -ms-flex-pack: center; 865 -ms-flex-pack: center;
865 justify-content: center; 866 justify-content: center;
866 -webkit-box-align: center; 867 -webkit-box-align: center;
867 -ms-flex-align: center; 868 -ms-flex-align: center;
868 align-items: center; 869 align-items: center;
869 color: #377d87; 870 color: #377d87;
870 } 871 }
871 @media (min-width: 768px) { 872 @media (min-width: 768px) {
872 .select2-selection__arrow { 873 .select2-selection__arrow {
873 width: 50px !important; 874 width: 50px !important;
874 } 875 }
875 } 876 }
876 .select2-selection__arrow svg { 877 .select2-selection__arrow svg {
877 width: 12px; 878 width: 12px;
878 height: 12px; 879 height: 12px;
879 -webkit-transition: 0.3s; 880 -webkit-transition: 0.3s;
880 transition: 0.3s; 881 transition: 0.3s;
881 } 882 }
882 @media (min-width: 768px) { 883 @media (min-width: 768px) {
883 .select2-selection__arrow svg { 884 .select2-selection__arrow svg {
884 width: 14px; 885 width: 14px;
885 height: 14px; 886 height: 14px;
886 } 887 }
887 } 888 }
888 .select2-selection__choice { 889 .select2-selection__choice {
889 display: -webkit-box; 890 display: -webkit-box;
890 display: -ms-flexbox; 891 display: -ms-flexbox;
891 display: flex; 892 display: flex;
892 -webkit-box-orient: horizontal; 893 -webkit-box-orient: horizontal;
893 -webkit-box-direction: reverse; 894 -webkit-box-direction: reverse;
894 -ms-flex-direction: row-reverse; 895 -ms-flex-direction: row-reverse;
895 flex-direction: row-reverse; 896 flex-direction: row-reverse;
896 -webkit-box-align: center; 897 -webkit-box-align: center;
897 -ms-flex-align: center; 898 -ms-flex-align: center;
898 align-items: center; 899 align-items: center;
899 -webkit-box-pack: center; 900 -webkit-box-pack: center;
900 -ms-flex-pack: center; 901 -ms-flex-pack: center;
901 justify-content: center; 902 justify-content: center;
902 gap: 4px; 903 gap: 4px;
903 padding: 0 4px 0 6px !important; 904 padding: 0 4px 0 6px !important;
904 background: #377d87 !important; 905 background: #377d87 !important;
905 border: none !important; 906 border: none !important;
906 border-radius: 6px !important; 907 border-radius: 6px !important;
907 line-height: 1 !important; 908 line-height: 1 !important;
908 color: #fff; 909 color: #fff;
909 height: 24px; 910 height: 24px;
910 } 911 }
911 @media (min-width: 768px) { 912 @media (min-width: 768px) {
912 .select2-selection__choice { 913 .select2-selection__choice {
913 height: 32px; 914 height: 32px;
914 gap: 6px; 915 gap: 6px;
915 padding: 0 6px 0 10px !important; 916 padding: 0 6px 0 10px !important;
916 border-radius: 8px !important; 917 border-radius: 8px !important;
917 } 918 }
918 } 919 }
919 .select2-selection__choice__remove { 920 .select2-selection__choice__remove {
920 width: 14px; 921 width: 14px;
921 height: 14px; 922 height: 14px;
922 padding-top: 4px; 923 padding-top: 4px;
923 display: -webkit-box !important; 924 display: -webkit-box !important;
924 display: -ms-flexbox !important; 925 display: -ms-flexbox !important;
925 display: flex !important; 926 display: flex !important;
926 -webkit-box-pack: center; 927 -webkit-box-pack: center;
927 -ms-flex-pack: center; 928 -ms-flex-pack: center;
928 justify-content: center; 929 justify-content: center;
929 -webkit-box-align: center; 930 -webkit-box-align: center;
930 -ms-flex-align: center; 931 -ms-flex-align: center;
931 align-items: center; 932 align-items: center;
932 color: #fff !important; 933 color: #fff !important;
933 font-weight: 400 !important; 934 font-weight: 400 !important;
934 font-size: 26px; 935 font-size: 26px;
935 } 936 }
936 .select2-search { 937 .select2-search {
937 display: none; 938 display: none;
938 } 939 }
939 .select2-dropdown { 940 .select2-dropdown {
940 z-index: 99999; 941 z-index: 99999;
941 border: none; 942 border: none;
942 border-radius: 0; 943 border-radius: 0;
943 background: none; 944 background: none;
944 padding: 5px 0; 945 padding: 5px 0;
945 } 946 }
946 @media (min-width: 768px) { 947 @media (min-width: 768px) {
947 .select2-dropdown { 948 .select2-dropdown {
948 padding: 10px 0; 949 padding: 10px 0;
949 } 950 }
950 } 951 }
951 .select2-results { 952 .select2-results {
952 background: #fff; 953 background: #fff;
953 border-radius: 8px; 954 border-radius: 8px;
954 border: 1px solid #377d87; 955 border: 1px solid #377d87;
955 overflow: hidden; 956 overflow: hidden;
956 } 957 }
957 @media (min-width: 768px) { 958 @media (min-width: 768px) {
958 .select2-results__option { 959 .select2-results__option {
959 padding: 10px 14px; 960 padding: 10px 14px;
960 } 961 }
961 } 962 }
962 .select2-results__option--highlighted { 963 .select2-results__option--highlighted {
963 background: #377d87 !important; 964 background: #377d87 !important;
964 } 965 }
965 @media (min-width: 768px) { 966 @media (min-width: 768px) {
966 .select_search .select2-selection__rendered { 967 .select_search .select2-selection__rendered {
967 padding-left: 60px !important; 968 padding-left: 60px !important;
968 } 969 }
969 } 970 }
970 .select_search .select__icon { 971 .select_search .select__icon {
971 display: none; 972 display: none;
972 height: 28px; 973 height: 28px;
973 -webkit-box-align: center; 974 -webkit-box-align: center;
974 -ms-flex-align: center; 975 -ms-flex-align: center;
975 align-items: center; 976 align-items: center;
976 padding-right: 12px; 977 padding-right: 12px;
977 z-index: 2; 978 z-index: 2;
978 position: absolute; 979 position: absolute;
979 top: 50%; 980 top: 50%;
980 left: 15px; 981 left: 15px;
981 margin-top: -14px; 982 margin-top: -14px;
982 } 983 }
983 @media (min-width: 768px) { 984 @media (min-width: 768px) {
984 .select_search .select__icon { 985 .select_search .select__icon {
985 display: -webkit-box; 986 display: -webkit-box;
986 display: -ms-flexbox; 987 display: -ms-flexbox;
987 display: flex; 988 display: flex;
988 } 989 }
989 } 990 }
990 .select_search .select__icon:after { 991 .select_search .select__icon:after {
991 content: ""; 992 content: "";
992 width: 1px; 993 width: 1px;
993 height: 100%; 994 height: 100%;
994 border-radius: 999px; 995 border-radius: 999px;
995 position: absolute; 996 position: absolute;
996 top: 0; 997 top: 0;
997 right: 0; 998 right: 0;
998 background: #cecece; 999 background: #cecece;
999 } 1000 }
1000 .select_search .select__icon svg { 1001 .select_search .select__icon svg {
1001 color: #9c9d9d; 1002 color: #9c9d9d;
1002 width: 20px; 1003 width: 20px;
1003 height: 20px; 1004 height: 20px;
1004 } 1005 }
1005 1006
1006 .form-group { 1007 .form-group {
1007 display: -webkit-box; 1008 display: -webkit-box;
1008 display: -ms-flexbox; 1009 display: -ms-flexbox;
1009 display: flex; 1010 display: flex;
1010 -webkit-box-orient: vertical; 1011 -webkit-box-orient: vertical;
1011 -webkit-box-direction: normal; 1012 -webkit-box-direction: normal;
1012 -ms-flex-direction: column; 1013 -ms-flex-direction: column;
1013 flex-direction: column; 1014 flex-direction: column;
1014 gap: 4px; 1015 gap: 4px;
1015 } 1016 }
1016 .form-group__label { 1017 .form-group__label {
1017 font-size: 12px; 1018 font-size: 12px;
1018 } 1019 }
1019 @media (min-width: 768px) { 1020 @media (min-width: 768px) {
1020 .form-group__label { 1021 .form-group__label {
1021 font-size: 16px; 1022 font-size: 16px;
1022 } 1023 }
1023 } 1024 }
1024 .form-group__item { 1025 .form-group__item {
1025 display: -webkit-box; 1026 display: -webkit-box;
1026 display: -ms-flexbox; 1027 display: -ms-flexbox;
1027 display: flex; 1028 display: flex;
1028 -webkit-box-orient: vertical; 1029 -webkit-box-orient: vertical;
1029 -webkit-box-direction: normal; 1030 -webkit-box-direction: normal;
1030 -ms-flex-direction: column; 1031 -ms-flex-direction: column;
1031 flex-direction: column; 1032 flex-direction: column;
1032 position: relative; 1033 position: relative;
1033 } 1034 }
1034 1035
1035 .input { 1036 .input {
1036 display: block; 1037 display: block;
1037 height: 30px; 1038 height: 30px;
1038 border: 1px solid #cecece; 1039 border: 1px solid #cecece;
1039 background: #fff; 1040 background: #fff;
1040 font-size: 12px; 1041 font-size: 12px;
1041 border-radius: 8px; 1042 border-radius: 8px;
1042 padding: 0 10px; 1043 padding: 0 10px;
1043 color: #000; 1044 color: #000;
1044 -webkit-transition: 0.3s; 1045 -webkit-transition: 0.3s;
1045 transition: 0.3s; 1046 transition: 0.3s;
1046 position: relative; 1047 position: relative;
1047 z-index: 1; 1048 z-index: 1;
1048 } 1049 }
1049 @media (min-width: 768px) { 1050 @media (min-width: 768px) {
1050 .input { 1051 .input {
1051 padding: 0 20px; 1052 padding: 0 20px;
1052 height: 44px; 1053 height: 44px;
1053 font-size: 16px; 1054 font-size: 16px;
1054 } 1055 }
1055 } 1056 }
1056 .input:focus { 1057 .input:focus {
1057 border-color: #377d87; 1058 border-color: #377d87;
1058 } 1059 }
1059 .input[disabled] { 1060 .input[disabled] {
1060 color: #9c9d9d; 1061 color: #9c9d9d;
1061 background: #e7e7e7; 1062 background: #e7e7e7;
1062 } 1063 }
1063 .input[type=date] { 1064 .input[type=date] {
1064 text-transform: uppercase; 1065 text-transform: uppercase;
1065 } 1066 }
1066 1067
1067 .textarea { 1068 .textarea {
1068 resize: none; 1069 resize: none;
1069 display: block; 1070 display: block;
1070 width: 100%; 1071 width: 100%;
1071 border-radius: 8px; 1072 border-radius: 8px;
1072 border: 1px solid #cecece; 1073 border: 1px solid #cecece;
1073 background: #fff; 1074 background: #fff;
1074 -webkit-transition: 0.3s; 1075 -webkit-transition: 0.3s;
1075 transition: 0.3s; 1076 transition: 0.3s;
1076 font-size: 12px; 1077 font-size: 12px;
1077 line-height: 1.4; 1078 line-height: 1.4;
1078 padding: 10px; 1079 padding: 10px;
1079 aspect-ratio: 8/3; 1080 aspect-ratio: 8/3;
1080 max-height: 250px; 1081 max-height: 250px;
1081 } 1082 }
1082 @media (min-width: 768px) { 1083 @media (min-width: 768px) {
1083 .textarea { 1084 .textarea {
1084 padding: 20px; 1085 padding: 20px;
1085 font-size: 16px; 1086 font-size: 16px;
1086 height: 280px; 1087 height: 280px;
1087 } 1088 }
1088 } 1089 }
1089 .textarea:focus { 1090 .textarea:focus {
1090 border-color: #377d87; 1091 border-color: #377d87;
1091 } 1092 }
1092 1093
1093 .button { 1094 .button {
1094 display: -webkit-box; 1095 display: -webkit-box;
1095 display: -ms-flexbox; 1096 display: -ms-flexbox;
1096 display: flex; 1097 display: flex;
1097 -webkit-box-pack: center; 1098 -webkit-box-pack: center;
1098 -ms-flex-pack: center; 1099 -ms-flex-pack: center;
1099 justify-content: center; 1100 justify-content: center;
1100 -webkit-box-align: center; 1101 -webkit-box-align: center;
1101 -ms-flex-align: center; 1102 -ms-flex-align: center;
1102 align-items: center; 1103 align-items: center;
1103 color: #fff; 1104 color: #fff;
1104 background: #377d87; 1105 background: #377d87;
1105 height: 30px; 1106 height: 30px;
1106 border-radius: 8px; 1107 border-radius: 8px;
1107 padding: 0 12px; 1108 padding: 0 12px;
1108 border: 1px solid #377d87; 1109 border: 1px solid #377d87;
1109 font-weight: 700; 1110 font-weight: 700;
1110 font-size: 12px; 1111 font-size: 12px;
1111 text-align: center; 1112 text-align: center;
1112 line-height: 1; 1113 line-height: 1;
1113 gap: 6px; 1114 gap: 6px;
1114 -webkit-transition: 0.3s; 1115 -webkit-transition: 0.3s;
1115 transition: 0.3s; 1116 transition: 0.3s;
1116 cursor: pointer; 1117 cursor: pointer;
1117 } 1118 }
1118 @media (min-width: 768px) { 1119 @media (min-width: 768px) {
1119 .button { 1120 .button {
1120 padding: 0 24px; 1121 padding: 0 24px;
1121 font-size: 16px; 1122 font-size: 16px;
1122 height: 44px; 1123 height: 44px;
1123 gap: 12px; 1124 gap: 12px;
1124 } 1125 }
1125 } 1126 }
1126 @media (min-width: 992px) { 1127 @media (min-width: 992px) {
1127 .button { 1128 .button {
1128 padding: 0 36px; 1129 padding: 0 36px;
1129 } 1130 }
1130 } 1131 }
1131 .button:hover { 1132 .button:hover {
1132 background: transparent; 1133 background: transparent;
1133 color: #377d87; 1134 color: #377d87;
1134 } 1135 }
1135 .button img, 1136 .button img,
1136 .button svg { 1137 .button svg {
1137 width: 12px; 1138 width: 12px;
1138 height: 12px; 1139 height: 12px;
1139 } 1140 }
1140 @media (min-width: 768px) { 1141 @media (min-width: 768px) {
1141 .button img, 1142 .button img,
1142 .button svg { 1143 .button svg {
1143 width: 18px; 1144 width: 18px;
1144 height: 18px; 1145 height: 18px;
1145 } 1146 }
1146 } 1147 }
1147 .button_more span + span { 1148 .button_more span + span {
1148 display: none; 1149 display: none;
1149 } 1150 }
1150 .button_more.active span { 1151 .button_more.active span {
1151 display: none; 1152 display: none;
1152 } 1153 }
1153 .button_more.active span + span { 1154 .button_more.active span + span {
1154 display: block; 1155 display: block;
1155 } 1156 }
1156 .button_light { 1157 .button_light {
1157 background: transparent; 1158 background: transparent;
1158 color: #377d87; 1159 color: #377d87;
1159 } 1160 }
1160 .button_light:hover { 1161 .button_light:hover {
1161 background: #377d87; 1162 background: #377d87;
1162 color: #fff; 1163 color: #fff;
1163 } 1164 }
1164 .button_whited { 1165 .button_whited {
1165 background: #fff; 1166 background: #fff;
1166 color: #377d87; 1167 color: #377d87;
1167 border-color: #fff; 1168 border-color: #fff;
1168 } 1169 }
1169 .button_whited:hover { 1170 .button_whited:hover {
1170 background: #377d87; 1171 background: #377d87;
1171 color: #fff; 1172 color: #fff;
1172 } 1173 }
1173 1174
1174 .search { 1175 .search {
1175 width: 100%; 1176 width: 100%;
1176 position: relative; 1177 position: relative;
1177 background: #fff; 1178 background: #fff;
1178 border-radius: 8px; 1179 border-radius: 8px;
1179 } 1180 }
1180 .search span { 1181 .search span {
1181 display: none; 1182 display: none;
1182 height: 28px; 1183 height: 28px;
1183 -webkit-box-align: center; 1184 -webkit-box-align: center;
1184 -ms-flex-align: center; 1185 -ms-flex-align: center;
1185 align-items: center; 1186 align-items: center;
1186 padding-right: 12px; 1187 padding-right: 12px;
1187 z-index: 1; 1188 z-index: 1;
1188 position: absolute; 1189 position: absolute;
1189 top: 50%; 1190 top: 50%;
1190 left: 15px; 1191 left: 15px;
1191 margin-top: -14px; 1192 margin-top: -14px;
1192 } 1193 }
1193 @media (min-width: 768px) { 1194 @media (min-width: 768px) {
1194 .search span { 1195 .search span {
1195 display: -webkit-box; 1196 display: -webkit-box;
1196 display: -ms-flexbox; 1197 display: -ms-flexbox;
1197 display: flex; 1198 display: flex;
1198 } 1199 }
1199 } 1200 }
1200 .search span:after { 1201 .search span:after {
1201 content: ""; 1202 content: "";
1202 width: 1px; 1203 width: 1px;
1203 height: 100%; 1204 height: 100%;
1204 border-radius: 999px; 1205 border-radius: 999px;
1205 position: absolute; 1206 position: absolute;
1206 top: 0; 1207 top: 0;
1207 right: 0; 1208 right: 0;
1208 background: #cecece; 1209 background: #cecece;
1209 } 1210 }
1210 .search span svg { 1211 .search span svg {
1211 color: #9c9d9d; 1212 color: #9c9d9d;
1212 width: 20px; 1213 width: 20px;
1213 height: 20px; 1214 height: 20px;
1214 } 1215 }
1215 .search input { 1216 .search input {
1216 width: 100%; 1217 width: 100%;
1217 padding-right: 150px; 1218 padding-right: 150px;
1218 position: relative; 1219 position: relative;
1219 z-index: 2; 1220 z-index: 2;
1220 background: none; 1221 background: none;
1221 } 1222 }
1222 @media (min-width: 768px) { 1223 @media (min-width: 768px) {
1223 .search input { 1224 .search input {
1224 padding-left: 60px; 1225 padding-left: 60px;
1225 padding-right: 220px; 1226 padding-right: 220px;
1226 } 1227 }
1227 } 1228 }
1228 .search button { 1229 .search button {
1229 width: 140px; 1230 width: 140px;
1230 position: absolute; 1231 position: absolute;
1231 padding: 0; 1232 padding: 0;
1232 top: 0; 1233 top: 0;
1233 right: 0; 1234 right: 0;
1234 z-index: 3; 1235 z-index: 3;
1235 } 1236 }
1236 @media (min-width: 768px) { 1237 @media (min-width: 768px) {
1237 .search button { 1238 .search button {
1238 width: 200px; 1239 width: 200px;
1239 } 1240 }
1240 } 1241 }
1241 1242
1242 .breadcrumbs { 1243 .breadcrumbs {
1243 display: -webkit-box; 1244 display: -webkit-box;
1244 display: -ms-flexbox; 1245 display: -ms-flexbox;
1245 display: flex; 1246 display: flex;
1246 -webkit-box-align: center; 1247 -webkit-box-align: center;
1247 -ms-flex-align: center; 1248 -ms-flex-align: center;
1248 align-items: center; 1249 align-items: center;
1249 -ms-flex-wrap: wrap; 1250 -ms-flex-wrap: wrap;
1250 flex-wrap: wrap; 1251 flex-wrap: wrap;
1251 gap: 12px 6px; 1252 gap: 12px 6px;
1252 margin: 0; 1253 margin: 0;
1253 padding: 0; 1254 padding: 0;
1254 font-size: 11px; 1255 font-size: 11px;
1255 color: #cecece; 1256 color: #cecece;
1256 line-height: 1; 1257 line-height: 1;
1257 } 1258 }
1258 @media (min-width: 992px) { 1259 @media (min-width: 992px) {
1259 .breadcrumbs { 1260 .breadcrumbs {
1260 font-size: 13px; 1261 font-size: 13px;
1261 } 1262 }
1262 } 1263 }
1263 @media (min-width: 1280px) { 1264 @media (min-width: 1280px) {
1264 .breadcrumbs { 1265 .breadcrumbs {
1265 font-size: 16px; 1266 font-size: 16px;
1266 } 1267 }
1267 } 1268 }
1268 .breadcrumbs li { 1269 .breadcrumbs li {
1269 display: -webkit-box; 1270 display: -webkit-box;
1270 display: -ms-flexbox; 1271 display: -ms-flexbox;
1271 display: flex; 1272 display: flex;
1272 -webkit-box-align: center; 1273 -webkit-box-align: center;
1273 -ms-flex-align: center; 1274 -ms-flex-align: center;
1274 align-items: center; 1275 align-items: center;
1275 gap: 6px; 1276 gap: 6px;
1276 } 1277 }
1277 .breadcrumbs li:before { 1278 .breadcrumbs li:before {
1278 content: ""; 1279 content: "";
1279 width: 4px; 1280 width: 4px;
1280 height: 4px; 1281 height: 4px;
1281 background: #cecece; 1282 background: #cecece;
1282 border-radius: 999px; 1283 border-radius: 999px;
1283 position: relative; 1284 position: relative;
1284 top: -1px; 1285 top: -1px;
1285 } 1286 }
1286 .breadcrumbs li:first-child:before { 1287 .breadcrumbs li:first-child:before {
1287 display: none; 1288 display: none;
1288 } 1289 }
1289 .breadcrumbs li:last-child:before { 1290 .breadcrumbs li:last-child:before {
1290 background: #377d87; 1291 background: #377d87;
1291 } 1292 }
1292 .breadcrumbs a:hover { 1293 .breadcrumbs a:hover {
1293 color: #377d87; 1294 color: #377d87;
1294 } 1295 }
1295 .breadcrumbs b { 1296 .breadcrumbs b {
1296 color: #377d87; 1297 color: #377d87;
1297 font-weight: 700; 1298 font-weight: 700;
1298 } 1299 }
1299 1300
1300 .pagination { 1301 .pagination {
1301 display: -webkit-box; 1302 display: -webkit-box;
1302 display: -ms-flexbox; 1303 display: -ms-flexbox;
1303 display: flex; 1304 display: flex;
1304 -webkit-box-align: center; 1305 -webkit-box-align: center;
1305 -ms-flex-align: center; 1306 -ms-flex-align: center;
1306 align-items: center; 1307 align-items: center;
1307 -webkit-box-pack: center; 1308 -webkit-box-pack: center;
1308 -ms-flex-pack: center; 1309 -ms-flex-pack: center;
1309 justify-content: center; 1310 justify-content: center;
1310 -ms-flex-wrap: wrap; 1311 -ms-flex-wrap: wrap;
1311 flex-wrap: wrap; 1312 flex-wrap: wrap;
1312 line-height: 1; 1313 line-height: 1;
1313 color: #000; 1314 color: #000;
1314 font-size: 12px; 1315 font-size: 12px;
1315 margin: 0 auto; 1316 margin: 0 auto;
1316 } 1317 }
1317 @media (min-width: 768px) { 1318 @media (min-width: 768px) {
1318 .pagination { 1319 .pagination {
1319 font-size: 14px; 1320 font-size: 14px;
1320 gap: 3px; 1321 gap: 3px;
1321 } 1322 }
1322 } 1323 }
1323 .pagination__item { 1324 .pagination__item {
1324 width: 40px; 1325 width: 40px;
1325 height: 40px; 1326 height: 40px;
1326 display: -webkit-box; 1327 display: -webkit-box;
1327 display: -ms-flexbox; 1328 display: -ms-flexbox;
1328 display: flex; 1329 display: flex;
1329 -webkit-box-pack: center; 1330 -webkit-box-pack: center;
1330 -ms-flex-pack: center; 1331 -ms-flex-pack: center;
1331 justify-content: center; 1332 justify-content: center;
1332 -webkit-box-align: center; 1333 -webkit-box-align: center;
1333 -ms-flex-align: center; 1334 -ms-flex-align: center;
1334 align-items: center; 1335 align-items: center;
1335 background: none; 1336 background: none;
1336 padding: 0; 1337 padding: 0;
1337 border: 1px solid transparent; 1338 border: 1px solid transparent;
1338 border-radius: 8px; 1339 border-radius: 8px;
1339 } 1340 }
1340 .pagination__item:hover { 1341 .pagination__item:hover {
1341 -webkit-transition: 0s; 1342 -webkit-transition: 0s;
1342 transition: 0s; 1343 transition: 0s;
1343 color: #377d87; 1344 color: #377d87;
1344 font-weight: 700; 1345 font-weight: 700;
1345 } 1346 }
1346 .pagination__item.active { 1347 .pagination__item.active {
1347 font-weight: 700; 1348 font-weight: 700;
1348 color: #fff; 1349 color: #fff;
1349 background: #377d87; 1350 background: #377d87;
1350 border-color: #377d87; 1351 border-color: #377d87;
1351 } 1352 }
1352 .pagination__dots { 1353 .pagination__dots {
1353 width: 40px; 1354 width: 40px;
1354 height: 40px; 1355 height: 40px;
1355 display: -webkit-box; 1356 display: -webkit-box;
1356 display: -ms-flexbox; 1357 display: -ms-flexbox;
1357 display: flex; 1358 display: flex;
1358 -webkit-box-pack: center; 1359 -webkit-box-pack: center;
1359 -ms-flex-pack: center; 1360 -ms-flex-pack: center;
1360 justify-content: center; 1361 justify-content: center;
1361 -webkit-box-align: center; 1362 -webkit-box-align: center;
1362 -ms-flex-align: center; 1363 -ms-flex-align: center;
1363 align-items: center; 1364 align-items: center;
1364 } 1365 }
1365 .pagination__dots svg { 1366 .pagination__dots svg {
1366 width: 15px; 1367 width: 15px;
1367 height: 15px; 1368 height: 15px;
1368 } 1369 }
1369 .pagination__nav { 1370 .pagination__nav {
1370 width: 40px; 1371 width: 40px;
1371 height: 40px; 1372 height: 40px;
1372 display: none; 1373 display: none;
1373 -webkit-box-pack: center; 1374 -webkit-box-pack: center;
1374 -ms-flex-pack: center; 1375 -ms-flex-pack: center;
1375 justify-content: center; 1376 justify-content: center;
1376 -webkit-box-align: center; 1377 -webkit-box-align: center;
1377 -ms-flex-align: center; 1378 -ms-flex-align: center;
1378 align-items: center; 1379 align-items: center;
1379 background: none; 1380 background: none;
1380 padding: 0; 1381 padding: 0;
1381 border: 1px solid #cddee1; 1382 border: 1px solid #cddee1;
1382 color: #377d87; 1383 color: #377d87;
1383 border-radius: 8px; 1384 border-radius: 8px;
1384 } 1385 }
1385 @media (min-width: 768px) { 1386 @media (min-width: 768px) {
1386 .pagination__nav { 1387 .pagination__nav {
1387 display: -webkit-box; 1388 display: -webkit-box;
1388 display: -ms-flexbox; 1389 display: -ms-flexbox;
1389 display: flex; 1390 display: flex;
1390 } 1391 }
1391 } 1392 }
1392 .pagination__nav:hover { 1393 .pagination__nav:hover {
1393 border-color: #377d87; 1394 border-color: #377d87;
1394 background: #377d87; 1395 background: #377d87;
1395 color: #fff; 1396 color: #fff;
1396 } 1397 }
1397 .pagination__nav svg { 1398 .pagination__nav svg {
1398 width: 10px; 1399 width: 10px;
1399 height: 10px; 1400 height: 10px;
1400 } 1401 }
1401 .pagination__nav_prev { 1402 .pagination__nav_prev {
1402 margin-right: 37px; 1403 margin-right: 37px;
1403 } 1404 }
1404 .pagination__nav_prev svg { 1405 .pagination__nav_prev svg {
1405 -webkit-transform: rotate(180deg); 1406 -webkit-transform: rotate(180deg);
1406 -ms-transform: rotate(180deg); 1407 -ms-transform: rotate(180deg);
1407 transform: rotate(180deg); 1408 transform: rotate(180deg);
1408 } 1409 }
1409 .pagination__nav_next { 1410 .pagination__nav_next {
1410 margin-left: 37px; 1411 margin-left: 37px;
1411 } 1412 }
1412 1413
1413 .filters { 1414 .filters {
1414 display: -webkit-box; 1415 display: -webkit-box;
1415 display: -ms-flexbox; 1416 display: -ms-flexbox;
1416 display: flex; 1417 display: flex;
1417 -webkit-box-orient: vertical; 1418 -webkit-box-orient: vertical;
1418 -webkit-box-direction: normal; 1419 -webkit-box-direction: normal;
1419 -ms-flex-direction: column; 1420 -ms-flex-direction: column;
1420 flex-direction: column; 1421 flex-direction: column;
1421 gap: 10px; 1422 gap: 10px;
1422 } 1423 }
1423 @media (min-width: 768px) { 1424 @media (min-width: 768px) {
1424 .filters { 1425 .filters {
1425 -webkit-box-orient: horizontal; 1426 -webkit-box-orient: horizontal;
1426 -webkit-box-direction: normal; 1427 -webkit-box-direction: normal;
1427 -ms-flex-direction: row; 1428 -ms-flex-direction: row;
1428 flex-direction: row; 1429 flex-direction: row;
1429 -webkit-box-align: center; 1430 -webkit-box-align: center;
1430 -ms-flex-align: center; 1431 -ms-flex-align: center;
1431 align-items: center; 1432 align-items: center;
1432 -webkit-box-pack: justify; 1433 -webkit-box-pack: justify;
1433 -ms-flex-pack: justify; 1434 -ms-flex-pack: justify;
1434 justify-content: space-between; 1435 justify-content: space-between;
1435 } 1436 }
1436 } 1437 }
1437 .filters__label { 1438 .filters__label {
1438 color: #377d87; 1439 color: #377d87;
1439 font-size: 12px; 1440 font-size: 12px;
1440 font-weight: 700; 1441 font-weight: 700;
1441 } 1442 }
1442 @media (min-width: 768px) { 1443 @media (min-width: 768px) {
1443 .filters__label { 1444 .filters__label {
1444 font-size: 16px; 1445 font-size: 16px;
1445 } 1446 }
1446 } 1447 }
1447 @media (min-width: 992px) { 1448 @media (min-width: 992px) {
1448 .filters__label { 1449 .filters__label {
1449 font-size: 18px; 1450 font-size: 18px;
1450 } 1451 }
1451 } 1452 }
1452 .filters__body { 1453 .filters__body {
1453 display: -webkit-box; 1454 display: -webkit-box;
1454 display: -ms-flexbox; 1455 display: -ms-flexbox;
1455 display: flex; 1456 display: flex;
1456 -webkit-box-orient: vertical; 1457 -webkit-box-orient: vertical;
1457 -webkit-box-direction: normal; 1458 -webkit-box-direction: normal;
1458 -ms-flex-direction: column; 1459 -ms-flex-direction: column;
1459 flex-direction: column; 1460 flex-direction: column;
1460 } 1461 }
1461 @media (min-width: 768px) { 1462 @media (min-width: 768px) {
1462 .filters__body { 1463 .filters__body {
1463 -webkit-box-orient: horizontal; 1464 -webkit-box-orient: horizontal;
1464 -webkit-box-direction: normal; 1465 -webkit-box-direction: normal;
1465 -ms-flex-direction: row; 1466 -ms-flex-direction: row;
1466 flex-direction: row; 1467 flex-direction: row;
1467 -webkit-box-align: center; 1468 -webkit-box-align: center;
1468 -ms-flex-align: center; 1469 -ms-flex-align: center;
1469 align-items: center; 1470 align-items: center;
1470 } 1471 }
1471 } 1472 }
1472 @media (min-width: 768px) { 1473 @media (min-width: 768px) {
1473 .filters__select { 1474 .filters__select {
1474 width: 250px; 1475 width: 250px;
1475 } 1476 }
1476 } 1477 }
1477 @media (min-width: 992px) { 1478 @media (min-width: 992px) {
1478 .filters__select { 1479 .filters__select {
1479 width: 310px; 1480 width: 310px;
1480 } 1481 }
1481 } 1482 }
1482 .filters__item { 1483 .filters__item {
1483 display: none; 1484 display: none;
1484 -webkit-box-pack: center; 1485 -webkit-box-pack: center;
1485 -ms-flex-pack: center; 1486 -ms-flex-pack: center;
1486 justify-content: center; 1487 justify-content: center;
1487 -webkit-box-align: center; 1488 -webkit-box-align: center;
1488 -ms-flex-align: center; 1489 -ms-flex-align: center;
1489 align-items: center; 1490 align-items: center;
1490 width: 50px; 1491 width: 50px;
1491 height: 50px; 1492 height: 50px;
1492 padding: 0; 1493 padding: 0;
1493 background: #fff; 1494 background: #fff;
1494 border: 1px solid #377d87; 1495 border: 1px solid #377d87;
1495 color: #377d87; 1496 color: #377d87;
1496 border-radius: 8px; 1497 border-radius: 8px;
1497 margin-left: 20px; 1498 margin-left: 20px;
1498 } 1499 }
1499 @media (min-width: 768px) { 1500 @media (min-width: 768px) {
1500 .filters__item { 1501 .filters__item {
1501 display: -webkit-box; 1502 display: -webkit-box;
1502 display: -ms-flexbox; 1503 display: -ms-flexbox;
1503 display: flex; 1504 display: flex;
1504 } 1505 }
1505 } 1506 }
1506 .filters__item svg { 1507 .filters__item svg {
1507 width: 24px; 1508 width: 24px;
1508 height: 24px; 1509 height: 24px;
1509 } 1510 }
1510 .filters__item.active { 1511 .filters__item.active {
1511 background: #377d87; 1512 background: #377d87;
1512 color: #fff; 1513 color: #fff;
1513 } 1514 }
1514 .filters__item + .filters__item { 1515 .filters__item + .filters__item {
1515 margin-left: 8px; 1516 margin-left: 8px;
1516 } 1517 }
1517 1518
1518 .like, 1519 .like,
1519 .chat { 1520 .chat {
1520 width: 30px; 1521 width: 30px;
1521 height: 30px; 1522 height: 30px;
1522 display: -webkit-box; 1523 display: -webkit-box;
1523 display: -ms-flexbox; 1524 display: -ms-flexbox;
1524 display: flex; 1525 display: flex;
1525 -webkit-box-pack: center; 1526 -webkit-box-pack: center;
1526 -ms-flex-pack: center; 1527 -ms-flex-pack: center;
1527 justify-content: center; 1528 justify-content: center;
1528 -webkit-box-align: center; 1529 -webkit-box-align: center;
1529 -ms-flex-align: center; 1530 -ms-flex-align: center;
1530 align-items: center; 1531 align-items: center;
1531 background: none; 1532 background: none;
1532 border: 1px solid #377d87; 1533 border: 1px solid #377d87;
1533 padding: 0; 1534 padding: 0;
1534 color: #377d87; 1535 color: #377d87;
1535 border-radius: 6px; 1536 border-radius: 6px;
1536 } 1537 }
1537 @media (min-width: 768px) { 1538 @media (min-width: 768px) {
1538 .like, 1539 .like,
1539 .chat { 1540 .chat {
1540 width: 44px; 1541 width: 44px;
1541 height: 44px; 1542 height: 44px;
1542 } 1543 }
1543 } 1544 }
1544 .like.active, 1545 .like.active,
1545 .chat.active { 1546 .chat.active {
1546 background: #377d87; 1547 background: #377d87;
1547 color: #fff; 1548 color: #fff;
1548 } 1549 }
1549 .like svg, 1550 .like svg,
1550 .chat svg { 1551 .chat svg {
1551 width: 14px; 1552 width: 14px;
1552 height: 14px; 1553 height: 14px;
1553 } 1554 }
1554 @media (min-width: 768px) { 1555 @media (min-width: 768px) {
1555 .like svg, 1556 .like svg,
1556 .chat svg { 1557 .chat svg {
1557 width: 20px; 1558 width: 20px;
1558 height: 20px; 1559 height: 20px;
1559 } 1560 }
1560 } 1561 }
1561 1562
1562 .like.active { 1563 .like.active {
1563 background: #eb5757; 1564 background: #eb5757;
1564 border-color: #eb5757; 1565 border-color: #eb5757;
1565 } 1566 }
1566 1567
1567 .checkbox { 1568 .checkbox {
1568 display: -webkit-box; 1569 display: -webkit-box;
1569 display: -ms-flexbox; 1570 display: -ms-flexbox;
1570 display: flex; 1571 display: flex;
1571 -webkit-box-align: start; 1572 -webkit-box-align: start;
1572 -ms-flex-align: start; 1573 -ms-flex-align: start;
1573 align-items: flex-start; 1574 align-items: flex-start;
1574 cursor: pointer; 1575 cursor: pointer;
1575 position: relative; 1576 position: relative;
1576 } 1577 }
1577 .checkbox__input { 1578 .checkbox__input {
1578 position: absolute; 1579 position: absolute;
1579 z-index: 1; 1580 z-index: 1;
1580 width: 14px; 1581 width: 14px;
1581 height: 14px; 1582 height: 14px;
1582 padding: 0; 1583 padding: 0;
1583 background: none; 1584 background: none;
1584 border: none; 1585 border: none;
1585 opacity: 0; 1586 opacity: 0;
1586 } 1587 }
1587 @media (min-width: 768px) { 1588 @media (min-width: 768px) {
1588 .checkbox__input { 1589 .checkbox__input {
1589 width: 20px; 1590 width: 20px;
1590 height: 20px; 1591 height: 20px;
1591 } 1592 }
1592 } 1593 }
1593 .checkbox__icon { 1594 .checkbox__icon {
1594 width: 14px; 1595 width: 14px;
1595 height: 14px; 1596 height: 14px;
1596 border: 1px solid #cfcfcf; 1597 border: 1px solid #cfcfcf;
1597 background: #fff; 1598 background: #fff;
1598 color: #fff; 1599 color: #fff;
1599 display: -webkit-box; 1600 display: -webkit-box;
1600 display: -ms-flexbox; 1601 display: -ms-flexbox;
1601 display: flex; 1602 display: flex;
1602 -webkit-box-pack: center; 1603 -webkit-box-pack: center;
1603 -ms-flex-pack: center; 1604 -ms-flex-pack: center;
1604 justify-content: center; 1605 justify-content: center;
1605 -webkit-box-align: center; 1606 -webkit-box-align: center;
1606 -ms-flex-align: center; 1607 -ms-flex-align: center;
1607 align-items: center; 1608 align-items: center;
1608 border-radius: 4px; 1609 border-radius: 4px;
1609 -webkit-transition: 0.3s; 1610 -webkit-transition: 0.3s;
1610 transition: 0.3s; 1611 transition: 0.3s;
1611 position: relative; 1612 position: relative;
1612 z-index: 2; 1613 z-index: 2;
1613 } 1614 }
1614 @media (min-width: 768px) { 1615 @media (min-width: 768px) {
1615 .checkbox__icon { 1616 .checkbox__icon {
1616 width: 20px; 1617 width: 20px;
1617 height: 20px; 1618 height: 20px;
1618 } 1619 }
1619 } 1620 }
1620 .checkbox__icon svg { 1621 .checkbox__icon svg {
1621 width: 8px; 1622 width: 8px;
1622 height: 8px; 1623 height: 8px;
1623 opacity: 0; 1624 opacity: 0;
1624 } 1625 }
1625 @media (min-width: 768px) { 1626 @media (min-width: 768px) {
1626 .checkbox__icon svg { 1627 .checkbox__icon svg {
1627 width: 10px; 1628 width: 10px;
1628 height: 10px; 1629 height: 10px;
1629 } 1630 }
1630 } 1631 }
1631 .checkbox__input:checked + .checkbox__icon { 1632 .checkbox__input:checked + .checkbox__icon {
1632 border-color: #377d87; 1633 border-color: #377d87;
1633 background: #377d87; 1634 background: #377d87;
1634 } 1635 }
1635 .checkbox__input:checked + .checkbox__icon svg { 1636 .checkbox__input:checked + .checkbox__icon svg {
1636 opacity: 1; 1637 opacity: 1;
1637 } 1638 }
1638 .checkbox__text { 1639 .checkbox__text {
1639 width: calc(100% - 14px); 1640 width: calc(100% - 14px);
1640 padding-left: 6px; 1641 padding-left: 6px;
1641 font-size: 12px; 1642 font-size: 12px;
1642 line-height: 1; 1643 line-height: 1;
1643 display: -webkit-box; 1644 display: -webkit-box;
1644 display: -ms-flexbox; 1645 display: -ms-flexbox;
1645 display: flex; 1646 display: flex;
1646 -webkit-box-align: center; 1647 -webkit-box-align: center;
1647 -ms-flex-align: center; 1648 -ms-flex-align: center;
1648 align-items: center; 1649 align-items: center;
1649 min-height: 14px; 1650 min-height: 14px;
1650 } 1651 }
1651 @media (min-width: 768px) { 1652 @media (min-width: 768px) {
1652 .checkbox__text { 1653 .checkbox__text {
1653 width: calc(100% - 20px); 1654 width: calc(100% - 20px);
1654 padding-left: 12px; 1655 padding-left: 12px;
1655 font-size: 15px; 1656 font-size: 15px;
1656 min-height: 20px; 1657 min-height: 20px;
1657 } 1658 }
1658 } 1659 }
1659 .checkbox__text a { 1660 .checkbox__text a {
1660 color: #377d87; 1661 color: #377d87;
1661 text-decoration: underline; 1662 text-decoration: underline;
1662 } 1663 }
1663 1664
1664 .file { 1665 .file {
1665 display: -webkit-box; 1666 display: -webkit-box;
1666 display: -ms-flexbox; 1667 display: -ms-flexbox;
1667 display: flex; 1668 display: flex;
1668 -webkit-box-orient: vertical; 1669 -webkit-box-orient: vertical;
1669 -webkit-box-direction: normal; 1670 -webkit-box-direction: normal;
1670 -ms-flex-direction: column; 1671 -ms-flex-direction: column;
1671 flex-direction: column; 1672 flex-direction: column;
1672 } 1673 }
1673 .file__input input { 1674 .file__input input {
1674 display: none; 1675 display: none;
1675 } 1676 }
1676 .file__list { 1677 .file__list {
1677 display: -webkit-box; 1678 display: -webkit-box;
1678 display: -ms-flexbox; 1679 display: -ms-flexbox;
1679 display: flex; 1680 display: flex;
1680 -webkit-box-orient: vertical; 1681 -webkit-box-orient: vertical;
1681 -webkit-box-direction: normal; 1682 -webkit-box-direction: normal;
1682 -ms-flex-direction: column; 1683 -ms-flex-direction: column;
1683 flex-direction: column; 1684 flex-direction: column;
1684 } 1685 }
1685 .file__list-item { 1686 .file__list-item {
1686 display: -webkit-box; 1687 display: -webkit-box;
1687 display: -ms-flexbox; 1688 display: -ms-flexbox;
1688 display: flex; 1689 display: flex;
1689 -webkit-box-align: start; 1690 -webkit-box-align: start;
1690 -ms-flex-align: start; 1691 -ms-flex-align: start;
1691 align-items: flex-start; 1692 align-items: flex-start;
1692 margin-top: 16px; 1693 margin-top: 16px;
1693 } 1694 }
1694 .file__list-item-left { 1695 .file__list-item-left {
1695 width: calc(100% - 16px); 1696 width: calc(100% - 16px);
1696 min-height: 16px; 1697 min-height: 16px;
1697 color: #9c9d9d; 1698 color: #9c9d9d;
1698 font-size: 12px; 1699 font-size: 12px;
1699 display: -webkit-box; 1700 display: -webkit-box;
1700 display: -ms-flexbox; 1701 display: -ms-flexbox;
1701 display: flex; 1702 display: flex;
1702 -webkit-box-align: start; 1703 -webkit-box-align: start;
1703 -ms-flex-align: start; 1704 -ms-flex-align: start;
1704 align-items: flex-start; 1705 align-items: flex-start;
1705 } 1706 }
1706 @media (min-width: 768px) { 1707 @media (min-width: 768px) {
1707 .file__list-item-left { 1708 .file__list-item-left {
1708 width: auto; 1709 width: auto;
1709 max-width: calc(100% - 16px); 1710 max-width: calc(100% - 16px);
1710 font-size: 16px; 1711 font-size: 16px;
1711 } 1712 }
1712 } 1713 }
1713 .file__list-item-left svg { 1714 .file__list-item-left svg {
1714 width: 16px; 1715 width: 16px;
1715 height: 16px; 1716 height: 16px;
1716 } 1717 }
1717 .file__list-item-left span { 1718 .file__list-item-left span {
1718 width: calc(100% - 16px); 1719 width: calc(100% - 16px);
1719 min-height: 16px; 1720 min-height: 16px;
1720 display: -webkit-box; 1721 display: -webkit-box;
1721 display: -ms-flexbox; 1722 display: -ms-flexbox;
1722 display: flex; 1723 display: flex;
1723 -webkit-box-align: center; 1724 -webkit-box-align: center;
1724 -ms-flex-align: center; 1725 -ms-flex-align: center;
1725 align-items: center; 1726 align-items: center;
1726 padding: 0 8px; 1727 padding: 0 8px;
1727 } 1728 }
1728 .file__list-item-right { 1729 .file__list-item-right {
1729 display: -webkit-box; 1730 display: -webkit-box;
1730 display: -ms-flexbox; 1731 display: -ms-flexbox;
1731 display: flex; 1732 display: flex;
1732 -webkit-box-pack: center; 1733 -webkit-box-pack: center;
1733 -ms-flex-pack: center; 1734 -ms-flex-pack: center;
1734 justify-content: center; 1735 justify-content: center;
1735 -webkit-box-align: center; 1736 -webkit-box-align: center;
1736 -ms-flex-align: center; 1737 -ms-flex-align: center;
1737 align-items: center; 1738 align-items: center;
1738 padding: 0; 1739 padding: 0;
1739 background: none; 1740 background: none;
1740 border: none; 1741 border: none;
1741 width: 16px; 1742 width: 16px;
1742 height: 16px; 1743 height: 16px;
1743 color: #377d87; 1744 color: #377d87;
1744 } 1745 }
1745 .file__list-item-right:hover { 1746 .file__list-item-right:hover {
1746 color: #000; 1747 color: #000;
1747 } 1748 }
1748 .file__list-item-right svg { 1749 .file__list-item-right svg {
1749 width: 10px; 1750 width: 10px;
1750 height: 10px; 1751 height: 10px;
1751 } 1752 }
1752 .file__list-item + .file__list-item { 1753 .file__list-item + .file__list-item {
1753 margin-top: 10px; 1754 margin-top: 10px;
1754 } 1755 }
1755 1756
1756 .rate { 1757 .rate {
1757 display: -webkit-box; 1758 display: -webkit-box;
1758 display: -ms-flexbox; 1759 display: -ms-flexbox;
1759 display: flex; 1760 display: flex;
1760 -webkit-box-align: center; 1761 -webkit-box-align: center;
1761 -ms-flex-align: center; 1762 -ms-flex-align: center;
1762 align-items: center; 1763 align-items: center;
1763 gap: 10px; 1764 gap: 10px;
1764 } 1765 }
1765 @media (min-width: 768px) { 1766 @media (min-width: 768px) {
1766 .rate { 1767 .rate {
1767 gap: 20px; 1768 gap: 20px;
1768 } 1769 }
1769 } 1770 }
1770 .rate__label { 1771 .rate__label {
1771 font-size: 12px; 1772 font-size: 12px;
1772 font-weight: 700; 1773 font-weight: 700;
1773 line-height: 1; 1774 line-height: 1;
1774 } 1775 }
1775 @media (min-width: 768px) { 1776 @media (min-width: 768px) {
1776 .rate__label { 1777 .rate__label {
1777 font-size: 18px; 1778 font-size: 18px;
1778 } 1779 }
1779 } 1780 }
1780 .rate__stars { 1781 .rate__stars {
1781 display: -webkit-box; 1782 display: -webkit-box;
1782 display: -ms-flexbox; 1783 display: -ms-flexbox;
1783 display: flex; 1784 display: flex;
1784 -webkit-box-orient: vertical; 1785 -webkit-box-orient: vertical;
1785 -webkit-box-direction: normal; 1786 -webkit-box-direction: normal;
1786 -ms-flex-direction: column; 1787 -ms-flex-direction: column;
1787 flex-direction: column; 1788 flex-direction: column;
1788 } 1789 }
1789 1790
1790 .back { 1791 .back {
1791 display: -webkit-box; 1792 display: -webkit-box;
1792 display: -ms-flexbox; 1793 display: -ms-flexbox;
1793 display: flex; 1794 display: flex;
1794 -webkit-box-align: center; 1795 -webkit-box-align: center;
1795 -ms-flex-align: center; 1796 -ms-flex-align: center;
1796 align-items: center; 1797 align-items: center;
1797 font-size: 14px; 1798 font-size: 14px;
1798 color: #377d87; 1799 color: #377d87;
1799 font-weight: 700; 1800 font-weight: 700;
1800 } 1801 }
1801 @media (min-width: 768px) { 1802 @media (min-width: 768px) {
1802 .back { 1803 .back {
1803 font-size: 18px; 1804 font-size: 18px;
1804 } 1805 }
1805 } 1806 }
1806 .back:hover { 1807 .back:hover {
1807 color: #4d88d9; 1808 color: #4d88d9;
1808 } 1809 }
1809 .back svg { 1810 .back svg {
1810 width: 16px; 1811 width: 16px;
1811 height: 16px; 1812 height: 16px;
1812 } 1813 }
1813 @media (min-width: 768px) { 1814 @media (min-width: 768px) {
1814 .back svg { 1815 .back svg {
1815 width: 26px; 1816 width: 26px;
1816 height: 26px; 1817 height: 26px;
1817 } 1818 }
1818 } 1819 }
1819 .back span { 1820 .back span {
1820 width: calc(100% - 16px); 1821 width: calc(100% - 16px);
1821 padding-left: 10px; 1822 padding-left: 10px;
1822 } 1823 }
1823 @media (min-width: 768px) { 1824 @media (min-width: 768px) {
1824 .back span { 1825 .back span {
1825 width: calc(100% - 26px); 1826 width: calc(100% - 26px);
1826 padding-left: 20px; 1827 padding-left: 20px;
1827 } 1828 }
1828 } 1829 }
1829 1830
1830 .callback { 1831 .callback {
1831 display: -webkit-box; 1832 display: -webkit-box;
1832 display: -ms-flexbox; 1833 display: -ms-flexbox;
1833 display: flex; 1834 display: flex;
1834 -webkit-box-orient: vertical; 1835 -webkit-box-orient: vertical;
1835 -webkit-box-direction: normal; 1836 -webkit-box-direction: normal;
1836 -ms-flex-direction: column; 1837 -ms-flex-direction: column;
1837 flex-direction: column; 1838 flex-direction: column;
1838 gap: 16px; 1839 gap: 16px;
1839 } 1840 }
1840 @media (min-width: 992px) { 1841 @media (min-width: 992px) {
1841 .callback { 1842 .callback {
1842 -webkit-box-orient: horizontal; 1843 -webkit-box-orient: horizontal;
1843 -webkit-box-direction: normal; 1844 -webkit-box-direction: normal;
1844 -ms-flex-direction: row; 1845 -ms-flex-direction: row;
1845 flex-direction: row; 1846 flex-direction: row;
1846 -webkit-box-pack: justify; 1847 -webkit-box-pack: justify;
1847 -ms-flex-pack: justify; 1848 -ms-flex-pack: justify;
1848 justify-content: space-between; 1849 justify-content: space-between;
1849 -ms-flex-wrap: wrap; 1850 -ms-flex-wrap: wrap;
1850 flex-wrap: wrap; 1851 flex-wrap: wrap;
1851 gap: 20px 0; 1852 gap: 20px 0;
1852 } 1853 }
1853 } 1854 }
1854 .callback__body { 1855 .callback__body {
1855 display: -webkit-box; 1856 display: -webkit-box;
1856 display: -ms-flexbox; 1857 display: -ms-flexbox;
1857 display: flex; 1858 display: flex;
1858 -webkit-box-orient: vertical; 1859 -webkit-box-orient: vertical;
1859 -webkit-box-direction: normal; 1860 -webkit-box-direction: normal;
1860 -ms-flex-direction: column; 1861 -ms-flex-direction: column;
1861 flex-direction: column; 1862 flex-direction: column;
1862 gap: 16px; 1863 gap: 16px;
1863 } 1864 }
1864 @media (min-width: 992px) { 1865 @media (min-width: 992px) {
1865 .callback__body { 1866 .callback__body {
1866 width: calc(50% - 10px); 1867 width: calc(50% - 10px);
1867 gap: 10px; 1868 gap: 10px;
1868 } 1869 }
1869 } 1870 }
1870 @media (min-width: 992px) { 1871 @media (min-width: 992px) {
1871 .callback__textarea { 1872 .callback__textarea {
1872 width: calc(50% - 10px); 1873 width: calc(50% - 10px);
1873 height: auto; 1874 height: auto;
1874 } 1875 }
1875 } 1876 }
1876 .callback__bottom { 1877 .callback__bottom {
1877 display: -webkit-box; 1878 display: -webkit-box;
1878 display: -ms-flexbox; 1879 display: -ms-flexbox;
1879 display: flex; 1880 display: flex;
1880 -webkit-box-orient: vertical; 1881 -webkit-box-orient: vertical;
1881 -webkit-box-direction: normal; 1882 -webkit-box-direction: normal;
1882 -ms-flex-direction: column; 1883 -ms-flex-direction: column;
1883 flex-direction: column; 1884 flex-direction: column;
1884 gap: 16px; 1885 gap: 16px;
1885 } 1886 }
1886 @media (min-width: 768px) { 1887 @media (min-width: 768px) {
1887 .callback__bottom { 1888 .callback__bottom {
1888 -webkit-box-align: start; 1889 -webkit-box-align: start;
1889 -ms-flex-align: start; 1890 -ms-flex-align: start;
1890 align-items: flex-start; 1891 align-items: flex-start;
1891 } 1892 }
1892 } 1893 }
1893 @media (min-width: 992px) { 1894 @media (min-width: 992px) {
1894 .callback__bottom { 1895 .callback__bottom {
1895 width: 100%; 1896 width: 100%;
1896 gap: 20px; 1897 gap: 20px;
1897 } 1898 }
1898 } 1899 }
1899 1900
1900 .error .input, 1901 .error .input,
1901 .error .textarea { 1902 .error .textarea {
1902 border-color: #eb5757; 1903 border-color: #eb5757;
1903 } 1904 }
1904 .error label { 1905 .error label {
1905 display: block; 1906 display: block;
1906 } 1907 }
1907 1908
1908 .eye { 1909 .eye {
1909 position: absolute; 1910 position: absolute;
1910 z-index: 2; 1911 z-index: 2;
1911 top: 50%; 1912 top: 50%;
1912 -webkit-transform: translate(0, -50%); 1913 -webkit-transform: translate(0, -50%);
1913 -ms-transform: translate(0, -50%); 1914 -ms-transform: translate(0, -50%);
1914 transform: translate(0, -50%); 1915 transform: translate(0, -50%);
1915 right: 10px; 1916 right: 10px;
1916 aspect-ratio: 1/1; 1917 aspect-ratio: 1/1;
1917 width: 16px; 1918 width: 16px;
1918 padding: 0; 1919 padding: 0;
1919 border: none; 1920 border: none;
1920 background: none; 1921 background: none;
1921 color: #9c9d9d; 1922 color: #9c9d9d;
1922 } 1923 }
1923 @media (min-width: 768px) { 1924 @media (min-width: 768px) {
1924 .eye { 1925 .eye {
1925 width: 24px; 1926 width: 24px;
1926 right: 20px; 1927 right: 20px;
1927 } 1928 }
1928 } 1929 }
1929 .eye svg { 1930 .eye svg {
1930 position: absolute; 1931 position: absolute;
1931 top: 0; 1932 top: 0;
1932 left: 0; 1933 left: 0;
1933 width: 100%; 1934 width: 100%;
1934 height: 100%; 1935 height: 100%;
1935 } 1936 }
1936 .eye svg + svg { 1937 .eye svg + svg {
1937 display: none; 1938 display: none;
1938 } 1939 }
1939 .eye.active { 1940 .eye.active {
1940 color: #377d87; 1941 color: #377d87;
1941 } 1942 }
1942 .eye.active svg { 1943 .eye.active svg {
1943 display: none; 1944 display: none;
1944 } 1945 }
1945 .eye.active svg + svg { 1946 .eye.active svg + svg {
1946 display: block; 1947 display: block;
1947 } 1948 }
1948 1949
1949 .del { 1950 .del {
1950 width: 32px; 1951 width: 32px;
1951 aspect-ratio: 1/1; 1952 aspect-ratio: 1/1;
1952 background: #377d87; 1953 background: #377d87;
1953 color: #fff; 1954 color: #fff;
1954 display: -webkit-box; 1955 display: -webkit-box;
1955 display: -ms-flexbox; 1956 display: -ms-flexbox;
1956 display: flex; 1957 display: flex;
1957 -webkit-box-pack: center; 1958 -webkit-box-pack: center;
1958 -ms-flex-pack: center; 1959 -ms-flex-pack: center;
1959 justify-content: center; 1960 justify-content: center;
1960 -webkit-box-align: center; 1961 -webkit-box-align: center;
1961 -ms-flex-align: center; 1962 -ms-flex-align: center;
1962 align-items: center; 1963 align-items: center;
1963 border-radius: 8px; 1964 border-radius: 8px;
1964 padding: 0; 1965 padding: 0;
1965 border: 1px solid #377d87; 1966 border: 1px solid #377d87;
1966 } 1967 }
1967 .del:hover { 1968 .del:hover {
1968 background: #fff; 1969 background: #fff;
1969 color: #377d87; 1970 color: #377d87;
1970 } 1971 }
1971 .del svg { 1972 .del svg {
1972 width: 50%; 1973 width: 50%;
1973 aspect-ratio: 1/1; 1974 aspect-ratio: 1/1;
1974 } 1975 }
1975 1976
1976 .notify { 1977 .notify {
1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 1978 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1978 padding: 6px 12px; 1979 padding: 6px 12px;
1979 border-radius: 8px; 1980 border-radius: 8px;
1980 display: -webkit-box; 1981 display: -webkit-box;
1981 display: -ms-flexbox; 1982 display: -ms-flexbox;
1982 display: flex; 1983 display: flex;
1983 -webkit-box-align: start; 1984 -webkit-box-align: start;
1984 -ms-flex-align: start; 1985 -ms-flex-align: start;
1985 align-items: flex-start; 1986 align-items: flex-start;
1986 } 1987 }
1987 @media (min-width: 768px) { 1988 @media (min-width: 768px) {
1988 .notify { 1989 .notify {
1989 padding: 12px 20px; 1990 padding: 12px 20px;
1990 } 1991 }
1991 } 1992 }
1992 .notify_red { 1993 .notify_red {
1993 background: #f9cdcd; 1994 background: #f9cdcd;
1994 } 1995 }
1995 .notify svg { 1996 .notify svg {
1996 color: #4d88d9; 1997 color: #4d88d9;
1997 width: 20px; 1998 width: 20px;
1998 aspect-ratio: 1/1; 1999 aspect-ratio: 1/1;
1999 } 2000 }
2000 .notify span { 2001 .notify span {
2001 font-size: 12px; 2002 font-size: 12px;
2002 padding-left: 10px; 2003 padding-left: 10px;
2003 min-height: 20px; 2004 min-height: 20px;
2004 display: -webkit-box; 2005 display: -webkit-box;
2005 display: -ms-flexbox; 2006 display: -ms-flexbox;
2006 display: flex; 2007 display: flex;
2007 -webkit-box-align: center; 2008 -webkit-box-align: center;
2008 -ms-flex-align: center; 2009 -ms-flex-align: center;
2009 align-items: center; 2010 align-items: center;
2010 } 2011 }
2011 @media (min-width: 768px) { 2012 @media (min-width: 768px) {
2012 .notify span { 2013 .notify span {
2013 font-size: 16px; 2014 font-size: 16px;
2014 } 2015 }
2015 } 2016 }
2016 2017
2017 .table { 2018 .table {
2018 margin: 0 -10px; 2019 margin: 0 -10px;
2019 display: -webkit-box; 2020 display: -webkit-box;
2020 display: -ms-flexbox; 2021 display: -ms-flexbox;
2021 display: flex; 2022 display: flex;
2022 -webkit-box-orient: vertical; 2023 -webkit-box-orient: vertical;
2023 -webkit-box-direction: reverse; 2024 -webkit-box-direction: reverse;
2024 -ms-flex-direction: column-reverse; 2025 -ms-flex-direction: column-reverse;
2025 flex-direction: column-reverse; 2026 flex-direction: column-reverse;
2026 -webkit-box-align: center; 2027 -webkit-box-align: center;
2027 -ms-flex-align: center; 2028 -ms-flex-align: center;
2028 align-items: center; 2029 align-items: center;
2029 gap: 20px; 2030 gap: 20px;
2030 } 2031 }
2031 @media (min-width: 768px) { 2032 @media (min-width: 768px) {
2032 .table { 2033 .table {
2033 margin: 0; 2034 margin: 0;
2034 gap: 30px; 2035 gap: 30px;
2035 } 2036 }
2036 } 2037 }
2037 .table__button { 2038 .table__button {
2038 display: none; 2039 display: none;
2039 } 2040 }
2040 .table_spoiler .table__button { 2041 .table_spoiler .table__button {
2041 display: -webkit-box; 2042 display: -webkit-box;
2042 display: -ms-flexbox; 2043 display: -ms-flexbox;
2043 display: flex; 2044 display: flex;
2044 } 2045 }
2045 .table__scroll { 2046 .table__scroll {
2046 overflow: hidden; 2047 overflow: hidden;
2047 overflow-x: auto; 2048 overflow-x: auto;
2048 padding: 0 10px; 2049 padding: 0 10px;
2049 width: 100%; 2050 width: 100%;
2050 } 2051 }
2051 @media (min-width: 768px) { 2052 @media (min-width: 768px) {
2052 .table__scroll { 2053 .table__scroll {
2053 padding: 0; 2054 padding: 0;
2054 } 2055 }
2055 } 2056 }
2056 .table__body { 2057 .table__body {
2057 border-radius: 8px; 2058 border-radius: 8px;
2058 overflow: hidden; 2059 overflow: hidden;
2059 } 2060 }
2060 .table__body_min-width { 2061 .table__body_min-width {
2061 min-width: 580px; 2062 min-width: 580px;
2062 } 2063 }
2063 .table table { 2064 .table table {
2064 border-collapse: collapse; 2065 border-collapse: collapse;
2065 width: 100%; 2066 width: 100%;
2066 font-size: 12px; 2067 font-size: 12px;
2067 border-radius: 8px; 2068 border-radius: 8px;
2068 } 2069 }
2069 @media (min-width: 768px) { 2070 @media (min-width: 768px) {
2070 .table table { 2071 .table table {
2071 font-size: 14px; 2072 font-size: 14px;
2072 } 2073 }
2073 } 2074 }
2074 @media (min-width: 1280px) { 2075 @media (min-width: 1280px) {
2075 .table table { 2076 .table table {
2076 font-size: 16px; 2077 font-size: 16px;
2077 } 2078 }
2078 } 2079 }
2079 .table thead tr th, 2080 .table thead tr th,
2080 .table thead tr td { 2081 .table thead tr td {
2081 background: #377d87; 2082 background: #377d87;
2082 color: #fff; 2083 color: #fff;
2083 font-weight: 700; 2084 font-weight: 700;
2084 border-top-color: #377d87; 2085 border-top-color: #377d87;
2085 } 2086 }
2086 .table thead tr th:first-child, 2087 .table thead tr th:first-child,
2087 .table thead tr td:first-child { 2088 .table thead tr td:first-child {
2088 border-left-color: #377d87; 2089 border-left-color: #377d87;
2089 } 2090 }
2090 .table thead tr th:last-child, 2091 .table thead tr th:last-child,
2091 .table thead tr td:last-child { 2092 .table thead tr td:last-child {
2092 border-right-color: #377d87; 2093 border-right-color: #377d87;
2093 } 2094 }
2094 .table_spoiler tr { 2095 .table_spoiler tr {
2095 /*display: none;*/ 2096 /*display: none;*/
2096 } 2097 }
2097 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) { 2098 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
2098 display: table-row; 2099 display: table-row;
2099 } 2100 }
2100 .table_spoiler.active tr { 2101 .table_spoiler.active tr {
2101 display: table-row; 2102 display: table-row;
2102 } 2103 }
2103 .table th, 2104 .table th,
2104 .table td { 2105 .table td {
2105 text-align: left; 2106 text-align: left;
2106 padding: 10px; 2107 padding: 10px;
2107 border: 1px solid #cecece; 2108 border: 1px solid #cecece;
2108 } 2109 }
2109 @media (min-width: 768px) { 2110 @media (min-width: 768px) {
2110 .table td { 2111 .table td {
2111 padding: 14px 10px; 2112 padding: 14px 10px;
2112 } 2113 }
2113 } 2114 }
2114 .table__status { 2115 .table__status {
2115 color: #9c9d9d; 2116 color: #9c9d9d;
2116 display: -webkit-box; 2117 display: -webkit-box;
2117 display: -ms-flexbox; 2118 display: -ms-flexbox;
2118 display: flex; 2119 display: flex;
2119 -webkit-box-align: center; 2120 -webkit-box-align: center;
2120 -ms-flex-align: center; 2121 -ms-flex-align: center;
2121 align-items: center; 2122 align-items: center;
2122 gap: 6px; 2123 gap: 6px;
2123 position: relative; 2124 position: relative;
2124 padding-left: 14px; 2125 padding-left: 14px;
2125 } 2126 }
2126 .table__status i { 2127 .table__status i {
2127 background: #9c9d9d; 2128 background: #9c9d9d;
2128 width: 8px; 2129 width: 8px;
2129 aspect-ratio: 1/1; 2130 aspect-ratio: 1/1;
2130 border-radius: 999px; 2131 border-radius: 999px;
2131 position: absolute; 2132 position: absolute;
2132 top: 4px; 2133 top: 4px;
2133 left: 0; 2134 left: 0;
2134 } 2135 }
2135 .table__status.green { 2136 .table__status.green {
2136 color: #377d87; 2137 color: #377d87;
2137 } 2138 }
2138 .table__status.green i { 2139 .table__status.green i {
2139 background: #377d87; 2140 background: #377d87;
2140 } 2141 }
2141 .table__link { 2142 .table__link {
2142 display: -webkit-box; 2143 display: -webkit-box;
2143 display: -ms-flexbox; 2144 display: -ms-flexbox;
2144 display: flex; 2145 display: flex;
2145 -webkit-box-align: center; 2146 -webkit-box-align: center;
2146 -ms-flex-align: center; 2147 -ms-flex-align: center;
2147 align-items: center; 2148 align-items: center;
2148 gap: 4px; 2149 gap: 4px;
2149 color: #4d88d9; 2150 color: #4d88d9;
2150 } 2151 }
2151 @media (min-width: 768px) { 2152 @media (min-width: 768px) {
2152 .table__link { 2153 .table__link {
2153 gap: 6px; 2154 gap: 6px;
2154 } 2155 }
2155 } 2156 }
2156 .table__link:hover { 2157 .table__link:hover {
2157 color: #000; 2158 color: #000;
2158 } 2159 }
2159 .table__link svg { 2160 .table__link svg {
2160 width: 12px; 2161 width: 12px;
2161 aspect-ratio: 1/1; 2162 aspect-ratio: 1/1;
2162 } 2163 }
2163 @media (min-width: 768px) { 2164 @media (min-width: 768px) {
2164 .table__link svg { 2165 .table__link svg {
2165 width: 16px; 2166 width: 16px;
2166 } 2167 }
2167 } 2168 }
2168 .table__controls { 2169 .table__controls {
2169 display: -webkit-box; 2170 display: -webkit-box;
2170 display: -ms-flexbox; 2171 display: -ms-flexbox;
2171 display: flex; 2172 display: flex;
2172 -webkit-box-align: center; 2173 -webkit-box-align: center;
2173 -ms-flex-align: center; 2174 -ms-flex-align: center;
2174 align-items: center; 2175 align-items: center;
2175 gap: 8px; 2176 gap: 8px;
2176 } 2177 }
2177 @media (min-width: 1280px) { 2178 @media (min-width: 1280px) {
2178 .table__controls { 2179 .table__controls {
2179 gap: 12px; 2180 gap: 12px;
2180 } 2181 }
2181 } 2182 }
2182 .table__controls-item { 2183 .table__controls-item {
2183 width: 24px; 2184 width: 24px;
2184 aspect-ratio: 1/1; 2185 aspect-ratio: 1/1;
2185 display: -webkit-box; 2186 display: -webkit-box;
2186 display: -ms-flexbox; 2187 display: -ms-flexbox;
2187 display: flex; 2188 display: flex;
2188 -webkit-box-pack: center; 2189 -webkit-box-pack: center;
2189 -ms-flex-pack: center; 2190 -ms-flex-pack: center;
2190 justify-content: center; 2191 justify-content: center;
2191 -webkit-box-align: center; 2192 -webkit-box-align: center;
2192 -ms-flex-align: center; 2193 -ms-flex-align: center;
2193 align-items: center; 2194 align-items: center;
2194 border: 1px solid #377d87; 2195 border: 1px solid #377d87;
2195 border-radius: 8px; 2196 border-radius: 8px;
2196 color: #377d87; 2197 color: #377d87;
2197 background: none; 2198 background: none;
2198 padding: 0; 2199 padding: 0;
2199 } 2200 }
2200 @media (min-width: 1280px) { 2201 @media (min-width: 1280px) {
2201 .table__controls-item { 2202 .table__controls-item {
2202 width: 30px; 2203 width: 30px;
2203 } 2204 }
2204 } 2205 }
2205 .table__controls-item:hover { 2206 .table__controls-item:hover {
2206 background: #377d87; 2207 background: #377d87;
2207 color: #fff; 2208 color: #fff;
2208 } 2209 }
2209 .table__controls-item svg { 2210 .table__controls-item svg {
2210 width: 60%; 2211 width: 60%;
2211 aspect-ratio: 1/1; 2212 aspect-ratio: 1/1;
2212 } 2213 }
2213 .table__controls-item:nth-of-type(4) svg { 2214 .table__controls-item:nth-of-type(4) svg {
2214 width: 80%; 2215 width: 80%;
2215 } 2216 }
2216 2217
2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2218 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2218 display: none; 2219 display: none;
2219 } 2220 }
2220 .gl-star-rating--stars span { 2221 .gl-star-rating--stars span {
2221 width: 22px !important; 2222 width: 22px !important;
2222 height: 22px !important; 2223 height: 22px !important;
2223 background-size: 22px 22px !important; 2224 background-size: 22px 22px !important;
2224 } 2225 }
2225 @media (min-width: 768px) { 2226 @media (min-width: 768px) {
2226 .gl-star-rating--stars span { 2227 .gl-star-rating--stars span {
2227 width: 30px !important; 2228 width: 30px !important;
2228 height: 30px !important; 2229 height: 30px !important;
2229 background-size: 30px 30px !important; 2230 background-size: 30px 30px !important;
2230 } 2231 }
2231 } 2232 }
2232 2233
2233 .more { 2234 .more {
2234 display: -webkit-box; 2235 display: -webkit-box;
2235 display: -ms-flexbox; 2236 display: -ms-flexbox;
2236 display: flex; 2237 display: flex;
2237 -webkit-box-orient: vertical; 2238 -webkit-box-orient: vertical;
2238 -webkit-box-direction: normal; 2239 -webkit-box-direction: normal;
2239 -ms-flex-direction: column; 2240 -ms-flex-direction: column;
2240 flex-direction: column; 2241 flex-direction: column;
2241 -webkit-box-align: center; 2242 -webkit-box-align: center;
2242 -ms-flex-align: center; 2243 -ms-flex-align: center;
2243 align-items: center; 2244 align-items: center;
2244 } 2245 }
2245 .more_mt { 2246 .more_mt {
2246 margin-top: 20px; 2247 margin-top: 20px;
2247 } 2248 }
2248 .more .button { 2249 .more .button {
2249 min-width: 100px; 2250 min-width: 100px;
2250 padding: 0; 2251 padding: 0;
2251 } 2252 }
2252 @media (min-width: 768px) { 2253 @media (min-width: 768px) {
2253 .more .button { 2254 .more .button {
2254 min-width: 180px; 2255 min-width: 180px;
2255 } 2256 }
2256 } 2257 }
2257 2258
2258 .header { 2259 .header {
2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2260 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2261 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2261 background: #fff; 2262 background: #fff;
2262 position: relative; 2263 position: relative;
2263 z-index: 5; 2264 z-index: 5;
2264 overflow: hidden; 2265 overflow: hidden;
2265 } 2266 }
2266 @media (min-width: 768px) { 2267 @media (min-width: 768px) {
2267 .header { 2268 .header {
2268 -webkit-box-shadow: none; 2269 -webkit-box-shadow: none;
2269 box-shadow: none; 2270 box-shadow: none;
2270 } 2271 }
2271 } 2272 }
2272 .header__body { 2273 .header__body {
2273 height: 42px; 2274 height: 42px;
2274 display: -webkit-box; 2275 display: -webkit-box;
2275 display: -ms-flexbox; 2276 display: -ms-flexbox;
2276 display: flex; 2277 display: flex;
2277 -webkit-box-pack: justify; 2278 -webkit-box-pack: justify;
2278 -ms-flex-pack: justify; 2279 -ms-flex-pack: justify;
2279 justify-content: space-between; 2280 justify-content: space-between;
2280 -webkit-box-align: center; 2281 -webkit-box-align: center;
2281 -ms-flex-align: center; 2282 -ms-flex-align: center;
2282 align-items: center; 2283 align-items: center;
2283 } 2284 }
2284 @media (min-width: 768px) { 2285 @media (min-width: 768px) {
2285 .header__body { 2286 .header__body {
2286 height: 70px; 2287 height: 70px;
2287 } 2288 }
2288 } 2289 }
2289 .header__left { 2290 .header__left {
2290 display: -webkit-box; 2291 display: -webkit-box;
2291 display: -ms-flexbox; 2292 display: -ms-flexbox;
2292 display: flex; 2293 display: flex;
2293 -webkit-box-align: center; 2294 -webkit-box-align: center;
2294 -ms-flex-align: center; 2295 -ms-flex-align: center;
2295 align-items: center; 2296 align-items: center;
2296 gap: 40px; 2297 gap: 40px;
2297 } 2298 }
2298 .header__right { 2299 .header__right {
2299 display: -webkit-box; 2300 display: -webkit-box;
2300 display: -ms-flexbox; 2301 display: -ms-flexbox;
2301 display: flex; 2302 display: flex;
2302 -webkit-box-align: center; 2303 -webkit-box-align: center;
2303 -ms-flex-align: center; 2304 -ms-flex-align: center;
2304 align-items: center; 2305 align-items: center;
2305 gap: 14px; 2306 gap: 14px;
2306 } 2307 }
2307 @media (min-width: 768px) { 2308 @media (min-width: 768px) {
2308 .header__right { 2309 .header__right {
2309 gap: 20px; 2310 gap: 20px;
2310 } 2311 }
2311 } 2312 }
2312 .header__right-line { 2313 .header__right-line {
2313 width: 1px; 2314 width: 1px;
2314 height: 32px; 2315 height: 32px;
2315 background: #e6e7e7; 2316 background: #e6e7e7;
2316 border-radius: 999px; 2317 border-radius: 999px;
2317 } 2318 }
2318 @media (min-width: 992px) { 2319 @media (min-width: 992px) {
2319 .header__right-line { 2320 .header__right-line {
2320 display: none; 2321 display: none;
2321 } 2322 }
2322 } 2323 }
2323 .header__logo { 2324 .header__logo {
2324 display: -webkit-box; 2325 display: -webkit-box;
2325 display: -ms-flexbox; 2326 display: -ms-flexbox;
2326 display: flex; 2327 display: flex;
2327 -webkit-box-align: center; 2328 -webkit-box-align: center;
2328 -ms-flex-align: center; 2329 -ms-flex-align: center;
2329 align-items: center; 2330 align-items: center;
2330 -webkit-box-pack: center; 2331 -webkit-box-pack: center;
2331 -ms-flex-pack: center; 2332 -ms-flex-pack: center;
2332 justify-content: center; 2333 justify-content: center;
2333 color: #377d87; 2334 color: #377d87;
2334 } 2335 }
2335 .header__logo svg { 2336 .header__logo svg {
2336 width: 105px; 2337 width: 105px;
2337 height: 31px; 2338 height: 31px;
2338 } 2339 }
2339 @media (min-width: 768px) { 2340 @media (min-width: 768px) {
2340 .header__logo svg { 2341 .header__logo svg {
2341 width: 182px; 2342 width: 182px;
2342 height: 54px; 2343 height: 54px;
2343 } 2344 }
2344 } 2345 }
2345 .header__menu { 2346 .header__menu {
2346 display: none; 2347 display: none;
2347 -webkit-box-align: center; 2348 -webkit-box-align: center;
2348 -ms-flex-align: center; 2349 -ms-flex-align: center;
2349 align-items: center; 2350 align-items: center;
2350 gap: 20px; 2351 gap: 20px;
2351 } 2352 }
2352 @media (min-width: 768px) { 2353 @media (min-width: 768px) {
2353 .header__menu { 2354 .header__menu {
2354 display: -webkit-box; 2355 display: -webkit-box;
2355 display: -ms-flexbox; 2356 display: -ms-flexbox;
2356 display: flex; 2357 display: flex;
2357 } 2358 }
2358 } 2359 }
2359 .header__menu-item:hover { 2360 .header__menu-item:hover {
2360 color: #377d87; 2361 color: #377d87;
2361 } 2362 }
2362 .header__notifs { 2363 .header__notifs {
2363 display: -webkit-box; 2364 display: -webkit-box;
2364 display: -ms-flexbox; 2365 display: -ms-flexbox;
2365 display: flex; 2366 display: flex;
2366 -webkit-box-align: center; 2367 -webkit-box-align: center;
2367 -ms-flex-align: center; 2368 -ms-flex-align: center;
2368 align-items: center; 2369 align-items: center;
2369 -webkit-box-pack: center; 2370 -webkit-box-pack: center;
2370 -ms-flex-pack: center; 2371 -ms-flex-pack: center;
2371 justify-content: center; 2372 justify-content: center;
2372 color: #377d87; 2373 color: #377d87;
2373 padding: 0; 2374 padding: 0;
2374 border: none; 2375 border: none;
2375 background: none; 2376 background: none;
2376 width: 24px; 2377 width: 24px;
2377 height: 24px; 2378 height: 24px;
2378 } 2379 }
2379 @media (min-width: 992px) { 2380 @media (min-width: 992px) {
2380 .header__notifs { 2381 .header__notifs {
2381 width: auto; 2382 width: auto;
2382 height: auto; 2383 height: auto;
2383 color: #000; 2384 color: #000;
2384 line-height: 1.4; 2385 line-height: 1.4;
2385 } 2386 }
2386 } 2387 }
2387 @media (min-width: 992px) { 2388 @media (min-width: 992px) {
2388 .header__notifs:hover { 2389 .header__notifs:hover {
2389 color: #377d87; 2390 color: #377d87;
2390 } 2391 }
2391 } 2392 }
2392 .header__notifs svg { 2393 .header__notifs svg {
2393 width: 20px; 2394 width: 20px;
2394 height: 20px; 2395 height: 20px;
2395 } 2396 }
2396 @media (min-width: 992px) { 2397 @media (min-width: 992px) {
2397 .header__notifs svg { 2398 .header__notifs svg {
2398 display: none; 2399 display: none;
2399 } 2400 }
2400 } 2401 }
2401 .header__notifs span { 2402 .header__notifs span {
2402 display: none; 2403 display: none;
2403 } 2404 }
2404 @media (min-width: 992px) { 2405 @media (min-width: 992px) {
2405 .header__notifs span { 2406 .header__notifs span {
2406 display: inline; 2407 display: inline;
2407 } 2408 }
2408 } 2409 }
2409 .header__notifs_actived { 2410 .header__notifs_actived {
2410 position: relative; 2411 position: relative;
2411 } 2412 }
2412 @media (min-width: 992px) { 2413 @media (min-width: 992px) {
2413 .header__notifs_actived { 2414 .header__notifs_actived {
2414 padding-right: 12px; 2415 padding-right: 12px;
2415 } 2416 }
2416 } 2417 }
2417 .header__notifs_actived:after { 2418 .header__notifs_actived:after {
2418 content: ""; 2419 content: "";
2419 border: 1px solid #fff; 2420 border: 1px solid #fff;
2420 background: #377d87; 2421 background: #377d87;
2421 border-radius: 999px; 2422 border-radius: 999px;
2422 width: 10px; 2423 width: 10px;
2423 height: 10px; 2424 height: 10px;
2424 position: absolute; 2425 position: absolute;
2425 z-index: 1; 2426 z-index: 1;
2426 top: 0; 2427 top: 0;
2427 right: 0; 2428 right: 0;
2428 } 2429 }
2429 @media (min-width: 992px) { 2430 @media (min-width: 992px) {
2430 .header__notifs_actived:after { 2431 .header__notifs_actived:after {
2431 width: 8px; 2432 width: 8px;
2432 height: 8px; 2433 height: 8px;
2433 border: none; 2434 border: none;
2434 } 2435 }
2435 } 2436 }
2436 .header__burger { 2437 .header__burger {
2437 display: -webkit-box; 2438 display: -webkit-box;
2438 display: -ms-flexbox; 2439 display: -ms-flexbox;
2439 display: flex; 2440 display: flex;
2440 -webkit-box-align: center; 2441 -webkit-box-align: center;
2441 -ms-flex-align: center; 2442 -ms-flex-align: center;
2442 align-items: center; 2443 align-items: center;
2443 -webkit-box-pack: center; 2444 -webkit-box-pack: center;
2444 -ms-flex-pack: center; 2445 -ms-flex-pack: center;
2445 justify-content: center; 2446 justify-content: center;
2446 width: 24px; 2447 width: 24px;
2447 height: 24px; 2448 height: 24px;
2448 color: #377d87; 2449 color: #377d87;
2449 padding: 0; 2450 padding: 0;
2450 border: none; 2451 border: none;
2451 background: none; 2452 background: none;
2452 } 2453 }
2453 @media (min-width: 992px) { 2454 @media (min-width: 992px) {
2454 .header__burger { 2455 .header__burger {
2455 display: none; 2456 display: none;
2456 } 2457 }
2457 } 2458 }
2458 .header__burger svg { 2459 .header__burger svg {
2459 width: 20px; 2460 width: 20px;
2460 height: 20px; 2461 height: 20px;
2461 } 2462 }
2462 .header__burger svg + svg { 2463 .header__burger svg + svg {
2463 display: none; 2464 display: none;
2464 } 2465 }
2465 .header__sign { 2466 .header__sign {
2466 display: none; 2467 display: none;
2467 } 2468 }
2468 @media (min-width: 992px) { 2469 @media (min-width: 992px) {
2469 .header__sign { 2470 .header__sign {
2470 display: -webkit-box; 2471 display: -webkit-box;
2471 display: -ms-flexbox; 2472 display: -ms-flexbox;
2472 display: flex; 2473 display: flex;
2473 } 2474 }
2474 } 2475 }
2475 2476
2476 .mob-menu { 2477 .mob-menu {
2477 display: none; 2478 display: none;
2478 position: fixed; 2479 position: fixed;
2479 bottom: 0; 2480 bottom: 0;
2480 left: 0; 2481 left: 0;
2481 width: 100vw; 2482 width: 100vw;
2482 height: calc(100vh - 42px); 2483 height: calc(100vh - 42px);
2483 z-index: 4; 2484 z-index: 4;
2484 background: #fff; 2485 background: #fff;
2485 overflow: hidden; 2486 overflow: hidden;
2486 overflow-y: auto; 2487 overflow-y: auto;
2487 padding: 50px 0; 2488 padding: 50px 0;
2488 } 2489 }
2489 .mob-menu__bottom { 2490 .mob-menu__bottom {
2490 display: -webkit-box; 2491 display: -webkit-box;
2491 display: -ms-flexbox; 2492 display: -ms-flexbox;
2492 display: flex; 2493 display: flex;
2493 -webkit-box-orient: vertical; 2494 -webkit-box-orient: vertical;
2494 -webkit-box-direction: normal; 2495 -webkit-box-direction: normal;
2495 -ms-flex-direction: column; 2496 -ms-flex-direction: column;
2496 flex-direction: column; 2497 flex-direction: column;
2497 -webkit-box-align: center; 2498 -webkit-box-align: center;
2498 -ms-flex-align: center; 2499 -ms-flex-align: center;
2499 align-items: center; 2500 align-items: center;
2500 margin-top: 80px; 2501 margin-top: 80px;
2501 } 2502 }
2502 .mob-menu__bottom .button { 2503 .mob-menu__bottom .button {
2503 min-width: 120px; 2504 min-width: 120px;
2504 } 2505 }
2505 .mob-menu__bottom-link { 2506 .mob-menu__bottom-link {
2506 text-decoration: underline; 2507 text-decoration: underline;
2507 margin-top: 50px; 2508 margin-top: 50px;
2508 } 2509 }
2509 .mob-menu__bottom-link:hover { 2510 .mob-menu__bottom-link:hover {
2510 color: #377d87; 2511 color: #377d87;
2511 } 2512 }
2512 .mob-menu__bottom-link + .mob-menu__bottom-link { 2513 .mob-menu__bottom-link + .mob-menu__bottom-link {
2513 margin-top: 10px; 2514 margin-top: 10px;
2514 } 2515 }
2515 .mob-menu__bottom .socials { 2516 .mob-menu__bottom .socials {
2516 margin-top: 35px; 2517 margin-top: 35px;
2517 } 2518 }
2518 .mob-menu .footer__mobile-menu { 2519 .mob-menu .footer__mobile-menu {
2519 opacity: 1; 2520 opacity: 1;
2520 height: auto; 2521 height: auto;
2521 overflow: visible; 2522 overflow: visible;
2522 } 2523 }
2523 .mob-menu .footer__mobile-menu-item button { 2524 .mob-menu .footer__mobile-menu-item button {
2524 -webkit-box-align: center; 2525 -webkit-box-align: center;
2525 -ms-flex-align: center; 2526 -ms-flex-align: center;
2526 align-items: center; 2527 align-items: center;
2527 } 2528 }
2528 .mob-menu .footer__mobile-menu-item div { 2529 .mob-menu .footer__mobile-menu-item div {
2529 font-size: 20px; 2530 font-size: 20px;
2530 } 2531 }
2531 .mob-menu .footer__mobile-contacts a { 2532 .mob-menu .footer__mobile-contacts a {
2532 font-size: 20px; 2533 font-size: 20px;
2533 font-weight: 700; 2534 font-weight: 700;
2534 color: #000; 2535 color: #000;
2535 text-decoration: none; 2536 text-decoration: none;
2536 } 2537 }
2537 .mob-menu .footer__mobile-contacts a:hover { 2538 .mob-menu .footer__mobile-contacts a:hover {
2538 color: #377d87; 2539 color: #377d87;
2539 } 2540 }
2540 .mob-menu .footer__mobile-menu-item button b, 2541 .mob-menu .footer__mobile-menu-item button b,
2541 .mob-menu .footer__mobile-contacts a { 2542 .mob-menu .footer__mobile-contacts a {
2542 font-size: 30px; 2543 font-size: 30px;
2543 } 2544 }
2544 2545
2545 .menu-is-actived { 2546 .menu-is-actived {
2546 overflow: hidden; 2547 overflow: hidden;
2547 } 2548 }
2548 @media (min-width: 992px) { 2549 @media (min-width: 992px) {
2549 .menu-is-actived { 2550 .menu-is-actived {
2550 overflow: auto; 2551 overflow: auto;
2551 } 2552 }
2552 } 2553 }
2553 .menu-is-actived .header__burger svg { 2554 .menu-is-actived .header__burger svg {
2554 display: none; 2555 display: none;
2555 } 2556 }
2556 .menu-is-actived .header__burger svg + svg { 2557 .menu-is-actived .header__burger svg + svg {
2557 display: block; 2558 display: block;
2558 } 2559 }
2559 .menu-is-actived .mob-menu { 2560 .menu-is-actived .mob-menu {
2560 display: block; 2561 display: block;
2561 } 2562 }
2562 @media (min-width: 992px) { 2563 @media (min-width: 992px) {
2563 .menu-is-actived .mob-menu { 2564 .menu-is-actived .mob-menu {
2564 display: none; 2565 display: none;
2565 } 2566 }
2566 } 2567 }
2567 2568
2568 .footer { 2569 .footer {
2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2570 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2571 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2571 background: #fff; 2572 background: #fff;
2572 position: relative; 2573 position: relative;
2573 z-index: 1; 2574 z-index: 1;
2574 overflow: hidden; 2575 overflow: hidden;
2575 } 2576 }
2576 .footer__mobile { 2577 .footer__mobile {
2577 display: -webkit-box; 2578 display: -webkit-box;
2578 display: -ms-flexbox; 2579 display: -ms-flexbox;
2579 display: flex; 2580 display: flex;
2580 -webkit-box-orient: vertical; 2581 -webkit-box-orient: vertical;
2581 -webkit-box-direction: normal; 2582 -webkit-box-direction: normal;
2582 -ms-flex-direction: column; 2583 -ms-flex-direction: column;
2583 flex-direction: column; 2584 flex-direction: column;
2584 padding: 25px 0 30px 0; 2585 padding: 25px 0 30px 0;
2585 } 2586 }
2586 @media (min-width: 768px) { 2587 @media (min-width: 768px) {
2587 .footer__mobile { 2588 .footer__mobile {
2588 padding: 30px 0; 2589 padding: 30px 0;
2589 } 2590 }
2590 } 2591 }
2591 @media (min-width: 992px) { 2592 @media (min-width: 992px) {
2592 .footer__mobile { 2593 .footer__mobile {
2593 display: none; 2594 display: none;
2594 } 2595 }
2595 } 2596 }
2596 .footer__mobile-toper { 2597 .footer__mobile-toper {
2597 display: -webkit-box; 2598 display: -webkit-box;
2598 display: -ms-flexbox; 2599 display: -ms-flexbox;
2599 display: flex; 2600 display: flex;
2600 -webkit-box-pack: justify; 2601 -webkit-box-pack: justify;
2601 -ms-flex-pack: justify; 2602 -ms-flex-pack: justify;
2602 justify-content: space-between; 2603 justify-content: space-between;
2603 -webkit-box-align: center; 2604 -webkit-box-align: center;
2604 -ms-flex-align: center; 2605 -ms-flex-align: center;
2605 align-items: center; 2606 align-items: center;
2606 padding: 0; 2607 padding: 0;
2607 border: none; 2608 border: none;
2608 background: none; 2609 background: none;
2609 } 2610 }
2610 .footer__mobile-toper a, 2611 .footer__mobile-toper a,
2611 .footer__mobile-toper b { 2612 .footer__mobile-toper b {
2612 display: -webkit-box; 2613 display: -webkit-box;
2613 display: -ms-flexbox; 2614 display: -ms-flexbox;
2614 display: flex; 2615 display: flex;
2615 -webkit-box-pack: center; 2616 -webkit-box-pack: center;
2616 -ms-flex-pack: center; 2617 -ms-flex-pack: center;
2617 justify-content: center; 2618 justify-content: center;
2618 -webkit-box-align: center; 2619 -webkit-box-align: center;
2619 -ms-flex-align: center; 2620 -ms-flex-align: center;
2620 align-items: center; 2621 align-items: center;
2621 color: #377d87; 2622 color: #377d87;
2622 } 2623 }
2623 .footer__mobile-toper a svg, 2624 .footer__mobile-toper a svg,
2624 .footer__mobile-toper b svg { 2625 .footer__mobile-toper b svg {
2625 width: 137px; 2626 width: 137px;
2626 height: 40px; 2627 height: 40px;
2627 } 2628 }
2628 .footer__mobile-toper span { 2629 .footer__mobile-toper span {
2629 width: 40px; 2630 width: 40px;
2630 height: 40px; 2631 height: 40px;
2631 display: -webkit-box; 2632 display: -webkit-box;
2632 display: -ms-flexbox; 2633 display: -ms-flexbox;
2633 display: flex; 2634 display: flex;
2634 -webkit-box-pack: center; 2635 -webkit-box-pack: center;
2635 -ms-flex-pack: center; 2636 -ms-flex-pack: center;
2636 justify-content: center; 2637 justify-content: center;
2637 -webkit-box-align: center; 2638 -webkit-box-align: center;
2638 -ms-flex-align: center; 2639 -ms-flex-align: center;
2639 align-items: center; 2640 align-items: center;
2640 background: #377d87; 2641 background: #377d87;
2641 color: #fff; 2642 color: #fff;
2642 border-radius: 999px; 2643 border-radius: 999px;
2643 } 2644 }
2644 .footer__mobile-toper span svg { 2645 .footer__mobile-toper span svg {
2645 width: 10px; 2646 width: 10px;
2646 height: 10px; 2647 height: 10px;
2647 -webkit-transition: 0.3s; 2648 -webkit-transition: 0.3s;
2648 transition: 0.3s; 2649 transition: 0.3s;
2649 } 2650 }
2650 .footer__mobile-toper.active span svg { 2651 .footer__mobile-toper.active span svg {
2651 -webkit-transform: rotate(180deg); 2652 -webkit-transform: rotate(180deg);
2652 -ms-transform: rotate(180deg); 2653 -ms-transform: rotate(180deg);
2653 transform: rotate(180deg); 2654 transform: rotate(180deg);
2654 } 2655 }
2655 .footer__mobile-menu { 2656 .footer__mobile-menu {
2656 height: 0; 2657 height: 0;
2657 opacity: 0; 2658 opacity: 0;
2658 overflow: hidden; 2659 overflow: hidden;
2659 -webkit-transition: 0.3s; 2660 -webkit-transition: 0.3s;
2660 transition: 0.3s; 2661 transition: 0.3s;
2661 display: -webkit-box; 2662 display: -webkit-box;
2662 display: -ms-flexbox; 2663 display: -ms-flexbox;
2663 display: flex; 2664 display: flex;
2664 -webkit-box-orient: vertical; 2665 -webkit-box-orient: vertical;
2665 -webkit-box-direction: normal; 2666 -webkit-box-direction: normal;
2666 -ms-flex-direction: column; 2667 -ms-flex-direction: column;
2667 flex-direction: column; 2668 flex-direction: column;
2668 gap: 30px; 2669 gap: 30px;
2669 } 2670 }
2670 @media (min-width: 768px) { 2671 @media (min-width: 768px) {
2671 .footer__mobile-menu { 2672 .footer__mobile-menu {
2672 display: grid; 2673 display: grid;
2673 grid-template-columns: 1fr 1fr; 2674 grid-template-columns: 1fr 1fr;
2674 gap: 100px; 2675 gap: 100px;
2675 } 2676 }
2676 } 2677 }
2677 .footer__mobile-menu-item { 2678 .footer__mobile-menu-item {
2678 display: -webkit-box; 2679 display: -webkit-box;
2679 display: -ms-flexbox; 2680 display: -ms-flexbox;
2680 display: flex; 2681 display: flex;
2681 -webkit-box-orient: vertical; 2682 -webkit-box-orient: vertical;
2682 -webkit-box-direction: normal; 2683 -webkit-box-direction: normal;
2683 -ms-flex-direction: column; 2684 -ms-flex-direction: column;
2684 flex-direction: column; 2685 flex-direction: column;
2685 } 2686 }
2686 .footer__mobile-menu-item button { 2687 .footer__mobile-menu-item button {
2687 display: -webkit-box; 2688 display: -webkit-box;
2688 display: -ms-flexbox; 2689 display: -ms-flexbox;
2689 display: flex; 2690 display: flex;
2690 -webkit-box-align: start; 2691 -webkit-box-align: start;
2691 -ms-flex-align: start; 2692 -ms-flex-align: start;
2692 align-items: flex-start; 2693 align-items: flex-start;
2693 padding: 0; 2694 padding: 0;
2694 border: none; 2695 border: none;
2695 background: none; 2696 background: none;
2696 } 2697 }
2697 .footer__mobile-menu-item button.active { 2698 .footer__mobile-menu-item button.active {
2698 color: #377d87; 2699 color: #377d87;
2699 } 2700 }
2700 .footer__mobile-menu-item button b { 2701 .footer__mobile-menu-item button b {
2701 width: calc(100% - 24px); 2702 width: calc(100% - 24px);
2702 padding-right: 12px; 2703 padding-right: 12px;
2703 min-height: 24px; 2704 min-height: 24px;
2704 display: -webkit-box; 2705 display: -webkit-box;
2705 display: -ms-flexbox; 2706 display: -ms-flexbox;
2706 display: flex; 2707 display: flex;
2707 -webkit-box-align: center; 2708 -webkit-box-align: center;
2708 -ms-flex-align: center; 2709 -ms-flex-align: center;
2709 align-items: center; 2710 align-items: center;
2710 font-size: 20px; 2711 font-size: 20px;
2711 font-weight: 700; 2712 font-weight: 700;
2712 } 2713 }
2713 .footer__mobile-menu-item button span { 2714 .footer__mobile-menu-item button span {
2714 width: 24px; 2715 width: 24px;
2715 height: 24px; 2716 height: 24px;
2716 display: -webkit-box; 2717 display: -webkit-box;
2717 display: -ms-flexbox; 2718 display: -ms-flexbox;
2718 display: flex; 2719 display: flex;
2719 -webkit-box-pack: center; 2720 -webkit-box-pack: center;
2720 -ms-flex-pack: center; 2721 -ms-flex-pack: center;
2721 justify-content: center; 2722 justify-content: center;
2722 -webkit-box-align: center; 2723 -webkit-box-align: center;
2723 -ms-flex-align: center; 2724 -ms-flex-align: center;
2724 align-items: center; 2725 align-items: center;
2725 padding: 0; 2726 padding: 0;
2726 border: none; 2727 border: none;
2727 background: none; 2728 background: none;
2728 } 2729 }
2729 .footer__mobile-menu-item button svg { 2730 .footer__mobile-menu-item button svg {
2730 width: 12px; 2731 width: 12px;
2731 height: 12px; 2732 height: 12px;
2732 -webkit-transition: 0.3s; 2733 -webkit-transition: 0.3s;
2733 transition: 0.3s; 2734 transition: 0.3s;
2734 -webkit-transform: rotate(180deg); 2735 -webkit-transform: rotate(180deg);
2735 -ms-transform: rotate(180deg); 2736 -ms-transform: rotate(180deg);
2736 transform: rotate(180deg); 2737 transform: rotate(180deg);
2737 } 2738 }
2738 .footer__mobile-menu-item button.active svg { 2739 .footer__mobile-menu-item button.active svg {
2739 -webkit-transform: rotate(0deg); 2740 -webkit-transform: rotate(0deg);
2740 -ms-transform: rotate(0deg); 2741 -ms-transform: rotate(0deg);
2741 transform: rotate(0deg); 2742 transform: rotate(0deg);
2742 } 2743 }
2743 .footer__mobile-menu-item div { 2744 .footer__mobile-menu-item div {
2744 height: 0; 2745 height: 0;
2745 opacity: 0; 2746 opacity: 0;
2746 overflow: hidden; 2747 overflow: hidden;
2747 -webkit-transition: 0.3s; 2748 -webkit-transition: 0.3s;
2748 transition: 0.3s; 2749 transition: 0.3s;
2749 display: -webkit-box; 2750 display: -webkit-box;
2750 display: -ms-flexbox; 2751 display: -ms-flexbox;
2751 display: flex; 2752 display: flex;
2752 -webkit-box-orient: vertical; 2753 -webkit-box-orient: vertical;
2753 -webkit-box-direction: normal; 2754 -webkit-box-direction: normal;
2754 -ms-flex-direction: column; 2755 -ms-flex-direction: column;
2755 flex-direction: column; 2756 flex-direction: column;
2756 gap: 15px; 2757 gap: 15px;
2757 } 2758 }
2758 .footer__mobile-menu-item div a:hover { 2759 .footer__mobile-menu-item div a:hover {
2759 color: #377d87; 2760 color: #377d87;
2760 } 2761 }
2761 .footer__mobile-menu-item .active + div { 2762 .footer__mobile-menu-item .active + div {
2762 opacity: 1; 2763 opacity: 1;
2763 height: auto; 2764 height: auto;
2764 overflow: visible; 2765 overflow: visible;
2765 padding-top: 15px; 2766 padding-top: 15px;
2766 } 2767 }
2767 .active + .footer__mobile-menu { 2768 .active + .footer__mobile-menu {
2768 opacity: 1; 2769 opacity: 1;
2769 height: auto; 2770 height: auto;
2770 overflow: visible; 2771 overflow: visible;
2771 padding-top: 35px; 2772 padding-top: 35px;
2772 } 2773 }
2773 .footer__mobile-contacts { 2774 .footer__mobile-contacts {
2774 display: -webkit-box; 2775 display: -webkit-box;
2775 display: -ms-flexbox; 2776 display: -ms-flexbox;
2776 display: flex; 2777 display: flex;
2777 -webkit-box-pack: justify; 2778 -webkit-box-pack: justify;
2778 -ms-flex-pack: justify; 2779 -ms-flex-pack: justify;
2779 justify-content: space-between; 2780 justify-content: space-between;
2780 -webkit-box-align: start; 2781 -webkit-box-align: start;
2781 -ms-flex-align: start; 2782 -ms-flex-align: start;
2782 align-items: flex-start; 2783 align-items: flex-start;
2783 -ms-flex-wrap: wrap; 2784 -ms-flex-wrap: wrap;
2784 flex-wrap: wrap; 2785 flex-wrap: wrap;
2785 margin-top: 30px; 2786 margin-top: 30px;
2786 } 2787 }
2787 .footer__mobile-contacts b { 2788 .footer__mobile-contacts b {
2788 font-size: 20px; 2789 font-size: 20px;
2789 font-weight: 700; 2790 font-weight: 700;
2790 width: 100%; 2791 width: 100%;
2791 margin-bottom: 20px; 2792 margin-bottom: 20px;
2792 } 2793 }
2793 .footer__mobile-contacts a { 2794 .footer__mobile-contacts a {
2794 color: #377d87; 2795 color: #377d87;
2795 text-decoration: underline; 2796 text-decoration: underline;
2796 } 2797 }
2797 .footer__mobile-contacts a + a { 2798 .footer__mobile-contacts a + a {
2798 color: #000; 2799 color: #000;
2799 } 2800 }
2800 .footer__mobile-bottom { 2801 .footer__mobile-bottom {
2801 display: -webkit-box; 2802 display: -webkit-box;
2802 display: -ms-flexbox; 2803 display: -ms-flexbox;
2803 display: flex; 2804 display: flex;
2804 -webkit-box-orient: vertical; 2805 -webkit-box-orient: vertical;
2805 -webkit-box-direction: normal; 2806 -webkit-box-direction: normal;
2806 -ms-flex-direction: column; 2807 -ms-flex-direction: column;
2807 flex-direction: column; 2808 flex-direction: column;
2808 -webkit-box-align: center; 2809 -webkit-box-align: center;
2809 -ms-flex-align: center; 2810 -ms-flex-align: center;
2810 align-items: center; 2811 align-items: center;
2811 text-align: center; 2812 text-align: center;
2812 gap: 20px; 2813 gap: 20px;
2813 margin-top: 100px; 2814 margin-top: 100px;
2814 } 2815 }
2815 .footer__mobile-links { 2816 .footer__mobile-links {
2816 display: -webkit-box; 2817 display: -webkit-box;
2817 display: -ms-flexbox; 2818 display: -ms-flexbox;
2818 display: flex; 2819 display: flex;
2819 -webkit-box-orient: vertical; 2820 -webkit-box-orient: vertical;
2820 -webkit-box-direction: normal; 2821 -webkit-box-direction: normal;
2821 -ms-flex-direction: column; 2822 -ms-flex-direction: column;
2822 flex-direction: column; 2823 flex-direction: column;
2823 -webkit-box-align: center; 2824 -webkit-box-align: center;
2824 -ms-flex-align: center; 2825 -ms-flex-align: center;
2825 align-items: center; 2826 align-items: center;
2826 gap: 10px; 2827 gap: 10px;
2827 } 2828 }
2828 .footer__mobile-links a:hover { 2829 .footer__mobile-links a:hover {
2829 color: #377d87; 2830 color: #377d87;
2830 } 2831 }
2831 .footer__mobile-links span { 2832 .footer__mobile-links span {
2832 width: 60px; 2833 width: 60px;
2833 height: 1px; 2834 height: 1px;
2834 background: #377d87; 2835 background: #377d87;
2835 } 2836 }
2836 .footer__main { 2837 .footer__main {
2837 display: none; 2838 display: none;
2838 padding: 55px 0 20px 0; 2839 padding: 55px 0 20px 0;
2839 -webkit-box-orient: vertical; 2840 -webkit-box-orient: vertical;
2840 -webkit-box-direction: normal; 2841 -webkit-box-direction: normal;
2841 -ms-flex-direction: column; 2842 -ms-flex-direction: column;
2842 flex-direction: column; 2843 flex-direction: column;
2843 gap: 70px; 2844 gap: 70px;
2844 } 2845 }
2845 @media (min-width: 992px) { 2846 @media (min-width: 992px) {
2846 .footer__main { 2847 .footer__main {
2847 display: -webkit-box; 2848 display: -webkit-box;
2848 display: -ms-flexbox; 2849 display: -ms-flexbox;
2849 display: flex; 2850 display: flex;
2850 } 2851 }
2851 } 2852 }
2852 .footer__main-body { 2853 .footer__main-body {
2853 display: -webkit-box; 2854 display: -webkit-box;
2854 display: -ms-flexbox; 2855 display: -ms-flexbox;
2855 display: flex; 2856 display: flex;
2856 -webkit-box-pack: justify; 2857 -webkit-box-pack: justify;
2857 -ms-flex-pack: justify; 2858 -ms-flex-pack: justify;
2858 justify-content: space-between; 2859 justify-content: space-between;
2859 -webkit-box-align: start; 2860 -webkit-box-align: start;
2860 -ms-flex-align: start; 2861 -ms-flex-align: start;
2861 align-items: flex-start; 2862 align-items: flex-start;
2862 } 2863 }
2863 .footer__main-logo { 2864 .footer__main-logo {
2864 display: -webkit-box; 2865 display: -webkit-box;
2865 display: -ms-flexbox; 2866 display: -ms-flexbox;
2866 display: flex; 2867 display: flex;
2867 -webkit-box-pack: center; 2868 -webkit-box-pack: center;
2868 -ms-flex-pack: center; 2869 -ms-flex-pack: center;
2869 justify-content: center; 2870 justify-content: center;
2870 -webkit-box-align: center; 2871 -webkit-box-align: center;
2871 -ms-flex-align: center; 2872 -ms-flex-align: center;
2872 align-items: center; 2873 align-items: center;
2873 color: #377d87; 2874 color: #377d87;
2874 } 2875 }
2875 .footer__main-logo svg { 2876 .footer__main-logo svg {
2876 width: 182px; 2877 width: 182px;
2877 height: 54px; 2878 height: 54px;
2878 } 2879 }
2879 .footer__main-title { 2880 .footer__main-title {
2880 font-size: 20px; 2881 font-size: 20px;
2881 font-weight: 700; 2882 font-weight: 700;
2882 margin-bottom: 16px; 2883 margin-bottom: 16px;
2883 } 2884 }
2884 .footer__main-col { 2885 .footer__main-col {
2885 display: -webkit-box; 2886 display: -webkit-box;
2886 display: -ms-flexbox; 2887 display: -ms-flexbox;
2887 display: flex; 2888 display: flex;
2888 -webkit-box-orient: vertical; 2889 -webkit-box-orient: vertical;
2889 -webkit-box-direction: normal; 2890 -webkit-box-direction: normal;
2890 -ms-flex-direction: column; 2891 -ms-flex-direction: column;
2891 flex-direction: column; 2892 flex-direction: column;
2892 -webkit-box-align: start; 2893 -webkit-box-align: start;
2893 -ms-flex-align: start; 2894 -ms-flex-align: start;
2894 align-items: flex-start; 2895 align-items: flex-start;
2895 } 2896 }
2896 .footer__main-col nav { 2897 .footer__main-col nav {
2897 display: -webkit-box; 2898 display: -webkit-box;
2898 display: -ms-flexbox; 2899 display: -ms-flexbox;
2899 display: flex; 2900 display: flex;
2900 -webkit-box-orient: vertical; 2901 -webkit-box-orient: vertical;
2901 -webkit-box-direction: normal; 2902 -webkit-box-direction: normal;
2902 -ms-flex-direction: column; 2903 -ms-flex-direction: column;
2903 flex-direction: column; 2904 flex-direction: column;
2904 -webkit-box-align: start; 2905 -webkit-box-align: start;
2905 -ms-flex-align: start; 2906 -ms-flex-align: start;
2906 align-items: flex-start; 2907 align-items: flex-start;
2907 gap: 8px; 2908 gap: 8px;
2908 } 2909 }
2909 .footer__main-col nav a:hover { 2910 .footer__main-col nav a:hover {
2910 color: #377d87; 2911 color: #377d87;
2911 } 2912 }
2912 .footer__main-contacts { 2913 .footer__main-contacts {
2913 display: -webkit-box; 2914 display: -webkit-box;
2914 display: -ms-flexbox; 2915 display: -ms-flexbox;
2915 display: flex; 2916 display: flex;
2916 -webkit-box-orient: vertical; 2917 -webkit-box-orient: vertical;
2917 -webkit-box-direction: normal; 2918 -webkit-box-direction: normal;
2918 -ms-flex-direction: column; 2919 -ms-flex-direction: column;
2919 flex-direction: column; 2920 flex-direction: column;
2920 -webkit-box-align: start; 2921 -webkit-box-align: start;
2921 -ms-flex-align: start; 2922 -ms-flex-align: start;
2922 align-items: flex-start; 2923 align-items: flex-start;
2923 gap: 16px; 2924 gap: 16px;
2924 margin-bottom: 16px; 2925 margin-bottom: 16px;
2925 } 2926 }
2926 .footer__main-contacts a { 2927 .footer__main-contacts a {
2927 color: #377d87; 2928 color: #377d87;
2928 text-decoration: underline; 2929 text-decoration: underline;
2929 } 2930 }
2930 .footer__main-contacts a + a { 2931 .footer__main-contacts a + a {
2931 color: #000; 2932 color: #000;
2932 } 2933 }
2933 .footer__main-copy { 2934 .footer__main-copy {
2934 display: -webkit-box; 2935 display: -webkit-box;
2935 display: -ms-flexbox; 2936 display: -ms-flexbox;
2936 display: flex; 2937 display: flex;
2937 -webkit-box-pack: justify; 2938 -webkit-box-pack: justify;
2938 -ms-flex-pack: justify; 2939 -ms-flex-pack: justify;
2939 justify-content: space-between; 2940 justify-content: space-between;
2940 -webkit-box-align: center; 2941 -webkit-box-align: center;
2941 -ms-flex-align: center; 2942 -ms-flex-align: center;
2942 align-items: center; 2943 align-items: center;
2943 font-size: 14px; 2944 font-size: 14px;
2944 line-height: 1.4; 2945 line-height: 1.4;
2945 } 2946 }
2946 .footer__main-copy nav { 2947 .footer__main-copy nav {
2947 display: -webkit-box; 2948 display: -webkit-box;
2948 display: -ms-flexbox; 2949 display: -ms-flexbox;
2949 display: flex; 2950 display: flex;
2950 -webkit-box-align: center; 2951 -webkit-box-align: center;
2951 -ms-flex-align: center; 2952 -ms-flex-align: center;
2952 align-items: center; 2953 align-items: center;
2953 gap: 10px; 2954 gap: 10px;
2954 } 2955 }
2955 .footer__main-copy nav a:hover { 2956 .footer__main-copy nav a:hover {
2956 color: #377d87; 2957 color: #377d87;
2957 } 2958 }
2958 .footer__main-copy nav span { 2959 .footer__main-copy nav span {
2959 width: 1px; 2960 width: 1px;
2960 height: 20px; 2961 height: 20px;
2961 background: #000; 2962 background: #000;
2962 } 2963 }
2963 2964
2964 .main { 2965 .main {
2965 position: relative; 2966 position: relative;
2966 overflow: hidden; 2967 overflow: hidden;
2967 padding: 30px 0; 2968 padding: 30px 0;
2968 } 2969 }
2969 @media (min-width: 768px) { 2970 @media (min-width: 768px) {
2970 .main { 2971 .main {
2971 padding: 40px 0; 2972 padding: 40px 0;
2972 } 2973 }
2973 } 2974 }
2974 @media (min-width: 992px) { 2975 @media (min-width: 992px) {
2975 .main { 2976 .main {
2976 padding: 50px 0; 2977 padding: 50px 0;
2977 } 2978 }
2978 } 2979 }
2979 @media (min-width: 1280px) { 2980 @media (min-width: 1280px) {
2980 .main { 2981 .main {
2981 padding: 60px 0; 2982 padding: 60px 0;
2982 } 2983 }
2983 } 2984 }
2984 .main h2 { 2985 .main h2 {
2985 margin: 0; 2986 margin: 0;
2986 font-weight: 700; 2987 font-weight: 700;
2987 font-size: 30px; 2988 font-size: 30px;
2988 } 2989 }
2989 @media (min-width: 768px) { 2990 @media (min-width: 768px) {
2990 .main h2 { 2991 .main h2 {
2991 font-size: 44px; 2992 font-size: 44px;
2992 } 2993 }
2993 } 2994 }
2994 .main h3 { 2995 .main h3 {
2995 margin: 0; 2996 margin: 0;
2996 font-weight: 700; 2997 font-weight: 700;
2997 font-size: 22px; 2998 font-size: 22px;
2998 } 2999 }
2999 @media (min-width: 768px) { 3000 @media (min-width: 768px) {
3000 .main h3 { 3001 .main h3 {
3001 font-size: 28px; 3002 font-size: 28px;
3002 } 3003 }
3003 } 3004 }
3004 .main p { 3005 .main p {
3005 margin: 0; 3006 margin: 0;
3006 font-size: 14px; 3007 font-size: 14px;
3007 line-height: 1.4; 3008 line-height: 1.4;
3008 } 3009 }
3009 @media (min-width: 768px) { 3010 @media (min-width: 768px) {
3010 .main p { 3011 .main p {
3011 font-size: 18px; 3012 font-size: 18px;
3012 } 3013 }
3013 } 3014 }
3014 .main p a { 3015 .main p a {
3015 color: #4d88d9; 3016 color: #4d88d9;
3016 } 3017 }
3017 .main p a:hover { 3018 .main p a:hover {
3018 color: #377d87; 3019 color: #377d87;
3019 } 3020 }
3020 .main__breadcrumbs { 3021 .main__breadcrumbs {
3021 margin-bottom: 20px; 3022 margin-bottom: 20px;
3022 } 3023 }
3023 @media (min-width: 768px) { 3024 @media (min-width: 768px) {
3024 .main__breadcrumbs { 3025 .main__breadcrumbs {
3025 margin-bottom: 40px; 3026 margin-bottom: 40px;
3026 } 3027 }
3027 } 3028 }
3028 .main__content { 3029 .main__content {
3029 display: -webkit-box; 3030 display: -webkit-box;
3030 display: -ms-flexbox; 3031 display: -ms-flexbox;
3031 display: flex; 3032 display: flex;
3032 -webkit-box-orient: vertical; 3033 -webkit-box-orient: vertical;
3033 -webkit-box-direction: normal; 3034 -webkit-box-direction: normal;
3034 -ms-flex-direction: column; 3035 -ms-flex-direction: column;
3035 flex-direction: column; 3036 flex-direction: column;
3036 gap: 20px; 3037 gap: 20px;
3037 font-size: 14px; 3038 font-size: 14px;
3038 } 3039 }
3039 @media (min-width: 992px) { 3040 @media (min-width: 992px) {
3040 .main__content { 3041 .main__content {
3041 font-size: 18px; 3042 font-size: 18px;
3042 gap: 32px; 3043 gap: 32px;
3043 } 3044 }
3044 } 3045 }
3045 .main__content-item { 3046 .main__content-item {
3046 display: -webkit-box; 3047 display: -webkit-box;
3047 display: -ms-flexbox; 3048 display: -ms-flexbox;
3048 display: flex; 3049 display: flex;
3049 -webkit-box-orient: vertical; 3050 -webkit-box-orient: vertical;
3050 -webkit-box-direction: normal; 3051 -webkit-box-direction: normal;
3051 -ms-flex-direction: column; 3052 -ms-flex-direction: column;
3052 flex-direction: column; 3053 flex-direction: column;
3053 gap: 16px; 3054 gap: 16px;
3054 } 3055 }
3055 .main__content h1, 3056 .main__content h1,
3056 .main__content h2, 3057 .main__content h2,
3057 .main__content h3, 3058 .main__content h3,
3058 .main__content h4, 3059 .main__content h4,
3059 .main__content h5, 3060 .main__content h5,
3060 .main__content h6 { 3061 .main__content h6 {
3061 color: #000; 3062 color: #000;
3062 } 3063 }
3063 .main__content ul, 3064 .main__content ul,
3064 .main__content ol { 3065 .main__content ol {
3065 padding: 0; 3066 padding: 0;
3066 margin: 0; 3067 margin: 0;
3067 padding-left: 20px; 3068 padding-left: 20px;
3068 display: -webkit-box; 3069 display: -webkit-box;
3069 display: -ms-flexbox; 3070 display: -ms-flexbox;
3070 display: flex; 3071 display: flex;
3071 -webkit-box-orient: vertical; 3072 -webkit-box-orient: vertical;
3072 -webkit-box-direction: normal; 3073 -webkit-box-direction: normal;
3073 -ms-flex-direction: column; 3074 -ms-flex-direction: column;
3074 flex-direction: column; 3075 flex-direction: column;
3075 gap: 8px; 3076 gap: 8px;
3076 } 3077 }
3077 @media (min-width: 992px) { 3078 @media (min-width: 992px) {
3078 .main__content ul, 3079 .main__content ul,
3079 .main__content ol { 3080 .main__content ol {
3080 gap: 16px; 3081 gap: 16px;
3081 padding-left: 30px; 3082 padding-left: 30px;
3082 } 3083 }
3083 } 3084 }
3084 .main__content li ul, 3085 .main__content li ul,
3085 .main__content li ol { 3086 .main__content li ol {
3086 margin-top: 8px; 3087 margin-top: 8px;
3087 } 3088 }
3088 @media (min-width: 992px) { 3089 @media (min-width: 992px) {
3089 .main__content li ul, 3090 .main__content li ul,
3090 .main__content li ol { 3091 .main__content li ol {
3091 margin-top: 16px; 3092 margin-top: 16px;
3092 } 3093 }
3093 } 3094 }
3094 .main__content li ul li, 3095 .main__content li ul li,
3095 .main__content li ol li { 3096 .main__content li ol li {
3096 list-style-type: disc; 3097 list-style-type: disc;
3097 } 3098 }
3098 .main__gallery { 3099 .main__gallery {
3099 display: -webkit-box; 3100 display: -webkit-box;
3100 display: -ms-flexbox; 3101 display: -ms-flexbox;
3101 display: flex; 3102 display: flex;
3102 -webkit-box-orient: vertical; 3103 -webkit-box-orient: vertical;
3103 -webkit-box-direction: normal; 3104 -webkit-box-direction: normal;
3104 -ms-flex-direction: column; 3105 -ms-flex-direction: column;
3105 flex-direction: column; 3106 flex-direction: column;
3106 gap: 20px; 3107 gap: 20px;
3107 } 3108 }
3108 @media (min-width: 768px) { 3109 @media (min-width: 768px) {
3109 .main__gallery { 3110 .main__gallery {
3110 display: grid; 3111 display: grid;
3111 grid-template-columns: repeat(2, 1fr); 3112 grid-template-columns: repeat(2, 1fr);
3112 } 3113 }
3113 } 3114 }
3114 @media (min-width: 992px) { 3115 @media (min-width: 992px) {
3115 .main__gallery { 3116 .main__gallery {
3116 grid-template-columns: repeat(3, 1fr); 3117 grid-template-columns: repeat(3, 1fr);
3117 } 3118 }
3118 } 3119 }
3119 .main__gallery-item { 3120 .main__gallery-item {
3120 width: 100%; 3121 width: 100%;
3121 aspect-ratio: 400/224; 3122 aspect-ratio: 400/224;
3122 border-radius: 30px; 3123 border-radius: 30px;
3123 position: relative; 3124 position: relative;
3124 overflow: hidden; 3125 overflow: hidden;
3125 } 3126 }
3126 .main__gallery-item:hover { 3127 .main__gallery-item:hover {
3127 -webkit-filter: brightness(1.1); 3128 -webkit-filter: brightness(1.1);
3128 filter: brightness(1.1); 3129 filter: brightness(1.1);
3129 } 3130 }
3130 .main__gallery-item img { 3131 .main__gallery-item img {
3131 position: absolute; 3132 position: absolute;
3132 top: 0; 3133 top: 0;
3133 left: 0; 3134 left: 0;
3134 width: 100%; 3135 width: 100%;
3135 height: 100%; 3136 height: 100%;
3136 -o-object-fit: cover; 3137 -o-object-fit: cover;
3137 object-fit: cover; 3138 object-fit: cover;
3138 } 3139 }
3139 .main__employers { 3140 .main__employers {
3140 display: -webkit-box; 3141 display: -webkit-box;
3141 display: -ms-flexbox; 3142 display: -ms-flexbox;
3142 display: flex; 3143 display: flex;
3143 -webkit-box-orient: vertical; 3144 -webkit-box-orient: vertical;
3144 -webkit-box-direction: normal; 3145 -webkit-box-direction: normal;
3145 -ms-flex-direction: column; 3146 -ms-flex-direction: column;
3146 flex-direction: column; 3147 flex-direction: column;
3147 gap: 10px; 3148 gap: 10px;
3148 } 3149 }
3149 @media (min-width: 768px) { 3150 @media (min-width: 768px) {
3150 .main__employers { 3151 .main__employers {
3151 gap: 30px; 3152 gap: 30px;
3152 } 3153 }
3153 } 3154 }
3154 .main__employers-body { 3155 .main__employers-body {
3155 display: none; 3156 display: none;
3156 -webkit-box-orient: vertical; 3157 -webkit-box-orient: vertical;
3157 -webkit-box-direction: normal; 3158 -webkit-box-direction: normal;
3158 -ms-flex-direction: column; 3159 -ms-flex-direction: column;
3159 flex-direction: column; 3160 flex-direction: column;
3160 gap: 20px; 3161 gap: 20px;
3161 } 3162 }
3162 @media (min-width: 992px) { 3163 @media (min-width: 992px) {
3163 .main__employers-body { 3164 .main__employers-body {
3164 gap: 30px; 3165 gap: 30px;
3165 } 3166 }
3166 } 3167 }
3167 .main__employers-body.showed { 3168 .main__employers-body.showed {
3168 display: -webkit-box; 3169 display: -webkit-box;
3169 display: -ms-flexbox; 3170 display: -ms-flexbox;
3170 display: flex; 3171 display: flex;
3171 } 3172 }
3172 .main__employers-item { 3173 .main__employers-item {
3173 display: -webkit-box; 3174 display: -webkit-box;
3174 display: -ms-flexbox; 3175 display: -ms-flexbox;
3175 display: flex; 3176 display: flex;
3176 -webkit-box-orient: vertical; 3177 -webkit-box-orient: vertical;
3177 -webkit-box-direction: normal; 3178 -webkit-box-direction: normal;
3178 -ms-flex-direction: column; 3179 -ms-flex-direction: column;
3179 flex-direction: column; 3180 flex-direction: column;
3180 border: 1px solid #cecece; 3181 border: 1px solid #cecece;
3181 border-radius: 8px; 3182 border-radius: 8px;
3182 position: relative; 3183 position: relative;
3183 overflow: hidden; 3184 overflow: hidden;
3184 padding: 10px; 3185 padding: 10px;
3185 padding-top: 50px; 3186 padding-top: 50px;
3186 padding-bottom: 30px; 3187 padding-bottom: 30px;
3187 } 3188 }
3188 @media (min-width: 768px) { 3189 @media (min-width: 768px) {
3189 .main__employers-item { 3190 .main__employers-item {
3190 -webkit-box-orient: horizontal; 3191 -webkit-box-orient: horizontal;
3191 -webkit-box-direction: normal; 3192 -webkit-box-direction: normal;
3192 -ms-flex-direction: row; 3193 -ms-flex-direction: row;
3193 flex-direction: row; 3194 flex-direction: row;
3194 -webkit-box-align: center; 3195 -webkit-box-align: center;
3195 -ms-flex-align: center; 3196 -ms-flex-align: center;
3196 align-items: center; 3197 align-items: center;
3197 -webkit-box-pack: justify; 3198 -webkit-box-pack: justify;
3198 -ms-flex-pack: justify; 3199 -ms-flex-pack: justify;
3199 justify-content: space-between; 3200 justify-content: space-between;
3200 padding: 55px 20px; 3201 padding: 55px 20px;
3201 } 3202 }
3202 } 3203 }
3203 @media (min-width: 1280px) { 3204 @media (min-width: 1280px) {
3204 .main__employers-item { 3205 .main__employers-item {
3205 padding-left: 55px; 3206 padding-left: 55px;
3206 } 3207 }
3207 } 3208 }
3208 .main__employers-item-inner { 3209 .main__employers-item-inner {
3209 display: -webkit-box; 3210 display: -webkit-box;
3210 display: -ms-flexbox; 3211 display: -ms-flexbox;
3211 display: flex; 3212 display: flex;
3212 -webkit-box-orient: vertical; 3213 -webkit-box-orient: vertical;
3213 -webkit-box-direction: normal; 3214 -webkit-box-direction: normal;
3214 -ms-flex-direction: column; 3215 -ms-flex-direction: column;
3215 flex-direction: column; 3216 flex-direction: column;
3216 } 3217 }
3217 @media (min-width: 768px) { 3218 @media (min-width: 768px) {
3218 .main__employers-item-inner { 3219 .main__employers-item-inner {
3219 width: calc(100% - 200px); 3220 width: calc(100% - 200px);
3220 padding-right: 40px; 3221 padding-right: 40px;
3221 } 3222 }
3222 } 3223 }
3223 @media (min-width: 992px) { 3224 @media (min-width: 992px) {
3224 .main__employers-item-inner { 3225 .main__employers-item-inner {
3225 -webkit-box-orient: horizontal; 3226 -webkit-box-orient: horizontal;
3226 -webkit-box-direction: normal; 3227 -webkit-box-direction: normal;
3227 -ms-flex-direction: row; 3228 -ms-flex-direction: row;
3228 flex-direction: row; 3229 flex-direction: row;
3229 -webkit-box-align: center; 3230 -webkit-box-align: center;
3230 -ms-flex-align: center; 3231 -ms-flex-align: center;
3231 align-items: center; 3232 align-items: center;
3232 } 3233 }
3233 } 3234 }
3234 .main__employers-item-pic { 3235 .main__employers-item-pic {
3235 height: 30px; 3236 height: 30px;
3236 position: absolute; 3237 position: absolute;
3237 top: 10px; 3238 top: 10px;
3238 left: 10px; 3239 left: 10px;
3239 } 3240 }
3240 @media (min-width: 768px) { 3241 @media (min-width: 768px) {
3241 .main__employers-item-pic { 3242 .main__employers-item-pic {
3242 position: static; 3243 position: static;
3243 width: 150px; 3244 width: 150px;
3244 height: auto; 3245 height: auto;
3245 max-height: 150px; 3246 max-height: 150px;
3246 -o-object-fit: contain; 3247 -o-object-fit: contain;
3247 object-fit: contain; 3248 object-fit: contain;
3248 } 3249 }
3249 } 3250 }
3250 .main__employers-item-body { 3251 .main__employers-item-body {
3251 font-size: 12px; 3252 font-size: 12px;
3252 display: -webkit-box; 3253 display: -webkit-box;
3253 display: -ms-flexbox; 3254 display: -ms-flexbox;
3254 display: flex; 3255 display: flex;
3255 -webkit-box-orient: vertical; 3256 -webkit-box-orient: vertical;
3256 -webkit-box-direction: normal; 3257 -webkit-box-direction: normal;
3257 -ms-flex-direction: column; 3258 -ms-flex-direction: column;
3258 flex-direction: column; 3259 flex-direction: column;
3259 gap: 10px; 3260 gap: 10px;
3260 } 3261 }
3261 @media (min-width: 768px) { 3262 @media (min-width: 768px) {
3262 .main__employers-item-body { 3263 .main__employers-item-body {
3263 font-size: 16px; 3264 font-size: 16px;
3264 padding-top: 20px; 3265 padding-top: 20px;
3265 } 3266 }
3266 } 3267 }
3267 @media (min-width: 992px) { 3268 @media (min-width: 992px) {
3268 .main__employers-item-body { 3269 .main__employers-item-body {
3269 width: calc(100% - 150px); 3270 width: calc(100% - 150px);
3270 padding: 0; 3271 padding: 0;
3271 padding-left: 40px; 3272 padding-left: 40px;
3272 } 3273 }
3273 } 3274 }
3274 .main__employers-item-body b { 3275 .main__employers-item-body b {
3275 font-weight: 700; 3276 font-weight: 700;
3276 } 3277 }
3277 @media (min-width: 768px) { 3278 @media (min-width: 768px) {
3278 .main__employers-item-body b { 3279 .main__employers-item-body b {
3279 font-size: 20px; 3280 font-size: 20px;
3280 } 3281 }
3281 } 3282 }
3282 .main__employers-item-body i { 3283 .main__employers-item-body i {
3283 font-style: normal; 3284 font-style: normal;
3284 color: #000; 3285 color: #000;
3285 } 3286 }
3286 .main__employers-item-more { 3287 .main__employers-item-more {
3287 position: absolute; 3288 position: absolute;
3288 top: 10px; 3289 top: 10px;
3289 right: 10px; 3290 right: 10px;
3290 } 3291 }
3291 @media (min-width: 768px) { 3292 @media (min-width: 768px) {
3292 .main__employers-item-more { 3293 .main__employers-item-more {
3293 width: 200px; 3294 width: 200px;
3294 padding: 0; 3295 padding: 0;
3295 position: static; 3296 position: static;
3296 } 3297 }
3297 } 3298 }
3298 .main__employers-item-label { 3299 .main__employers-item-label {
3299 background: #4d88d9; 3300 background: #4d88d9;
3300 color: #fff; 3301 color: #fff;
3301 border-radius: 6px; 3302 border-radius: 6px;
3302 width: 100%; 3303 width: 100%;
3303 height: 20px; 3304 height: 20px;
3304 display: -webkit-box; 3305 display: -webkit-box;
3305 display: -ms-flexbox; 3306 display: -ms-flexbox;
3306 display: flex; 3307 display: flex;
3307 -webkit-box-align: center; 3308 -webkit-box-align: center;
3308 -ms-flex-align: center; 3309 -ms-flex-align: center;
3309 align-items: center; 3310 align-items: center;
3310 padding: 0 12px; 3311 padding: 0 12px;
3311 position: absolute; 3312 position: absolute;
3312 bottom: 0; 3313 bottom: 0;
3313 left: 0; 3314 left: 0;
3314 font-size: 12px; 3315 font-size: 12px;
3315 line-height: 1; 3316 line-height: 1;
3316 } 3317 }
3317 @media (min-width: 768px) { 3318 @media (min-width: 768px) {
3318 .main__employers-item-label { 3319 .main__employers-item-label {
3319 max-width: 350px; 3320 max-width: 350px;
3320 height: 30px; 3321 height: 30px;
3321 font-size: 15px; 3322 font-size: 15px;
3322 } 3323 }
3323 } 3324 }
3324 .main__employers-item-label svg { 3325 .main__employers-item-label svg {
3325 width: 8px; 3326 width: 8px;
3326 height: 8px; 3327 height: 8px;
3327 } 3328 }
3328 @media (min-width: 768px) { 3329 @media (min-width: 768px) {
3329 .main__employers-item-label svg { 3330 .main__employers-item-label svg {
3330 width: 12px; 3331 width: 12px;
3331 height: 12px; 3332 height: 12px;
3332 } 3333 }
3333 } 3334 }
3334 .main__employers-item-label span { 3335 .main__employers-item-label span {
3335 overflow: hidden; 3336 overflow: hidden;
3336 display: -webkit-box; 3337 display: -webkit-box;
3337 -webkit-box-orient: vertical; 3338 -webkit-box-orient: vertical;
3338 -webkit-line-clamp: 1; 3339 -webkit-line-clamp: 1;
3339 width: calc(100% - 8px); 3340 width: calc(100% - 8px);
3340 padding-left: 6px; 3341 padding-left: 6px;
3341 } 3342 }
3342 .main__employers-one { 3343 .main__employers-one {
3343 display: -webkit-box; 3344 display: -webkit-box;
3344 display: -ms-flexbox; 3345 display: -ms-flexbox;
3345 display: flex; 3346 display: flex;
3346 -webkit-box-orient: vertical; 3347 -webkit-box-orient: vertical;
3347 -webkit-box-direction: normal; 3348 -webkit-box-direction: normal;
3348 -ms-flex-direction: column; 3349 -ms-flex-direction: column;
3349 flex-direction: column; 3350 flex-direction: column;
3350 gap: 20px; 3351 gap: 20px;
3351 } 3352 }
3352 .main__employers-two { 3353 .main__employers-two {
3353 display: -webkit-box; 3354 display: -webkit-box;
3354 display: -ms-flexbox; 3355 display: -ms-flexbox;
3355 display: flex; 3356 display: flex;
3356 -webkit-box-orient: vertical; 3357 -webkit-box-orient: vertical;
3357 -webkit-box-direction: normal; 3358 -webkit-box-direction: normal;
3358 -ms-flex-direction: column; 3359 -ms-flex-direction: column;
3359 flex-direction: column; 3360 flex-direction: column;
3360 gap: 20px; 3361 gap: 20px;
3361 } 3362 }
3362 @media (min-width: 768px) { 3363 @media (min-width: 768px) {
3363 .main__employers-two { 3364 .main__employers-two {
3364 -webkit-box-orient: horizontal; 3365 -webkit-box-orient: horizontal;
3365 -webkit-box-direction: normal; 3366 -webkit-box-direction: normal;
3366 -ms-flex-direction: row; 3367 -ms-flex-direction: row;
3367 flex-direction: row; 3368 flex-direction: row;
3368 -ms-flex-wrap: wrap; 3369 -ms-flex-wrap: wrap;
3369 flex-wrap: wrap; 3370 flex-wrap: wrap;
3370 -webkit-box-align: start; 3371 -webkit-box-align: start;
3371 -ms-flex-align: start; 3372 -ms-flex-align: start;
3372 align-items: flex-start; 3373 align-items: flex-start;
3373 -webkit-box-pack: justify; 3374 -webkit-box-pack: justify;
3374 -ms-flex-pack: justify; 3375 -ms-flex-pack: justify;
3375 justify-content: space-between; 3376 justify-content: space-between;
3376 gap: 20px 0; 3377 gap: 20px 0;
3377 } 3378 }
3378 } 3379 }
3379 .main__employers-two .main__employers-item { 3380 .main__employers-two .main__employers-item {
3380 width: calc(50% - 10px); 3381 width: calc(50% - 10px);
3381 -webkit-box-orient: vertical; 3382 -webkit-box-orient: vertical;
3382 -webkit-box-direction: normal; 3383 -webkit-box-direction: normal;
3383 -ms-flex-direction: column; 3384 -ms-flex-direction: column;
3384 flex-direction: column; 3385 flex-direction: column;
3385 -webkit-box-align: stretch; 3386 -webkit-box-align: stretch;
3386 -ms-flex-align: stretch; 3387 -ms-flex-align: stretch;
3387 align-items: stretch; 3388 align-items: stretch;
3388 padding-top: 30px; 3389 padding-top: 30px;
3389 } 3390 }
3390 .main__employers-two .main__employers-item-inner { 3391 .main__employers-two .main__employers-item-inner {
3391 width: 100%; 3392 width: 100%;
3392 padding: 0; 3393 padding: 0;
3393 } 3394 }
3394 .main__employers-two .main__employers-item-more { 3395 .main__employers-two .main__employers-item-more {
3395 position: static; 3396 position: static;
3396 margin-top: 20px; 3397 margin-top: 20px;
3397 } 3398 }
3398 @media (min-width: 992px) { 3399 @media (min-width: 992px) {
3399 .main__employers-two .main__employers-item-more { 3400 .main__employers-two .main__employers-item-more {
3400 margin-left: 190px; 3401 margin-left: 190px;
3401 } 3402 }
3402 } 3403 }
3403 .main__employers-two .main__employers-item-label { 3404 .main__employers-two .main__employers-item-label {
3404 max-width: none; 3405 max-width: none;
3405 } 3406 }
3406 .main__employer-page { 3407 .main__employer-page {
3407 display: -webkit-box; 3408 display: -webkit-box;
3408 display: -ms-flexbox; 3409 display: -ms-flexbox;
3409 display: flex; 3410 display: flex;
3410 -webkit-box-orient: vertical; 3411 -webkit-box-orient: vertical;
3411 -webkit-box-direction: normal; 3412 -webkit-box-direction: normal;
3412 -ms-flex-direction: column; 3413 -ms-flex-direction: column;
3413 flex-direction: column; 3414 flex-direction: column;
3414 gap: 20px; 3415 gap: 20px;
3415 } 3416 }
3416 @media (min-width: 768px) { 3417 @media (min-width: 768px) {
3417 .main__employer-page { 3418 .main__employer-page {
3418 gap: 30px; 3419 gap: 30px;
3419 } 3420 }
3420 } 3421 }
3421 .main__employer-page-title { 3422 .main__employer-page-title {
3422 color: #000; 3423 color: #000;
3423 margin: 0; 3424 margin: 0;
3424 font-size: 30px; 3425 font-size: 30px;
3425 } 3426 }
3426 @media (min-width: 768px) { 3427 @media (min-width: 768px) {
3427 .main__employer-page-title { 3428 .main__employer-page-title {
3428 font-size: 36px; 3429 font-size: 36px;
3429 } 3430 }
3430 } 3431 }
3431 @media (min-width: 992px) { 3432 @media (min-width: 992px) {
3432 .main__employer-page-title { 3433 .main__employer-page-title {
3433 font-size: 44px; 3434 font-size: 44px;
3434 } 3435 }
3435 } 3436 }
3436 .main__employer-page-item { 3437 .main__employer-page-item {
3437 display: -webkit-box; 3438 display: -webkit-box;
3438 display: -ms-flexbox; 3439 display: -ms-flexbox;
3439 display: flex; 3440 display: flex;
3440 -webkit-box-orient: vertical; 3441 -webkit-box-orient: vertical;
3441 -webkit-box-direction: normal; 3442 -webkit-box-direction: normal;
3442 -ms-flex-direction: column; 3443 -ms-flex-direction: column;
3443 flex-direction: column; 3444 flex-direction: column;
3444 gap: 4px; 3445 gap: 4px;
3445 font-size: 12px; 3446 font-size: 12px;
3446 line-height: 1.4; 3447 line-height: 1.4;
3447 width: 190px; 3448 width: 190px;
3448 } 3449 }
3449 .main__employer-page-item.main__employer-page-description{ 3450 .main__employer-page-item.main__employer-page-description{
3450 width: unset; 3451 width: unset;
3451 } 3452 }
3452 @media (min-width: 768px) { 3453 @media (min-width: 768px) {
3453 .main__employer-page-item { 3454 .main__employer-page-item {
3454 font-size: 18px; 3455 font-size: 18px;
3455 gap: 8px; 3456 gap: 8px;
3456 } 3457 }
3457 } 3458 }
3458 .main__employer-page-item b { 3459 .main__employer-page-item b {
3459 color: #377d87; 3460 color: #377d87;
3460 font-size: 14px; 3461 font-size: 14px;
3461 } 3462 }
3462 @media (min-width: 768px) { 3463 @media (min-width: 768px) {
3463 .main__employer-page-item b { 3464 .main__employer-page-item b {
3464 font-size: 18px; 3465 font-size: 18px;
3465 } 3466 }
3466 } 3467 }
3467 .main__employer-page-item span { 3468 .main__employer-page-item span {
3468 color: #000; 3469 color: #000;
3469 } 3470 }
3470 .main__employer-page-info { 3471 .main__employer-page-info {
3471 display: -webkit-box; 3472 display: -webkit-box;
3472 display: -ms-flexbox; 3473 display: -ms-flexbox;
3473 display: flex; 3474 display: flex;
3474 -webkit-box-orient: vertical; 3475 -webkit-box-orient: vertical;
3475 -webkit-box-direction: normal; 3476 -webkit-box-direction: normal;
3476 -ms-flex-direction: column; 3477 -ms-flex-direction: column;
3477 flex-direction: column; 3478 flex-direction: column;
3478 gap: 20px; 3479 gap: 20px;
3479 } 3480 }
3480 .main__employer-page-info.row2{ 3481 .main__employer-page-info.row2{
3481 justify-content: flex-start; 3482 justify-content: flex-start;
3482 } 3483 }
3483 .main__employer-page-info.row2 .main__employer-page-item{ 3484 .main__employer-page-info.row2 .main__employer-page-item{
3484 width: 25%; 3485 width: 25%;
3485 } 3486 }
3486 @media (min-width: 768px) { 3487 @media (min-width: 768px) {
3487 .main__employer-page-info { 3488 .main__employer-page-info {
3488 display: grid; 3489 display: grid;
3489 grid-template-columns: repeat(2, 1fr); 3490 grid-template-columns: repeat(2, 1fr);
3490 gap: 30px 40px; 3491 gap: 30px 40px;
3491 } 3492 }
3492 } 3493 }
3493 @media (min-width: 1280px) { 3494 @media (min-width: 1280px) {
3494 .main__employer-page-info { 3495 .main__employer-page-info {
3495 display: -webkit-box; 3496 display: -webkit-box;
3496 display: -ms-flexbox; 3497 display: -ms-flexbox;
3497 display: flex; 3498 display: flex;
3498 -webkit-box-orient: horizontal; 3499 -webkit-box-orient: horizontal;
3499 -webkit-box-direction: normal; 3500 -webkit-box-direction: normal;
3500 -ms-flex-direction: row; 3501 -ms-flex-direction: row;
3501 flex-direction: row; 3502 flex-direction: row;
3502 -webkit-box-align: start; 3503 -webkit-box-align: start;
3503 -ms-flex-align: start; 3504 -ms-flex-align: start;
3504 align-items: flex-start; 3505 align-items: flex-start;
3505 -webkit-box-pack: justify; 3506 -webkit-box-pack: justify;
3506 -ms-flex-pack: justify; 3507 -ms-flex-pack: justify;
3507 justify-content: space-between; 3508 justify-content: space-between;
3508 padding-right: 160px; 3509 padding-right: 160px;
3509 } 3510 }
3510 } 3511 }
3511 @media (min-width: 768px) { 3512 @media (min-width: 768px) {
3512 .main__employer-page-info .main__employer-page-item b, 3513 .main__employer-page-info .main__employer-page-item b,
3513 .main__employer-page-info .main__employer-page-item span { 3514 .main__employer-page-info .main__employer-page-item span {
3514 max-width: 300px; 3515 max-width: 300px;
3515 } 3516 }
3516 } 3517 }
3517 .main__employer-page-tabs { 3518 .main__employer-page-tabs {
3518 display: -webkit-box; 3519 display: -webkit-box;
3519 display: -ms-flexbox; 3520 display: -ms-flexbox;
3520 display: flex; 3521 display: flex;
3521 -webkit-box-align: center; 3522 -webkit-box-align: center;
3522 -ms-flex-align: center; 3523 -ms-flex-align: center;
3523 align-items: center; 3524 align-items: center;
3524 gap: 20px; 3525 gap: 20px;
3525 } 3526 }
3526 @media (min-width: 768px) { 3527 @media (min-width: 768px) {
3527 .main__employer-page-tabs { 3528 .main__employer-page-tabs {
3528 margin-top: 20px; 3529 margin-top: 20px;
3529 } 3530 }
3530 } 3531 }
3531 .main__employer-page-tabs-item { 3532 .main__employer-page-tabs-item {
3532 font-size: 22px; 3533 font-size: 22px;
3533 font-weight: 700; 3534 font-weight: 700;
3534 border: none; 3535 border: none;
3535 background: none; 3536 background: none;
3536 padding: 0; 3537 padding: 0;
3537 color: #9c9d9d; 3538 color: #9c9d9d;
3538 text-decoration: underline; 3539 text-decoration: underline;
3539 text-decoration-thickness: 1px; 3540 text-decoration-thickness: 1px;
3540 } 3541 }
3541 @media (min-width: 768px) { 3542 @media (min-width: 768px) {
3542 .main__employer-page-tabs-item { 3543 .main__employer-page-tabs-item {
3543 font-size: 24px; 3544 font-size: 24px;
3544 } 3545 }
3545 } 3546 }
3546 .main__employer-page-tabs-item.active { 3547 .main__employer-page-tabs-item.active {
3547 color: #377d87; 3548 color: #377d87;
3548 } 3549 }
3549 .main__employer-page-body { 3550 .main__employer-page-body {
3550 display: -webkit-box; 3551 display: -webkit-box;
3551 display: -ms-flexbox; 3552 display: -ms-flexbox;
3552 display: flex; 3553 display: flex;
3553 -webkit-box-orient: vertical; 3554 -webkit-box-orient: vertical;
3554 -webkit-box-direction: normal; 3555 -webkit-box-direction: normal;
3555 -ms-flex-direction: column; 3556 -ms-flex-direction: column;
3556 flex-direction: column; 3557 flex-direction: column;
3557 margin-top: 10px; 3558 margin-top: 10px;
3558 } 3559 }
3559 @media (min-width: 768px) { 3560 @media (min-width: 768px) {
3560 .main__employer-page-body { 3561 .main__employer-page-body {
3561 margin-top: 30px; 3562 margin-top: 30px;
3562 } 3563 }
3563 } 3564 }
3564 .main__employer-page-body-item { 3565 .main__employer-page-body-item {
3565 display: none; 3566 display: none;
3566 -webkit-box-orient: vertical; 3567 -webkit-box-orient: vertical;
3567 -webkit-box-direction: normal; 3568 -webkit-box-direction: normal;
3568 -ms-flex-direction: column; 3569 -ms-flex-direction: column;
3569 flex-direction: column; 3570 flex-direction: column;
3570 gap: 20px; 3571 gap: 20px;
3571 } 3572 }
3572 .main__employer-page-body-item.showed { 3573 .main__employer-page-body-item.showed {
3573 display: -webkit-box; 3574 display: -webkit-box;
3574 display: -ms-flexbox; 3575 display: -ms-flexbox;
3575 display: flex; 3576 display: flex;
3576 } 3577 }
3577 .main__employer-page-one { 3578 .main__employer-page-one {
3578 display: -webkit-box; 3579 display: -webkit-box;
3579 display: -ms-flexbox; 3580 display: -ms-flexbox;
3580 display: flex; 3581 display: flex;
3581 -webkit-box-orient: vertical; 3582 -webkit-box-orient: vertical;
3582 -webkit-box-direction: normal; 3583 -webkit-box-direction: normal;
3583 -ms-flex-direction: column; 3584 -ms-flex-direction: column;
3584 flex-direction: column; 3585 flex-direction: column;
3585 gap: 20px; 3586 gap: 20px;
3586 } 3587 }
3587 @media (min-width: 768px) { 3588 @media (min-width: 768px) {
3588 .main__employer-page-one { 3589 .main__employer-page-one {
3589 display: grid; 3590 display: grid;
3590 grid-template-columns: repeat(2, 1fr); 3591 grid-template-columns: repeat(2, 1fr);
3591 } 3592 }
3592 } 3593 }
3593 @media (min-width: 992px) { 3594 @media (min-width: 992px) {
3594 .main__employer-page-one { 3595 .main__employer-page-one {
3595 grid-template-columns: repeat(3, 1fr); 3596 grid-template-columns: repeat(3, 1fr);
3596 } 3597 }
3597 } 3598 }
3598 @media (min-width: 1280px) { 3599 @media (min-width: 1280px) {
3599 .main__employer-page-one { 3600 .main__employer-page-one {
3600 grid-template-columns: repeat(4, 1fr); 3601 grid-template-columns: repeat(4, 1fr);
3601 gap: 30px 20px; 3602 gap: 30px 20px;
3602 } 3603 }
3603 } 3604 }
3604 .main__employer-page-one-item { 3605 .main__employer-page-one-item {
3605 display: -webkit-box; 3606 display: -webkit-box;
3606 display: -ms-flexbox; 3607 display: -ms-flexbox;
3607 display: flex; 3608 display: flex;
3608 -webkit-box-orient: vertical; 3609 -webkit-box-orient: vertical;
3609 -webkit-box-direction: normal; 3610 -webkit-box-direction: normal;
3610 -ms-flex-direction: column; 3611 -ms-flex-direction: column;
3611 flex-direction: column; 3612 flex-direction: column;
3612 gap: 10px; 3613 gap: 10px;
3613 font-size: 12px; 3614 font-size: 12px;
3614 position: relative; 3615 position: relative;
3615 } 3616 }
3616 @media (min-width: 1280px) { 3617 @media (min-width: 1280px) {
3617 .main__employer-page-one-item { 3618 .main__employer-page-one-item {
3618 font-size: 18px; 3619 font-size: 18px;
3619 } 3620 }
3620 } 3621 }
3621 .main__employer-page-one-item img { 3622 .main__employer-page-one-item img {
3622 border-radius: 10px; 3623 border-radius: 10px;
3623 -o-object-fit: cover; 3624 -o-object-fit: cover;
3624 object-fit: cover; 3625 object-fit: cover;
3625 width: 100%; 3626 width: 100%;
3626 max-height: 250px; 3627 max-height: 250px;
3627 aspect-ratio: 247/174; 3628 aspect-ratio: 247/174;
3628 } 3629 }
3629 @media (min-width: 1280px) { 3630 @media (min-width: 1280px) {
3630 .main__employer-page-one-item img { 3631 .main__employer-page-one-item img {
3631 margin-bottom: 10px; 3632 margin-bottom: 10px;
3632 } 3633 }
3633 } 3634 }
3634 .main__employer-page-one-item b { 3635 .main__employer-page-one-item b {
3635 font-weight: 700; 3636 font-weight: 700;
3636 color: #377d87; 3637 color: #377d87;
3637 } 3638 }
3638 .main__employer-page-one-item span { 3639 .main__employer-page-one-item span {
3639 color: #000; 3640 color: #000;
3640 } 3641 }
3641 .main__employer-page-one-item i { 3642 .main__employer-page-one-item i {
3642 font-style: normal; 3643 font-style: normal;
3643 color: #377d87; 3644 color: #377d87;
3644 } 3645 }
3645 .main__employer-page-one-item .del { 3646 .main__employer-page-one-item .del {
3646 position: absolute; 3647 position: absolute;
3647 z-index: 1; 3648 z-index: 1;
3648 top: 8px; 3649 top: 8px;
3649 left: 8px; 3650 left: 8px;
3650 } 3651 }
3651 .main__employer-page-two { 3652 .main__employer-page-two {
3652 display: -webkit-box; 3653 display: -webkit-box;
3653 display: -ms-flexbox; 3654 display: -ms-flexbox;
3654 display: flex; 3655 display: flex;
3655 -webkit-box-orient: vertical; 3656 -webkit-box-orient: vertical;
3656 -webkit-box-direction: normal; 3657 -webkit-box-direction: normal;
3657 -ms-flex-direction: column; 3658 -ms-flex-direction: column;
3658 flex-direction: column; 3659 flex-direction: column;
3659 -webkit-box-align: center; 3660 -webkit-box-align: center;
3660 -ms-flex-align: center; 3661 -ms-flex-align: center;
3661 align-items: center; 3662 align-items: center;
3662 gap: 20px; 3663 gap: 20px;
3663 } 3664 }
3664 .main__employer-page-two-item { 3665 .main__employer-page-two-item {
3665 width: 100%; 3666 width: 100%;
3666 display: -webkit-box; 3667 display: -webkit-box;
3667 display: -ms-flexbox; 3668 display: -ms-flexbox;
3668 display: flex; 3669 display: flex;
3669 -webkit-box-orient: vertical; 3670 -webkit-box-orient: vertical;
3670 -webkit-box-direction: normal; 3671 -webkit-box-direction: normal;
3671 -ms-flex-direction: column; 3672 -ms-flex-direction: column;
3672 flex-direction: column; 3673 flex-direction: column;
3673 gap: 16px; 3674 gap: 16px;
3674 padding: 20px 10px; 3675 padding: 20px 10px;
3675 border-radius: 12px; 3676 border-radius: 12px;
3676 border: 1px solid #cecece; 3677 border: 1px solid #cecece;
3677 position: relative; 3678 position: relative;
3678 overflow: hidden; 3679 overflow: hidden;
3679 font-size: 12px; 3680 font-size: 12px;
3680 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3681 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3681 } 3682 }
3682 @media (min-width: 768px) { 3683 @media (min-width: 768px) {
3683 .main__employer-page-two-item { 3684 .main__employer-page-two-item {
3684 font-size: 14px; 3685 font-size: 14px;
3685 padding: 20px; 3686 padding: 20px;
3686 gap: 24px; 3687 gap: 24px;
3687 padding-bottom: 35px; 3688 padding-bottom: 35px;
3688 } 3689 }
3689 } 3690 }
3690 @media (min-width: 992px) { 3691 @media (min-width: 992px) {
3691 .main__employer-page-two-item { 3692 .main__employer-page-two-item {
3692 font-size: 16px; 3693 font-size: 16px;
3693 } 3694 }
3694 } 3695 }
3695 @media (min-width: 1280px) { 3696 @media (min-width: 1280px) {
3696 .main__employer-page-two-item { 3697 .main__employer-page-two-item {
3697 font-size: 18px; 3698 font-size: 18px;
3698 } 3699 }
3699 } 3700 }
3700 .main__employer-page-two-item-toper { 3701 .main__employer-page-two-item-toper {
3701 display: -webkit-box; 3702 display: -webkit-box;
3702 display: -ms-flexbox; 3703 display: -ms-flexbox;
3703 display: flex; 3704 display: flex;
3704 -webkit-box-align: center; 3705 -webkit-box-align: center;
3705 -ms-flex-align: center; 3706 -ms-flex-align: center;
3706 align-items: center; 3707 align-items: center;
3707 font-size: 22px; 3708 font-size: 22px;
3708 font-weight: 700; 3709 font-weight: 700;
3709 color: #000; 3710 color: #000;
3710 } 3711 }
3711 @media (min-width: 768px) { 3712 @media (min-width: 768px) {
3712 .main__employer-page-two-item-toper { 3713 .main__employer-page-two-item-toper {
3713 font-size: 30px; 3714 font-size: 30px;
3714 } 3715 }
3715 } 3716 }
3716 .main__employer-page-two-item-toper img { 3717 .main__employer-page-two-item-toper img {
3717 width: 60px; 3718 width: 60px;
3718 aspect-ratio: 1/1; 3719 aspect-ratio: 1/1;
3719 -o-object-fit: contain; 3720 -o-object-fit: contain;
3720 object-fit: contain; 3721 object-fit: contain;
3721 } 3722 }
3722 .main__employer-page-two-item-toper span { 3723 .main__employer-page-two-item-toper span {
3723 width: calc(100% - 60px); 3724 width: calc(100% - 60px);
3724 padding-left: 10px; 3725 padding-left: 10px;
3725 } 3726 }
3726 @media (min-width: 768px) { 3727 @media (min-width: 768px) {
3727 .main__employer-page-two-item-toper span { 3728 .main__employer-page-two-item-toper span {
3728 padding-left: 20px; 3729 padding-left: 20px;
3729 } 3730 }
3730 } 3731 }
3731 .main__employer-page-two-item-title { 3732 .main__employer-page-two-item-title {
3732 font-size: 18px; 3733 font-size: 18px;
3733 font-weight: 700; 3734 font-weight: 700;
3734 color: #377d87; 3735 color: #377d87;
3735 } 3736 }
3736 @media (min-width: 768px) { 3737 @media (min-width: 768px) {
3737 .main__employer-page-two-item-title { 3738 .main__employer-page-two-item-title {
3738 font-size: 24px; 3739 font-size: 24px;
3739 } 3740 }
3740 } 3741 }
3741 .main__employer-page-two-item-text { 3742 .main__employer-page-two-item-text {
3742 display: -webkit-box; 3743 display: -webkit-box;
3743 display: -ms-flexbox; 3744 display: -ms-flexbox;
3744 display: flex; 3745 display: flex;
3745 -webkit-box-orient: vertical; 3746 -webkit-box-orient: vertical;
3746 -webkit-box-direction: normal; 3747 -webkit-box-direction: normal;
3747 -ms-flex-direction: column; 3748 -ms-flex-direction: column;
3748 flex-direction: column; 3749 flex-direction: column;
3749 gap: 10px; 3750 gap: 10px;
3750 } 3751 }
3751 .main__employer-page-two-item-text-name { 3752 .main__employer-page-two-item-text-name {
3752 font-weight: 700; 3753 font-weight: 700;
3753 } 3754 }
3754 .main__employer-page-two-item-text-body { 3755 .main__employer-page-two-item-text-body {
3755 color: #000; 3756 color: #000;
3756 display: -webkit-box; 3757 display: -webkit-box;
3757 display: -ms-flexbox; 3758 display: -ms-flexbox;
3758 display: flex; 3759 display: flex;
3759 -webkit-box-orient: vertical; 3760 -webkit-box-orient: vertical;
3760 -webkit-box-direction: normal; 3761 -webkit-box-direction: normal;
3761 -ms-flex-direction: column; 3762 -ms-flex-direction: column;
3762 flex-direction: column; 3763 flex-direction: column;
3763 gap: 6px; 3764 gap: 6px;
3764 padding: 0 10px; 3765 padding: 0 10px;
3765 } 3766 }
3766 .main__employer-page-two-item-text-body p { 3767 .main__employer-page-two-item-text-body p {
3767 margin: 0; 3768 margin: 0;
3768 } 3769 }
3769 .main__employer-page-two-item-text-body ul { 3770 .main__employer-page-two-item-text-body ul {
3770 margin: 0; 3771 margin: 0;
3771 padding: 0; 3772 padding: 0;
3772 padding-left: 16px; 3773 padding-left: 16px;
3773 display: -webkit-box; 3774 display: -webkit-box;
3774 display: -ms-flexbox; 3775 display: -ms-flexbox;
3775 display: flex; 3776 display: flex;
3776 -webkit-box-orient: vertical; 3777 -webkit-box-orient: vertical;
3777 -webkit-box-direction: normal; 3778 -webkit-box-direction: normal;
3778 -ms-flex-direction: column; 3779 -ms-flex-direction: column;
3779 flex-direction: column; 3780 flex-direction: column;
3780 gap: 6px; 3781 gap: 6px;
3781 } 3782 }
3782 @media (min-width: 768px) { 3783 @media (min-width: 768px) {
3783 .main__employer-page-two-item-text-body ul { 3784 .main__employer-page-two-item-text-body ul {
3784 margin: 0 5px; 3785 margin: 0 5px;
3785 } 3786 }
3786 } 3787 }
3787 .main__employer-page-two-item-text-body ul span, 3788 .main__employer-page-two-item-text-body ul span,
3788 .main__employer-page-two-item-text-body ul a { 3789 .main__employer-page-two-item-text-body ul a {
3789 color: #000; 3790 color: #000;
3790 position: relative; 3791 position: relative;
3791 } 3792 }
3792 .main__employer-page-two-item-text-body ul a:hover { 3793 .main__employer-page-two-item-text-body ul a:hover {
3793 color: #377d87; 3794 color: #377d87;
3794 } 3795 }
3795 .main__employer-page-two-item-text-body p + ul { 3796 .main__employer-page-two-item-text-body p + ul {
3796 margin-top: 10px; 3797 margin-top: 10px;
3797 } 3798 }
3798 .main__employer-page-two-item-text-links { 3799 .main__employer-page-two-item-text-links {
3799 display: -webkit-box; 3800 display: -webkit-box;
3800 display: -ms-flexbox; 3801 display: -ms-flexbox;
3801 display: flex; 3802 display: flex;
3802 -webkit-box-orient: vertical; 3803 -webkit-box-orient: vertical;
3803 -webkit-box-direction: normal; 3804 -webkit-box-direction: normal;
3804 -ms-flex-direction: column; 3805 -ms-flex-direction: column;
3805 flex-direction: column; 3806 flex-direction: column;
3806 -webkit-box-align: start; 3807 -webkit-box-align: start;
3807 -ms-flex-align: start; 3808 -ms-flex-align: start;
3808 align-items: flex-start; 3809 align-items: flex-start;
3809 gap: 10px; 3810 gap: 10px;
3810 padding: 0 10px; 3811 padding: 0 10px;
3811 font-weight: 700; 3812 font-weight: 700;
3812 margin-top: 5px; 3813 margin-top: 5px;
3813 } 3814 }
3814 @media (min-width: 768px) { 3815 @media (min-width: 768px) {
3815 .main__employer-page-two-item-text-links { 3816 .main__employer-page-two-item-text-links {
3816 gap: 20px; 3817 gap: 20px;
3817 } 3818 }
3818 } 3819 }
3819 .main__employer-page-two-item-text-links a { 3820 .main__employer-page-two-item-text-links a {
3820 color: #4d88d9; 3821 color: #4d88d9;
3821 } 3822 }
3822 .main__employer-page-two-item-text-links a:hover { 3823 .main__employer-page-two-item-text-links a:hover {
3823 color: #377d87; 3824 color: #377d87;
3824 } 3825 }
3825 .main__employer-page-two-item-tags { 3826 .main__employer-page-two-item-tags {
3826 color: #4d88d9; 3827 color: #4d88d9;
3827 font-weight: 500; 3828 font-weight: 500;
3828 display: -webkit-box; 3829 display: -webkit-box;
3829 display: -ms-flexbox; 3830 display: -ms-flexbox;
3830 display: flex; 3831 display: flex;
3831 -webkit-box-align: center; 3832 -webkit-box-align: center;
3832 -ms-flex-align: center; 3833 -ms-flex-align: center;
3833 align-items: center; 3834 align-items: center;
3834 -ms-flex-wrap: wrap; 3835 -ms-flex-wrap: wrap;
3835 flex-wrap: wrap; 3836 flex-wrap: wrap;
3836 gap: 10px 20px; 3837 gap: 10px 20px;
3837 } 3838 }
3838 @media (min-width: 768px) { 3839 @media (min-width: 768px) {
3839 .main__employer-page-two-item-tags { 3840 .main__employer-page-two-item-tags {
3840 font-size: 14px; 3841 font-size: 14px;
3841 } 3842 }
3842 } 3843 }
3843 .main__employer-page-two-item-buttons { 3844 .main__employer-page-two-item-buttons {
3844 display: grid; 3845 display: grid;
3845 grid-template-columns: repeat(2, 1fr); 3846 grid-template-columns: repeat(2, 1fr);
3846 gap: 20px; 3847 gap: 20px;
3847 } 3848 }
3848 @media (min-width: 768px) { 3849 @media (min-width: 768px) {
3849 .main__employer-page-two-item-button { 3850 .main__employer-page-two-item-button {
3850 position: absolute; 3851 position: absolute;
3851 bottom: 20px; 3852 bottom: 20px;
3852 left: 20px; 3853 left: 20px;
3853 width: 200px; 3854 width: 200px;
3854 padding: 0; 3855 padding: 0;
3855 } 3856 }
3856 } 3857 }
3857 @media (min-width: 768px) { 3858 @media (min-width: 768px) {
3858 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3859 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3859 left: auto; 3860 left: auto;
3860 right: 20px; 3861 right: 20px;
3861 } 3862 }
3862 } 3863 }
3863 .main__employer-page-two-item-bottom { 3864 .main__employer-page-two-item-bottom {
3864 display: -webkit-box; 3865 display: -webkit-box;
3865 display: -ms-flexbox; 3866 display: -ms-flexbox;
3866 display: flex; 3867 display: flex;
3867 -webkit-box-align: center; 3868 -webkit-box-align: center;
3868 -ms-flex-align: center; 3869 -ms-flex-align: center;
3869 align-items: center; 3870 align-items: center;
3870 -webkit-box-pack: justify; 3871 -webkit-box-pack: justify;
3871 -ms-flex-pack: justify; 3872 -ms-flex-pack: justify;
3872 justify-content: space-between; 3873 justify-content: space-between;
3873 } 3874 }
3874 .main__employer-page-two-item-bottom-date { 3875 .main__employer-page-two-item-bottom-date {
3875 color: #000; 3876 color: #000;
3876 } 3877 }
3877 @media (min-width: 768px) { 3878 @media (min-width: 768px) {
3878 .main__employer-page-two-item-bottom-date { 3879 .main__employer-page-two-item-bottom-date {
3879 position: absolute; 3880 position: absolute;
3880 bottom: 20px; 3881 bottom: 20px;
3881 right: 240px; 3882 right: 240px;
3882 height: 42px; 3883 height: 42px;
3883 display: -webkit-box; 3884 display: -webkit-box;
3884 display: -ms-flexbox; 3885 display: -ms-flexbox;
3885 display: flex; 3886 display: flex;
3886 -webkit-box-align: center; 3887 -webkit-box-align: center;
3887 -ms-flex-align: center; 3888 -ms-flex-align: center;
3888 align-items: center; 3889 align-items: center;
3889 } 3890 }
3890 } 3891 }
3891 @media (min-width: 992px) { 3892 @media (min-width: 992px) {
3892 .main__employer-page-two-item-bottom-date { 3893 .main__employer-page-two-item-bottom-date {
3893 font-size: 16px; 3894 font-size: 16px;
3894 } 3895 }
3895 } 3896 }
3896 @media (min-width: 768px) { 3897 @media (min-width: 768px) {
3897 .main__employer-page-two-item-bottom-like { 3898 .main__employer-page-two-item-bottom-like {
3898 position: absolute; 3899 position: absolute;
3899 bottom: 20px; 3900 bottom: 20px;
3900 left: 240px; 3901 left: 240px;
3901 } 3902 }
3902 } 3903 }
3903 @media (min-width: 768px) { 3904 @media (min-width: 768px) {
3904 .main__employer-page-two-more { 3905 .main__employer-page-two-more {
3905 margin-top: 10px; 3906 margin-top: 10px;
3906 padding: 0; 3907 padding: 0;
3907 width: 200px; 3908 width: 200px;
3908 } 3909 }
3909 } 3910 }
3910 .main__employer-page-two .main__employer-page-two-item { 3911 .main__employer-page-two .main__employer-page-two-item {
3911 /*display: none;*/ 3912 /*display: none;*/
3912 } 3913 }
3913 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) { 3914 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
3914 display: -webkit-box; 3915 display: -webkit-box;
3915 display: -ms-flexbox; 3916 display: -ms-flexbox;
3916 display: flex; 3917 display: flex;
3917 } 3918 }
3918 .main__employer-page-two.active .main__employer-page-two-item { 3919 .main__employer-page-two.active .main__employer-page-two-item {
3919 display: -webkit-box; 3920 display: -webkit-box;
3920 display: -ms-flexbox; 3921 display: -ms-flexbox;
3921 display: flex; 3922 display: flex;
3922 } 3923 }
3923 .main__resume-base { 3924 .main__resume-base {
3924 display: -webkit-box; 3925 display: -webkit-box;
3925 display: -ms-flexbox; 3926 display: -ms-flexbox;
3926 display: flex; 3927 display: flex;
3927 -webkit-box-orient: vertical; 3928 -webkit-box-orient: vertical;
3928 -webkit-box-direction: normal; 3929 -webkit-box-direction: normal;
3929 -ms-flex-direction: column; 3930 -ms-flex-direction: column;
3930 flex-direction: column; 3931 flex-direction: column;
3931 color: #000; 3932 color: #000;
3932 } 3933 }
3933 .main__resume-base-body { 3934 .main__resume-base-body {
3934 display: none; 3935 display: none;
3935 -webkit-box-orient: vertical; 3936 -webkit-box-orient: vertical;
3936 -webkit-box-direction: normal; 3937 -webkit-box-direction: normal;
3937 -ms-flex-direction: column; 3938 -ms-flex-direction: column;
3938 flex-direction: column; 3939 flex-direction: column;
3939 margin-top: 10px; 3940 margin-top: 10px;
3940 } 3941 }
3941 @media (min-width: 768px) { 3942 @media (min-width: 768px) {
3942 .main__resume-base-body { 3943 .main__resume-base-body {
3943 margin-top: 30px; 3944 margin-top: 30px;
3944 } 3945 }
3945 } 3946 }
3946 .main__resume-base-body.showed { 3947 .main__resume-base-body.showed {
3947 display: -webkit-box; 3948 display: -webkit-box;
3948 display: -ms-flexbox; 3949 display: -ms-flexbox;
3949 display: flex; 3950 display: flex;
3950 } 3951 }
3951 .main__resume-base-body-one { 3952 .main__resume-base-body-one {
3952 display: -webkit-box; 3953 display: -webkit-box;
3953 display: -ms-flexbox; 3954 display: -ms-flexbox;
3954 display: flex; 3955 display: flex;
3955 -webkit-box-orient: vertical; 3956 -webkit-box-orient: vertical;
3956 -webkit-box-direction: normal; 3957 -webkit-box-direction: normal;
3957 -ms-flex-direction: column; 3958 -ms-flex-direction: column;
3958 flex-direction: column; 3959 flex-direction: column;
3959 -webkit-box-align: center; 3960 -webkit-box-align: center;
3960 -ms-flex-align: center; 3961 -ms-flex-align: center;
3961 align-items: center; 3962 align-items: center;
3962 gap: 20px; 3963 gap: 20px;
3963 } 3964 }
3964 @media (min-width: 768px) { 3965 @media (min-width: 768px) {
3965 .main__resume-base-body-one { 3966 .main__resume-base-body-one {
3966 gap: 30px; 3967 gap: 30px;
3967 } 3968 }
3968 } 3969 }
3969 .main__resume-base-body-two { 3970 .main__resume-base-body-two {
3970 display: -webkit-box; 3971 display: -webkit-box;
3971 display: -ms-flexbox; 3972 display: -ms-flexbox;
3972 display: flex; 3973 display: flex;
3973 -webkit-box-orient: vertical; 3974 -webkit-box-orient: vertical;
3974 -webkit-box-direction: normal; 3975 -webkit-box-direction: normal;
3975 -ms-flex-direction: column; 3976 -ms-flex-direction: column;
3976 flex-direction: column; 3977 flex-direction: column;
3977 gap: 20px; 3978 gap: 20px;
3978 } 3979 }
3979 @media (min-width: 768px) { 3980 @media (min-width: 768px) {
3980 .main__resume-base-body-two { 3981 .main__resume-base-body-two {
3981 -webkit-box-orient: horizontal; 3982 -webkit-box-orient: horizontal;
3982 -webkit-box-direction: normal; 3983 -webkit-box-direction: normal;
3983 -ms-flex-direction: row; 3984 -ms-flex-direction: row;
3984 flex-direction: row; 3985 flex-direction: row;
3985 -webkit-box-pack: justify; 3986 -webkit-box-pack: justify;
3986 -ms-flex-pack: justify; 3987 -ms-flex-pack: justify;
3987 justify-content: space-between; 3988 justify-content: space-between;
3988 -webkit-box-align: start; 3989 -webkit-box-align: start;
3989 -ms-flex-align: start; 3990 -ms-flex-align: start;
3990 align-items: flex-start; 3991 align-items: flex-start;
3991 -ms-flex-wrap: wrap; 3992 -ms-flex-wrap: wrap;
3992 flex-wrap: wrap; 3993 flex-wrap: wrap;
3993 gap: 30px 0; 3994 gap: 30px 0;
3994 } 3995 }
3995 } 3996 }
3996 @media (min-width: 768px) { 3997 @media (min-width: 768px) {
3997 .main__resume-base-body-two .main__resume-base-body-item { 3998 .main__resume-base-body-two .main__resume-base-body-item {
3998 width: calc(50% - 10px); 3999 width: calc(50% - 10px);
3999 } 4000 }
4000 } 4001 }
4001 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 4002 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
4002 -webkit-box-orient: vertical; 4003 -webkit-box-orient: vertical;
4003 -webkit-box-direction: normal; 4004 -webkit-box-direction: normal;
4004 -ms-flex-direction: column; 4005 -ms-flex-direction: column;
4005 flex-direction: column; 4006 flex-direction: column;
4006 } 4007 }
4007 .main__resume-base-body-item { 4008 .main__resume-base-body-item {
4008 width: 100%; 4009 width: 100%;
4009 display: -webkit-box; 4010 display: -webkit-box;
4010 display: -ms-flexbox; 4011 display: -ms-flexbox;
4011 display: flex; 4012 display: flex;
4012 -webkit-box-orient: vertical; 4013 -webkit-box-orient: vertical;
4013 -webkit-box-direction: normal; 4014 -webkit-box-direction: normal;
4014 -ms-flex-direction: column; 4015 -ms-flex-direction: column;
4015 flex-direction: column; 4016 flex-direction: column;
4016 gap: 20px; 4017 gap: 20px;
4017 position: relative; 4018 position: relative;
4018 border: 1px solid #377d87; 4019 border: 1px solid #377d87;
4019 border-radius: 8px; 4020 border-radius: 8px;
4020 padding: 10px; 4021 padding: 10px;
4021 -webkit-box-align: center; 4022 -webkit-box-align: center;
4022 -ms-flex-align: center; 4023 -ms-flex-align: center;
4023 align-items: center; 4024 align-items: center;
4024 } 4025 }
4025 @media (min-width: 768px) { 4026 @media (min-width: 768px) {
4026 .main__resume-base-body-item { 4027 .main__resume-base-body-item {
4027 padding: 20px; 4028 padding: 20px;
4028 } 4029 }
4029 } 4030 }
4030 .main__resume-base-body-item-buttons { 4031 .main__resume-base-body-item-buttons {
4031 margin-top: 10px; 4032 margin-top: 10px;
4032 } 4033 }
4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{ 4034 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4034 width: 100%; 4035 width: 100%;
4035 margin-bottom: 10px; 4036 margin-bottom: 10px;
4036 } 4037 }
4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{ 4038 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4038 background: #377d87; 4039 background: #377d87;
4039 color: #fff; 4040 color: #fff;
4040 } 4041 }
4041 .main__resume-base-body-item-buttons .chat.active{ 4042 .main__resume-base-body-item-buttons .chat.active{
4042 background: #fff; 4043 background: #fff;
4043 color: #377d87; 4044 color: #377d87;
4044 } 4045 }
4045 .main__resume-base-body-item-buttons button.like.active{ 4046 .main__resume-base-body-item-buttons button.like.active{
4046 background-color: #ffffff; 4047 background-color: #ffffff;
4047 color: #eb5757; 4048 color: #eb5757;
4048 } 4049 }
4049 .main__resume-base-body-item-buttons button span{ 4050 .main__resume-base-body-item-buttons button span{
4050 margin-left: 10px; 4051 margin-left: 10px;
4051 } 4052 }
4052 .main__resume-base-body-item-buttons .like .in-favorites{ 4053 .main__resume-base-body-item-buttons .like .in-favorites{
4053 display: none; 4054 display: none;
4054 } 4055 }
4055 .main__resume-base-body-item-buttons .like.active .in-favorites{ 4056 .main__resume-base-body-item-buttons .like.active .in-favorites{
4056 display: block; 4057 display: block;
4057 color: #eb5757; 4058 color: #eb5757;
4058 } 4059 }
4059 .main__resume-base-body-item-buttons .like.active .to-favorites{ 4060 .main__resume-base-body-item-buttons .like.active .to-favorites{
4060 display: none; 4061 display: none;
4061 } 4062 }
4062 .main__resume-base-body-item-wrapper { 4063 .main__resume-base-body-item-wrapper {
4063 display: -webkit-box; 4064 display: -webkit-box;
4064 display: -ms-flexbox; 4065 display: -ms-flexbox;
4065 display: flex; 4066 display: flex;
4066 -webkit-box-orient: vertical; 4067 -webkit-box-orient: vertical;
4067 -webkit-box-direction: normal; 4068 -webkit-box-direction: normal;
4068 -ms-flex-direction: column; 4069 -ms-flex-direction: column;
4069 flex-direction: column; 4070 flex-direction: column;
4070 -webkit-box-align: start; 4071 -webkit-box-align: start;
4071 -ms-flex-align: start; 4072 -ms-flex-align: start;
4072 align-items: flex-start; 4073 align-items: flex-start;
4073 gap: 20px; 4074 gap: 20px;
4074 width: 100%; 4075 width: 100%;
4075 } 4076 }
4076 @media (min-width: 768px) { 4077 @media (min-width: 768px) {
4077 .main__resume-base-body-item-wrapper { 4078 .main__resume-base-body-item-wrapper {
4078 -webkit-box-orient: horizontal; 4079 -webkit-box-orient: horizontal;
4079 -webkit-box-direction: normal; 4080 -webkit-box-direction: normal;
4080 -ms-flex-direction: row; 4081 -ms-flex-direction: row;
4081 flex-direction: row; 4082 flex-direction: row;
4082 } 4083 }
4083 } 4084 }
4084 .main__resume-base-body-item-photo { 4085 .main__resume-base-body-item-photo {
4085 width: 180px; 4086 width: 180px;
4086 aspect-ratio: 1/1; 4087 aspect-ratio: 1/1;
4087 -o-object-fit: cover; 4088 -o-object-fit: cover;
4088 object-fit: cover; 4089 object-fit: cover;
4089 border-radius: 8px; 4090 border-radius: 8px;
4090 } 4091 }
4091 @media (min-width: 768px) { 4092 @media (min-width: 768px) {
4092 .main__resume-base-body-item-photo { 4093 .main__resume-base-body-item-photo {
4093 width: 210px; 4094 width: 210px;
4094 } 4095 }
4095 } 4096 }
4096 .main__resume-base-body-item-inner { 4097 .main__resume-base-body-item-inner {
4097 display: -webkit-box; 4098 display: -webkit-box;
4098 display: -ms-flexbox; 4099 display: -ms-flexbox;
4099 display: flex; 4100 display: flex;
4100 -webkit-box-orient: vertical; 4101 -webkit-box-orient: vertical;
4101 -webkit-box-direction: normal; 4102 -webkit-box-direction: normal;
4102 -ms-flex-direction: column; 4103 -ms-flex-direction: column;
4103 flex-direction: column; 4104 flex-direction: column;
4104 gap: 10px; 4105 gap: 10px;
4105 width: 100%; 4106 width: 100%;
4106 row-gap: 10px; 4107 row-gap: 10px;
4107 } 4108 }
4108 .main__resume-base-body-item-inner .horizontal{ 4109 .main__resume-base-body-item-inner .horizontal{
4109 -webkit-box-orient: horizontal; 4110 -webkit-box-orient: horizontal;
4110 -ms-flex-direction: unset; 4111 -ms-flex-direction: unset;
4111 flex-direction: row; 4112 flex-direction: row;
4112 align-items: start; 4113 align-items: start;
4113 } 4114 }
4114 .main__resume-base-item-status{ 4115 .main__resume-base-item-status{
4115 width: fit-content; 4116 width: fit-content;
4116 background-color: #e6e6e6; 4117 background-color: #e6e6e6;
4117 font-weight: bold; 4118 font-weight: bold;
4118 padding: 5px 10px; 4119 padding: 5px 10px;
4119 border-radius: 8px; 4120 border-radius: 8px;
4120 } 4121 }
4121 .main__resume-base-item-status.looking-for-job{ 4122 .main__resume-base-item-status.looking-for-job{
4122 background-color: #eb5757; 4123 background-color: #eb5757;
4123 color: #fff; 4124 color: #fff;
4124 } 4125 }
4125 .main__resume-base-item-updated-at{ 4126 .main__resume-base-item-updated-at{
4126 padding: 5px 10px; 4127 padding: 5px 10px;
4127 border-radius: 8px; 4128 border-radius: 8px;
4128 border: 1px #e6e6e6 solid; 4129 border: 1px #e6e6e6 solid;
4129 } 4130 }
4130 @media (min-width: 768px) { 4131 @media (min-width: 768px) {
4131 .main__resume-base-body-item-inner { 4132 .main__resume-base-body-item-inner {
4132 gap: 16px; 4133 gap: 16px;
4133 padding-right: 50px; 4134 padding-right: 50px;
4134 } 4135 }
4135 } 4136 }
4136 @media (min-width: 992px) { 4137 @media (min-width: 992px) {
4137 .main__resume-base-body-item-inner { 4138 .main__resume-base-body-item-inner {
4138 display: grid; 4139 display: grid;
4139 grid-template-columns: repeat(2, 1fr); 4140 grid-template-columns: repeat(2, 1fr);
4140 gap: 30px; 4141 gap: 30px;
4141 row-gap: 10px; 4142 row-gap: 10px;
4142 } 4143 }
4143 } 4144 }
4144 .main__resume-base-body-item-inner div { 4145 .main__resume-base-body-item-inner div {
4145 display: -webkit-box; 4146 display: -webkit-box;
4146 display: -ms-flexbox; 4147 display: -ms-flexbox;
4147 display: flex; 4148 display: flex;
4148 -webkit-box-orient: vertical; 4149 -webkit-box-orient: vertical;
4149 -webkit-box-direction: normal; 4150 -webkit-box-direction: normal;
4150 -ms-flex-direction: column; 4151 -ms-flex-direction: column;
4151 flex-direction: column; 4152 flex-direction: column;
4152 gap: 4px; 4153 gap: 4px;
4153 font-size: 12px; 4154 font-size: 12px;
4154 } 4155 }
4155 @media (min-width: 768px) { 4156 @media (min-width: 768px) {
4156 .main__resume-base-body-item-inner div { 4157 .main__resume-base-body-item-inner div {
4157 font-size: 16px; 4158 font-size: 16px;
4158 } 4159 }
4159 } 4160 }
4160 .main__resume-base-body-item-inner b { 4161 .main__resume-base-body-item-inner b {
4161 color: #377d87; 4162 color: #377d87;
4162 font-size: 14px; 4163 font-size: 14px;
4163 } 4164 }
4164 @media (min-width: 768px) { 4165 @media (min-width: 768px) {
4165 .main__resume-base-body-item-inner b { 4166 .main__resume-base-body-item-inner b {
4166 font-size: 18px; 4167 font-size: 18px;
4167 } 4168 }
4168 } 4169 }
4169 .main__resume-base-body-item-link { 4170 .main__resume-base-body-item-link {
4170 width: 100%; 4171 width: 100%;
4171 padding: 0; 4172 padding: 0;
4172 } 4173 }
4173 @media (min-width: 768px) { 4174 @media (min-width: 768px) {
4174 .main__resume-base-body-item-link { 4175 .main__resume-base-body-item-link {
4175 width: 200px; 4176 width: 200px;
4176 } 4177 }
4177 } 4178 }
4178 .main__spoiler { 4179 .main__spoiler {
4179 overflow: hidden; 4180 overflow: hidden;
4180 border-radius: 8px; 4181 border-radius: 8px;
4181 display: -webkit-box; 4182 display: -webkit-box;
4182 display: -ms-flexbox; 4183 display: -ms-flexbox;
4183 display: flex; 4184 display: flex;
4184 -webkit-box-orient: vertical; 4185 -webkit-box-orient: vertical;
4185 -webkit-box-direction: normal; 4186 -webkit-box-direction: normal;
4186 -ms-flex-direction: column; 4187 -ms-flex-direction: column;
4187 flex-direction: column; 4188 flex-direction: column;
4188 } 4189 }
4189 .main__spoiler-toper { 4190 .main__spoiler-toper {
4190 background: #377d87; 4191 background: #377d87;
4191 height: 30px; 4192 height: 30px;
4192 display: -webkit-box; 4193 display: -webkit-box;
4193 display: -ms-flexbox; 4194 display: -ms-flexbox;
4194 display: flex; 4195 display: flex;
4195 -webkit-box-align: center; 4196 -webkit-box-align: center;
4196 -ms-flex-align: center; 4197 -ms-flex-align: center;
4197 align-items: center; 4198 align-items: center;
4198 -webkit-box-pack: center; 4199 -webkit-box-pack: center;
4199 -ms-flex-pack: center; 4200 -ms-flex-pack: center;
4200 justify-content: center; 4201 justify-content: center;
4201 color: #fff; 4202 color: #fff;
4202 font-size: 12px; 4203 font-size: 12px;
4203 font-weight: 700; 4204 font-weight: 700;
4204 padding: 0 30px; 4205 padding: 0 30px;
4205 border: none; 4206 border: none;
4206 position: relative; 4207 position: relative;
4207 } 4208 }
4208 @media (min-width: 768px) { 4209 @media (min-width: 768px) {
4209 .main__spoiler-toper { 4210 .main__spoiler-toper {
4210 font-size: 18px; 4211 font-size: 18px;
4211 height: 50px; 4212 height: 50px;
4212 padding: 0 60px; 4213 padding: 0 60px;
4213 } 4214 }
4214 } 4215 }
4215 .main__spoiler-toper:before, .main__spoiler-toper:after { 4216 .main__spoiler-toper:before, .main__spoiler-toper:after {
4216 content: ""; 4217 content: "";
4217 background: #fff; 4218 background: #fff;
4218 border-radius: 999px; 4219 border-radius: 999px;
4219 width: 10px; 4220 width: 10px;
4220 height: 1px; 4221 height: 1px;
4221 position: absolute; 4222 position: absolute;
4222 top: 50%; 4223 top: 50%;
4223 right: 10px; 4224 right: 10px;
4224 -webkit-transition: 0.3s; 4225 -webkit-transition: 0.3s;
4225 transition: 0.3s; 4226 transition: 0.3s;
4226 -webkit-transform: translate(0, -50%); 4227 -webkit-transform: translate(0, -50%);
4227 -ms-transform: translate(0, -50%); 4228 -ms-transform: translate(0, -50%);
4228 transform: translate(0, -50%); 4229 transform: translate(0, -50%);
4229 } 4230 }
4230 @media (min-width: 768px) { 4231 @media (min-width: 768px) {
4231 .main__spoiler-toper:before, .main__spoiler-toper:after { 4232 .main__spoiler-toper:before, .main__spoiler-toper:after {
4232 width: 20px; 4233 width: 20px;
4233 height: 2px; 4234 height: 2px;
4234 right: 20px; 4235 right: 20px;
4235 } 4236 }
4236 } 4237 }
4237 .main__spoiler-toper:after { 4238 .main__spoiler-toper:after {
4238 -webkit-transform: rotate(90deg); 4239 -webkit-transform: rotate(90deg);
4239 -ms-transform: rotate(90deg); 4240 -ms-transform: rotate(90deg);
4240 transform: rotate(90deg); 4241 transform: rotate(90deg);
4241 } 4242 }
4242 .main__spoiler-toper.active:after { 4243 .main__spoiler-toper.active:after {
4243 -webkit-transform: rotate(0deg); 4244 -webkit-transform: rotate(0deg);
4244 -ms-transform: rotate(0deg); 4245 -ms-transform: rotate(0deg);
4245 transform: rotate(0deg); 4246 transform: rotate(0deg);
4246 } 4247 }
4247 .main__spoiler-body { 4248 .main__spoiler-body {
4248 opacity: 0; 4249 opacity: 0;
4249 height: 0; 4250 height: 0;
4250 overflow: hidden; 4251 overflow: hidden;
4251 border-radius: 0 0 8px 8px; 4252 border-radius: 0 0 8px 8px;
4252 background: #fff; 4253 background: #fff;
4253 } 4254 }
4254 .main__spoiler-body table { 4255 .main__spoiler-body table {
4255 width: calc(100% + 2px); 4256 width: calc(100% + 2px);
4256 margin-left: -1px; 4257 margin-left: -1px;
4257 margin-bottom: -1px; 4258 margin-bottom: -1px;
4258 } 4259 }
4259 @media (min-width: 992px) { 4260 @media (min-width: 992px) {
4260 .main__spoiler-body table td { 4261 .main__spoiler-body table td {
4261 width: 50%; 4262 width: 50%;
4262 } 4263 }
4263 } 4264 }
4264 @media (min-width: 992px) { 4265 @media (min-width: 992px) {
4265 .main__spoiler-body table td + td { 4266 .main__spoiler-body table td + td {
4266 width: 50%; 4267 width: 50%;
4267 } 4268 }
4268 } 4269 }
4269 .active + .main__spoiler-body { 4270 .active + .main__spoiler-body {
4270 -webkit-transition: 0.3s; 4271 -webkit-transition: 0.3s;
4271 transition: 0.3s; 4272 transition: 0.3s;
4272 opacity: 1; 4273 opacity: 1;
4273 height: auto; 4274 height: auto;
4274 border: 1px solid #cecece; 4275 border: 1px solid #cecece;
4275 border-top: none; 4276 border-top: none;
4276 } 4277 }
4277 .main__table { 4278 .main__table {
4278 border-collapse: collapse; 4279 border-collapse: collapse;
4279 table-layout: fixed; 4280 table-layout: fixed;
4280 font-size: 12px; 4281 font-size: 12px;
4281 width: 100%; 4282 width: 100%;
4282 background: #fff; 4283 background: #fff;
4283 } 4284 }
4284 @media (min-width: 768px) { 4285 @media (min-width: 768px) {
4285 .main__table { 4286 .main__table {
4286 font-size: 16px; 4287 font-size: 16px;
4287 } 4288 }
4288 } 4289 }
4289 .main__table td { 4290 .main__table td {
4290 border: 1px solid #cecece; 4291 border: 1px solid #cecece;
4291 padding: 4px 8px; 4292 padding: 4px 8px;
4292 vertical-align: top; 4293 vertical-align: top;
4293 } 4294 }
4294 @media (min-width: 768px) { 4295 @media (min-width: 768px) {
4295 .main__table td { 4296 .main__table td {
4296 padding: 8px 16px; 4297 padding: 8px 16px;
4297 } 4298 }
4298 } 4299 }
4299 .main__table td b { 4300 .main__table td b {
4300 font-weight: 700; 4301 font-weight: 700;
4301 } 4302 }
4302 .main__table_three { 4303 .main__table_three {
4303 table-layout: auto; 4304 table-layout: auto;
4304 } 4305 }
4305 .main__table_three td { 4306 .main__table_three td {
4306 width: 25% !important; 4307 width: 25% !important;
4307 } 4308 }
4308 .main__table_three td:last-child { 4309 .main__table_three td:last-child {
4309 width: 50% !important; 4310 width: 50% !important;
4310 } 4311 }
4311 .main__table b { 4312 .main__table b {
4312 display: block; 4313 display: block;
4313 } 4314 }
4314 .main__table a { 4315 .main__table a {
4315 color: #377d87; 4316 color: #377d87;
4316 text-decoration: underline; 4317 text-decoration: underline;
4317 } 4318 }
4318 .main__table a:hover { 4319 .main__table a:hover {
4319 color: #000; 4320 color: #000;
4320 } 4321 }
4321 .main__resume-profile-about { 4322 .main__resume-profile-about {
4322 padding-top: 20px; 4323 padding-top: 20px;
4323 padding-bottom: 30px; 4324 padding-bottom: 30px;
4324 position: relative; 4325 position: relative;
4325 margin-top: 30px; 4326 margin-top: 30px;
4326 display: -webkit-box; 4327 display: -webkit-box;
4327 display: -ms-flexbox; 4328 display: -ms-flexbox;
4328 display: flex; 4329 display: flex;
4329 -webkit-box-orient: vertical; 4330 -webkit-box-orient: vertical;
4330 -webkit-box-direction: normal; 4331 -webkit-box-direction: normal;
4331 -ms-flex-direction: column; 4332 -ms-flex-direction: column;
4332 flex-direction: column; 4333 flex-direction: column;
4333 -webkit-box-align: start; 4334 -webkit-box-align: start;
4334 -ms-flex-align: start; 4335 -ms-flex-align: start;
4335 align-items: flex-start; 4336 align-items: flex-start;
4336 gap: 10px; 4337 gap: 10px;
4337 } 4338 }
4338 @media (min-width: 992px) { 4339 @media (min-width: 992px) {
4339 .main__resume-profile-about { 4340 .main__resume-profile-about {
4340 padding: 50px 0; 4341 padding: 50px 0;
4341 } 4342 }
4342 } 4343 }
4343 .main__resume-profile-about:before { 4344 .main__resume-profile-about:before {
4344 content: ""; 4345 content: "";
4345 position: absolute; 4346 position: absolute;
4346 z-index: 1; 4347 z-index: 1;
4347 top: 0; 4348 top: 0;
4348 left: 50%; 4349 left: 50%;
4349 width: 20000px; 4350 width: 20000px;
4350 height: 100%; 4351 height: 100%;
4351 margin-left: -10000px; 4352 margin-left: -10000px;
4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4353 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4353 } 4354 }
4354 .main__resume-profile-about-title { 4355 .main__resume-profile-about-title {
4355 position: relative; 4356 position: relative;
4356 z-index: 2; 4357 z-index: 2;
4357 color: #000; 4358 color: #000;
4358 } 4359 }
4359 .main__resume-profile-about-buttons{ 4360 .main__resume-profile-about-buttons{
4360 display: flex; 4361 display: flex;
4361 width: 100%; 4362 width: 100%;
4362 position: relative; 4363 position: relative;
4363 z-index: 2; 4364 z-index: 2;
4364 } 4365 }
4365 .main__resume-profile-about-buttons .like{ 4366 .main__resume-profile-about-buttons .like{
4366 width: 200px; 4367 width: 200px;
4367 } 4368 }
4368 .main__resume-profile-about-buttons .like.active{ 4369 .main__resume-profile-about-buttons .like.active{
4369 background: #fff; 4370 background: #fff;
4370 color: #eb5757; 4371 color: #eb5757;
4371 } 4372 }
4372 .main__resume-profile-about-buttons .like .in-favorites{ 4373 .main__resume-profile-about-buttons .like .in-favorites{
4373 display: none; 4374 display: none;
4374 } 4375 }
4375 .main__resume-profile-about-buttons .like.active .in-favorites{ 4376 .main__resume-profile-about-buttons .like.active .in-favorites{
4376 display: block; 4377 display: block;
4377 color: #eb5757; 4378 color: #eb5757;
4378 } 4379 }
4379 .main__resume-profile-about-buttons .like.active .to-favorites{ 4380 .main__resume-profile-about-buttons .like.active .to-favorites{
4380 display: none; 4381 display: none;
4381 } 4382 }
4382 .main__resume-profile-about-text { 4383 .main__resume-profile-about-text {
4383 position: relative; 4384 position: relative;
4384 z-index: 2; 4385 z-index: 2;
4385 } 4386 }
4386 .main__resume-profile-info { 4387 .main__resume-profile-info {
4387 display: -webkit-box; 4388 display: -webkit-box;
4388 display: -ms-flexbox; 4389 display: -ms-flexbox;
4389 display: flex; 4390 display: flex;
4390 -webkit-box-orient: vertical; 4391 -webkit-box-orient: vertical;
4391 -webkit-box-direction: normal; 4392 -webkit-box-direction: normal;
4392 -ms-flex-direction: column; 4393 -ms-flex-direction: column;
4393 flex-direction: column; 4394 flex-direction: column;
4394 gap: 20px; 4395 gap: 20px;
4395 margin-top: 30px; 4396 margin-top: 30px;
4396 } 4397 }
4397 @media (min-width: 992px) { 4398 @media (min-width: 992px) {
4398 .main__resume-profile-info { 4399 .main__resume-profile-info {
4399 margin-top: 50px; 4400 margin-top: 50px;
4400 gap: 30px; 4401 gap: 30px;
4401 } 4402 }
4402 } 4403 }
4403 .main__resume-profile-info-title { 4404 .main__resume-profile-info-title {
4404 color: #000; 4405 color: #000;
4405 } 4406 }
4406 .main__resume-profile-info-body { 4407 .main__resume-profile-info-body {
4407 display: -webkit-box; 4408 display: -webkit-box;
4408 display: -ms-flexbox; 4409 display: -ms-flexbox;
4409 display: flex; 4410 display: flex;
4410 -webkit-box-orient: vertical; 4411 -webkit-box-orient: vertical;
4411 -webkit-box-direction: normal; 4412 -webkit-box-direction: normal;
4412 -ms-flex-direction: column; 4413 -ms-flex-direction: column;
4413 flex-direction: column; 4414 flex-direction: column;
4414 gap: 20px; 4415 gap: 20px;
4415 } 4416 }
4416 @media (min-width: 992px) { 4417 @media (min-width: 992px) {
4417 .main__resume-profile-info-body { 4418 .main__resume-profile-info-body {
4418 gap: 30px; 4419 gap: 30px;
4419 } 4420 }
4420 } 4421 }
4421 .main__resume-profile-info-body-item { 4422 .main__resume-profile-info-body-item {
4422 display: -webkit-box; 4423 display: -webkit-box;
4423 display: -ms-flexbox; 4424 display: -ms-flexbox;
4424 display: flex; 4425 display: flex;
4425 -webkit-box-orient: vertical; 4426 -webkit-box-orient: vertical;
4426 -webkit-box-direction: normal; 4427 -webkit-box-direction: normal;
4427 -ms-flex-direction: column; 4428 -ms-flex-direction: column;
4428 flex-direction: column; 4429 flex-direction: column;
4429 gap: 10px; 4430 gap: 10px;
4430 } 4431 }
4431 @media (min-width: 768px) { 4432 @media (min-width: 768px) {
4432 .main__resume-profile-info-body-item { 4433 .main__resume-profile-info-body-item {
4433 gap: 20px; 4434 gap: 20px;
4434 } 4435 }
4435 } 4436 }
4436 .main__resume-profile-info-body-subtitle { 4437 .main__resume-profile-info-body-subtitle {
4437 color: #4d88d9; 4438 color: #4d88d9;
4438 } 4439 }
4439 .main__resume-profile-info-body-inner { 4440 .main__resume-profile-info-body-inner {
4440 display: -webkit-box; 4441 display: -webkit-box;
4441 display: -ms-flexbox; 4442 display: -ms-flexbox;
4442 display: flex; 4443 display: flex;
4443 -webkit-box-orient: vertical; 4444 -webkit-box-orient: vertical;
4444 -webkit-box-direction: normal; 4445 -webkit-box-direction: normal;
4445 -ms-flex-direction: column; 4446 -ms-flex-direction: column;
4446 flex-direction: column; 4447 flex-direction: column;
4447 gap: 20px; 4448 gap: 20px;
4448 margin: 0; 4449 margin: 0;
4449 padding: 0; 4450 padding: 0;
4450 font-size: 12px; 4451 font-size: 12px;
4451 } 4452 }
4452 @media (min-width: 768px) { 4453 @media (min-width: 768px) {
4453 .main__resume-profile-info-body-inner { 4454 .main__resume-profile-info-body-inner {
4454 display: grid; 4455 display: grid;
4455 grid-template-columns: repeat(2, 1fr); 4456 grid-template-columns: repeat(2, 1fr);
4456 } 4457 }
4457 } 4458 }
4458 @media (min-width: 992px) { 4459 @media (min-width: 992px) {
4459 .main__resume-profile-info-body-inner { 4460 .main__resume-profile-info-body-inner {
4460 grid-template-columns: repeat(3, 1fr); 4461 grid-template-columns: repeat(3, 1fr);
4461 font-size: 16px; 4462 font-size: 16px;
4462 } 4463 }
4463 } 4464 }
4464 .main__resume-profile-info-body-inner li { 4465 .main__resume-profile-info-body-inner li {
4465 display: -webkit-box; 4466 display: -webkit-box;
4466 display: -ms-flexbox; 4467 display: -ms-flexbox;
4467 display: flex; 4468 display: flex;
4468 -webkit-box-orient: vertical; 4469 -webkit-box-orient: vertical;
4469 -webkit-box-direction: normal; 4470 -webkit-box-direction: normal;
4470 -ms-flex-direction: column; 4471 -ms-flex-direction: column;
4471 flex-direction: column; 4472 flex-direction: column;
4472 gap: 6px; 4473 gap: 6px;
4473 } 4474 }
4474 @media (min-width: 992px) { 4475 @media (min-width: 992px) {
4475 .main__resume-profile-info-body-inner li { 4476 .main__resume-profile-info-body-inner li {
4476 gap: 8px; 4477 gap: 8px;
4477 } 4478 }
4478 } 4479 }
4479 .main__resume-profile-info-body-inner b { 4480 .main__resume-profile-info-body-inner b {
4480 color: #377d87; 4481 color: #377d87;
4481 font-size: 14px; 4482 font-size: 14px;
4482 } 4483 }
4483 @media (min-width: 992px) { 4484 @media (min-width: 992px) {
4484 .main__resume-profile-info-body-inner b { 4485 .main__resume-profile-info-body-inner b {
4485 font-size: 18px; 4486 font-size: 18px;
4486 } 4487 }
4487 } 4488 }
4488 .main__resume-profile-info-body-inner span { 4489 .main__resume-profile-info-body-inner span {
4489 display: -webkit-box; 4490 display: -webkit-box;
4490 display: -ms-flexbox; 4491 display: -ms-flexbox;
4491 display: flex; 4492 display: flex;
4492 -webkit-box-orient: vertical; 4493 -webkit-box-orient: vertical;
4493 -webkit-box-direction: normal; 4494 -webkit-box-direction: normal;
4494 -ms-flex-direction: column; 4495 -ms-flex-direction: column;
4495 flex-direction: column; 4496 flex-direction: column;
4496 gap: 4px; 4497 gap: 4px;
4497 } 4498 }
4498 @media (min-width: 992px) { 4499 @media (min-width: 992px) {
4499 .main__resume-profile-info-body-inner span { 4500 .main__resume-profile-info-body-inner span {
4500 gap: 6px; 4501 gap: 6px;
4501 } 4502 }
4502 } 4503 }
4503 .main__resume-profile-review { 4504 .main__resume-profile-review {
4504 display: -webkit-box; 4505 display: -webkit-box;
4505 display: -ms-flexbox; 4506 display: -ms-flexbox;
4506 display: flex; 4507 display: flex;
4507 -webkit-box-orient: vertical; 4508 -webkit-box-orient: vertical;
4508 -webkit-box-direction: normal; 4509 -webkit-box-direction: normal;
4509 -ms-flex-direction: column; 4510 -ms-flex-direction: column;
4510 flex-direction: column; 4511 flex-direction: column;
4511 gap: 20px; 4512 gap: 20px;
4512 padding: 20px 10px; 4513 padding: 20px 10px;
4513 margin-top: 30px; 4514 margin-top: 30px;
4514 border-radius: 16px; 4515 border-radius: 16px;
4515 border: 1px solid #cecece; 4516 border: 1px solid #cecece;
4516 background: #fff; 4517 background: #fff;
4517 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4518 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4518 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4519 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4519 } 4520 }
4520 @media (min-width: 992px) { 4521 @media (min-width: 992px) {
4521 .main__resume-profile-review { 4522 .main__resume-profile-review {
4522 margin-top: 50px; 4523 margin-top: 50px;
4523 padding: 50px 40px; 4524 padding: 50px 40px;
4524 gap: 30px; 4525 gap: 30px;
4525 } 4526 }
4526 } 4527 }
4527 .main__resume-profile-review-title { 4528 .main__resume-profile-review-title {
4528 color: #000; 4529 color: #000;
4529 } 4530 }
4530 .main__resume-profile-review-body { 4531 .main__resume-profile-review-body {
4531 display: -webkit-box; 4532 display: -webkit-box;
4532 display: -ms-flexbox; 4533 display: -ms-flexbox;
4533 display: flex; 4534 display: flex;
4534 -webkit-box-orient: vertical; 4535 -webkit-box-orient: vertical;
4535 -webkit-box-direction: normal; 4536 -webkit-box-direction: normal;
4536 -ms-flex-direction: column; 4537 -ms-flex-direction: column;
4537 flex-direction: column; 4538 flex-direction: column;
4538 -webkit-box-align: start; 4539 -webkit-box-align: start;
4539 -ms-flex-align: start; 4540 -ms-flex-align: start;
4540 align-items: flex-start; 4541 align-items: flex-start;
4541 gap: 10px; 4542 gap: 10px;
4542 } 4543 }
4543 .main__resume-profile-review-body .textarea { 4544 .main__resume-profile-review-body .textarea {
4544 width: 100%; 4545 width: 100%;
4545 } 4546 }
4546 .main__resume-profile-review-body .button { 4547 .main__resume-profile-review-body .button {
4547 margin-top: 10px; 4548 margin-top: 10px;
4548 } 4549 }
4549 .main__vacancies { 4550 .main__vacancies {
4550 display: -webkit-box; 4551 display: -webkit-box;
4551 display: -ms-flexbox; 4552 display: -ms-flexbox;
4552 display: flex; 4553 display: flex;
4553 -webkit-box-orient: vertical; 4554 -webkit-box-orient: vertical;
4554 -webkit-box-direction: normal; 4555 -webkit-box-direction: normal;
4555 -ms-flex-direction: column; 4556 -ms-flex-direction: column;
4556 flex-direction: column; 4557 flex-direction: column;
4557 -webkit-box-align: center; 4558 -webkit-box-align: center;
4558 -ms-flex-align: center; 4559 -ms-flex-align: center;
4559 align-items: center; 4560 align-items: center;
4560 gap: 20px; 4561 gap: 20px;
4561 } 4562 }
4562 @media (min-width: 768px) { 4563 @media (min-width: 768px) {
4563 .main__vacancies { 4564 .main__vacancies {
4564 gap: 30px; 4565 gap: 30px;
4565 } 4566 }
4566 } 4567 }
4567 .main__vacancies-title { 4568 .main__vacancies-title {
4568 color: #000; 4569 color: #000;
4569 width: 100%; 4570 width: 100%;
4570 } 4571 }
4571 .main__vacancies-filters { 4572 .main__vacancies-filters {
4572 width: 100%; 4573 width: 100%;
4573 } 4574 }
4574 .main__vacancies-item { 4575 .main__vacancies-item {
4575 width: 100%; 4576 width: 100%;
4576 background: none; 4577 background: none;
4577 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4578 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4578 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4579 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4579 } 4580 }
4580 .main__vacancies-item-page { 4581 .main__vacancies-item-page {
4581 border: none; 4582 border: none;
4582 -webkit-box-shadow: none; 4583 -webkit-box-shadow: none;
4583 box-shadow: none; 4584 box-shadow: none;
4584 background: none; 4585 background: none;
4585 margin: 0 -10px; 4586 margin: 0 -10px;
4586 } 4587 }
4587 @media (min-width: 768px) { 4588 @media (min-width: 768px) {
4588 .main__vacancies-item-page { 4589 .main__vacancies-item-page {
4589 margin: 0 -20px; 4590 margin: 0 -20px;
4590 } 4591 }
4591 } 4592 }
4592 .main__vacancies-thing { 4593 .main__vacancies-thing {
4593 width: 100%; 4594 width: 100%;
4594 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4595 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4595 padding: 20px 10px; 4596 padding: 20px 10px;
4596 padding-bottom: 30px; 4597 padding-bottom: 30px;
4597 display: -webkit-box; 4598 display: -webkit-box;
4598 display: -ms-flexbox; 4599 display: -ms-flexbox;
4599 display: flex; 4600 display: flex;
4600 -webkit-box-orient: vertical; 4601 -webkit-box-orient: vertical;
4601 -webkit-box-direction: normal; 4602 -webkit-box-direction: normal;
4602 -ms-flex-direction: column; 4603 -ms-flex-direction: column;
4603 flex-direction: column; 4604 flex-direction: column;
4604 gap: 24px; 4605 gap: 24px;
4605 border-radius: 12px; 4606 border-radius: 12px;
4606 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4607 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4607 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4608 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4608 } 4609 }
4609 @media (min-width: 992px) { 4610 @media (min-width: 992px) {
4610 .main__vacancies-thing { 4611 .main__vacancies-thing {
4611 padding: 30px 20px; 4612 padding: 30px 20px;
4612 -webkit-box-orient: horizontal; 4613 -webkit-box-orient: horizontal;
4613 -webkit-box-direction: normal; 4614 -webkit-box-direction: normal;
4614 -ms-flex-direction: row; 4615 -ms-flex-direction: row;
4615 flex-direction: row; 4616 flex-direction: row;
4616 -webkit-box-align: start; 4617 -webkit-box-align: start;
4617 -ms-flex-align: start; 4618 -ms-flex-align: start;
4618 align-items: flex-start; 4619 align-items: flex-start;
4619 gap: 0; 4620 gap: 0;
4620 } 4621 }
4621 } 4622 }
4622 @media (min-width: 1280px) { 4623 @media (min-width: 1280px) {
4623 .main__vacancies-thing { 4624 .main__vacancies-thing {
4624 padding: 50px 20px; 4625 padding: 50px 20px;
4625 } 4626 }
4626 } 4627 }
4627 .main__vacancies-thing-pic { 4628 .main__vacancies-thing-pic {
4628 position: relative; 4629 position: relative;
4629 z-index: 2; 4630 z-index: 2;
4630 width: 100%; 4631 width: 100%;
4631 aspect-ratio: 42/34; 4632 aspect-ratio: 42/34;
4632 -o-object-fit: cover; 4633 -o-object-fit: cover;
4633 object-fit: cover; 4634 object-fit: cover;
4634 border-radius: 8px; 4635 border-radius: 8px;
4635 max-height: 340px; 4636 max-height: 340px;
4636 } 4637 }
4637 @media (min-width: 992px) { 4638 @media (min-width: 992px) {
4638 .main__vacancies-thing-pic { 4639 .main__vacancies-thing-pic {
4639 width: 380px; 4640 width: 380px;
4640 } 4641 }
4641 } 4642 }
4642 @media (min-width: 1280px) { 4643 @media (min-width: 1280px) {
4643 .main__vacancies-thing-pic { 4644 .main__vacancies-thing-pic {
4644 width: 420px; 4645 width: 420px;
4645 } 4646 }
4646 } 4647 }
4647 .main__vacancies-thing-body { 4648 .main__vacancies-thing-body {
4648 display: -webkit-box; 4649 display: -webkit-box;
4649 display: -ms-flexbox; 4650 display: -ms-flexbox;
4650 display: flex; 4651 display: flex;
4651 -webkit-box-orient: vertical; 4652 -webkit-box-orient: vertical;
4652 -webkit-box-direction: normal; 4653 -webkit-box-direction: normal;
4653 -ms-flex-direction: column; 4654 -ms-flex-direction: column;
4654 flex-direction: column; 4655 flex-direction: column;
4655 -webkit-box-align: start; 4656 -webkit-box-align: start;
4656 -ms-flex-align: start; 4657 -ms-flex-align: start;
4657 align-items: flex-start; 4658 align-items: flex-start;
4658 gap: 16px; 4659 gap: 16px;
4659 color: #000; 4660 color: #000;
4660 } 4661 }
4661 @media (min-width: 992px) { 4662 @media (min-width: 992px) {
4662 .main__vacancies-thing-body { 4663 .main__vacancies-thing-body {
4663 width: calc(100% - 380px); 4664 width: calc(100% - 380px);
4664 padding-left: 20px; 4665 padding-left: 20px;
4665 } 4666 }
4666 } 4667 }
4667 @media (min-width: 1280px) { 4668 @media (min-width: 1280px) {
4668 .main__vacancies-thing-body { 4669 .main__vacancies-thing-body {
4669 width: calc(100% - 420px); 4670 width: calc(100% - 420px);
4670 gap: 20px; 4671 gap: 20px;
4671 } 4672 }
4672 } 4673 }
4673 .main__vacancies-thing-body > * { 4674 .main__vacancies-thing-body > * {
4674 width: 100%; 4675 width: 100%;
4675 } 4676 }
4676 .main__vacancies-thing-body .button { 4677 .main__vacancies-thing-body .button {
4677 width: auto; 4678 width: auto;
4678 } 4679 }
4679 @media (min-width: 768px) { 4680 @media (min-width: 768px) {
4680 .main__vacancies-thing-body .button { 4681 .main__vacancies-thing-body .button {
4681 min-width: 200px; 4682 min-width: 200px;
4682 } 4683 }
4683 } 4684 }
4684 .main__vacancies-thing-scroll { 4685 .main__vacancies-thing-scroll {
4685 display: -webkit-box; 4686 display: -webkit-box;
4686 display: -ms-flexbox; 4687 display: -ms-flexbox;
4687 display: flex; 4688 display: flex;
4688 -webkit-box-orient: vertical; 4689 -webkit-box-orient: vertical;
4689 -webkit-box-direction: normal; 4690 -webkit-box-direction: normal;
4690 -ms-flex-direction: column; 4691 -ms-flex-direction: column;
4691 flex-direction: column; 4692 flex-direction: column;
4692 -webkit-box-align: start; 4693 -webkit-box-align: start;
4693 -ms-flex-align: start; 4694 -ms-flex-align: start;
4694 align-items: flex-start; 4695 align-items: flex-start;
4695 gap: 16px; 4696 gap: 16px;
4696 overflow: hidden; 4697 overflow: hidden;
4697 overflow-y: auto; 4698 overflow-y: auto;
4698 max-height: 180px; 4699 max-height: 180px;
4699 padding-right: 10px; 4700 padding-right: 10px;
4700 } 4701 }
4701 @media (min-width: 768px) { 4702 @media (min-width: 768px) {
4702 .main__vacancies-thing-scroll { 4703 .main__vacancies-thing-scroll {
4703 max-height: 210px; 4704 max-height: 210px;
4704 padding-right: 20px; 4705 padding-right: 20px;
4705 } 4706 }
4706 } 4707 }
4707 @media (min-width: 992px) { 4708 @media (min-width: 992px) {
4708 .main__vacancies-thing-scroll { 4709 .main__vacancies-thing-scroll {
4709 max-height: 175px; 4710 max-height: 175px;
4710 } 4711 }
4711 } 4712 }
4712 @media (min-width: 1280px) { 4713 @media (min-width: 1280px) {
4713 .main__vacancies-thing-scroll { 4714 .main__vacancies-thing-scroll {
4714 max-height: 200px; 4715 max-height: 200px;
4715 gap: 20px; 4716 gap: 20px;
4716 } 4717 }
4717 } 4718 }
4718 .main__cond { 4719 .main__cond {
4719 display: -webkit-box; 4720 display: -webkit-box;
4720 display: -ms-flexbox; 4721 display: -ms-flexbox;
4721 display: flex; 4722 display: flex;
4722 -webkit-box-orient: vertical; 4723 -webkit-box-orient: vertical;
4723 -webkit-box-direction: normal; 4724 -webkit-box-direction: normal;
4724 -ms-flex-direction: column; 4725 -ms-flex-direction: column;
4725 flex-direction: column; 4726 flex-direction: column;
4726 gap: 50px; 4727 gap: 50px;
4727 } 4728 }
4728 .main__cond > div { 4729 .main__cond > div {
4729 display: -webkit-box; 4730 display: -webkit-box;
4730 display: -ms-flexbox; 4731 display: -ms-flexbox;
4731 display: flex; 4732 display: flex;
4732 -webkit-box-orient: vertical; 4733 -webkit-box-orient: vertical;
4733 -webkit-box-direction: normal; 4734 -webkit-box-direction: normal;
4734 -ms-flex-direction: column; 4735 -ms-flex-direction: column;
4735 flex-direction: column; 4736 flex-direction: column;
4736 gap: 10px; 4737 gap: 10px;
4737 } 4738 }
4738 .main__cond-label { 4739 .main__cond-label {
4739 border-radius: 16px; 4740 border-radius: 16px;
4740 border: 1px solid #cecece; 4741 border: 1px solid #cecece;
4741 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4742 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4742 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4743 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4743 padding: 30px 20px; 4744 padding: 30px 20px;
4744 font-weight: 700; 4745 font-weight: 700;
4745 color: #000; 4746 color: #000;
4746 line-height: 2; 4747 line-height: 2;
4747 text-align: center; 4748 text-align: center;
4748 } 4749 }
4749 @media (min-width: 992px) { 4750 @media (min-width: 992px) {
4750 .main__cond-label { 4751 .main__cond-label {
4751 font-size: 30px; 4752 font-size: 30px;
4752 } 4753 }
4753 } 4754 }
4754 .main__cond-icons { 4755 .main__cond-icons {
4755 padding: 0; 4756 padding: 0;
4756 margin: 0; 4757 margin: 0;
4757 display: -webkit-box; 4758 display: -webkit-box;
4758 display: -ms-flexbox; 4759 display: -ms-flexbox;
4759 display: flex; 4760 display: flex;
4760 -webkit-box-orient: vertical; 4761 -webkit-box-orient: vertical;
4761 -webkit-box-direction: normal; 4762 -webkit-box-direction: normal;
4762 -ms-flex-direction: column; 4763 -ms-flex-direction: column;
4763 flex-direction: column; 4764 flex-direction: column;
4764 gap: 25px; 4765 gap: 25px;
4765 margin-top: 10px; 4766 margin-top: 10px;
4766 } 4767 }
4767 @media (min-width: 768px) { 4768 @media (min-width: 768px) {
4768 .main__cond-icons { 4769 .main__cond-icons {
4769 display: grid; 4770 display: grid;
4770 grid-template-columns: repeat(2, 1fr); 4771 grid-template-columns: repeat(2, 1fr);
4771 gap: 60px; 4772 gap: 60px;
4772 margin-top: 20px; 4773 margin-top: 20px;
4773 } 4774 }
4774 } 4775 }
4775 @media (min-width: 1280px) { 4776 @media (min-width: 1280px) {
4776 .main__cond-icons { 4777 .main__cond-icons {
4777 grid-template-columns: repeat(3, 1fr); 4778 grid-template-columns: repeat(3, 1fr);
4778 } 4779 }
4779 } 4780 }
4780 .main__cond-icons li { 4781 .main__cond-icons li {
4781 display: -webkit-box; 4782 display: -webkit-box;
4782 display: -ms-flexbox; 4783 display: -ms-flexbox;
4783 display: flex; 4784 display: flex;
4784 -webkit-box-orient: vertical; 4785 -webkit-box-orient: vertical;
4785 -webkit-box-direction: normal; 4786 -webkit-box-direction: normal;
4786 -ms-flex-direction: column; 4787 -ms-flex-direction: column;
4787 flex-direction: column; 4788 flex-direction: column;
4788 -webkit-box-align: start; 4789 -webkit-box-align: start;
4789 -ms-flex-align: start; 4790 -ms-flex-align: start;
4790 align-items: flex-start; 4791 align-items: flex-start;
4791 gap: 20px; 4792 gap: 20px;
4792 font-size: 12px; 4793 font-size: 12px;
4793 line-height: 1.4; 4794 line-height: 1.4;
4794 color: #000; 4795 color: #000;
4795 } 4796 }
4796 @media (min-width: 768px) { 4797 @media (min-width: 768px) {
4797 .main__cond-icons li { 4798 .main__cond-icons li {
4798 font-size: 14px; 4799 font-size: 14px;
4799 } 4800 }
4800 } 4801 }
4801 @media (min-width: 992px) { 4802 @media (min-width: 992px) {
4802 .main__cond-icons li { 4803 .main__cond-icons li {
4803 font-size: 16px; 4804 font-size: 16px;
4804 line-height: 1.6; 4805 line-height: 1.6;
4805 } 4806 }
4806 } 4807 }
4807 @media (min-width: 1280px) { 4808 @media (min-width: 1280px) {
4808 .main__cond-icons li { 4809 .main__cond-icons li {
4809 font-size: 18px; 4810 font-size: 18px;
4810 } 4811 }
4811 } 4812 }
4812 .main__cond-icons li span { 4813 .main__cond-icons li span {
4813 width: 48px; 4814 width: 48px;
4814 height: 48px; 4815 height: 48px;
4815 display: -webkit-box; 4816 display: -webkit-box;
4816 display: -ms-flexbox; 4817 display: -ms-flexbox;
4817 display: flex; 4818 display: flex;
4818 -webkit-box-align: center; 4819 -webkit-box-align: center;
4819 -ms-flex-align: center; 4820 -ms-flex-align: center;
4820 align-items: center; 4821 align-items: center;
4821 } 4822 }
4822 .main__cond-icons li span img { 4823 .main__cond-icons li span img {
4823 max-width: 48px; 4824 max-width: 48px;
4824 } 4825 }
4825 .main__cond-callback { 4826 .main__cond-callback {
4826 margin-top: 10px; 4827 margin-top: 10px;
4827 } 4828 }
4828 .main__ads { 4829 .main__ads {
4829 display: -webkit-box; 4830 display: -webkit-box;
4830 display: -ms-flexbox; 4831 display: -ms-flexbox;
4831 display: flex; 4832 display: flex;
4832 -webkit-box-orient: vertical; 4833 -webkit-box-orient: vertical;
4833 -webkit-box-direction: normal; 4834 -webkit-box-direction: normal;
4834 -ms-flex-direction: column; 4835 -ms-flex-direction: column;
4835 flex-direction: column; 4836 flex-direction: column;
4836 gap: 30px; 4837 gap: 30px;
4837 margin: 30px 0; 4838 margin: 30px 0;
4838 } 4839 }
4839 @media (min-width: 992px) { 4840 @media (min-width: 992px) {
4840 .main__ads { 4841 .main__ads {
4841 margin: 60px 0; 4842 margin: 60px 0;
4842 } 4843 }
4843 } 4844 }
4844 .main__ads-item { 4845 .main__ads-item {
4845 display: -webkit-box; 4846 display: -webkit-box;
4846 display: -ms-flexbox; 4847 display: -ms-flexbox;
4847 display: flex; 4848 display: flex;
4848 -webkit-box-orient: vertical; 4849 -webkit-box-orient: vertical;
4849 -webkit-box-direction: normal; 4850 -webkit-box-direction: normal;
4850 -ms-flex-direction: column; 4851 -ms-flex-direction: column;
4851 flex-direction: column; 4852 flex-direction: column;
4852 gap: 16px; 4853 gap: 16px;
4853 } 4854 }
4854 @media (min-width: 992px) { 4855 @media (min-width: 992px) {
4855 .main__ads-item { 4856 .main__ads-item {
4856 -webkit-box-orient: horizontal; 4857 -webkit-box-orient: horizontal;
4857 -webkit-box-direction: normal; 4858 -webkit-box-direction: normal;
4858 -ms-flex-direction: row; 4859 -ms-flex-direction: row;
4859 flex-direction: row; 4860 flex-direction: row;
4860 gap: 0; 4861 gap: 0;
4861 } 4862 }
4862 } 4863 }
4863 .main__ads-item-pic { 4864 .main__ads-item-pic {
4864 width: 100%; 4865 width: 100%;
4865 max-width: 440px; 4866 max-width: 440px;
4866 max-height: 200px; 4867 max-height: 200px;
4867 aspect-ratio: 3/2; 4868 aspect-ratio: 3/2;
4868 position: relative; 4869 position: relative;
4869 overflow: hidden; 4870 overflow: hidden;
4870 border-radius: 12px; 4871 border-radius: 12px;
4871 } 4872 }
4872 @media (min-width: 992px) { 4873 @media (min-width: 992px) {
4873 .main__ads-item-pic { 4874 .main__ads-item-pic {
4874 width: 200px; 4875 width: 200px;
4875 aspect-ratio: 1/1; 4876 aspect-ratio: 1/1;
4876 } 4877 }
4877 } 4878 }
4878 .main__ads-item-pic img { 4879 .main__ads-item-pic img {
4879 z-index: 1; 4880 z-index: 1;
4880 position: absolute; 4881 position: absolute;
4881 top: 0; 4882 top: 0;
4882 left: 0; 4883 left: 0;
4883 width: 100%; 4884 width: 100%;
4884 height: 100%; 4885 height: 100%;
4885 -o-object-fit: cover; 4886 -o-object-fit: cover;
4886 object-fit: cover; 4887 object-fit: cover;
4887 } 4888 }
4888 .main__ads-item-pic span { 4889 .main__ads-item-pic span {
4889 z-index: 2; 4890 z-index: 2;
4890 width: 30px; 4891 width: 30px;
4891 height: 30px; 4892 height: 30px;
4892 border-radius: 6px; 4893 border-radius: 6px;
4893 background: #4d88d9; 4894 background: #4d88d9;
4894 display: -webkit-box; 4895 display: -webkit-box;
4895 display: -ms-flexbox; 4896 display: -ms-flexbox;
4896 display: flex; 4897 display: flex;
4897 -webkit-box-pack: center; 4898 -webkit-box-pack: center;
4898 -ms-flex-pack: center; 4899 -ms-flex-pack: center;
4899 justify-content: center; 4900 justify-content: center;
4900 -webkit-box-align: center; 4901 -webkit-box-align: center;
4901 -ms-flex-align: center; 4902 -ms-flex-align: center;
4902 align-items: center; 4903 align-items: center;
4903 position: absolute; 4904 position: absolute;
4904 top: 10px; 4905 top: 10px;
4905 left: 10px; 4906 left: 10px;
4906 color: #fff; 4907 color: #fff;
4907 } 4908 }
4908 @media (min-width: 992px) { 4909 @media (min-width: 992px) {
4909 .main__ads-item-pic span { 4910 .main__ads-item-pic span {
4910 width: 42px; 4911 width: 42px;
4911 height: 42px; 4912 height: 42px;
4912 } 4913 }
4913 } 4914 }
4914 .main__ads-item-pic span svg { 4915 .main__ads-item-pic span svg {
4915 width: 12px; 4916 width: 12px;
4916 height: 12px; 4917 height: 12px;
4917 } 4918 }
4918 @media (min-width: 992px) { 4919 @media (min-width: 992px) {
4919 .main__ads-item-pic span svg { 4920 .main__ads-item-pic span svg {
4920 width: 20px; 4921 width: 20px;
4921 height: 20px; 4922 height: 20px;
4922 } 4923 }
4923 } 4924 }
4924 .main__ads-item-body { 4925 .main__ads-item-body {
4925 display: -webkit-box; 4926 display: -webkit-box;
4926 display: -ms-flexbox; 4927 display: -ms-flexbox;
4927 display: flex; 4928 display: flex;
4928 -webkit-box-orient: vertical; 4929 -webkit-box-orient: vertical;
4929 -webkit-box-direction: normal; 4930 -webkit-box-direction: normal;
4930 -ms-flex-direction: column; 4931 -ms-flex-direction: column;
4931 flex-direction: column; 4932 flex-direction: column;
4932 -webkit-box-align: start; 4933 -webkit-box-align: start;
4933 -ms-flex-align: start; 4934 -ms-flex-align: start;
4934 align-items: flex-start; 4935 align-items: flex-start;
4935 gap: 10px; 4936 gap: 10px;
4936 font-size: 12px; 4937 font-size: 12px;
4937 } 4938 }
4938 @media (min-width: 992px) { 4939 @media (min-width: 992px) {
4939 .main__ads-item-body { 4940 .main__ads-item-body {
4940 width: calc(100% - 200px); 4941 width: calc(100% - 200px);
4941 padding-left: 40px; 4942 padding-left: 40px;
4942 -webkit-box-pack: center; 4943 -webkit-box-pack: center;
4943 -ms-flex-pack: center; 4944 -ms-flex-pack: center;
4944 justify-content: center; 4945 justify-content: center;
4945 font-size: 16px; 4946 font-size: 16px;
4946 gap: 20px; 4947 gap: 20px;
4947 } 4948 }
4948 } 4949 }
4949 .main__ads-item-body b { 4950 .main__ads-item-body b {
4950 width: 100%; 4951 width: 100%;
4951 font-weight: 700; 4952 font-weight: 700;
4952 font-size: 14px; 4953 font-size: 14px;
4953 } 4954 }
4954 @media (min-width: 992px) { 4955 @media (min-width: 992px) {
4955 .main__ads-item-body b { 4956 .main__ads-item-body b {
4956 font-size: 20px; 4957 font-size: 20px;
4957 } 4958 }
4958 } 4959 }
4959 .main__ads-item-body span { 4960 .main__ads-item-body span {
4960 width: 100%; 4961 width: 100%;
4961 } 4962 }
4962 4963
4963 .work { 4964 .work {
4964 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4965 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4965 color: #000; 4966 color: #000;
4966 padding-top: 70px; 4967 padding-top: 70px;
4967 padding-bottom: 10px; 4968 padding-bottom: 10px;
4968 position: relative; 4969 position: relative;
4969 overflow: hidden; 4970 overflow: hidden;
4970 } 4971 }
4971 @media (min-width: 768px) { 4972 @media (min-width: 768px) {
4972 .work { 4973 .work {
4973 padding-bottom: 25px; 4974 padding-bottom: 25px;
4974 } 4975 }
4975 } 4976 }
4976 @media (min-width: 1280px) { 4977 @media (min-width: 1280px) {
4977 .work { 4978 .work {
4978 padding-top: 80px; 4979 padding-top: 80px;
4979 padding-bottom: 25px; 4980 padding-bottom: 25px;
4980 } 4981 }
4981 } 4982 }
4982 .work__pic { 4983 .work__pic {
4983 position: absolute; 4984 position: absolute;
4984 height: calc(100% - 40px); 4985 height: calc(100% - 40px);
4985 z-index: 1; 4986 z-index: 1;
4986 display: none; 4987 display: none;
4987 bottom: 0; 4988 bottom: 0;
4988 left: 50%; 4989 left: 50%;
4989 margin-left: 40px; 4990 margin-left: 40px;
4990 } 4991 }
4991 @media (min-width: 992px) { 4992 @media (min-width: 992px) {
4992 .work__pic { 4993 .work__pic {
4993 display: block; 4994 display: block;
4994 } 4995 }
4995 } 4996 }
4996 @media (min-width: 1280px) { 4997 @media (min-width: 1280px) {
4997 .work__pic { 4998 .work__pic {
4998 margin-left: 80px; 4999 margin-left: 80px;
4999 } 5000 }
5000 } 5001 }
5001 .work__body { 5002 .work__body {
5002 position: relative; 5003 position: relative;
5003 z-index: 2; 5004 z-index: 2;
5004 display: -webkit-box; 5005 display: -webkit-box;
5005 display: -ms-flexbox; 5006 display: -ms-flexbox;
5006 display: flex; 5007 display: flex;
5007 -webkit-box-orient: vertical; 5008 -webkit-box-orient: vertical;
5008 -webkit-box-direction: normal; 5009 -webkit-box-direction: normal;
5009 -ms-flex-direction: column; 5010 -ms-flex-direction: column;
5010 flex-direction: column; 5011 flex-direction: column;
5011 -webkit-box-align: center; 5012 -webkit-box-align: center;
5012 -ms-flex-align: center; 5013 -ms-flex-align: center;
5013 align-items: center; 5014 align-items: center;
5014 } 5015 }
5015 @media (min-width: 768px) { 5016 @media (min-width: 768px) {
5016 .work__body { 5017 .work__body {
5017 -webkit-box-align: start; 5018 -webkit-box-align: start;
5018 -ms-flex-align: start; 5019 -ms-flex-align: start;
5019 align-items: flex-start; 5020 align-items: flex-start;
5020 } 5021 }
5021 } 5022 }
5022 @media (min-width: 992px) { 5023 @media (min-width: 992px) {
5023 .work__body { 5024 .work__body {
5024 max-width: 600px; 5025 max-width: 600px;
5025 } 5026 }
5026 } 5027 }
5027 .work__title { 5028 .work__title {
5028 width: 100%; 5029 width: 100%;
5029 font-size: 40px; 5030 font-size: 40px;
5030 font-weight: 700; 5031 font-weight: 700;
5031 line-height: 1; 5032 line-height: 1;
5032 } 5033 }
5033 @media (min-width: 768px) { 5034 @media (min-width: 768px) {
5034 .work__title { 5035 .work__title {
5035 font-size: 64px; 5036 font-size: 64px;
5036 line-height: 94px; 5037 line-height: 94px;
5037 } 5038 }
5038 } 5039 }
5039 .work__text { 5040 .work__text {
5040 width: 100%; 5041 width: 100%;
5041 font-size: 12px; 5042 font-size: 12px;
5042 margin-top: 10px; 5043 margin-top: 10px;
5043 } 5044 }
5044 @media (min-width: 768px) { 5045 @media (min-width: 768px) {
5045 .work__text { 5046 .work__text {
5046 font-size: 18px; 5047 font-size: 18px;
5047 margin-top: 20px; 5048 margin-top: 20px;
5048 line-height: 1.4; 5049 line-height: 1.4;
5049 } 5050 }
5050 } 5051 }
5051 .work__list { 5052 .work__list {
5052 width: 100%; 5053 width: 100%;
5053 display: -webkit-box; 5054 display: -webkit-box;
5054 display: -ms-flexbox; 5055 display: -ms-flexbox;
5055 display: flex; 5056 display: flex;
5056 -webkit-box-orient: vertical; 5057 -webkit-box-orient: vertical;
5057 -webkit-box-direction: normal; 5058 -webkit-box-direction: normal;
5058 -ms-flex-direction: column; 5059 -ms-flex-direction: column;
5059 flex-direction: column; 5060 flex-direction: column;
5060 gap: 5px; 5061 gap: 5px;
5061 font-size: 14px; 5062 font-size: 14px;
5062 font-weight: 700; 5063 font-weight: 700;
5063 margin-top: 15px; 5064 margin-top: 15px;
5064 } 5065 }
5065 @media (min-width: 768px) { 5066 @media (min-width: 768px) {
5066 .work__list { 5067 .work__list {
5067 font-size: 18px; 5068 font-size: 18px;
5068 gap: 8px; 5069 gap: 8px;
5069 margin-top: 30px; 5070 margin-top: 30px;
5070 } 5071 }
5071 } 5072 }
5072 .work__list div { 5073 .work__list div {
5073 position: relative; 5074 position: relative;
5074 padding-left: 10px; 5075 padding-left: 10px;
5075 } 5076 }
5076 @media (min-width: 768px) { 5077 @media (min-width: 768px) {
5077 .work__list div { 5078 .work__list div {
5078 padding-left: 16px; 5079 padding-left: 16px;
5079 } 5080 }
5080 } 5081 }
5081 .work__list div:before { 5082 .work__list div:before {
5082 content: ""; 5083 content: "";
5083 width: 4px; 5084 width: 4px;
5084 height: 4px; 5085 height: 4px;
5085 background: #000; 5086 background: #000;
5086 border-radius: 999px; 5087 border-radius: 999px;
5087 position: absolute; 5088 position: absolute;
5088 top: 5px; 5089 top: 5px;
5089 left: 0; 5090 left: 0;
5090 } 5091 }
5091 @media (min-width: 768px) { 5092 @media (min-width: 768px) {
5092 .work__list div:before { 5093 .work__list div:before {
5093 top: 8px; 5094 top: 8px;
5094 } 5095 }
5095 } 5096 }
5096 .work__form { 5097 .work__form {
5097 margin-top: 20px; 5098 margin-top: 20px;
5098 } 5099 }
5099 @media (min-width: 768px) { 5100 @media (min-width: 768px) {
5100 .work__form { 5101 .work__form {
5101 margin-top: 30px; 5102 margin-top: 30px;
5102 } 5103 }
5103 } 5104 }
5104 .work__search { 5105 .work__search {
5105 width: 100%; 5106 width: 100%;
5106 max-width: 180px; 5107 max-width: 180px;
5107 margin-top: 20px; 5108 margin-top: 20px;
5108 } 5109 }
5109 @media (min-width: 768px) { 5110 @media (min-width: 768px) {
5110 .work__search { 5111 .work__search {
5111 max-width: 270px; 5112 max-width: 270px;
5112 margin-top: 50px; 5113 margin-top: 50px;
5113 } 5114 }
5114 } 5115 }
5115 .work__get { 5116 .work__get {
5116 width: 100%; 5117 width: 100%;
5117 display: -webkit-box; 5118 display: -webkit-box;
5118 display: -ms-flexbox; 5119 display: -ms-flexbox;
5119 display: flex; 5120 display: flex;
5120 -webkit-box-align: start; 5121 -webkit-box-align: start;
5121 -ms-flex-align: start; 5122 -ms-flex-align: start;
5122 align-items: flex-start; 5123 align-items: flex-start;
5123 -ms-flex-wrap: wrap; 5124 -ms-flex-wrap: wrap;
5124 flex-wrap: wrap; 5125 flex-wrap: wrap;
5125 margin-top: 48px; 5126 margin-top: 48px;
5126 } 5127 }
5127 .work__get b { 5128 .work__get b {
5128 width: 100%; 5129 width: 100%;
5129 margin-bottom: 10px; 5130 margin-bottom: 10px;
5130 font-size: 14px; 5131 font-size: 14px;
5131 } 5132 }
5132 @media (min-width: 768px) { 5133 @media (min-width: 768px) {
5133 .work__get b { 5134 .work__get b {
5134 font-size: 18px; 5135 font-size: 18px;
5135 } 5136 }
5136 } 5137 }
5137 .work__get a { 5138 .work__get a {
5138 display: -webkit-box; 5139 display: -webkit-box;
5139 display: -ms-flexbox; 5140 display: -ms-flexbox;
5140 display: flex; 5141 display: flex;
5141 -webkit-box-align: center; 5142 -webkit-box-align: center;
5142 -ms-flex-align: center; 5143 -ms-flex-align: center;
5143 align-items: center; 5144 align-items: center;
5144 -webkit-box-pack: center; 5145 -webkit-box-pack: center;
5145 -ms-flex-pack: center; 5146 -ms-flex-pack: center;
5146 justify-content: center; 5147 justify-content: center;
5147 margin-right: 20px; 5148 margin-right: 20px;
5148 } 5149 }
5149 .work__get a img { 5150 .work__get a img {
5150 -webkit-transition: 0.3s; 5151 -webkit-transition: 0.3s;
5151 transition: 0.3s; 5152 transition: 0.3s;
5152 width: 111px; 5153 width: 111px;
5153 } 5154 }
5154 @media (min-width: 768px) { 5155 @media (min-width: 768px) {
5155 .work__get a img { 5156 .work__get a img {
5156 width: 131px; 5157 width: 131px;
5157 } 5158 }
5158 } 5159 }
5159 .work__get a:hover img { 5160 .work__get a:hover img {
5160 -webkit-transform: scale(1.1); 5161 -webkit-transform: scale(1.1);
5161 -ms-transform: scale(1.1); 5162 -ms-transform: scale(1.1);
5162 transform: scale(1.1); 5163 transform: scale(1.1);
5163 } 5164 }
5164 .work__get a + a { 5165 .work__get a + a {
5165 margin-right: 0; 5166 margin-right: 0;
5166 } 5167 }
5167 5168
5168 .numbers { 5169 .numbers {
5169 padding: 30px 0; 5170 padding: 30px 0;
5170 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5171 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5171 color: #fff; 5172 color: #fff;
5172 } 5173 }
5173 @media (min-width: 1280px) { 5174 @media (min-width: 1280px) {
5174 .numbers { 5175 .numbers {
5175 padding: 100px 0; 5176 padding: 100px 0;
5176 background-position: 100% 100%; 5177 background-position: 100% 100%;
5177 background-size: auto 500px; 5178 background-size: auto 500px;
5178 } 5179 }
5179 } 5180 }
5180 .numbers__body { 5181 .numbers__body {
5181 display: -webkit-box; 5182 display: -webkit-box;
5182 display: -ms-flexbox; 5183 display: -ms-flexbox;
5183 display: flex; 5184 display: flex;
5184 -webkit-box-orient: vertical; 5185 -webkit-box-orient: vertical;
5185 -webkit-box-direction: normal; 5186 -webkit-box-direction: normal;
5186 -ms-flex-direction: column; 5187 -ms-flex-direction: column;
5187 flex-direction: column; 5188 flex-direction: column;
5188 gap: 30px; 5189 gap: 30px;
5189 } 5190 }
5190 @media (min-width: 768px) { 5191 @media (min-width: 768px) {
5191 .numbers__body { 5192 .numbers__body {
5192 display: grid; 5193 display: grid;
5193 grid-template-columns: 1fr 1fr 1fr; 5194 grid-template-columns: 1fr 1fr 1fr;
5194 } 5195 }
5195 } 5196 }
5196 .numbers__item { 5197 .numbers__item {
5197 font-size: 12px; 5198 font-size: 12px;
5198 display: -webkit-box; 5199 display: -webkit-box;
5199 display: -ms-flexbox; 5200 display: -ms-flexbox;
5200 display: flex; 5201 display: flex;
5201 -webkit-box-orient: vertical; 5202 -webkit-box-orient: vertical;
5202 -webkit-box-direction: normal; 5203 -webkit-box-direction: normal;
5203 -ms-flex-direction: column; 5204 -ms-flex-direction: column;
5204 flex-direction: column; 5205 flex-direction: column;
5205 line-height: 1.4; 5206 line-height: 1.4;
5206 } 5207 }
5207 @media (min-width: 1280px) { 5208 @media (min-width: 1280px) {
5208 .numbers__item { 5209 .numbers__item {
5209 font-size: 16px; 5210 font-size: 16px;
5210 line-height: 20px; 5211 line-height: 20px;
5211 } 5212 }
5212 } 5213 }
5213 .numbers__item b { 5214 .numbers__item b {
5214 font-size: 40px; 5215 font-size: 40px;
5215 font-weight: 700; 5216 font-weight: 700;
5216 border-bottom: 1px solid #fff; 5217 border-bottom: 1px solid #fff;
5217 line-height: 1; 5218 line-height: 1;
5218 } 5219 }
5219 @media (min-width: 1280px) { 5220 @media (min-width: 1280px) {
5220 .numbers__item b { 5221 .numbers__item b {
5221 font-size: 100px; 5222 font-size: 100px;
5222 line-height: 147px; 5223 line-height: 147px;
5223 } 5224 }
5224 } 5225 }
5225 .numbers__item span { 5226 .numbers__item span {
5226 font-weight: 700; 5227 font-weight: 700;
5227 font-size: 14px; 5228 font-size: 14px;
5228 margin: 10px 0; 5229 margin: 10px 0;
5229 line-height: 1; 5230 line-height: 1;
5230 } 5231 }
5231 @media (min-width: 1280px) { 5232 @media (min-width: 1280px) {
5232 .numbers__item span { 5233 .numbers__item span {
5233 font-size: 24px; 5234 font-size: 24px;
5234 margin-top: 30px; 5235 margin-top: 30px;
5235 } 5236 }
5236 } 5237 }
5237 5238
5238 .vacancies { 5239 .vacancies {
5239 padding: 50px 0; 5240 padding: 50px 0;
5240 } 5241 }
5241 @media (min-width: 1280px) { 5242 @media (min-width: 1280px) {
5242 .vacancies { 5243 .vacancies {
5243 padding: 100px 0; 5244 padding: 100px 0;
5244 } 5245 }
5245 } 5246 }
5246 .vacancies__body { 5247 .vacancies__body {
5247 display: -webkit-box; 5248 display: -webkit-box;
5248 display: -ms-flexbox; 5249 display: -ms-flexbox;
5249 display: flex; 5250 display: flex;
5250 -webkit-box-orient: vertical; 5251 -webkit-box-orient: vertical;
5251 -webkit-box-direction: reverse; 5252 -webkit-box-direction: reverse;
5252 -ms-flex-direction: column-reverse; 5253 -ms-flex-direction: column-reverse;
5253 flex-direction: column-reverse; 5254 flex-direction: column-reverse;
5254 gap: 20px; 5255 gap: 20px;
5255 width: 100%; 5256 width: 100%;
5256 margin-top: 20px; 5257 margin-top: 20px;
5257 } 5258 }
5258 @media (min-width: 992px) { 5259 @media (min-width: 992px) {
5259 .vacancies__body { 5260 .vacancies__body {
5260 margin-top: 30px; 5261 margin-top: 30px;
5261 gap: 30px; 5262 gap: 30px;
5262 } 5263 }
5263 } 5264 }
5264 .vacancies__more { 5265 .vacancies__more {
5265 width: 100%; 5266 width: 100%;
5266 } 5267 }
5267 @media (min-width: 768px) { 5268 @media (min-width: 768px) {
5268 .vacancies__more { 5269 .vacancies__more {
5269 width: auto; 5270 width: auto;
5270 margin: 0 auto; 5271 margin: 0 auto;
5271 } 5272 }
5272 } 5273 }
5273 .vacancies__list { 5274 .vacancies__list {
5274 display: -webkit-box; 5275 display: -webkit-box;
5275 display: -ms-flexbox; 5276 display: -ms-flexbox;
5276 display: flex; 5277 display: flex;
5277 -webkit-box-orient: vertical; 5278 -webkit-box-orient: vertical;
5278 -webkit-box-direction: normal; 5279 -webkit-box-direction: normal;
5279 -ms-flex-direction: column; 5280 -ms-flex-direction: column;
5280 flex-direction: column; 5281 flex-direction: column;
5281 gap: 15px; 5282 gap: 15px;
5282 } 5283 }
5283 @media (min-width: 768px) { 5284 @media (min-width: 768px) {
5284 .vacancies__list { 5285 .vacancies__list {
5285 display: grid; 5286 display: grid;
5286 grid-template-columns: repeat(2, 1fr); 5287 grid-template-columns: repeat(2, 1fr);
5287 } 5288 }
5288 } 5289 }
5289 @media (min-width: 992px) { 5290 @media (min-width: 992px) {
5290 .vacancies__list { 5291 .vacancies__list {
5291 display: grid; 5292 display: grid;
5292 grid-template-columns: repeat(3, 1fr); 5293 grid-template-columns: repeat(3, 1fr);
5293 gap: 20px; 5294 gap: 20px;
5294 } 5295 }
5295 } 5296 }
5296 @media (min-width: 1280px) { 5297 @media (min-width: 1280px) {
5297 .vacancies__list { 5298 .vacancies__list {
5298 grid-template-columns: repeat(4, 1fr); 5299 grid-template-columns: repeat(4, 1fr);
5299 } 5300 }
5300 } 5301 }
5301 .vacancies__list-label { 5302 .vacancies__list-label {
5302 font-weight: 700; 5303 font-weight: 700;
5303 font-size: 22px; 5304 font-size: 22px;
5304 } 5305 }
5305 .vacancies__list-col { 5306 .vacancies__list-col {
5306 display: -webkit-box; 5307 display: -webkit-box;
5307 display: -ms-flexbox; 5308 display: -ms-flexbox;
5308 display: flex; 5309 display: flex;
5309 -webkit-box-orient: vertical; 5310 -webkit-box-orient: vertical;
5310 -webkit-box-direction: normal; 5311 -webkit-box-direction: normal;
5311 -ms-flex-direction: column; 5312 -ms-flex-direction: column;
5312 flex-direction: column; 5313 flex-direction: column;
5313 gap: 15px; 5314 gap: 15px;
5314 margin-top: 15px; 5315 margin-top: 15px;
5315 margin-bottom: 30px; 5316 margin-bottom: 30px;
5316 } 5317 }
5317 @media (min-width: 768px) { 5318 @media (min-width: 768px) {
5318 .vacancies__list-col { 5319 .vacancies__list-col {
5319 margin-top: 0; 5320 margin-top: 0;
5320 } 5321 }
5321 } 5322 }
5322 .vacancies__list-col:first-child { 5323 .vacancies__list-col:first-child {
5323 margin-top: 0; 5324 margin-top: 0;
5324 } 5325 }
5325 .vacancies__item { 5326 .vacancies__item {
5326 display: none; 5327 display: none;
5327 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5328 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5328 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5329 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5329 border-radius: 12px; 5330 border-radius: 12px;
5330 background: #fff; 5331 background: #fff;
5331 border: 1px solid #e6e7e7; 5332 border: 1px solid #e6e7e7;
5332 overflow: hidden; 5333 overflow: hidden;
5333 } 5334 }
5334 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) { 5335 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) {
5335 display: -webkit-box; 5336 display: -webkit-box;
5336 display: -ms-flexbox; 5337 display: -ms-flexbox;
5337 display: flex; 5338 display: flex;
5338 } 5339 }
5339 .vacancies__item > span { 5340 .vacancies__item > span {
5340 border-left: 10px solid #377d87; 5341 border-left: 10px solid #377d87;
5341 padding: 20px 14px; 5342 padding: 20px 14px;
5342 display: -webkit-box; 5343 display: -webkit-box;
5343 display: -ms-flexbox; 5344 display: -ms-flexbox;
5344 display: flex; 5345 display: flex;
5345 -webkit-box-orient: vertical; 5346 -webkit-box-orient: vertical;
5346 -webkit-box-direction: normal; 5347 -webkit-box-direction: normal;
5347 -ms-flex-direction: column; 5348 -ms-flex-direction: column;
5348 flex-direction: column; 5349 flex-direction: column;
5349 -webkit-box-align: start; 5350 -webkit-box-align: start;
5350 -ms-flex-align: start; 5351 -ms-flex-align: start;
5351 align-items: flex-start; 5352 align-items: flex-start;
5352 gap: 5px; 5353 gap: 5px;
5353 -webkit-box-pack: justify; 5354 -webkit-box-pack: justify;
5354 -ms-flex-pack: justify; 5355 -ms-flex-pack: justify;
5355 justify-content: space-between; 5356 justify-content: space-between;
5356 } 5357 }
5357 @media (min-width: 992px) { 5358 @media (min-width: 992px) {
5358 .vacancies__item > span { 5359 .vacancies__item > span {
5359 gap: 10px; 5360 gap: 10px;
5360 } 5361 }
5361 } 5362 }
5362 .vacancies__item b { 5363 .vacancies__item b {
5363 font-weight: 700; 5364 font-weight: 700;
5364 font-size: 14px; 5365 font-size: 14px;
5365 } 5366 }
5366 @media (min-width: 992px) { 5367 @media (min-width: 992px) {
5367 .vacancies__item b { 5368 .vacancies__item b {
5368 font-size: 20px; 5369 font-size: 20px;
5369 } 5370 }
5370 } 5371 }
5371 .vacancies__item:hover b { 5372 .vacancies__item:hover b {
5372 color: #377d87; 5373 color: #377d87;
5373 } 5374 }
5374 .vacancies__item u { 5375 .vacancies__item u {
5375 text-decoration: none; 5376 text-decoration: none;
5376 font-size: 14px; 5377 font-size: 14px;
5377 } 5378 }
5378 @media (min-width: 992px) { 5379 @media (min-width: 992px) {
5379 .vacancies__item u { 5380 .vacancies__item u {
5380 font-size: 18px; 5381 font-size: 18px;
5381 } 5382 }
5382 } 5383 }
5383 .vacancies__item i { 5384 .vacancies__item i {
5384 font-size: 12px; 5385 font-size: 12px;
5385 font-style: normal; 5386 font-style: normal;
5386 border-bottom: 1px dashed #377d87; 5387 border-bottom: 1px dashed #377d87;
5387 } 5388 }
5388 @media (min-width: 992px) { 5389 @media (min-width: 992px) {
5389 .vacancies__item i { 5390 .vacancies__item i {
5390 font-size: 16px; 5391 font-size: 16px;
5391 } 5392 }
5392 } 5393 }
5393 .vacancies__item i span { 5394 .vacancies__item i span {
5394 font-weight: 700; 5395 font-weight: 700;
5395 color: #377d87; 5396 color: #377d87;
5396 } 5397 }
5397 .vacancies__body.active .vacancies__list .vacancies__item { 5398 .vacancies__body.active .vacancies__list .vacancies__item {
5398 display: -webkit-box; 5399 display: -webkit-box;
5399 display: -ms-flexbox; 5400 display: -ms-flexbox;
5400 display: flex; 5401 display: flex;
5401 } 5402 }
5402 5403
5403 .employer { 5404 .employer {
5404 padding-bottom: 50px; 5405 padding-bottom: 50px;
5405 } 5406 }
5406 @media (min-width: 768px) { 5407 @media (min-width: 768px) {
5407 .employer { 5408 .employer {
5408 padding-bottom: 100px; 5409 padding-bottom: 100px;
5409 } 5410 }
5410 } 5411 }
5411 .employer .swiper { 5412 .employer .swiper {
5412 margin: 20px 0; 5413 margin: 20px 0;
5413 } 5414 }
5414 @media (min-width: 768px) { 5415 @media (min-width: 768px) {
5415 .employer .swiper { 5416 .employer .swiper {
5416 display: none; 5417 display: none;
5417 } 5418 }
5418 } 5419 }
5419 .employer__item { 5420 .employer__item {
5420 display: -webkit-box; 5421 display: -webkit-box;
5421 display: -ms-flexbox; 5422 display: -ms-flexbox;
5422 display: flex; 5423 display: flex;
5423 -webkit-box-orient: vertical; 5424 -webkit-box-orient: vertical;
5424 -webkit-box-direction: normal; 5425 -webkit-box-direction: normal;
5425 -ms-flex-direction: column; 5426 -ms-flex-direction: column;
5426 flex-direction: column; 5427 flex-direction: column;
5427 gap: 30px; 5428 gap: 30px;
5428 } 5429 }
5429 .employer__item a { 5430 .employer__item a {
5430 display: -webkit-box; 5431 display: -webkit-box;
5431 display: -ms-flexbox; 5432 display: -ms-flexbox;
5432 display: flex; 5433 display: flex;
5433 -webkit-box-orient: vertical; 5434 -webkit-box-orient: vertical;
5434 -webkit-box-direction: normal; 5435 -webkit-box-direction: normal;
5435 -ms-flex-direction: column; 5436 -ms-flex-direction: column;
5436 flex-direction: column; 5437 flex-direction: column;
5437 -webkit-box-align: center; 5438 -webkit-box-align: center;
5438 -ms-flex-align: center; 5439 -ms-flex-align: center;
5439 align-items: center; 5440 align-items: center;
5440 } 5441 }
5441 .employer__item img { 5442 .employer__item img {
5442 width: 100%; 5443 width: 100%;
5443 aspect-ratio: 295/98; 5444 aspect-ratio: 295/98;
5444 -o-object-fit: contain; 5445 -o-object-fit: contain;
5445 object-fit: contain; 5446 object-fit: contain;
5446 } 5447 }
5447 .employer__body { 5448 .employer__body {
5448 display: none; 5449 display: none;
5449 grid-template-columns: 1fr 1fr; 5450 grid-template-columns: 1fr 1fr;
5450 gap: 30px; 5451 gap: 30px;
5451 margin-top: 30px; 5452 margin-top: 30px;
5452 margin-bottom: 40px; 5453 margin-bottom: 40px;
5453 } 5454 }
5454 @media (min-width: 768px) { 5455 @media (min-width: 768px) {
5455 .employer__body { 5456 .employer__body {
5456 display: grid; 5457 display: grid;
5457 } 5458 }
5458 } 5459 }
5459 @media (min-width: 992px) { 5460 @media (min-width: 992px) {
5460 .employer__body { 5461 .employer__body {
5461 grid-template-columns: 1fr 1fr 1fr; 5462 grid-template-columns: 1fr 1fr 1fr;
5462 } 5463 }
5463 } 5464 }
5464 @media (min-width: 1280px) { 5465 @media (min-width: 1280px) {
5465 .employer__body { 5466 .employer__body {
5466 grid-template-columns: 1fr 1fr 1fr 1fr; 5467 grid-template-columns: 1fr 1fr 1fr 1fr;
5467 } 5468 }
5468 } 5469 }
5469 .employer__body a { 5470 .employer__body a {
5470 display: -webkit-box; 5471 display: -webkit-box;
5471 display: -ms-flexbox; 5472 display: -ms-flexbox;
5472 display: flex; 5473 display: flex;
5473 -webkit-box-pack: center; 5474 -webkit-box-pack: center;
5474 -ms-flex-pack: center; 5475 -ms-flex-pack: center;
5475 justify-content: center; 5476 justify-content: center;
5476 -webkit-box-align: center; 5477 -webkit-box-align: center;
5477 -ms-flex-align: center; 5478 -ms-flex-align: center;
5478 align-items: center; 5479 align-items: center;
5479 height: 98px; 5480 height: 98px;
5480 } 5481 }
5481 .employer__body img { 5482 .employer__body img {
5482 max-width: 100%; 5483 max-width: 100%;
5483 max-height: 98px; 5484 max-height: 98px;
5484 -o-object-fit: contain; 5485 -o-object-fit: contain;
5485 object-fit: contain; 5486 object-fit: contain;
5486 } 5487 }
5487 .employer__more { 5488 .employer__more {
5488 height: 38px; 5489 height: 38px;
5489 } 5490 }
5490 @media (min-width: 768px) { 5491 @media (min-width: 768px) {
5491 .employer__more { 5492 .employer__more {
5492 width: 250px; 5493 width: 250px;
5493 margin: 0 auto; 5494 margin: 0 auto;
5494 height: 44px; 5495 height: 44px;
5495 } 5496 }
5496 } 5497 }
5497 5498
5498 .about { 5499 .about {
5499 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5500 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5500 background-size: cover; 5501 background-size: cover;
5501 padding: 30px 0; 5502 padding: 30px 0;
5502 padding-bottom: 70px; 5503 padding-bottom: 70px;
5503 } 5504 }
5504 @media (min-width: 768px) { 5505 @media (min-width: 768px) {
5505 .about { 5506 .about {
5506 padding-top: 40px; 5507 padding-top: 40px;
5507 background-size: auto calc(100% - 10px); 5508 background-size: auto calc(100% - 10px);
5508 } 5509 }
5509 } 5510 }
5510 @media (min-width: 1280px) { 5511 @media (min-width: 1280px) {
5511 .about { 5512 .about {
5512 padding: 100px 0; 5513 padding: 100px 0;
5513 } 5514 }
5514 } 5515 }
5515 .about__wrapper { 5516 .about__wrapper {
5516 display: -webkit-box; 5517 display: -webkit-box;
5517 display: -ms-flexbox; 5518 display: -ms-flexbox;
5518 display: flex; 5519 display: flex;
5519 -webkit-box-orient: vertical; 5520 -webkit-box-orient: vertical;
5520 -webkit-box-direction: normal; 5521 -webkit-box-direction: normal;
5521 -ms-flex-direction: column; 5522 -ms-flex-direction: column;
5522 flex-direction: column; 5523 flex-direction: column;
5523 position: relative; 5524 position: relative;
5524 } 5525 }
5525 .about__title { 5526 .about__title {
5526 color: #fff; 5527 color: #fff;
5527 line-height: 1.2; 5528 line-height: 1.2;
5528 } 5529 }
5529 @media (min-width: 1280px) { 5530 @media (min-width: 1280px) {
5530 .about__title { 5531 .about__title {
5531 position: absolute; 5532 position: absolute;
5532 top: -45px; 5533 top: -45px;
5533 left: 0; 5534 left: 0;
5534 } 5535 }
5535 } 5536 }
5536 .about__body { 5537 .about__body {
5537 display: -webkit-box; 5538 display: -webkit-box;
5538 display: -ms-flexbox; 5539 display: -ms-flexbox;
5539 display: flex; 5540 display: flex;
5540 -webkit-box-orient: vertical; 5541 -webkit-box-orient: vertical;
5541 -webkit-box-direction: normal; 5542 -webkit-box-direction: normal;
5542 -ms-flex-direction: column; 5543 -ms-flex-direction: column;
5543 flex-direction: column; 5544 flex-direction: column;
5544 } 5545 }
5545 @media (min-width: 1280px) { 5546 @media (min-width: 1280px) {
5546 .about__body { 5547 .about__body {
5547 padding-left: 495px; 5548 padding-left: 495px;
5548 } 5549 }
5549 } 5550 }
5550 .about__line { 5551 .about__line {
5551 background: #fff; 5552 background: #fff;
5552 width: 100%; 5553 width: 100%;
5553 height: 1px; 5554 height: 1px;
5554 max-width: 400px; 5555 max-width: 400px;
5555 margin-top: 10px; 5556 margin-top: 10px;
5556 } 5557 }
5557 .about__item { 5558 .about__item {
5558 display: -webkit-box; 5559 display: -webkit-box;
5559 display: -ms-flexbox; 5560 display: -ms-flexbox;
5560 display: flex; 5561 display: flex;
5561 -webkit-box-orient: vertical; 5562 -webkit-box-orient: vertical;
5562 -webkit-box-direction: normal; 5563 -webkit-box-direction: normal;
5563 -ms-flex-direction: column; 5564 -ms-flex-direction: column;
5564 flex-direction: column; 5565 flex-direction: column;
5565 margin-top: 10px; 5566 margin-top: 10px;
5566 max-width: 600px; 5567 max-width: 600px;
5567 } 5568 }
5568 @media (min-width: 768px) { 5569 @media (min-width: 768px) {
5569 .about__item { 5570 .about__item {
5570 margin-top: 20px; 5571 margin-top: 20px;
5571 } 5572 }
5572 } 5573 }
5573 @media (min-width: 1280px) { 5574 @media (min-width: 1280px) {
5574 .about__item { 5575 .about__item {
5575 margin-top: 30px; 5576 margin-top: 30px;
5576 } 5577 }
5577 } 5578 }
5578 .about__item b { 5579 .about__item b {
5579 font-size: 20px; 5580 font-size: 20px;
5580 font-weight: 700; 5581 font-weight: 700;
5581 } 5582 }
5582 .about__item span { 5583 .about__item span {
5583 font-size: 13px; 5584 font-size: 13px;
5584 line-height: 1.4; 5585 line-height: 1.4;
5585 margin-top: 6px; 5586 margin-top: 6px;
5586 } 5587 }
5587 @media (min-width: 1280px) { 5588 @media (min-width: 1280px) {
5588 .about__item span { 5589 .about__item span {
5589 font-size: 16px; 5590 font-size: 16px;
5590 margin-top: 12px; 5591 margin-top: 12px;
5591 } 5592 }
5592 } 5593 }
5593 .about__item a { 5594 .about__item a {
5594 text-decoration: underline; 5595 text-decoration: underline;
5595 } 5596 }
5596 .about__item + .about__item { 5597 .about__item + .about__item {
5597 margin-top: 30px; 5598 margin-top: 30px;
5598 } 5599 }
5599 @media (min-width: 992px) { 5600 @media (min-width: 992px) {
5600 .about__item + .about__item { 5601 .about__item + .about__item {
5601 margin-top: 40px; 5602 margin-top: 40px;
5602 } 5603 }
5603 } 5604 }
5604 .about__button { 5605 .about__button {
5605 margin-top: 20px; 5606 margin-top: 20px;
5606 height: 38px; 5607 height: 38px;
5607 padding: 0; 5608 padding: 0;
5608 } 5609 }
5609 @media (min-width: 768px) { 5610 @media (min-width: 768px) {
5610 .about__button { 5611 .about__button {
5611 max-width: 200px; 5612 max-width: 200px;
5612 height: 42px; 5613 height: 42px;
5613 margin-top: 30px; 5614 margin-top: 30px;
5614 } 5615 }
5615 } 5616 }
5616 5617
5617 .news { 5618 .news {
5618 padding: 50px 0; 5619 padding: 50px 0;
5619 overflow: hidden; 5620 overflow: hidden;
5620 } 5621 }
5621 @media (min-width: 1280px) { 5622 @media (min-width: 1280px) {
5622 .news { 5623 .news {
5623 padding: 100px 0; 5624 padding: 100px 0;
5624 padding-bottom: 0; 5625 padding-bottom: 0;
5625 } 5626 }
5626 } 5627 }
5627 .news__toper { 5628 .news__toper {
5628 display: -webkit-box; 5629 display: -webkit-box;
5629 display: -ms-flexbox; 5630 display: -ms-flexbox;
5630 display: flex; 5631 display: flex;
5631 -webkit-box-pack: justify; 5632 -webkit-box-pack: justify;
5632 -ms-flex-pack: justify; 5633 -ms-flex-pack: justify;
5633 justify-content: space-between; 5634 justify-content: space-between;
5634 -webkit-box-align: center; 5635 -webkit-box-align: center;
5635 -ms-flex-align: center; 5636 -ms-flex-align: center;
5636 align-items: center; 5637 align-items: center;
5637 } 5638 }
5638 @media (min-width: 1280px) { 5639 @media (min-width: 1280px) {
5639 .news__toper .title { 5640 .news__toper .title {
5640 width: calc(100% - 160px); 5641 width: calc(100% - 160px);
5641 } 5642 }
5642 } 5643 }
5643 .news__toper .navs { 5644 .news__toper .navs {
5644 display: none; 5645 display: none;
5645 } 5646 }
5646 @media (min-width: 1280px) { 5647 @media (min-width: 1280px) {
5647 .news__toper .navs { 5648 .news__toper .navs {
5648 display: -webkit-box; 5649 display: -webkit-box;
5649 display: -ms-flexbox; 5650 display: -ms-flexbox;
5650 display: flex; 5651 display: flex;
5651 } 5652 }
5652 } 5653 }
5653 .news .swiper { 5654 .news .swiper {
5654 margin-top: 20px; 5655 margin-top: 20px;
5655 } 5656 }
5656 @media (min-width: 768px) { 5657 @media (min-width: 768px) {
5657 .news .swiper { 5658 .news .swiper {
5658 overflow: visible; 5659 overflow: visible;
5659 } 5660 }
5660 } 5661 }
5661 @media (min-width: 992px) { 5662 @media (min-width: 992px) {
5662 .news .swiper { 5663 .news .swiper {
5663 margin-top: 40px; 5664 margin-top: 40px;
5664 } 5665 }
5665 } 5666 }
5666 .news__item { 5667 .news__item {
5667 display: -webkit-box; 5668 display: -webkit-box;
5668 display: -ms-flexbox; 5669 display: -ms-flexbox;
5669 display: flex; 5670 display: flex;
5670 -webkit-box-orient: vertical; 5671 -webkit-box-orient: vertical;
5671 -webkit-box-direction: normal; 5672 -webkit-box-direction: normal;
5672 -ms-flex-direction: column; 5673 -ms-flex-direction: column;
5673 flex-direction: column; 5674 flex-direction: column;
5674 line-height: 1.4; 5675 line-height: 1.4;
5675 } 5676 }
5676 .news__item-pic { 5677 .news__item-pic {
5677 width: 100%; 5678 width: 100%;
5678 aspect-ratio: 3/2; 5679 aspect-ratio: 3/2;
5679 border-radius: 12px; 5680 border-radius: 12px;
5680 border: 1px solid #e6e7e7; 5681 border: 1px solid #e6e7e7;
5681 -o-object-fit: cover; 5682 -o-object-fit: cover;
5682 object-fit: cover; 5683 object-fit: cover;
5683 min-height: 200px; 5684 min-height: 200px;
5684 } 5685 }
5685 @media (min-width: 1280px) { 5686 @media (min-width: 1280px) {
5686 .news__item-pic { 5687 .news__item-pic {
5687 aspect-ratio: 4/2; 5688 aspect-ratio: 4/2;
5688 } 5689 }
5689 } 5690 }
5690 .news__item-body { 5691 .news__item-body {
5691 display: -webkit-box; 5692 display: -webkit-box;
5692 display: -ms-flexbox; 5693 display: -ms-flexbox;
5693 display: flex; 5694 display: flex;
5694 -webkit-box-orient: vertical; 5695 -webkit-box-orient: vertical;
5695 -webkit-box-direction: normal; 5696 -webkit-box-direction: normal;
5696 -ms-flex-direction: column; 5697 -ms-flex-direction: column;
5697 flex-direction: column; 5698 flex-direction: column;
5698 padding-top: 15px; 5699 padding-top: 15px;
5699 } 5700 }
5700 @media (min-width: 768px) { 5701 @media (min-width: 768px) {
5701 .news__item-body { 5702 .news__item-body {
5702 padding: 20px; 5703 padding: 20px;
5703 padding-top: 30px; 5704 padding-top: 30px;
5704 margin-top: -15px; 5705 margin-top: -15px;
5705 border-radius: 0 0 12px 12px; 5706 border-radius: 0 0 12px 12px;
5706 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5707 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5707 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5708 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5708 } 5709 }
5709 } 5710 }
5710 .news__item-date { 5711 .news__item-date {
5711 font-size: 14px; 5712 font-size: 14px;
5712 font-weight: 700; 5713 font-weight: 700;
5713 color: #377d87; 5714 color: #377d87;
5714 } 5715 }
5715 .news__item-title { 5716 .news__item-title {
5716 font-size: 20px; 5717 font-size: 20px;
5717 font-weight: 700; 5718 font-weight: 700;
5718 line-height: 1.2; 5719 line-height: 1.2;
5719 margin-top: 5px; 5720 margin-top: 5px;
5720 } 5721 }
5721 .news__item-text { 5722 .news__item-text {
5722 color: #000; 5723 color: #000;
5723 font-size: 13px; 5724 font-size: 13px;
5724 margin-top: 10px; 5725 margin-top: 10px;
5725 overflow: hidden; 5726 overflow: hidden;
5726 display: -webkit-box; 5727 display: -webkit-box;
5727 -webkit-box-orient: vertical; 5728 -webkit-box-orient: vertical;
5728 -webkit-line-clamp: 4; 5729 -webkit-line-clamp: 4;
5729 } 5730 }
5730 @media (min-width: 1280px) { 5731 @media (min-width: 1280px) {
5731 .news__item-text { 5732 .news__item-text {
5732 font-size: 16px; 5733 font-size: 16px;
5733 } 5734 }
5734 } 5735 }
5735 .news__item-more { 5736 .news__item-more {
5736 height: 42px; 5737 height: 42px;
5737 margin-top: 20px; 5738 margin-top: 20px;
5738 } 5739 }
5739 @media (min-width: 1280px) { 5740 @media (min-width: 1280px) {
5740 .news__item-more { 5741 .news__item-more {
5741 height: 44px; 5742 height: 44px;
5742 max-width: 190px; 5743 max-width: 190px;
5743 } 5744 }
5744 } 5745 }
5745 .news__all { 5746 .news__all {
5746 height: 42px; 5747 height: 42px;
5747 margin: 0 auto; 5748 margin: 0 auto;
5748 margin-top: 20px; 5749 margin-top: 20px;
5749 padding: 0; 5750 padding: 0;
5750 display: none; 5751 display: none;
5751 } 5752 }
5752 @media (min-width: 768px) { 5753 @media (min-width: 768px) {
5753 .news__all { 5754 .news__all {
5754 max-width: 170px; 5755 max-width: 170px;
5755 margin-top: 30px; 5756 margin-top: 30px;
5756 display: -webkit-box; 5757 display: -webkit-box;
5757 display: -ms-flexbox; 5758 display: -ms-flexbox;
5758 display: flex; 5759 display: flex;
5759 } 5760 }
5760 } 5761 }
5761 @media (min-width: 1280px) { 5762 @media (min-width: 1280px) {
5762 .news__all { 5763 .news__all {
5763 height: 44px; 5764 height: 44px;
5764 } 5765 }
5765 } 5766 }
5766 .news__items { 5767 .news__items {
5767 display: grid; 5768 display: grid;
5768 gap: 20px; 5769 gap: 20px;
5769 margin-bottom: 10px; 5770 margin-bottom: 10px;
5770 } 5771 }
5771 @media (min-width: 768px) { 5772 @media (min-width: 768px) {
5772 .news__items { 5773 .news__items {
5773 grid-template-columns: 1fr 1fr; 5774 grid-template-columns: 1fr 1fr;
5774 } 5775 }
5775 } 5776 }
5776 @media (min-width: 992px) { 5777 @media (min-width: 992px) {
5777 .news__items { 5778 .news__items {
5778 grid-template-columns: 1fr 1fr 1fr; 5779 grid-template-columns: 1fr 1fr 1fr;
5779 } 5780 }
5780 } 5781 }
5781 5782
5782 main + .news { 5783 main + .news {
5783 padding: 0; 5784 padding: 0;
5784 } 5785 }
5785 5786
5786 .info { 5787 .info {
5787 position: relative; 5788 position: relative;
5788 overflow: hidden; 5789 overflow: hidden;
5789 } 5790 }
5790 @media (min-width: 1280px) { 5791 @media (min-width: 1280px) {
5791 .info { 5792 .info {
5792 margin-bottom: -25px; 5793 margin-bottom: -25px;
5793 } 5794 }
5794 } 5795 }
5795 .info__pic { 5796 .info__pic {
5796 display: none; 5797 display: none;
5797 z-index: 1; 5798 z-index: 1;
5798 position: absolute; 5799 position: absolute;
5799 top: 0; 5800 top: 0;
5800 left: 50%; 5801 left: 50%;
5801 height: 100%; 5802 height: 100%;
5802 margin-left: 130px; 5803 margin-left: 130px;
5803 } 5804 }
5804 @media (min-width: 992px) { 5805 @media (min-width: 992px) {
5805 .info__pic { 5806 .info__pic {
5806 display: block; 5807 display: block;
5807 } 5808 }
5808 } 5809 }
5809 @media (min-width: 1280px) { 5810 @media (min-width: 1280px) {
5810 .info__pic { 5811 .info__pic {
5811 width: 610px; 5812 width: 610px;
5812 height: auto; 5813 height: auto;
5813 margin-left: 10px; 5814 margin-left: 10px;
5814 } 5815 }
5815 } 5816 }
5816 .info__body { 5817 .info__body {
5817 z-index: 2; 5818 z-index: 2;
5818 position: relative; 5819 position: relative;
5819 display: -webkit-box; 5820 display: -webkit-box;
5820 display: -ms-flexbox; 5821 display: -ms-flexbox;
5821 display: flex; 5822 display: flex;
5822 -webkit-box-orient: vertical; 5823 -webkit-box-orient: vertical;
5823 -webkit-box-direction: normal; 5824 -webkit-box-direction: normal;
5824 -ms-flex-direction: column; 5825 -ms-flex-direction: column;
5825 flex-direction: column; 5826 flex-direction: column;
5826 } 5827 }
5827 @media (min-width: 1280px) { 5828 @media (min-width: 1280px) {
5828 .info__body { 5829 .info__body {
5829 padding-top: 100px; 5830 padding-top: 100px;
5830 min-height: 600px; 5831 min-height: 600px;
5831 } 5832 }
5832 } 5833 }
5833 @media (min-width: 1280px) { 5834 @media (min-width: 1280px) {
5834 .info__title { 5835 .info__title {
5835 max-width: 520px; 5836 max-width: 520px;
5836 line-height: 1; 5837 line-height: 1;
5837 } 5838 }
5838 } 5839 }
5839 .info__item { 5840 .info__item {
5840 margin-top: 20px; 5841 margin-top: 20px;
5841 display: -webkit-box; 5842 display: -webkit-box;
5842 display: -ms-flexbox; 5843 display: -ms-flexbox;
5843 display: flex; 5844 display: flex;
5844 -webkit-box-orient: vertical; 5845 -webkit-box-orient: vertical;
5845 -webkit-box-direction: normal; 5846 -webkit-box-direction: normal;
5846 -ms-flex-direction: column; 5847 -ms-flex-direction: column;
5847 flex-direction: column; 5848 flex-direction: column;
5848 gap: 20px; 5849 gap: 20px;
5849 } 5850 }
5850 @media (min-width: 992px) { 5851 @media (min-width: 992px) {
5851 .info__item { 5852 .info__item {
5852 max-width: 610px; 5853 max-width: 610px;
5853 } 5854 }
5854 } 5855 }
5855 .info__item + .info__item { 5856 .info__item + .info__item {
5856 margin-top: 60px; 5857 margin-top: 60px;
5857 } 5858 }
5858 .info__text { 5859 .info__text {
5859 color: #000; 5860 color: #000;
5860 font-size: 13px; 5861 font-size: 13px;
5861 line-height: 1.4; 5862 line-height: 1.4;
5862 } 5863 }
5863 @media (min-width: 768px) { 5864 @media (min-width: 768px) {
5864 .info__text { 5865 .info__text {
5865 font-size: 16px; 5866 font-size: 16px;
5866 } 5867 }
5867 } 5868 }
5868 @media (min-width: 1280px) { 5869 @media (min-width: 1280px) {
5869 .info__text { 5870 .info__text {
5870 font-size: 18px; 5871 font-size: 18px;
5871 } 5872 }
5872 } 5873 }
5873 .info__link { 5874 .info__link {
5874 border-radius: 8px; 5875 border-radius: 8px;
5875 display: -webkit-box; 5876 display: -webkit-box;
5876 display: -ms-flexbox; 5877 display: -ms-flexbox;
5877 display: flex; 5878 display: flex;
5878 -webkit-box-pack: center; 5879 -webkit-box-pack: center;
5879 -ms-flex-pack: center; 5880 -ms-flex-pack: center;
5880 justify-content: center; 5881 justify-content: center;
5881 -webkit-box-align: center; 5882 -webkit-box-align: center;
5882 -ms-flex-align: center; 5883 -ms-flex-align: center;
5883 align-items: center; 5884 align-items: center;
5884 line-height: 1; 5885 line-height: 1;
5885 height: 40px; 5886 height: 40px;
5886 font-size: 12px; 5887 font-size: 12px;
5887 font-weight: 700; 5888 font-weight: 700;
5888 gap: 8px; 5889 gap: 8px;
5889 color: #fff; 5890 color: #fff;
5890 background: #377d87; 5891 background: #377d87;
5891 } 5892 }
5892 .info__link:hover { 5893 .info__link:hover {
5893 -webkit-filter: grayscale(50%); 5894 -webkit-filter: grayscale(50%);
5894 filter: grayscale(50%); 5895 filter: grayscale(50%);
5895 } 5896 }
5896 @media (min-width: 768px) { 5897 @media (min-width: 768px) {
5897 .info__link { 5898 .info__link {
5898 height: 44px; 5899 height: 44px;
5899 font-size: 16px; 5900 font-size: 16px;
5900 gap: 10px; 5901 gap: 10px;
5901 max-width: 300px; 5902 max-width: 300px;
5902 } 5903 }
5903 } 5904 }
5904 @media (min-width: 992px) { 5905 @media (min-width: 992px) {
5905 .info__link { 5906 .info__link {
5906 max-width: 210px; 5907 max-width: 210px;
5907 } 5908 }
5908 } 5909 }
5909 .info__link svg { 5910 .info__link svg {
5910 width: 16px; 5911 width: 16px;
5911 height: 16px; 5912 height: 16px;
5912 } 5913 }
5913 @media (min-width: 768px) { 5914 @media (min-width: 768px) {
5914 .info__link svg { 5915 .info__link svg {
5915 width: 20px; 5916 width: 20px;
5916 height: 20px; 5917 height: 20px;
5917 } 5918 }
5918 } 5919 }
5919 5920
5920 .thing { 5921 .thing {
5921 padding-top: 15px; 5922 padding-top: 15px;
5922 padding-bottom: 30px; 5923 padding-bottom: 30px;
5923 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5924 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5924 color: #000; 5925 color: #000;
5925 overflow: hidden; 5926 overflow: hidden;
5926 position: relative; 5927 position: relative;
5927 } 5928 }
5928 @media (min-width: 992px) { 5929 @media (min-width: 992px) {
5929 .thing { 5930 .thing {
5930 padding-top: 20px; 5931 padding-top: 20px;
5931 padding-bottom: 60px; 5932 padding-bottom: 60px;
5932 } 5933 }
5933 } 5934 }
5934 @media (min-width: 1280px) { 5935 @media (min-width: 1280px) {
5935 .thing { 5936 .thing {
5936 padding-bottom: 90px; 5937 padding-bottom: 90px;
5937 } 5938 }
5938 } 5939 }
5939 .thing_pdf { 5940 .thing_pdf {
5940 padding: 30px 0; 5941 padding: 30px 0;
5941 } 5942 }
5942 @media (min-width: 992px) { 5943 @media (min-width: 992px) {
5943 .thing_pdf { 5944 .thing_pdf {
5944 padding: 60px 0; 5945 padding: 60px 0;
5945 } 5946 }
5946 } 5947 }
5947 @media (min-width: 1280px) { 5948 @media (min-width: 1280px) {
5948 .thing_pdf { 5949 .thing_pdf {
5949 padding: 90px 0; 5950 padding: 90px 0;
5950 } 5951 }
5951 } 5952 }
5952 .thing__body { 5953 .thing__body {
5953 display: -webkit-box; 5954 display: -webkit-box;
5954 display: -ms-flexbox; 5955 display: -ms-flexbox;
5955 display: flex; 5956 display: flex;
5956 -webkit-box-orient: vertical; 5957 -webkit-box-orient: vertical;
5957 -webkit-box-direction: normal; 5958 -webkit-box-direction: normal;
5958 -ms-flex-direction: column; 5959 -ms-flex-direction: column;
5959 flex-direction: column; 5960 flex-direction: column;
5960 -webkit-box-align: start; 5961 -webkit-box-align: start;
5961 -ms-flex-align: start; 5962 -ms-flex-align: start;
5962 align-items: flex-start; 5963 align-items: flex-start;
5963 } 5964 }
5964 .thing__breadcrumbs { 5965 .thing__breadcrumbs {
5965 width: 100%; 5966 width: 100%;
5966 margin-bottom: 40px; 5967 margin-bottom: 40px;
5967 position: relative; 5968 position: relative;
5968 z-index: 2; 5969 z-index: 2;
5969 } 5970 }
5970 @media (min-width: 768px) { 5971 @media (min-width: 768px) {
5971 .thing__breadcrumbs { 5972 .thing__breadcrumbs {
5972 margin-bottom: 60px; 5973 margin-bottom: 60px;
5973 } 5974 }
5974 } 5975 }
5975 .thing__date { 5976 .thing__date {
5976 color: #000; 5977 color: #000;
5977 font-size: 14px; 5978 font-size: 14px;
5978 font-weight: 700; 5979 font-weight: 700;
5979 line-height: 21px; 5980 line-height: 21px;
5980 margin-bottom: 10px; 5981 margin-bottom: 10px;
5981 } 5982 }
5982 @media (min-width: 768px) { 5983 @media (min-width: 768px) {
5983 .thing__date { 5984 .thing__date {
5984 font-size: 18px; 5985 font-size: 18px;
5985 line-height: 27px; 5986 line-height: 27px;
5986 } 5987 }
5987 } 5988 }
5988 .thing__title { 5989 .thing__title {
5989 width: 100%; 5990 width: 100%;
5990 font-size: 32px; 5991 font-size: 32px;
5991 font-weight: 700; 5992 font-weight: 700;
5992 margin: 0; 5993 margin: 0;
5993 max-width: 780px; 5994 max-width: 780px;
5994 position: relative; 5995 position: relative;
5995 z-index: 2; 5996 z-index: 2;
5996 line-height: 1.1; 5997 line-height: 1.1;
5997 } 5998 }
5998 @media (min-width: 768px) { 5999 @media (min-width: 768px) {
5999 .thing__title { 6000 .thing__title {
6000 font-size: 40px; 6001 font-size: 40px;
6001 } 6002 }
6002 } 6003 }
6003 @media (min-width: 1280px) { 6004 @media (min-width: 1280px) {
6004 .thing__title { 6005 .thing__title {
6005 font-size: 64px; 6006 font-size: 64px;
6006 } 6007 }
6007 } 6008 }
6008 .thing__text { 6009 .thing__text {
6009 width: 100%; 6010 width: 100%;
6010 font-weight: 700; 6011 font-weight: 700;
6011 font-size: 14px; 6012 font-size: 14px;
6012 line-height: 1.4; 6013 line-height: 1.4;
6013 margin: 15px 0 0 0; 6014 margin: 15px 0 0 0;
6014 max-width: 780px; 6015 max-width: 780px;
6015 position: relative; 6016 position: relative;
6016 z-index: 2; 6017 z-index: 2;
6017 } 6018 }
6018 @media (min-width: 768px) { 6019 @media (min-width: 768px) {
6019 .thing__text { 6020 .thing__text {
6020 margin-top: 15px; 6021 margin-top: 15px;
6021 } 6022 }
6022 } 6023 }
6023 @media (min-width: 992px) { 6024 @media (min-width: 992px) {
6024 .thing__text { 6025 .thing__text {
6025 font-weight: 400; 6026 font-weight: 400;
6026 font-size: 18px; 6027 font-size: 18px;
6027 } 6028 }
6028 } 6029 }
6029 .thing__search { 6030 .thing__search {
6030 width: 100%; 6031 width: 100%;
6031 max-width: 640px; 6032 max-width: 640px;
6032 margin-top: 20px; 6033 margin-top: 20px;
6033 position: relative; 6034 position: relative;
6034 z-index: 2; 6035 z-index: 2;
6035 } 6036 }
6036 @media (min-width: 768px) { 6037 @media (min-width: 768px) {
6037 .thing__search { 6038 .thing__search {
6038 margin-top: 30px; 6039 margin-top: 30px;
6039 } 6040 }
6040 } 6041 }
6041 .thing__badge { 6042 .thing__badge {
6042 position: relative; 6043 position: relative;
6043 z-index: 2; 6044 z-index: 2;
6044 display: -webkit-box; 6045 display: -webkit-box;
6045 display: -ms-flexbox; 6046 display: -ms-flexbox;
6046 display: flex; 6047 display: flex;
6047 -webkit-box-align: center; 6048 -webkit-box-align: center;
6048 -ms-flex-align: center; 6049 -ms-flex-align: center;
6049 align-items: center; 6050 align-items: center;
6050 gap: 5px; 6051 gap: 5px;
6051 padding: 0 12px; 6052 padding: 0 12px;
6052 background: #4d88d9; 6053 background: #4d88d9;
6053 color: #fff; 6054 color: #fff;
6054 font-size: 12px; 6055 font-size: 12px;
6055 line-height: 1; 6056 line-height: 1;
6056 height: 26px; 6057 height: 26px;
6057 border-radius: 999px; 6058 border-radius: 999px;
6058 margin-bottom: 20px; 6059 margin-bottom: 20px;
6059 } 6060 }
6060 @media (min-width: 992px) { 6061 @media (min-width: 992px) {
6061 .thing__badge { 6062 .thing__badge {
6062 font-size: 16px; 6063 font-size: 16px;
6063 gap: 10px; 6064 gap: 10px;
6064 padding: 0 24px; 6065 padding: 0 24px;
6065 height: 42px; 6066 height: 42px;
6066 margin-bottom: 30px; 6067 margin-bottom: 30px;
6067 } 6068 }
6068 } 6069 }
6069 .thing__badge svg { 6070 .thing__badge svg {
6070 width: 12px; 6071 width: 12px;
6071 height: 12px; 6072 height: 12px;
6072 } 6073 }
6073 @media (min-width: 992px) { 6074 @media (min-width: 992px) {
6074 .thing__badge svg { 6075 .thing__badge svg {
6075 width: 20px; 6076 width: 20px;
6076 height: 20px; 6077 height: 20px;
6077 } 6078 }
6078 } 6079 }
6079 .thing__pic { 6080 .thing__pic {
6080 width: 60px; 6081 width: 60px;
6081 aspect-ratio: 1/1; 6082 aspect-ratio: 1/1;
6082 -o-object-fit: contain; 6083 -o-object-fit: contain;
6083 object-fit: contain; 6084 object-fit: contain;
6084 position: relative; 6085 position: relative;
6085 z-index: 1; 6086 z-index: 1;
6086 margin-bottom: 15px; 6087 margin-bottom: 15px;
6087 } 6088 }
6088 @media (min-width: 768px) { 6089 @media (min-width: 768px) {
6089 .thing__pic { 6090 .thing__pic {
6090 width: 160px; 6091 width: 160px;
6091 position: absolute; 6092 position: absolute;
6092 top: 15px; 6093 top: 15px;
6093 right: 20px; 6094 right: 20px;
6094 } 6095 }
6095 } 6096 }
6096 @media (min-width: 992px) { 6097 @media (min-width: 992px) {
6097 .thing__pic { 6098 .thing__pic {
6098 width: 330px; 6099 width: 330px;
6099 top: 50%; 6100 top: 50%;
6100 -webkit-transform: translate(0, -50%); 6101 -webkit-transform: translate(0, -50%);
6101 -ms-transform: translate(0, -50%); 6102 -ms-transform: translate(0, -50%);
6102 transform: translate(0, -50%); 6103 transform: translate(0, -50%);
6103 } 6104 }
6104 } 6105 }
6105 @media (min-width: 1280px) { 6106 @media (min-width: 1280px) {
6106 .thing__pic { 6107 .thing__pic {
6107 right: auto; 6108 right: auto;
6108 left: 50%; 6109 left: 50%;
6109 margin-left: 200px; 6110 margin-left: 200px;
6110 } 6111 }
6111 } 6112 }
6112 .thing__pic_two { 6113 .thing__pic_two {
6113 -o-object-fit: cover; 6114 -o-object-fit: cover;
6114 object-fit: cover; 6115 object-fit: cover;
6115 border-radius: 30px; 6116 border-radius: 30px;
6116 aspect-ratio: 44/37; 6117 aspect-ratio: 44/37;
6117 width: 100%; 6118 width: 100%;
6118 max-width: 440px; 6119 max-width: 440px;
6119 } 6120 }
6120 @media (min-width: 768px) { 6121 @media (min-width: 768px) {
6121 .thing__pic_two { 6122 .thing__pic_two {
6122 position: static; 6123 position: static;
6123 -webkit-transform: translate(0, 0); 6124 -webkit-transform: translate(0, 0);
6124 -ms-transform: translate(0, 0); 6125 -ms-transform: translate(0, 0);
6125 transform: translate(0, 0); 6126 transform: translate(0, 0);
6126 } 6127 }
6127 } 6128 }
6128 @media (min-width: 1280px) { 6129 @media (min-width: 1280px) {
6129 .thing__pic_two { 6130 .thing__pic_two {
6130 position: absolute; 6131 position: absolute;
6131 -webkit-transform: translate(0, -50%); 6132 -webkit-transform: translate(0, -50%);
6132 -ms-transform: translate(0, -50%); 6133 -ms-transform: translate(0, -50%);
6133 transform: translate(0, -50%); 6134 transform: translate(0, -50%);
6134 } 6135 }
6135 } 6136 }
6136 .thing__buttons { 6137 .thing__buttons {
6137 width: 100%; 6138 width: 100%;
6138 position: relative; 6139 position: relative;
6139 z-index: 2; 6140 z-index: 2;
6140 display: -webkit-box; 6141 display: -webkit-box;
6141 display: -ms-flexbox; 6142 display: -ms-flexbox;
6142 display: flex; 6143 display: flex;
6143 -webkit-box-align: center; 6144 -webkit-box-align: center;
6144 -ms-flex-align: center; 6145 -ms-flex-align: center;
6145 align-items: center; 6146 align-items: center;
6146 gap: 20px; 6147 gap: 20px;
6147 margin-top: 15px; 6148 margin-top: 15px;
6148 } 6149 }
6149 @media (min-width: 992px) { 6150 @media (min-width: 992px) {
6150 .thing__buttons { 6151 .thing__buttons {
6151 margin-top: 30px; 6152 margin-top: 30px;
6152 gap: 30px; 6153 gap: 30px;
6153 } 6154 }
6154 } 6155 }
6155 @media (min-width: 992px) { 6156 @media (min-width: 992px) {
6156 .thing__buttons .button { 6157 .thing__buttons .button {
6157 padding: 0 22px; 6158 padding: 0 22px;
6158 } 6159 }
6159 } 6160 }
6160 .thing__checkbox { 6161 .thing__checkbox {
6161 margin-top: 20px; 6162 margin-top: 20px;
6162 } 6163 }
6163 .thing__checkbox .checkbox__icon { 6164 .thing__checkbox .checkbox__icon {
6164 border-color: #377d87; 6165 border-color: #377d87;
6165 } 6166 }
6166 .thing__checkbox .checkbox__text { 6167 .thing__checkbox .checkbox__text {
6167 color: #377d87; 6168 color: #377d87;
6168 } 6169 }
6169 .thing__profile { 6170 .thing__profile {
6170 display: -webkit-box; 6171 display: -webkit-box;
6171 display: -ms-flexbox; 6172 display: -ms-flexbox;
6172 display: flex; 6173 display: flex;
6173 -webkit-box-orient: vertical; 6174 -webkit-box-orient: vertical;
6174 -webkit-box-direction: normal; 6175 -webkit-box-direction: normal;
6175 -ms-flex-direction: column; 6176 -ms-flex-direction: column;
6176 flex-direction: column; 6177 flex-direction: column;
6177 } 6178 }
6178 @media (min-width: 768px) { 6179 @media (min-width: 768px) {
6179 .thing__profile { 6180 .thing__profile {
6180 -webkit-box-orient: horizontal; 6181 -webkit-box-orient: horizontal;
6181 -webkit-box-direction: normal; 6182 -webkit-box-direction: normal;
6182 -ms-flex-direction: row; 6183 -ms-flex-direction: row;
6183 flex-direction: row; 6184 flex-direction: row;
6184 -webkit-box-align: start; 6185 -webkit-box-align: start;
6185 -ms-flex-align: start; 6186 -ms-flex-align: start;
6186 align-items: flex-start; 6187 align-items: flex-start;
6187 } 6188 }
6188 } 6189 }
6189 .thing__profile-photo { 6190 .thing__profile-photo {
6190 width: 210px; 6191 width: 210px;
6191 border-radius: 8px; 6192 border-radius: 8px;
6192 aspect-ratio: 1/1; 6193 aspect-ratio: 1/1;
6193 } 6194 }
6194 .thing__profile-body { 6195 .thing__profile-body {
6195 display: -webkit-box; 6196 display: -webkit-box;
6196 display: -ms-flexbox; 6197 display: -ms-flexbox;
6197 display: flex; 6198 display: flex;
6198 -webkit-box-orient: vertical; 6199 -webkit-box-orient: vertical;
6199 -webkit-box-direction: normal; 6200 -webkit-box-direction: normal;
6200 -ms-flex-direction: column; 6201 -ms-flex-direction: column;
6201 flex-direction: column; 6202 flex-direction: column;
6202 margin-top: 15px; 6203 margin-top: 15px;
6203 } 6204 }
6204 @media (min-width: 768px) { 6205 @media (min-width: 768px) {
6205 .thing__profile-body { 6206 .thing__profile-body {
6206 width: calc(100% - 210px); 6207 width: calc(100% - 210px);
6207 padding-left: 35px; 6208 padding-left: 35px;
6208 } 6209 }
6209 } 6210 }
6210 .thing__profile .thing__title { 6211 .thing__profile .thing__title {
6211 max-width: none; 6212 max-width: none;
6212 } 6213 }
6213 @media (min-width: 768px) { 6214 @media (min-width: 768px) {
6214 .thing__profile .thing__title { 6215 .thing__profile .thing__title {
6215 margin-top: -20px; 6216 margin-top: -20px;
6216 } 6217 }
6217 } 6218 }
6218 .thing__profile .thing__text { 6219 .thing__profile .thing__text {
6219 max-width: none; 6220 max-width: none;
6220 } 6221 }
6221 .thing__bottom { 6222 .thing__bottom {
6222 display: -webkit-box; 6223 display: -webkit-box;
6223 display: -ms-flexbox; 6224 display: -ms-flexbox;
6224 display: flex; 6225 display: flex;
6225 -webkit-box-align: center; 6226 -webkit-box-align: center;
6226 -ms-flex-align: center; 6227 -ms-flex-align: center;
6227 align-items: center; 6228 align-items: center;
6228 gap: 15px; 6229 gap: 15px;
6229 margin-top: 15px; 6230 margin-top: 15px;
6230 } 6231 }
6231 @media (min-width: 768px) { 6232 @media (min-width: 768px) {
6232 .thing__bottom { 6233 .thing__bottom {
6233 margin-top: 30px; 6234 margin-top: 30px;
6234 } 6235 }
6235 } 6236 }
6236 .thing__select { 6237 .thing__select {
6237 width: 100%; 6238 width: 100%;
6238 max-width: 640px; 6239 max-width: 640px;
6239 margin-top: 20px; 6240 margin-top: 20px;
6240 } 6241 }
6241 @media (min-width: 768px) { 6242 @media (min-width: 768px) {
6242 .thing__select { 6243 .thing__select {
6243 margin-top: 30px; 6244 margin-top: 30px;
6244 } 6245 }
6245 } 6246 }
6246 6247
6247 .page-404 { 6248 .page-404 {
6248 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6249 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6249 overflow: hidden; 6250 overflow: hidden;
6250 } 6251 }
6251 .page-404__body { 6252 .page-404__body {
6252 display: -webkit-box; 6253 display: -webkit-box;
6253 display: -ms-flexbox; 6254 display: -ms-flexbox;
6254 display: flex; 6255 display: flex;
6255 -webkit-box-orient: vertical; 6256 -webkit-box-orient: vertical;
6256 -webkit-box-direction: normal; 6257 -webkit-box-direction: normal;
6257 -ms-flex-direction: column; 6258 -ms-flex-direction: column;
6258 flex-direction: column; 6259 flex-direction: column;
6259 -webkit-box-align: center; 6260 -webkit-box-align: center;
6260 -ms-flex-align: center; 6261 -ms-flex-align: center;
6261 align-items: center; 6262 align-items: center;
6262 -webkit-box-pack: center; 6263 -webkit-box-pack: center;
6263 -ms-flex-pack: center; 6264 -ms-flex-pack: center;
6264 justify-content: center; 6265 justify-content: center;
6265 text-align: center; 6266 text-align: center;
6266 padding: 60px 0; 6267 padding: 60px 0;
6267 color: #000; 6268 color: #000;
6268 font-size: 12px; 6269 font-size: 12px;
6269 gap: 10px; 6270 gap: 10px;
6270 line-height: 1.4; 6271 line-height: 1.4;
6271 } 6272 }
6272 @media (min-width: 768px) { 6273 @media (min-width: 768px) {
6273 .page-404__body { 6274 .page-404__body {
6274 font-size: 18px; 6275 font-size: 18px;
6275 padding: 120px 0; 6276 padding: 120px 0;
6276 gap: 20px; 6277 gap: 20px;
6277 } 6278 }
6278 } 6279 }
6279 @media (min-width: 1280px) { 6280 @media (min-width: 1280px) {
6280 .page-404__body { 6281 .page-404__body {
6281 padding: 180px 0; 6282 padding: 180px 0;
6282 text-align: left; 6283 text-align: left;
6283 } 6284 }
6284 } 6285 }
6285 .page-404__numb { 6286 .page-404__numb {
6286 font-size: 114px; 6287 font-size: 114px;
6287 line-height: 1; 6288 line-height: 1;
6288 color: #377d87; 6289 color: #377d87;
6289 font-weight: 700; 6290 font-weight: 700;
6290 } 6291 }
6291 @media (min-width: 768px) { 6292 @media (min-width: 768px) {
6292 .page-404__numb { 6293 .page-404__numb {
6293 font-size: 184px; 6294 font-size: 184px;
6294 } 6295 }
6295 } 6296 }
6296 @media (min-width: 768px) { 6297 @media (min-width: 768px) {
6297 .page-404__title { 6298 .page-404__title {
6298 font-weight: 700; 6299 font-weight: 700;
6299 font-size: 44px; 6300 font-size: 44px;
6300 } 6301 }
6301 } 6302 }
6302 @media (min-width: 1280px) { 6303 @media (min-width: 1280px) {
6303 .page-404__title { 6304 .page-404__title {
6304 width: 710px; 6305 width: 710px;
6305 position: relative; 6306 position: relative;
6306 left: 200px; 6307 left: 200px;
6307 } 6308 }
6308 } 6309 }
6309 @media (min-width: 1280px) { 6310 @media (min-width: 1280px) {
6310 .page-404__subtitle { 6311 .page-404__subtitle {
6311 width: 710px; 6312 width: 710px;
6312 position: relative; 6313 position: relative;
6313 left: 200px; 6314 left: 200px;
6314 } 6315 }
6315 } 6316 }
6316 .page-404__button { 6317 .page-404__button {
6317 margin-top: 10px; 6318 margin-top: 10px;
6318 } 6319 }
6319 @media (min-width: 1280px) { 6320 @media (min-width: 1280px) {
6320 .page-404__button { 6321 .page-404__button {
6321 position: relative; 6322 position: relative;
6322 left: -45px; 6323 left: -45px;
6323 } 6324 }
6324 } 6325 }
6325 6326
6326 .cookies { 6327 .cookies {
6327 display: none; 6328 display: none;
6328 -webkit-box-align: end; 6329 -webkit-box-align: end;
6329 -ms-flex-align: end; 6330 -ms-flex-align: end;
6330 align-items: flex-end; 6331 align-items: flex-end;
6331 padding: 10px; 6332 padding: 10px;
6332 padding-top: 0; 6333 padding-top: 0;
6333 height: 0; 6334 height: 0;
6334 position: fixed; 6335 position: fixed;
6335 z-index: 999; 6336 z-index: 999;
6336 bottom: 0; 6337 bottom: 0;
6337 left: 0; 6338 left: 0;
6338 width: 100%; 6339 width: 100%;
6339 } 6340 }
6340 .cookies-is-actived .cookies { 6341 .cookies-is-actived .cookies {
6341 display: -webkit-box; 6342 display: -webkit-box;
6342 display: -ms-flexbox; 6343 display: -ms-flexbox;
6343 display: flex; 6344 display: flex;
6344 } 6345 }
6345 .cookies__body { 6346 .cookies__body {
6346 border-radius: 6px; 6347 border-radius: 6px;
6347 border: 1px solid #377d87; 6348 border: 1px solid #377d87;
6348 background: #fff; 6349 background: #fff;
6349 padding: 15px; 6350 padding: 15px;
6350 padding-right: 50px; 6351 padding-right: 50px;
6351 position: relative; 6352 position: relative;
6352 max-width: 940px; 6353 max-width: 940px;
6353 margin: 0 auto; 6354 margin: 0 auto;
6354 } 6355 }
6355 @media (min-width: 768px) { 6356 @media (min-width: 768px) {
6356 .cookies__body { 6357 .cookies__body {
6357 padding: 25px; 6358 padding: 25px;
6358 padding-right: 50px; 6359 padding-right: 50px;
6359 border-radius: 12px; 6360 border-radius: 12px;
6360 } 6361 }
6361 } 6362 }
6362 @media (min-width: 992px) { 6363 @media (min-width: 992px) {
6363 .cookies__body { 6364 .cookies__body {
6364 padding: 40px 60px; 6365 padding: 40px 60px;
6365 } 6366 }
6366 } 6367 }
6367 .cookies__close { 6368 .cookies__close {
6368 display: -webkit-box; 6369 display: -webkit-box;
6369 display: -ms-flexbox; 6370 display: -ms-flexbox;
6370 display: flex; 6371 display: flex;
6371 -webkit-box-pack: center; 6372 -webkit-box-pack: center;
6372 -ms-flex-pack: center; 6373 -ms-flex-pack: center;
6373 justify-content: center; 6374 justify-content: center;
6374 -webkit-box-align: center; 6375 -webkit-box-align: center;
6375 -ms-flex-align: center; 6376 -ms-flex-align: center;
6376 align-items: center; 6377 align-items: center;
6377 color: #377d87; 6378 color: #377d87;
6378 padding: 0; 6379 padding: 0;
6379 border: none; 6380 border: none;
6380 background: none; 6381 background: none;
6381 position: absolute; 6382 position: absolute;
6382 top: 15px; 6383 top: 15px;
6383 right: 15px; 6384 right: 15px;
6384 } 6385 }
6385 .cookies__close:hover { 6386 .cookies__close:hover {
6386 color: #000; 6387 color: #000;
6387 } 6388 }
6388 .cookies__close svg { 6389 .cookies__close svg {
6389 width: 16px; 6390 width: 16px;
6390 height: 16px; 6391 height: 16px;
6391 } 6392 }
6392 .cookies__text { 6393 .cookies__text {
6393 font-size: 12px; 6394 font-size: 12px;
6394 color: #377d87; 6395 color: #377d87;
6395 line-height: 1.4; 6396 line-height: 1.4;
6396 } 6397 }
6397 @media (min-width: 768px) { 6398 @media (min-width: 768px) {
6398 .cookies__text { 6399 .cookies__text {
6399 font-size: 16px; 6400 font-size: 16px;
6400 font-weight: 700; 6401 font-weight: 700;
6401 } 6402 }
6402 } 6403 }
6403 6404
6404 .fancybox-active { 6405 .fancybox-active {
6405 overflow: hidden; 6406 overflow: hidden;
6406 } 6407 }
6407 .fancybox-is-open .fancybox-bg { 6408 .fancybox-is-open .fancybox-bg {
6408 background: #080b0b; 6409 background: #080b0b;
6409 opacity: 0.6; 6410 opacity: 0.6;
6410 z-index: 9999; 6411 z-index: 9999;
6411 } 6412 }
6412 .fancybox-slide { 6413 .fancybox-slide {
6413 padding: 0; 6414 padding: 0;
6414 } 6415 }
6415 @media (min-width: 992px) { 6416 @media (min-width: 992px) {
6416 .fancybox-slide { 6417 .fancybox-slide {
6417 padding: 30px; 6418 padding: 30px;
6418 } 6419 }
6419 } 6420 }
6420 .fancybox-slide--html .fancybox-close-small { 6421 .fancybox-slide--html .fancybox-close-small {
6421 padding: 0; 6422 padding: 0;
6422 opacity: 1; 6423 opacity: 1;
6423 color: #377d87; 6424 color: #377d87;
6424 } 6425 }
6425 @media (min-width: 768px) { 6426 @media (min-width: 768px) {
6426 .fancybox-slide--html .fancybox-close-small { 6427 .fancybox-slide--html .fancybox-close-small {
6427 top: 10px; 6428 top: 10px;
6428 right: 10px; 6429 right: 10px;
6429 } 6430 }
6430 } 6431 }
6431 .fancybox-slide--html .fancybox-close-small:hover { 6432 .fancybox-slide--html .fancybox-close-small:hover {
6432 color: #000; 6433 color: #000;
6433 } 6434 }
6434 6435
6435 .modal { 6436 .modal {
6436 width: 100%; 6437 width: 100%;
6437 max-width: 820px; 6438 max-width: 820px;
6438 padding: 0; 6439 padding: 0;
6439 background: #fff; 6440 background: #fff;
6440 z-index: 99999; 6441 z-index: 99999;
6441 } 6442 }
6442 @media (min-width: 992px) { 6443 @media (min-width: 992px) {
6443 .modal { 6444 .modal {
6444 border-radius: 10px; 6445 border-radius: 10px;
6445 border: 1px solid #377d87; 6446 border: 1px solid #377d87;
6446 } 6447 }
6447 } 6448 }
6448 .modal_bg { 6449 .modal_bg {
6449 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6450 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6450 } 6451 }
6451 @media (min-width: 768px) { 6452 @media (min-width: 768px) {
6452 .modal_bg { 6453 .modal_bg {
6453 background-position: 100% 100%; 6454 background-position: 100% 100%;
6454 } 6455 }
6455 } 6456 }
6456 .modal__body { 6457 .modal__body {
6457 padding: 40px 15px; 6458 padding: 40px 15px;
6458 padding-bottom: 30px; 6459 padding-bottom: 30px;
6459 display: -webkit-box; 6460 display: -webkit-box;
6460 display: -ms-flexbox; 6461 display: -ms-flexbox;
6461 display: flex; 6462 display: flex;
6462 -webkit-box-orient: vertical; 6463 -webkit-box-orient: vertical;
6463 -webkit-box-direction: normal; 6464 -webkit-box-direction: normal;
6464 -ms-flex-direction: column; 6465 -ms-flex-direction: column;
6465 flex-direction: column; 6466 flex-direction: column;
6466 -webkit-box-align: center; 6467 -webkit-box-align: center;
6467 -ms-flex-align: center; 6468 -ms-flex-align: center;
6468 align-items: center; 6469 align-items: center;
6469 -webkit-box-pack: center; 6470 -webkit-box-pack: center;
6470 -ms-flex-pack: center; 6471 -ms-flex-pack: center;
6471 justify-content: center; 6472 justify-content: center;
6472 width: 100%; 6473 width: 100%;
6473 min-height: 100vh; 6474 min-height: 100vh;
6474 overflow: hidden; 6475 overflow: hidden;
6475 font-size: 12px; 6476 font-size: 12px;
6476 } 6477 }
6477 @media (min-width: 768px) { 6478 @media (min-width: 768px) {
6478 .modal__body { 6479 .modal__body {
6479 font-size: 16px; 6480 font-size: 16px;
6480 padding-left: 22px; 6481 padding-left: 22px;
6481 padding-right: 22px; 6482 padding-right: 22px;
6482 } 6483 }
6483 } 6484 }
6484 @media (min-width: 992px) { 6485 @media (min-width: 992px) {
6485 .modal__body { 6486 .modal__body {
6486 min-height: 450px; 6487 min-height: 450px;
6487 padding: 60px 80px; 6488 padding: 60px 80px;
6488 padding-bottom: 40px; 6489 padding-bottom: 40px;
6489 } 6490 }
6490 } 6491 }
6491 @media (min-width: 768px) { 6492 @media (min-width: 768px) {
6492 .modal__body .left { 6493 .modal__body .left {
6493 text-align: left; 6494 text-align: left;
6494 } 6495 }
6495 } 6496 }
6496 .modal__title { 6497 .modal__title {
6497 width: 100%; 6498 width: 100%;
6498 font-size: 22px; 6499 font-size: 22px;
6499 font-weight: 700; 6500 font-weight: 700;
6500 text-align: center; 6501 text-align: center;
6501 color: #000; 6502 color: #000;
6502 } 6503 }
6503 @media (min-width: 768px) { 6504 @media (min-width: 768px) {
6504 .modal__title { 6505 .modal__title {
6505 font-size: 32px; 6506 font-size: 32px;
6506 } 6507 }
6507 } 6508 }
6508 @media (min-width: 992px) { 6509 @media (min-width: 992px) {
6509 .modal__title { 6510 .modal__title {
6510 font-size: 44px; 6511 font-size: 44px;
6511 } 6512 }
6512 } 6513 }
6513 .modal__text { 6514 .modal__text {
6514 width: 100%; 6515 width: 100%;
6515 text-align: center; 6516 text-align: center;
6516 margin-top: 10px; 6517 margin-top: 10px;
6517 color: #000; 6518 color: #000;
6518 } 6519 }
6519 @media (min-width: 768px) { 6520 @media (min-width: 768px) {
6520 .modal__text { 6521 .modal__text {
6521 margin-top: 20px; 6522 margin-top: 20px;
6522 } 6523 }
6523 } 6524 }
6524 .modal__text span { 6525 .modal__text span {
6525 color: #9c9d9d; 6526 color: #9c9d9d;
6526 } 6527 }
6527 .modal__text a { 6528 .modal__text a {
6528 font-weight: 700; 6529 font-weight: 700;
6529 color: #377d87; 6530 color: #377d87;
6530 } 6531 }
6531 .modal__text a:hover { 6532 .modal__text a:hover {
6532 color: #000; 6533 color: #000;
6533 } 6534 }
6534 .modal__button { 6535 .modal__button {
6535 margin-top: 20px; 6536 margin-top: 20px;
6536 } 6537 }
6537 @media (min-width: 768px) { 6538 @media (min-width: 768px) {
6538 .modal__button { 6539 .modal__button {
6539 min-width: 200px; 6540 min-width: 200px;
6540 margin-top: 30px; 6541 margin-top: 30px;
6541 } 6542 }
6542 } 6543 }
6543 .modal__buttons { 6544 .modal__buttons {
6544 display: grid; 6545 display: grid;
6545 grid-template-columns: repeat(2, 1fr); 6546 grid-template-columns: repeat(2, 1fr);
6546 gap: 20px; 6547 gap: 20px;
6547 margin-top: 20px; 6548 margin-top: 20px;
6548 } 6549 }
6549 @media (min-width: 768px) { 6550 @media (min-width: 768px) {
6550 .modal__buttons { 6551 .modal__buttons {
6551 gap: 30px; 6552 gap: 30px;
6552 margin-top: 30px; 6553 margin-top: 30px;
6553 } 6554 }
6554 } 6555 }
6555 .modal__form { 6556 .modal__form {
6556 width: 100%; 6557 width: 100%;
6557 display: -webkit-box; 6558 display: -webkit-box;
6558 display: -ms-flexbox; 6559 display: -ms-flexbox;
6559 display: flex; 6560 display: flex;
6560 -webkit-box-orient: vertical; 6561 -webkit-box-orient: vertical;
6561 -webkit-box-direction: normal; 6562 -webkit-box-direction: normal;
6562 -ms-flex-direction: column; 6563 -ms-flex-direction: column;
6563 flex-direction: column; 6564 flex-direction: column;
6564 gap: 16px; 6565 gap: 16px;
6565 margin-top: 10px; 6566 margin-top: 10px;
6566 } 6567 }
6567 @media (min-width: 768px) { 6568 @media (min-width: 768px) {
6568 .modal__form { 6569 .modal__form {
6569 margin-top: 20px; 6570 margin-top: 20px;
6570 } 6571 }
6571 } 6572 }
6572 .modal__form-item { 6573 .modal__form-item {
6573 display: -webkit-box; 6574 display: -webkit-box;
6574 display: -ms-flexbox; 6575 display: -ms-flexbox;
6575 display: flex; 6576 display: flex;
6576 -webkit-box-orient: vertical; 6577 -webkit-box-orient: vertical;
6577 -webkit-box-direction: normal; 6578 -webkit-box-direction: normal;
6578 -ms-flex-direction: column; 6579 -ms-flex-direction: column;
6579 flex-direction: column; 6580 flex-direction: column;
6580 -webkit-box-align: center; 6581 -webkit-box-align: center;
6581 -ms-flex-align: center; 6582 -ms-flex-align: center;
6582 align-items: center; 6583 align-items: center;
6583 gap: 4px; 6584 gap: 4px;
6584 } 6585 }
6585 .modal__form-item > .input { 6586 .modal__form-item > .input {
6586 width: 100%; 6587 width: 100%;
6587 } 6588 }
6588 .modal__form-item > .textarea { 6589 .modal__form-item > .textarea {
6589 width: 100%; 6590 width: 100%;
6590 height: 175px; 6591 height: 175px;
6591 } 6592 }
6592 @media (min-width: 768px) { 6593 @media (min-width: 768px) {
6593 .modal__form-item > .textarea { 6594 .modal__form-item > .textarea {
6594 height: 195px; 6595 height: 195px;
6595 } 6596 }
6596 } 6597 }
6597 .modal__form-item > .file { 6598 .modal__form-item > .file {
6598 width: 100%; 6599 width: 100%;
6599 } 6600 }
6600 .modal__form-item > .button { 6601 .modal__form-item > .button {
6601 min-width: 120px; 6602 min-width: 120px;
6602 } 6603 }
6603 .modal__form-item > label { 6604 .modal__form-item > label {
6604 width: 100%; 6605 width: 100%;
6605 display: none; 6606 display: none;
6606 color: #eb5757; 6607 color: #eb5757;
6607 padding: 0 10px; 6608 padding: 0 10px;
6608 font-size: 12px; 6609 font-size: 12px;
6609 } 6610 }
6610 @media (min-width: 768px) { 6611 @media (min-width: 768px) {
6611 .modal__form-item > label { 6612 .modal__form-item > label {
6612 padding: 0 20px; 6613 padding: 0 20px;
6613 font-size: 16px; 6614 font-size: 16px;
6614 } 6615 }
6615 } 6616 }
6616 .modal__sign { 6617 .modal__sign {
6617 display: -webkit-box; 6618 display: -webkit-box;
6618 display: -ms-flexbox; 6619 display: -ms-flexbox;
6619 display: flex; 6620 display: flex;
6620 -webkit-box-orient: vertical; 6621 -webkit-box-orient: vertical;
6621 -webkit-box-direction: normal; 6622 -webkit-box-direction: normal;
6622 -ms-flex-direction: column; 6623 -ms-flex-direction: column;
6623 flex-direction: column; 6624 flex-direction: column;
6624 gap: 20px; 6625 gap: 20px;
6625 margin-top: 10px; 6626 margin-top: 10px;
6626 margin-bottom: 20px; 6627 margin-bottom: 20px;
6627 width: 100%; 6628 width: 100%;
6628 } 6629 }
6629 @media (min-width: 768px) { 6630 @media (min-width: 768px) {
6630 .modal__sign { 6631 .modal__sign {
6631 margin-top: 20px; 6632 margin-top: 20px;
6632 margin-bottom: 40px; 6633 margin-bottom: 40px;
6633 } 6634 }
6634 } 6635 }
6635 .modal__sign-item { 6636 .modal__sign-item {
6636 display: -webkit-box; 6637 display: -webkit-box;
6637 display: -ms-flexbox; 6638 display: -ms-flexbox;
6638 display: flex; 6639 display: flex;
6639 -webkit-box-orient: vertical; 6640 -webkit-box-orient: vertical;
6640 -webkit-box-direction: normal; 6641 -webkit-box-direction: normal;
6641 -ms-flex-direction: column; 6642 -ms-flex-direction: column;
6642 flex-direction: column; 6643 flex-direction: column;
6643 -webkit-box-align: center; 6644 -webkit-box-align: center;
6644 -ms-flex-align: center; 6645 -ms-flex-align: center;
6645 align-items: center; 6646 align-items: center;
6646 position: relative; 6647 position: relative;
6647 } 6648 }
6648 .modal__sign-item > .input { 6649 .modal__sign-item > .input {
6649 width: 100%; 6650 width: 100%;
6650 padding-right: 36px; 6651 padding-right: 36px;
6651 position: relative; 6652 position: relative;
6652 z-index: 1; 6653 z-index: 1;
6653 } 6654 }
6654 @media (min-width: 768px) { 6655 @media (min-width: 768px) {
6655 .modal__sign-item > .input { 6656 .modal__sign-item > .input {
6656 height: 52px; 6657 height: 52px;
6657 padding-right: 60px; 6658 padding-right: 60px;
6658 } 6659 }
6659 } 6660 }
6660 .modal__sign-item > .textarea { 6661 .modal__sign-item > .textarea {
6661 width: 100%; 6662 width: 100%;
6662 } 6663 }
6663 .modal__sign-bottom { 6664 .modal__sign-bottom {
6664 display: -webkit-box; 6665 display: -webkit-box;
6665 display: -ms-flexbox; 6666 display: -ms-flexbox;
6666 display: flex; 6667 display: flex;
6667 -webkit-box-pack: justify; 6668 -webkit-box-pack: justify;
6668 -ms-flex-pack: justify; 6669 -ms-flex-pack: justify;
6669 justify-content: space-between; 6670 justify-content: space-between;
6670 -webkit-box-align: center; 6671 -webkit-box-align: center;
6671 -ms-flex-align: center; 6672 -ms-flex-align: center;
6672 align-items: center; 6673 align-items: center;
6673 width: 100%; 6674 width: 100%;
6674 } 6675 }
6675 .modal__sign-bottom-link { 6676 .modal__sign-bottom-link {
6676 font-weight: 700; 6677 font-weight: 700;
6677 color: #377d87; 6678 color: #377d87;
6678 } 6679 }
6679 .modal__tabs { 6680 .modal__tabs {
6680 width: 100%; 6681 width: 100%;
6681 display: grid; 6682 display: grid;
6682 grid-template-columns: repeat(2, 1fr); 6683 grid-template-columns: repeat(2, 1fr);
6683 gap: 16px; 6684 gap: 16px;
6684 margin-top: 10px; 6685 margin-top: 10px;
6685 } 6686 }
6686 @media (min-width: 768px) { 6687 @media (min-width: 768px) {
6687 .modal__tabs { 6688 .modal__tabs {
6688 gap: 24px; 6689 gap: 24px;
6689 margin-top: 20px; 6690 margin-top: 20px;
6690 } 6691 }
6691 } 6692 }
6692 .modal__tabs-item.active { 6693 .modal__tabs-item.active {
6693 background: #377d87; 6694 background: #377d87;
6694 color: #fff; 6695 color: #fff;
6695 } 6696 }
6696 .modal__reg { 6697 .modal__reg {
6697 display: none; 6698 display: none;
6698 -webkit-box-orient: vertical; 6699 -webkit-box-orient: vertical;
6699 -webkit-box-direction: normal; 6700 -webkit-box-direction: normal;
6700 -ms-flex-direction: column; 6701 -ms-flex-direction: column;
6701 flex-direction: column; 6702 flex-direction: column;
6702 -webkit-box-align: center; 6703 -webkit-box-align: center;
6703 -ms-flex-align: center; 6704 -ms-flex-align: center;
6704 align-items: center; 6705 align-items: center;
6705 gap: 10px; 6706 gap: 10px;
6706 width: 100%; 6707 width: 100%;
6707 margin-top: 10px; 6708 margin-top: 10px;
6708 margin-bottom: 20px; 6709 margin-bottom: 20px;
6709 } 6710 }
6710 @media (min-width: 768px) { 6711 @media (min-width: 768px) {
6711 .modal__reg { 6712 .modal__reg {
6712 margin-top: 20px; 6713 margin-top: 20px;
6713 margin-bottom: 30px; 6714 margin-bottom: 30px;
6714 gap: 20px; 6715 gap: 20px;
6715 } 6716 }
6716 } 6717 }
6717 .modal__reg.showed { 6718 .modal__reg.showed {
6718 display: -webkit-box; 6719 display: -webkit-box;
6719 display: -ms-flexbox; 6720 display: -ms-flexbox;
6720 display: flex; 6721 display: flex;
6721 } 6722 }
6722 .modal__reg-item { 6723 .modal__reg-item {
6723 width: 100%; 6724 width: 100%;
6724 display: -webkit-box; 6725 display: -webkit-box;
6725 display: -ms-flexbox; 6726 display: -ms-flexbox;
6726 display: flex; 6727 display: flex;
6727 -webkit-box-orient: vertical; 6728 -webkit-box-orient: vertical;
6728 -webkit-box-direction: normal; 6729 -webkit-box-direction: normal;
6729 -ms-flex-direction: column; 6730 -ms-flex-direction: column;
6730 flex-direction: column; 6731 flex-direction: column;
6731 } 6732 }
6732 .modal__reg-item > .captcha { 6733 .modal__reg-item > .captcha {
6733 width: 100%; 6734 width: 100%;
6734 max-width: 300px; 6735 max-width: 300px;
6735 } 6736 }
6736 6737
6737 .messages { 6738 .messages {
6738 display: -webkit-box; 6739 display: -webkit-box;
6739 display: -ms-flexbox; 6740 display: -ms-flexbox;
6740 display: flex; 6741 display: flex;
6741 -webkit-box-orient: vertical; 6742 -webkit-box-orient: vertical;
6742 -webkit-box-direction: reverse; 6743 -webkit-box-direction: reverse;
6743 -ms-flex-direction: column-reverse; 6744 -ms-flex-direction: column-reverse;
6744 flex-direction: column-reverse; 6745 flex-direction: column-reverse;
6745 -webkit-box-align: center; 6746 -webkit-box-align: center;
6746 -ms-flex-align: center; 6747 -ms-flex-align: center;
6747 align-items: center; 6748 align-items: center;
6748 gap: 20px; 6749 gap: 20px;
6749 } 6750 }
6750 .messages__body { 6751 .messages__body {
6751 width: 100%; 6752 width: 100%;
6752 max-height: 800px; 6753 max-height: 800px;
6753 overflow: auto; 6754 overflow: auto;
6754 padding: 5px; 6755 padding: 5px;
6755 } 6756 }
6756 .messages__item { 6757 .messages__item {
6757 -webkit-box-align: center; 6758 -webkit-box-align: center;
6758 -ms-flex-align: center; 6759 -ms-flex-align: center;
6759 align-items: center; 6760 align-items: center;
6760 border-radius: 8px; 6761 border-radius: 8px;
6761 border: 1px solid #e7e7e7; 6762 border: 1px solid #e7e7e7;
6762 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6763 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6763 padding: 0px; 6764 padding: 0px;
6764 font-size: 12px; 6765 font-size: 12px;
6765 display: flex; 6766 display: flex;
6766 justify-content: space-between; 6767 justify-content: space-between;
6767 margin-bottom: 20px; 6768 margin-bottom: 20px;
6768 } 6769 }
6769 @media (min-width: 768px) { 6770 @media (min-width: 768px) {
6770 .messages__item { 6771 .messages__item {
6771 font-size: 18px; 6772 font-size: 18px;
6772 } 6773 }
6773 } 6774 }
6774 .messages__item-info { 6775 .messages__item-info {
6775 display: -webkit-box; 6776 display: -webkit-box;
6776 display: -ms-flexbox; 6777 display: -ms-flexbox;
6777 display: flex; 6778 display: flex;
6778 -webkit-box-align: center; 6779 -webkit-box-align: center;
6779 -ms-flex-align: center; 6780 -ms-flex-align: center;
6780 align-items: center; 6781 align-items: center;
6781 width: calc(100% - 90px); 6782 width: calc(100% - 90px);
6782 padding: 20px; 6783 padding: 20px;
6783 } 6784 }
6784 @media (min-width: 768px) { 6785 @media (min-width: 768px) {
6785 .messages__item-info { 6786 .messages__item-info {
6786 width: calc(100% - 150px); 6787 width: calc(100% - 150px);
6787 } 6788 }
6788 } 6789 }
6789 .messages__item-photo { 6790 .messages__item-photo {
6790 position: relative; 6791 position: relative;
6791 aspect-ratio: 1/1; 6792 aspect-ratio: 1/1;
6792 overflow: hidden; 6793 overflow: hidden;
6793 background: #9c9d9d; 6794 background: #9c9d9d;
6794 color: #fff; 6795 color: #fff;
6795 width: 36px; 6796 width: 36px;
6796 border-radius: 6px; 6797 border-radius: 6px;
6797 display: -webkit-box; 6798 display: -webkit-box;
6798 display: -ms-flexbox; 6799 display: -ms-flexbox;
6799 display: flex; 6800 display: flex;
6800 -webkit-box-pack: center; 6801 -webkit-box-pack: center;
6801 -ms-flex-pack: center; 6802 -ms-flex-pack: center;
6802 justify-content: center; 6803 justify-content: center;
6803 -webkit-box-align: center; 6804 -webkit-box-align: center;
6804 -ms-flex-align: center; 6805 -ms-flex-align: center;
6805 align-items: center; 6806 align-items: center;
6806 } 6807 }
6807 @media (min-width: 768px) { 6808 @media (min-width: 768px) {
6808 .messages__item-photo { 6809 .messages__item-photo {
6809 width: 52px; 6810 width: 52px;
6810 } 6811 }
6811 } 6812 }
6812 .messages__item-photo svg { 6813 .messages__item-photo svg {
6813 width: 50%; 6814 width: 50%;
6814 position: relative; 6815 position: relative;
6815 z-index: 1; 6816 z-index: 1;
6816 } 6817 }
6817 .messages__item-photo img { 6818 .messages__item-photo img {
6818 position: absolute; 6819 position: absolute;
6819 z-index: 2; 6820 z-index: 2;
6820 top: 0; 6821 top: 0;
6821 left: 0; 6822 left: 0;
6822 width: 100%; 6823 width: 100%;
6823 height: 100%; 6824 height: 100%;
6824 -o-object-fit: cover; 6825 -o-object-fit: cover;
6825 object-fit: cover; 6826 object-fit: cover;
6826 } 6827 }
6827 .messages__item-text { 6828 .messages__item-text {
6828 width: calc(100% - 36px); 6829 width: calc(100% - 36px);
6829 padding-left: 6px; 6830 padding-left: 6px;
6830 color: #000; 6831 color: #000;
6831 display: -webkit-box; 6832 display: -webkit-box;
6832 display: -ms-flexbox; 6833 display: -ms-flexbox;
6833 display: flex; 6834 display: flex;
6834 -webkit-box-orient: vertical; 6835 -webkit-box-orient: vertical;
6835 -webkit-box-direction: normal; 6836 -webkit-box-direction: normal;
6836 -ms-flex-direction: column; 6837 -ms-flex-direction: column;
6837 flex-direction: column; 6838 flex-direction: column;
6838 gap: 4px; 6839 gap: 4px;
6839 } 6840 }
6840 @media (min-width: 768px) { 6841 @media (min-width: 768px) {
6841 .messages__item-text { 6842 .messages__item-text {
6842 padding-left: 20px; 6843 padding-left: 20px;
6843 width: calc(100% - 52px); 6844 width: calc(100% - 52px);
6844 gap: 8px; 6845 gap: 8px;
6845 } 6846 }
6846 } 6847 }
6847 .messages__item-text span { 6848 .messages__item-text span {
6848 color: #000; 6849 color: #000;
6849 } 6850 }
6850 .messages__item-actions{ 6851 .messages__item-actions{
6851 padding: 20px; 6852 padding: 20px;
6852 } 6853 }
6853 .messages__item-buttons{ 6854 .messages__item-buttons{
6854 float: right; 6855 float: right;
6855 display: flex; 6856 display: flex;
6856 align-items: center; 6857 align-items: center;
6857 } 6858 }
6858 .messages__item-buttons button{ 6859 .messages__item-buttons button{
6859 padding: 0; 6860 padding: 0;
6860 background: unset; 6861 background: unset;
6861 border: unset; 6862 border: unset;
6862 } 6863 }
6863 .messages__item-buttons button svg{ 6864 .messages__item-buttons button svg{
6864 width: 25px; 6865 width: 25px;
6865 height: 25px; 6866 height: 25px;
6866 color: gray; 6867 color: gray;
6867 } 6868 }
6868 .messages__item-buttons button svg path{ 6869 .messages__item-buttons button svg path{
6869 stroke: gray; 6870 stroke: gray;
6870 } 6871 }
6871 .messages__item-buttons button:hover svg{ 6872 .messages__item-buttons button:hover svg{
6872 color: black; 6873 color: black;
6873 } 6874 }
6874 .messages__item-buttons button:hover svg path{ 6875 .messages__item-buttons button:hover svg path{
6875 stroke: black; 6876 stroke: black;
6876 } 6877 }
6877 .messages__item-buttons button.pin-on:hover svg#pin_off path{ 6878 .messages__item-buttons button.pin-on:hover svg#pin_off path{
6878 fill: black; 6879 fill: black;
6879 } 6880 }
6880 .messages__item-buttons button.pin-on svg{ 6881 .messages__item-buttons button.pin-on svg{
6881 fill: gray; 6882 fill: gray;
6882 } 6883 }
6883 .messages__item-date { 6884 .messages__item-date {
6884 color: #00000070; 6885 color: #00000070;
6885 width: 90px; 6886 width: 90px;
6886 text-align: right; 6887 text-align: right;
6887 font-size: 14px; 6888 font-size: 14px;
6888 margin-bottom: 8px; 6889 margin-bottom: 8px;
6889 } 6890 }
6890 6891
6891 .messages.active .messages__item { 6892 .messages.active .messages__item {
6892 display: -webkit-box; 6893 display: -webkit-box;
6893 display: -ms-flexbox; 6894 display: -ms-flexbox;
6894 display: flex; 6895 display: flex;
6895 } 6896 }
6896 6897
6897 .responses { 6898 .responses {
6898 display: -webkit-box; 6899 display: -webkit-box;
6899 display: -ms-flexbox; 6900 display: -ms-flexbox;
6900 display: flex; 6901 display: flex;
6901 -webkit-box-orient: vertical; 6902 -webkit-box-orient: vertical;
6902 -webkit-box-direction: reverse; 6903 -webkit-box-direction: reverse;
6903 -ms-flex-direction: column-reverse; 6904 -ms-flex-direction: column-reverse;
6904 flex-direction: column-reverse; 6905 flex-direction: column-reverse;
6905 -webkit-box-align: center; 6906 -webkit-box-align: center;
6906 -ms-flex-align: center; 6907 -ms-flex-align: center;
6907 align-items: center; 6908 align-items: center;
6908 gap: 20px; 6909 gap: 20px;
6909 } 6910 }
6910 .responses__body { 6911 .responses__body {
6911 width: 100%; 6912 width: 100%;
6912 display: -webkit-box; 6913 display: -webkit-box;
6913 display: -ms-flexbox; 6914 display: -ms-flexbox;
6914 display: flex; 6915 display: flex;
6915 -webkit-box-orient: vertical; 6916 -webkit-box-orient: vertical;
6916 -webkit-box-direction: normal; 6917 -webkit-box-direction: normal;
6917 -ms-flex-direction: column; 6918 -ms-flex-direction: column;
6918 flex-direction: column; 6919 flex-direction: column;
6919 gap: 20px; 6920 gap: 20px;
6920 } 6921 }
6921 .responses__item { 6922 .responses__item {
6922 display: none; 6923 display: none;
6923 -webkit-box-orient: vertical; 6924 -webkit-box-orient: vertical;
6924 -webkit-box-direction: normal; 6925 -webkit-box-direction: normal;
6925 -ms-flex-direction: column; 6926 -ms-flex-direction: column;
6926 flex-direction: column; 6927 flex-direction: column;
6927 gap: 20px; 6928 gap: 20px;
6928 border-radius: 8px; 6929 border-radius: 8px;
6929 border: 1px solid #e7e7e7; 6930 border: 1px solid #e7e7e7;
6930 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6931 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6931 padding: 20px 10px; 6932 padding: 20px 10px;
6932 font-size: 12px; 6933 font-size: 12px;
6933 position: relative; 6934 position: relative;
6934 } 6935 }
6935 @media (min-width: 768px) { 6936 @media (min-width: 768px) {
6936 .responses__item { 6937 .responses__item {
6937 padding: 20px; 6938 padding: 20px;
6938 font-size: 16px; 6939 font-size: 16px;
6939 } 6940 }
6940 } 6941 }
6941 .responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) { 6942 .responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) {
6942 display: -webkit-box; 6943 display: -webkit-box;
6943 display: -ms-flexbox; 6944 display: -ms-flexbox;
6944 display: flex; 6945 display: flex;
6945 } 6946 }
6946 .responses__item-date { 6947 .responses__item-date {
6947 color: #000; 6948 color: #000;
6948 } 6949 }
6949 @media (min-width: 992px) { 6950 @media (min-width: 992px) {
6950 .responses__item-date { 6951 .responses__item-date {
6951 position: absolute; 6952 position: absolute;
6952 top: 20px; 6953 top: 20px;
6953 right: 20px; 6954 right: 20px;
6954 } 6955 }
6955 } 6956 }
6956 .responses__item-wrapper { 6957 .responses__item-wrapper {
6957 display: -webkit-box; 6958 display: -webkit-box;
6958 display: -ms-flexbox; 6959 display: -ms-flexbox;
6959 display: flex; 6960 display: flex;
6960 -webkit-box-orient: vertical; 6961 -webkit-box-orient: vertical;
6961 -webkit-box-direction: normal; 6962 -webkit-box-direction: normal;
6962 -ms-flex-direction: column; 6963 -ms-flex-direction: column;
6963 flex-direction: column; 6964 flex-direction: column;
6964 gap: 20px; 6965 gap: 20px;
6965 } 6966 }
6966 .responses__item-inner { 6967 .responses__item-inner {
6967 display: -webkit-box; 6968 display: -webkit-box;
6968 display: -ms-flexbox; 6969 display: -ms-flexbox;
6969 display: flex; 6970 display: flex;
6970 -webkit-box-orient: vertical; 6971 -webkit-box-orient: vertical;
6971 -webkit-box-direction: normal; 6972 -webkit-box-direction: normal;
6972 -ms-flex-direction: column; 6973 -ms-flex-direction: column;
6973 flex-direction: column; 6974 flex-direction: column;
6974 gap: 10px; 6975 gap: 10px;
6975 } 6976 }
6976 @media (min-width: 768px) { 6977 @media (min-width: 768px) {
6977 .responses__item-inner { 6978 .responses__item-inner {
6978 gap: 20px; 6979 gap: 20px;
6979 } 6980 }
6980 } 6981 }
6981 @media (min-width: 1280px) { 6982 @media (min-width: 1280px) {
6982 .responses__item-inner { 6983 .responses__item-inner {
6983 width: calc(100% - 150px); 6984 width: calc(100% - 150px);
6984 } 6985 }
6985 } 6986 }
6986 .responses__item-row { 6987 .responses__item-row {
6987 display: grid; 6988 display: grid;
6988 grid-template-columns: 1fr 1fr; 6989 grid-template-columns: 1fr 1fr;
6989 gap: 20px; 6990 gap: 20px;
6990 color: #000; 6991 color: #000;
6991 text-align: right; 6992 text-align: right;
6992 } 6993 }
6993 @media (min-width: 992px) { 6994 @media (min-width: 992px) {
6994 .responses__item-row { 6995 .responses__item-row {
6995 display: -webkit-box; 6996 display: -webkit-box;
6996 display: -ms-flexbox; 6997 display: -ms-flexbox;
6997 display: flex; 6998 display: flex;
6998 -webkit-box-orient: vertical; 6999 -webkit-box-orient: vertical;
6999 -webkit-box-direction: normal; 7000 -webkit-box-direction: normal;
7000 -ms-flex-direction: column; 7001 -ms-flex-direction: column;
7001 flex-direction: column; 7002 flex-direction: column;
7002 gap: 6px; 7003 gap: 6px;
7003 text-align: left; 7004 text-align: left;
7004 } 7005 }
7005 } 7006 }
7006 .responses__item-row span { 7007 .responses__item-row span {
7007 color: #000; 7008 color: #000;
7008 text-align: left; 7009 text-align: left;
7009 } 7010 }
7010 .responses__item-buttons { 7011 .responses__item-buttons {
7011 display: -webkit-box; 7012 display: -webkit-box;
7012 display: -ms-flexbox; 7013 display: -ms-flexbox;
7013 display: flex; 7014 display: flex;
7014 -webkit-box-orient: vertical; 7015 -webkit-box-orient: vertical;
7015 -webkit-box-direction: normal; 7016 -webkit-box-direction: normal;
7016 -ms-flex-direction: column; 7017 -ms-flex-direction: column;
7017 flex-direction: column; 7018 flex-direction: column;
7018 gap: 10px; 7019 gap: 10px;
7019 } 7020 }
7020 @media (min-width: 768px) { 7021 @media (min-width: 768px) {
7021 .responses__item-buttons { 7022 .responses__item-buttons {
7022 display: grid; 7023 display: grid;
7023 grid-template-columns: 1fr 1fr; 7024 grid-template-columns: 1fr 1fr;
7024 } 7025 }
7025 } 7026 }
7026 @media (min-width: 1280px) { 7027 @media (min-width: 1280px) {
7027 .responses__item-buttons { 7028 .responses__item-buttons {
7028 grid-template-columns: 1fr 1fr 1fr 1fr; 7029 grid-template-columns: 1fr 1fr 1fr 1fr;
7029 } 7030 }
7030 } 7031 }
7031 .responses__item-buttons .button.active { 7032 .responses__item-buttons .button.active {
7032 background: #377d87; 7033 background: #377d87;
7033 color: #fff; 7034 color: #fff;
7034 } 7035 }
7035 .responses.active .responses__item { 7036 .responses.active .responses__item {
7036 display: -webkit-box; 7037 display: -webkit-box;
7037 display: -ms-flexbox; 7038 display: -ms-flexbox;
7038 display: flex; 7039 display: flex;
7039 } 7040 }
7040 7041
7041 .chatbox { 7042 .chatbox {
7042 display: -webkit-box; 7043 display: -webkit-box;
7043 display: -ms-flexbox; 7044 display: -ms-flexbox;
7044 display: flex; 7045 display: flex;
7045 -webkit-box-orient: vertical; 7046 -webkit-box-orient: vertical;
7046 -webkit-box-direction: normal; 7047 -webkit-box-direction: normal;
7047 -ms-flex-direction: column; 7048 -ms-flex-direction: column;
7048 flex-direction: column; 7049 flex-direction: column;
7049 gap: 20px; 7050 gap: 20px;
7050 } 7051 }
7051 @media (min-width: 768px) { 7052 @media (min-width: 768px) {
7052 .chatbox { 7053 .chatbox {
7053 gap: 30px; 7054 gap: 30px;
7054 } 7055 }
7055 } 7056 }
7056 @media (min-width: 1280px) { 7057 @media (min-width: 1280px) {
7057 .chatbox { 7058 .chatbox {
7058 gap: 40px; 7059 gap: 40px;
7059 } 7060 }
7060 } 7061 }
7061 .chatbox__toper { 7062 .chatbox__toper {
7062 display: -webkit-box; 7063 display: -webkit-box;
7063 display: -ms-flexbox; 7064 display: -ms-flexbox;
7064 display: flex; 7065 display: flex;
7065 -webkit-box-orient: vertical; 7066 -webkit-box-orient: vertical;
7066 -webkit-box-direction: normal; 7067 -webkit-box-direction: normal;
7067 -ms-flex-direction: column; 7068 -ms-flex-direction: column;
7068 flex-direction: column; 7069 flex-direction: column;
7069 gap: 10px; 7070 gap: 10px;
7070 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7071 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7071 border: 1px solid #e7e7e7; 7072 border: 1px solid #e7e7e7;
7072 border-radius: 8px; 7073 border-radius: 8px;
7073 padding: 10px; 7074 padding: 10px;
7074 } 7075 }
7075 @media (min-width: 768px) { 7076 @media (min-width: 768px) {
7076 .chatbox__toper { 7077 .chatbox__toper {
7077 -webkit-box-orient: horizontal; 7078 -webkit-box-orient: horizontal;
7078 -webkit-box-direction: normal; 7079 -webkit-box-direction: normal;
7079 -ms-flex-direction: row; 7080 -ms-flex-direction: row;
7080 flex-direction: row; 7081 flex-direction: row;
7081 -webkit-box-align: center; 7082 -webkit-box-align: center;
7082 -ms-flex-align: center; 7083 -ms-flex-align: center;
7083 align-items: center; 7084 align-items: center;
7084 -webkit-box-pack: justify; 7085 -webkit-box-pack: justify;
7085 -ms-flex-pack: justify; 7086 -ms-flex-pack: justify;
7086 justify-content: space-between; 7087 justify-content: space-between;
7087 } 7088 }
7088 } 7089 }
7089 .chatbox__toper-info { 7090 .chatbox__toper-info {
7090 font-size: 12px; 7091 font-size: 12px;
7091 } 7092 }
7092 @media (min-width: 768px) { 7093 @media (min-width: 768px) {
7093 .chatbox__toper-info { 7094 .chatbox__toper-info {
7094 font-size: 16px; 7095 font-size: 16px;
7095 width: calc(100% - 230px); 7096 width: calc(100% - 230px);
7096 } 7097 }
7097 } 7098 }
7098 @media (min-width: 768px) { 7099 @media (min-width: 768px) {
7099 .chatbox__toper-button { 7100 .chatbox__toper-button {
7100 width: 210px; 7101 width: 210px;
7101 padding: 0; 7102 padding: 0;
7102 } 7103 }
7103 } 7104 }
7104 .chatbox__list { 7105 .chatbox__list {
7105 display: -webkit-box; 7106 display: -webkit-box;
7106 display: -ms-flexbox; 7107 display: -ms-flexbox;
7107 display: flex; 7108 display: flex;
7108 -webkit-box-orient: vertical; 7109 -webkit-box-orient: vertical;
7109 -webkit-box-direction: normal; 7110 -webkit-box-direction: normal;
7110 -ms-flex-direction: column; 7111 -ms-flex-direction: column;
7111 flex-direction: column; 7112 flex-direction: column;
7112 gap: 10px; 7113 gap: 10px;
7113 max-height: 400px; 7114 max-height: 400px;
7114 overflow: auto; 7115 overflow: auto;
7115 } 7116 }
7116 @media (min-width: 768px) { 7117 @media (min-width: 768px) {
7117 .chatbox__list { 7118 .chatbox__list {
7118 gap: 20px; 7119 gap: 20px;
7119 } 7120 }
7120 } 7121 }
7121 @media (min-width: 1280px) { 7122 @media (min-width: 1280px) {
7122 .chatbox__list { 7123 .chatbox__list {
7123 gap: 40px; 7124 gap: 40px;
7124 } 7125 }
7125 } 7126 }
7126 .chatbox__item { 7127 .chatbox__item {
7127 display: -webkit-box; 7128 display: -webkit-box;
7128 display: -ms-flexbox; 7129 display: -ms-flexbox;
7129 display: flex; 7130 display: flex;
7130 -webkit-box-align: start; 7131 -webkit-box-align: start;
7131 -ms-flex-align: start; 7132 -ms-flex-align: start;
7132 align-items: flex-start; 7133 align-items: flex-start;
7133 -webkit-box-pack: justify; 7134 -webkit-box-pack: justify;
7134 -ms-flex-pack: justify; 7135 -ms-flex-pack: justify;
7135 justify-content: space-between; 7136 justify-content: space-between;
7136 -ms-flex-wrap: wrap; 7137 -ms-flex-wrap: wrap;
7137 flex-wrap: wrap; 7138 flex-wrap: wrap;
7138 color: #000; 7139 color: #000;
7139 font-size: 12px; 7140 font-size: 12px;
7140 } 7141 }
7141 @media (min-width: 768px) { 7142 @media (min-width: 768px) {
7142 .chatbox__item { 7143 .chatbox__item {
7143 font-size: 16px; 7144 font-size: 16px;
7144 } 7145 }
7145 } 7146 }
7146 .chatbox__item_reverse { 7147 .chatbox__item_reverse {
7147 -webkit-box-orient: horizontal; 7148 -webkit-box-orient: horizontal;
7148 -webkit-box-direction: reverse; 7149 -webkit-box-direction: reverse;
7149 -ms-flex-direction: row-reverse; 7150 -ms-flex-direction: row-reverse;
7150 flex-direction: row-reverse; 7151 flex-direction: row-reverse;
7151 } 7152 }
7152 .chatbox__item-photo { 7153 .chatbox__item-photo {
7153 position: relative; 7154 position: relative;
7154 aspect-ratio: 1/1; 7155 aspect-ratio: 1/1;
7155 overflow: hidden; 7156 overflow: hidden;
7156 background: #9c9d9d; 7157 background: #9c9d9d;
7157 color: #fff; 7158 color: #fff;
7158 width: 44px; 7159 width: 44px;
7159 border-radius: 6px; 7160 border-radius: 6px;
7160 display: -webkit-box; 7161 display: -webkit-box;
7161 display: -ms-flexbox; 7162 display: -ms-flexbox;
7162 display: flex; 7163 display: flex;
7163 -webkit-box-pack: center; 7164 -webkit-box-pack: center;
7164 -ms-flex-pack: center; 7165 -ms-flex-pack: center;
7165 justify-content: center; 7166 justify-content: center;
7166 -webkit-box-align: center; 7167 -webkit-box-align: center;
7167 -ms-flex-align: center; 7168 -ms-flex-align: center;
7168 align-items: center; 7169 align-items: center;
7169 } 7170 }
7170 .chatbox__item-photo svg { 7171 .chatbox__item-photo svg {
7171 width: 50%; 7172 width: 50%;
7172 position: relative; 7173 position: relative;
7173 z-index: 1; 7174 z-index: 1;
7174 } 7175 }
7175 .chatbox__item-photo img { 7176 .chatbox__item-photo img {
7176 position: absolute; 7177 position: absolute;
7177 z-index: 2; 7178 z-index: 2;
7178 top: 0; 7179 top: 0;
7179 left: 0; 7180 left: 0;
7180 width: 100%; 7181 width: 100%;
7181 height: 100%; 7182 height: 100%;
7182 -o-object-fit: cover; 7183 -o-object-fit: cover;
7183 object-fit: cover; 7184 object-fit: cover;
7184 } 7185 }
7185 .chatbox__item-body { 7186 .chatbox__item-body {
7186 width: calc(100% - 54px); 7187 width: calc(100% - 54px);
7187 display: -webkit-box; 7188 display: -webkit-box;
7188 display: -ms-flexbox; 7189 display: -ms-flexbox;
7189 display: flex; 7190 display: flex;
7190 -webkit-box-orient: vertical; 7191 -webkit-box-orient: vertical;
7191 -webkit-box-direction: normal; 7192 -webkit-box-direction: normal;
7192 -ms-flex-direction: column; 7193 -ms-flex-direction: column;
7193 flex-direction: column; 7194 flex-direction: column;
7194 -webkit-box-align: start; 7195 -webkit-box-align: start;
7195 -ms-flex-align: start; 7196 -ms-flex-align: start;
7196 align-items: flex-start; 7197 align-items: flex-start;
7197 } 7198 }
7198 @media (min-width: 768px) { 7199 @media (min-width: 768px) {
7199 .chatbox__item-body { 7200 .chatbox__item-body {
7200 width: calc(100% - 60px); 7201 width: calc(100% - 60px);
7201 } 7202 }
7202 } 7203 }
7203 .chatbox__item_reverse .chatbox__item-body { 7204 .chatbox__item_reverse .chatbox__item-body {
7204 -webkit-box-align: end; 7205 -webkit-box-align: end;
7205 -ms-flex-align: end; 7206 -ms-flex-align: end;
7206 align-items: flex-end; 7207 align-items: flex-end;
7207 } 7208 }
7208 .chatbox__item-text { 7209 .chatbox__item-text {
7209 border-radius: 8px; 7210 border-radius: 8px;
7210 background: #fff; 7211 background: #fff;
7211 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7212 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7212 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7213 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7213 padding: 10px; 7214 padding: 10px;
7214 line-height: 1.6; 7215 line-height: 1.6;
7215 } 7216 }
7216 .chatbox__item-time { 7217 .chatbox__item-time {
7217 width: 100%; 7218 width: 100%;
7218 padding-left: 54px; 7219 padding-left: 54px;
7219 margin-top: 10px; 7220 margin-top: 10px;
7220 color: #9c9d9d; 7221 color: #9c9d9d;
7221 } 7222 }
7222 .chatbox__item_reverse .chatbox__item-time { 7223 .chatbox__item_reverse .chatbox__item-time {
7223 text-align: right; 7224 text-align: right;
7224 } 7225 }
7225 .chatbox__bottom { 7226 .chatbox__bottom {
7226 background: #4d88d9; 7227 background: #4d88d9;
7227 padding: 10px; 7228 padding: 10px;
7228 border-radius: 8px; 7229 border-radius: 8px;
7229 display: -webkit-box; 7230 display: -webkit-box;
7230 display: -ms-flexbox; 7231 display: -ms-flexbox;
7231 display: flex; 7232 display: flex;
7232 -webkit-box-align: center; 7233 -webkit-box-align: center;
7233 -ms-flex-align: center; 7234 -ms-flex-align: center;
7234 align-items: center; 7235 align-items: center;
7235 -webkit-box-pack: justify; 7236 -webkit-box-pack: justify;
7236 -ms-flex-pack: justify; 7237 -ms-flex-pack: justify;
7237 justify-content: space-between; 7238 justify-content: space-between;
7238 } 7239 }
7239 @media (min-width: 768px) { 7240 @media (min-width: 768px) {
7240 .chatbox__bottom { 7241 .chatbox__bottom {
7241 padding: 16px 20px; 7242 padding: 16px 20px;
7242 } 7243 }
7243 } 7244 }
7244 .chatbox__bottom-file { 7245 .chatbox__bottom-file {
7245 width: 20px; 7246 width: 20px;
7246 aspect-ratio: 1/1; 7247 aspect-ratio: 1/1;
7247 display: -webkit-box; 7248 display: -webkit-box;
7248 display: -ms-flexbox; 7249 display: -ms-flexbox;
7249 display: flex; 7250 display: flex;
7250 -webkit-box-pack: center; 7251 -webkit-box-pack: center;
7251 -ms-flex-pack: center; 7252 -ms-flex-pack: center;
7252 justify-content: center; 7253 justify-content: center;
7253 -webkit-box-align: center; 7254 -webkit-box-align: center;
7254 -ms-flex-align: center; 7255 -ms-flex-align: center;
7255 align-items: center; 7256 align-items: center;
7256 background: #fff; 7257 background: #fff;
7257 color: #4d88d9; 7258 color: #4d88d9;
7258 border-radius: 8px; 7259 border-radius: 8px;
7259 } 7260 }
7260 @media (min-width: 768px) { 7261 @media (min-width: 768px) {
7261 .chatbox__bottom-file { 7262 .chatbox__bottom-file {
7262 width: 48px; 7263 width: 48px;
7263 } 7264 }
7264 } 7265 }
7265 .chatbox__bottom-file:hover { 7266 .chatbox__bottom-file:hover {
7266 color: #377d87; 7267 color: #377d87;
7267 } 7268 }
7268 .chatbox__bottom-file input { 7269 .chatbox__bottom-file input {
7269 display: none; 7270 display: none;
7270 } 7271 }
7271 .chatbox__bottom-file svg { 7272 .chatbox__bottom-file svg {
7272 width: 50%; 7273 width: 50%;
7273 aspect-ratio: 1/1; 7274 aspect-ratio: 1/1;
7274 } 7275 }
7275 @media (min-width: 768px) { 7276 @media (min-width: 768px) {
7276 .chatbox__bottom-file svg { 7277 .chatbox__bottom-file svg {
7277 width: 40%; 7278 width: 40%;
7278 } 7279 }
7279 } 7280 }
7280 .chatbox__bottom-text { 7281 .chatbox__bottom-text {
7281 width: calc(100% - 60px); 7282 width: calc(100% - 60px);
7282 height: 20px; 7283 height: 20px;
7283 border-color: #fff; 7284 border-color: #fff;
7284 } 7285 }
7285 @media (min-width: 768px) { 7286 @media (min-width: 768px) {
7286 .chatbox__bottom-text { 7287 .chatbox__bottom-text {
7287 width: calc(100% - 128px); 7288 width: calc(100% - 128px);
7288 height: 48px; 7289 height: 48px;
7289 } 7290 }
7290 } 7291 }
7291 .chatbox__bottom-text:focus { 7292 .chatbox__bottom-text:focus {
7292 border-color: #fff; 7293 border-color: #fff;
7293 } 7294 }
7294 .chatbox__bottom-send { 7295 .chatbox__bottom-send {
7295 width: 20px; 7296 width: 20px;
7296 aspect-ratio: 1/1; 7297 aspect-ratio: 1/1;
7297 display: -webkit-box; 7298 display: -webkit-box;
7298 display: -ms-flexbox; 7299 display: -ms-flexbox;
7299 display: flex; 7300 display: flex;
7300 -webkit-box-pack: center; 7301 -webkit-box-pack: center;
7301 -ms-flex-pack: center; 7302 -ms-flex-pack: center;
7302 justify-content: center; 7303 justify-content: center;
7303 -webkit-box-align: center; 7304 -webkit-box-align: center;
7304 -ms-flex-align: center; 7305 -ms-flex-align: center;
7305 align-items: center; 7306 align-items: center;
7306 padding: 0; 7307 padding: 0;
7307 background: #fff; 7308 background: #fff;
7308 border: none; 7309 border: none;
7309 color: #4d88d9; 7310 color: #4d88d9;
7310 border-radius: 999px; 7311 border-radius: 999px;
7311 } 7312 }
7312 @media (min-width: 768px) { 7313 @media (min-width: 768px) {
7313 .chatbox__bottom-send { 7314 .chatbox__bottom-send {
7314 width: 48px; 7315 width: 48px;
7315 } 7316 }
7316 } 7317 }
7317 .chatbox__bottom-send:hover { 7318 .chatbox__bottom-send:hover {
7318 color: #377d87; 7319 color: #377d87;
7319 } 7320 }
7320 .chatbox__bottom-send svg { 7321 .chatbox__bottom-send svg {
7321 width: 50%; 7322 width: 50%;
7322 aspect-ratio: 1/1; 7323 aspect-ratio: 1/1;
7323 position: relative; 7324 position: relative;
7324 left: 1px; 7325 left: 1px;
7325 } 7326 }
7326 @media (min-width: 768px) { 7327 @media (min-width: 768px) {
7327 .chatbox__bottom-send svg { 7328 .chatbox__bottom-send svg {
7328 width: 40%; 7329 width: 40%;
7329 left: 2px; 7330 left: 2px;
7330 } 7331 }
7331 } 7332 }
7332 7333
7333 .cvs { 7334 .cvs {
7334 display: -webkit-box; 7335 display: -webkit-box;
7335 display: -ms-flexbox; 7336 display: -ms-flexbox;
7336 display: flex; 7337 display: flex;
7337 -webkit-box-orient: vertical; 7338 -webkit-box-orient: vertical;
7338 -webkit-box-direction: reverse; 7339 -webkit-box-direction: reverse;
7339 -ms-flex-direction: column-reverse; 7340 -ms-flex-direction: column-reverse;
7340 flex-direction: column-reverse; 7341 flex-direction: column-reverse;
7341 -webkit-box-align: center; 7342 -webkit-box-align: center;
7342 -ms-flex-align: center; 7343 -ms-flex-align: center;
7343 align-items: center; 7344 align-items: center;
7344 gap: 20px; 7345 gap: 20px;
7345 } 7346 }
7346 .cvs__body { 7347 .cvs__body {
7347 display: -webkit-box; 7348 display: -webkit-box;
7348 display: -ms-flexbox; 7349 display: -ms-flexbox;
7349 display: flex; 7350 display: flex;
7350 -webkit-box-orient: vertical; 7351 -webkit-box-orient: vertical;
7351 -webkit-box-direction: normal; 7352 -webkit-box-direction: normal;
7352 -ms-flex-direction: column; 7353 -ms-flex-direction: column;
7353 flex-direction: column; 7354 flex-direction: column;
7354 gap: 20px; 7355 gap: 20px;
7355 width: 100%; 7356 width: 100%;
7356 } 7357 }
7357 @media (min-width: 768px) { 7358 @media (min-width: 768px) {
7358 .cvs__body { 7359 .cvs__body {
7359 gap: 30px; 7360 gap: 30px;
7360 } 7361 }
7361 } 7362 }
7362 .cvs__item { 7363 .cvs__item {
7363 display: none; 7364 display: none;
7364 -webkit-box-orient: vertical; 7365 -webkit-box-orient: vertical;
7365 -webkit-box-direction: normal; 7366 -webkit-box-direction: normal;
7366 -ms-flex-direction: column; 7367 -ms-flex-direction: column;
7367 flex-direction: column; 7368 flex-direction: column;
7368 gap: 10px; 7369 gap: 10px;
7369 border-radius: 8px; 7370 border-radius: 8px;
7370 border: 1px solid #e7e7e7; 7371 border: 1px solid #e7e7e7;
7371 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7372 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7372 padding: 10px; 7373 padding: 10px;
7373 font-size: 12px; 7374 font-size: 12px;
7374 position: relative; 7375 position: relative;
7375 } 7376 }
7376 @media (min-width: 768px) { 7377 @media (min-width: 768px) {
7377 .cvs__item { 7378 .cvs__item {
7378 gap: 0; 7379 gap: 0;
7379 padding: 20px; 7380 padding: 20px;
7380 font-size: 16px; 7381 font-size: 16px;
7381 -webkit-box-orient: horizontal; 7382 -webkit-box-orient: horizontal;
7382 -webkit-box-direction: normal; 7383 -webkit-box-direction: normal;
7383 -ms-flex-direction: row; 7384 -ms-flex-direction: row;
7384 flex-direction: row; 7385 flex-direction: row;
7385 -webkit-box-align: start; 7386 -webkit-box-align: start;
7386 -ms-flex-align: start; 7387 -ms-flex-align: start;
7387 align-items: flex-start; 7388 align-items: flex-start;
7388 -ms-flex-wrap: wrap; 7389 -ms-flex-wrap: wrap;
7389 flex-wrap: wrap; 7390 flex-wrap: wrap;
7390 } 7391 }
7391 } 7392 }
7392 .cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) { 7393 .cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) {
7393 display: -webkit-box; 7394 display: -webkit-box;
7394 display: -ms-flexbox; 7395 display: -ms-flexbox;
7395 display: flex; 7396 display: flex;
7396 } 7397 }
7397 .cvs__item-like { 7398 .cvs__item-like {
7398 width: unset; 7399 width: unset;
7399 padding: 5px 10px; 7400 padding: 5px 10px;
7400 margin-right: 10px; 7401 margin-right: 10px;
7401 } 7402 }
7402 .cvs__item .cvs__item-buttons .chat{ 7403 .cvs__item .cvs__item-buttons .chat{
7403 width: unset; 7404 width: unset;
7404 padding: 5px 10px; 7405 padding: 5px 10px;
7405 margin-right: 10px; 7406 margin-right: 10px;
7406 } 7407 }
7407 .cvs__item-like.active{ 7408 .cvs__item-like.active{
7408 background: #ffffff; 7409 background: #ffffff;
7409 color: #eb5757; 7410 color: #eb5757;
7410 } 7411 }
7411 .cvs__item-like .in-favorites{ 7412 .cvs__item-like .in-favorites{
7412 display: none; 7413 display: none;
7413 } 7414 }
7414 .cvs__item-like.active .in-favorites{ 7415 .cvs__item-like.active .in-favorites{
7415 display: block; 7416 display: block;
7416 color: #eb5757; 7417 color: #eb5757;
7417 } 7418 }
7418 .cvs__item-like.active .to-favorites{ 7419 .cvs__item-like.active .to-favorites{
7419 display: none; 7420 display: none;
7420 } 7421 }
7421 .cvs__item .cvs__item-header{ 7422 .cvs__item .cvs__item-header{
7422 display: flex; 7423 display: flex;
7423 width: 100%; 7424 width: 100%;
7424 justify-content: space-between; 7425 justify-content: space-between;
7425 } 7426 }
7426 .cvs__item-photo { 7427 .cvs__item-photo {
7427 position: relative; 7428 position: relative;
7428 aspect-ratio: 1/1; 7429 aspect-ratio: 1/1;
7429 overflow: hidden; 7430 overflow: hidden;
7430 background: #9c9d9d; 7431 background: #9c9d9d;
7431 color: #fff; 7432 color: #fff;
7432 width: 36px; 7433 width: 36px;
7433 border-radius: 6px; 7434 border-radius: 6px;
7434 display: -webkit-box; 7435 display: -webkit-box;
7435 display: -ms-flexbox; 7436 display: -ms-flexbox;
7436 display: flex; 7437 display: flex;
7437 -webkit-box-pack: center; 7438 -webkit-box-pack: center;
7438 -ms-flex-pack: center; 7439 -ms-flex-pack: center;
7439 justify-content: center; 7440 justify-content: center;
7440 -webkit-box-align: center; 7441 -webkit-box-align: center;
7441 -ms-flex-align: center; 7442 -ms-flex-align: center;
7442 align-items: center; 7443 align-items: center;
7443 } 7444 }
7444 @media (min-width: 768px) { 7445 @media (min-width: 768px) {
7445 .cvs__item-photo { 7446 .cvs__item-photo {
7446 width: 68px; 7447 width: 68px;
7447 } 7448 }
7448 } 7449 }
7449 .cvs__item-photo svg { 7450 .cvs__item-photo svg {
7450 width: 50%; 7451 width: 50%;
7451 position: relative; 7452 position: relative;
7452 z-index: 1; 7453 z-index: 1;
7453 } 7454 }
7454 .cvs__item-photo img { 7455 .cvs__item-photo img {
7455 position: absolute; 7456 position: absolute;
7456 z-index: 2; 7457 z-index: 2;
7457 top: 0; 7458 top: 0;
7458 left: 0; 7459 left: 0;
7459 width: 100%; 7460 width: 100%;
7460 height: 100%; 7461 height: 100%;
7461 -o-object-fit: cover; 7462 -o-object-fit: cover;
7462 object-fit: cover; 7463 object-fit: cover;
7463 } 7464 }
7464 .cvs__item-text { 7465 .cvs__item-text {
7465 display: -webkit-box; 7466 display: -webkit-box;
7466 display: -ms-flexbox; 7467 display: -ms-flexbox;
7467 display: flex; 7468 display: flex;
7468 -webkit-box-orient: vertical; 7469 -webkit-box-orient: vertical;
7469 -webkit-box-direction: normal; 7470 -webkit-box-direction: normal;
7470 -ms-flex-direction: column; 7471 -ms-flex-direction: column;
7471 flex-direction: column; 7472 flex-direction: column;
7472 gap: 10px; 7473 gap: 10px;
7473 width: 100%; 7474 width: 100%;
7474 margin-top: 30px; 7475 margin-top: 30px;
7475 } 7476 }
7476 .cvs__item .cvs__item-buttons{ 7477 .cvs__item .cvs__item-buttons{
7477 display: flex; 7478 display: flex;
7478 align-items: start; 7479 align-items: start;
7479 } 7480 }
7480 .cvs.active .cvs__item { 7481 .cvs.active .cvs__item {
7481 display: -webkit-box; 7482 display: -webkit-box;
7482 display: -ms-flexbox; 7483 display: -ms-flexbox;
7483 display: flex; 7484 display: flex;
7484 } 7485 }
7485 .cvs__item-text .cvs__item-text-row{ 7486 .cvs__item-text .cvs__item-text-row{
7486 display: flex; 7487 display: flex;
7487 justify-content: space-between; 7488 justify-content: space-between;
7488 width: 100%; 7489 width: 100%;
7489 } 7490 }
7490 .cvs__item-text .cvs__item-text-row > div{ 7491 .cvs__item-text .cvs__item-text-row > div{
7491 width: 50%; 7492 width: 50%;
7492 } 7493 }
7493 .cvs__item-text .cvs__item-text-row b{ 7494 .cvs__item-text .cvs__item-text-row b{
7494 color: #377d87; 7495 color: #377d87;
7495 font-size: 18px; 7496 font-size: 18px;
7496 } 7497 }
7497 .cvs__item-text .cvs__item-text-status { 7498 .cvs__item-text .cvs__item-text-status {
7498 width: fit-content; 7499 width: fit-content;
7499 background-color: #e6e6e6; 7500 background-color: #e6e6e6;
7500 font-weight: bold; 7501 font-weight: bold;
7501 padding: 5px 10px; 7502 padding: 5px 10px;
7502 border-radius: 8px; 7503 border-radius: 8px;
7503 margin-right: 30px; 7504 margin-right: 30px;
7504 } 7505 }
7505 .cvs__item-text .cvs__item-text-status.looking-for-job { 7506 .cvs__item-text .cvs__item-text-status.looking-for-job {
7506 background-color: #eb5757; 7507 background-color: #eb5757;
7507 color: #fff; 7508 color: #fff;
7508 } 7509 }
7509 .cvs__item-text .cvs__item-text-updated-at{ 7510 .cvs__item-text .cvs__item-text-updated-at{
7510 padding: 5px 10px; 7511 padding: 5px 10px;
7511 border-radius: 8px; 7512 border-radius: 8px;
7512 border: 1px #e6e6e6 solid; 7513 border: 1px #e6e6e6 solid;
7513 } 7514 }
7514 .faqs { 7515 .faqs {
7515 display: -webkit-box; 7516 display: -webkit-box;
7516 display: -ms-flexbox; 7517 display: -ms-flexbox;
7517 display: flex; 7518 display: flex;
7518 -webkit-box-orient: vertical; 7519 -webkit-box-orient: vertical;
7519 -webkit-box-direction: reverse; 7520 -webkit-box-direction: reverse;
7520 -ms-flex-direction: column-reverse; 7521 -ms-flex-direction: column-reverse;
7521 flex-direction: column-reverse; 7522 flex-direction: column-reverse;
7522 -webkit-box-align: center; 7523 -webkit-box-align: center;
7523 -ms-flex-align: center; 7524 -ms-flex-align: center;
7524 align-items: center; 7525 align-items: center;
7525 gap: 20px; 7526 gap: 20px;
7526 } 7527 }
7527 .faqs__body { 7528 .faqs__body {
7528 display: -webkit-box; 7529 display: -webkit-box;
7529 display: -ms-flexbox; 7530 display: -ms-flexbox;
7530 display: flex; 7531 display: flex;
7531 -webkit-box-orient: vertical; 7532 -webkit-box-orient: vertical;
7532 -webkit-box-direction: normal; 7533 -webkit-box-direction: normal;
7533 -ms-flex-direction: column; 7534 -ms-flex-direction: column;
7534 flex-direction: column; 7535 flex-direction: column;
7535 gap: 20px; 7536 gap: 20px;
7536 width: 100%; 7537 width: 100%;
7537 } 7538 }
7538 .faqs__item { 7539 .faqs__item {
7539 display: none; 7540 display: none;
7540 -webkit-box-orient: vertical; 7541 -webkit-box-orient: vertical;
7541 -webkit-box-direction: normal; 7542 -webkit-box-direction: normal;
7542 -ms-flex-direction: column; 7543 -ms-flex-direction: column;
7543 flex-direction: column; 7544 flex-direction: column;
7544 border-radius: 8px; 7545 border-radius: 8px;
7545 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7546 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7546 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7547 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7547 background: #fff; 7548 background: #fff;
7548 padding: 10px; 7549 padding: 10px;
7549 font-size: 12px; 7550 font-size: 12px;
7550 } 7551 }
7551 @media (min-width: 768px) { 7552 @media (min-width: 768px) {
7552 .faqs__item { 7553 .faqs__item {
7553 padding: 20px; 7554 padding: 20px;
7554 font-size: 16px; 7555 font-size: 16px;
7555 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7556 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7556 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7557 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7557 } 7558 }
7558 } 7559 }
7559 .faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) { 7560 .faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) {
7560 display: -webkit-box; 7561 display: -webkit-box;
7561 display: -ms-flexbox; 7562 display: -ms-flexbox;
7562 display: flex; 7563 display: flex;
7563 } 7564 }
7564 .faqs__item-button { 7565 .faqs__item-button {
7565 background: none; 7566 background: none;
7566 padding: 0; 7567 padding: 0;
7567 border: none; 7568 border: none;
7568 display: -webkit-box; 7569 display: -webkit-box;
7569 display: -ms-flexbox; 7570 display: -ms-flexbox;
7570 display: flex; 7571 display: flex;
7571 -webkit-box-align: center; 7572 -webkit-box-align: center;
7572 -ms-flex-align: center; 7573 -ms-flex-align: center;
7573 align-items: center; 7574 align-items: center;
7574 color: #000; 7575 color: #000;
7575 text-align: left; 7576 text-align: left;
7576 font-size: 14px; 7577 font-size: 14px;
7577 font-weight: 700; 7578 font-weight: 700;
7578 } 7579 }
7579 @media (min-width: 768px) { 7580 @media (min-width: 768px) {
7580 .faqs__item-button { 7581 .faqs__item-button {
7581 font-size: 20px; 7582 font-size: 20px;
7582 } 7583 }
7583 } 7584 }
7584 .faqs__item-button span { 7585 .faqs__item-button span {
7585 width: calc(100% - 16px); 7586 width: calc(100% - 16px);
7586 padding-right: 16px; 7587 padding-right: 16px;
7587 } 7588 }
7588 .faqs__item-button i { 7589 .faqs__item-button i {
7589 display: -webkit-box; 7590 display: -webkit-box;
7590 display: -ms-flexbox; 7591 display: -ms-flexbox;
7591 display: flex; 7592 display: flex;
7592 -webkit-box-pack: center; 7593 -webkit-box-pack: center;
7593 -ms-flex-pack: center; 7594 -ms-flex-pack: center;
7594 justify-content: center; 7595 justify-content: center;
7595 -webkit-box-align: center; 7596 -webkit-box-align: center;
7596 -ms-flex-align: center; 7597 -ms-flex-align: center;
7597 align-items: center; 7598 align-items: center;
7598 width: 16px; 7599 width: 16px;
7599 aspect-ratio: 1/1; 7600 aspect-ratio: 1/1;
7600 color: #377d87; 7601 color: #377d87;
7601 -webkit-transition: 0.3s; 7602 -webkit-transition: 0.3s;
7602 transition: 0.3s; 7603 transition: 0.3s;
7603 } 7604 }
7604 .faqs__item-button i svg { 7605 .faqs__item-button i svg {
7605 width: 16px; 7606 width: 16px;
7606 aspect-ratio: 1/1; 7607 aspect-ratio: 1/1;
7607 -webkit-transform: rotate(90deg); 7608 -webkit-transform: rotate(90deg);
7608 -ms-transform: rotate(90deg); 7609 -ms-transform: rotate(90deg);
7609 transform: rotate(90deg); 7610 transform: rotate(90deg);
7610 } 7611 }
7611 .faqs__item-button.active i { 7612 .faqs__item-button.active i {
7612 -webkit-transform: rotate(180deg); 7613 -webkit-transform: rotate(180deg);
7613 -ms-transform: rotate(180deg); 7614 -ms-transform: rotate(180deg);
7614 transform: rotate(180deg); 7615 transform: rotate(180deg);
7615 } 7616 }
7616 .faqs__item-body { 7617 .faqs__item-body {
7617 display: -webkit-box; 7618 display: -webkit-box;
7618 display: -ms-flexbox; 7619 display: -ms-flexbox;
7619 display: flex; 7620 display: flex;
7620 -webkit-box-orient: vertical; 7621 -webkit-box-orient: vertical;
7621 -webkit-box-direction: normal; 7622 -webkit-box-direction: normal;
7622 -ms-flex-direction: column; 7623 -ms-flex-direction: column;
7623 flex-direction: column; 7624 flex-direction: column;
7624 gap: 10px; 7625 gap: 10px;
7625 opacity: 0; 7626 opacity: 0;
7626 height: 0; 7627 height: 0;
7627 overflow: hidden; 7628 overflow: hidden;
7628 font-size: 12px; 7629 font-size: 12px;
7629 line-height: 1.4; 7630 line-height: 1.4;
7630 } 7631 }
7631 @media (min-width: 768px) { 7632 @media (min-width: 768px) {
7632 .faqs__item-body { 7633 .faqs__item-body {
7633 font-size: 16px; 7634 font-size: 16px;
7634 gap: 20px; 7635 gap: 20px;
7635 } 7636 }
7636 } 7637 }
7637 .faqs__item-body p { 7638 .faqs__item-body p {
7638 margin: 0; 7639 margin: 0;
7639 } 7640 }
7640 .active + .faqs__item-body { 7641 .active + .faqs__item-body {
7641 opacity: 1; 7642 opacity: 1;
7642 height: auto; 7643 height: auto;
7643 -webkit-transition: 0.3s; 7644 -webkit-transition: 0.3s;
7644 transition: 0.3s; 7645 transition: 0.3s;
7645 padding-top: 10px; 7646 padding-top: 10px;
7646 } 7647 }
7647 @media (min-width: 768px) { 7648 @media (min-width: 768px) {
7648 .active + .faqs__item-body { 7649 .active + .faqs__item-body {
7649 padding-top: 20px; 7650 padding-top: 20px;
7650 } 7651 }
7651 } 7652 }
7652 .faqs.active .faqs__item { 7653 .faqs.active .faqs__item {
7653 display: -webkit-box; 7654 display: -webkit-box;
7654 display: -ms-flexbox; 7655 display: -ms-flexbox;
7655 display: flex; 7656 display: flex;
7656 } 7657 }
7657 7658
7658 .cabinet { 7659 .cabinet {
7659 padding: 20px 0; 7660 padding: 20px 0;
7660 padding-bottom: 40px; 7661 padding-bottom: 40px;
7661 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7662 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7662 } 7663 }
7663 @media (min-width: 992px) { 7664 @media (min-width: 992px) {
7664 .cabinet { 7665 .cabinet {
7665 padding: 30px 0; 7666 padding: 30px 0;
7666 padding-bottom: 60px; 7667 padding-bottom: 60px;
7667 } 7668 }
7668 } 7669 }
7669 .cabinet__breadcrumbs { 7670 .cabinet__breadcrumbs {
7670 margin-bottom: 50px; 7671 margin-bottom: 50px;
7671 } 7672 }
7672 .cabinet__wrapper { 7673 .cabinet__wrapper {
7673 display: -webkit-box; 7674 display: -webkit-box;
7674 display: -ms-flexbox; 7675 display: -ms-flexbox;
7675 display: flex; 7676 display: flex;
7676 -webkit-box-orient: vertical; 7677 -webkit-box-orient: vertical;
7677 -webkit-box-direction: normal; 7678 -webkit-box-direction: normal;
7678 -ms-flex-direction: column; 7679 -ms-flex-direction: column;
7679 flex-direction: column; 7680 flex-direction: column;
7680 } 7681 }
7681 @media (min-width: 992px) { 7682 @media (min-width: 992px) {
7682 .cabinet__wrapper { 7683 .cabinet__wrapper {
7683 -webkit-box-orient: horizontal; 7684 -webkit-box-orient: horizontal;
7684 -webkit-box-direction: normal; 7685 -webkit-box-direction: normal;
7685 -ms-flex-direction: row; 7686 -ms-flex-direction: row;
7686 flex-direction: row; 7687 flex-direction: row;
7687 -webkit-box-align: start; 7688 -webkit-box-align: start;
7688 -ms-flex-align: start; 7689 -ms-flex-align: start;
7689 align-items: flex-start; 7690 align-items: flex-start;
7690 -webkit-box-pack: justify; 7691 -webkit-box-pack: justify;
7691 -ms-flex-pack: justify; 7692 -ms-flex-pack: justify;
7692 justify-content: space-between; 7693 justify-content: space-between;
7693 } 7694 }
7694 } 7695 }
7695 .cabinet__side { 7696 .cabinet__side {
7696 border-radius: 8px; 7697 border-radius: 8px;
7697 background: #fff; 7698 background: #fff;
7698 padding: 20px 10px; 7699 padding: 20px 10px;
7699 display: -webkit-box; 7700 display: -webkit-box;
7700 display: -ms-flexbox; 7701 display: -ms-flexbox;
7701 display: flex; 7702 display: flex;
7702 -webkit-box-orient: vertical; 7703 -webkit-box-orient: vertical;
7703 -webkit-box-direction: normal; 7704 -webkit-box-direction: normal;
7704 -ms-flex-direction: column; 7705 -ms-flex-direction: column;
7705 flex-direction: column; 7706 flex-direction: column;
7706 gap: 30px; 7707 gap: 30px;
7707 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7708 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7708 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7709 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7709 } 7710 }
7710 @media (min-width: 768px) { 7711 @media (min-width: 768px) {
7711 .cabinet__side { 7712 .cabinet__side {
7712 padding: 30px 20px; 7713 padding: 30px 20px;
7713 margin-bottom: 50px; 7714 margin-bottom: 50px;
7714 } 7715 }
7715 } 7716 }
7716 @media (min-width: 992px) { 7717 @media (min-width: 992px) {
7717 .cabinet__side { 7718 .cabinet__side {
7718 width: 340px; 7719 width: 340px;
7719 margin: 0; 7720 margin: 0;
7720 position: sticky; 7721 position: sticky;
7721 top: 6px; 7722 top: 6px;
7722 } 7723 }
7723 } 7724 }
7724 @media (min-width: 1280px) { 7725 @media (min-width: 1280px) {
7725 .cabinet__side { 7726 .cabinet__side {
7726 width: 400px; 7727 width: 400px;
7727 } 7728 }
7728 } 7729 }
7729 .cabinet__side-item { 7730 .cabinet__side-item {
7730 display: -webkit-box; 7731 display: -webkit-box;
7731 display: -ms-flexbox; 7732 display: -ms-flexbox;
7732 display: flex; 7733 display: flex;
7733 -webkit-box-orient: vertical; 7734 -webkit-box-orient: vertical;
7734 -webkit-box-direction: normal; 7735 -webkit-box-direction: normal;
7735 -ms-flex-direction: column; 7736 -ms-flex-direction: column;
7736 flex-direction: column; 7737 flex-direction: column;
7737 gap: 20px; 7738 gap: 20px;
7738 } 7739 }
7739 .cabinet__side-toper { 7740 .cabinet__side-toper {
7740 display: -webkit-box; 7741 display: -webkit-box;
7741 display: -ms-flexbox; 7742 display: -ms-flexbox;
7742 display: flex; 7743 display: flex;
7743 -webkit-box-align: center; 7744 -webkit-box-align: center;
7744 -ms-flex-align: center; 7745 -ms-flex-align: center;
7745 align-items: center; 7746 align-items: center;
7746 } 7747 }
7747 .cabinet__side-toper-pic { 7748 .cabinet__side-toper-pic {
7748 width: 70px; 7749 width: 70px;
7749 aspect-ratio: 1/1; 7750 aspect-ratio: 1/1;
7750 overflow: hidden; 7751 overflow: hidden;
7751 border-radius: 8px; 7752 border-radius: 8px;
7752 color: #fff; 7753 color: #fff;
7753 background: #9c9d9d; 7754 background: #9c9d9d;
7754 display: -webkit-box; 7755 display: -webkit-box;
7755 display: -ms-flexbox; 7756 display: -ms-flexbox;
7756 display: flex; 7757 display: flex;
7757 -webkit-box-align: center; 7758 -webkit-box-align: center;
7758 -ms-flex-align: center; 7759 -ms-flex-align: center;
7759 align-items: center; 7760 align-items: center;
7760 -webkit-box-pack: center; 7761 -webkit-box-pack: center;
7761 -ms-flex-pack: center; 7762 -ms-flex-pack: center;
7762 justify-content: center; 7763 justify-content: center;
7763 position: relative; 7764 position: relative;
7764 } 7765 }
7765 .cabinet__side-toper-pic img { 7766 .cabinet__side-toper-pic img {
7766 width: 100%; 7767 width: 100%;
7767 height: 100%; 7768 height: 100%;
7768 -o-object-fit: cover; 7769 -o-object-fit: cover;
7769 object-fit: cover; 7770 object-fit: cover;
7770 position: absolute; 7771 position: absolute;
7771 z-index: 2; 7772 z-index: 2;
7772 top: 0; 7773 top: 0;
7773 left: 0; 7774 left: 0;
7774 aspect-ratio: 1/1; 7775 aspect-ratio: 1/1;
7775 -o-object-fit: contain; 7776 -o-object-fit: contain;
7776 object-fit: contain; 7777 object-fit: contain;
7777 } 7778 }
7778 .cabinet__side-toper-pic svg { 7779 .cabinet__side-toper-pic svg {
7779 width: 50%; 7780 width: 50%;
7780 aspect-ratio: 1/1; 7781 aspect-ratio: 1/1;
7781 } 7782 }
7782 .cabinet__side-toper b { 7783 .cabinet__side-toper b {
7783 width: calc(100% - 70px); 7784 width: calc(100% - 70px);
7784 font-size: 14px; 7785 font-size: 14px;
7785 font-weight: 700; 7786 font-weight: 700;
7786 padding-left: 16px; 7787 padding-left: 16px;
7787 } 7788 }
7788 @media (min-width: 768px) { 7789 @media (min-width: 768px) {
7789 .cabinet__side-toper b { 7790 .cabinet__side-toper b {
7790 font-size: 20px; 7791 font-size: 20px;
7791 } 7792 }
7792 } 7793 }
7793 .cabinet__menu { 7794 .cabinet__menu {
7794 display: -webkit-box; 7795 display: -webkit-box;
7795 display: -ms-flexbox; 7796 display: -ms-flexbox;
7796 display: flex; 7797 display: flex;
7797 -webkit-box-orient: vertical; 7798 -webkit-box-orient: vertical;
7798 -webkit-box-direction: normal; 7799 -webkit-box-direction: normal;
7799 -ms-flex-direction: column; 7800 -ms-flex-direction: column;
7800 flex-direction: column; 7801 flex-direction: column;
7801 } 7802 }
7802 .cabinet__menu-toper { 7803 .cabinet__menu-toper {
7803 display: -webkit-box; 7804 display: -webkit-box;
7804 display: -ms-flexbox; 7805 display: -ms-flexbox;
7805 display: flex; 7806 display: flex;
7806 -webkit-box-align: center; 7807 -webkit-box-align: center;
7807 -ms-flex-align: center; 7808 -ms-flex-align: center;
7808 align-items: center; 7809 align-items: center;
7809 -webkit-box-pack: justify; 7810 -webkit-box-pack: justify;
7810 -ms-flex-pack: justify; 7811 -ms-flex-pack: justify;
7811 justify-content: space-between; 7812 justify-content: space-between;
7812 padding: 0 16px; 7813 padding: 0 16px;
7813 padding-right: 12px; 7814 padding-right: 12px;
7814 border: none; 7815 border: none;
7815 border-radius: 8px; 7816 border-radius: 8px;
7816 background: #377d87; 7817 background: #377d87;
7817 color: #fff; 7818 color: #fff;
7818 } 7819 }
7819 @media (min-width: 768px) { 7820 @media (min-width: 768px) {
7820 .cabinet__menu-toper { 7821 .cabinet__menu-toper {
7821 padding: 0 20px; 7822 padding: 0 20px;
7822 } 7823 }
7823 } 7824 }
7824 @media (min-width: 992px) { 7825 @media (min-width: 992px) {
7825 .cabinet__menu-toper { 7826 .cabinet__menu-toper {
7826 display: none; 7827 display: none;
7827 } 7828 }
7828 } 7829 }
7829 .cabinet__menu-toper-text { 7830 .cabinet__menu-toper-text {
7830 width: calc(100% - 16px); 7831 width: calc(100% - 16px);
7831 display: -webkit-box; 7832 display: -webkit-box;
7832 display: -ms-flexbox; 7833 display: -ms-flexbox;
7833 display: flex; 7834 display: flex;
7834 -webkit-box-align: center; 7835 -webkit-box-align: center;
7835 -ms-flex-align: center; 7836 -ms-flex-align: center;
7836 align-items: center; 7837 align-items: center;
7837 } 7838 }
7838 @media (min-width: 768px) { 7839 @media (min-width: 768px) {
7839 .cabinet__menu-toper-text { 7840 .cabinet__menu-toper-text {
7840 width: calc(100% - 20px); 7841 width: calc(100% - 20px);
7841 } 7842 }
7842 } 7843 }
7843 .cabinet__menu-toper-text i { 7844 .cabinet__menu-toper-text i {
7844 width: 16px; 7845 width: 16px;
7845 height: 16px; 7846 height: 16px;
7846 display: -webkit-box; 7847 display: -webkit-box;
7847 display: -ms-flexbox; 7848 display: -ms-flexbox;
7848 display: flex; 7849 display: flex;
7849 -webkit-box-align: center; 7850 -webkit-box-align: center;
7850 -ms-flex-align: center; 7851 -ms-flex-align: center;
7851 align-items: center; 7852 align-items: center;
7852 -webkit-box-pack: center; 7853 -webkit-box-pack: center;
7853 -ms-flex-pack: center; 7854 -ms-flex-pack: center;
7854 justify-content: center; 7855 justify-content: center;
7855 } 7856 }
7856 @media (min-width: 768px) { 7857 @media (min-width: 768px) {
7857 .cabinet__menu-toper-text i { 7858 .cabinet__menu-toper-text i {
7858 width: 22px; 7859 width: 22px;
7859 height: 22px; 7860 height: 22px;
7860 } 7861 }
7861 } 7862 }
7862 .cabinet__menu-toper-text svg { 7863 .cabinet__menu-toper-text svg {
7863 width: 16px; 7864 width: 16px;
7864 height: 16px; 7865 height: 16px;
7865 } 7866 }
7866 @media (min-width: 768px) { 7867 @media (min-width: 768px) {
7867 .cabinet__menu-toper-text svg { 7868 .cabinet__menu-toper-text svg {
7868 width: 22px; 7869 width: 22px;
7869 height: 22px; 7870 height: 22px;
7870 } 7871 }
7871 } 7872 }
7872 .cabinet__menu-toper-text span { 7873 .cabinet__menu-toper-text span {
7873 display: -webkit-box; 7874 display: -webkit-box;
7874 display: -ms-flexbox; 7875 display: -ms-flexbox;
7875 display: flex; 7876 display: flex;
7876 -webkit-box-align: center; 7877 -webkit-box-align: center;
7877 -ms-flex-align: center; 7878 -ms-flex-align: center;
7878 align-items: center; 7879 align-items: center;
7879 padding: 0 10px; 7880 padding: 0 10px;
7880 min-height: 30px; 7881 min-height: 30px;
7881 font-size: 12px; 7882 font-size: 12px;
7882 width: calc(100% - 16px); 7883 width: calc(100% - 16px);
7883 } 7884 }
7884 @media (min-width: 768px) { 7885 @media (min-width: 768px) {
7885 .cabinet__menu-toper-text span { 7886 .cabinet__menu-toper-text span {
7886 width: calc(100% - 22px); 7887 width: calc(100% - 22px);
7887 font-size: 20px; 7888 font-size: 20px;
7888 min-height: 52px; 7889 min-height: 52px;
7889 padding: 0 16px; 7890 padding: 0 16px;
7890 } 7891 }
7891 } 7892 }
7892 .cabinet__menu-toper-arrow { 7893 .cabinet__menu-toper-arrow {
7893 width: 16px; 7894 width: 16px;
7894 height: 16px; 7895 height: 16px;
7895 display: -webkit-box; 7896 display: -webkit-box;
7896 display: -ms-flexbox; 7897 display: -ms-flexbox;
7897 display: flex; 7898 display: flex;
7898 -webkit-box-pack: center; 7899 -webkit-box-pack: center;
7899 -ms-flex-pack: center; 7900 -ms-flex-pack: center;
7900 justify-content: center; 7901 justify-content: center;
7901 -webkit-box-align: center; 7902 -webkit-box-align: center;
7902 -ms-flex-align: center; 7903 -ms-flex-align: center;
7903 align-items: center; 7904 align-items: center;
7904 -webkit-transition: 0.3s; 7905 -webkit-transition: 0.3s;
7905 transition: 0.3s; 7906 transition: 0.3s;
7906 } 7907 }
7907 @media (min-width: 768px) { 7908 @media (min-width: 768px) {
7908 .cabinet__menu-toper-arrow { 7909 .cabinet__menu-toper-arrow {
7909 width: 20px; 7910 width: 20px;
7910 height: 20px; 7911 height: 20px;
7911 } 7912 }
7912 } 7913 }
7913 .cabinet__menu-toper-arrow svg { 7914 .cabinet__menu-toper-arrow svg {
7914 width: 12px; 7915 width: 12px;
7915 height: 12px; 7916 height: 12px;
7916 -webkit-transform: rotate(90deg); 7917 -webkit-transform: rotate(90deg);
7917 -ms-transform: rotate(90deg); 7918 -ms-transform: rotate(90deg);
7918 transform: rotate(90deg); 7919 transform: rotate(90deg);
7919 } 7920 }
7920 @media (min-width: 768px) { 7921 @media (min-width: 768px) {
7921 .cabinet__menu-toper-arrow svg { 7922 .cabinet__menu-toper-arrow svg {
7922 width: 20px; 7923 width: 20px;
7923 height: 20px; 7924 height: 20px;
7924 } 7925 }
7925 } 7926 }
7926 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7927 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7927 -webkit-transform: rotate(180deg); 7928 -webkit-transform: rotate(180deg);
7928 -ms-transform: rotate(180deg); 7929 -ms-transform: rotate(180deg);
7929 transform: rotate(180deg); 7930 transform: rotate(180deg);
7930 } 7931 }
7931 .cabinet__menu-body { 7932 .cabinet__menu-body {
7932 opacity: 0; 7933 opacity: 0;
7933 height: 0; 7934 height: 0;
7934 overflow: hidden; 7935 overflow: hidden;
7935 display: -webkit-box; 7936 display: -webkit-box;
7936 display: -ms-flexbox; 7937 display: -ms-flexbox;
7937 display: flex; 7938 display: flex;
7938 -webkit-box-orient: vertical; 7939 -webkit-box-orient: vertical;
7939 -webkit-box-direction: normal; 7940 -webkit-box-direction: normal;
7940 -ms-flex-direction: column; 7941 -ms-flex-direction: column;
7941 flex-direction: column; 7942 flex-direction: column;
7942 } 7943 }
7943 @media (min-width: 992px) { 7944 @media (min-width: 992px) {
7944 .cabinet__menu-body { 7945 .cabinet__menu-body {
7945 opacity: 1; 7946 opacity: 1;
7946 height: auto; 7947 height: auto;
7947 } 7948 }
7948 } 7949 }
7949 .active + .cabinet__menu-body { 7950 .active + .cabinet__menu-body {
7950 opacity: 1; 7951 opacity: 1;
7951 height: auto; 7952 height: auto;
7952 -webkit-transition: 0.3s; 7953 -webkit-transition: 0.3s;
7953 transition: 0.3s; 7954 transition: 0.3s;
7954 } 7955 }
7955 .cabinet__menu-items { 7956 .cabinet__menu-items {
7956 display: -webkit-box; 7957 display: -webkit-box;
7957 display: -ms-flexbox; 7958 display: -ms-flexbox;
7958 display: flex; 7959 display: flex;
7959 -webkit-box-orient: vertical; 7960 -webkit-box-orient: vertical;
7960 -webkit-box-direction: normal; 7961 -webkit-box-direction: normal;
7961 -ms-flex-direction: column; 7962 -ms-flex-direction: column;
7962 flex-direction: column; 7963 flex-direction: column;
7963 } 7964 }
7964 .cabinet__menu-item { 7965 .cabinet__menu-item {
7965 padding: 8px 16px; 7966 padding: 8px 16px;
7966 border-radius: 8px; 7967 border-radius: 8px;
7967 display: -webkit-box; 7968 display: -webkit-box;
7968 display: -ms-flexbox; 7969 display: -ms-flexbox;
7969 display: flex; 7970 display: flex;
7970 -webkit-box-align: center; 7971 -webkit-box-align: center;
7971 -ms-flex-align: center; 7972 -ms-flex-align: center;
7972 align-items: center; 7973 align-items: center;
7973 } 7974 }
7974 @media (min-width: 768px) { 7975 @media (min-width: 768px) {
7975 .cabinet__menu-item { 7976 .cabinet__menu-item {
7976 padding: 14px 20px; 7977 padding: 14px 20px;
7977 } 7978 }
7978 } 7979 }
7979 .cabinet__menu-item:hover { 7980 .cabinet__menu-item:hover {
7980 color: #377d87; 7981 color: #377d87;
7981 } 7982 }
7982 @media (min-width: 992px) { 7983 @media (min-width: 992px) {
7983 .cabinet__menu-item.active { 7984 .cabinet__menu-item.active {
7984 background: #377d87; 7985 background: #377d87;
7985 color: #fff; 7986 color: #fff;
7986 } 7987 }
7987 } 7988 }
7988 @media (min-width: 992px) { 7989 @media (min-width: 992px) {
7989 .cabinet__menu-item.active svg { 7990 .cabinet__menu-item.active svg {
7990 color: #fff; 7991 color: #fff;
7991 } 7992 }
7992 } 7993 }
7993 @media (min-width: 992px) { 7994 @media (min-width: 992px) {
7994 .cabinet__menu-item.active.red { 7995 .cabinet__menu-item.active.red {
7995 background: #eb5757; 7996 background: #eb5757;
7996 } 7997 }
7997 } 7998 }
7998 .cabinet__menu-item i { 7999 .cabinet__menu-item i {
7999 width: 16px; 8000 width: 16px;
8000 height: 16px; 8001 height: 16px;
8001 color: #377d87; 8002 color: #377d87;
8002 } 8003 }
8003 @media (min-width: 768px) { 8004 @media (min-width: 768px) {
8004 .cabinet__menu-item i { 8005 .cabinet__menu-item i {
8005 width: 22px; 8006 width: 22px;
8006 height: 22px; 8007 height: 22px;
8007 } 8008 }
8008 } 8009 }
8009 .cabinet__menu-item svg { 8010 .cabinet__menu-item svg {
8010 width: 16px; 8011 width: 16px;
8011 height: 16px; 8012 height: 16px;
8012 } 8013 }
8013 @media (min-width: 768px) { 8014 @media (min-width: 768px) {
8014 .cabinet__menu-item svg { 8015 .cabinet__menu-item svg {
8015 width: 22px; 8016 width: 22px;
8016 height: 22px; 8017 height: 22px;
8017 } 8018 }
8018 } 8019 }
8019 .cabinet__menu-item span { 8020 .cabinet__menu-item span {
8020 width: calc(100% - 16px); 8021 width: calc(100% - 16px);
8021 font-size: 12px; 8022 font-size: 12px;
8022 padding-left: 10px; 8023 padding-left: 10px;
8023 } 8024 }
8024 @media (min-width: 768px) { 8025 @media (min-width: 768px) {
8025 .cabinet__menu-item span { 8026 .cabinet__menu-item span {
8026 font-size: 20px; 8027 font-size: 20px;
8027 width: calc(100% - 22px); 8028 width: calc(100% - 22px);
8028 padding-left: 16px; 8029 padding-left: 16px;
8029 } 8030 }
8030 } 8031 }
8031 .cabinet__menu-bottom { 8032 .cabinet__menu-bottom {
8032 display: -webkit-box; 8033 display: -webkit-box;
8033 display: -ms-flexbox; 8034 display: -ms-flexbox;
8034 display: flex; 8035 display: flex;
8035 -webkit-box-orient: vertical; 8036 -webkit-box-orient: vertical;
8036 -webkit-box-direction: normal; 8037 -webkit-box-direction: normal;
8037 -ms-flex-direction: column; 8038 -ms-flex-direction: column;
8038 flex-direction: column; 8039 flex-direction: column;
8039 gap: 10px; 8040 gap: 10px;
8040 margin-top: 10px; 8041 margin-top: 10px;
8041 } 8042 }
8042 @media (min-width: 768px) { 8043 @media (min-width: 768px) {
8043 .cabinet__menu-bottom { 8044 .cabinet__menu-bottom {
8044 gap: 20px; 8045 gap: 20px;
8045 margin-top: 20px; 8046 margin-top: 20px;
8046 } 8047 }
8047 } 8048 }
8048 .cabinet__menu-copy { 8049 .cabinet__menu-copy {
8049 color: #9c9d9d; 8050 color: #9c9d9d;
8050 text-align: center; 8051 text-align: center;
8051 font-size: 12px; 8052 font-size: 12px;
8052 } 8053 }
8053 @media (min-width: 768px) { 8054 @media (min-width: 768px) {
8054 .cabinet__menu-copy { 8055 .cabinet__menu-copy {
8055 font-size: 16px; 8056 font-size: 16px;
8056 } 8057 }
8057 } 8058 }
8058 .cabinet__body { 8059 .cabinet__body {
8059 margin: 0 -10px; 8060 margin: 0 -10px;
8060 margin-top: 50px; 8061 margin-top: 50px;
8061 background: #fff; 8062 background: #fff;
8062 padding: 20px 10px; 8063 padding: 20px 10px;
8063 display: -webkit-box; 8064 display: -webkit-box;
8064 display: -ms-flexbox; 8065 display: -ms-flexbox;
8065 display: flex; 8066 display: flex;
8066 -webkit-box-orient: vertical; 8067 -webkit-box-orient: vertical;
8067 -webkit-box-direction: normal; 8068 -webkit-box-direction: normal;
8068 -ms-flex-direction: column; 8069 -ms-flex-direction: column;
8069 flex-direction: column; 8070 flex-direction: column;
8070 gap: 30px; 8071 gap: 30px;
8071 color: #000; 8072 color: #000;
8072 } 8073 }
8073 @media (min-width: 768px) { 8074 @media (min-width: 768px) {
8074 .cabinet__body { 8075 .cabinet__body {
8075 padding: 30px 20px; 8076 padding: 30px 20px;
8076 margin: 0; 8077 margin: 0;
8077 border-radius: 8px; 8078 border-radius: 8px;
8078 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8079 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8079 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8080 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8080 } 8081 }
8081 } 8082 }
8082 @media (min-width: 992px) { 8083 @media (min-width: 992px) {
8083 .cabinet__body { 8084 .cabinet__body {
8084 width: calc(100% - 360px); 8085 width: calc(100% - 360px);
8085 } 8086 }
8086 } 8087 }
8087 @media (min-width: 1280px) { 8088 @media (min-width: 1280px) {
8088 .cabinet__body { 8089 .cabinet__body {
8089 width: calc(100% - 420px); 8090 width: calc(100% - 420px);
8090 } 8091 }
8091 } 8092 }
8092 .cabinet__body-item { 8093 .cabinet__body-item {
8093 display: -webkit-box; 8094 display: -webkit-box;
8094 display: -ms-flexbox; 8095 display: -ms-flexbox;
8095 display: flex; 8096 display: flex;
8096 -webkit-box-orient: vertical; 8097 -webkit-box-orient: vertical;
8097 -webkit-box-direction: normal; 8098 -webkit-box-direction: normal;
8098 -ms-flex-direction: column; 8099 -ms-flex-direction: column;
8099 flex-direction: column; 8100 flex-direction: column;
8100 gap: 20px; 8101 gap: 20px;
8101 } 8102 }
8102 .cabinet__title { 8103 .cabinet__title {
8103 font-size: 24px; 8104 font-size: 24px;
8104 margin-bottom: 20px; 8105 margin-bottom: 20px;
8105 } 8106 }
8106 @media (min-width: 768px) { 8107 @media (min-width: 768px) {
8107 .cabinet__title { 8108 .cabinet__title {
8108 font-size: 32px; 8109 font-size: 32px;
8109 } 8110 }
8110 } 8111 }
8111 @media (min-width: 992px) { 8112 @media (min-width: 992px) {
8112 .cabinet__title { 8113 .cabinet__title {
8113 font-size: 40px; 8114 font-size: 40px;
8114 } 8115 }
8115 } 8116 }
8116 .cabinet__subtitle { 8117 .cabinet__subtitle {
8117 font-size: 22px; 8118 font-size: 22px;
8118 margin: 0; 8119 margin: 0;
8119 font-weight: 700; 8120 font-weight: 700;
8120 color: #000; 8121 color: #000;
8121 } 8122 }
8122 @media (min-width: 768px) { 8123 @media (min-width: 768px) {
8123 .cabinet__subtitle { 8124 .cabinet__subtitle {
8124 font-size: 24px; 8125 font-size: 24px;
8125 } 8126 }
8126 } 8127 }
8127 .cabinet__h4 { 8128 .cabinet__h4 {
8128 font-size: 20px; 8129 font-size: 20px;
8129 margin: 0; 8130 margin: 0;
8130 font-weight: 700; 8131 font-weight: 700;
8131 color: #000; 8132 color: #000;
8132 } 8133 }
8133 @media (min-width: 768px) { 8134 @media (min-width: 768px) {
8134 .cabinet__h4 { 8135 .cabinet__h4 {
8135 font-size: 22px; 8136 font-size: 22px;
8136 } 8137 }
8137 } 8138 }
8138 .cabinet__text { 8139 .cabinet__text {
8139 margin: 0; 8140 margin: 0;
8140 font-size: 14px; 8141 font-size: 14px;
8141 } 8142 }
8142 @media (min-width: 768px) { 8143 @media (min-width: 768px) {
8143 .cabinet__text { 8144 .cabinet__text {
8144 font-size: 16px; 8145 font-size: 16px;
8145 } 8146 }
8146 } 8147 }
8147 .cabinet__text b { 8148 .cabinet__text b {
8148 color: #000; 8149 color: #000;
8149 font-size: 18px; 8150 font-size: 18px;
8150 } 8151 }
8151 @media (min-width: 768px) { 8152 @media (min-width: 768px) {
8152 .cabinet__text b { 8153 .cabinet__text b {
8153 font-size: 24px; 8154 font-size: 24px;
8154 } 8155 }
8155 } 8156 }
8156 .cabinet__descr { 8157 .cabinet__descr {
8157 display: -webkit-box; 8158 display: -webkit-box;
8158 display: -ms-flexbox; 8159 display: -ms-flexbox;
8159 display: flex; 8160 display: flex;
8160 -webkit-box-orient: vertical; 8161 -webkit-box-orient: vertical;
8161 -webkit-box-direction: normal; 8162 -webkit-box-direction: normal;
8162 -ms-flex-direction: column; 8163 -ms-flex-direction: column;
8163 flex-direction: column; 8164 flex-direction: column;
8164 gap: 6px; 8165 gap: 6px;
8165 } 8166 }
8166 @media (min-width: 768px) { 8167 @media (min-width: 768px) {
8167 .cabinet__descr { 8168 .cabinet__descr {
8168 gap: 12px; 8169 gap: 12px;
8169 } 8170 }
8170 } 8171 }
8171 .cabinet__avatar { 8172 .cabinet__avatar {
8172 display: -webkit-box; 8173 display: -webkit-box;
8173 display: -ms-flexbox; 8174 display: -ms-flexbox;
8174 display: flex; 8175 display: flex;
8175 -webkit-box-align: start; 8176 -webkit-box-align: start;
8176 -ms-flex-align: start; 8177 -ms-flex-align: start;
8177 align-items: flex-start; 8178 align-items: flex-start;
8178 } 8179 }
8179 @media (min-width: 768px) { 8180 @media (min-width: 768px) {
8180 .cabinet__avatar { 8181 .cabinet__avatar {
8181 -webkit-box-align: center; 8182 -webkit-box-align: center;
8182 -ms-flex-align: center; 8183 -ms-flex-align: center;
8183 align-items: center; 8184 align-items: center;
8184 } 8185 }
8185 } 8186 }
8186 .cabinet__avatar-pic { 8187 .cabinet__avatar-pic {
8187 width: 100px; 8188 width: 100px;
8188 aspect-ratio: 1/1; 8189 aspect-ratio: 1/1;
8189 position: relative; 8190 position: relative;
8190 display: -webkit-box; 8191 display: -webkit-box;
8191 display: -ms-flexbox; 8192 display: -ms-flexbox;
8192 display: flex; 8193 display: flex;
8193 -webkit-box-pack: center; 8194 -webkit-box-pack: center;
8194 -ms-flex-pack: center; 8195 -ms-flex-pack: center;
8195 justify-content: center; 8196 justify-content: center;
8196 -webkit-box-align: center; 8197 -webkit-box-align: center;
8197 -ms-flex-align: center; 8198 -ms-flex-align: center;
8198 align-items: center; 8199 align-items: center;
8199 overflow: hidden; 8200 overflow: hidden;
8200 border-radius: 8px; 8201 border-radius: 8px;
8201 color: #fff; 8202 color: #fff;
8202 background: #9c9d9d; 8203 background: #9c9d9d;
8203 } 8204 }
8204 .cabinet__avatar-pic svg { 8205 .cabinet__avatar-pic svg {
8205 width: 50%; 8206 width: 50%;
8206 aspect-ratio: 1/1; 8207 aspect-ratio: 1/1;
8207 z-index: 1; 8208 z-index: 1;
8208 position: relative; 8209 position: relative;
8209 } 8210 }
8210 .cabinet__avatar-pic img{ 8211 .cabinet__avatar-pic img{
8211 max-width: 100%; 8212 max-width: 100%;
8212 max-height: 100%; 8213 max-height: 100%;
8213 } 8214 }
8214 .cabinet__avatar-form { 8215 .cabinet__avatar-form {
8215 width: calc(100% - 100px); 8216 width: calc(100% - 100px);
8216 padding-left: 15px; 8217 padding-left: 15px;
8217 display: -webkit-box; 8218 display: -webkit-box;
8218 display: -ms-flexbox; 8219 display: -ms-flexbox;
8219 display: flex; 8220 display: flex;
8220 -webkit-box-orient: vertical; 8221 -webkit-box-orient: vertical;
8221 -webkit-box-direction: normal; 8222 -webkit-box-direction: normal;
8222 -ms-flex-direction: column; 8223 -ms-flex-direction: column;
8223 flex-direction: column; 8224 flex-direction: column;
8224 gap: 6px; 8225 gap: 6px;
8225 } 8226 }
8226 .candidate-top-wrapper{ 8227 .candidate-top-wrapper{
8227 display: flex; 8228 display: flex;
8228 } 8229 }
8229 .candidate-top-wrapper .candidate-thumbnail{ 8230 .candidate-top-wrapper .candidate-thumbnail{
8230 width: 100px; 8231 width: 100px;
8231 height: 100px; 8232 height: 100px;
8232 min-width: 100px; 8233 min-width: 100px;
8233 border-radius: 8px; 8234 border-radius: 8px;
8234 overflow: hidden; 8235 overflow: hidden;
8235 } 8236 }
8236 .candidate-top-wrapper .candidate-thumbnail img{ 8237 .candidate-top-wrapper .candidate-thumbnail img{
8237 max-height: 100%; 8238 max-height: 100%;
8238 max-width: 100%; 8239 max-width: 100%;
8239 } 8240 }
8240 .candidate-top-wrapper .candidate-information{ 8241 .candidate-top-wrapper .candidate-information{
8241 padding-left: 20px; 8242 padding-left: 20px;
8242 font-size: 21px; 8243 font-size: 21px;
8243 display: flex; 8244 display: flex;
8244 align-items: center; 8245 align-items: center;
8245 } 8246 }
8246 .candidate-top-wrapper .candidate-information .candidate-title{ 8247 .candidate-top-wrapper .candidate-information .candidate-title{
8247 font-size: inherit; 8248 font-size: inherit;
8248 } 8249 }
8249 .content-single-candidate .education-detail-description{ 8250 .content-single-candidate .education-detail-description{
8250 margin-bottom: 50px; 8251 margin-bottom: 50px;
8251 text-align: justify; 8252 text-align: justify;
8252 } 8253 }
8253 .content-single-candidate .education-detail-description h3.title{ 8254 .content-single-candidate .education-detail-description h3.title{
8254 font-size: 18px; 8255 font-size: 18px;
8255 margin: 0 0 20px; 8256 margin: 0 0 20px;
8256 } 8257 }
8257 .content-single-candidate .education-detail-description .inner{ 8258 .content-single-candidate .education-detail-description .inner{
8258 font-size: 16px; 8259 font-size: 16px;
8259 font-weight: 300; 8260 font-weight: 300;
8260 line-height: 22px; 8261 line-height: 22px;
8261 color: #77838F; 8262 color: #77838F;
8262 } 8263 }
8263 .education-detail-programs h3.title{ 8264 .education-detail-programs h3.title{
8264 font-size: 18px; 8265 font-size: 18px;
8265 margin: 0 0 20px; 8266 margin: 0 0 20px;
8266 } 8267 }
8267 .education-detail-programs .accordion{ 8268 .education-detail-programs .accordion{
8268 margin: 1rem 0; 8269 margin: 1rem 0;
8269 padding: 0; 8270 padding: 0;
8270 list-style: none; 8271 list-style: none;
8271 border-top: 1px solid #ECEDF2; 8272 border-top: 1px solid #ECEDF2;
8272 } 8273 }
8273 .education-detail-programs .accordion.sub{ 8274 .education-detail-programs .accordion.sub{
8274 padding-left: 20px; 8275 padding-left: 20px;
8275 display: none; 8276 display: none;
8276 } 8277 }
8277 .education-detail-programs .accordion-item { 8278 .education-detail-programs .accordion-item {
8278 border-bottom: 1px solid #ECEDF2; 8279 border-bottom: 1px solid #ECEDF2;
8279 } 8280 }
8280 .education-detail-programs .accordion-thumb { 8281 .education-detail-programs .accordion-thumb {
8281 margin: 0; 8282 margin: 0;
8282 padding: 25px 0; 8283 padding: 25px 0;
8283 cursor: pointer; 8284 cursor: pointer;
8284 font-weight: normal; 8285 font-weight: normal;
8285 color: #0E5C69; 8286 color: #0E5C69;
8286 font-size: 16px; 8287 font-size: 16px;
8287 text-transform: uppercase; 8288 text-transform: uppercase;
8288 } 8289 }
8289 .education-detail-programs .accordion-thumb::after { 8290 .education-detail-programs .accordion-thumb::after {
8290 content: ""; 8291 content: "";
8291 display: block; 8292 display: block;
8292 float: right; 8293 float: right;
8293 position: relative; 8294 position: relative;
8294 top: 6px; 8295 top: 6px;
8295 height: 7px; 8296 height: 7px;
8296 width: 7px; 8297 width: 7px;
8297 margin-right: 1rem; 8298 margin-right: 1rem;
8298 margin-left: 0.5rem; 8299 margin-left: 0.5rem;
8299 border-right: 1px solid; 8300 border-right: 1px solid;
8300 border-bottom: 1px solid; 8301 border-bottom: 1px solid;
8301 border-color: #828A96; 8302 border-color: #828A96;
8302 transform: rotate(-45deg); 8303 transform: rotate(-45deg);
8303 transition: transform 0.2s ease-out; 8304 transition: transform 0.2s ease-out;
8304 } 8305 }
8305 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8306 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8306 transform: rotate(45deg); 8307 transform: rotate(45deg);
8307 } 8308 }
8308 .accordion-sub .accordion-panel{ 8309 .accordion-sub .accordion-panel{
8309 display: none; 8310 display: none;
8310 } 8311 }
8311 .accordion > .accordion-item > .accordion-panel{ 8312 .accordion > .accordion-item > .accordion-panel{
8312 opacity: 1; 8313 opacity: 1;
8313 } 8314 }
8314 .accordion-sub li{ 8315 .accordion-sub li{
8315 list-style-type: none; 8316 list-style-type: none;
8316 } 8317 }
8317 .accordion-sub .accordion-item .accordion-panel{ 8318 .accordion-sub .accordion-item .accordion-panel{
8318 white-space: pre-wrap; 8319 white-space: pre-wrap;
8319 white-space: -moz-pre-wrap; 8320 white-space: -moz-pre-wrap;
8320 white-space: -o-pre-wrap; 8321 white-space: -o-pre-wrap;
8321 } 8322 }
8322 .accordion-sub li:last-child { 8323 .accordion-sub li:last-child {
8323 border-bottom: unset; 8324 border-bottom: unset;
8324 } 8325 }
8325 .education-detail-contacts{ 8326 .education-detail-contacts{
8326 margin-top: 50px; 8327 margin-top: 50px;
8327 } 8328 }
8328 .education-detail-contacts h3.title{ 8329 .education-detail-contacts h3.title{
8329 font-size: 18px; 8330 font-size: 18px;
8330 margin: 0 0 20px; 8331 margin: 0 0 20px;
8331 } 8332 }
8332 .education-detail-contacts .inner > div{ 8333 .education-detail-contacts .inner > div{
8333 display: flex; 8334 display: flex;
8334 align-items: center; 8335 align-items: center;
8335 margin-bottom: 20px; 8336 margin-bottom: 20px;
8336 } 8337 }
8337 .education-detail-contacts .inner > div .icon{ 8338 .education-detail-contacts .inner > div .icon{
8338 margin-right: 20px; 8339 margin-right: 20px;
8339 } 8340 }
8340 @media (min-width: 768px) { 8341 @media (min-width: 768px) {
8341 .cabinet__avatar-form { 8342 .cabinet__avatar-form {
8342 -webkit-box-align: start; 8343 -webkit-box-align: start;
8343 -ms-flex-align: start; 8344 -ms-flex-align: start;
8344 align-items: flex-start; 8345 align-items: flex-start;
8345 padding-left: 30px; 8346 padding-left: 30px;
8346 gap: 12px; 8347 gap: 12px;
8347 } 8348 }
8348 } 8349 }
8349 @media (min-width: 768px) { 8350 @media (min-width: 768px) {
8350 .cabinet__avatar-form .file { 8351 .cabinet__avatar-form .file {
8351 min-width: 215px; 8352 min-width: 215px;
8352 } 8353 }
8353 } 8354 }
8354 .cabinet__inputs { 8355 .cabinet__inputs {
8355 display: -webkit-box; 8356 display: -webkit-box;
8356 display: -ms-flexbox; 8357 display: -ms-flexbox;
8357 display: flex; 8358 display: flex;
8358 -webkit-box-orient: vertical; 8359 -webkit-box-orient: vertical;
8359 -webkit-box-direction: normal; 8360 -webkit-box-direction: normal;
8360 -ms-flex-direction: column; 8361 -ms-flex-direction: column;
8361 flex-direction: column; 8362 flex-direction: column;
8362 gap: 20px; 8363 gap: 20px;
8363 } 8364 }
8364 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8365 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8365 display: flex; 8366 display: flex;
8366 } 8367 }
8367 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8368 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8368 width: 50%; 8369 width: 50%;
8369 padding-right: 20px; 8370 padding-right: 20px;
8370 } 8371 }
8371 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{ 8372 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
8372 margin-bottom: 20px; 8373 margin-bottom: 20px;
8373 width: 100%; 8374 width: 100%;
8374 } 8375 }
8375 @media (min-width: 1280px) { 8376 @media (min-width: 1280px) {
8376 .cabinet__inputs { 8377 .cabinet__inputs {
8377 -webkit-box-orient: horizontal; 8378 -webkit-box-orient: horizontal;
8378 -webkit-box-direction: normal; 8379 -webkit-box-direction: normal;
8379 -ms-flex-direction: row; 8380 -ms-flex-direction: row;
8380 flex-direction: row; 8381 flex-direction: row;
8381 -webkit-box-align: end; 8382 -webkit-box-align: end;
8382 -ms-flex-align: end; 8383 -ms-flex-align: end;
8383 align-items: end; 8384 align-items: end;
8384 -webkit-box-pack: justify; 8385 -webkit-box-pack: justify;
8385 -ms-flex-pack: justify; 8386 -ms-flex-pack: justify;
8386 justify-content: space-between; 8387 justify-content: space-between;
8387 -ms-flex-wrap: wrap; 8388 -ms-flex-wrap: wrap;
8388 flex-wrap: wrap; 8389 flex-wrap: wrap;
8389 } 8390 }
8390 } 8391 }
8391 @media (min-width: 1280px) { 8392 @media (min-width: 1280px) {
8392 .cabinet__inputs-item { 8393 .cabinet__inputs-item {
8393 width: calc(50% - 10px); 8394 width: calc(50% - 10px);
8394 } 8395 }
8395 } 8396 }
8396 @media (min-width: 1280px) { 8397 @media (min-width: 1280px) {
8397 .cabinet__inputs-item_fullwidth { 8398 .cabinet__inputs-item_fullwidth {
8398 width: 100%; 8399 width: 100%;
8399 } 8400 }
8400 } 8401 }
8401 @media (min-width: 1280px) { 8402 @media (min-width: 1280px) {
8402 .cabinet__inputs-item_min { 8403 .cabinet__inputs-item_min {
8403 width: calc(15% - 10px); 8404 width: calc(15% - 10px);
8404 } 8405 }
8405 } 8406 }
8406 @media (min-width: 1280px) { 8407 @media (min-width: 1280px) {
8407 .cabinet__inputs-item_max { 8408 .cabinet__inputs-item_max {
8408 width: calc(85% - 10px); 8409 width: calc(85% - 10px);
8409 } 8410 }
8410 } 8411 }
8411 @media (min-width: 768px) { 8412 @media (min-width: 768px) {
8412 .cabinet__inputs-item .button { 8413 .cabinet__inputs-item .button {
8413 width: 100%; 8414 width: 100%;
8414 max-width: 215px; 8415 max-width: 215px;
8415 padding: 0; 8416 padding: 0;
8416 } 8417 }
8417 } 8418 }
8418 @media (max-width: 768px) { 8419 @media (max-width: 768px) {
8419 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8420 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8420 display: block; 8421 display: block;
8421 } 8422 }
8422 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8423 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8423 width: 100%; 8424 width: 100%;
8424 } 8425 }
8425 } 8426 }
8426 .cabinet__inputs-item.column-count-3{ 8427 .cabinet__inputs-item.column-count-3{
8427 width: calc(32% - 10px); 8428 width: calc(32% - 10px);
8428 } 8429 }
8429 .cabinet__inputs-item-full-row { 8430 .cabinet__inputs-item-full-row {
8430 width: 100%; 8431 width: 100%;
8431 } 8432 }
8432 .cabinet__inputs-item .buttons { 8433 .cabinet__inputs-item .buttons {
8433 display: grid; 8434 display: grid;
8434 grid-template-columns: 1fr 1fr; 8435 grid-template-columns: 1fr 1fr;
8435 gap: 10px; 8436 gap: 10px;
8436 } 8437 }
8437 .cabinet__inputs-item .form-group__label{ 8438 .cabinet__inputs-item .form-group__label{
8438 font-weight: bold; 8439 font-weight: bold;
8439 } 8440 }
8440 @media (min-width: 768px) { 8441 @media (min-width: 768px) {
8441 .cabinet__inputs-item .buttons { 8442 .cabinet__inputs-item .buttons {
8442 gap: 20px; 8443 gap: 20px;
8443 max-width: 470px; 8444 max-width: 470px;
8444 } 8445 }
8445 } 8446 }
8446 @media (min-width: 992px) { 8447 @media (min-width: 992px) {
8447 .cabinet__inputs-item .buttons { 8448 .cabinet__inputs-item .buttons {
8448 max-width: none; 8449 max-width: none;
8449 } 8450 }
8450 } 8451 }
8451 @media (min-width: 1280px) { 8452 @media (min-width: 1280px) {
8452 .cabinet__inputs-item .buttons { 8453 .cabinet__inputs-item .buttons {
8453 max-width: 470px; 8454 max-width: 470px;
8454 } 8455 }
8455 } 8456 }
8456 .cabinet__inputs-item .buttons .button { 8457 .cabinet__inputs-item .buttons .button {
8457 max-width: none; 8458 max-width: none;
8458 } 8459 }
8459 .cabinet__inputs > .button { 8460 .cabinet__inputs > .button {
8460 padding: 0; 8461 padding: 0;
8461 width: 100%; 8462 width: 100%;
8462 max-width: 140px; 8463 max-width: 140px;
8463 } 8464 }
8464 @media (min-width: 768px) { 8465 @media (min-width: 768px) {
8465 .cabinet__inputs > .button { 8466 .cabinet__inputs > .button {
8466 max-width: 190px; 8467 max-width: 190px;
8467 } 8468 }
8468 } 8469 }
8469 .cabinet__add { 8470 .cabinet__add {
8470 display: -webkit-box; 8471 display: -webkit-box;
8471 display: -ms-flexbox; 8472 display: -ms-flexbox;
8472 display: flex; 8473 display: flex;
8473 -webkit-box-orient: vertical; 8474 -webkit-box-orient: vertical;
8474 -webkit-box-direction: normal; 8475 -webkit-box-direction: normal;
8475 -ms-flex-direction: column; 8476 -ms-flex-direction: column;
8476 flex-direction: column; 8477 flex-direction: column;
8477 gap: 10px; 8478 gap: 10px;
8478 } 8479 }
8479 @media (min-width: 768px) { 8480 @media (min-width: 768px) {
8480 .cabinet__add { 8481 .cabinet__add {
8481 gap: 0; 8482 gap: 0;
8482 -webkit-box-orient: horizontal; 8483 -webkit-box-orient: horizontal;
8483 -webkit-box-direction: normal; 8484 -webkit-box-direction: normal;
8484 -ms-flex-direction: row; 8485 -ms-flex-direction: row;
8485 flex-direction: row; 8486 flex-direction: row;
8486 -webkit-box-align: end; 8487 -webkit-box-align: end;
8487 -ms-flex-align: end; 8488 -ms-flex-align: end;
8488 align-items: flex-end; 8489 align-items: flex-end;
8489 } 8490 }
8490 } 8491 }
8491 .cabinet__add-pic { 8492 .cabinet__add-pic {
8492 border-radius: 4px; 8493 border-radius: 4px;
8493 position: relative; 8494 position: relative;
8494 overflow: hidden; 8495 overflow: hidden;
8495 background: #9c9d9d; 8496 background: #9c9d9d;
8496 color: #fff; 8497 color: #fff;
8497 width: 100px; 8498 width: 100px;
8498 aspect-ratio: 1/1; 8499 aspect-ratio: 1/1;
8499 -webkit-transition: 0.3s; 8500 -webkit-transition: 0.3s;
8500 transition: 0.3s; 8501 transition: 0.3s;
8501 } 8502 }
8502 @media (min-width: 768px) { 8503 @media (min-width: 768px) {
8503 .cabinet__add-pic { 8504 .cabinet__add-pic {
8504 width: 220px; 8505 width: 220px;
8505 border-radius: 8px; 8506 border-radius: 8px;
8506 } 8507 }
8507 } 8508 }
8508 .cabinet__add-pic:hover { 8509 .cabinet__add-pic:hover {
8509 background: #000; 8510 background: #000;
8510 } 8511 }
8511 .cabinet__add-pic input { 8512 .cabinet__add-pic input {
8512 display: none; 8513 display: none;
8513 } 8514 }
8514 .cabinet__add-pic > svg { 8515 .cabinet__add-pic > svg {
8515 width: 20px; 8516 width: 20px;
8516 position: absolute; 8517 position: absolute;
8517 top: 50%; 8518 top: 50%;
8518 left: 50%; 8519 left: 50%;
8519 -webkit-transform: translate(-50%, -50%); 8520 -webkit-transform: translate(-50%, -50%);
8520 -ms-transform: translate(-50%, -50%); 8521 -ms-transform: translate(-50%, -50%);
8521 transform: translate(-50%, -50%); 8522 transform: translate(-50%, -50%);
8522 z-index: 1; 8523 z-index: 1;
8523 } 8524 }
8524 @media (min-width: 768px) { 8525 @media (min-width: 768px) {
8525 .cabinet__add-pic > svg { 8526 .cabinet__add-pic > svg {
8526 width: 50px; 8527 width: 50px;
8527 } 8528 }
8528 } 8529 }
8529 .cabinet__add-pic span { 8530 .cabinet__add-pic span {
8530 display: -webkit-box; 8531 display: -webkit-box;
8531 display: -ms-flexbox; 8532 display: -ms-flexbox;
8532 display: flex; 8533 display: flex;
8533 -webkit-box-align: center; 8534 -webkit-box-align: center;
8534 -ms-flex-align: center; 8535 -ms-flex-align: center;
8535 align-items: center; 8536 align-items: center;
8536 -webkit-box-pack: center; 8537 -webkit-box-pack: center;
8537 -ms-flex-pack: center; 8538 -ms-flex-pack: center;
8538 justify-content: center; 8539 justify-content: center;
8539 width: 100%; 8540 width: 100%;
8540 gap: 4px; 8541 gap: 4px;
8541 font-weight: 700; 8542 font-weight: 700;
8542 font-size: 8px; 8543 font-size: 8px;
8543 line-height: 1; 8544 line-height: 1;
8544 position: absolute; 8545 position: absolute;
8545 top: 50%; 8546 top: 50%;
8546 left: 50%; 8547 left: 50%;
8547 -webkit-transform: translate(-50%, -50%); 8548 -webkit-transform: translate(-50%, -50%);
8548 -ms-transform: translate(-50%, -50%); 8549 -ms-transform: translate(-50%, -50%);
8549 transform: translate(-50%, -50%); 8550 transform: translate(-50%, -50%);
8550 margin-top: 25px; 8551 margin-top: 25px;
8551 } 8552 }
8552 @media (min-width: 768px) { 8553 @media (min-width: 768px) {
8553 .cabinet__add-pic span { 8554 .cabinet__add-pic span {
8554 font-size: 16px; 8555 font-size: 16px;
8555 margin-top: 60px; 8556 margin-top: 60px;
8556 } 8557 }
8557 } 8558 }
8558 .cabinet__add-pic span svg { 8559 .cabinet__add-pic span svg {
8559 width: 7px; 8560 width: 7px;
8560 aspect-ratio: 1/1; 8561 aspect-ratio: 1/1;
8561 } 8562 }
8562 @media (min-width: 768px) { 8563 @media (min-width: 768px) {
8563 .cabinet__add-pic span svg { 8564 .cabinet__add-pic span svg {
8564 width: 16px; 8565 width: 16px;
8565 } 8566 }
8566 } 8567 }
8567 .cabinet__add-body { 8568 .cabinet__add-body {
8568 display: -webkit-box; 8569 display: -webkit-box;
8569 display: -ms-flexbox; 8570 display: -ms-flexbox;
8570 display: flex; 8571 display: flex;
8571 -webkit-box-orient: vertical; 8572 -webkit-box-orient: vertical;
8572 -webkit-box-direction: normal; 8573 -webkit-box-direction: normal;
8573 -ms-flex-direction: column; 8574 -ms-flex-direction: column;
8574 flex-direction: column; 8575 flex-direction: column;
8575 gap: 10px; 8576 gap: 10px;
8576 } 8577 }
8577 @media (min-width: 768px) { 8578 @media (min-width: 768px) {
8578 .cabinet__add-body { 8579 .cabinet__add-body {
8579 gap: 20px; 8580 gap: 20px;
8580 width: calc(100% - 220px); 8581 width: calc(100% - 220px);
8581 padding-left: 20px; 8582 padding-left: 20px;
8582 } 8583 }
8583 } 8584 }
8584 @media (min-width: 768px) { 8585 @media (min-width: 768px) {
8585 .cabinet__add-body .button { 8586 .cabinet__add-body .button {
8586 width: 215px; 8587 width: 215px;
8587 padding: 0; 8588 padding: 0;
8588 } 8589 }
8589 } 8590 }
8590 .cabinet__fleet { 8591 .cabinet__fleet {
8591 display: -webkit-box; 8592 display: -webkit-box;
8592 display: -ms-flexbox; 8593 display: -ms-flexbox;
8593 display: flex; 8594 display: flex;
8594 -webkit-box-orient: vertical; 8595 -webkit-box-orient: vertical;
8595 -webkit-box-direction: normal; 8596 -webkit-box-direction: normal;
8596 -ms-flex-direction: column; 8597 -ms-flex-direction: column;
8597 flex-direction: column; 8598 flex-direction: column;
8598 gap: 20px; 8599 gap: 20px;
8599 } 8600 }
8600 @media (min-width: 768px) { 8601 @media (min-width: 768px) {
8601 .cabinet__fleet { 8602 .cabinet__fleet {
8602 display: grid; 8603 display: grid;
8603 grid-template-columns: repeat(2, 1fr); 8604 grid-template-columns: repeat(2, 1fr);
8604 } 8605 }
8605 } 8606 }
8606 @media (min-width: 1280px) { 8607 @media (min-width: 1280px) {
8607 .cabinet__fleet { 8608 .cabinet__fleet {
8608 grid-template-columns: repeat(3, 1fr); 8609 grid-template-columns: repeat(3, 1fr);
8609 } 8610 }
8610 } 8611 }
8611 @media (min-width: 768px) { 8612 @media (min-width: 768px) {
8612 .cabinet__submit { 8613 .cabinet__submit {
8613 width: 215px; 8614 width: 215px;
8614 padding: 0; 8615 padding: 0;
8615 margin: 0 auto; 8616 margin: 0 auto;
8616 } 8617 }
8617 } 8618 }
8618 .cabinet__filters { 8619 .cabinet__filters {
8619 display: -webkit-box; 8620 display: -webkit-box;
8620 display: -ms-flexbox; 8621 display: -ms-flexbox;
8621 display: flex; 8622 display: flex;
8622 -webkit-box-orient: vertical; 8623 -webkit-box-orient: vertical;
8623 -webkit-box-direction: normal; 8624 -webkit-box-direction: normal;
8624 -ms-flex-direction: column; 8625 -ms-flex-direction: column;
8625 flex-direction: column; 8626 flex-direction: column;
8626 gap: 10px; 8627 gap: 10px;
8627 } 8628 }
8628 .cabinet__export-wrap{ 8629 .cabinet__export-wrap{
8629 padding: 10px; 8630 padding: 10px;
8630 border: 1px #cecece solid; 8631 border: 1px #cecece solid;
8631 border-radius: 8px; 8632 border-radius: 8px;
8632 width: 100%; 8633 width: 100%;
8633 } 8634 }
8634 .cabinet__export-button-wrap{ 8635 .cabinet__export-button-wrap{
8635 max-width: 200px; 8636 max-width: 200px;
8636 margin-bottom: 10px; 8637 margin-bottom: 10px;
8637 } 8638 }
8638 .cabinet__export-options-wrap{ 8639 .cabinet__export-options-wrap{
8639 display: flex; 8640 display: flex;
8640 justify-content: space-between; 8641 justify-content: space-between;
8641 } 8642 }
8642 .job-title-list-wrap{ 8643 .job-title-list-wrap{
8643 margin-top: 5px; 8644 margin-top: 5px;
8644 } 8645 }
8645 .cabinet__export-error{ 8646 .cabinet__export-error{
8646 color: red; 8647 color: red;
8647 } 8648 }
8648 .flot-image-wrap img{ 8649 .flot-image-wrap img{
8649 max-width: 100%; 8650 max-width: 100%;
8650 max-height: 100%; 8651 max-height: 100%;
8651 flex: 0 0 auto; 8652 flex: 0 0 auto;
8652 } 8653 }
8653 .flot-image-wrap{ 8654 .flot-image-wrap{
8654 width: 220px; 8655 width: 220px;
8655 height: 220px; 8656 height: 220px;
8656 display: flex; 8657 display: flex;
8657 justify-content: center; 8658 justify-content: center;
8658 align-items: center; 8659 align-items: center;
8659 } 8660 }
8660 @media (min-width: 768px) { 8661 @media (min-width: 768px) {
8661 .cabinet__filters { 8662 .cabinet__filters {
8662 gap: 20px; 8663 gap: 20px;
8663 } 8664 }
8664 } 8665 }
8665 @media (min-width: 1280px) { 8666 @media (min-width: 1280px) {
8666 .cabinet__filters { 8667 .cabinet__filters {
8667 -webkit-box-orient: horizontal; 8668 -webkit-box-orient: horizontal;
8668 -webkit-box-direction: normal; 8669 -webkit-box-direction: normal;
8669 -ms-flex-direction: row; 8670 -ms-flex-direction: row;
8670 flex-direction: row; 8671 flex-direction: row;
8671 -webkit-box-align: start; 8672 -webkit-box-align: start;
8672 -ms-flex-align: start; 8673 -ms-flex-align: start;
8673 align-items: flex-start; 8674 align-items: flex-start;
8674 -webkit-box-pack: justify; 8675 -webkit-box-pack: justify;
8675 -ms-flex-pack: justify; 8676 -ms-flex-pack: justify;
8676 justify-content: space-between; 8677 justify-content: space-between;
8677 } 8678 }
8678 } 8679 }
8679 .cabinet__filters-item { 8680 .cabinet__filters-item {
8680 display: -webkit-box; 8681 display: -webkit-box;
8681 display: -ms-flexbox; 8682 display: -ms-flexbox;
8682 display: flex; 8683 display: flex;
8683 -webkit-box-orient: vertical; 8684 -webkit-box-orient: vertical;
8684 -webkit-box-direction: normal; 8685 -webkit-box-direction: normal;
8685 -ms-flex-direction: column; 8686 -ms-flex-direction: column;
8686 flex-direction: column; 8687 flex-direction: column;
8687 -webkit-box-align: start; 8688 -webkit-box-align: start;
8688 -ms-flex-align: start; 8689 -ms-flex-align: start;
8689 align-items: flex-start; 8690 align-items: flex-start;
8690 gap: 10px; 8691 gap: 10px;
8691 } 8692 }
8692 @media (min-width: 768px) { 8693 @media (min-width: 768px) {
8693 .cabinet__filters-item { 8694 .cabinet__filters-item {
8694 gap: 20px; 8695 gap: 20px;
8695 } 8696 }
8696 } 8697 }
8697 @media (min-width: 1280px) { 8698 @media (min-width: 1280px) {
8698 .cabinet__filters-item { 8699 .cabinet__filters-item {
8699 width: calc(50% - 10px); 8700 width: calc(50% - 10px);
8700 max-width: 410px; 8701 max-width: 410px;
8701 } 8702 }
8702 } 8703 }
8703 .cabinet__filters-item .button, 8704 .cabinet__filters-item .button,
8704 .cabinet__filters-item .select { 8705 .cabinet__filters-item .select {
8705 width: 100%; 8706 width: 100%;
8706 } 8707 }
8707 @media (min-width: 1280px) { 8708 @media (min-width: 1280px) {
8708 .cabinet__filters-item .button, 8709 .cabinet__filters-item .button,
8709 .cabinet__filters-item .select { 8710 .cabinet__filters-item .select {
8710 width: auto; 8711 width: auto;
8711 } 8712 }
8712 } 8713 }
8713 .cabinet__filters-item + .cabinet__filters-item { 8714 .cabinet__filters-item + .cabinet__filters-item {
8714 -webkit-box-align: end; 8715 -webkit-box-align: end;
8715 -ms-flex-align: end; 8716 -ms-flex-align: end;
8716 align-items: flex-end; 8717 align-items: flex-end;
8717 } 8718 }
8718 @media (min-width: 1280px) { 8719 @media (min-width: 1280px) {
8719 .cabinet__filters-item + .cabinet__filters-item { 8720 .cabinet__filters-item + .cabinet__filters-item {
8720 max-width: 280px; 8721 max-width: 280px;
8721 } 8722 }
8722 } 8723 }
8723 .cabinet__filters .search input { 8724 .cabinet__filters .search input {
8724 padding-right: 135px; 8725 padding-right: 135px;
8725 } 8726 }
8726 .cabinet__filters .search button { 8727 .cabinet__filters .search button {
8727 width: 115px; 8728 width: 115px;
8728 } 8729 }
8729 .cabinet__filters-buttons { 8730 .cabinet__filters-buttons {
8730 display: grid; 8731 display: grid;
8731 grid-template-columns: 1fr 1fr; 8732 grid-template-columns: 1fr 1fr;
8732 gap: 10px; 8733 gap: 10px;
8733 width: 100%; 8734 width: 100%;
8734 } 8735 }
8735 @media (min-width: 768px) { 8736 @media (min-width: 768px) {
8736 .cabinet__filters-buttons { 8737 .cabinet__filters-buttons {
8737 gap: 20px; 8738 gap: 20px;
8738 } 8739 }
8739 } 8740 }
8740 .cabinet__filters-buttons .button { 8741 .cabinet__filters-buttons .button {
8741 padding: 0; 8742 padding: 0;
8742 gap: 5px; 8743 gap: 5px;
8743 } 8744 }
8744 .cabinet__filters-buttons .button.active { 8745 .cabinet__filters-buttons .button.active {
8745 background: #377d87; 8746 background: #377d87;
8746 color: #fff; 8747 color: #fff;
8747 } 8748 }
8748 .cabinet__filters-buttons .button.active:before { 8749 .cabinet__filters-buttons .button.active:before {
8749 content: ""; 8750 content: "";
8750 width: 6px; 8751 width: 6px;
8751 height: 6px; 8752 height: 6px;
8752 background: #fff; 8753 background: #fff;
8753 border-radius: 999px; 8754 border-radius: 999px;
8754 } 8755 }
8755 .cabinet__table-header { 8756 .cabinet__table-header {
8756 display: -webkit-box; 8757 display: -webkit-box;
8757 display: -ms-flexbox; 8758 display: -ms-flexbox;
8758 display: flex; 8759 display: flex;
8759 -webkit-box-pack: justify; 8760 -webkit-box-pack: justify;
8760 -ms-flex-pack: justify; 8761 -ms-flex-pack: justify;
8761 justify-content: space-between; 8762 justify-content: space-between;
8762 -webkit-box-align: center; 8763 -webkit-box-align: center;
8763 -ms-flex-align: center; 8764 -ms-flex-align: center;
8764 align-items: center; 8765 align-items: center;
8765 font-weight: 700; 8766 font-weight: 700;
8766 margin-bottom: -10px; 8767 margin-bottom: -10px;
8767 } 8768 }
8768 .cabinet__table-header div { 8769 .cabinet__table-header div {
8769 font-size: 18px; 8770 font-size: 18px;
8770 } 8771 }
8771 @media (min-width: 768px) { 8772 @media (min-width: 768px) {
8772 .cabinet__table-header div { 8773 .cabinet__table-header div {
8773 font-size: 24px; 8774 font-size: 24px;
8774 } 8775 }
8775 } 8776 }
8776 .cabinet__table-header span { 8777 .cabinet__table-header span {
8777 color: #000; 8778 color: #000;
8778 font-size: 14px; 8779 font-size: 14px;
8779 } 8780 }
8780 @media (min-width: 768px) { 8781 @media (min-width: 768px) {
8781 .cabinet__table-header span { 8782 .cabinet__table-header span {
8782 font-size: 18px; 8783 font-size: 18px;
8783 } 8784 }
8784 } 8785 }
8785 .cabinet__table-header span b { 8786 .cabinet__table-header span b {
8786 color: #377d87; 8787 color: #377d87;
8787 } 8788 }
8788 .cabinet__tabs { 8789 .cabinet__tabs {
8789 display: grid; 8790 display: grid;
8790 grid-template-columns: 1fr 1fr; 8791 grid-template-columns: 1fr 1fr;
8791 gap: 20px; 8792 gap: 20px;
8792 } 8793 }
8793 @media (min-width: 768px) { 8794 @media (min-width: 768px) {
8794 .cabinet__tabs { 8795 .cabinet__tabs {
8795 max-width: 420px; 8796 max-width: 420px;
8796 } 8797 }
8797 } 8798 }
8798 .cabinet__tabs .button.active { 8799 .cabinet__tabs .button.active {
8799 background: #377d87; 8800 background: #377d87;
8800 color: #fff; 8801 color: #fff;
8801 } 8802 }
8802 .cabinet__bodies { 8803 .cabinet__bodies {
8803 display: none; 8804 display: none;
8804 } 8805 }
8805 .cabinet__bodies.showed { 8806 .cabinet__bodies.showed {
8806 display: block; 8807 display: block;
8807 } 8808 }
8808 .cabinet__nots { 8809 .cabinet__nots {
8809 display: -webkit-box; 8810 display: -webkit-box;
8810 display: -ms-flexbox; 8811 display: -ms-flexbox;
8811 display: flex; 8812 display: flex;
8812 -webkit-box-orient: vertical; 8813 -webkit-box-orient: vertical;
8813 -webkit-box-direction: normal; 8814 -webkit-box-direction: normal;
8814 -ms-flex-direction: column; 8815 -ms-flex-direction: column;
8815 flex-direction: column; 8816 flex-direction: column;
8816 -webkit-box-align: start; 8817 -webkit-box-align: start;
8817 -ms-flex-align: start; 8818 -ms-flex-align: start;
8818 align-items: flex-start; 8819 align-items: flex-start;
8819 gap: 10px; 8820 gap: 10px;
8820 } 8821 }
8821 @media (min-width: 768px) { 8822 @media (min-width: 768px) {
8822 .cabinet__nots { 8823 .cabinet__nots {
8823 gap: 20px; 8824 gap: 20px;
8824 } 8825 }
8825 } 8826 }
8826 .cabinet__nots .input { 8827 .cabinet__nots .input {
8827 width: 100%; 8828 width: 100%;
8828 } 8829 }
8829 .cabinet__anketa { 8830 .cabinet__anketa {
8830 display: -webkit-box; 8831 display: -webkit-box;
8831 display: -ms-flexbox; 8832 display: -ms-flexbox;
8832 display: flex; 8833 display: flex;
8833 -webkit-box-orient: vertical; 8834 -webkit-box-orient: vertical;
8834 -webkit-box-direction: normal; 8835 -webkit-box-direction: normal;
8835 -ms-flex-direction: column; 8836 -ms-flex-direction: column;
8836 flex-direction: column; 8837 flex-direction: column;
8837 -webkit-box-pack: justify; 8838 -webkit-box-pack: justify;
8838 -ms-flex-pack: justify; 8839 -ms-flex-pack: justify;
8839 justify-content: space-between; 8840 justify-content: space-between;
8840 gap: 10px; 8841 gap: 10px;
8841 } 8842 }
8842 @media (min-width: 768px) { 8843 @media (min-width: 768px) {
8843 .cabinet__anketa { 8844 .cabinet__anketa {
8844 -webkit-box-orient: horizontal; 8845 -webkit-box-orient: horizontal;
8845 -webkit-box-direction: normal; 8846 -webkit-box-direction: normal;
8846 -ms-flex-direction: row; 8847 -ms-flex-direction: row;
8847 flex-direction: row; 8848 flex-direction: row;
8848 -webkit-box-align: center; 8849 -webkit-box-align: center;
8849 -ms-flex-align: center; 8850 -ms-flex-align: center;
8850 align-items: center; 8851 align-items: center;
8851 } 8852 }
8852 } 8853 }
8853 @media (min-width: 992px) { 8854 @media (min-width: 992px) {
8854 .cabinet__anketa { 8855 .cabinet__anketa {
8855 -webkit-box-orient: vertical; 8856 -webkit-box-orient: vertical;
8856 -webkit-box-direction: normal; 8857 -webkit-box-direction: normal;
8857 -ms-flex-direction: column; 8858 -ms-flex-direction: column;
8858 flex-direction: column; 8859 flex-direction: column;
8859 -webkit-box-align: stretch; 8860 -webkit-box-align: stretch;
8860 -ms-flex-align: stretch; 8861 -ms-flex-align: stretch;
8861 align-items: stretch; 8862 align-items: stretch;
8862 } 8863 }
8863 } 8864 }
8864 @media (min-width: 1280px) { 8865 @media (min-width: 1280px) {
8865 .cabinet__anketa { 8866 .cabinet__anketa {
8866 -webkit-box-orient: horizontal; 8867 -webkit-box-orient: horizontal;
8867 -webkit-box-direction: normal; 8868 -webkit-box-direction: normal;
8868 -ms-flex-direction: row; 8869 -ms-flex-direction: row;
8869 flex-direction: row; 8870 flex-direction: row;
8870 -webkit-box-align: center; 8871 -webkit-box-align: center;
8871 -ms-flex-align: center; 8872 -ms-flex-align: center;
8872 align-items: center; 8873 align-items: center;
8873 -webkit-box-pack: justify; 8874 -webkit-box-pack: justify;
8874 -ms-flex-pack: justify; 8875 -ms-flex-pack: justify;
8875 justify-content: space-between; 8876 justify-content: space-between;
8876 } 8877 }
8877 } 8878 }
8878 .cabinet__anketa-buttons { 8879 .cabinet__anketa-buttons {
8879 display: -webkit-box; 8880 display: -webkit-box;
8880 display: -ms-flexbox; 8881 display: -ms-flexbox;
8881 display: flex; 8882 display: flex;
8882 -webkit-box-orient: vertical; 8883 -webkit-box-orient: vertical;
8883 -webkit-box-direction: normal; 8884 -webkit-box-direction: normal;
8884 -ms-flex-direction: column; 8885 -ms-flex-direction: column;
8885 flex-direction: column; 8886 flex-direction: column;
8886 gap: 10px; 8887 gap: 10px;
8887 } 8888 }
8888 @media (min-width: 768px) { 8889 @media (min-width: 768px) {
8889 .cabinet__anketa-buttons { 8890 .cabinet__anketa-buttons {
8890 display: grid; 8891 display: grid;
8891 grid-template-columns: 1fr 1fr; 8892 grid-template-columns: 1fr 1fr;
8892 gap: 20px; 8893 gap: 20px;
8893 } 8894 }
8894 } 8895 }
8895 .cabinet__stats { 8896 .cabinet__stats {
8896 display: -webkit-box; 8897 display: -webkit-box;
8897 display: -ms-flexbox; 8898 display: -ms-flexbox;
8898 display: flex; 8899 display: flex;
8899 -webkit-box-orient: vertical; 8900 -webkit-box-orient: vertical;
8900 -webkit-box-direction: normal; 8901 -webkit-box-direction: normal;
8901 -ms-flex-direction: column; 8902 -ms-flex-direction: column;
8902 flex-direction: column; 8903 flex-direction: column;
8903 gap: 6px; 8904 gap: 6px;
8904 } 8905 }
8905 @media (min-width: 768px) { 8906 @media (min-width: 768px) {
8906 .cabinet__stats { 8907 .cabinet__stats {
8907 gap: 12px; 8908 gap: 12px;
8908 } 8909 }
8909 } 8910 }
8910 .cabinet__stats-title { 8911 .cabinet__stats-title {
8911 font-size: 14px; 8912 font-size: 14px;
8912 font-weight: 700; 8913 font-weight: 700;
8913 color: #000; 8914 color: #000;
8914 } 8915 }
8915 @media (min-width: 768px) { 8916 @media (min-width: 768px) {
8916 .cabinet__stats-title { 8917 .cabinet__stats-title {
8917 font-size: 24px; 8918 font-size: 24px;
8918 } 8919 }
8919 } 8920 }
8920 .cabinet__stats-body { 8921 .cabinet__stats-body {
8921 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8922 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8922 border-radius: 8px; 8923 border-radius: 8px;
8923 padding: 10px; 8924 padding: 10px;
8924 display: grid; 8925 display: grid;
8925 grid-template-columns: 1fr 1fr; 8926 grid-template-columns: 1fr 1fr;
8926 gap: 20px; 8927 gap: 20px;
8927 margin-bottom: 10px; 8928 margin-bottom: 10px;
8928 } 8929 }
8929 @media (min-width: 768px) { 8930 @media (min-width: 768px) {
8930 .cabinet__stats-body { 8931 .cabinet__stats-body {
8931 padding: 10px 20px; 8932 padding: 10px 20px;
8932 } 8933 }
8933 } 8934 }
8934 .cabinet__stats-item { 8935 .cabinet__stats-item {
8935 font-size: 12px; 8936 font-size: 12px;
8936 display: -webkit-box; 8937 display: -webkit-box;
8937 display: -ms-flexbox; 8938 display: -ms-flexbox;
8938 display: flex; 8939 display: flex;
8939 -webkit-box-align: center; 8940 -webkit-box-align: center;
8940 -ms-flex-align: center; 8941 -ms-flex-align: center;
8941 align-items: center; 8942 align-items: center;
8942 line-height: 1; 8943 line-height: 1;
8943 gap: 6px; 8944 gap: 6px;
8944 } 8945 }
8945 @media (min-width: 768px) { 8946 @media (min-width: 768px) {
8946 .cabinet__stats-item { 8947 .cabinet__stats-item {
8947 font-size: 20px; 8948 font-size: 20px;
8948 gap: 10px; 8949 gap: 10px;
8949 } 8950 }
8950 } 8951 }
8951 .cabinet__stats-item svg { 8952 .cabinet__stats-item svg {
8952 width: 20px; 8953 width: 20px;
8953 aspect-ratio: 1/1; 8954 aspect-ratio: 1/1;
8954 color: #377d87; 8955 color: #377d87;
8955 } 8956 }
8956 @media (min-width: 768px) { 8957 @media (min-width: 768px) {
8957 .cabinet__stats-item svg { 8958 .cabinet__stats-item svg {
8958 width: 40px; 8959 width: 40px;
8959 margin-right: 10px; 8960 margin-right: 10px;
8960 } 8961 }
8961 } 8962 }
8962 .cabinet__stats-item span { 8963 .cabinet__stats-item span {
8963 font-weight: 700; 8964 font-weight: 700;
8964 color: #000; 8965 color: #000;
8965 } 8966 }
8966 .cabinet__stats-item b { 8967 .cabinet__stats-item b {
8967 color: #377d87; 8968 color: #377d87;
8968 font-size: 14px; 8969 font-size: 14px;
8969 } 8970 }
8970 @media (min-width: 768px) { 8971 @media (min-width: 768px) {
8971 .cabinet__stats-item b { 8972 .cabinet__stats-item b {
8972 font-size: 24px; 8973 font-size: 24px;
8973 } 8974 }
8974 } 8975 }
8975 .cabinet__stats-subtitle { 8976 .cabinet__stats-subtitle {
8976 font-size: 14px; 8977 font-size: 14px;
8977 font-weight: 700; 8978 font-weight: 700;
8978 color: #377d87; 8979 color: #377d87;
8979 } 8980 }
8980 @media (min-width: 768px) { 8981 @media (min-width: 768px) {
8981 .cabinet__stats-subtitle { 8982 .cabinet__stats-subtitle {
8982 font-size: 18px; 8983 font-size: 18px;
8983 } 8984 }
8984 } 8985 }
8985 .cabinet__stats-line { 8986 .cabinet__stats-line {
8986 width: 100%; 8987 width: 100%;
8987 position: relative; 8988 position: relative;
8988 overflow: hidden; 8989 overflow: hidden;
8989 height: 8px; 8990 height: 8px;
8990 border-radius: 999px; 8991 border-radius: 999px;
8991 background: #cecece; 8992 background: #cecece;
8992 } 8993 }
8993 .cabinet__stats-line span { 8994 .cabinet__stats-line span {
8994 position: absolute; 8995 position: absolute;
8995 top: 0; 8996 top: 0;
8996 left: 0; 8997 left: 0;
8997 width: 100%; 8998 width: 100%;
8998 height: 100%; 8999 height: 100%;
8999 background: #377d87; 9000 background: #377d87;
9000 border-radius: 999px; 9001 border-radius: 999px;
9001 } 9002 }
9002 .cabinet__stats-bottom { 9003 .cabinet__stats-bottom {
9003 color: #000; 9004 color: #000;
9004 font-size: 12px; 9005 font-size: 12px;
9005 } 9006 }
9006 @media (min-width: 768px) { 9007 @media (min-width: 768px) {
9007 .cabinet__stats-bottom { 9008 .cabinet__stats-bottom {
9008 font-size: 16px; 9009 font-size: 16px;
9009 } 9010 }
9010 } 9011 }
9011 .cabinet__works { 9012 .cabinet__works {
9012 display: -webkit-box; 9013 display: -webkit-box;
9013 display: -ms-flexbox; 9014 display: -ms-flexbox;
9014 display: flex; 9015 display: flex;
9015 -webkit-box-orient: vertical; 9016 -webkit-box-orient: vertical;
9016 -webkit-box-direction: normal; 9017 -webkit-box-direction: normal;
9017 -ms-flex-direction: column; 9018 -ms-flex-direction: column;
9018 flex-direction: column; 9019 flex-direction: column;
9019 gap: 20px; 9020 gap: 20px;
9020 } 9021 }
9021 @media (min-width: 768px) { 9022 @media (min-width: 768px) {
9022 .cabinet__works { 9023 .cabinet__works {
9023 gap: 30px; 9024 gap: 30px;
9024 } 9025 }
9025 } 9026 }
9026 .cabinet__works-item { 9027 .cabinet__works-item {
9027 border-bottom: 1px #cccccc solid; 9028 border-bottom: 1px #cccccc solid;
9028 padding-bottom: 35px; 9029 padding-bottom: 35px;
9029 } 9030 }
9030 .cabinet__works-spoiler { 9031 .cabinet__works-spoiler {
9031 display: -webkit-box; 9032 display: -webkit-box;
9032 display: -ms-flexbox; 9033 display: -ms-flexbox;
9033 display: flex; 9034 display: flex;
9034 -webkit-box-align: center; 9035 -webkit-box-align: center;
9035 -ms-flex-align: center; 9036 -ms-flex-align: center;
9036 align-items: center; 9037 align-items: center;
9037 -webkit-box-pack: justify; 9038 -webkit-box-pack: justify;
9038 -ms-flex-pack: justify; 9039 -ms-flex-pack: justify;
9039 justify-content: space-between; 9040 justify-content: space-between;
9040 } 9041 }
9041 .cabinet__works-spoiler-left { 9042 .cabinet__works-spoiler-left {
9042 display: -webkit-box; 9043 display: -webkit-box;
9043 display: -ms-flexbox; 9044 display: -ms-flexbox;
9044 display: flex; 9045 display: flex;
9045 -webkit-box-align: center; 9046 -webkit-box-align: center;
9046 -ms-flex-align: center; 9047 -ms-flex-align: center;
9047 align-items: center; 9048 align-items: center;
9048 width: calc(100% - 22px); 9049 width: calc(100% - 22px);
9049 } 9050 }
9050 .cabinet__works-spoiler-right { 9051 .cabinet__works-spoiler-right {
9051 width: 22px; 9052 width: 22px;
9052 height: 22px; 9053 height: 22px;
9053 display: -webkit-box; 9054 display: -webkit-box;
9054 display: -ms-flexbox; 9055 display: -ms-flexbox;
9055 display: flex; 9056 display: flex;
9056 -webkit-box-align: center; 9057 -webkit-box-align: center;
9057 -ms-flex-align: center; 9058 -ms-flex-align: center;
9058 align-items: center; 9059 align-items: center;
9059 -webkit-box-pack: center; 9060 -webkit-box-pack: center;
9060 -ms-flex-pack: center; 9061 -ms-flex-pack: center;
9061 justify-content: center; 9062 justify-content: center;
9062 color: #377d87; 9063 color: #377d87;
9063 padding: 0; 9064 padding: 0;
9064 background: none; 9065 background: none;
9065 border: none; 9066 border: none;
9066 } 9067 }
9067 .cabinet__works-spoiler-right svg { 9068 .cabinet__works-spoiler-right svg {
9068 width: 60%; 9069 width: 60%;
9069 aspect-ratio: 1/1; 9070 aspect-ratio: 1/1;
9070 -webkit-transform: rotate(90deg); 9071 -webkit-transform: rotate(90deg);
9071 -ms-transform: rotate(90deg); 9072 -ms-transform: rotate(90deg);
9072 transform: rotate(90deg); 9073 transform: rotate(90deg);
9073 -webkit-transition: 0.3s; 9074 -webkit-transition: 0.3s;
9074 transition: 0.3s; 9075 transition: 0.3s;
9075 } 9076 }
9076 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9077 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9077 -webkit-transform: rotate(-90deg); 9078 -webkit-transform: rotate(-90deg);
9078 -ms-transform: rotate(-90deg); 9079 -ms-transform: rotate(-90deg);
9079 transform: rotate(-90deg); 9080 transform: rotate(-90deg);
9080 } 9081 }
9081 .cabinet__works-spoiler-buttons { 9082 .cabinet__works-spoiler-buttons {
9082 display: -webkit-box; 9083 display: -webkit-box;
9083 display: -ms-flexbox; 9084 display: -ms-flexbox;
9084 display: flex; 9085 display: flex;
9085 -webkit-box-align: center; 9086 -webkit-box-align: center;
9086 -ms-flex-align: center; 9087 -ms-flex-align: center;
9087 align-items: center; 9088 align-items: center;
9088 -webkit-box-pack: justify; 9089 -webkit-box-pack: justify;
9089 -ms-flex-pack: justify; 9090 -ms-flex-pack: justify;
9090 justify-content: space-between; 9091 justify-content: space-between;
9091 width: 60px; 9092 width: 60px;
9092 } 9093 }
9093 @media (min-width: 768px) { 9094 @media (min-width: 768px) {
9094 .cabinet__works-spoiler-buttons { 9095 .cabinet__works-spoiler-buttons {
9095 width: 74px; 9096 width: 74px;
9096 } 9097 }
9097 } 9098 }
9098 .cabinet__works-spoiler-buttons .button { 9099 .cabinet__works-spoiler-buttons .button {
9099 width: 22px; 9100 width: 22px;
9100 height: 22px; 9101 height: 22px;
9101 padding: 0; 9102 padding: 0;
9102 } 9103 }
9103 @media (min-width: 768px) { 9104 @media (min-width: 768px) {
9104 .cabinet__works-spoiler-buttons .button { 9105 .cabinet__works-spoiler-buttons .button {
9105 width: 30px; 9106 width: 30px;
9106 height: 30px; 9107 height: 30px;
9107 } 9108 }
9108 } 9109 }
9109 .cabinet__works-spoiler-text { 9110 .cabinet__works-spoiler-text {
9110 width: calc(100% - 60px); 9111 width: calc(100% - 60px);
9111 font-size: 17px; 9112 font-size: 17px;
9112 font-weight: 700; 9113 font-weight: 700;
9113 color: #000; 9114 color: #000;
9114 } 9115 }
9115 @media (min-width: 768px) { 9116 @media (min-width: 768px) {
9116 .cabinet__works-spoiler-text { 9117 .cabinet__works-spoiler-text {
9117 width: calc(100% - 74px); 9118 width: calc(100% - 74px);
9118 font-size: 22px; 9119 font-size: 22px;
9119 } 9120 }
9120 } 9121 }
9121 9122
9122 .cabinet__works-add { 9123 .cabinet__works-add {
9123 padding: 0; 9124 padding: 0;
9124 width: 100%; 9125 width: 100%;
9125 max-width: 160px; 9126 max-width: 160px;
9126 } 9127 }
9127 @media (min-width: 768px) { 9128 @media (min-width: 768px) {
9128 .cabinet__works-add { 9129 .cabinet__works-add {
9129 max-width: 220px; 9130 max-width: 220px;
9130 } 9131 }
9131 } 9132 }
9132 .cabinet__buttons { 9133 .cabinet__buttons {
9133 display: -webkit-box; 9134 display: -webkit-box;
9134 display: -ms-flexbox; 9135 display: -ms-flexbox;
9135 display: flex; 9136 display: flex;
9136 -webkit-box-orient: vertical; 9137 -webkit-box-orient: vertical;
9137 -webkit-box-direction: normal; 9138 -webkit-box-direction: normal;
9138 -ms-flex-direction: column; 9139 -ms-flex-direction: column;
9139 flex-direction: column; 9140 flex-direction: column;
9140 -webkit-box-align: center; 9141 -webkit-box-align: center;
9141 -ms-flex-align: center; 9142 -ms-flex-align: center;
9142 align-items: center; 9143 align-items: center;
9143 gap: 10px; 9144 gap: 10px;
9144 } 9145 }
9145 @media (min-width: 768px) { 9146 @media (min-width: 768px) {
9146 .cabinet__buttons { 9147 .cabinet__buttons {
9147 display: grid; 9148 display: grid;
9148 grid-template-columns: 1fr 1fr; 9149 grid-template-columns: 1fr 1fr;
9149 gap: 20px; 9150 gap: 20px;
9150 } 9151 }
9151 } 9152 }
9152 .cabinet__buttons .button, 9153 .cabinet__buttons .button,
9153 .cabinet__buttons .file { 9154 .cabinet__buttons .file {
9154 padding: 0; 9155 padding: 0;
9155 width: 100%; 9156 width: 100%;
9156 max-width: 140px; 9157 max-width: 140px;
9157 } 9158 }
9158 @media (min-width: 768px) { 9159 @media (min-width: 768px) {
9159 .cabinet__buttons .button, 9160 .cabinet__buttons .button,
9160 .cabinet__buttons .file { 9161 .cabinet__buttons .file {
9161 max-width: none; 9162 max-width: none;
9162 } 9163 }
9163 } 9164 }
9164 @media (min-width: 768px) { 9165 @media (min-width: 768px) {
9165 .cabinet__buttons { 9166 .cabinet__buttons {
9166 gap: 20px; 9167 gap: 20px;
9167 } 9168 }
9168 } 9169 }
9169 @media (min-width: 1280px) { 9170 @media (min-width: 1280px) {
9170 .cabinet__buttons { 9171 .cabinet__buttons {
9171 max-width: 400px; 9172 max-width: 400px;
9172 } 9173 }
9173 } 9174 }
9174 .cabinet__buttons_flex{ 9175 .cabinet__buttons_flex{
9175 display: flex; 9176 display: flex;
9176 } 9177 }
9177 .cabinet__buttons_flex > *{ 9178 .cabinet__buttons_flex > *{
9178 margin-right: 10px; 9179 margin-right: 10px;
9179 } 9180 }
9180 .cabinet__vacs { 9181 .cabinet__vacs {
9181 display: -webkit-box; 9182 display: -webkit-box;
9182 display: -ms-flexbox; 9183 display: -ms-flexbox;
9183 display: flex; 9184 display: flex;
9184 -webkit-box-orient: vertical; 9185 -webkit-box-orient: vertical;
9185 -webkit-box-direction: reverse; 9186 -webkit-box-direction: reverse;
9186 -ms-flex-direction: column-reverse; 9187 -ms-flex-direction: column-reverse;
9187 flex-direction: column-reverse; 9188 flex-direction: column-reverse;
9188 -webkit-box-align: center; 9189 -webkit-box-align: center;
9189 -ms-flex-align: center; 9190 -ms-flex-align: center;
9190 align-items: center; 9191 align-items: center;
9191 gap: 20px; 9192 gap: 20px;
9192 } 9193 }
9193 .cabinet__vacs-body { 9194 .cabinet__vacs-body {
9194 display: -webkit-box; 9195 display: -webkit-box;
9195 display: -ms-flexbox; 9196 display: -ms-flexbox;
9196 display: flex; 9197 display: flex;
9197 -webkit-box-orient: vertical; 9198 -webkit-box-orient: vertical;
9198 -webkit-box-direction: normal; 9199 -webkit-box-direction: normal;
9199 -ms-flex-direction: column; 9200 -ms-flex-direction: column;
9200 flex-direction: column; 9201 flex-direction: column;
9201 gap: 20px; 9202 gap: 20px;
9202 width: 100%; 9203 width: 100%;
9203 } 9204 }
9204 @media (min-width: 768px) { 9205 @media (min-width: 768px) {
9205 .cabinet__vacs-body { 9206 .cabinet__vacs-body {
9206 gap: 30px; 9207 gap: 30px;
9207 } 9208 }
9208 } 9209 }
9209 .cabinet__vacs-item { 9210 .cabinet__vacs-item {
9210 display: none; 9211 display: none;
9211 background: #fff; 9212 background: #fff;
9212 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9213 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9213 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9214 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9214 } 9215 }
9215 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 9216 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9216 display: -webkit-box; 9217 display: -webkit-box;
9217 display: -ms-flexbox; 9218 display: -ms-flexbox;
9218 display: flex; 9219 display: flex;
9219 } 9220 }
9220 .cabinet__vacs.active .cabinet__vacs-item { 9221 .cabinet__vacs.active .cabinet__vacs-item {
9221 display: -webkit-box; 9222 display: -webkit-box;
9222 display: -ms-flexbox; 9223 display: -ms-flexbox;
9223 display: flex; 9224 display: flex;
9224 } 9225 }
9225 .main__employer-page-two-item-text-body img { 9226 .main__employer-page-two-item-text-body img {
9226 display: inline !important; 9227 display: inline !important;
9227 border: none !important; 9228 border: none !important;
9228 box-shadow: none !important; 9229 box-shadow: none !important;
9229 height: 1em !important; 9230 height: 1em !important;
9230 width: 1em !important; 9231 width: 1em !important;
9231 margin: 0 0.07em !important; 9232 margin: 0 0.07em !important;
9232 vertical-align: -0.1em !important; 9233 vertical-align: -0.1em !important;
9233 background: none !important; 9234 background: none !important;
9234 padding: 0 !important; 9235 padding: 0 !important;
9235 } 9236 }
9236 .main__employer-page-two-item-text-body p{ 9237 .main__employer-page-two-item-text-body p{
9237 margin: 0 0 20px; 9238 margin: 0 0 20px;
9238 } 9239 }
9239 #sertificate .one-sertificate{ 9240 #sertificate .one-sertificate{
9240 display: flex; 9241 display: flex;
9241 justify-content: space-between; 9242 justify-content: space-between;
9242 margin-bottom: 15px; 9243 margin-bottom: 15px;
9243 border-bottom: 1px #ccc solid; 9244 border-bottom: 1px #ccc solid;
9244 padding-bottom: 15px; 9245 padding-bottom: 15px;
9245 } 9246 }
9246 #sertificate .one-sertificate .sertificate-field{ 9247 #sertificate .one-sertificate .sertificate-field{
9247 display: block; 9248 display: block;
9248 } 9249 }
9249 #sertificate .one-sertificate .sertificate-field.sertificate-name{ 9250 #sertificate .one-sertificate .sertificate-field.sertificate-name{
9250 width: 50%; 9251 width: 50%;
9251 max-width: 50%; 9252 max-width: 50%;
9252 } 9253 }
9253 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{ 9254 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9254 display: flex; 9255 display: flex;
9255 justify-content: space-between; 9256 justify-content: space-between;
9256 } 9257 }
9257 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ 9258 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9258 width: 30px; 9259 width: 30px;
9259 height: 30px; 9260 height: 30px;
9260 padding: 5px; 9261 padding: 5px;
9261 } 9262 }
9262 #prev_worker .cabinet__inputs-item-buttons a{ 9263 #prev_worker .cabinet__inputs-item-buttons a{
9263 width: 30px; 9264 width: 30px;
9264 height: 30px; 9265 height: 30px;
9265 padding: 5px; 9266 padding: 5px;
9266 } 9267 }
9267 #prev_worker .cabinet__inputs-item-buttons{ 9268 #prev_worker .cabinet__inputs-item-buttons{
9268 width: 100px; 9269 width: 100px;
9269 } 9270 }
9270 #prev_worker .cabinet__inputs{ 9271 #prev_worker .cabinet__inputs{
9271 -webkit-box-align: start; 9272 -webkit-box-align: start;
9272 -ms-flex-align: start; 9273 -ms-flex-align: start;
9273 align-items: start; 9274 align-items: start;
9274 } 9275 }
9275 #prev_worker .cabinet__inputs-item-buttons flex{ 9276 #prev_worker .cabinet__inputs-item-buttons flex{
9276 justify-content: end; 9277 justify-content: end;
9277 } 9278 }
9278 #prev_worker .cabinet__body-item{ 9279 #prev_worker .cabinet__body-item{
9279 border-bottom: 1px #cccccc solid; 9280 border-bottom: 1px #cccccc solid;
9280 padding-bottom: 25px; 9281 padding-bottom: 25px;
9281 } 9282 }
9282 @media (max-width: 1280px) { 9283 @media (max-width: 1280px) {
9283 #prev_worker .cabinet__inputs-item-buttons{ 9284 #prev_worker .cabinet__inputs-item-buttons{
9284 position: absolute; 9285 position: absolute;
9285 right: 0; 9286 right: 0;
9286 } 9287 }
9287 } 9288 }
9288 body .cke_notifications_area{ 9289 body .cke_notifications_area{
9289 opacity: 0; 9290 opacity: 0;
9290 display: none !important; 9291 display: none !important;
9291 } 9292 }
9292 .unread-messages-count{ 9293 .unread-messages-count{
9293 background-color: #377d87; 9294 background-color: #377d87;
9294 color: #fff; 9295 color: #fff;
9295 padding: 5px 10px; 9296 padding: 5px 10px;
9296 border-radius: 45px; 9297 border-radius: 45px;
9297 } 9298 }
9298 9299
9299 /* Диалог модал */
9300 .modal-dialog{
9301 border-radius: 10px;
9302 }
9303 .modal-dialog .modal-dialog-footer{
9304 display: flex;
9305 justify-content: space-between;
9306 }
9307 .modal-dialog .modal-dialog-footer.center{
9308 display: flex;
9309 justify-content: center;
9310 }
9311
9312 .button-loader {
9313 border: 2px solid #f3f3f3;
9314 -webkit-animation: spin 1s linear infinite;
9315 animation: spin 1s linear infinite;
9316 border-top: 2px solid #555;
9317 border-radius: 50%;
9318 width: 20px;
9319 height: 20px;
9320 }
9321 @keyframes spin {
9322 0% { transform: rotate(0deg); }
9323 100% { transform: rotate(360deg); }
9324 }
9325 .error-block{
9326 color:red;
9327 padding: 0;
9328 width: 100%;
9329 }
9330
9331 .review-image-modal{
9332 cursor: pointer;
9333 }
9334
9335 .flot-one-ship .flot-label{ 9300 .flot-one-ship .flot-label{
9336 font-weight: bold; 9301 font-weight: bold;
9337 display: flex; 9302 display: flex;
9338 } 9303 }
9339 .flot-one-ship .flot-label .flot-label-name{ 9304 .flot-one-ship .flot-label .flot-label-name{
9340 color: #377d87; 9305 color: #377d87;
9341 min-width: 120px; 9306 min-width: 120px;
9342 } 9307 }
resources/views/admin/message/index.blade.php
1 @extends('layout.admin', ['title' => 'Админка - Сообщения адмистратора']) 1 @extends('layout.admin', ['title' => 'Админка - Сообщения адмистратора'])
2 2
3 @section('script') 3 @section('script')
4 <script> 4 <script>
5 $(document).ready(function() { 5 $(document).ready(function() {
6 $('.rejecte-button').click(function(){
7 var this_btn = $(this);
8 var wrap = this_btn.closest('tr');
9 var chat_id = wrap.data('message-id');
10 var target = wrap.find('.user-name').text();
11
12 $('#rejecte_message').data('chat-id', chat_id);
13 $('#rejecte_message').find('.user-name').text(target.trim());
14 });
15
6 $(document).on('change', '.checkread', function () { 16 $(document).on('change', '.checkread', function () {
7 var this_ = $(this); 17 var this_ = $(this);
8 var value = this_.val(); 18 var value = this_.val();
9 var ajax_block = $('#ajax_block'); 19 var ajax_block = $('#ajax_block');
10 var bool = 0; 20 var bool = 0;
11 21
12 if(this.checked){ 22 if(this.checked){
13 bool = 1; 23 bool = 1;
14 } else { 24 } else {
15 bool = 0; 25 bool = 0;
16 } 26 }
17 27
18 $.ajax({ 28 $.ajax({
19 type: "GET", 29 type: "GET",
20 url: "{{ url()->full()}}", 30 url: "{{ url()->full()}}",
21 data: "id=" + value + "&flag_new=" + bool, 31 data: "id=" + value + "&flag_new=" + bool,
22 success: function (data) { 32 success: function (data) {
23 console.log('Обновление таблицы сообщений администратора '); 33 console.log('Обновление таблицы сообщений администратора ');
24 //data = JSON.parse(data); 34 //data = JSON.parse(data);
25 //console.log(data); 35 //console.log(data);
26 ajax_block.html(data); 36 ajax_block.html(data);
27 }, 37 },
28 headers: { 38 headers: {
29 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 39 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
30 }, 40 },
31 error: function (data) { 41 error: function (data) {
32 console.log('Error: ' + data); 42 console.log('Error: ' + data);
33 } 43 }
34 }); 44 });
35 }); 45 });
36 46
37 }); 47 });
38 </script> 48 </script>
39 @endsection 49 @endsection
40 50
41 @section('search')
42 @include('admin.find_message')
43 @endsection
44
45 @section('content') 51 @section('content')
46 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block"> 52 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block">
47 <div class="w-full overflow-x-auto"> 53 <div class="w-full overflow-x-auto">
48 <table class="w-full whitespace-no-wrap"> 54 <table class="w-full whitespace-no-wrap">
49 <thead> 55 <thead>
50 <tr 56 <tr
51 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800" 57 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800"
52 > 58 >
53 <th class="px-4 py-3">№</th> 59 <th class="px-4 py-3">№</th>
54 <th class="px-4 py-3">От юзера</th> 60 <th class="px-4 py-3">От юзера</th>
55 <th class="px-4 py-3">К юзеру</th> 61 <th class="px-4 py-3">Должности</th>
56 <th class="px-4 py-3">Текст</th> 62 <th class="px-4 py-3">Текст</th>
57 <th class="px-4 py-3">Дата</th> 63 <th class="px-4 py-3">Дата</th>
58 <th class="px-4 py-3">Прочтено</th> 64 <th class="px-4 py-3">Прочтено</th>
59 </tr> 65 </tr>
60 </thead> 66 </thead>
61 <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800"> 67 <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800">
62 @foreach($Msgs as $msg) 68 @foreach($Msgs as $msg)
63 <tr class="text-gray-700 dark:text-gray-400" 69 <tr class="text-gray-700 dark:text-gray-400" data-message-id="{{ $msg->id }}">
64 @if (isset($msg->user_to->id))
65 @if (($msg->user_to->id == $id_admin) && ($msg->flag_new == 1))
66 style="background-color: #403998;"
67 @endif
68 @endif>
69 <td class="px-4 py-3"> 70 <td class="px-4 py-3">
70 {{$msg->id}} 71 {{ $msg->id }}
71 </td> 72 </td>
72 <td class="px-4 py-3"> 73 <td class="px-4 py-3">
73 @if (isset($msg->user_from->name)) 74 <div class="user-name">
74 {{$msg->user_from->name}} ({{$msg->user_from->id}}) 75 @if (isset($msg->user->name))
75 @else 76 {{$msg->user->name}} ({{$msg->user->id}})
76 Пользователь удален 77 @else
77 @endif 78 Пользователь удален
79 @endif
80 </div>
78 </td> 81 </td>
79 <td class="px-4 py-3"> 82 <td class="px-4 py-3">
80 @if (isset($msg->user_to->name)) 83 @if($msg->job_titles)
81 {{$msg->user_to->name}} ({{$msg->user_to->id}}) 84 @foreach($msg->jobs as $job)
82 @else 85 {{ $job->name }}
83 Пользователь удален 86 @if(!$loop->last)
84 @endif 87 <br>
88 @endif
89 @endforeach
90 @endif
85 </td> 91 </td>
86 <td class="px-4 py-3"> 92 <td class="px-4 py-3">
87 {{$msg->title}} 93 <div>
88 <div class="flex items-center text-sm"> 94 {{ $msg->text }}
89 <textarea cols="7" style="width:250px;">{{ $msg->text }}</textarea>
90 </div> 95 </div>
91 </td> 96 </td>
92 <td class="px-4 py-3 text-sm"> 97 <td class="px-4 py-3 text-sm">
93 {{ date('d.m.Y h:i:s', strtotime($msg->created_at)) }} 98 {{ date('d.m.Y h:i:s', strtotime($msg->created_at)) }}
94 </td> 99 </td>
95 <td class="px-4 py-3 text-sm"> 100 <td class="px-4 py-3">
96 @if (isset($msg->user_to->id)) 101 @if($msg->is_rejected)
97 @if (($msg->user_to->id == $id_admin) && ($msg->flag_new == 1)) 102 Отклонено
98 <input type="checkbox" class="checkread" value="{{$msg->id}}" name="read_{{$msg->id}}"/> 103 @elseif($msg->is_sent)
104 Отправлено
105 @else
106 <div class="">
107 <button class="rejecte-button px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-red-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
108 data-fancybox data-src="#rejecte_message"
109 >
110 Отклонить
111 </button>
112 <button class="send-button px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-green-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
113 Отправить
114 </button>
115 </div>
99 @endif 116 @endif
100 @endif
101 </td> 117 </td>
102 </tr> 118 </tr>
103 @endforeach 119 @endforeach
104 </tbody> 120 </tbody>
105 </table> 121 </table>
106 </div> 122 </div>
107 123
108 <div class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800"> 124 <div class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800">
109 <?=$Msgs->appends($_GET)->links('admin.pagginate'); ?> 125 <?=$Msgs->appends($_GET)->links('admin.pagginate'); ?>
110 </div> 126 </div>
111 </div><br> 127 </div><br>
112 128
113 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block2"> 129 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block2">
114 130
115 <form method="POST" action="{{ route('admin.admin-messages-post') }}" enctype="multipart/form-data"> 131 <form method="POST" action="{{ route('admin.admin-messages-post') }}" enctype="multipart/form-data">
116 @csrf 132 @csrf
117 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800"> 133 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
118 <h3 class="text-gray-700 dark:text-gray-400">Отправка сообщения</h3> 134 <h3 class="text-gray-700 dark:text-gray-400">Отправка сообщения</h3>
119 <hr> 135 <hr>
120 <label for="ad_employer_id" class="block text-sm"> 136 <label for="ad_employer_id" class="block text-sm">
121 <input type="hidden" name="user_id" id="user_id" value="{{ $id_admin }}"/> 137 <input type="hidden" name="user_id" id="user_id" value="{{ $id_admin }}"/>
122 138
123 <span class="text-gray-700 dark:text-gray-400">Кому:</span> 139 <span class="text-gray-700 dark:text-gray-400">Кому:</span>
124 140
125 <select name="to_user_id" id="to_user_id" class="block change_js mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"> 141 <select name="to_user_id" id="to_user_id" class="block change_js mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray">
126 @foreach($users as $user) 142 @foreach($users as $user)
127 <option value="{{ $user->id }}">{{ $user->name }} ({{ $user->id }})</option> 143 <option value="{{ $user->id }}">{{ $user->name }} ({{ $user->id }})</option>
128 @endforeach 144 @endforeach
129 </select> 145 </select>
130 </label><br> 146 </label><br>
131 147
132 <label class="block text-sm"> 148 <label class="block text-sm">
133 <span class="text-gray-700 dark:text-gray-400">Заголовок</span> 149 <span class="text-gray-700 dark:text-gray-400">Заголовок</span>
134 <input name="title" id="title" 150 <input name="title" id="title"
135 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 151 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
136 placeholder="Заголовок" value="{{ old('title') ?? '' }}" 152 placeholder="Заголовок" value="{{ old('title') ?? '' }}"
137 /> 153 />
138 @error('title') 154 @error('title')
139 <span class="text-xs text-red-600 dark:text-red-400"> 155 <span class="text-xs text-red-600 dark:text-red-400">
140 {{ $message }} 156 {{ $message }}
141 </span> 157 </span>
142 @enderror 158 @enderror
143 </label><br> 159 </label><br>
144 160
145 <label class="block text-sm"> 161 <label class="block text-sm">
146 <span class="text-gray-700 dark:text-gray-400">Текст</span> 162 <span class="text-gray-700 dark:text-gray-400">Текст</span>
147 <textarea class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray" name="text" placeholder="Текст" required 163 <textarea class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray" name="text" placeholder="Текст" required
148 rows="4">{{ old('text') ?? '' }}</textarea> 164 rows="4">{{ old('text') ?? '' }}</textarea>
149 @error('text') 165 @error('text')
150 <span class="text-xs text-red-600 dark:text-red-400"> 166 <span class="text-xs text-red-600 dark:text-red-400">
151 {{ $message }} 167 {{ $message }}
152 </span> 168 </span>
153 @enderror 169 @enderror
154 </label><br> 170 </label><br>
155 171
156 172
157 <label class="block text-sm"> 173 <label class="block text-sm">
158 <span class="text-gray-700 dark:text-gray-400">Файл</span> 174 <span class="text-gray-700 dark:text-gray-400">Файл</span>
159 <input type="file" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 175 <input type="file" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700
160 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple 176 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple
161 dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 177 dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
162 id="file" name="file"> 178 id="file" name="file">
163 @error('file') 179 @error('file')
164 <span class="text-xs text-red-600 dark:text-red-400"> 180 <span class="text-xs text-red-600 dark:text-red-400">
165 {{ $message }} 181 {{ $message }}
166 </span> 182 </span>
167 @enderror 183 @enderror
168 </label><br> 184 </label><br>
169 185
170 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4"> 186 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
171 <div> 187 <div>
172 <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"> 188 <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
resources/views/layout/admin.blade.php
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}"> 2 <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
3 <head> 3 <head>
4 <meta charset="UTF-8" /> 4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <title>{{$title}}</title> 6 <title>{{$title}}</title>
7 <link 7 <link
8 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" 8 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
9 rel="stylesheet" 9 rel="stylesheet"
10 /> 10 />
11 <link rel="stylesheet" href="{{ asset('./css/admin/admin.css')}}" /> 11 <link rel="stylesheet" href="{{ asset('./css/admin/admin.css')}}" />
12 <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output_new.css')}}" /> 12 <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output_new.css')}}" />
13 <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" /> 13 <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" />
14 <script 14 <script
15 src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" 15 src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
16 defer 16 defer
17 ></script> 17 ></script>
18 <script src="{{ asset('./assets/js/init-alpine.js') }}"></script> 18 <script src="{{ asset('./assets/js/init-alpine.js') }}"></script>
19 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/> 19 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/>
20 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script> 20 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script>
21 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 21 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
22 <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script> 22 <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script>
23 <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script> 23 <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script>
24 <script src="{{ asset('js/jquery.fancybox.js') }}"></script>
25 <script src="{{ asset('./js/func.js') }}"></script>
26 <link rel="stylesheet" href="{{ asset('css/helpers.css') }}">
27 <link rel="stylesheet" href="{{ asset('css/jquery.fancybox.css') }}">
28 <link rel="stylesheet" href="{{ asset('css/general.css') }}">
24 </head> 29 </head>
25 <body> 30 <body>
26 <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }"> 31 <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }">
27 <!-- Desktop sidebar --> 32 <!-- Desktop sidebar -->
28 <aside 33 <aside
29 class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0" 34 class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0"
30 > 35 >
31 <div class="py-4 text-gray-500 dark:text-gray-400"> 36 <div class="py-4 text-gray-500 dark:text-gray-400">
32 <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" 37 <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
33 href="{{ route('admin.index') }}"> 38 href="{{ route('admin.index') }}">
34 Админка 39 Админка
35 </a> 40 </a>
36 <ul class="mt-6"> 41 <ul class="mt-6">
37 <li class="relative px-6 py-3"> 42 <li class="relative px-6 py-3">
38 <span 43 <span
39 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" 44 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
40 aria-hidden="true" 45 aria-hidden="true"
41 ></span> 46 ></span>
42 <a 47 <a
43 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" 48 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}"
44 href="{{ route('admin.index') }}" 49 href="{{ route('admin.index') }}"
45 > 50 >
46 <svg 51 <svg
47 class="w-5 h-5" 52 class="w-5 h-5"
48 aria-hidden="true" 53 aria-hidden="true"
49 fill="none" 54 fill="none"
50 stroke-linecap="round" 55 stroke-linecap="round"
51 stroke-linejoin="round" 56 stroke-linejoin="round"
52 stroke-width="2" 57 stroke-width="2"
53 viewBox="0 0 24 24" 58 viewBox="0 0 24 24"
54 stroke="currentColor" 59 stroke="currentColor"
55 > 60 >
56 <path 61 <path
57 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" 62 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
58 ></path> 63 ></path>
59 </svg> 64 </svg>
60 <span class="ml-4">Главная страница</span> 65 <span class="ml-4">Главная страница</span>
61 </a> 66 </a>
62 </li> 67 </li>
63 </ul> 68 </ul>
64 69
65 <ul> 70 <ul>
66 @foreach ($contents as $cont) 71 @foreach ($contents as $cont)
67 @if ($cont->url_page == "admin/users") 72 @if ($cont->url_page == "admin/users")
68 @if ((($cont->is_admin == 1) && ($admin == 1)) || 73 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
69 (($cont->is_manager == 1) && ($is_manager == 1))) 74 (($cont->is_manager == 1) && ($is_manager == 1)))
70 <li class="relative px-6 py-3"> 75 <li class="relative px-6 py-3">
71 <a 76 <a
72 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" 77 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}"
73 href="{{ route('admin.users') }}" 78 href="{{ route('admin.users') }}"
74 > 79 >
75 <svg 80 <svg
76 class="w-5 h-5" 81 class="w-5 h-5"
77 aria-hidden="true" 82 aria-hidden="true"
78 fill="none" 83 fill="none"
79 stroke-linecap="round" 84 stroke-linecap="round"
80 stroke-linejoin="round" 85 stroke-linejoin="round"
81 stroke-width="2" 86 stroke-width="2"
82 viewBox="0 0 24 24" 87 viewBox="0 0 24 24"
83 stroke="currentColor" 88 stroke="currentColor"
84 > 89 >
85 <path 90 <path
86 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 91 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
87 ></path> 92 ></path>
88 </svg> 93 </svg>
89 <span class="ml-4">Пользователи</span> 94 <span class="ml-4">Пользователи</span>
90 </a> 95 </a>
91 </li> 96 </li>
92 @endif 97 @endif
93 @endif 98 @endif
94 99
95 @if ($cont->url_page == "admin/admin_roles") 100 @if ($cont->url_page == "admin/admin_roles")
96 @if ((($cont->is_admin == 1) && ($admin == 1)) || 101 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
97 (($cont->is_manager == 1) && ($is_manager == 1))) 102 (($cont->is_manager == 1) && ($is_manager == 1)))
98 <li class="relative px-6 py-3"> 103 <li class="relative px-6 py-3">
99 <a 104 <a
100 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" 105 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}"
101 href="{{ route('admin.admin_roles') }}" 106 href="{{ route('admin.admin_roles') }}"
102 > 107 >
103 <svg 108 <svg
104 class="w-5 h-5" 109 class="w-5 h-5"
105 aria-hidden="true" 110 aria-hidden="true"
106 fill="none" 111 fill="none"
107 stroke-linecap="round" 112 stroke-linecap="round"
108 stroke-linejoin="round" 113 stroke-linejoin="round"
109 stroke-width="2" 114 stroke-width="2"
110 viewBox="0 0 24 24" 115 viewBox="0 0 24 24"
111 stroke="currentColor" 116 stroke="currentColor"
112 > 117 >
113 <path 118 <path
114 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 119 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
115 ></path> 120 ></path>
116 </svg> 121 </svg>
117 <span class="ml-4">Роли администраторов</span> 122 <span class="ml-4">Роли администраторов</span>
118 </a> 123 </a>
119 </li> 124 </li>
120 @endif 125 @endif
121 @endif 126 @endif
122 127
123 @if ($cont->url_page == "admin/admin-users") 128 @if ($cont->url_page == "admin/admin-users")
124 @if ((($cont->is_admin == 1) && ($admin == 1)) || 129 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
125 (($cont->is_manager == 1) && ($is_manager == 1))) 130 (($cont->is_manager == 1) && ($is_manager == 1)))
126 <li class="relative px-6 py-3"> 131 <li class="relative px-6 py-3">
127 <a 132 <a
128 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" 133 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}"
129 > 134 >
130 <svg 135 <svg
131 class="w-5 h-5" 136 class="w-5 h-5"
132 aria-hidden="true" 137 aria-hidden="true"
133 fill="none" 138 fill="none"
134 stroke-linecap="round" 139 stroke-linecap="round"
135 stroke-linejoin="round" 140 stroke-linejoin="round"
136 stroke-width="2" 141 stroke-width="2"
137 viewBox="0 0 24 24" 142 viewBox="0 0 24 24"
138 stroke="currentColor" 143 stroke="currentColor"
139 > 144 >
140 <path 145 <path
141 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 146 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
142 ></path> 147 ></path>
143 </svg> 148 </svg>
144 <span class="ml-4">Администраторы</span> 149 <span class="ml-4">Администраторы</span>
145 </a> 150 </a>
146 </li> 151 </li>
147 @endif 152 @endif
148 @endif 153 @endif
149 154
150 @if ($cont->url_page == "admin/employers") 155 @if ($cont->url_page == "admin/employers")
151 @if ((($cont->is_admin == 1) && ($admin == 1)) || 156 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
152 (($cont->is_manager == 1) && ($is_manager == 1))) 157 (($cont->is_manager == 1) && ($is_manager == 1)))
153 <li class="relative px-6 py-3"> 158 <li class="relative px-6 py-3">
154 <a 159 <a
155 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" 160 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}"
156 > 161 >
157 <svg 162 <svg
158 class="w-5 h-5" 163 class="w-5 h-5"
159 aria-hidden="true" 164 aria-hidden="true"
160 fill="none" 165 fill="none"
161 stroke-linecap="round" 166 stroke-linecap="round"
162 stroke-linejoin="round" 167 stroke-linejoin="round"
163 stroke-width="2" 168 stroke-width="2"
164 viewBox="0 0 24 24" 169 viewBox="0 0 24 24"
165 stroke="currentColor" 170 stroke="currentColor"
166 > 171 >
167 <path 172 <path
168 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 173 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
169 ></path> 174 ></path>
170 </svg> 175 </svg>
171 <span class="ml-4">Работодатели</span> 176 <span class="ml-4">Работодатели</span>
172 </a> 177 </a>
173 </li> 178 </li>
174 @endif 179 @endif
175 @endif 180 @endif
176 181
177 @if ($cont->url_page == "admin/workers") 182 @if ($cont->url_page == "admin/workers")
178 @if ((($cont->is_admin == 1) && ($admin == 1)) || 183 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
179 (($cont->is_manager == 1) && ($is_manager == 1))) 184 (($cont->is_manager == 1) && ($is_manager == 1)))
180 <li class="relative px-6 py-3"> 185 <li class="relative px-6 py-3">
181 <a 186 <a
182 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" 187 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}"
183 > 188 >
184 <svg 189 <svg
185 class="w-5 h-5" 190 class="w-5 h-5"
186 aria-hidden="true" 191 aria-hidden="true"
187 fill="none" 192 fill="none"
188 stroke-linecap="round" 193 stroke-linecap="round"
189 stroke-linejoin="round" 194 stroke-linejoin="round"
190 stroke-width="2" 195 stroke-width="2"
191 viewBox="0 0 24 24" 196 viewBox="0 0 24 24"
192 stroke="currentColor" 197 stroke="currentColor"
193 > 198 >
194 <path 199 <path
195 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 200 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
196 ></path> 201 ></path>
197 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 202 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
198 </svg> 203 </svg>
199 <span class="ml-4">Соискатели</span> 204 <span class="ml-4">Соискатели</span>
200 </a> 205 </a>
201 </li> 206 </li>
202 @endif 207 @endif
203 @endif 208 @endif
204 209
205 @if ($cont->url_page == "admin/ad-employers") 210 @if ($cont->url_page == "admin/ad-employers")
206 @if ((($cont->is_admin == 1) && ($admin == 1)) || 211 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
207 (($cont->is_manager == 1) && ($is_manager == 1))) 212 (($cont->is_manager == 1) && ($is_manager == 1)))
208 <li class="relative px-6 py-3"> 213 <li class="relative px-6 py-3">
209 <a 214 <a
210 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" 215 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}"
211 > 216 >
212 <svg 217 <svg
213 class="w-5 h-5" 218 class="w-5 h-5"
214 aria-hidden="true" 219 aria-hidden="true"
215 fill="none" 220 fill="none"
216 stroke-linecap="round" 221 stroke-linecap="round"
217 stroke-linejoin="round" 222 stroke-linejoin="round"
218 stroke-width="2" 223 stroke-width="2"
219 viewBox="0 0 24 24" 224 viewBox="0 0 24 24"
220 stroke="currentColor" 225 stroke="currentColor"
221 > 226 >
222 <path 227 <path
223 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 228 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
224 ></path> 229 ></path>
225 </svg> 230 </svg>
226 <span class="ml-4">Вакансии</span> 231 <span class="ml-4">Вакансии</span>
227 </a> 232 </a>
228 </li> 233 </li>
229 @endif 234 @endif
230 @endif 235 @endif
231 236
232 @if ($cont->url_page == "admin/messages") 237 @if ($cont->url_page == "admin/messages")
233 @if ((($cont->is_admin == 1) && ($admin == 1)) || 238 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
234 (($cont->is_manager == 1) && ($is_manager == 1))) 239 (($cont->is_manager == 1) && ($is_manager == 1)))
235 <li class="relative px-6 py-3"> 240 <li class="relative px-6 py-3">
236 <a 241 <a
237 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 242 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
238 > 243 >
239 <svg 244 <svg
240 class="w-5 h-5" 245 class="w-5 h-5"
241 aria-hidden="true" 246 aria-hidden="true"
242 fill="none" 247 fill="none"
243 stroke-linecap="round" 248 stroke-linecap="round"
244 stroke-linejoin="round" 249 stroke-linejoin="round"
245 stroke-width="2" 250 stroke-width="2"
246 viewBox="0 0 24 24" 251 viewBox="0 0 24 24"
247 stroke="currentColor" 252 stroke="currentColor"
248 > 253 >
249 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 254 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
250 </svg> 255 </svg>
251 <span class="ml-4">Сообщения все</span> 256 <span class="ml-4">Сообщения все</span>
252 </a> 257 </a>
253 </li> 258 </li>
254 @endif 259 @endif
255 @endif 260 @endif
256 261
257 @if ($cont->url_page == "admin/admin-messages") 262 @if ($cont->url_page == "admin/admin-messages")
258 @if ((($cont->is_admin == 1) && ($admin == 1)) || 263 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
259 (($cont->is_manager == 1) && ($is_manager == 1))) 264 (($cont->is_manager == 1) && ($is_manager == 1)))
260 <li class="relative px-6 py-3"> 265 <li class="relative px-6 py-3">
261 <a 266 <a
262 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" 267 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}"
263 > 268 >
264 <svg 269 <svg
265 class="w-5 h-5" 270 class="w-5 h-5"
266 aria-hidden="true" 271 aria-hidden="true"
267 fill="none" 272 fill="none"
268 stroke-linecap="round" 273 stroke-linecap="round"
269 stroke-linejoin="round" 274 stroke-linejoin="round"
270 stroke-width="2" 275 stroke-width="2"
271 viewBox="0 0 24 24" 276 viewBox="0 0 24 24"
272 stroke="currentColor" 277 stroke="currentColor"
273 > 278 >
274 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 279 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
275 </svg> 280 </svg>
276 <span class="ml-4">Заявки на рассылку</span> 281 <span class="ml-4">Заявки на рассылку</span>
277 </a> 282 </a>
278 </li> 283 </li>
279 @endif 284 @endif
280 @endif 285 @endif
281 286
282 @if ($cont->url_page == "admin/groups") 287 @if ($cont->url_page == "admin/groups")
283 @if ((($cont->is_admin == 1) && ($admin == 1)) || 288 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
284 (($cont->is_manager == 1) && ($is_manager == 1))) 289 (($cont->is_manager == 1) && ($is_manager == 1)))
285 <li class="relative px-6 py-3"> 290 <li class="relative px-6 py-3">
286 <a 291 <a
287 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}" 292 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}"
288 > 293 >
289 <svg 294 <svg
290 class="w-5 h-5" 295 class="w-5 h-5"
291 aria-hidden="true" 296 aria-hidden="true"
292 fill="none" 297 fill="none"
293 stroke-linecap="round" 298 stroke-linecap="round"
294 stroke-linejoin="round" 299 stroke-linejoin="round"
295 stroke-width="2" 300 stroke-width="2"
296 viewBox="0 0 24 24" 301 viewBox="0 0 24 24"
297 stroke="currentColor" 302 stroke="currentColor"
298 > 303 >
299 <path 304 <path
300 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 305 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
301 ></path> 306 ></path>
302 </svg> 307 </svg>
303 <span class="ml-4">Группы пользователей</span> 308 <span class="ml-4">Группы пользователей</span>
304 </a> 309 </a>
305 </li> 310 </li>
306 @endif 311 @endif
307 @endif 312 @endif
308 313
309 @if ($cont->url_page == "admin/media") 314 @if ($cont->url_page == "admin/media")
310 @if ((($cont->is_admin == 1) && ($admin == 1)) || 315 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
311 (($cont->is_manager == 1) && ($is_manager == 1))) 316 (($cont->is_manager == 1) && ($is_manager == 1)))
312 <li class="relative px-6 py-3"> 317 <li class="relative px-6 py-3">
313 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> 318 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}">
314 <svg 319 <svg
315 class="w-5 h-5" 320 class="w-5 h-5"
316 aria-hidden="true" 321 aria-hidden="true"
317 fill="none" 322 fill="none"
318 stroke-linecap="round" 323 stroke-linecap="round"
319 stroke-linejoin="round" 324 stroke-linejoin="round"
320 stroke-width="2" 325 stroke-width="2"
321 viewBox="0 0 24 24" 326 viewBox="0 0 24 24"
322 stroke="currentColor" 327 stroke="currentColor"
323 > 328 >
324 <path 329 <path
325 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 330 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
326 ></path> 331 ></path>
327 </svg> 332 </svg>
328 <span class="ml-4">Медиа</span> 333 <span class="ml-4">Медиа</span>
329 </a> 334 </a>
330 </li> 335 </li>
331 @endif 336 @endif
332 @endif 337 @endif
333 338
334 @if ($cont->url_page == "admin/roles") 339 @if ($cont->url_page == "admin/roles")
335 @if ((($cont->is_admin == 1) && ($admin == 1)) || 340 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
336 (($cont->is_manager == 1) && ($is_manager == 1))) 341 (($cont->is_manager == 1) && ($is_manager == 1)))
337 <li class="relative px-6 py-3"> 342 <li class="relative px-6 py-3">
338 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> 343 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}">
339 <svg 344 <svg
340 class="w-5 h-5" 345 class="w-5 h-5"
341 aria-hidden="true" 346 aria-hidden="true"
342 fill="none" 347 fill="none"
343 stroke-linecap="round" 348 stroke-linecap="round"
344 stroke-linejoin="round" 349 stroke-linejoin="round"
345 stroke-width="2" 350 stroke-width="2"
346 viewBox="0 0 24 24" 351 viewBox="0 0 24 24"
347 stroke="currentColor" 352 stroke="currentColor"
348 > 353 >
349 <path 354 <path
350 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 355 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
351 ></path> 356 ></path>
352 </svg> 357 </svg>
353 <span class="ml-4">Роли пользователей</span> 358 <span class="ml-4">Роли пользователей</span>
354 </a> 359 </a>
355 </li> 360 </li>
356 @endif 361 @endif
357 @endif 362 @endif
358 363
359 @if ($cont->url_page == "admin/basedata") 364 @if ($cont->url_page == "admin/basedata")
360 @if ((($cont->is_admin == 1) && ($admin == 1)) || 365 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
361 (($cont->is_manager == 1) && ($is_manager == 1))) 366 (($cont->is_manager == 1) && ($is_manager == 1)))
362 <li class="relative px-6 py-3"> 367 <li class="relative px-6 py-3">
363 <a 368 <a
364 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" 369 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}"
365 > 370 >
366 <svg 371 <svg
367 class="w-5 h-5" 372 class="w-5 h-5"
368 aria-hidden="true" 373 aria-hidden="true"
369 fill="none" 374 fill="none"
370 stroke-linecap="round" 375 stroke-linecap="round"
371 stroke-linejoin="round" 376 stroke-linejoin="round"
372 stroke-width="2" 377 stroke-width="2"
373 viewBox="0 0 24 24" 378 viewBox="0 0 24 24"
374 stroke="currentColor" 379 stroke="currentColor"
375 > 380 >
376 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 381 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
377 </svg> 382 </svg>
378 <span class="ml-4">Базы данных</span> 383 <span class="ml-4">Базы данных</span>
379 </a> 384 </a>
380 </li> 385 </li>
381 @endif 386 @endif
382 @endif 387 @endif
383 388
384 @if ($cont->url_page == "admin/education") 389 @if ($cont->url_page == "admin/education")
385 @if ((($cont->is_admin == 1) && ($admin == 1)) || 390 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
386 (($cont->is_manager == 1) && ($is_manager == 1))) 391 (($cont->is_manager == 1) && ($is_manager == 1)))
387 <li class="relative px-6 py-3"> 392 <li class="relative px-6 py-3">
388 <a 393 <a
389 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" 394 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}"
390 > 395 >
391 <svg 396 <svg
392 class="w-5 h-5" 397 class="w-5 h-5"
393 aria-hidden="true" 398 aria-hidden="true"
394 fill="none" 399 fill="none"
395 stroke-linecap="round" 400 stroke-linecap="round"
396 stroke-linejoin="round" 401 stroke-linejoin="round"
397 stroke-width="2" 402 stroke-width="2"
398 viewBox="0 0 24 24" 403 viewBox="0 0 24 24"
399 stroke="currentColor" 404 stroke="currentColor"
400 > 405 >
401 <path 406 <path
402 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 407 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
403 ></path> 408 ></path>
404 </svg> 409 </svg>
405 <span class="ml-4">Учебн.заведения</span> 410 <span class="ml-4">Учебн.заведения</span>
406 </a> 411 </a>
407 </li> 412 </li>
408 @endif 413 @endif
409 @endif 414 @endif
410 415
411 @if ($cont->url_page == "admin/statics") 416 @if ($cont->url_page == "admin/statics")
412 @if ((($cont->is_admin == 1) && ($admin == 1)) || 417 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
413 (($cont->is_manager == 1) && ($is_manager == 1))) 418 (($cont->is_manager == 1) && ($is_manager == 1)))
414 <li class="relative px-6 py-3"> 419 <li class="relative px-6 py-3">
415 <a 420 <a
416 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" 421 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}"
417 > 422 >
418 <svg 423 <svg
419 class="w-5 h-5" 424 class="w-5 h-5"
420 aria-hidden="true" 425 aria-hidden="true"
421 fill="none" 426 fill="none"
422 stroke-linecap="round" 427 stroke-linecap="round"
423 stroke-linejoin="round" 428 stroke-linejoin="round"
424 stroke-width="2" 429 stroke-width="2"
425 viewBox="0 0 24 24" 430 viewBox="0 0 24 24"
426 stroke="currentColor" 431 stroke="currentColor"
427 > 432 >
428 <path 433 <path
429 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 434 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
430 ></path> 435 ></path>
431 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 436 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
432 </svg> 437 </svg>
433 <span class="ml-4">Статистика</span> 438 <span class="ml-4">Статистика</span>
434 </a> 439 </a>
435 </li> 440 </li>
436 @endif 441 @endif
437 @endif 442 @endif
438 443
439 @if ($cont->url_page == "admin/answers") 444 @if ($cont->url_page == "admin/answers")
440 @if ((($cont->is_admin == 1) && ($admin == 1)) || 445 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
441 (($cont->is_manager == 1) && ($is_manager == 1))) 446 (($cont->is_manager == 1) && ($is_manager == 1)))
442 <li class="relative px-6 py-3"> 447 <li class="relative px-6 py-3">
443 <a 448 <a
444 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.answers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.answers') }}" 449 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.answers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.answers') }}"
445 > 450 >
446 <svg 451 <svg
447 class="w-5 h-5" 452 class="w-5 h-5"
448 aria-hidden="true" 453 aria-hidden="true"
449 fill="none" 454 fill="none"
450 stroke-linecap="round" 455 stroke-linecap="round"
451 stroke-linejoin="round" 456 stroke-linejoin="round"
452 stroke-width="2" 457 stroke-width="2"
453 viewBox="0 0 24 24" 458 viewBox="0 0 24 24"
454 stroke="currentColor" 459 stroke="currentColor"
455 > 460 >
456 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 461 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
457 </svg> 462 </svg>
458 <span class="ml-4">Модерация</span> 463 <span class="ml-4">Модерация</span>
459 </a> 464 </a>
460 </li> 465 </li>
461 @endif 466 @endif
462 @endif 467 @endif
463 468
464 @if ($cont->url_page == "admin/reclames") 469 @if ($cont->url_page == "admin/reclames")
465 @if ((($cont->is_admin == 1) && ($admin == 1)) || 470 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
466 (($cont->is_manager == 1) && ($is_manager == 1))) 471 (($cont->is_manager == 1) && ($is_manager == 1)))
467 <li class="relative px-6 py-3"> 472 <li class="relative px-6 py-3">
468 <a 473 <a
469 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" 474 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}"
470 > 475 >
471 <svg 476 <svg
472 class="w-5 h-5" 477 class="w-5 h-5"
473 aria-hidden="true" 478 aria-hidden="true"
474 fill="none" 479 fill="none"
475 stroke-linecap="round" 480 stroke-linecap="round"
476 stroke-linejoin="round" 481 stroke-linejoin="round"
477 stroke-width="2" 482 stroke-width="2"
478 viewBox="0 0 24 24" 483 viewBox="0 0 24 24"
479 stroke="currentColor" 484 stroke="currentColor"
480 > 485 >
481 <path 486 <path
482 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 487 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
483 ></path> 488 ></path>
484 </svg> 489 </svg>
485 <span class="ml-4">Реклама</span> 490 <span class="ml-4">Реклама</span>
486 </a> 491 </a>
487 </li> 492 </li>
488 @endif 493 @endif
489 @endif 494 @endif
490 @endforeach 495 @endforeach
491 496
492 497
493 <li class="relative px-6 py-3"> 498 <li class="relative px-6 py-3">
494 <a 499 <a
495 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.news_admin') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.news_admin') }}" 500 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.news_admin') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.news_admin') }}"
496 > 501 >
497 <svg 502 <svg
498 class="w-5 h-5" 503 class="w-5 h-5"
499 aria-hidden="true" 504 aria-hidden="true"
500 fill="none" 505 fill="none"
501 stroke-linecap="round" 506 stroke-linecap="round"
502 stroke-linejoin="round" 507 stroke-linejoin="round"
503 stroke-width="2" 508 stroke-width="2"
504 viewBox="0 0 24 24" 509 viewBox="0 0 24 24"
505 stroke="currentColor" 510 stroke="currentColor"
506 > 511 >
507 <path 512 <path
508 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 513 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
509 ></path> 514 ></path>
510 </svg> 515 </svg>
511 <span class="ml-4">Новости</span> 516 <span class="ml-4">Новости</span>
512 </a> 517 </a>
513 </li> 518 </li>
514 <!-- Справочники --> 519 <!-- Справочники -->
515 520
516 <li class="relative px-6 py-3" x-data="{ open1: false }"> 521 <li class="relative px-6 py-3" x-data="{ open1: false }">
517 <button 522 <button
518 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 523 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
519 @click="open1=!open1" 524 @click="open1=!open1"
520 aria-haspopup="true"> 525 aria-haspopup="true">
521 <span class="inline-flex items-center"> 526 <span class="inline-flex items-center">
522 <svg 527 <svg
523 class="w-5 h-5" 528 class="w-5 h-5"
524 aria-hidden="true" 529 aria-hidden="true"
525 fill="none" 530 fill="none"
526 stroke-linecap="round" 531 stroke-linecap="round"
527 stroke-linejoin="round" 532 stroke-linejoin="round"
528 stroke-width="2" 533 stroke-width="2"
529 viewBox="0 0 24 24" 534 viewBox="0 0 24 24"
530 stroke="currentColor"> 535 stroke="currentColor">
531 <path 536 <path
532 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 537 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
533 ></path> 538 ></path>
534 </svg> 539 </svg>
535 <span class="ml-4">Справочники</span> 540 <span class="ml-4">Справочники</span>
536 </span> 541 </span>
537 <svg 542 <svg
538 class="w-4 h-4" 543 class="w-4 h-4"
539 aria-hidden="true" 544 aria-hidden="true"
540 fill="currentColor" 545 fill="currentColor"
541 viewBox="0 0 20 20" 546 viewBox="0 0 20 20"
542 > 547 >
543 <path 548 <path
544 fill-rule="evenodd" 549 fill-rule="evenodd"
545 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 550 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
546 clip-rule="evenodd" 551 clip-rule="evenodd"
547 ></path> 552 ></path>
548 </svg> 553 </svg>
549 </button> 554 </button>
550 <template x-if="open1"> 555 <template x-if="open1">
551 <ul 556 <ul
552 x-transition:enter="transition-all ease-in-out duration-300" 557 x-transition:enter="transition-all ease-in-out duration-300"
553 x-transition:enter-start="opacity-25 max-h-0" 558 x-transition:enter-start="opacity-25 max-h-0"
554 x-transition:enter-end="opacity-100 max-h-xl" 559 x-transition:enter-end="opacity-100 max-h-xl"
555 x-transition:leave="transition-all ease-in-out duration-300" 560 x-transition:leave="transition-all ease-in-out duration-300"
556 x-transition:leave-start="opacity-100 max-h-xl" 561 x-transition:leave-start="opacity-100 max-h-xl"
557 x-transition:leave-end="opacity-0 max-h-0" 562 x-transition:leave-end="opacity-0 max-h-0"
558 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 563 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
559 aria-label="submenu" 564 aria-label="submenu"
560 > 565 >
561 @foreach ($contents as $cont) 566 @foreach ($contents as $cont)
562 @if ($cont->url_page == "admin/job-titles") 567 @if ($cont->url_page == "admin/job-titles")
563 @if ((($cont->is_admin == 1) && ($admin == 1)) || 568 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
564 (($cont->is_manager == 1) && ($is_manager == 1))) 569 (($cont->is_manager == 1) && ($is_manager == 1)))
565 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> 570 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}">
566 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> 571 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a>
567 </li> 572 </li>
568 @endif 573 @endif
569 @endif 574 @endif
570 575
571 @if ($cont->url_page == "admin/categories") 576 @if ($cont->url_page == "admin/categories")
572 @if ((($cont->is_admin == 1) && ($admin == 1)) || 577 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
573 (($cont->is_manager == 1) && ($is_manager == 1))) 578 (($cont->is_manager == 1) && ($is_manager == 1)))
574 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> 579 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}">
575 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> 580 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a>
576 </li> 581 </li>
577 @endif 582 @endif
578 @endif 583 @endif
579 584
580 @if ($cont->url_page == "admin/category-emp") 585 @if ($cont->url_page == "admin/category-emp")
581 @if ((($cont->is_admin == 1) && ($admin == 1)) || 586 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
582 (($cont->is_manager == 1) && ($is_manager == 1))) 587 (($cont->is_manager == 1) && ($is_manager == 1)))
583 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> 588 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}">
584 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> 589 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a>
585 </li> 590 </li>
586 @endif 591 @endif
587 @endif 592 @endif
588 593
589 @if ($cont->url_page == "admin/infobloks") 594 @if ($cont->url_page == "admin/infobloks")
590 @if ((($cont->is_admin == 1) && ($admin == 1)) || 595 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
591 (($cont->is_manager == 1) && ($is_manager == 1))) 596 (($cont->is_manager == 1) && ($is_manager == 1)))
592 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> 597 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}">
593 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> 598 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a>
594 </li> 599 </li>
595 @endif 600 @endif
596 @endif 601 @endif
597 @endforeach 602 @endforeach
598 <!--<li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.position') ? 'dark:text-gray-100' : null }}"> 603 <!--<li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.position') ? 'dark:text-gray-100' : null }}">
599 <a class="w-full" href=" route('admin.position') }}">Позиция</a> 604 <a class="w-full" href=" route('admin.position') }}">Позиция</a>
600 </li>--> 605 </li>-->
601 </ul> 606 </ul>
602 </template> 607 </template>
603 </li> 608 </li>
604 609
605 <!-- Редактор --> 610 <!-- Редактор -->
606 <li class="relative px-6 py-3"> 611 <li class="relative px-6 py-3">
607 <button 612 <button
608 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 613 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
609 @click="togglePagesMenu" 614 @click="togglePagesMenu"
610 aria-haspopup="true"> 615 aria-haspopup="true">
611 <span class="inline-flex items-center"> 616 <span class="inline-flex items-center">
612 <svg 617 <svg
613 class="w-5 h-5" 618 class="w-5 h-5"
614 aria-hidden="true" 619 aria-hidden="true"
615 fill="none" 620 fill="none"
616 stroke-linecap="round" 621 stroke-linecap="round"
617 stroke-linejoin="round" 622 stroke-linejoin="round"
618 stroke-width="2" 623 stroke-width="2"
619 viewBox="0 0 24 24" 624 viewBox="0 0 24 24"
620 stroke="currentColor"> 625 stroke="currentColor">
621 <path 626 <path
622 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 627 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
623 ></path> 628 ></path>
624 </svg> 629 </svg>
625 <span class="ml-4">Редактор</span> 630 <span class="ml-4">Редактор</span>
626 </span> 631 </span>
627 <svg 632 <svg
628 class="w-4 h-4" 633 class="w-4 h-4"
629 aria-hidden="true" 634 aria-hidden="true"
630 fill="currentColor" 635 fill="currentColor"
631 viewBox="0 0 20 20" 636 viewBox="0 0 20 20"
632 > 637 >
633 <path 638 <path
634 fill-rule="evenodd" 639 fill-rule="evenodd"
635 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 640 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
636 clip-rule="evenodd" 641 clip-rule="evenodd"
637 ></path> 642 ></path>
638 </svg> 643 </svg>
639 </button> 644 </button>
640 <template x-if="isPagesMenuOpen"> 645 <template x-if="isPagesMenuOpen">
641 <ul 646 <ul
642 x-transition:enter="transition-all ease-in-out duration-300" 647 x-transition:enter="transition-all ease-in-out duration-300"
643 x-transition:enter-start="opacity-25 max-h-0" 648 x-transition:enter-start="opacity-25 max-h-0"
644 x-transition:enter-end="opacity-100 max-h-xl" 649 x-transition:enter-end="opacity-100 max-h-xl"
645 x-transition:leave="transition-all ease-in-out duration-300" 650 x-transition:leave="transition-all ease-in-out duration-300"
646 x-transition:leave-start="opacity-100 max-h-xl" 651 x-transition:leave-start="opacity-100 max-h-xl"
647 x-transition:leave-end="opacity-0 max-h-0" 652 x-transition:leave-end="opacity-0 max-h-0"
648 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 653 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
649 aria-label="submenu" 654 aria-label="submenu"
650 > 655 >
651 @foreach ($contents as $cont) 656 @foreach ($contents as $cont)
652 @if ($cont->url_page == "admin/editor-site") 657 @if ($cont->url_page == "admin/editor-site")
653 @if ((($cont->is_admin == 1) && ($admin == 1)) || 658 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
654 (($cont->is_manager == 1) && ($is_manager == 1))) 659 (($cont->is_manager == 1) && ($is_manager == 1)))
655 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> 660 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}">
656 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> 661 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a>
657 </li> 662 </li>
658 @endif 663 @endif
659 @endif 664 @endif
660 665
661 @if ($cont->url_page == "admin/edit-blocks") 666 @if ($cont->url_page == "admin/edit-blocks")
662 @if ((($cont->is_admin == 1) && ($admin == 1)) || 667 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
663 (($cont->is_manager == 1) && ($is_manager == 1))) 668 (($cont->is_manager == 1) && ($is_manager == 1)))
664 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> 669 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}">
665 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> 670 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a>
666 </li> 671 </li>
667 @endif 672 @endif
668 @endif 673 @endif
669 674
670 @if ($cont->url_page == "admin/editor-seo") 675 @if ($cont->url_page == "admin/editor-seo")
671 @if ((($cont->is_admin == 1) && ($admin == 1)) || 676 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
672 (($cont->is_manager == 1) && ($is_manager == 1))) 677 (($cont->is_manager == 1) && ($is_manager == 1)))
673 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> 678 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}">
674 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> 679 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a>
675 </li> 680 </li>
676 @endif 681 @endif
677 @endif 682 @endif
678 683
679 @if ($cont->url_page == "admin/editor-pages") 684 @if ($cont->url_page == "admin/editor-pages")
680 @if ((($cont->is_admin == 1) && ($admin == 1)) || 685 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
681 (($cont->is_manager == 1) && ($is_manager == 1))) 686 (($cont->is_manager == 1) && ($is_manager == 1)))
682 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> 687 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}">
683 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> 688 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a>
684 </li> 689 </li>
685 @endif 690 @endif
686 @endif 691 @endif
687 692
688 @if ($cont->url_page == "admin/job-titles-main") 693 @if ($cont->url_page == "admin/job-titles-main")
689 @if ((($cont->is_admin == 1) && ($admin == 1)) || 694 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
690 (($cont->is_manager == 1) && ($is_manager == 1))) 695 (($cont->is_manager == 1) && ($is_manager == 1)))
691 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> 696 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}">
692 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> 697 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a>
693 </li> 698 </li>
694 @endif 699 @endif
695 @endif 700 @endif
696 701
697 @if ($cont->url_page == "admin/job-titles-main") 702 @if ($cont->url_page == "admin/job-titles-main")
698 @if ((($cont->is_admin == 1) && ($admin == 1)) || 703 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
699 (($cont->is_manager == 1) && ($is_manager == 1))) 704 (($cont->is_manager == 1) && ($is_manager == 1)))
700 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.counters-main') ? 'dark:text-gray-100' : null }}"> 705 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.counters-main') ? 'dark:text-gray-100' : null }}">
701 <a class="w-full" href="{{ route('admin.counters-main') }}">Счетчики на главной</a> 706 <a class="w-full" href="{{ route('admin.counters-main') }}">Счетчики на главной</a>
702 </li> 707 </li>
703 @endif 708 @endif
704 @endif 709 @endif
705 710
706 @if ($cont->url_page == "admin/employers-main") 711 @if ($cont->url_page == "admin/employers-main")
707 @if ((($cont->is_admin == 1) && ($admin == 1)) || 712 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
708 (($cont->is_manager == 1) && ($is_manager == 1))) 713 (($cont->is_manager == 1) && ($is_manager == 1)))
709 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> 714 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}">
710 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> 715 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a>
711 </li> 716 </li>
712 @endif 717 @endif
713 @endif 718 @endif
714 719
715 @endforeach 720 @endforeach
716 </ul> 721 </ul>
717 </template> 722 </template>
718 </li> 723 </li>
719 </ul> 724 </ul>
720 725
721 <!--<div class="px-6 my-6"> 726 <!--<div class="px-6 my-6">
722 <button 727 <button
723 class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" 728 class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
724 > 729 >
725 Create account 730 Create account
726 <span class="ml-2" aria-hidden="true">+</span> 731 <span class="ml-2" aria-hidden="true">+</span>
727 </button> 732 </button>
728 </div>--> 733 </div>-->
729 </div> 734 </div>
730 </aside> 735 </aside>
731 <!-- Mobile sidebar --> 736 <!-- Mobile sidebar -->
732 <!-- Backdrop --> 737 <!-- Backdrop -->
733 <div 738 <div
734 x-show="isSideMenuOpen" 739 x-show="isSideMenuOpen"
735 x-transition:enter="transition ease-in-out duration-150" 740 x-transition:enter="transition ease-in-out duration-150"
736 x-transition:enter-start="opacity-0" 741 x-transition:enter-start="opacity-0"
737 x-transition:enter-end="opacity-100" 742 x-transition:enter-end="opacity-100"
738 x-transition:leave="transition ease-in-out duration-150" 743 x-transition:leave="transition ease-in-out duration-150"
739 x-transition:leave-start="opacity-100" 744 x-transition:leave-start="opacity-100"
740 x-transition:leave-end="opacity-0" 745 x-transition:leave-end="opacity-0"
741 class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center" 746 class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center"
742 ></div> 747 ></div>
743 <aside 748 <aside
744 class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden" 749 class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden"
745 x-show="isSideMenuOpen" 750 x-show="isSideMenuOpen"
746 x-transition:enter="transition ease-in-out duration-150" 751 x-transition:enter="transition ease-in-out duration-150"
747 x-transition:enter-start="opacity-0 transform -translate-x-20" 752 x-transition:enter-start="opacity-0 transform -translate-x-20"
748 x-transition:enter-end="opacity-100" 753 x-transition:enter-end="opacity-100"
749 x-transition:leave="transition ease-in-out duration-150" 754 x-transition:leave="transition ease-in-out duration-150"
750 x-transition:leave-start="opacity-100" 755 x-transition:leave-start="opacity-100"
751 x-transition:leave-end="opacity-0 transform -translate-x-20" 756 x-transition:leave-end="opacity-0 transform -translate-x-20"
752 @click.away="closeSideMenu" 757 @click.away="closeSideMenu"
753 @keydown.escape="closeSideMenu" 758 @keydown.escape="closeSideMenu"
754 > 759 >
755 <div class="py-4 text-gray-500 dark:text-gray-400"> 760 <div class="py-4 text-gray-500 dark:text-gray-400">
756 <a 761 <a
757 class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" 762 class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
758 href="{{ route('admin.index') }}" 763 href="{{ route('admin.index') }}"
759 > 764 >
760 Админка 765 Админка
761 </a> 766 </a>
762 <ul class="mt-6"> 767 <ul class="mt-6">
763 <li class="relative px-6 py-3"> 768 <li class="relative px-6 py-3">
764 <span 769 <span
765 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" 770 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
766 aria-hidden="true" 771 aria-hidden="true"
767 ></span> 772 ></span>
768 <a 773 <a
769 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}" 774 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}"
770 > 775 >
771 <svg 776 <svg
772 class="w-5 h-5" 777 class="w-5 h-5"
773 aria-hidden="true" 778 aria-hidden="true"
774 fill="none" 779 fill="none"
775 stroke-linecap="round" 780 stroke-linecap="round"
776 stroke-linejoin="round" 781 stroke-linejoin="round"
777 stroke-width="2" 782 stroke-width="2"
778 viewBox="0 0 24 24" 783 viewBox="0 0 24 24"
779 stroke="currentColor" 784 stroke="currentColor"
780 > 785 >
781 <path 786 <path
782 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" 787 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
783 ></path> 788 ></path>
784 </svg> 789 </svg>
785 <span class="ml-4">Главная страница</span> 790 <span class="ml-4">Главная страница</span>
786 </a> 791 </a>
787 </li> 792 </li>
788 </ul> 793 </ul>
789 <ul> 794 <ul>
790 @foreach ($contents as $cont) 795 @foreach ($contents as $cont)
791 @if ($cont->url_page == "admin/users") 796 @if ($cont->url_page == "admin/users")
792 @if ((($cont->is_admin == 1) && ($admin == 1)) || 797 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
793 (($cont->is_manager == 1) && ($is_manager == 1))) 798 (($cont->is_manager == 1) && ($is_manager == 1)))
794 <li class="relative px-6 py-3"> 799 <li class="relative px-6 py-3">
795 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.users') }}"> 800 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.users') }}">
796 <svg 801 <svg
797 class="w-5 h-5" 802 class="w-5 h-5"
798 aria-hidden="true" 803 aria-hidden="true"
799 fill="none" 804 fill="none"
800 stroke-linecap="round" 805 stroke-linecap="round"
801 stroke-linejoin="round" 806 stroke-linejoin="round"
802 stroke-width="2" 807 stroke-width="2"
803 viewBox="0 0 24 24" 808 viewBox="0 0 24 24"
804 stroke="currentColor" 809 stroke="currentColor"
805 > 810 >
806 <path 811 <path
807 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 812 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
808 ></path> 813 ></path>
809 </svg> 814 </svg>
810 <span class="ml-4">Пользователи</span> 815 <span class="ml-4">Пользователи</span>
811 </a> 816 </a>
812 </li> 817 </li>
813 @endif 818 @endif
814 @endif 819 @endif
815 820
816 @if ($cont->url_page == "admin/admin-users") 821 @if ($cont->url_page == "admin/admin-users")
817 @if ((($cont->is_admin == 1) && ($admin == 1)) || 822 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
818 (($cont->is_manager == 1) && ($is_manager == 1))) 823 (($cont->is_manager == 1) && ($is_manager == 1)))
819 <li class="relative px-6 py-3"> 824 <li class="relative px-6 py-3">
820 <a 825 <a
821 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" 826 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}"
822 > 827 >
823 <svg 828 <svg
824 class="w-5 h-5" 829 class="w-5 h-5"
825 aria-hidden="true" 830 aria-hidden="true"
826 fill="none" 831 fill="none"
827 stroke-linecap="round" 832 stroke-linecap="round"
828 stroke-linejoin="round" 833 stroke-linejoin="round"
829 stroke-width="2" 834 stroke-width="2"
830 viewBox="0 0 24 24" 835 viewBox="0 0 24 24"
831 stroke="currentColor" 836 stroke="currentColor"
832 > 837 >
833 <path 838 <path
834 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 839 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
835 ></path> 840 ></path>
836 </svg> 841 </svg>
837 <span class="ml-4">Администраторы</span> 842 <span class="ml-4">Администраторы</span>
838 </a> 843 </a>
839 </li> 844 </li>
840 @endif 845 @endif
841 @endif 846 @endif
842 847
843 @if ($cont->url_page == "admin/employers") 848 @if ($cont->url_page == "admin/employers")
844 @if ((($cont->is_admin == 1) && ($admin == 1)) || 849 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
845 (($cont->is_manager == 1) && ($is_manager == 1))) 850 (($cont->is_manager == 1) && ($is_manager == 1)))
846 <li class="relative px-6 py-3"> 851 <li class="relative px-6 py-3">
847 <a 852 <a
848 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" 853 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}"
849 > 854 >
850 <svg 855 <svg
851 class="w-5 h-5" 856 class="w-5 h-5"
852 aria-hidden="true" 857 aria-hidden="true"
853 fill="none" 858 fill="none"
854 stroke-linecap="round" 859 stroke-linecap="round"
855 stroke-linejoin="round" 860 stroke-linejoin="round"
856 stroke-width="2" 861 stroke-width="2"
857 viewBox="0 0 24 24" 862 viewBox="0 0 24 24"
858 stroke="currentColor" 863 stroke="currentColor"
859 > 864 >
860 <path 865 <path
861 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 866 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
862 ></path> 867 ></path>
863 </svg> 868 </svg>
864 <span class="ml-4">Работодатели</span> 869 <span class="ml-4">Работодатели</span>
865 </a> 870 </a>
866 </li> 871 </li>
867 @endif 872 @endif
868 @endif 873 @endif
869 874
870 @if ($cont->url_page == "admin/workers") 875 @if ($cont->url_page == "admin/workers")
871 @if ((($cont->is_admin == 1) && ($admin == 1)) || 876 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
872 (($cont->is_manager == 1) && ($is_manager == 1))) 877 (($cont->is_manager == 1) && ($is_manager == 1)))
873 <li class="relative px-6 py-3"> 878 <li class="relative px-6 py-3">
874 <a 879 <a
875 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" 880 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}"
876 > 881 >
877 <svg 882 <svg
878 class="w-5 h-5" 883 class="w-5 h-5"
879 aria-hidden="true" 884 aria-hidden="true"
880 fill="none" 885 fill="none"
881 stroke-linecap="round" 886 stroke-linecap="round"
882 stroke-linejoin="round" 887 stroke-linejoin="round"
883 stroke-width="2" 888 stroke-width="2"
884 viewBox="0 0 24 24" 889 viewBox="0 0 24 24"
885 stroke="currentColor" 890 stroke="currentColor"
886 > 891 >
887 <path 892 <path
888 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 893 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
889 ></path> 894 ></path>
890 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 895 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
891 </svg> 896 </svg>
892 <span class="ml-4">Соискатели</span> 897 <span class="ml-4">Соискатели</span>
893 </a> 898 </a>
894 </li> 899 </li>
895 @endif 900 @endif
896 @endif 901 @endif
897 902
898 @if ($cont->url_page == "admin/ad-employers") 903 @if ($cont->url_page == "admin/ad-employers")
899 @if ((($cont->is_admin == 1) && ($admin == 1)) || 904 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
900 (($cont->is_manager == 1) && ($is_manager == 1))) 905 (($cont->is_manager == 1) && ($is_manager == 1)))
901 <li class="relative px-6 py-3"> 906 <li class="relative px-6 py-3">
902 <a 907 <a
903 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" 908 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}"
904 > 909 >
905 <svg 910 <svg
906 class="w-5 h-5" 911 class="w-5 h-5"
907 aria-hidden="true" 912 aria-hidden="true"
908 fill="none" 913 fill="none"
909 stroke-linecap="round" 914 stroke-linecap="round"
910 stroke-linejoin="round" 915 stroke-linejoin="round"
911 stroke-width="2" 916 stroke-width="2"
912 viewBox="0 0 24 24" 917 viewBox="0 0 24 24"
913 stroke="currentColor" 918 stroke="currentColor"
914 > 919 >
915 <path 920 <path
916 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 921 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
917 ></path> 922 ></path>
918 </svg> 923 </svg>
919 <span class="ml-4">Вакансии</span> 924 <span class="ml-4">Вакансии</span>
920 </a> 925 </a>
921 </li> 926 </li>
922 @endif 927 @endif
923 @endif 928 @endif
924 929
925 @if ($cont->url_page == "admin/messages") 930 @if ($cont->url_page == "admin/messages")
926 @if ((($cont->is_admin == 1) && ($admin == 1)) || 931 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
927 (($cont->is_manager == 1) && ($is_manager == 1))) 932 (($cont->is_manager == 1) && ($is_manager == 1)))
928 <li class="relative px-6 py-3"> 933 <li class="relative px-6 py-3">
929 <a 934 <a
930 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 935 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
931 > 936 >
932 <svg 937 <svg
933 class="w-5 h-5" 938 class="w-5 h-5"
934 aria-hidden="true" 939 aria-hidden="true"
935 fill="none" 940 fill="none"
936 stroke-linecap="round" 941 stroke-linecap="round"
937 stroke-linejoin="round" 942 stroke-linejoin="round"
938 stroke-width="2" 943 stroke-width="2"
939 viewBox="0 0 24 24" 944 viewBox="0 0 24 24"
940 stroke="currentColor" 945 stroke="currentColor"
941 > 946 >
942 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 947 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
943 </svg> 948 </svg>
944 <span class="ml-4">Сообщения все</span> 949 <span class="ml-4">Сообщения все</span>
945 </a> 950 </a>
946 </li> 951 </li>
947 @endif 952 @endif
948 @endif 953 @endif
949 954
950 @if ($cont->url_page == "admin/admin-messages") 955 @if ($cont->url_page == "admin/admin-messages")
951 @if ((($cont->is_admin == 1) && ($admin == 1)) || 956 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
952 (($cont->is_manager == 1) && ($is_manager == 1))) 957 (($cont->is_manager == 1) && ($is_manager == 1)))
953 <li class="relative px-6 py-3"> 958 <li class="relative px-6 py-3">
954 <a 959 <a
955 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" 960 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}"
956 > 961 >
957 <svg 962 <svg
958 class="w-5 h-5" 963 class="w-5 h-5"
959 aria-hidden="true" 964 aria-hidden="true"
960 fill="none" 965 fill="none"
961 stroke-linecap="round" 966 stroke-linecap="round"
962 stroke-linejoin="round" 967 stroke-linejoin="round"
963 stroke-width="2" 968 stroke-width="2"
964 viewBox="0 0 24 24" 969 viewBox="0 0 24 24"
965 stroke="currentColor" 970 stroke="currentColor"
966 > 971 >
967 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 972 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
968 </svg> 973 </svg>
969 <span class="ml-4">Заявки на рассылку</span> 974 <span class="ml-4">Заявки на рассылку</span>
970 </a> 975 </a>
971 </li> 976 </li>
972 @endif 977 @endif
973 @endif 978 @endif
974 979
975 @if ($cont->url_page == "admin/groups") 980 @if ($cont->url_page == "admin/groups")
976 @if ((($cont->is_admin == 1) && ($admin == 1)) || 981 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
977 (($cont->is_manager == 1) && ($is_manager == 1))) 982 (($cont->is_manager == 1) && ($is_manager == 1)))
978 <li class="relative px-6 py-3"> 983 <li class="relative px-6 py-3">
979 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}"> 984 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}">
980 <svg 985 <svg
981 class="w-5 h-5" 986 class="w-5 h-5"
982 aria-hidden="true" 987 aria-hidden="true"
983 fill="none" 988 fill="none"
984 stroke-linecap="round" 989 stroke-linecap="round"
985 stroke-linejoin="round" 990 stroke-linejoin="round"
986 stroke-width="2" 991 stroke-width="2"
987 viewBox="0 0 24 24" 992 viewBox="0 0 24 24"
988 stroke="currentColor" 993 stroke="currentColor"
989 > 994 >
990 <path 995 <path
991 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 996 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
992 ></path> 997 ></path>
993 </svg> 998 </svg>
994 <span class="ml-4">Группы пользователей</span> 999 <span class="ml-4">Группы пользователей</span>
995 </a> 1000 </a>
996 </li> 1001 </li>
997 @endif 1002 @endif
998 @endif 1003 @endif
999 1004
1000 @if ($cont->url_page == "admin/media") 1005 @if ($cont->url_page == "admin/media")
1001 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1006 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1002 (($cont->is_manager == 1) && ($is_manager == 1))) 1007 (($cont->is_manager == 1) && ($is_manager == 1)))
1003 <li class="relative px-6 py-3"> 1008 <li class="relative px-6 py-3">
1004 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> 1009 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}">
1005 <svg 1010 <svg
1006 class="w-5 h-5" 1011 class="w-5 h-5"
1007 aria-hidden="true" 1012 aria-hidden="true"
1008 fill="none" 1013 fill="none"
1009 stroke-linecap="round" 1014 stroke-linecap="round"
1010 stroke-linejoin="round" 1015 stroke-linejoin="round"
1011 stroke-width="2" 1016 stroke-width="2"
1012 viewBox="0 0 24 24" 1017 viewBox="0 0 24 24"
1013 stroke="currentColor" 1018 stroke="currentColor"
1014 > 1019 >
1015 <path 1020 <path
1016 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 1021 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
1017 ></path> 1022 ></path>
1018 </svg> 1023 </svg>
1019 <span class="ml-4">Медиа</span> 1024 <span class="ml-4">Медиа</span>
1020 </a> 1025 </a>
1021 </li> 1026 </li>
1022 @endif 1027 @endif
1023 @endif 1028 @endif
1024 1029
1025 @if ($cont->url_page == "admin/roles") 1030 @if ($cont->url_page == "admin/roles")
1026 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1031 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1027 (($cont->is_manager == 1) && ($is_manager == 1))) 1032 (($cont->is_manager == 1) && ($is_manager == 1)))
1028 1033
1029 <li class="relative px-6 py-3"> 1034 <li class="relative px-6 py-3">
1030 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> 1035 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}">
1031 <svg 1036 <svg
1032 class="w-5 h-5" 1037 class="w-5 h-5"
1033 aria-hidden="true" 1038 aria-hidden="true"
1034 fill="none" 1039 fill="none"
1035 stroke-linecap="round" 1040 stroke-linecap="round"
1036 stroke-linejoin="round" 1041 stroke-linejoin="round"
1037 stroke-width="2" 1042 stroke-width="2"
1038 viewBox="0 0 24 24" 1043 viewBox="0 0 24 24"
1039 stroke="currentColor" 1044 stroke="currentColor"
1040 > 1045 >
1041 <path 1046 <path
1042 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 1047 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
1043 ></path> 1048 ></path>
1044 </svg> 1049 </svg>
1045 <span class="ml-4">Роли пользователей</span> 1050 <span class="ml-4">Роли пользователей</span>
1046 </a> 1051 </a>
1047 </li> 1052 </li>
1048 @endif 1053 @endif
1049 @endif 1054 @endif
1050 1055
1051 @if ($cont->url_page == "admin/basedata") 1056 @if ($cont->url_page == "admin/basedata")
1052 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1057 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1053 (($cont->is_manager == 1) && ($is_manager == 1))) 1058 (($cont->is_manager == 1) && ($is_manager == 1)))
1054 <li class="relative px-6 py-3"> 1059 <li class="relative px-6 py-3">
1055 <a 1060 <a
1056 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" 1061 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}"
1057 > 1062 >
1058 <svg 1063 <svg
1059 class="w-5 h-5" 1064 class="w-5 h-5"
1060 aria-hidden="true" 1065 aria-hidden="true"
1061 fill="none" 1066 fill="none"
1062 stroke-linecap="round" 1067 stroke-linecap="round"
1063 stroke-linejoin="round" 1068 stroke-linejoin="round"
1064 stroke-width="2" 1069 stroke-width="2"
1065 viewBox="0 0 24 24" 1070 viewBox="0 0 24 24"
1066 stroke="currentColor" 1071 stroke="currentColor"
1067 > 1072 >
1068 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 1073 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
1069 </svg> 1074 </svg>
1070 <span class="ml-4">Базы данных</span> 1075 <span class="ml-4">Базы данных</span>
1071 </a> 1076 </a>
1072 </li> 1077 </li>
1073 @endif 1078 @endif
1074 @endif 1079 @endif
1075 1080
1076 @if ($cont->url_page == "admin/education") 1081 @if ($cont->url_page == "admin/education")
1077 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1082 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1078 (($cont->is_manager == 1) && ($is_manager == 1))) 1083 (($cont->is_manager == 1) && ($is_manager == 1)))
1079 <li class="relative px-6 py-3"> 1084 <li class="relative px-6 py-3">
1080 <a 1085 <a
1081 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" 1086 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}"
1082 > 1087 >
1083 <svg 1088 <svg
1084 class="w-5 h-5" 1089 class="w-5 h-5"
1085 aria-hidden="true" 1090 aria-hidden="true"
1086 fill="none" 1091 fill="none"
1087 stroke-linecap="round" 1092 stroke-linecap="round"
1088 stroke-linejoin="round" 1093 stroke-linejoin="round"
1089 stroke-width="2" 1094 stroke-width="2"
1090 viewBox="0 0 24 24" 1095 viewBox="0 0 24 24"
1091 stroke="currentColor" 1096 stroke="currentColor"
1092 > 1097 >
1093 <path 1098 <path
1094 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 1099 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
1095 ></path> 1100 ></path>
1096 </svg> 1101 </svg>
1097 <span class="ml-4">Учебн.заведения</span> 1102 <span class="ml-4">Учебн.заведения</span>
1098 </a> 1103 </a>
1099 </li> 1104 </li>
1100 @endif 1105 @endif
1101 @endif 1106 @endif
1102 1107
1103 @if ($cont->url_page == "admin/statics") 1108 @if ($cont->url_page == "admin/statics")
1104 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1109 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1105 (($cont->is_manager == 1) && ($is_manager == 1))) 1110 (($cont->is_manager == 1) && ($is_manager == 1)))
1106 <li class="relative px-6 py-3"> 1111 <li class="relative px-6 py-3">
1107 <a 1112 <a
1108 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" 1113 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}"
1109 > 1114 >
1110 <svg 1115 <svg
1111 class="w-5 h-5" 1116 class="w-5 h-5"
1112 aria-hidden="true" 1117 aria-hidden="true"
1113 fill="none" 1118 fill="none"
1114 stroke-linecap="round" 1119 stroke-linecap="round"
1115 stroke-linejoin="round" 1120 stroke-linejoin="round"
1116 stroke-width="2" 1121 stroke-width="2"
1117 viewBox="0 0 24 24" 1122 viewBox="0 0 24 24"
1118 stroke="currentColor" 1123 stroke="currentColor"
1119 > 1124 >
1120 <path 1125 <path
1121 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 1126 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
1122 ></path> 1127 ></path>
1123 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 1128 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
1124 </svg> 1129 </svg>
1125 <span class="ml-4">Статистика</span> 1130 <span class="ml-4">Статистика</span>
1126 </a> 1131 </a>
1127 </li> 1132 </li>
1128 @endif 1133 @endif
1129 @endif 1134 @endif
1130 1135
1131 @if ($cont->url_page == "admin/messages") 1136 @if ($cont->url_page == "admin/messages")
1132 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1137 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1133 (($cont->is_manager == 1) && ($is_manager == 1))) 1138 (($cont->is_manager == 1) && ($is_manager == 1)))
1134 <li class="relative px-6 py-3"> 1139 <li class="relative px-6 py-3">
1135 <a 1140 <a
1136 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 1141 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
1137 > 1142 >
1138 <svg 1143 <svg
1139 class="w-5 h-5" 1144 class="w-5 h-5"
1140 aria-hidden="true" 1145 aria-hidden="true"
1141 fill="none" 1146 fill="none"
1142 stroke-linecap="round" 1147 stroke-linecap="round"
1143 stroke-linejoin="round" 1148 stroke-linejoin="round"
1144 stroke-width="2" 1149 stroke-width="2"
1145 viewBox="0 0 24 24" 1150 viewBox="0 0 24 24"
1146 stroke="currentColor" 1151 stroke="currentColor"
1147 > 1152 >
1148 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 1153 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
1149 </svg> 1154 </svg>
1150 <span class="ml-4">Сообщения все</span> 1155 <span class="ml-4">Сообщения все</span>
1151 </a> 1156 </a>
1152 </li> 1157 </li>
1153 @endif 1158 @endif
1154 @endif 1159 @endif
1155 1160
1156 @if ($cont->url_page == "admin/reclames") 1161 @if ($cont->url_page == "admin/reclames")
1157 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1162 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1158 (($cont->is_manager == 1) && ($is_manager == 1))) 1163 (($cont->is_manager == 1) && ($is_manager == 1)))
1159 <li class="relative px-6 py-3"> 1164 <li class="relative px-6 py-3">
1160 <a 1165 <a
1161 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" 1166 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}"
1162 > 1167 >
1163 <svg 1168 <svg
1164 class="w-5 h-5" 1169 class="w-5 h-5"
1165 aria-hidden="true" 1170 aria-hidden="true"
1166 fill="none" 1171 fill="none"
1167 stroke-linecap="round" 1172 stroke-linecap="round"
1168 stroke-linejoin="round" 1173 stroke-linejoin="round"
1169 stroke-width="2" 1174 stroke-width="2"
1170 viewBox="0 0 24 24" 1175 viewBox="0 0 24 24"
1171 stroke="currentColor" 1176 stroke="currentColor"
1172 > 1177 >
1173 <path 1178 <path
1174 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 1179 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
1175 ></path> 1180 ></path>
1176 </svg> 1181 </svg>
1177 <span class="ml-4">Реклама</span> 1182 <span class="ml-4">Реклама</span>
1178 </a> 1183 </a>
1179 </li> 1184 </li>
1180 @endif 1185 @endif
1181 @endif 1186 @endif
1182 @endforeach 1187 @endforeach
1183 1188
1184 <!-- Справочники --> 1189 <!-- Справочники -->
1185 <li class="relative px-6 py-3" x-data="{ open2: false }"> 1190 <li class="relative px-6 py-3" x-data="{ open2: false }">
1186 <button 1191 <button
1187 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 1192 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
1188 @click="open2=!open2" 1193 @click="open2=!open2"
1189 aria-haspopup="true"> 1194 aria-haspopup="true">
1190 <span class="inline-flex items-center"> 1195 <span class="inline-flex items-center">
1191 <svg 1196 <svg
1192 class="w-5 h-5" 1197 class="w-5 h-5"
1193 aria-hidden="true" 1198 aria-hidden="true"
1194 fill="none" 1199 fill="none"
1195 stroke-linecap="round" 1200 stroke-linecap="round"
1196 stroke-linejoin="round" 1201 stroke-linejoin="round"
1197 stroke-width="2" 1202 stroke-width="2"
1198 viewBox="0 0 24 24" 1203 viewBox="0 0 24 24"
1199 stroke="currentColor"> 1204 stroke="currentColor">
1200 <path 1205 <path
1201 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 1206 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
1202 ></path> 1207 ></path>
1203 </svg> 1208 </svg>
1204 <span class="ml-4">Справочники</span> 1209 <span class="ml-4">Справочники</span>
1205 </span> 1210 </span>
1206 <svg 1211 <svg
1207 class="w-4 h-4" 1212 class="w-4 h-4"
1208 aria-hidden="true" 1213 aria-hidden="true"
1209 fill="currentColor" 1214 fill="currentColor"
1210 viewBox="0 0 20 20" 1215 viewBox="0 0 20 20"
1211 > 1216 >
1212 <path 1217 <path
1213 fill-rule="evenodd" 1218 fill-rule="evenodd"
1214 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1219 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1215 clip-rule="evenodd" 1220 clip-rule="evenodd"
1216 ></path> 1221 ></path>
1217 </svg> 1222 </svg>
1218 </button> 1223 </button>
1219 <template x-if="open2"> 1224 <template x-if="open2">
1220 <ul 1225 <ul
1221 x-transition:enter="transition-all ease-in-out duration-300" 1226 x-transition:enter="transition-all ease-in-out duration-300"
1222 x-transition:enter-start="opacity-25 max-h-0" 1227 x-transition:enter-start="opacity-25 max-h-0"
1223 x-transition:enter-end="opacity-100 max-h-xl" 1228 x-transition:enter-end="opacity-100 max-h-xl"
1224 x-transition:leave="transition-all ease-in-out duration-300" 1229 x-transition:leave="transition-all ease-in-out duration-300"
1225 x-transition:leave-start="opacity-100 max-h-xl" 1230 x-transition:leave-start="opacity-100 max-h-xl"
1226 x-transition:leave-end="opacity-0 max-h-0" 1231 x-transition:leave-end="opacity-0 max-h-0"
1227 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 1232 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
1228 aria-label="submenu" 1233 aria-label="submenu"
1229 > 1234 >
1230 @foreach ($contents as $cont) 1235 @foreach ($contents as $cont)
1231 @if ($cont->url_page == "admin/job-titles") 1236 @if ($cont->url_page == "admin/job-titles")
1232 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1237 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1233 (($cont->is_manager == 1) && ($is_manager == 1))) 1238 (($cont->is_manager == 1) && ($is_manager == 1)))
1234 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> 1239 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}">
1235 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> 1240 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a>
1236 </li> 1241 </li>
1237 @endif 1242 @endif
1238 @endif 1243 @endif
1239 1244
1240 @if ($cont->url_page == "admin/categories") 1245 @if ($cont->url_page == "admin/categories")
1241 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1246 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1242 (($cont->is_manager == 1) && ($is_manager == 1))) 1247 (($cont->is_manager == 1) && ($is_manager == 1)))
1243 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> 1248 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}">
1244 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> 1249 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a>
1245 </li> 1250 </li>
1246 @endif 1251 @endif
1247 @endif 1252 @endif
1248 1253
1249 @if ($cont->url_page == "admin/category-emp") 1254 @if ($cont->url_page == "admin/category-emp")
1250 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1255 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1251 (($cont->is_manager == 1) && ($is_manager == 1))) 1256 (($cont->is_manager == 1) && ($is_manager == 1)))
1252 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> 1257 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}">
1253 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> 1258 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a>
1254 </li> 1259 </li>
1255 @endif 1260 @endif
1256 @endif 1261 @endif
1257 1262
1258 @if ($cont->url_page == "admin/infobloks") 1263 @if ($cont->url_page == "admin/infobloks")
1259 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1264 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1260 (($cont->is_manager == 1) && ($is_manager == 1))) 1265 (($cont->is_manager == 1) && ($is_manager == 1)))
1261 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> 1266 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}">
1262 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> 1267 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a>
1263 </li> 1268 </li>
1264 @endif 1269 @endif
1265 @endif 1270 @endif
1266 1271
1267 @if ($cont->url_page == "admin/position") 1272 @if ($cont->url_page == "admin/position")
1268 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1273 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1269 (($cont->is_manager == 1) && ($is_manager == 1))) 1274 (($cont->is_manager == 1) && ($is_manager == 1)))
1270 <!--<li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.position') ? 'dark:text-gray-100' : null }}"> 1275 <!--<li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.position') ? 'dark:text-gray-100' : null }}">
1271 <a class="w-full" href=" route('admin.position') }}">Позиция</a> 1276 <a class="w-full" href=" route('admin.position') }}">Позиция</a>
1272 </li>--> 1277 </li>-->
1273 @endif 1278 @endif
1274 @endif 1279 @endif
1275 1280
1276 @endforeach 1281 @endforeach
1277 </ul> 1282 </ul>
1278 </template> 1283 </template>
1279 </li> 1284 </li>
1280 1285
1281 <!-- Редактор --> 1286 <!-- Редактор -->
1282 <li class="relative px-6 py-3"> 1287 <li class="relative px-6 py-3">
1283 <button 1288 <button
1284 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 1289 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
1285 @click="togglePagesMenu" 1290 @click="togglePagesMenu"
1286 aria-haspopup="true" 1291 aria-haspopup="true"
1287 > 1292 >
1288 <span class="inline-flex items-center"> 1293 <span class="inline-flex items-center">
1289 <svg 1294 <svg
1290 class="w-5 h-5" 1295 class="w-5 h-5"
1291 aria-hidden="true" 1296 aria-hidden="true"
1292 fill="none" 1297 fill="none"
1293 stroke-linecap="round" 1298 stroke-linecap="round"
1294 stroke-linejoin="round" 1299 stroke-linejoin="round"
1295 stroke-width="2" 1300 stroke-width="2"
1296 viewBox="0 0 24 24" 1301 viewBox="0 0 24 24"
1297 stroke="currentColor" 1302 stroke="currentColor"
1298 > 1303 >
1299 <path 1304 <path
1300 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 1305 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
1301 ></path> 1306 ></path>
1302 </svg> 1307 </svg>
1303 <span class="ml-4">Редактор</span> 1308 <span class="ml-4">Редактор</span>
1304 </span> 1309 </span>
1305 <svg 1310 <svg
1306 class="w-4 h-4" 1311 class="w-4 h-4"
1307 aria-hidden="true" 1312 aria-hidden="true"
1308 fill="currentColor" 1313 fill="currentColor"
1309 viewBox="0 0 20 20" 1314 viewBox="0 0 20 20"
1310 > 1315 >
1311 <path 1316 <path
1312 fill-rule="evenodd" 1317 fill-rule="evenodd"
1313 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1318 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1314 clip-rule="evenodd" 1319 clip-rule="evenodd"
1315 ></path> 1320 ></path>
1316 </svg> 1321 </svg>
1317 </button> 1322 </button>
1318 <template x-if="isPagesMenuOpen"> 1323 <template x-if="isPagesMenuOpen">
1319 <ul 1324 <ul
1320 x-transition:enter="transition-all ease-in-out duration-300" 1325 x-transition:enter="transition-all ease-in-out duration-300"
1321 x-transition:enter-start="opacity-25 max-h-0" 1326 x-transition:enter-start="opacity-25 max-h-0"
1322 x-transition:enter-end="opacity-100 max-h-xl" 1327 x-transition:enter-end="opacity-100 max-h-xl"
1323 x-transition:leave="transition-all ease-in-out duration-300" 1328 x-transition:leave="transition-all ease-in-out duration-300"
1324 x-transition:leave-start="opacity-100 max-h-xl" 1329 x-transition:leave-start="opacity-100 max-h-xl"
1325 x-transition:leave-end="opacity-0 max-h-0" 1330 x-transition:leave-end="opacity-0 max-h-0"
1326 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 1331 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
1327 aria-label="submenu" 1332 aria-label="submenu"
1328 > 1333 >
1329 @foreach ($contents as $cont) 1334 @foreach ($contents as $cont)
1330 @if ($cont->url_page == "admin/editor-site") 1335 @if ($cont->url_page == "admin/editor-site")
1331 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1336 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1332 (($cont->is_manager == 1) && ($is_manager == 1))) 1337 (($cont->is_manager == 1) && ($is_manager == 1)))
1333 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> 1338 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}">
1334 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> 1339 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a>
1335 </li> 1340 </li>
1336 @endif 1341 @endif
1337 @endif 1342 @endif
1338 1343
1339 @if ($cont->url_page == "admin/edit-blocks") 1344 @if ($cont->url_page == "admin/edit-blocks")
1340 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1345 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1341 (($cont->is_manager == 1) && ($is_manager == 1))) 1346 (($cont->is_manager == 1) && ($is_manager == 1)))
1342 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> 1347 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}">
1343 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> 1348 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a>
1344 </li> 1349 </li>
1345 @endif 1350 @endif
1346 @endif 1351 @endif
1347 1352
1348 @if ($cont->url_page == "admin/editor-seo") 1353 @if ($cont->url_page == "admin/editor-seo")
1349 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1354 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1350 (($cont->is_manager == 1) && ($is_manager == 1))) 1355 (($cont->is_manager == 1) && ($is_manager == 1)))
1351 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> 1356 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}">
1352 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> 1357 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a>
1353 </li> 1358 </li>
1354 @endif 1359 @endif
1355 @endif 1360 @endif
1356 1361
1357 @if ($cont->url_page == "admin/editor-pages") 1362 @if ($cont->url_page == "admin/editor-pages")
1358 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1363 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1359 (($cont->is_manager == 1) && ($is_manager == 1))) 1364 (($cont->is_manager == 1) && ($is_manager == 1)))
1360 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> 1365 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}">
1361 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> 1366 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a>
1362 </li> 1367 </li>
1363 @endif 1368 @endif
1364 @endif 1369 @endif
1365 1370
1366 @if ($cont->url_page == "admin/job-titles-main") 1371 @if ($cont->url_page == "admin/job-titles-main")
1367 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1372 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1368 (($cont->is_manager == 1) && ($is_manager == 1))) 1373 (($cont->is_manager == 1) && ($is_manager == 1)))
1369 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> 1374 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}">
1370 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> 1375 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a>
1371 </li> 1376 </li>
1372 @endif 1377 @endif
1373 @endif 1378 @endif
1374 1379
1375 @if ($cont->url_page == "admin/employers-main") 1380 @if ($cont->url_page == "admin/employers-main")
1376 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1381 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1377 (($cont->is_manager == 1) && ($is_manager == 1))) 1382 (($cont->is_manager == 1) && ($is_manager == 1)))
1378 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> 1383 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}">
1379 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> 1384 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a>
1380 </li> 1385 </li>
1381 @endif 1386 @endif
1382 @endif 1387 @endif
1383 1388
1384 @endforeach 1389 @endforeach
1385 </ul> 1390 </ul>
1386 </template> 1391 </template>
1387 </li> 1392 </li>
1388 </ul> 1393 </ul>
1389 <!--<div class="px-6 my-6"> 1394 <!--<div class="px-6 my-6">
1390 <button class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"> 1395 <button class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
1391 Create account 1396 Create account
1392 <span class="ml-2" aria-hidden="true">+</span> 1397 <span class="ml-2" aria-hidden="true">+</span>
1393 </button> 1398 </button>
1394 </div>--> 1399 </div>-->
1395 </div> 1400 </div>
1396 </aside> 1401 </aside>
1397 <div class="flex flex-col flex-1 w-full"> 1402 <div class="flex flex-col flex-1 w-full">
1398 <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800"> 1403 <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800">
1399 <div 1404 <div
1400 class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300" 1405 class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300"
1401 > 1406 >
1402 <!-- Mobile hamburger --> 1407 <!-- Mobile hamburger -->
1403 <button 1408 <button
1404 class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple" 1409 class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple"
1405 @click="toggleSideMenu" 1410 @click="toggleSideMenu"
1406 aria-label="Menu" 1411 aria-label="Menu"
1407 > 1412 >
1408 <svg 1413 <svg
1409 class="w-6 h-6" 1414 class="w-6 h-6"
1410 aria-hidden="true" 1415 aria-hidden="true"
1411 fill="currentColor" 1416 fill="currentColor"
1412 viewBox="0 0 20 20" 1417 viewBox="0 0 20 20"
1413 > 1418 >
1414 <path 1419 <path
1415 fill-rule="evenodd" 1420 fill-rule="evenodd"
1416 d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" 1421 d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
1417 clip-rule="evenodd" 1422 clip-rule="evenodd"
1418 ></path> 1423 ></path>
1419 </svg> 1424 </svg>
1420 </button> 1425 </button>
1421 <!-- Search input --> 1426 <!-- Search input -->
1422 <div class="flex justify-center flex-1 lg:mr-32"> 1427 <div class="flex justify-center flex-1 lg:mr-32">
1423 <div 1428 <div
1424 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500" 1429 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500"
1425 > 1430 >
1426 1431
1427 @yield('search') 1432 @yield('search')
1428 </div> 1433 </div>
1429 </div> 1434 </div>
1430 <ul class="flex items-center flex-shrink-0 space-x-6"> 1435 <ul class="flex items-center flex-shrink-0 space-x-6">
1431 <!-- Theme toggler --> 1436 <!-- Theme toggler -->
1432 <li class="flex"> 1437 <li class="flex">
1433 <button 1438 <button
1434 class="rounded-md focus:outline-none focus:shadow-outline-purple" 1439 class="rounded-md focus:outline-none focus:shadow-outline-purple"
1435 @click="toggleTheme" 1440 @click="toggleTheme"
1436 aria-label="Toggle color mode" 1441 aria-label="Toggle color mode"
1437 > 1442 >
1438 <template x-if="!dark"> 1443 <template x-if="!dark">
1439 <svg 1444 <svg
1440 class="w-5 h-5" 1445 class="w-5 h-5"
1441 aria-hidden="true" 1446 aria-hidden="true"
1442 fill="currentColor" 1447 fill="currentColor"
1443 viewBox="0 0 20 20" 1448 viewBox="0 0 20 20"
1444 > 1449 >
1445 <path 1450 <path
1446 d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" 1451 d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
1447 ></path> 1452 ></path>
1448 </svg> 1453 </svg>
1449 </template> 1454 </template>
1450 <template x-if="dark"> 1455 <template x-if="dark">
1451 <svg 1456 <svg
1452 class="w-5 h-5" 1457 class="w-5 h-5"
1453 aria-hidden="true" 1458 aria-hidden="true"
1454 fill="currentColor" 1459 fill="currentColor"
1455 viewBox="0 0 20 20" 1460 viewBox="0 0 20 20"
1456 > 1461 >
1457 <path 1462 <path
1458 fill-rule="evenodd" 1463 fill-rule="evenodd"
1459 d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" 1464 d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
1460 clip-rule="evenodd" 1465 clip-rule="evenodd"
1461 ></path> 1466 ></path>
1462 </svg> 1467 </svg>
1463 </template> 1468 </template>
1464 </button> 1469 </button>
1465 </li> 1470 </li>
1466 <!-- Notifications menu --> 1471 <!-- Notifications menu -->
1467 <li class="relative"> 1472 <li class="relative">
1468 <button 1473 <button
1469 class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple" 1474 class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple"
1470 @click="toggleNotificationsMenu" 1475 @click="toggleNotificationsMenu"
1471 @keydown.escape="closeNotificationsMenu" 1476 @keydown.escape="closeNotificationsMenu"
1472 aria-label="Notifications" 1477 aria-label="Notifications"
1473 aria-haspopup="true" 1478 aria-haspopup="true"
1474 > 1479 >
1475 <svg 1480 <svg
1476 class="w-5 h-5" 1481 class="w-5 h-5"
1477 aria-hidden="true" 1482 aria-hidden="true"
1478 fill="currentColor" 1483 fill="currentColor"
1479 viewBox="0 0 20 20" 1484 viewBox="0 0 20 20"
1480 > 1485 >
1481 <path 1486 <path
1482 d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" 1487 d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"
1483 ></path> 1488 ></path>
1484 </svg> 1489 </svg>
1485 <!-- Notification badge --> 1490 <!-- Notification badge -->
1486 <span 1491 <span
1487 aria-hidden="true" 1492 aria-hidden="true"
1488 class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800" 1493 class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800"
1489 ></span> 1494 ></span>
1490 </button> 1495 </button>
1491 <template x-if="isNotificationsMenuOpen"> 1496 <template x-if="isNotificationsMenuOpen">
1492 <ul 1497 <ul
1493 x-transition:leave="transition ease-in duration-150" 1498 x-transition:leave="transition ease-in duration-150"
1494 x-transition:leave-start="opacity-100" 1499 x-transition:leave-start="opacity-100"
1495 x-transition:leave-end="opacity-0" 1500 x-transition:leave-end="opacity-0"
1496 @click.away="closeNotificationsMenu" 1501 @click.away="closeNotificationsMenu"
1497 @keydown.escape="closeNotificationsMenu" 1502 @keydown.escape="closeNotificationsMenu"
1498 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700" 1503 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700"
1499 > 1504 >
1500 <li class="flex"> 1505 <li class="flex">
1501 <a 1506 <a
1502 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1507 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1503 href="{{ route('admin.admin-messages') }}" 1508 href="{{ route('admin.admin-messages') }}"
1504 > 1509 >
1505 <span>Сообщения</span> 1510 <span>Сообщения</span>
1506 @if($MsgCount > 0) 1511 @if($MsgCount > 0)
1507 <span 1512 <span
1508 class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600" 1513 class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600"
1509 > 1514 >
1510 1515
1511 {{ $MsgCount }} 1516 {{ $MsgCount }}
1512 </span> 1517 </span>
1513 @endif 1518 @endif
1514 </a> 1519 </a>
1515 </li> 1520 </li>
1516 <!--<li class="flex"> 1521 <!--<li class="flex">
1517 <a 1522 <a
1518 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1523 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1519 href="#" 1524 href="#"
1520 > 1525 >
1521 <span>Логи</span> 1526 <span>Логи</span>
1522 </a> 1527 </a>
1523 </li>--> 1528 </li>-->
1524 </ul> 1529 </ul>
1525 </template> 1530 </template>
1526 </li> 1531 </li>
1527 <!-- Profile menu --> 1532 <!-- Profile menu -->
1528 <li class="relative"> 1533 <li class="relative">
1529 <button 1534 <button
1530 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none" 1535 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none"
1531 @click="toggleProfileMenu" 1536 @click="toggleProfileMenu"
1532 @keydown.escape="closeProfileMenu" 1537 @keydown.escape="closeProfileMenu"
1533 aria-label="Account" 1538 aria-label="Account"
1534 aria-haspopup="true" 1539 aria-haspopup="true"
1535 > 1540 >
1536 <img 1541 <img
1537 class="object-cover w-8 h-8 rounded-full" 1542 class="object-cover w-8 h-8 rounded-full"
1538 src="{{ asset('assets/img/profile.jpg') }}" 1543 src="{{ asset('assets/img/profile.jpg') }}"
1539 alt="" 1544 alt=""
1540 aria-hidden="true" 1545 aria-hidden="true"
1541 /> 1546 />
1542 </button> 1547 </button>
1543 <template x-if="isProfileMenuOpen"> 1548 <template x-if="isProfileMenuOpen">
1544 <ul 1549 <ul
1545 x-transition:leave="transition ease-in duration-150" 1550 x-transition:leave="transition ease-in duration-150"
1546 x-transition:leave-start="opacity-100" 1551 x-transition:leave-start="opacity-100"
1547 x-transition:leave-end="opacity-0" 1552 x-transition:leave-end="opacity-0"
1548 @click.away="closeProfileMenu" 1553 @click.away="closeProfileMenu"
1549 @keydown.escape="closeProfileMenu" 1554 @keydown.escape="closeProfileMenu"
1550 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700" 1555 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700"
1551 aria-label="submenu" 1556 aria-label="submenu"
1552 > 1557 >
1553 <li class="flex"> 1558 <li class="flex">
1554 <a 1559 <a
1555 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1560 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1556 href="{{ route('admin.profile') }}" 1561 href="{{ route('admin.profile') }}"
1557 > 1562 >
1558 <svg 1563 <svg
1559 class="w-4 h-4 mr-3" 1564 class="w-4 h-4 mr-3"
1560 aria-hidden="true" 1565 aria-hidden="true"
1561 fill="none" 1566 fill="none"
1562 stroke-linecap="round" 1567 stroke-linecap="round"
1563 stroke-linejoin="round" 1568 stroke-linejoin="round"
1564 stroke-width="2" 1569 stroke-width="2"
1565 viewBox="0 0 24 24" 1570 viewBox="0 0 24 24"
1566 stroke="currentColor" 1571 stroke="currentColor"
1567 > 1572 >
1568 <path 1573 <path
1569 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" 1574 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
1570 ></path> 1575 ></path>
1571 </svg> 1576 </svg>
1572 <span>Профиль</span> 1577 <span>Профиль</span>
1573 </a> 1578 </a>
1574 </li> 1579 </li>
1575 <li class="flex"> 1580 <li class="flex">
1576 <a 1581 <a
1577 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1582 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1578 href="{{ route('admin.config') }}" 1583 href="{{ route('admin.config') }}"
1579 > 1584 >
1580 <svg 1585 <svg
1581 class="w-4 h-4 mr-3" 1586 class="w-4 h-4 mr-3"
1582 aria-hidden="true" 1587 aria-hidden="true"
1583 fill="none" 1588 fill="none"
1584 stroke-linecap="round" 1589 stroke-linecap="round"
1585 stroke-linejoin="round" 1590 stroke-linejoin="round"
1586 stroke-width="2" 1591 stroke-width="2"
1587 viewBox="0 0 24 24" 1592 viewBox="0 0 24 24"
1588 stroke="currentColor" 1593 stroke="currentColor"
1589 > 1594 >
1590 <path 1595 <path
1591 d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" 1596 d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
1592 ></path> 1597 ></path>
1593 <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> 1598 <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
1594 </svg> 1599 </svg>
1595 <span>Настройки</span> 1600 <span>Настройки</span>
1596 </a> 1601 </a>
1597 </li> 1602 </li>
1598 <li class="flex"> 1603 <li class="flex">
1599 <a 1604 <a
1600 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1605 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1601 href="{{ route('admin.logout') }}" 1606 href="{{ route('admin.logout') }}"
1602 > 1607 >
1603 <svg 1608 <svg
1604 class="w-4 h-4 mr-3" 1609 class="w-4 h-4 mr-3"
1605 aria-hidden="true" 1610 aria-hidden="true"
1606 fill="none" 1611 fill="none"
1607 stroke-linecap="round" 1612 stroke-linecap="round"
1608 stroke-linejoin="round" 1613 stroke-linejoin="round"
1609 stroke-width="2" 1614 stroke-width="2"
1610 viewBox="0 0 24 24" 1615 viewBox="0 0 24 24"
1611 stroke="currentColor" 1616 stroke="currentColor"
1612 > 1617 >
1613 <path 1618 <path
1614 d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" 1619 d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
1615 ></path> 1620 ></path>
1616 </svg> 1621 </svg>
1617 <span>Выход</span> 1622 <span>Выход</span>
1618 </a> 1623 </a>
1619 </li> 1624 </li>
1620 </ul> 1625 </ul>
1621 </template> 1626 </template>
1622 </li> 1627 </li>
1623 </ul> 1628 </ul>
1624 </div> 1629 </div>
1625 </header> 1630 </header>
1626 <main class="h-full overflow-y-auto"> 1631 <main class="h-full overflow-y-auto">
1627 <div class="container px-6 mx-auto grid"> 1632 <div class="container px-6 mx-auto grid">
1628 <h2 1633 <h2
1629 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200" 1634 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"
1630 > 1635 >
1631 {{$title}} 1636 {{$title}}
1632 </h2> 1637 </h2>
1633 <!-- CTA --> 1638 <!-- CTA -->
1634 <a 1639 <a
1635 class="flex items-center justify-between p-4 mb-8 text-sm font-semibold text-purple-100 bg-purple-600 rounded-lg shadow-md focus:outline-none focus:shadow-outline-purple" 1640 class="flex items-center justify-between p-4 mb-8 text-sm font-semibold text-purple-100 bg-purple-600 rounded-lg shadow-md focus:outline-none focus:shadow-outline-purple"
1636 href="{{ route('admin.admin-users') }}" 1641 href="{{ route('admin.admin-users') }}"
1637 > 1642 >
1638 <div class="flex items-center"> 1643 <div class="flex items-center">
1639 <svg 1644 <svg
1640 class="w-5 h-5 mr-2" 1645 class="w-5 h-5 mr-2"
1641 fill="currentColor" 1646 fill="currentColor"
1642 viewBox="0 0 20 20" 1647 viewBox="0 0 20 20"
1643 > 1648 >
1644 <path 1649 <path
1645 d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" 1650 d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
1646 ></path> 1651 ></path>
1647 </svg> 1652 </svg>
1648 <span>Контент для админов</span> 1653 <span>Контент для админов</span>
1649 </div> 1654 </div>
1650 <span>Список админов &RightArrow;</span> 1655 <span>Список админов &RightArrow;</span>
1651 </a> 1656 </a>
1652 1657
1653 @if ($message = Session::get('success')) 1658 @if ($message = Session::get('success'))
1654 <section> 1659 <section>
1655 <div class="alert alert-success alert-dismissible mt-0" role="alert"> 1660 <div class="alert alert-success alert-dismissible mt-0" role="alert">
1656 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> 1661 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть">
1657 <span aria-hidden="true">&times;</span> 1662 <span aria-hidden="true">&times;</span>
1658 </button> 1663 </button>
1659 {{ $message }} 1664 {{ $message }}
1660 </div> 1665 </div>
1661 </section> 1666 </section>
1662 @endif 1667 @endif
1663 1668
1664 @if ($errors->any()) 1669 @if ($errors->any())
1665 <section> 1670 <section>
1666 <div class="alert alert-danger alert-dismissible mt-4" role="alert"> 1671 <div class="alert alert-danger alert-dismissible mt-4" role="alert">
1667 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> 1672 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть">
1668 <span aria-hidden="true">&times;</span> 1673 <span aria-hidden="true">&times;</span>
1669 </button> 1674 </button>
1670 <ul class="mb-0"> 1675 <ul class="mb-0">
1671 @foreach ($errors->all() as $error) 1676 @foreach ($errors->all() as $error)
1672 <li>{{ $error }}</li> 1677 <li>{{ $error }}</li>
1673 @endforeach 1678 @endforeach
1674 </ul> 1679 </ul>
1675 </div> 1680 </div>
1676 </section> 1681 </section>
1677 @endif 1682 @endif
1678 1683
1679 @yield('content') 1684 @yield('content')
1680 1685
1681 <!-- Cards 1686 <!-- Cards
1682 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4"> 1687 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
1683 1688
1684 <div 1689 <div
1685 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1690 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1686 > 1691 >
1687 <div 1692 <div
1688 class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500" 1693 class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500"
1689 > 1694 >
1690 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1695 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1691 <path 1696 <path
1692 d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z" 1697 d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"
1693 ></path> 1698 ></path>
1694 </svg> 1699 </svg>
1695 </div> 1700 </div>
1696 <div> 1701 <div>
1697 <p 1702 <p
1698 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1703 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1699 > 1704 >
1700 Total clients 1705 Total clients
1701 </p> 1706 </p>
1702 <p 1707 <p
1703 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1708 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1704 > 1709 >
1705 6389 1710 6389
1706 </p> 1711 </p>
1707 </div> 1712 </div>
1708 </div> 1713 </div>
1709 1714
1710 <div 1715 <div
1711 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1716 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1712 > 1717 >
1713 <div 1718 <div
1714 class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500" 1719 class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500"
1715 > 1720 >
1716 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1721 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1717 <path 1722 <path
1718 fill-rule="evenodd" 1723 fill-rule="evenodd"
1719 d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z" 1724 d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z"
1720 clip-rule="evenodd" 1725 clip-rule="evenodd"
1721 ></path> 1726 ></path>
1722 </svg> 1727 </svg>
1723 </div> 1728 </div>
1724 <div> 1729 <div>
1725 <p 1730 <p
1726 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1731 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1727 > 1732 >
1728 Account balance 1733 Account balance
1729 </p> 1734 </p>
1730 <p 1735 <p
1731 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1736 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1732 > 1737 >
1733 $ 46,760.89 1738 $ 46,760.89
1734 </p> 1739 </p>
1735 </div> 1740 </div>
1736 </div> 1741 </div>
1737 1742
1738 <div 1743 <div
1739 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1744 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1740 > 1745 >
1741 <div 1746 <div
1742 class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500" 1747 class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500"
1743 > 1748 >
1744 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1749 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1745 <path 1750 <path
1746 d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" 1751 d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"
1747 ></path> 1752 ></path>
1748 </svg> 1753 </svg>
1749 </div> 1754 </div>
1750 <div> 1755 <div>
1751 <p 1756 <p
1752 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1757 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1753 > 1758 >
1754 New sales 1759 New sales
1755 </p> 1760 </p>
1756 <p 1761 <p
1757 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1762 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1758 > 1763 >
1759 376 1764 376
1760 </p> 1765 </p>
1761 </div> 1766 </div>
1762 </div> 1767 </div>
1763 1768
1764 <div 1769 <div
1765 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1770 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1766 > 1771 >
1767 <div 1772 <div
1768 class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500" 1773 class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500"
1769 > 1774 >
1770 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1775 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1771 <path 1776 <path
1772 fill-rule="evenodd" 1777 fill-rule="evenodd"
1773 d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z" 1778 d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z"
1774 clip-rule="evenodd" 1779 clip-rule="evenodd"
1775 ></path> 1780 ></path>
1776 </svg> 1781 </svg>
1777 </div> 1782 </div>
1778 <div> 1783 <div>
1779 <p 1784 <p
1780 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1785 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1781 > 1786 >
1782 Pending contacts 1787 Pending contacts
1783 </p> 1788 </p>
1784 <p 1789 <p
1785 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1790 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1786 > 1791 >
1787 35 1792 35
1788 </p> 1793 </p>
1789 </div> 1794 </div>
1790 </div> 1795 </div>
1791 </div> 1796 </div>
1792 --> 1797 -->
1793 <!-- New Table 1798 <!-- New Table
1794 <div class="w-full overflow-hidden rounded-lg shadow-xs"> 1799 <div class="w-full overflow-hidden rounded-lg shadow-xs">
1795 <div class="w-full overflow-x-auto"> 1800 <div class="w-full overflow-x-auto">
1796 <table class="w-full whitespace-no-wrap"> 1801 <table class="w-full whitespace-no-wrap">
1797 <thead> 1802 <thead>
1798 <tr 1803 <tr
1799 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800" 1804 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800"
1800 > 1805 >
1801 <th class="px-4 py-3">Client</th> 1806 <th class="px-4 py-3">Client</th>
1802 <th class="px-4 py-3">Amount</th> 1807 <th class="px-4 py-3">Amount</th>
1803 <th class="px-4 py-3">Status</th> 1808 <th class="px-4 py-3">Status</th>
1804 <th class="px-4 py-3">Date</th> 1809 <th class="px-4 py-3">Date</th>
1805 </tr> 1810 </tr>
1806 </thead> 1811 </thead>
1807 <tbody 1812 <tbody
1808 class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800" 1813 class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800"
1809 > 1814 >
1810 <tr class="text-gray-700 dark:text-gray-400"> 1815 <tr class="text-gray-700 dark:text-gray-400">
1811 <td class="px-4 py-3"> 1816 <td class="px-4 py-3">
1812 <div class="flex items-center text-sm"> 1817 <div class="flex items-center text-sm">
1813 1818
1814 <div 1819 <div
1815 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1820 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1816 > 1821 >
1817 <img 1822 <img
1818 class="object-cover w-full h-full rounded-full" 1823 class="object-cover w-full h-full rounded-full"
1819 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1824 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1820 alt="" 1825 alt=""
1821 loading="lazy" 1826 loading="lazy"
1822 /> 1827 />
1823 <div 1828 <div
1824 class="absolute inset-0 rounded-full shadow-inner" 1829 class="absolute inset-0 rounded-full shadow-inner"
1825 aria-hidden="true" 1830 aria-hidden="true"
1826 ></div> 1831 ></div>
1827 </div> 1832 </div>
1828 <div> 1833 <div>
1829 <p class="font-semibold">Hans Burger</p> 1834 <p class="font-semibold">Hans Burger</p>
1830 <p class="text-xs text-gray-600 dark:text-gray-400"> 1835 <p class="text-xs text-gray-600 dark:text-gray-400">
1831 10x Developer 1836 10x Developer
1832 </p> 1837 </p>
1833 </div> 1838 </div>
1834 </div> 1839 </div>
1835 </td> 1840 </td>
1836 <td class="px-4 py-3 text-sm"> 1841 <td class="px-4 py-3 text-sm">
1837 $ 863.45 1842 $ 863.45
1838 </td> 1843 </td>
1839 <td class="px-4 py-3 text-xs"> 1844 <td class="px-4 py-3 text-xs">
1840 <span 1845 <span
1841 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1846 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1842 > 1847 >
1843 Approved 1848 Approved
1844 </span> 1849 </span>
1845 </td> 1850 </td>
1846 <td class="px-4 py-3 text-sm"> 1851 <td class="px-4 py-3 text-sm">
1847 6/10/2020 1852 6/10/2020
1848 </td> 1853 </td>
1849 </tr> 1854 </tr>
1850 1855
1851 <tr class="text-gray-700 dark:text-gray-400"> 1856 <tr class="text-gray-700 dark:text-gray-400">
1852 <td class="px-4 py-3"> 1857 <td class="px-4 py-3">
1853 <div class="flex items-center text-sm"> 1858 <div class="flex items-center text-sm">
1854 1859
1855 <div 1860 <div
1856 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1861 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1857 > 1862 >
1858 <img 1863 <img
1859 class="object-cover w-full h-full rounded-full" 1864 class="object-cover w-full h-full rounded-full"
1860 src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&facepad=3&fit=facearea&s=707b9c33066bf8808c934c8ab394dff6" 1865 src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&facepad=3&fit=facearea&s=707b9c33066bf8808c934c8ab394dff6"
1861 alt="" 1866 alt=""
1862 loading="lazy" 1867 loading="lazy"
1863 /> 1868 />
1864 <div 1869 <div
1865 class="absolute inset-0 rounded-full shadow-inner" 1870 class="absolute inset-0 rounded-full shadow-inner"
1866 aria-hidden="true" 1871 aria-hidden="true"
1867 ></div> 1872 ></div>
1868 </div> 1873 </div>
1869 <div> 1874 <div>
1870 <p class="font-semibold">Jolina Angelie</p> 1875 <p class="font-semibold">Jolina Angelie</p>
1871 <p class="text-xs text-gray-600 dark:text-gray-400"> 1876 <p class="text-xs text-gray-600 dark:text-gray-400">
1872 Unemployed 1877 Unemployed
1873 </p> 1878 </p>
1874 </div> 1879 </div>
1875 </div> 1880 </div>
1876 </td> 1881 </td>
1877 <td class="px-4 py-3 text-sm"> 1882 <td class="px-4 py-3 text-sm">
1878 $ 369.95 1883 $ 369.95
1879 </td> 1884 </td>
1880 <td class="px-4 py-3 text-xs"> 1885 <td class="px-4 py-3 text-xs">
1881 <span 1886 <span
1882 class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600" 1887 class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600"
1883 > 1888 >
1884 Pending 1889 Pending
1885 </span> 1890 </span>
1886 </td> 1891 </td>
1887 <td class="px-4 py-3 text-sm"> 1892 <td class="px-4 py-3 text-sm">
1888 6/10/2020 1893 6/10/2020
1889 </td> 1894 </td>
1890 </tr> 1895 </tr>
1891 1896
1892 <tr class="text-gray-700 dark:text-gray-400"> 1897 <tr class="text-gray-700 dark:text-gray-400">
1893 <td class="px-4 py-3"> 1898 <td class="px-4 py-3">
1894 <div class="flex items-center text-sm"> 1899 <div class="flex items-center text-sm">
1895 1900
1896 <div 1901 <div
1897 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1902 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1898 > 1903 >
1899 <img 1904 <img
1900 class="object-cover w-full h-full rounded-full" 1905 class="object-cover w-full h-full rounded-full"
1901 src="https://images.unsplash.com/photo-1551069613-1904dbdcda11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1906 src="https://images.unsplash.com/photo-1551069613-1904dbdcda11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1902 alt="" 1907 alt=""
1903 loading="lazy" 1908 loading="lazy"
1904 /> 1909 />
1905 <div 1910 <div
1906 class="absolute inset-0 rounded-full shadow-inner" 1911 class="absolute inset-0 rounded-full shadow-inner"
1907 aria-hidden="true" 1912 aria-hidden="true"
1908 ></div> 1913 ></div>
1909 </div> 1914 </div>
1910 <div> 1915 <div>
1911 <p class="font-semibold">Sarah Curry</p> 1916 <p class="font-semibold">Sarah Curry</p>
1912 <p class="text-xs text-gray-600 dark:text-gray-400"> 1917 <p class="text-xs text-gray-600 dark:text-gray-400">
1913 Designer 1918 Designer
1914 </p> 1919 </p>
1915 </div> 1920 </div>
1916 </div> 1921 </div>
1917 </td> 1922 </td>
1918 <td class="px-4 py-3 text-sm"> 1923 <td class="px-4 py-3 text-sm">
1919 $ 86.00 1924 $ 86.00
1920 </td> 1925 </td>
1921 <td class="px-4 py-3 text-xs"> 1926 <td class="px-4 py-3 text-xs">
1922 <span 1927 <span
1923 class="px-2 py-1 font-semibold leading-tight text-red-700 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-700" 1928 class="px-2 py-1 font-semibold leading-tight text-red-700 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-700"
1924 > 1929 >
1925 Denied 1930 Denied
1926 </span> 1931 </span>
1927 </td> 1932 </td>
1928 <td class="px-4 py-3 text-sm"> 1933 <td class="px-4 py-3 text-sm">
1929 6/10/2020 1934 6/10/2020
1930 </td> 1935 </td>
1931 </tr> 1936 </tr>
1932 1937
1933 <tr class="text-gray-700 dark:text-gray-400"> 1938 <tr class="text-gray-700 dark:text-gray-400">
1934 <td class="px-4 py-3"> 1939 <td class="px-4 py-3">
1935 <div class="flex items-center text-sm"> 1940 <div class="flex items-center text-sm">
1936 1941
1937 <div 1942 <div
1938 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1943 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1939 > 1944 >
1940 <img 1945 <img
1941 class="object-cover w-full h-full rounded-full" 1946 class="object-cover w-full h-full rounded-full"
1942 src="https://images.unsplash.com/photo-1551006917-3b4c078c47c9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1947 src="https://images.unsplash.com/photo-1551006917-3b4c078c47c9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1943 alt="" 1948 alt=""
1944 loading="lazy" 1949 loading="lazy"
1945 /> 1950 />
1946 <div 1951 <div
1947 class="absolute inset-0 rounded-full shadow-inner" 1952 class="absolute inset-0 rounded-full shadow-inner"
1948 aria-hidden="true" 1953 aria-hidden="true"
1949 ></div> 1954 ></div>
1950 </div> 1955 </div>
1951 <div> 1956 <div>
1952 <p class="font-semibold">Rulia Joberts</p> 1957 <p class="font-semibold">Rulia Joberts</p>
1953 <p class="text-xs text-gray-600 dark:text-gray-400"> 1958 <p class="text-xs text-gray-600 dark:text-gray-400">
1954 Actress 1959 Actress
1955 </p> 1960 </p>
1956 </div> 1961 </div>
1957 </div> 1962 </div>
1958 </td> 1963 </td>
1959 <td class="px-4 py-3 text-sm"> 1964 <td class="px-4 py-3 text-sm">
1960 $ 1276.45 1965 $ 1276.45
1961 </td> 1966 </td>
1962 <td class="px-4 py-3 text-xs"> 1967 <td class="px-4 py-3 text-xs">
1963 <span 1968 <span
1964 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1969 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1965 > 1970 >
1966 Approved 1971 Approved
1967 </span> 1972 </span>
1968 </td> 1973 </td>
1969 <td class="px-4 py-3 text-sm"> 1974 <td class="px-4 py-3 text-sm">
1970 6/10/2020 1975 6/10/2020
1971 </td> 1976 </td>
1972 </tr> 1977 </tr>
1973 1978
1974 <tr class="text-gray-700 dark:text-gray-400"> 1979 <tr class="text-gray-700 dark:text-gray-400">
1975 <td class="px-4 py-3"> 1980 <td class="px-4 py-3">
1976 <div class="flex items-center text-sm"> 1981 <div class="flex items-center text-sm">
1977 1982
1978 <div 1983 <div
1979 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1984 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1980 > 1985 >
1981 <img 1986 <img
1982 class="object-cover w-full h-full rounded-full" 1987 class="object-cover w-full h-full rounded-full"
1983 src="https://images.unsplash.com/photo-1546456073-6712f79251bb?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1988 src="https://images.unsplash.com/photo-1546456073-6712f79251bb?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1984 alt="" 1989 alt=""
1985 loading="lazy" 1990 loading="lazy"
1986 /> 1991 />
1987 <div 1992 <div
1988 class="absolute inset-0 rounded-full shadow-inner" 1993 class="absolute inset-0 rounded-full shadow-inner"
1989 aria-hidden="true" 1994 aria-hidden="true"
1990 ></div> 1995 ></div>
1991 </div> 1996 </div>
1992 <div> 1997 <div>
1993 <p class="font-semibold">Wenzel Dashington</p> 1998 <p class="font-semibold">Wenzel Dashington</p>
1994 <p class="text-xs text-gray-600 dark:text-gray-400"> 1999 <p class="text-xs text-gray-600 dark:text-gray-400">
1995 Actor 2000 Actor
1996 </p> 2001 </p>
1997 </div> 2002 </div>
1998 </div> 2003 </div>
1999 </td> 2004 </td>
2000 <td class="px-4 py-3 text-sm"> 2005 <td class="px-4 py-3 text-sm">
2001 $ 863.45 2006 $ 863.45
2002 </td> 2007 </td>
2003 <td class="px-4 py-3 text-xs"> 2008 <td class="px-4 py-3 text-xs">
2004 <span 2009 <span
2005 class="px-2 py-1 font-semibold leading-tight text-gray-700 bg-gray-100 rounded-full dark:text-gray-100 dark:bg-gray-700" 2010 class="px-2 py-1 font-semibold leading-tight text-gray-700 bg-gray-100 rounded-full dark:text-gray-100 dark:bg-gray-700"
2006 > 2011 >
2007 Expired 2012 Expired
2008 </span> 2013 </span>
2009 </td> 2014 </td>
2010 <td class="px-4 py-3 text-sm"> 2015 <td class="px-4 py-3 text-sm">
2011 6/10/2020 2016 6/10/2020
2012 </td> 2017 </td>
2013 </tr> 2018 </tr>
2014 2019
2015 <tr class="text-gray-700 dark:text-gray-400"> 2020 <tr class="text-gray-700 dark:text-gray-400">
2016 <td class="px-4 py-3"> 2021 <td class="px-4 py-3">
2017 <div class="flex items-center text-sm"> 2022 <div class="flex items-center text-sm">
2018 2023
2019 <div 2024 <div
2020 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2025 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2021 > 2026 >
2022 <img 2027 <img
2023 class="object-cover w-full h-full rounded-full" 2028 class="object-cover w-full h-full rounded-full"
2024 src="https://images.unsplash.com/photo-1502720705749-871143f0e671?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=b8377ca9f985d80264279f277f3a67f5" 2029 src="https://images.unsplash.com/photo-1502720705749-871143f0e671?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=b8377ca9f985d80264279f277f3a67f5"
2025 alt="" 2030 alt=""
2026 loading="lazy" 2031 loading="lazy"
2027 /> 2032 />
2028 <div 2033 <div
2029 class="absolute inset-0 rounded-full shadow-inner" 2034 class="absolute inset-0 rounded-full shadow-inner"
2030 aria-hidden="true" 2035 aria-hidden="true"
2031 ></div> 2036 ></div>
2032 </div> 2037 </div>
2033 <div> 2038 <div>
2034 <p class="font-semibold">Dave Li</p> 2039 <p class="font-semibold">Dave Li</p>
2035 <p class="text-xs text-gray-600 dark:text-gray-400"> 2040 <p class="text-xs text-gray-600 dark:text-gray-400">
2036 Influencer 2041 Influencer
2037 </p> 2042 </p>
2038 </div> 2043 </div>
2039 </div> 2044 </div>
2040 </td> 2045 </td>
2041 <td class="px-4 py-3 text-sm"> 2046 <td class="px-4 py-3 text-sm">
2042 $ 863.45 2047 $ 863.45
2043 </td> 2048 </td>
2044 <td class="px-4 py-3 text-xs"> 2049 <td class="px-4 py-3 text-xs">
2045 <span 2050 <span
2046 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2051 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2047 > 2052 >
2048 Approved 2053 Approved
2049 </span> 2054 </span>
2050 </td> 2055 </td>
2051 <td class="px-4 py-3 text-sm"> 2056 <td class="px-4 py-3 text-sm">
2052 6/10/2020 2057 6/10/2020
2053 </td> 2058 </td>
2054 </tr> 2059 </tr>
2055 2060
2056 <tr class="text-gray-700 dark:text-gray-400"> 2061 <tr class="text-gray-700 dark:text-gray-400">
2057 <td class="px-4 py-3"> 2062 <td class="px-4 py-3">
2058 <div class="flex items-center text-sm"> 2063 <div class="flex items-center text-sm">
2059 2064
2060 <div 2065 <div
2061 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2066 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2062 > 2067 >
2063 <img 2068 <img
2064 class="object-cover w-full h-full rounded-full" 2069 class="object-cover w-full h-full rounded-full"
2065 src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 2070 src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
2066 alt="" 2071 alt=""
2067 loading="lazy" 2072 loading="lazy"
2068 /> 2073 />
2069 <div 2074 <div
2070 class="absolute inset-0 rounded-full shadow-inner" 2075 class="absolute inset-0 rounded-full shadow-inner"
2071 aria-hidden="true" 2076 aria-hidden="true"
2072 ></div> 2077 ></div>
2073 </div> 2078 </div>
2074 <div> 2079 <div>
2075 <p class="font-semibold">Maria Ramovic</p> 2080 <p class="font-semibold">Maria Ramovic</p>
2076 <p class="text-xs text-gray-600 dark:text-gray-400"> 2081 <p class="text-xs text-gray-600 dark:text-gray-400">
2077 Runner 2082 Runner
2078 </p> 2083 </p>
2079 </div> 2084 </div>
2080 </div> 2085 </div>
2081 </td> 2086 </td>
2082 <td class="px-4 py-3 text-sm"> 2087 <td class="px-4 py-3 text-sm">
2083 $ 863.45 2088 $ 863.45
2084 </td> 2089 </td>
2085 <td class="px-4 py-3 text-xs"> 2090 <td class="px-4 py-3 text-xs">
2086 <span 2091 <span
2087 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2092 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2088 > 2093 >
2089 Approved 2094 Approved
2090 </span> 2095 </span>
2091 </td> 2096 </td>
2092 <td class="px-4 py-3 text-sm"> 2097 <td class="px-4 py-3 text-sm">
2093 6/10/2020 2098 6/10/2020
2094 </td> 2099 </td>
2095 </tr> 2100 </tr>
2096 2101
2097 <tr class="text-gray-700 dark:text-gray-400"> 2102 <tr class="text-gray-700 dark:text-gray-400">
2098 <td class="px-4 py-3"> 2103 <td class="px-4 py-3">
2099 <div class="flex items-center text-sm"> 2104 <div class="flex items-center text-sm">
2100 2105
2101 <div 2106 <div
2102 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2107 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2103 > 2108 >
2104 <img 2109 <img
2105 class="object-cover w-full h-full rounded-full" 2110 class="object-cover w-full h-full rounded-full"
2106 src="https://images.unsplash.com/photo-1566411520896-01e7ca4726af?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 2111 src="https://images.unsplash.com/photo-1566411520896-01e7ca4726af?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
2107 alt="" 2112 alt=""
2108 loading="lazy" 2113 loading="lazy"
2109 /> 2114 />
2110 <div 2115 <div
2111 class="absolute inset-0 rounded-full shadow-inner" 2116 class="absolute inset-0 rounded-full shadow-inner"
2112 aria-hidden="true" 2117 aria-hidden="true"
2113 ></div> 2118 ></div>
2114 </div> 2119 </div>
2115 <div> 2120 <div>
2116 <p class="font-semibold">Hitney Wouston</p> 2121 <p class="font-semibold">Hitney Wouston</p>
2117 <p class="text-xs text-gray-600 dark:text-gray-400"> 2122 <p class="text-xs text-gray-600 dark:text-gray-400">
2118 Singer 2123 Singer
2119 </p> 2124 </p>
2120 </div> 2125 </div>
2121 </div> 2126 </div>
2122 </td> 2127 </td>
2123 <td class="px-4 py-3 text-sm"> 2128 <td class="px-4 py-3 text-sm">
2124 $ 863.45 2129 $ 863.45
2125 </td> 2130 </td>
2126 <td class="px-4 py-3 text-xs"> 2131 <td class="px-4 py-3 text-xs">
2127 <span 2132 <span
2128 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2133 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2129 > 2134 >
2130 Approved 2135 Approved
2131 </span> 2136 </span>
2132 </td> 2137 </td>
2133 <td class="px-4 py-3 text-sm"> 2138 <td class="px-4 py-3 text-sm">
2134 6/10/2020 2139 6/10/2020
2135 </td> 2140 </td>
2136 </tr> 2141 </tr>
2137 2142
2138 <tr class="text-gray-700 dark:text-gray-400"> 2143 <tr class="text-gray-700 dark:text-gray-400">
2139 <td class="px-4 py-3"> 2144 <td class="px-4 py-3">
2140 <div class="flex items-center text-sm"> 2145 <div class="flex items-center text-sm">
2141 2146
2142 <div 2147 <div
2143 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2148 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2144 > 2149 >
2145 <img 2150 <img
2146 class="object-cover w-full h-full rounded-full" 2151 class="object-cover w-full h-full rounded-full"
2147 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 2152 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
2148 alt="" 2153 alt=""
2149 loading="lazy" 2154 loading="lazy"
2150 /> 2155 />
2151 <div 2156 <div
2152 class="absolute inset-0 rounded-full shadow-inner" 2157 class="absolute inset-0 rounded-full shadow-inner"
2153 aria-hidden="true" 2158 aria-hidden="true"
2154 ></div> 2159 ></div>
2155 </div> 2160 </div>
2156 <div> 2161 <div>
2157 <p class="font-semibold">Hans Burger</p> 2162 <p class="font-semibold">Hans Burger</p>
2158 <p class="text-xs text-gray-600 dark:text-gray-400"> 2163 <p class="text-xs text-gray-600 dark:text-gray-400">
2159 10x Developer 2164 10x Developer
2160 </p> 2165 </p>
2161 </div> 2166 </div>
2162 </div> 2167 </div>
2163 </td> 2168 </td>
2164 <td class="px-4 py-3 text-sm"> 2169 <td class="px-4 py-3 text-sm">
2165 $ 863.45 2170 $ 863.45
2166 </td> 2171 </td>
2167 <td class="px-4 py-3 text-xs"> 2172 <td class="px-4 py-3 text-xs">
2168 <span 2173 <span
2169 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2174 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2170 > 2175 >
2171 Approved 2176 Approved
2172 </span> 2177 </span>
2173 </td> 2178 </td>
2174 <td class="px-4 py-3 text-sm"> 2179 <td class="px-4 py-3 text-sm">
2175 6/10/2020 2180 6/10/2020
2176 </td> 2181 </td>
2177 </tr> 2182 </tr>
2178 </tbody> 2183 </tbody>
2179 </table> 2184 </table>
2180 </div> 2185 </div>
2181 <div 2186 <div
2182 class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800" 2187 class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800"
2183 > 2188 >
2184 <span class="flex items-center col-span-3"> 2189 <span class="flex items-center col-span-3">
2185 Showing 21-30 of 100 2190 Showing 21-30 of 100
2186 </span> 2191 </span>
2187 <span class="col-span-2"></span> 2192 <span class="col-span-2"></span>
2188 2193
2189 <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end"> 2194 <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end">
2190 <nav aria-label="Table navigation"> 2195 <nav aria-label="Table navigation">
2191 <ul class="inline-flex items-center"> 2196 <ul class="inline-flex items-center">
2192 <li> 2197 <li>
2193 <button 2198 <button
2194 class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple" 2199 class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple"
2195 aria-label="Previous" 2200 aria-label="Previous"
2196 > 2201 >
2197 <svg 2202 <svg
2198 aria-hidden="true" 2203 aria-hidden="true"
2199 class="w-4 h-4 fill-current" 2204 class="w-4 h-4 fill-current"
2200 viewBox="0 0 20 20" 2205 viewBox="0 0 20 20"
2201 > 2206 >
2202 <path 2207 <path
2203 d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" 2208 d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
2204 clip-rule="evenodd" 2209 clip-rule="evenodd"
2205 fill-rule="evenodd" 2210 fill-rule="evenodd"
2206 ></path> 2211 ></path>
2207 </svg> 2212 </svg>
2208 </button> 2213 </button>
2209 </li> 2214 </li>
2210 <li> 2215 <li>
2211 <button 2216 <button
2212 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2217 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2213 > 2218 >
2214 1 2219 1
2215 </button> 2220 </button>
2216 </li> 2221 </li>
2217 <li> 2222 <li>
2218 <button 2223 <button
2219 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2224 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2220 > 2225 >
2221 2 2226 2
2222 </button> 2227 </button>
2223 </li> 2228 </li>
2224 <li> 2229 <li>
2225 <button 2230 <button
2226 class="px-3 py-1 text-white transition-colors duration-150 bg-purple-600 border border-r-0 border-purple-600 rounded-md focus:outline-none focus:shadow-outline-purple" 2231 class="px-3 py-1 text-white transition-colors duration-150 bg-purple-600 border border-r-0 border-purple-600 rounded-md focus:outline-none focus:shadow-outline-purple"
2227 > 2232 >
2228 3 2233 3
2229 </button> 2234 </button>
2230 </li> 2235 </li>
2231 <li> 2236 <li>
2232 <button 2237 <button
2233 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2238 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2234 > 2239 >
2235 4 2240 4
2236 </button> 2241 </button>
2237 </li> 2242 </li>
2238 <li> 2243 <li>
2239 <span class="px-3 py-1">...</span> 2244 <span class="px-3 py-1">...</span>
2240 </li> 2245 </li>
2241 <li> 2246 <li>
2242 <button 2247 <button
2243 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2248 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2244 > 2249 >
2245 8 2250 8
2246 </button> 2251 </button>
2247 </li> 2252 </li>
2248 <li> 2253 <li>
2249 <button 2254 <button
2250 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2255 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2251 > 2256 >
2252 9 2257 9
2253 </button> 2258 </button>
2254 </li> 2259 </li>
2255 <li> 2260 <li>
2256 <button 2261 <button
2257 class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple" 2262 class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple"
2258 aria-label="Next" 2263 aria-label="Next"
2259 > 2264 >
2260 <svg 2265 <svg
2261 class="w-4 h-4 fill-current" 2266 class="w-4 h-4 fill-current"
2262 aria-hidden="true" 2267 aria-hidden="true"
2263 viewBox="0 0 20 20" 2268 viewBox="0 0 20 20"
2264 > 2269 >
2265 <path 2270 <path
2266 d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" 2271 d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
2267 clip-rule="evenodd" 2272 clip-rule="evenodd"
2268 fill-rule="evenodd" 2273 fill-rule="evenodd"
2269 ></path> 2274 ></path>
2270 </svg> 2275 </svg>
2271 </button> 2276 </button>
2272 </li> 2277 </li>
2273 </ul> 2278 </ul>
2274 </nav> 2279 </nav>
2275 </span> 2280 </span>
2276 </div> 2281 </div>
2277 </div> 2282 </div>
2278 --> 2283 -->
2279 <!-- Charts --> 2284 <!-- Charts -->
2280 <!-- 2285 <!--
2281 <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"> 2286 <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200">
2282 Графики 2287 Графики
2283 </h2> 2288 </h2>
2284 <div class="grid gap-6 mb-8 md:grid-cols-2"> 2289 <div class="grid gap-6 mb-8 md:grid-cols-2">
2285 <div 2290 <div
2286 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 2291 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
2287 > 2292 >
2288 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> 2293 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300">
2289 Revenue 2294 Revenue
2290 </h4> 2295 </h4>
2291 <canvas id="pie"></canvas> 2296 <canvas id="pie"></canvas>
2292 <div 2297 <div
2293 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" 2298 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400"
2294 > 2299 >
2295 2300
2296 <div class="flex items-center"> 2301 <div class="flex items-center">
2297 <span 2302 <span
2298 class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full" 2303 class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full"
2299 ></span> 2304 ></span>
2300 <span>Shirts</span> 2305 <span>Shirts</span>
2301 </div> 2306 </div>
2302 <div class="flex items-center"> 2307 <div class="flex items-center">
2303 <span 2308 <span
2304 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" 2309 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full"
2305 ></span> 2310 ></span>
2306 <span>Shoes</span> 2311 <span>Shoes</span>
2307 </div> 2312 </div>
2308 <div class="flex items-center"> 2313 <div class="flex items-center">
2309 <span 2314 <span
2310 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" 2315 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full"
2311 ></span> 2316 ></span>
2312 <span>Bags</span> 2317 <span>Bags</span>
2313 </div> 2318 </div>
2314 </div> 2319 </div>
2315 </div> 2320 </div>
2316 <div 2321 <div
2317 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 2322 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
2318 > 2323 >
2319 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> 2324 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300">
2320 Traffic 2325 Traffic
2321 </h4> 2326 </h4>
2322 <canvas id="line"></canvas> 2327 <canvas id="line"></canvas>
2323 <div 2328 <div
2324 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" 2329 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400"
2325 > 2330 >
2326 2331
2327 <div class="flex items-center"> 2332 <div class="flex items-center">
2328 <span 2333 <span
2329 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" 2334 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full"
2330 ></span> 2335 ></span>
2331 <span>Organic</span> 2336 <span>Organic</span>
2332 </div> 2337 </div>
2333 <div class="flex items-center"> 2338 <div class="flex items-center">
2334 <span 2339 <span
2335 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" 2340 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full"
2336 ></span> 2341 ></span>
2337 <span>Paid</span> 2342 <span>Paid</span>
2338 </div> 2343 </div>
2339 </div> 2344 </div>
2340 </div> 2345 </div>
2341 </div> 2346 </div>
2342 --> 2347 -->
2343 </div> 2348 </div>
2344 </main> 2349 </main>
2345 </div> 2350 </div>
2346 </div> 2351 </div>
2347 @yield('modal') 2352 @yield('modal')
2348 </body> 2353 </body>
2349 @yield('script') 2354 @yield('script')
2350 </html> 2355 </html>
2351 2356
resources/views/modals/admin/messages/rejecte_message.blade.php
File was created 1 <div class="hide">
2 <div id="rejecte_message" class="modal-dialog">
3 <div class="modal-dialog-title">
4 <h2>Отклонить сообщение</h2>
5 </div>
6 <div class="modal-dialog-body">
7 <p>Вы действительно хотите отклонить сообщение №<span class="message-id"></span> от "<b><span class="user-name"></span></b>"?</p>
8 </div>
9 <div class="modal-dialog-footer">
10 <button type="button" class="rejecte-message-button flex px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-red-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
11 Отклонить
12 </button>
13 <button type="button" class="px-3 py-1 text-sm font-medium leading-5 transition-colors duration-150 bg-white border border-transparent rounded-md border-gray-300"
14 onclick="$.fancybox.close();">
15 Закрыть
16 </button>
17 </div>
18 </div>
19 </div>
20
21 <script>
22 $(function(){
23 $('.rejecte-message-button').click(function(){
24 spinStart($(this));
25 var wrap = $(this).closest('#rejecte_message');
26 var chat_id = wrap.data('chat-id');
27
28 /*$.ajax({
29 type: "POST",
30 url: "{{ route('employer.remove_chat') }}",
31 data: {
32 id: chat_id
33 },
34 headers: {
35 'X-CSRF-TOKEN': $('[name="_token"]').val()
36 },
37 success: function(){
38 location.reload();
39 }
40 });*/
41 });
42 });
43 </script>
44