Issues:
1/*
2 ________ __ __ __ __ _____ __
3| __ || | / \ | | | || __ \ | |
4| |__| || | / \ | |\ | || |__) | | |
5| _____|| | / /\ \ | | \| || / | |____ ___ ___
6| | | | / /__\ \ | |\ | || __ \ | ___ |\ \ / /
7| | | | / / \ \ | | \| || |__) |_ | |___| | \ \__/ /
8|__| |__|/__/ \__\|__| |__||_______(_)|_______| \ /
9 _| /
10 | /
11 |____/
12*/
13a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}
14body,html{height:100%}
15article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
16b,strong{font-weight:700}
17img{color:transparent;font-size:0;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;-ms-interpolation-mode:bicubic}
18ol,ul{list-style:none}
19li{display:list-item}
20table{border-collapse:collapse;border-spacing:0}
21caption,td,th{font-weight:400;vertical-align:top;text-align:left}
22q{quotes:none}
23q:after,q:before{content:'';content:none}
24small,sub,sup{font-size:75%}
25sub,sup{line-height:0;position:relative;vertical-align:baseline}
26sub{bottom:-.25em}
27sup{top:-.5em}
28svg{overflow:hidden}
29.clear,.clr{display:block;clear:both;overflow:hidden;line-height:0!important;height:0!important;font-size:0;margin:0;padding:0}
30.clearfix:after,.clearfix:before{content:"";display:block;overflow:hidden;visibility:hidden;width:0;height:0}
31.clearfix:after{clear:both}
32.clearfix{zoom:1}
33html{overflow-x:hidden}
34hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
35ol{list-style:decimal}
36ul{list-style:disc}
37li{margin-left:30px}
38address,dl,fieldset,figure,hr,ol,p,pre,table,ul{margin-top:0}
39
40
41/* Show Once ---------------------- */
42 *[data-show-once-id]:not(.hystmodal) {display: none;}
43
44
45
46/* HYST MODAL ---------------------- */
47 /* right & left orientation ---------------------- */
48 .hystmodal-right .hystmodal__window,
49 .hystmodal-left .hystmodal__window{margin: 0;}
50
51
52 .hystmodal-right .hystmodal__wrap {align-items: end;}
53
54 .hystmodal-right .hystmodal__close {left: -40px;}
55
56
57 .hystmodal-left .hystmodal__wrap {align-items: start;}
58
59
60 /* wide ---------------------- */
61 #myModal-wide .hystmodal__window {width: 1000px;}
62
63 #modal-order-confirmation .hystmodal__window {width: 650px;}
64
65
66 /* custom view & animaion ---------------------- */
67 /* default ---------------------- */
68 .hystmodal__wrap {perspective: 1000px;}
69
70 .hystmodal:not(.hystmodal-right):not(.hystmodal-left) .hystmodal__window {transform: rotateX(10deg) translate(0, 50px) scale(.9);transition: .5s;}
71
72 .hystmodal--active:not(.hystmodal-right):not(.hystmodal-left) .hystmodal__window {transform: translate(0, 0);}
73
74
75 /* right & left ---------------------- */
76 .hystmodal-right .hystmodal__window {transform: translate(100px, 0); opacity: 1;}
77
78 .hystmodal-left .hystmodal__window {transform: translate(-100px, 0); opacity: 1;}
79
80 .hystmodal-right.hystmodal--active .hystmodal__window,
81 .hystmodal-left.hystmodal--active .hystmodal__window{transform: translate(0, 0)}
82
83
84/* PlanB Modal ---------------------- */
85 /*behavior*/
86 .fon_modal {z-index: 10001;top: 0;left: 0;bottom: 0;right: 0;position: fixed;display: none;}
87
88 .modalwrapper {-webkit-overflow-scrolling: touch;perspective: 1000px;overflow-y: scroll;z-index: 1000;top: 0;right: 0;width: 100%;height: 100%;display: none;position: fixed;}
89
90 .modal {left: 50%;transform: translate(-50%, 0%) rotateX(50deg) scale(.6);bottom: auto;opacity: 0;z-index: 10002;box-sizing: border-box;transition: 1s;display: none;position: absolute;}
91
92 .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}
93
94 .modal .close_modal {position: absolute;z-index: 999999;text-align: center;cursor: pointer;transition: .5s;}
95
96
97 /*modal width & position*/
98 .modal {width: 600px;top: 50%;}
99
100 .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}
101
102
103 /*style*/
104 .modalwrapper {-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);background: rgb(0 0 0 / 15%);}
105
106 .modal {background: #fff;border-radius: 5px;padding: 40px;}
107
108 .modal .close_modal {right: 10px;top: 10px;color: var(--textcolor);background: transparent;width: 35px;height: 35px;line-height: 35px;font-size: 30px;border-radius: 5px;}
109
110 .modal .close_modal:hover {transform: rotate(90deg);}
111
112 .modal h3 {font-weight: 700;font-size: 20px;text-transform: uppercase;line-height: 24px;padding: 20px 0 0;}
113
114 .modal h3, .modal p {color: var(--textcolor)}
115
116 .fon_image img {max-height: 200px;width: auto;display: block;margin: 0 auto;border-radius: 10px;}
117
118
119/* Список - галочки ---------------------- */
120 ul.check-list {margin: 15px 0}
121
122 ul.check-list li {list-style-type: none;padding-left: 40px;position: relative;margin-bottom: 5px;margin-left: 0;}
123
124 ul.check-list li:before {background: url(/assets/images/icons/check_black.png) 50% 50%/15px no-repeat;left: 12px;top: 7px;width: 15px;height: 15px;position: absolute;content: "";display: inline-block;}
125
126
127/* Список кружочки ---------------------- */
128 ul.circle-list, .blog-content ul {margin: 15px 0}
129
130 .circle-list li, .blog-content li {list-style-type: none;margin-bottom: 8px;position: relative;}
131
132 .circle-list li:before, .blog-content li:before {right: calc(100% + 10px);top: 8px;border: 1px solid var(--maincolor);width: 6px;height: 6px;border-radius: 100px;position: absolute;display: block;content: '';}
133
134
135/* ol li customization ---------------------- */
136 ol.numbered {counter-reset: myCounter;margin: 15px 0}
137
138 ol.numbered li {margin-bottom: 5px;list-style-type: none;padding-left: 10px;position: relative;}
139
140 ol.numbered li:before {background:var(--maincolor);color: #fff;counter-increment:myCounter;content:counter(myCounter);position:absolute;left: -30px;top:-2px;display:inline-block;text-align:center;margin:5px 10px;width:17px;height:17px;line-height:17px;border-radius:20px;font-size:.7em}
141
142
143ol.custom-list {counter-reset: list-count;}
144
145ol.custom-list>li {min-height: 40px;counter-increment: list-count;}
146
147.custom-list>li {display: flex;flex-direction: column;align-items: stretch;justify-content: center;position: relative;padding-left: calc(40px + 12px);}
148
149.custom-list>li:not(:last-child) {margin-bottom: var(--mb);}
150
151ol.custom-list>li:before {content: counter(list-count);}
152
153.custom-list>li:before {content: '';display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 50%;text-align: center;font-size: 1.3rem;line-height: 1.2;font-weight: 500;color: #333;position: absolute;width: 40px;height: 40px;background: var(--maincolor, #fff);border-radius: 50%;border: 1px solid 40px;transform: translateY(-50%);}
154
155.custom-list>li:after {content: '';display: block;position: absolute;z-index: -1;top: 0;width: 2px;background: var(--maincolor);height: calc(100% + var(--mb));left: calc(40px / 2);transform: translate(-50%, 0);}
156
157.custom-list>li:first-child:after {top: 50%;height: calc(50% + 20px);}
158
159.custom-list>li:last-child:after {height: 50%;}
160
161
162
163/* Fancybox ----------------------
164 a[data-fancybox] {position: relative;display: block;}
165
166 a[data-fancybox]:after {background: url(/assets/images/icons/zoom_white.png) 50% 50%/20px no-repeat, #00000024;display: block;content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition:.5s;}
167
168 a[data-fancybox]:hover:after {opacity: 1;}
169*/
170
171/* Breadcrumbs ---------------------- */
172 ul.breadcrumb {font-size: .8em;width: 100%;margin: 0;padding: 10px 0;box-sizing: border-box;margin-top: 5px;}
173
174 .breadcrumb li {float: left;list-style-type: none;padding-left: 0 !important;margin-bottom: 0 !important;margin-left: 0 !important;margin-right: 3px;color: #464646;}
175
176 .breadcrumb li a {color: #464646;}
177
178
179
180/* OWL Carousel ---------------------- */
181 /* arrows 1 */
182 .owl-arrows1 .owl-nav button {width: 30px !important;height: 30px !important;line-height: 30px !important;font-size: 0 !important;border-radius: 50px;background: #fff !important;border: 1px solid var(--grey2) !important;top: 50%;transform: translateY(-50%);outline: none;position: absolute;}
183
184 .owl-arrows1 .owl-nav .owl-prev {left: -15px;background: url(/assets/images/icons/arrow_left_black.png) no-repeat 50% !important;background-size: 12px 12px !important;background-color: #fff !important;}
185
186 .owl-arrows1 .owl-nav .owl-next {right: -15px;background: url(/assets/images/icons/arrow_right_black.png) no-repeat 50% !important;background-size: 12px 12px !important;background-color: #fff !important;}
187
188
189
190 /* arrows 2 */
191 .owl-arrows2 {padding: 0 40px;margin: 0;box-sizing: border-box;}
192
193 .owl-arrows2 .owl-prev,
194 .owl-arrows2 .owl-next {background: var(--maincolor2) !important;color: #fff !important;height: 30px;width: 30px;border-radius: 100px;padding: 0;box-sizing: border-box;font-size: 0;position: absolute;transition: 0.3s;top: 50%;transform: translateY(-50%);outline: none;}
195
196 .owl-arrows2 .owl-prev {left: 0px}
197
198 .owl-arrows2 .owl-next {right: 0px;}
199
200
201 .owl-arrows2 .owl-next.disabled,
202 .owl-arrows2 .owl-prev.disabled {background: var(--grey) !important;}
203
204
205 /* arrows 3 */
206 .owl-arrows3 .owl-nav {top: -50px;right: 0;position: absolute;}
207
208 .owl-arrows3 .owl-nav button {width: 40px;height: 40px;line-height: 40px !important;background: var(--white) !important;color: #222 !important;border-radius: 3px;margin-left: 8px;outline: none;}
209
210 .owl-arrows3 .owl-nav button.disabled {background: var(--grey) !important;color: #222 !important;cursor: initial;}
211
212
213 /* dots 1 */
214 .owl-dots1 .owl-dots {margin-top: 10px;text-align: center;}
215
216 .owl-dots1 .owl-dots button {background: #fff !important;width: 10px;border: 1px solid #cecece !important;height: 10px;margin: 0 4px;border-radius: 100%;transition: .2s;outline: none;display: inline-block;}
217
218 .owl-dots1 .owl-dots button.active,
219 .owl-dots1 .owl-dots button:hover {background: var(--maincolor) !important}
220
221
222 /* dots 2 */
223 .owl-dots2-wrapper {text-align: center;line-height: 10px;}
224
225 .owl-dots2 .owl-dots {border-radius: 25px;text-align: center;line-height: 0;position: absolute;z-index: 1;bottom: 15px;left: 50%;transform: translateX(-50%);}
226
227 .owl-dots2 button {right: 0;transform: none;top: 0;height: 100%;background: var(--maincolor2) !important;width: 50px;opacity: 0.5;transition: .5s;z-index: 2;}
228
229 .owl-dots2 button.active,
230 .owl-dots2 button:hover {background: var(--maincolor) !important;}
231
232
233/* TABLE ---------------------- */
234 .table{max-width:100%;overflow-x:auto;width: 100%;}
235
236 .table table {width: 100%}
237
238 .table::-webkit-scrollbar {width: 5px;height: 5px;background: var(--maincolor);}
239
240 .table::-webkit-scrollbar-track {background: transparent;}
241
242 .table::-webkit-scrollbar-thumb {background-color: var(--grey);border-radius: 10px;}
243
244
245 .table tr {border-bottom: 1px solid #f3f4f4;text-align: center;}
246
247 .table tr:last-child {border: none;}
248
249 .table td {border: 1px solid #e5e5e5;padding: 5px 10px;font-size: 1.5rem;color: var(--textcolor);vertical-align: middle;text-align: left;width: auto !important;height: auto !important;}
250
251 .table tr th {vertical-align: bottom;font-weight: 600;padding: 5px 10px;text-align: center;font-size: 1.45rem;background: var(--maincolor);color: #fff;}
252
253 .table tr:nth-child(even) {background: var(--grey);}
254
255 .table.table tr.tr-title {background: #fdebee;}
256
257 .table.table tr.tr-title > td {color: var(--maincolor);font-weight: bold;text-align: center;}
258
259
260 .prices-table td:last-child {text-align: right;}
261
262
263 .menu-tables table {table-layout: fixed;width: 100%;border-collapse: collapse;}
264
265 .menu-tables td {width: auto;}
266
267
268/* TABS ---------------------- */
269 .tabs__content {display: none;}
270
271 .tabs__content.active {display: block;width: 100%;}
272
273 .tabs__content ul.colors_ral li {list-style: none;margin-left: 0;}
274
275 .tabs__caption {margin-bottom: 0;list-style-type: none;overflow: hidden;border-bottom: 1px solid var(--sky)}
276
277 .tabs__caption>li {font-weight: 400;padding: 15px 0;display: inline-block;margin: 0;border-right: 1px solid var(--sky);position: relative;text-align: center;box-sizing: border-box;cursor: pointer;transition: .5s;}
278
279 .tabs__caption>li:last-child {border-right: none;}
280
281 .tabs__caption>li.active {background: var(--maincolor);color: #fff;}
282
283 .tabs__caption>li:nth-child(2) {margin-right: 0;}
284
285 .tabs__caption>li:hover {background: var(--maincolor);color: #fff;}
286
287
288
289 .tabs__content {padding: 20px;box-sizing: border-box;}
290
291 .tabs__caption {display: table;width: 100%;}
292
293 .tabs__caption > li {display: table-cell;}
294
295
296 .slides .owl-stage-outer, .showmore .owl-stage-outer {padding: 8px 0;}
297
298
299/* Icons Docs pdf docx xls ---------------------- */
300a[href$=".pdf"].icon-file,
301a[href$=".rtf"].icon-file,
302a[href$=".doc"].icon-file,
303a[href$=".docx"].icon-file,
304a[href$=".jpg"].icon-file,
305a[href$=".xls"].icon-file{position: relative;font-size:1.5rem;color: var(--maincolor2);font-weight: 600;border-radius: 10px;display: inline-block;margin-bottom: 20px;padding: 20px 40px 20px 60px;background: var(--grey) url(/assets/images/icons/files/pdf-file.png) 15px/30px no-repeat;background-size: 30px 30px;transition: .5s;}
306
307a[href$=".doc"].icon-file,
308a[href$=".rtf"].icon-file,
309a[href$=".docx"].icon-file {background: var(--grey) url(/assets/images/icons/files/docx-file.png) 15px 25px/30px no-repeat;background-size: 30px 30px;}
310
311a[href$=".xls"].icon-file {background: var(--grey) url(/assets/images/icons/files/xls-file.png) 15px 25px/30px no-repeat;background-size: 30px 30px;}
312
313a[href$=".jpg"].icon-file {background: var(--grey) url(/assets/images/icons/files/jpg-file.png) 15px 25px/30px no-repeat;background-size: 30px 30px;}
314
315
316
317/* Before Line ---------------------- */
318 .before-line {position: relative;color: var(--hcolor);padding: 0 0 0 130px;}
319
320 .before-line:before {display: inline-block;height: 2px;width: 100px;background: var(--hcolor);content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
321
322
323/* Full width block ---------------------- */
324 .fw {position: relative;}
325
326 .fw:before,.fw:after {content: '';display: block;background: inherit;position: absolute;height: 100%;width: 10000px;top: 0;}
327
328 .fw:before{right: 100%;}
329 .fw:after{left: 100%;}
330
331
332/* HR Shadow ---------------------- */
333 .hr-shadow{position:relative;overflow:hidden;height:25px}
334.hr-shadow:after{position:absolute;content:'';z-index:1;height:20px;top:-20px;left:50%;width:100%;margin-left:-50%;-webkit-border-radius:200px/10px;-moz-border-radius:200px/10px;border-radius:200px/10px;box-shadow:0 0 30px rgba(0,0,0,.28)}
335
336
337/* Sweet Alert ---------------------- */
338 .swal2-container {width: 35rem !important;}
339
340 .swal2-popup.swal2-toast {padding: 2rem !important;font-size: 2rem !important;}
341
342 h2#swal2-title {font-size: 1.5rem;line-height: 1.5rem !important;}
343
344 .swal2-html-container {font-size: 1.5rem !important;line-height: 1.5rem !important;}
345
346 html.swal2-shown,body.swal2-shown {height: auto!important;}
347
348
349/* Gridzy ---------------------- */
350 .gridzyItem img {width: 100%;}
351
352
353.right_fixed_block {position: fixed;top: 185px;right: 0;z-index: 3;box-shadow: -7px 5px 11px rgba(0, 0, 0, .1);
354 border-radius: 4px 0 0 4px;background: #fff;width: 63px;}
355
356.right-block {display: block;height: 100%;text-align: center;line-height: 64px;cursor: pointer;}
357
358.right_fixed_block .right-block:hover svg path {fill: var(--maincolor) !important;}
359
360.right-block2:before, .right-block3:before {content: "";display: block;width: 100%;height: 1px;background: var(--grey2);}
361
362
363.svg {display: inline-block;vertical-align: middle;position: relative;background-repeat: no-repeat;background-position: center center;}
364
365#scrollup {width: 45px;height: 45px;right: 20px;bottom: 20px;position: fixed;border-radius: 100%;opacity: 0;visibility: hidden;background: var(--maincolor);cursor: pointer;text-align: center;display: flex;justify-content: center;align-items: center;transition: 0.5s;transform: rotate(180deg);z-index: 10;}
366
367.icon-star-about {left: 20px;width: 250px;border-radius: 20px;bottom: 20px;position: fixed;z-index: 10;}
368
369.icon-star-about img {object-fit: contain;border-radius: 20px;}
370
371.video-icon-star-close {position: absolute;top: -18px;right: -7px;cursor: pointer;}
372
373.video-icon-star-close > img {width: 16px;}
374
375.video-icon-star-block:before {border: 7px solid transparent;border-left: 12px solid #fff;z-index: 2;margin: -7px 0 0 -6px;content: "";position: absolute;top: 50%;left: 50%;transition: transform .3s;}
376
377.video-icon-star-block:after {background-color: #dc2e5d8f;margin: -25px 0 0 -25px;width: 50px;height: 50px;border-radius: 100%;content: "";position: absolute;top: 50%;left: 50%;transition: transform .3s;animation: glowPulse 3s ease-in-out infinite;}
378
379.video-icon-star-block:hover:after, .fancy-video-play:hover:before {transform: scale(1.2);}
380
381.icon-star-about-button {position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);color: #fff;width: 100%;font-size: 1.65rem;font-weight: 600;display: flex;justify-content: center;align-items: center;}
382
383
384@keyframes glowPulse {
385 0%, 100% {
386 box-shadow: 0 0 12px rgba(255, 255, 255, 0.5),
387 0 0 25px rgba(255, 255, 255, 0.3),
388 0 0 40px rgba(255, 255, 255, 0.2);
389 }
390
391 50% {
392 box-shadow: 0 0 20px rgba(255, 255, 255, 0.8),
393 0 0 40px rgba(255, 255, 255, 0.6),
394 0 0 60px rgba(255, 255, 255, 0.4);
395 }
396
397}
398
399
400
401
402.border-bottom {border-bottom: 1px solid rgb(229, 229, 229);}
403
404.top-meta__section {padding: 5px 15px;border-radius: 6px;display: inline-block;background: var(--grey);margin-bottom: 15px;}
405
406.detail-block.ordered-block.comments {display: none;}
407
408/* ---------------------------------------------- */
409/* ---------------------------------------------- */
410/* COMMON */
411/* ---------------------------------------------- */
412/* ---------------------------------------------- */
413
414
415:root {
416 /* font */
417 --fontfamily: "Montserrat", sans-serif;
418 --fontsize: 1.65rem;
419 --lineheight: 2.4rem;
420
421 /* colors */
422 --maincolor: #dc2e5d;
423 --maincolor2: #333333;
424 --textcolor: #3B3B3B;
425 --hcolor: #333333;
426
427 --red: #ff541c;
428 --blue: #25AFE6;
429 --green: #29A429;
430 --yellow: #fff8cc;
431 --orange: #D8771E;
432 --violet: #B240F8;
433 --grey: #f8f8f8;
434 --grey2: #e5e5e5;
435 --grey3: #b3b3b3;
436 --grey4: #999;
437 --rose: #FFDBDE;
438
439 --sky: #DCEAFD;
440 --dark: #c3c2c2;
441 --white: #fff;
442 --black: #000;
443
444 --footerbg: #111;
445
446
447 /* decoration */
448 --boxshadow: 0 5px 20px rgba(0, 0, 0, .1);
449 --gradient: linear-gradient(-93deg, #40C54A -1.1%, #EFC800 33.2%, #F74000 74.78%);
450
451
452 /* sizes */
453 --top-header-height: 50px;
454 --header-height: 100px;
455 --header-plus-menu-height: 100px;
456 --header-height-min: 100px;
457 --letter-spacing: .8px;
458
459 --mainmenu-height: 100px;
460 --mainmenu-border-left-color: #88adcb;
461 --mainmenu-border-right-color: #096898;
462
463 /* buttons */
464 --smallbuttonheight: 25px;
465 --buttonheight: 42px;
466 --bigbuttonheight: 55px;
467}
468
469
470body::-webkit-scrollbar {width: 6px;background: transparent;}
471
472body::-webkit-scrollbar-track {background: transparent;}
473
474body::-webkit-scrollbar-thumb {background-color: var(--maincolor);border-radius: 10px;}
475
476::selection {background: var(--maincolor2);color: #fff;}
477
478
479html {font-size: 10px;}
480
481body {font-size: var(--fontsize);line-height: var(--lineheight);font-family: var(--fontfamily);font-feature-settings: "pnum" on,"lnum" on;font-weight: 400;color: var(--textcolor);}
482
483
484a {color: var(--maincolor2);outline: none;text-decoration: none;}
485
486a:hover {color: var(--maincolor);}
487
488p {margin-bottom: 20px;}
489
490
491h1, .h1 {font-size: clamp(3rem, 5vw, 7.5rem); line-height: clamp(3.5rem, 5.5vw, 8rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
492
493h2, .h2, #content #pagetitle {font-size: clamp(2.5rem, 4vw, 4rem); line-height: clamp(3rem, 4.5vw, 4.5rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
494
495h3, .h3 {font-size: clamp(2.3rem, 3.5vw, 3rem); line-height: clamp(2.8rem, 4vw, 3.6rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
496
497h4, .h4 {font-size: clamp(2rem, 3vw, 2.8rem); line-height: clamp(2.5rem, 3.5vw, 3.2rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
498
499h5, .h5 {font-size: clamp(1.8rem, 2.5vw, 2.4rem); line-height: clamp(2.2rem, 3vw, 2.8rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
500
501h6, .h6 {font-size: clamp(1.5rem, 2vw, 2rem); line-height: clamp(2rem, 2.5vw, 2.5rem); font-weight: 700; margin-bottom: 1em; color: var(--hcolor);}
502
503
504
505.blog-content h2 {margin-bottom: 20px;}
506
507
508.maincolor {color: var(--maincolor)}
509
510.maincolor2 {color: var(--maincolor2)}
511
512.textcolor {color: var(--textcolor)}
513
514.hcolor {color: var(--hcolor)}
515
516.red {color: var(--red)}
517
518.rose {color: var(--rose)}
519
520.blue {color: var(--blue)}
521
522.green {color: var(--green)}
523
524.yellow {color: var(--yellow)}
525
526.orange {color: var(--orange)}
527
528.violet {color: var(--violet)}
529
530.grey {color: var(--grey)}
531
532.grey2 {color: var(--grey2)}
533
534.grey3 {color: var(--grey3)}
535
536.grey4 {color: var(--grey4)}
537
538.sky {color: var(--sky)}
539
540.white {color: var(--white)}
541
542.dark {color: var(--dark)}
543
544.boxshadow, .bshad {box-shadow: var(--boxshadow)}
545
546
547.border-grey {border: 1px solid var(--grey);}
548
549
550
551.bg-maincolor {background: var(--maincolor);}
552
553.bg-maincolor2 {background: var(--maincolor2);}
554
555.bg-textcolor {background: var(--textcolor);}
556
557.bg-hcolor {background: var(--hcolor);}
558
559.bg-red {background: var(--red);}
560
561.bg-rose {background: var(--rose);}
562
563.bg-blue {background: var(--blue);}
564
565.bg-green {background: var(--green);}
566
567.bg-yellow {background: var(--yellow);}
568
569.bg-orange {background: var(--orange);}
570
571.bg-violet {background: var(--violet);}
572
573.bg-grey {background: var(--grey);}
574
575.bg-sky {background: var(--sky);}
576
577.bg-white {background: var(--white);}
578
579.bg-dark {background: var(--dark);}
580
581.bg-maincolor2 {background: var(--maincolor2);}
582
583.bg-gradient {background: var(--gradient);}
584
585
586blockquote {
587 position: relative;
588 padding: 0 20px 0 41px;
589 border: none;
590 font-weight: 400;
591 font-size: 1.2em;
592 line-height: calc(1em + 10px);
593 margin: 48px 0
594}
595
596
597blockquote p {
598 line-height: normal
599}
600
601
602blockquote:before {
603 position: absolute;
604 top: 0;
605 left: 0;
606 bottom: 0;
607 content: "";
608 width: 3px;
609 border-radius: 3px;
610 background-color: #9e9e9e;
611 background-color: var(--maincolor, #9e9e9e)
612}
613
614
615blockquote.danger {
616 padding: 27px 42px 31px 42px;
617 border: 1px solid rgba(210, 21, 21, .4);
618 border-radius: 3px;
619 border-left: 3px solid #d21515;
620 color: #bb3a3a;
621 margin: 40px 0;
622 font-weight: 400
623}
624
625
626blockquote.info {
627 padding: 27px 42px 31px 42px;
628 border: 1px solid rgba(91, 177, 71, .4);
629 border-radius: 3px;
630 border-left: 3px solid #5bb147;
631 color: #5a8051;
632 margin: 40px 0;
633 font-weight: 400
634}
635
636
637blockquote.danger * {
638 color: #bb3a3a
639}
640
641
642blockquote.info * {
643 color: #5a8051
644}
645
646
647blockquote.danger:before {
648 content: "";
649 position: absolute;
650 top: -9px;
651 left: 40px;
652 background: var(--black_bg_black) url(/bitrix/templates/aspro-allcorp3kids/images/allcorp3kids.png) -249px -262px no-repeat;
653 width: 26px;
654 height: 17px
655}
656
657
658blockquote.info:before {
659 content: "";
660 position: absolute;
661 top: -9px;
662 left: 40px;
663 background: var(--black_bg_black) url(/bitrix/templates/aspro-allcorp3kids/images/allcorp3kids.png) -17px -153px no-repeat;
664 width: 26px;
665 height: 18px
666}
667
668
669blockquote.danger:after {
670 content: ""
671}
672
673
674blockquote.code {
675 padding: 27px 42px 31px 42px;
676 border: 1px solid #f2f2f2;
677 border-color: var(--stroke_black);
678 background: url(/bitrix/templates/aspro-allcorp3kids/images/code_pattern.gif);
679 color: #999;
680 margin: 40px 0;
681 font-weight: 400
682}
683
684
685blockquote.code:before {
686 display: none
687}
688
689
690/* useful classes */
691.main {max-width: 1780px;clear: both;box-sizing: border-box;margin: 0 auto;padding: 0 30px;position: relative;}
692
693.small {font-size: .85em;line-height: 1.5em;}
694
695.font_42 { font-size: 2.8em; line-height: calc(1em + 7px) }
696 .font_40 { font-size: 2.66666em; line-height: calc(1em + 7px) }
697 .font_38 { font-size: 2.53333em; line-height: calc(1em + 7px) }
698 .font_36 { font-size: 2.4em; line-height: calc(1em + 7px) }
699 .font_34 { font-size: 2.26666em; line-height: calc(1em + 7px) }
700 .font_32 { font-size: 2.13333em; line-height: calc(1em + 7px) }
701 .font_30 { font-size: 2em; line-height: calc(1em + 7px) }
702 .font_28 { font-size: 1.86666em; line-height: calc(1em + 7px) }
703 .font_26 { font-size: 1.73333em; line-height: calc(1em + 7px) }
704 .font_25 { font-size: 1.66667em; line-height: calc(1em + 7px) }
705 .font_24 { font-size: 1.6em; line-height: calc(1em + 7px) }
706 .font_23 { font-size: 1.53333em; line-height: calc(1em + 7px) }
707 .font_22 { font-size: 1.46667em; line-height: calc(1em + 7px) }
708 .font_21 { font-size: 1.4em; line-height: calc(1em + 7px) }
709 .font_20 { font-size: 1.33333em; line-height: calc(1em + 7px) }
710 .font_19 { font-size: 1.26667em; line-height: calc(1em + 7px) }
711 .font_18 { font-size: 1.2em; line-height: calc(1em + 7px) }
712 .font_17 { font-size: 1.13333em; line-height: calc(1em + 7px) }
713 .font_16 { font-size: 1.06667em; line-height: calc(1em + 7px) }
714 .font_15 { font-size: 1em; line-height: calc(1em + 7px) }
715 .font_14 { font-size: .93333em; line-height: calc(1em + 7px) }
716 .font_13 { font-size: .86667em; line-height: calc(1em + 7px) }
717 .font_12 { font-size: .8em; line-height: calc(1em + 7px) }
718 .font_11 { font-size: .73333em; line-height: calc(1em + 7px) }
719 .font_10 { font-size: .66667em; line-height: calc(1em + 7px) }
720 .font_9 { font-size: .6em; line-height: calc(1em + 7px) }
721
722.warning {background-color: #FDF7DF;border: 1px solid #FEEC6F;color: #C9971C;font-weight: 700;padding: 10px 20px;border-radius: 10px;}
723
724.maxwidth600 {margin: 0 auto;max-width: 600px;}
725
726.maxwidth700 {margin: 0 auto;max-width: 700px;}
727
728.maxwidth800 {margin: 0 auto;max-width: 800px;}
729
730.maxwidth900 {margin: 0 auto;max-width: 900px;}
731
732.maxwidth1000 {margin: 0 auto;max-width: 1000px;}
733
734.maxwidth1200 {margin: 0 auto;max-width: 1200px;}
735
736.curp {cursor: pointer;}
737
738.border, .bordered {border: 1px solid var(--grey2);}
739
740.border-maincolor {border: 1px solid var(--maincolor);}
741
742[data-copy-to-clipboard] {cursor: pointer;}
743
744.stroke-theme *, .stroke-theme-svg, .stroke-theme-use-svg svg {stroke: #9e9e9e;stroke: var(--maincolor);}
745
746
747/* FORM ---------------------- */
748
749 /* inputs ---------------------- */
750 input[type="text"],
751 input[type="email"],
752 input[type="date"],
753 input[type="tel"],
754 input[type="time"],
755 input[type="password"],
756 textarea,
757 select {line-height: 50px;padding: 0 20px;color: var(--textcolor);border-radius: 5px;width: 100%;margin: 0 0 20px 0;background: var(--grey);border: 0;font-family: var(--fontfamily);font-size: var(--fontsize);outline: none;box-sizing: border-box;display: block;transition: background .5s, resize 0s;}
758
759 input[type="text"].error, .ec-error {background-color: #ffd2d2;font-size: 13px;}
760
761 input[type="date"], input[type="time"] {-webkit-appearance: textfield;-moz-appearance: textfield; color: #757575;}
762
763 input[type="date"]:not(.has-value):before, input[type="time"]:not(.has-value):before {color: #757575;content: attr(placeholder );margin-right: 10px;}
764
765 textarea {line-height: 30px;line-height: 30px;padding: 20px;display: block;width: 100%;max-width: none !important;font-family: inherit;font-size: inherit;color: #000;resize: vertical;}
766
767 input:focus, textarea:focus {background: #e0e2e8;}
768
769 select {outline: none;padding: 0 20px;background: url(/assets/images/icons/arrow_down_black.png) no-repeat calc(100% - 15px) 50% var(--grey);background-size: 12px 12px;-webkit-appearance: none;}
770
771
772
773 /* icons ---------------------- */
774 input.icon-receiver,
775 input.icon-phone,
776 input.icon-email,
777 input.icon-text_address, input.icon-address,
778 input.icon-login,
779 input.icon-password {padding-left: 55px;background-position: 15px 50%;background-size: 20px;background-repeat: no-repeat;}
780
781
782 input.icon-receiver {background-image: url(/assets/images/icons/forms/receiver_grey.png)}
783
784 input.icon-phone {background-image: url(/assets/images/icons/forms/phone_grey.png)}
785
786 input.icon-email {background-image: url(/assets/images/icons/forms/email_grey.png)}
787
788 input.icon-text_address, input.icon-address {background-image: url(/assets/images/icons/forms/address_grey.png)}
789
790 input.icon-login {background-image: url(/assets/images/icons/forms/login_grey.png)}
791
792 input.icon-password {background-image: url(/assets/images/icons/forms/password_grey.png)}
793
794
795
796 /* file ---------------------- */
797 .labelFile{padding:0;line-height:40px;text-align: center;font-size: 15px;max-width:200px;margin: 10px 0;display:block;border: 1px solid var(--maincolor2);position: relative;border-radius: 20px;}
798
799 .input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
800
801 .input-file + .labelFile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;cursor:pointer}
802
803 .labelFile:before {content: "";background: url(/assets/images/icons/upload.png) 50% 50%/100% no-repeat;color: var(--maincolor2);font-family: 'FontAwesome';display: inline-block;left: 10px;width: 13px;height: 13px;margin-right: 5px}
804
805 /* checkboxes ---------------------- */
806 input[type=checkbox] {position: relative;background: #fff;border-radius: 2px;cursor: pointer;line-height: 0;margin: 0 0.6em 0 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 20px;width: 20px;-webkit-appearance: none;border: 1px solid var(--maincolor)}
807
808 input[type=checkbox] + label {cursor: pointer;margin-right: 20px}
809
810 input[type=checkbox]:checked:before {border: solid var(--maincolor);border-width: 0 2px 2px 0;margin: -1px -1px 0 -1px;width: 4px;height: 10px;content: '';position: absolute;right: 50%;top: 50%;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;}
811
812
813 input.checkbox + label {cursor: pointer}
814
815 input.checkbox {vertical-align: top;width: 17px;height: 17px;margin: 0 3px 0 0}
816
817 input.checkbox:not(checked) {position: absolute;opacity: 0}
818
819 input.checkbox:not(checked) + label {position: relative;padding: 0 0 0 60px}
820
821 input.checkbox:not(checked) + label:before {content: '';position: absolute;top: -4px;left: 0;width: 50px;height: 26px;border-radius: 13px;background: #CDD1DA;box-shadow: inset 0 2px 3px rgba(0,0,0,.2)}
822
823 input.checkbox:not(checked) + label:after {content: '';position: absolute;top: -2px;left: 2px;width: 22px;height: 22px;border-radius: 10px;background: #FFF;box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: all .2s}
824
825 input.checkbox:checked + label:before {background: var(--maincolor)}
826
827 input.checkbox:checked + label:after {left: 26px}
828
829
830 /* radio ---------------------- */
831 /* input[type="radio"] {display: none;}
832
833 input[type="radio"] + label {position: relative;padding-left: 25px;display: block;cursor: pointer;}
834
835 input[type="radio"] + label:before {left: 0;top: 7px;border: 1px solid var(--maincolor);width: 15px;height: 15px;border-radius: 50%;cursor: pointer;box-sizing: border-box;line-height: 0;position: absolute;display: block;content: "";}
836
837 input[type="radio"] + label:after {top: 11px;left: 3.5px;width: 8px;height: 8px;background: var(--maincolor);position: absolute;display: block;content: "";transition: .2s;transform:scale(0);border-radius: 50%;}
838
839 input[type="radio"]:checked + label:after {transform:scale(1);}
840
841
842 input[type="radio"][disabled] + label {color: #ccc;}
843
844 input[type="radio"][disabled] + label:before,
845 input[type="radio"][disabled] + label:after {border-color: #ccc;}
846 */
847
848
849 input[type=radio] {position: relative;background: #fff;border-radius: 2px;cursor: pointer;line-height: 0;margin: 0 0.6em 0 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 20px;width: 20px;-webkit-appearance: none;border: 1px solid var(--maincolor)}
850
851 input[type=radio] + label {cursor: pointer;font-size: inherit;margin: 0;}
852
853 input[type=radio]:before {background: var(--maincolor);width: 12px;height: 12px;content: '';position: absolute;left: 3.5px;top: 3.5px;transform: scale(0);z-index: 2;transition: .2s;}
854
855 input[type=radio]:checked:before {transform: scale(1);}
856
857
858 .heading-badge {position: relative;min-height: 60px;max-width: 662px;font-weight: 600;color: #333;border-radius: 6px;background: rgb(255 255 255 / 30%);-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);text-align: center;padding: 10px 20px;}
859
860
861
862 /* Super Select ---------------------- */
863 .super-select {color: var(--grey4);background: var(--grey);border-radius: 5px;margin: 0;line-height: 50px;width: 100%;box-sizing: border-box;position: relative;white-space: nowrap;}
864
865
866 /* decoration line ---------------------- */
867 .super-select:before {background: #31afbb;background: linear-gradient(90deg,#31afbb,#673ab7);content: "";width: 0;border-radius: 5px 5px 0 0;height: 3px;position: absolute;top: 0px;left: 50%;transition: .3s;z-index: 2;}
868
869 .super-select:hover:before {left: 0;width: calc(100% + 1px);}
870
871
872 /* overlay ---------------------- */
873 .super-select .super-select-overlay {padding: 0 20px;cursor: pointer;}
874
875 .super-select .super-select-overlay .super-select-overlay-selected {color: #000;font-size: .8em;margin-left: 20px;display: inline-block;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;max-width: 150px;}
876
877 .super-select .arrow {right: 15px;height: 30%;top: 50%;transform: translateY(-50%);position: absolute;}
878
879 .super-select.open .arrow {transform-origin: 50% 50%;transform: scale(1,-1) translateY(50%);}
880
881
882 /* options ---------------------- */
883
884 .super-select .super-select-wrapper {color: #000;max-height: 300px;overflow: auto;background: #fff;width: 100%;left: 0;top: 100%;z-index: 20;position: absolute;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transform: scale(0);transition: .1s linear;transform-origin: 50% 0;}
885
886 .super-select.open .super-select-wrapper {transform: scale(1);transition: .4s cubic-bezier(0, 0.97, 0.37, 0.96);}
887
888
889 .super-select .super-select-wrapper::-webkit-scrollbar {width: 5px;background: transparent;}
890
891 .super-select .super-select-wrapper::-webkit-scrollbar-track {background: transparent;}
892
893 .super-select .super-select-wrapper::-webkit-scrollbar-thumb {background-color: var(--maincolor2);border-radius: 10px;}
894
895
896 .super-select .super-select-wrapper > * ,
897 .super-select .super-select-wrapper > * {padding: 0 20px;display: block;cursor: pointer;}
898
899 .super-select .super-select-wrapper > * span {display: inline-block;/* border-bottom: 1px solid var(--grey);line-height: 40px */}
900
901 .super-select .super-select-wrapper > * i {display: none;}
902
903
904 .super-select .super-select-wrapper > *:hover {background: var(--grey);}
905
906
907
908 /* Buttons ---------------------- */
909 .smallbutton,
910 .button,
911 .bigbutton {border-radius: 26px;color: #fff;font-weight: 700;letter-spacing: var(--letter-spacing);background: var(--maincolor);white-space: nowrap;cursor: pointer;font-family: var(--fontfamily);text-transform: uppercase;border: 1px solid #dc2e5d;font-size: 1.3rem;border: 0;outline: none;display: inline-block;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
912
913
914
915 .smallbutton {line-height: var(--smallbuttonheight);padding: 0 15px;}
916
917 .button {line-height: var(--buttonheight);padding: 0 20px;}
918
919 .bigbutton {line-height: var(--bigbuttonheight);padding: 0 26px;}
920
921
922 /* colors ---------------------- */
923 .smallbutton.red, .button.red, .bigbutton.red {background: var(--red);}
924
925 .smallbutton.yellow, .button.yellow, .bigbutton.yellow {background: #ffd600;color: #222;}
926
927 .smallbutton.white, .button.white, .bigbutton.white {background: var(--white);color: var(--maincolor);}
928
929 .smallbutton.green, .button.green, .bigbutton.green {background: var(--green);color: #fff;}
930
931 .smallbutton.white:hover , .button.white:hover , .bigbutton.white:hover {background: var(--maincolor);color: var(--white);}
932
933 .smallbutton.grey, .button.grey, .bigbutton.grey {background: var(--grey4);}
934
935
936 .smallbutton.border, .button.border, .bigbutton.border {background: transparent;border: 1px solid var(--maincolor) !important;border-radius: 26px;font-size: 1.3rem;color: var(--maincolor);}
937
938 .smallbutton.border:hover, .button.border:hover, .bigbutton.border:hover {background: var(--maincolor);border: 1px solid;color: #fff;}
939
940 .smallbutton:hover, .button:hover, .bigbutton:hover {color: #fff;}
941
942
943 .let-lager-buttons {margin: 40px auto;display: block;width: fit-content;}
944
945 .let-lager-buttons .button {line-height: 2rem;max-width: 300px;padding: 10px 25px;white-space: pre-line;}
946
947
948
949 /* full width ---------------------- */
950 .smallbutton.db,
951 .bigbutton.db,
952 .button.db {width: 100%;padding-left: 5px;padding-right: 5px;}
953
954
955 /* image ---------------------- */
956 .smallbutton img {width: 10px;margin-right: 5px;transform:translateY(-1px);vertical-align: middle;display: inline-block;}
957
958 .button img {width: 15px;margin-right: 5px;transform:translateY(-2px);vertical-align: middle;display: inline-block;}
959
960 .bigbutton img {width: 15px;margin-right: 7px;transform:translateY(-3px)}
961
962
963 /* effect ---------------------- */
964 .effect{position:relative;overflow:hidden;vertical-align: top;}
965
966 .effect:before{content:'';width:100%;height:60px;display:block;position:absolute;z-index:3;border-left:100px solid rgba(255,255,255,.3);box-shadow:-20px 30px 30px rgba(255,255,255,.3);background:0 0;top:0;left:-100px;margin-left:-1px;transition:all 0s ease-in-out;transform:translate(0,0)}
967
968 .effect:hover:before{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translate(115%,0);-moz-transform:translate(115%,0);-ms-transform:translate(115%,0);-o-transform:translate(115%,0);transform:translate(115%,0)}
969
970 .effect[disabled]:before {display: none;}
971
972
973 /* disabled ---------------------- */
974 .smallbutton[disabled],
975 .button[disabled],
976 .bigbutton[disabled] {background: var(--grey);color: #000;cursor: not-allowed;}
977
978
979
980/* ---------------------------------------------- */
981/* ---------------------------------------------- */
982/* ---------------------------------------------- */
983
984 /* Top header ---------------------- */
985 #top_header {position: relative;height: var(--top-header-height);color: #fff;z-index: 5;}
986
987 #top_header .main {height: var(--top-header-height);}
988
989 #top_header .svg, #top_header .svg * {fill: #fff !important;}
990
991
992 #top_header img {width: 20px;margin: 0 10px 0 0;}
993
994 #top_header .top_header_block {position: absolute;top: 50%;transform: translateY(-50%);z-index: 6;}
995
996
997 #top_header .top-links {left: 50%;transform: translate(-50%,-50%);}
998
999 #top_header .social__items {display: flex;flex-wrap: wrap;margin: -3px -8px;padding: 0;}
1000
1001 #top_header .social__item {padding: 3px 8px;margin: 0;display: flex;align-items: center;}
1002
1003 #top_header .social__item .svg {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;opacity: .9;}
1004
1005 #top_header .social__item .svg:hover {opacity: 1;}
1006
1007
1008 #top_header .top-contacts-button {right: 30px;}
1009
1010 #top_header .top-contacts-phone {display: inline-block;}
1011
1012 #top_header .top-contacts-phone > a > i {margin-right: 5px;transform: translateY(1px);display: inline-block;}
1013
1014 #top_header .top-contacts-phone > a {display: inline-block;font-size: 1.68rem;font-weight: 600;color: #fff;}
1015
1016 #top_header .top-contacts-phone > a svg {fill: #fff;}
1017
1018 #top_header .top-contacts-button > div {font-size: 1.4rem;display: inline-block;}
1019
1020 #top_header .top-contacts-button .more-arrow {margin: -3px 15px 0 0;}
1021
1022
1023 #top_header .phone-dropdown {position: absolute;top: calc(100% + 12px);left: 0;color: var(--textcolor);z-index: 10;opacity: 0;visibility: hidden;transition: opacity 0.35s ease, visibility 0.35s ease;background: #fff;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);padding: 20px;border-radius: 0;min-width: 300px;}
1024
1025 #top_header .top-contacts-button:hover .phone-dropdown {opacity: 1;visibility: visible;}
1026
1027
1028 .top-contacts-button .social__item {margin: 0 !important;padding: 0 !important;display: flex;align-items: center;}
1029
1030 .top-contacts-button .social__link {text-align: center;padding: 10px;background: #474747;border-radius: 5px;margin-right: 10px;}
1031
1032 .top-contacts-button .social__item .svg {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}
1033
1034 .top-contacts-button .social__link .svg path {fill: #d8dbd6 !important;}
1035
1036 .top-contacts-button .social__item:first-child .social__link {background: #3579d2}
1037
1038 .top-contacts-button .social__item:nth-child(2) .social__link {background: #368eba}
1039
1040 .top-contacts-button .social__item:nth-child(3) .social__link {background: #c72d25}
1041
1042 .top-contacts-button .social__item:last-child .social__link {background: #66a257}
1043
1044
1045 #top_header .top-menu-slab {left: 20px;}
1046
1047 #top_header .topmenu li {margin: 0 20px 0 0;padding: 0;display: inline-block;list-style-type: none;box-sizing: border-box;position: relative;}
1048
1049 #top_header .topmenu a {color: #fff;font-size: 1.5rem;font-weight: 400;text-decoration: none;position: relative;}
1050
1051 #top_header .topmenu li.active > a, #top_header .topmenu li:hover > a {opacity: .5;}
1052
1053 #top_header .top-menu-slab > div {display: inline-block;transform: translateY(2px);}
1054
1055
1056
1057 /* Header ---------------------- */
1058 #header {height: var(--header-height);position: relative;background: #fff;border-bottom: 1px solid var(--grey2);box-sizing:border-box;z-index: 4;}
1059
1060 #header .main {height: var(--header-height);position: static;display: flex;align-items: center;padding: 0 10px;}
1061
1062 #header .header-block {top: 50%;transform: translateY(-50%);position: absolute;}
1063
1064 #header a {text-decoration: none;}
1065
1066
1067 /* logo ---------------------- */
1068 #header .logo {gap: 8px;height: 50px;display: flex;align-items: center;}
1069
1070 #header .logo > img {height: 100%;}
1071
1072 #header .slogan-top {opacity: .5;}
1073
1074 #header .logo > div > span {font-size: 14.5px;display: block;line-height: 18px;}
1075
1076
1077 #header .header-contacts {/*right: 20px;*/margin-left: auto;}
1078
1079 #header .header-contacts > div {padding: 0 20px;font-size: 1.3rem;line-height: 43px;}
1080
1081
1082 /* min ---------------------- */
1083 body.min #top_header {margin-bottom: var(--header-plus-menu-height);}
1084
1085 body.min #header {position: fixed;left: 0;background: #efefefc9;box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
backdrop-filter: blur(10px);width: 100%;top:0;margin: 0 !important;z-index: 10;transition: .5s;}
1086
1087 body.min #header, body.min #header .main {height: var(--header-height-min);}
1088
1089
1090
1091
1092 /* Main menu ---------------------- */
1093 #mainmenu {/*left: 315px;top: 50%;transform: translateY(-50%);position: absolute;*/margin: 0 auto;box-sizing: border-box;background: transparent;z-index: 15;}
1094
1095 .mobile-mainmenu-button, .mobile-mainmenu-outer {display: none;}
1096
1097
1098 /* DESKTOP ---------------------- */
1099 /* STYLE */
1100 /* common ---------------------- */
1101 ul.desktop-mainmenu {margin-bottom: 0;display: inline-block;}
1102
1103 ul.desktop-mainmenu li {margin: 0;padding: 0;list-style-type: none;box-sizing: border-box}
1104
1105 ul.desktop-mainmenu a {color: #333;height: auto;font-weight: 400;text-decoration: none;}
1106
1107 ul.desktop-mainmenu a:hover, ul.desktop-mainmenu li.active a, ul.desktop-mainmenu li:hover a {text-decoration:none;}
1108
1109 /* submenu */
1110 ul.desktop-mainmenu ul.submenu, .filiali_submenu {width: 350px;background: #fff;margin: 0;box-shadow: var(--boxshadow);box-sizing: border-box;}
1111
1112
1113 /* 1 level */
1114 li.menu-level-1 {list-style-type: none;transition: 1s;display: inline-block;}
1115
1116 li.menu-level-1 > a {line-height: var(--mainmenu-height);text-transform: uppercase;margin: 0 6px;font-weight: 700;font-size: 12px;line-height: 19px;letter-spacing: .08em;display: block;}
1117
1118 /* hover-active-decoration */
1119 li.menu-level-1:hover > a, li.menu-level-1.active > a {color: var(--maincolor);}
1120
1121 /* parent */
1122 li.menu-level-1.parent > a:after{width: 5px;height: 5px;background: url(/assets/images/icons/arrow_right_black.png) 50% 50%/100% no-repeat;top: 50%;right: -8px;transform:translateY(-50%) rotate(90deg);position: absolute;content: '';display: block;transition:.5s}
1123
1124
1125 /* 2 level ---------------------- */
1126 li.menu-level-2 > a,
1127 li.menu-level-3 > a, li.menu-level-4 > a {color: #222;line-height: 25px;font-weight: 400;padding: 10px !important;display: block;border-bottom: 1px solid var(--grey);}
1128
1129
1130 li.menu-level-2.active > a, li.menu-level-2:hover > a,
1131 li.menu-level-3.active > a, li.menu-level-3:hover > a,
1132 li.menu-level-4.active > a, li.menu-level-4:hover > a {background: var(--grey);}
1133
1134 /* parent */
1135 li.menu-level-2.parent > a {padding-right: 25px;}
1136
1137 li.menu-level-2.parent > a:after{width: 8px;height: 8px;background: url(/assets/images/icons/arrow_right_black.png) 50% 50%/100% no-repeat;top: 50%;right: 10px;transform:translateY(-50%);position: absolute;content: '';display: block;transition:.5s}
1138
1139
1140 /* 3 level ---------------------- */
1141 /* parent ---------------------- */
1142 li.menu-level-3.parent > a {padding-right: 25px;}
1143
1144 li.menu-level-2.parent > a:after{width: 8px;height: 8px;background: url(/assets/images/icons/arrow_right_black.png) 50% 50%/100% no-repeat;top: 50%;right: 10px;transform:translateY(-50%);position: absolute;content: '';display: block;transition:.5s}
1145
1146
1147 li.id369 > a:after{width: 5px;height: 5px;background: url(/assets/images/icons/arrow_right_black.png) 50% 50%/100% no-repeat;top: 7px;right: -10px;position: absolute;content: '';display: block;transition:.5s}
1148
1149
1150 li.id300 li.menu-level-2 > ul.submenu {display: none;}
1151
1152 li.id300 li.menu-level-2 > a:after {content: none;}
1153
1154
1155 /* BEHAVIOR ---------------------- */
1156 /* common ---------------------- */
1157 ul.desktop-mainmenu li {position: relative}
1158ul.desktop-mainmenu a {position: relative}
1159
1160 /* 2 level ---------------------- */
1161 li.menu-level-1 > ul.submenu {top: calc(100% + 38px);left: 0;z-index: 2;position: absolute;transition: .35s;opacity: 0;visibility: hidden;z-index: 10;}
1162
1163 li.menu-level-1.parent:hover > ul.submenu {opacity: 1;display: block;visibility: visible}
1164
1165 li.menu-level-1.parent:hover > ul.submenu, li.menu-level-1.parent:hover > ul.submenu {opacity: 1;visibility: visible;}
1166
1167 li.menu-level-1 > ul.submenu::before, .filiali_submenu::before {content: '';position: absolute;top: -38px;left: 0;width: 100%;height: 38px;}
1168
1169
1170 /* 3 level ---------------------- */
1171 li.menu-level-2 > ul.submenu {top: -20px;left: 100%;text-align: left;position: absolute;transition: .35s;box-shadow:20px 0px 30px rgb(0 0 0 / 28%);opacity: 0;visibility: hidden;z-index: 1;min-height: 100%;}
1172
1173 li.menu-level-2.parent:hover > ul.submenu {top: 0;opacity: 1;visibility: visible;z-index: 3}
1174
1175
1176
1177 /* 4 level ---------------------- */
1178 li.menu-level-3 > ul.submenu {top: -20px;max-height: 500px;overflow-y: auto;left: 100%;text-align: left;position: absolute;transition: .35s;box-shadow:20px 0px 30px rgb(0 0 0 / 28%);opacity: 0;visibility: hidden;z-index: 1;}
1179
1180 li.menu-level-3 > ul.submenu::-webkit-scrollbar {width: 4px;background: transparent;}
1181
1182 li.menu-level-3 > ul.submenu::-webkit-scrollbar-track {background: transparent;}
1183
1184 li.menu-level-3 > ul.submenu::-webkit-scrollbar-thumb {background-color: var(--maincolor2);border-radius: 10px;}
1185
1186 li.menu-level-3 > ul.submenu > li {text-align: left !important;}
1187
1188 li.menu-level-3.parent:hover > ul.submenu {top: 0;opacity: 1;visibility: visible;z-index: 3}
1189
1190
1191
1192 .with-filiali-submenu {position: relative;z-index: 10;}
1193
1194 .filiali_submenu {top: calc(100% + 38px);width: 320px;padding: 20px;left: 0;z-index: 2;position: absolute;transition: .35s;opacity: 0;visibility: hidden;z-index: 10;}
1195
1196 .with-filiali-submenu:hover .filiali_submenu, .with-filiali-submenu:hover .filiali_submenu {opacity: 1;visibility: visible;}
1197
1198
1199
1200 .filiali_submenu .flex-block {justify-content: space-between;}
1201
1202 .filiali_submenu a {font-weight: 600 !important;}
1203
1204 .filiali_submenu a.url {position: absolute !important;top: 0 !important;width: 100% !important;height: 100% !important;z-index: 5;}
1205
1206 .filiali_submenu .filial_info:hover a {color: var(--maincolor) !important;}
1207
1208 .filiali_submenu .flex-block img {width: 18px;margin-right: 5px;}
1209
1210 .filiali_submenu .filial_info_distance {text-align: right;padding-left: 20px;color: #0b6dff;white-space: nowrap;}
1211
1212 .filiali_submenu .filial_info_distance:before {content: '';display: block;position: absolute;left: 0;top: .15em;width: 18px;height: 18px;background: url(/assets/images/icons/step.svg) center / contain no-repeat;}
1213
1214 .filiali_submenu .filial_info {font-size: 1.45rem;position: relative;}
1215
1216
1217 /* Menu как kopirych ---------------------- */
1218 li.id2 {position: static !important;}
1219
1220 li.id2 > ul.columns_with_podmenu {display: none;}
1221
1222 li.id2 > ul.columns_with_podmenu.show {display: block;}
1223
1224
1225 li.menu-level-1 > ul.columns_with_podmenu {column-count: 4;column-gap: 40px;padding: 30px 100px;width: 100vw !important;position: absolute;left: 0;top: 100%;box-shadow: 0px 11px 30px rgb(0 0 0 / 28%);background: #fff;max-height: 600px;overflow-y: auto;}
1226
1227 li.menu-level-1 > ul.columns_with_podmenu > li {break-inside: avoid;padding-bottom: 15px;}
1228
1229
1230 /* icons */
1231 li.menu-level-1 > ul.columns_with_podmenu > li {position: relative;}
1232
1233 li.menu-level-1 > ul.columns_with_podmenu > li:after {content: '';display: block;width: 38px;height: 38px;position: absolute;top: 5px;left: -40px;}
1234
1235 li.menu-level-1 > ul.columns_with_podmenu > li.id360:after {background: url(/images/icon_menu/01.svg) no-repeat;top: 15px;background-size: 38px 38px;}
1236
1237 li.menu-level-1 > ul.columns_with_podmenu > li.id373:after {background: url(/images/icon_menu/02.svg) no-repeat;background-size: 38px 38px;}
1238
1239 li.menu-level-1 > ul.columns_with_podmenu > li.id374:after {background: url(/images/icon_menu/03.svg) no-repeat;background-size: 38px 38px;}
1240
1241 li.menu-level-1 > ul.columns_with_podmenu > li.id375:after {background: url(/images/icon_menu/04.svg) no-repeat;background-size: 38px 38px;}
1242
1243 li.menu-level-1 > ul.columns_with_podmenu > li.id376:after {background: url(/images/icon_menu/05.svg) no-repeat;background-size: 38px 38px;}
1244
1245 li.menu-level-1 > ul.columns_with_podmenu > li.id377:after {background: url(/images/icon_menu/06.svg) no-repeat;background-size: 38px 38px;}
1246
1247 li.menu-level-1 > ul.columns_with_podmenu > li.id378:after {background: url(/images/icon_menu/07.svg) no-repeat;top: 15px;background-size: 38px 38px;}
1248
1249 li.menu-level-1 > ul.columns_with_podmenu > li.id379:after {background: url(/images/icon_menu/08.svg) no-repeat;top: 15px;background-size: 38px 38px;}
1250
1251 li.menu-level-1 > ul.columns_with_podmenu > li.id380:after {background: url(/images/icon_menu/09.svg) no-repeat;top: 15px;background-size: 38px 38px;}
1252
1253 li.menu-level-1 > ul.columns_with_podmenu > li.id381:after {background: url(/images/icon_menu/10.svg) no-repeat;background-size: 38px 38px;}
1254
1255 li.menu-level-1 > ul.columns_with_podmenu > li.id579:after {background: url(/images/icon_menu/11.png) no-repeat;top: 10px;background-size: 38px 38px;}
1256
1257 li.menu-level-1 > ul.columns_with_podmenu > li.id582:after {background: url(/images/icon_menu/learning.png) no-repeat;top: 3px;background-size: 38px 38px;}
1258
1259
1260
1261 li.menu-level-1 > ul.columns_with_podmenu > li > a {font-weight: 600;padding: 15px 10px 5px 10px !important;border-bottom: none}
1262
1263 li.menu-level-1 > ul.columns_with_podmenu > li:hover > a, li.menu-level-1 > ul.columns_with_podmenu > li.active > a, li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li:hover > a, li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li.active > a {color: var(--maincolor);background: transparent;}
1264
1265 li.menu-level-1 > ul.columns_with_podmenu > li:hover, li.menu-level-1 > ul.columns_with_podmenu > li.active, li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li:hover, li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li.active {background: transparent;}
1266
1267 li.menu-level-1 > ul.columns_with_podmenu > li > a:after {content: none;}
1268
1269 li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu {width: 100%;opacity: 1;visibility: visible;top: auto;left: auto;position: relative;box-shadow: none;background: transparent;}
1270
1271 li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li {padding: 0;box-sizing: border-box;}
1272
1273 li.menu-level-1 > ul.columns_with_podmenu > li > ul.submenu > li > a {border-bottom: none;line-height: normal;padding: 5px 10px 5px !important;margin: 0;font-size: 1.5rem;}
1274
1275
1276
1277
1278 /* Menu как ipol ---------------------- */
1279
1280
1281 li.menu-level-1 > ul.columns {max-height: 500px;overflow-Y: auto;width: 1000px !important;display: flex;flex-flow: row wrap;align-items: flex-start;justify-content: left;transition: .35s;box-shadow:20px 0px 30px rgb(0 0 0 / 28%);}
1282
1283 li.menu-level-1:hover > ul.columns {display: flex !important;}
1284
1285 li.menu-level-1 > ul.columns > li {padding: 15px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
1286
1287 li.menu-level-1 > ul.columns > li > a {display: flex;align-items: center;padding: 0 !important;}
1288
1289 li.menu-level-1 > ul.columns li.menu-level-3, li.menu-level-1 > ul.megamenu li.menu-level-3 > a, ul.columns li.menu-level-2.parent:hover > ul {display: none;}
1290
1291 li.menu-level-1 > ul.columns li.menu-level-2.parent > a:after {content: none;}
1292
1293 li.menu-level-1 > ul.columns li.menu-level-2 > a {border-bottom: none}
1294
1295 li.menu-level-1 > ul.columns > li:hover > a, li.menu-level-1 > ul.columns > li.active > a {color: var(--maincolor);background: transparent;}
1296
1297 li.menu-level-1 > ul.columns > li:hover, li.menu-level-1 > ul.columns > li.active {background: transparent;}
1298
1299
1300 li.menu-level-1 > ul.columns.columns2 > li {flex-basis: 50%;}
1301
1302 li.menu-level-1 > ul.columns.columns3 > li {flex-basis: 33%;}
1303
1304 li.menu-level-1 > ul.columns.columns4 > li {flex-basis: 25%;}
1305
1306 li.menu-level-1 > ul.columns.columns5 > li {flex-basis: 20%;}
1307
1308
1309
1310 /* Catalog menu s photo ---------------------- */
1311 .catalog-menu-button {position: relative;background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzYgMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjggMjVIMW0zMy42LTEySDFNMzQuNiAxSDEiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) center / contain no-repeat;padding: 15px;margin: -15px;transition: .3s;cursor: pointer;}
1312
1313 .catalog-menu-button:before {content: '';background: url(/assets/images/icons/catalog_menu_dots.png) no-repeat;background-size: 18px 18px;width: 18px;height: 18px;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);transition: .3s;}
1314
1315 .catalog-menu-button.click:before {background: url(/assets/images/icons/catalog_menu_close.png) no-repeat;background-size: 18px 18px;}
1316
1317
1318 .catalog-menu-wrapper {border-bottom: 3px solid var(--maincolor2);background: #fff;position: absolute;opacity: 0;height: 0;width: 100%;z-index: 3;top: 100%;display: none;visibility: hidden;}
1319
1320 .catalog-menu-wrapper.opened {opacity: 1;visibility: visible;display: flex}
1321
1322 .catalog-menu-wrapper:before,
1323 .catalog-menu-wrapper:after {border-bottom: 3px solid var(--maincolor2);display: block;content: '';position: absolute;width: 1000px;background: #fff;right: 100%;height: 100%;}
1324
1325 .catalog-menu-wrapper:after {right: auto;left: 100%;}
1326
1327
1328 .catalog-menu-wrapper,
1329 .catalog-menu-left,
1330 .catalog-menu-middle,
1331 .catalog-menu-right {height: 660px;}
1332
1333
1334 .catalog-menu-left {padding: 20px;padding-left: 0;}
1335
1336 .catalog-menu-middle {padding: 20px;}
1337
1338
1339 .catalog-menu-left::-webkit-scrollbar,
1340 .catalog-menu-middle::-webkit-scrollbar{width: 5px;background: transparent;}
1341
1342 .catalog-menu-left::-webkit-scrollbar-track,
1343 .catalog-menu-middle::-webkit-scrollbar-track {background: transparent;}
1344
1345 .catalog-menu-left::-webkit-scrollbar-thumb,
1346 .catalog-menu-middle::-webkit-scrollbar-thumb{background-color: #D00013;border-radius: 10px;}
1347
1348 .catalog-menu-wrapper .catalog-menu-left ul {padding-left: 0;list-style-type: none;}
1349
1350 .catalog-menu-wrapper .catalog-menu-left li {margin-left: 0;}
1351
1352 .catalog-menu-wrapper .catalog-menu-left a {margin-bottom: 10px;border: 1px solid #efefef;font-weight: 700;line-height: 50px;padding: 0 15px;border-radius: 10px;color: #000;display: block;transition: .3s;}
1353
1354 .catalog-menu-wrapper .catalog-menu-left a:hover {box-shadow: 0 2px 4px rgba(0,0,0,.08);}
1355
1356 .catalog-menu-wrapper .catalog-menu-left,
1357 .catalog-menu-wrapper .catalog-menu-middle {overflow: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
1358
1359 .catalog-menu-middle .menu-level-1 > a {display: none;}
1360
1361 .catalog-menu-middle ul {list-style-type: none;margin-bottom: 30px;}
1362
1363 .catalog-menu-middle ul a {color: #000;display: block;margin-bottom: 10px;}
1364
1365 .catalog-menu-middle ul li {margin-left: 0;}
1366
1367 .catalog-menu-middle ul a:hover {text-decoration: underline;}
1368
1369 .catalog-menu-middle ul li.parent > a {font-weight: 700;}
1370
1371 .catalog-menu-right {overflow: hidden;position: relative;}
1372
1373 .catalog-menu-right img {max-width: none;max-height: none;width: auto;height: auto;min-width: 100;min-height: 100;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
1374
1375
1376
1377/* ---------------------------------------------- */
1378/* ---------------------------------------------- */
1379/* SIDEBAR */
1380/* ---------------------------------------------- */
1381/* ---------------------------------------------- */
1382
1383.sidebar li {list-style: none;margin: 0;border-bottom: 1px solid var(--grey2);position: relative;}
1384
1385.sidebar li > a {padding: 17px 47px 16px 23px;display: block;}
1386
1387.sidebar li.active:after {content: "";display: block;position: absolute;left: -1px;top: 24px;width: 10px;height: 10px;border-radius: 2px;background-color: var(--maincolor);z-index: 2;transition: opacity .3s ease;border-radius: 0 50% 50% 0;width: 3px;}
1388
1389.sidebar li.active > a {font-weight: 700;}
1390
1391
1392.alert-success {background-color: #dff0d8;border-color: #d6e9c6;}
1393
1394.alert {padding: 15px;border: 1px solid transparent;border-radius: 4px;}
1395
1396
1397.img-vectors-wrapper {position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;pointer-events: none;z-index: 0;}
1398
1399
1400.img-vectors {position: relative;width: 100%;height: 100%;}
1401
1402.img-vectors > img {position: absolute;display: block;opacity: 0.33;pointer-events: none;}
1403
1404.img-decor1 {left: 89px;top: 0;width: 423px;transform: translate(-20%, -35%) rotate(180deg);}
1405
1406.img-decor2 {right: 140px;bottom: 0;width: 423px;transform: translate(30%, 0);}
1407
1408
1409.priglashenie_excursion_blocks .main_img {width: 130px;height: 130px;transition: .5s;position: relative;z-index: 2;}
1410
1411.priglashenie_excursion_blocks .icon {position: absolute;right: 90px;bottom: 0;width: 36px;z-index: 3;}
1412
1413.priglashenie_excursion_blocks:before {content: '';display: block;position: absolute;top: 65px;left: 30px;width: calc(100% - 106px);border-radius: 10px;height: 9px;background: rgb(255 255 255 / 33%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;}
1414
1415
1416
1417.priglashenie_excursion_blocks .block2 .main_img {transform: rotate(15deg);}
1418
1419.priglashenie_excursion_blocks .block3 .main_img {transform: rotate(-5deg);scale: .95;}
1420
1421.priglashenie_excursion_blocks .block4 .main_img {transform: rotate(10deg);}
1422
1423.priglashenie_excursion_blocks .block5 .main_img {transform: rotate(-5deg);scale: 1.3;}
1424
1425
1426.block1:hover .main_img {filter: drop-shadow(0 0 5px var(--green));}
1427
1428.block2:hover .main_img {filter: drop-shadow(0 0 5px var(--maincolor));}
1429
1430.block3:hover .main_img {filter: drop-shadow(0 0 5px var(--orange));}
1431
1432.block4:hover .main_img {filter: drop-shadow(0 0 5px var(--blue));}
1433
1434.block5:hover .main_img {filter: drop-shadow(0 0 5px var(--violet));}
1435
1436
1437.licenzii-block img {width: 200px;margin-right: 20px;}
1438
1439.licenzii-block:hover {box-shadow: var(--boxshadow);}
1440
1441
1442.reels-item__img {position: relative;}
1443
1444.reels-item__views {position: absolute;z-index: 1;font-size: 12px;bottom: 14px;left: 50%;transform: translateX(-50%);color: #fff;font-size: 12px;font-weight: 600;opacity: .8;transition: .5s;}
1445
1446.reels-item:hover .reels-item__views {opacity: 1;}
1447
1448.reels-item__desc {font-size: 1.3rem;line-height: 1.8rem;margin-top: 5px;}
1449
1450.reels-item__views:before {content: '';transform: translateY(2px);display: inline-block;margin-right: 5px;width: 12px;height: 12px;background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2212%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h12v12H0z%22%2F%3E%3Cpath%20d%3D%22M6%202C3.273%202%20.944%203.659%200%206c.944%202.341%203.273%204%206%204s5.056-1.659%206-4c-.944-2.341-3.273-4-6-4zm0%206.667C4.495%208.667%203.273%207.472%203.273%206S4.495%203.333%206%203.333%208.727%204.528%208.727%206%207.505%208.667%206%208.667zM6%204.4c-.905%200-1.636.715-1.636%201.6S5.094%207.6%206%207.6%207.636%206.885%207.636%206%206.906%204.4%206%204.4z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center/contain no-repeat;}
1451
1452.reels-item__img:after {content: "";background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, #000 61%, #000 100%);bottom: 0;height: 56px;opacity: .5;position: absolute;width: 100%;transition: .5s;}
1453
1454
1455a.tel {white-space: nowrap;}
1456
1457.tel span {display: inline;font-size: inherit;color: inherit;line-height: inherit;padding: 0;margin: 0;opacity: 1;transition: opacity 0.3s ease;}
1458
1459.tel:hover span {opacity: 1 !important;}
1460
1461
1462
1463
1464/* ---------------------------------------------- */
1465/* ---------------------------------------------- */
1466/* HOMEPAGE */
1467/* ---------------------------------------------- */
1468/* ---------------------------------------------- */
1469
1470.homepage_slide {position: relative;height: 700px;}
1471
1472.homepage_slide .homepage_slide_content {left: 40px;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;}
1473
1474.homepage_slide .homepage_slide_content h1 {margin-bottom: 20px;}
1475
1476
1477#homepage_slider h1 {margin-bottom: 30px;}
1478
1479#homepage_slider .owl-dots {position: absolute;left: auto;right: calc(60px + 88px);bottom: 50px;display: flex;z-index: 2;}
1480
1481#homepage_slider .owl-nav {position: absolute;display: flex;left: auto;top: auto;right: 32px;bottom: 35px;z-index: 2;}
1482
1483
1484#homepage_slider .right-img {position: absolute;top: auto;bottom: 0;right: 0;}
1485
1486#homepage_slider .right-img > img {max-height: 680px;max-width: none;width: auto;}
1487
1488#homepage_slider .text-block {font-size: 1.2em;line-height: 28px;}
1489
1490
1491#homepage_slider .homepage_slide1 .right-img, #homepage_slider .homepage_slide3 .right-img, #homepage_slider .homepage_slide5 .right-img {right: 100px;}
1492
1493#homepage_slider .homepage_slide2 .right-img {right: -200px;bottom: 0;}
1494
1495#homepage_slider .homepage_slide5 .right-img {right: -210px;}
1496
1497#homepage_slider .homepage_slide4 .banner-tell-about {left: 45%;}
1498
1499
1500.letnii_lager input {background: transparent;border-bottom: 1px solid #fff;color: #fff;font-size: 2rem;max-width: 500px;}
1501
1502.letnii_lager input::placeholder {color: #fff;}
1503
1504.serv-inner-ul {padding-bottom: 10px;border-bottom: 1px solid #000;list-style: none;}
1505
1506.serv-inner-ul:last-child {padding-bottom: 0;border-bottom: none;}
1507
1508.serv-inner-ul li {position: relative;margin-bottom: 15px;line-height: 40px;}
1509
1510.serv-inner-icon {position: relative;display: flex;flex-direction: row;align-items: center;}
1511
1512.serv-inner-icon:before {position: relative;display: inline-block;content: '';margin-right: 6px;width: 50px;height: 40px;background-repeat: no-repeat;background-position: center center;background-color: transparent;transform: translateY(-10px);}
1513
1514.serv-inner-icon.serv-inner-icon-1:before {background-image: url(/upload/serv-custom/icon_camp_1.svg);}
1515
1516.serv-inner-icon.serv-inner-icon-2:before {background-image: url(/upload/serv-custom/icon_camp_2.svg);}
1517
1518.serv-inner-icon.serv-inner-icon-3:before {background-image: url(/upload/serv-custom/icon_camp_3.svg);}
1519
1520.serv-inner-icon.serv-inner-icon-4:before {background-image: url(/upload/serv-custom/icon_camp_4.svg);}
1521
1522.serv-inner-icon.serv-inner-icon-5:before {background-image: url(/upload/serv-custom/icon_camp_5.svg);}
1523
1524.serv-inner-icon.serv-inner-icon-6:before {background-image: url(/upload/serv-custom/icon_camp_6.svg);}
1525
1526.serv-inner-icon.serv-inner-icon-7:before {background-image: url(/upload/serv-custom/icon_camp_7.svg);}
1527
1528.serv-inner-icon.serv-inner-icon-8:before {background-image: url(/upload/serv-custom/icon_camp_8.svg);}
1529
1530.serv-inner-icon.serv-inner-icon-9:before {background-image: url(/upload/serv-custom/icon_camp_9.svg);}
1531
1532
1533.banner-tell-about {position: absolute;left: 60%;max-width: 150px;top: -50px;transform: translateX(-50%);}
1534
1535.banner-tell-about-video {display: block;position: relative;width: 120px;height: 120px;border-radius: 50%;background: #fff;outline: 10px solid rgb(255 255 255 / 40%) !important;box-shadow: 0 0 0 23px rgb(255 255 255 / 8%);margin: 23px 23px 23px 18px;will-change: transform, outline, box-shadow;animation: video-link-pulse 1s ease-in-out infinite alternate-reverse;transition: all .5s linear;}
1536
1537.banner-tell-about-video:hover {background: var(--maincolor);}
1538
1539
1540@keyframes video-link-pulse {
1541 0% {
1542 box-shadow: 0 0 0 15px var(--maincolor2) / 8%;
1543 transform: scale(1.02);
1544 }
1545
1546}
1547
1548.banner-tell-about-video:before {content: '';display: block;position: absolute;top: 50%;left: 50%;width: 27%;height: 27%;background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjUgMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjMzNyAxMS42OEwzLjQ0LjM4NkMxLjY3NC0uNjE2LjIzLjM5Ni4yMyAyLjYzOFYyNC4zNmMwIDIuMjQxIDEuNDQ1IDMuMjUzIDMuMjExIDIuMjUybDE5Ljg5Ny0xMS4yOWMxLjc2LTEuMDA2IDEuNzYtMi42NCAwLTMuNjQzeiIgZmlsbD0iI0RDMkU1RCIvPjwvc3ZnPg==') center/contain no-repeat;transform: translate(-45%, -50%);transition: 1s;will-change: background, filter;}
1549
1550.banner-tell-about-video:hover:before {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(185deg) brightness(109%) contrast(101%);}
1551
1552.banner-tell-about:after {content: '';display: block;position: absolute;bottom: 42%;left: calc(100% + 10px);width: 60px;height: 80px;background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjIgNzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjY2NSA2Mi40ODZjMy4xOTIuMDc1IDExLjA3LTEuNDM4IDE3LjA1LTguMDgzIDcuNDc1LTguMzA2IDMuOTE2LTIwLjgwMi0zLjE0LTE3LjU0OC01LjY0NSAyLjYwMy00LjcwNiA5LjM4Ni0zLjUzMiAxMi40NTIgMTAuMDA0IDE2LjIzOSAyMS43MzQgNi40NzEgMjYuMzQ4LS40NDIgNS4yODUtOS4yNTcgOC41NzctMzIuMTItMjEuNjY2LTQ1LjkwMyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuOTQ3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNMTIuNTUxIDU2LjcyN2wtMi43MTEgNi40MyA1Ljc2MiAzLjMwNCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuOTQ3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=') center/contain no-repeat;}
1553
1554
1555.icon-block {width: 80px;height: 80px;flex-shrink: 0;}
1556
1557.icon-block > img {object-fit: contain;width: 100%;height: 100%;border-radius: 100%;}
1558
1559
1560.napravlen-block-icon {position: relative;width:100px;height: 100px;line-height: 100px;margin: 0 auto;border-radius: 100%;}
1561
1562.napravlen-block-icon:before {content: '';display: block;position: absolute;z-index: 1;inset: 0;border-radius: inherit;background: var(--green);opacity: .1;}
1563
1564
1565.napravlen-blocks > div:nth-child(2) .napravlen-block-icon:before, .napravlen-blocks > div:nth-child(7) .napravlen-block-icon:before {background: var(--maincolor) !important;}
1566
1567.napravlen-blocks > div:nth-child(3) .napravlen-block-icon:before, .napravlen-blocks > div:nth-child(8) .napravlen-block-icon:before {background: var(--orange) !important;}
1568
1569.napravlen-blocks > div:nth-child(4) .napravlen-block-icon:before {background: var(--blue) !important;}
1570
1571.napravlen-blocks > div:nth-child(5) .napravlen-block-icon:before {background: var(--violet) !important;}
1572
1573
1574.napravlen-block-icon svg {width: 40px;height: 40px;vertical-align: middle;transform: translateY(-3px);}
1575
1576.zapis-ekskurs-form input, .zapis-ekskurs-form select, .zapis-ekskurs-form textarea {background: #fff;}
1577
1578
1579.gallery .owl-carousel .owl-classic img {width: 100%;height: auto;display: block;}
1580
1581.gallery .owl-carousel img {border-radius: 8px;}
1582
1583.gallery .owl-carousel .owl-classic a[data-fancybox] {position: relative;display: block;}
1584
1585.gallery .owl-carousel .owl-classic a[data-fancybox]:after {background: url(/assets/images/icons/zoom_white.png) 50% 50%/20px no-repeat, #00000024;display: block;content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition:.5s;}
1586
1587.gallery .owl-carousel .owl-classic a[data-fancybox]:hover:after {opacity: 1;}
1588
1589
1590.gallery .owl-arrows1 .owl-nav button {width: 69px !important;height: 79px !important;line-height: 79px !important;font-size: 0 !important;border-radius: 0 40px 40px 0;position: absolute;top: 50%;transform: translateY(-50%);outline: none;background: #fff;}
1591
1592.gallery .owl-arrows1 .owl-nav .owl-prev {left: 0;background: #fff !important;border-radius: 0 40px 40px 0;}
1593
1594.gallery .owl-arrows1 .owl-nav .owl-next {right: 0;background: #fff !important;border-radius: 40px 0 0 40px;}
1595
1596.gallery .owl-arrows1 .owl-nav button > span {display: block;margin: 0 auto;width: 30px;height: 10px;background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzEgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgNS41aDI5SDF6bTI5IDBMMjUuODY2IDEgMzAgNS41em0wIDBMMjUuODY2IDEwIDMwIDUuNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMSA1LjVoMjltMCAwTDI1Ljg2NiAxTTMwIDUuNUwyNS44NjYgMTAiIHN0cm9rZT0iI0RDMkU1RCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg) center center no-repeat !important;}
1597
1598.gallery .owl-arrows1 .owl-nav .owl-prev > span {transform: rotate(180deg);}
1599
1600.gallery .owl-arrows1 .owl-nav .owl-prev:hover, .gallery .owl-arrows1 .owl-nav .owl-next:hover {background: var(--maincolor) !important;}
1601
1602.gallery .owl-arrows1 .owl-nav button:hover > span {filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(622%) hue-rotate(44deg) brightness(111%) contrast(100%);}
1603
1604.gallery .owl-next.disabled, .gallery .owl-prev.disabled {
1605 display: none !important;}
1606
1607
1608.fancy-iframe > a img {width: 366px;height: 314px;}
1609
1610.play-button:after {display: block;position: relative;width: 120px;height: 120px;border-radius: 50%;background: #fff;outline: 10px solid rgb(255 255 255 / 40%) !important;box-shadow: 0 0 0 23px rgb(255 255 255 / 8%);margin: 23px 23px 23px 18px;will-change: transform, outline, box-shadow;animation: video-link-pulse 1s ease-in-out infinite alternate-reverse;transition: all .5s linear;}
1611
1612.play-button:hover:after {background: var(--maincolor);}
1613
1614
1615@keyframes video-link-pulse {
1616 0% {
1617 box-shadow: 0 0 0 15px var(--maincolor2) / 8%;
1618 transform: scale(1.02);
1619 }
1620
1621}
1622
1623.play-button:before {content: '';display: block;position: absolute;top: 50%;left: 50%;width: 27%;height: 27%;background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjUgMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjMzNyAxMS42OEwzLjQ0LjM4NkMxLjY3NC0uNjE2LjIzLjM5Ni4yMyAyLjYzOFYyNC4zNmMwIDIuMjQxIDEuNDQ1IDMuMjUzIDMuMjExIDIuMjUybDE5Ljg5Ny0xMS4yOWMxLjc2LTEuMDA2IDEuNzYtMi42NCAwLTMuNjQzeiIgZmlsbD0iI0RDMkU1RCIvPjwvc3ZnPg==') center/contain no-repeat;transform: translate(-45%, -50%);transition: 1s;will-change: background, filter;}
1624
1625.play-button:hover:before {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(185deg) brightness(109%) contrast(101%);}
1626
1627.play-button img {object-fit: cover;}
1628
1629
1630.gruppi-po-vozrastu .circle-block {width: 100px;height: 100px;line-height: 100px;margin: 0 auto;display: block;font-weight: bold;font-size: 28px;color: #fff;}
1631
1632
1633.teaser-discount {border: 1px solid var(--grey2);padding: 33px 38px 40px;}
1634
1635.teaser-discount:hover {box-shadow: 0 5px 20px rgba(0, 0, 0, .1);}
1636
1637.teaser-discount .smallbutton {position: absolute;bottom: 30px;font-size: 1.5rem;text-transform: capitalize;line-height: 32px;left: 38px;}
1638
1639.teaser-discount-homepage .image-block {width: 170px;height: 170px;min-height: 170px;float: right;border-radius: 100%;}
1640
1641
1642.discounts svg {transform: translateY(-3px);}
1643
1644.discounts a:hover svg {filter: brightness(0) saturate(100%) invert(22%) sepia(80%) saturate(3388%) hue-rotate(331deg) brightness(93%) contrast(83%);}
1645
1646
1647.fancy-video {position: absolute;z-index:2;top:0;left: 0;width:100%;height:100%;}
1648
1649.fancy-video-play {background: url(/assets/images/homepage/okomp.jpg) 50% 50%/cover no-repeat;min-height: 300px;cursor: pointer;border-radius: 4px;}
1650
1651.fancy-video-play:before {border: 14px solid transparent;border-left: 25px solid #fff;z-index: 2;margin: -14px 0 0 -9px;content: "";position: absolute;top: 50%;left: 50%;transition: transform .3s;}
1652
1653.fancy-video-play:after {background-color: var(--maincolor);margin: -50px 0 0 -50px;width: 100px;height: 100px;border-radius: 100%;content: "";position: absolute;top: 50%;left: 50%;transition: transform .3s;}
1654
1655.fancy-video-play:hover:after, .fancy-video-play:hover:before {transform: scale(1.2);}
1656
1657
1658
1659/* fixed left button */
1660.promo-icon {display: block;position: fixed;bottom: 20px;left: 20px;z-index: 99999;width: 120px;height: 170px;}
1661
1662.slider-face {border-radius: 45px;text-align: center;width: 70px;height: 70px;opacity: .7;transition: 1s;position: relative;background: #0c0;cursor: pointer;pointer-events: auto;}
1663
1664.slider-face.stars {animation: player_stars 2s infinite;position: absolute;bottom: 0;left: 25px;}
1665
1666.slider-face_img {width: 70px;height: 70px;display: block;pointer-events: none;}
1667
1668div.slider-face.stars::after {content: "Что говорят о нас звезды";display: block;position: absolute;left: 50%;top: calc(100% + 15px);transform: translateX(-50%);width: 140px;font-size: 14px;color: white;font-weight: 400;text-align: center;text-shadow: 1px 1px 2px #222;line-height: 1.5;white-space: nowrap;pointer-events: none;}
1669
1670
1671@keyframes player_stars {
1672 0% {
1673 transform: translateY(-110px);
1674 }
1675
1676
1677 50% {
1678 transform: translateY(-120px);
1679 }
1680
1681
1682 100% {
1683 transform: translateY(-110px);
1684 }
1685
1686}
1687
1688
1689
1690/* ---------------------------------------------- */
1691/* ---------------------------------------------- */
1692/* teaser-filiali-homepage */
1693/* ---------------------------------------------- */
1694/* ---------------------------------------------- */
1695
1696.filiali .owl-carousel .owl-stage-outer {padding-bottom: 30px;}
1697
1698.filiali .owl-carousel .owl-stage {display: flex;flex-direction: row;align-items: stretch;}
1699
1700.filiali .owl-carousel .owl-item {display: flex;height: auto;}
1701
1702.teaser-filiali-homepage {height: 100%;display: flex;flex-direction: column;box-sizing: border-box;}
1703
1704.teaser-filiali-homepage .text-block {padding: 34px 39px 39px 39px;display: flex;flex-direction: column;flex: 1;}
1705
1706.teaser-filiali-homepage .teaser-filiali-metro {padding-top: 20px;border-top: 1px solid var(--grey2);}
1707
1708.teaser-filiali-homepage .teaser-filiali-metro > div {padding: 10px 0 0 15px;position: relative;}
1709
1710.teaser-filiali-homepage .teaser-filiali-metro > div:after {content: "";position: absolute;left: 0;top: 20px;width: 4px;height: 4px;border-radius: 2px;background: var(--maincolor);}
1711
1712.teaser-filiali-homepage .bigbutton {box-sizing: border-box;padding: 0;background: transparent;font-size: 1.4rem;color: var(--maincolor);width: 100%;line-height: 40px;border: 1px solid var(--maincolor);}
1713
1714.teaser-filiali-homepage .bigbutton:hover {background: var(--maincolor);color: #fff;}
1715
1716.bottom-part {margin-top: auto;display: flex;flex-direction: column;justify-content: flex-end;flex-shrink: 0;}
1717
1718.teaser-filiali-homepage:hover .teaser-filiali-title {color: var(--maincolor);}
1719
1720.teaser-filiali-homepage:hover {box-shadow: var(--boxshadow);}
1721
1722
1723.owl-filiali .owl-stage {display: flex;}
1724
1725.owl-filiali .owl-item {display: flex;flex-direction: column;height: auto !important;}
1726
1727.owl-filiali .owl-item > * {flex-grow: 1;height: 100%;}
1728
1729
1730
1731/* ---------------------------------------------- */
1732/* ---------------------------------------------- */
1733/* teaser-filiali-full */
1734/* ---------------------------------------------- */
1735/* ---------------------------------------------- */
1736
1737.upravl-detsk-sada {position: relative;z-index: 1;}
1738
1739.upravl-detsk-sada-wrapper {display: block;content: '';background: #CCFFCC;position: absolute;left: 50%;top: 0;width: 100vw;height: 100%;z-index: 1;transform: translateX(-50vw);}
1740
1741.upravl-detsk-sada > .main {z-index: 2;}
1742
1743.upravl-detsk-sada > .main > .flex {max-width: 70%;}
1744
1745.button_video {position: relative;display: flex;overflow: hidden;padding-left: 80px;border: 1px solid var(--maincolor);align-items: center;justify-content: center;overflow: hidden;min-height: 60px;width: 100%;text-align: center;max-width: 350px;text-decoration: none;font-size: inherit;font-weight: 500;will-change: auto;border-radius: 6px;color: #fff;background: var(--maincolor);transition: .5s;user-select: none;}
1746
1747.button_video:hover {color: #fff;}
1748
1749.button_video:before {content: '';display: block;position: absolute;top: 50%;left: 0;width: 80px;height: 80px;min-height: 100%;outline: 8px solid rgb(255 255 255 / 40%);box-shadow: 0 0 0 20px rgb(255 255 255 / 20%);border-radius: 50%;background-color: #fff;background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjEzNSA3LjM1NUwyLjEwMy4yNDRDLjk0Ny0uMzg3IDAgLjI1IDAgMS42NnYxMy42OGMwIDEuNDEuOTQ3IDIuMDQ4IDIuMTAzIDEuNDE3TDE1LjEzNSA5LjY1YzEuMTUzLS42MzQgMS4xNTMtMS42NjQgMC0yLjI5NHoiIGZpbGw9IiNEQzJFNUQiLz48L3N2Zz4=');;background-size: auto 30%;background-position: 65% center;background-repeat: no-repeat;transform: translate(-25%, -50%);animation: video-play-pulse 1s ease-in-out infinite;will-change: outline, box-shadow;transition: .5s;}
1750
1751
1752.upravlya-detsk-sada {font-size: max(.87rem, 14px);padding: 5px 10px;line-height: 30px;border: 1px solid #8CB000;border-radius: 4px;max-width: -webkit-max-content;max-width: -moz-max-content;max-width: max-content;grid-area: position;}
1753
1754.upravl-detsk-sada .img-decor {overflow: hidden;}
1755
1756.upravl-detsk-sada .img-decor > img {position: absolute; bottom: 0;right: 0;display: block;}
1757
1758.upravl-detsk-sada .img-decor-lines {width: 373px;top: 50%;bottom: auto;left: 68%;}
1759
1760.upravl-detsk-sada .img-decor-waves {width: 623px;transform: translate(15%, 50%) rotate(-30deg);}
1761
1762
1763.custom-list {margin-bottom: 1em;}
1764
1765ul.custom-list {--mark-icon: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgNi40NDRMNS41OTggMTBsOC4wOTQtOCIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==') center/40% auto no-repeat, #fff;}
1766
1767.custom-list>li {display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;padding-left: calc(40px + 12px);}
1768
1769.custom-list>li:not(:last-child) {margin-bottom: 24px;}
1770
1771.custom-list>li:before {content: '';display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 50%;text-align: center;font-size: 1.3rem;line-height: 1.2;font-weight: 500;color: #333;position: absolute;width: 40px;height: 40px;background: var(--mark-icon, #fff);border-radius: 50%;border: 1px solid #8CB000;transform: translateY(-50%);}
1772
1773.custom-list>li:after {content: '';display: block;position: absolute;z-index: -1;top: 0;width: 2px;background: #8CB000;height: calc(100% + 24px);left: calc(40px / 2);transform: translate(-50%, 0);}
1774
1775.custom-list>li:first-child:after {top: 50%;height: calc(50% + 24px);}
1776
1777.custom-list>li:last-child:after {height: 50%;}
1778
1779.schedule-list__time {display: block;font-weight: 600;line-height: 1;}
1780
1781.schedule-list__time:not(:last-child) {margin-bottom: .25em;}
1782
1783.schedule-list__desc {font-size: clamp(14px, 3.5vw, 1rem);}
1784
1785
1786.rasporyadok-dnya .img-decor > svg {position: absolute; display: block;}
1787
1788.rasporyadok-dnya .img-decor .obj-1 {top: 25%;right: 88%;}
1789
1790.rasporyadok-dnya .img-decor .obj-2 {top: 47%;right: 90%;}
1791
1792.rasporyadok-dnya .img-decor .obj-3 {top: 71%;right: 82%;}
1793
1794.rasporyadok-dnya .img-decor .obj-4 {top: 22%;left: 91%;}
1795
1796.rasporyadok-dnya .img-decor .obj-5 {top: 66%;left: 86%;}
1797
1798
1799
1800/* ---------------------------------------------- */
1801/* ---------------------------------------------- */
1802/* ec-message */
1803/* ---------------------------------------------- */
1804/* ---------------------------------------------- */
1805.otzyvy .owl-carousel .owl-stage {display: flex;flex-direction: row;align-items: stretch;}
1806
1807.otzyvy .owl-carousel .owl-item {display: flex;height: auto;}
1808
1809.ec-message img {width: 60px !important;margin-right: 24px;}
1810
1811.ec-stars {float: right;}
1812
1813
1814.ec-message {display: flex;flex-direction: column;padding: 48px 48px !important;background: #fff !important;height: 100%;box-sizing: border-box;}
1815
1816.ec-message > a.smallbutton.border {margin-top: auto !important;width: auto;align-self: flex-start;}
1817
1818.otzyvy .owl-carousel .owl-item > div {display: flex;flex-direction: column;flex: 1;}
1819
1820
1821.otzyvy-video-block {position: relative;overflow: hidden;border-radius: 5px;z-index: 2;}
1822
1823.otzyvy-video-block:hover .otzyvy-video-block-link {background: #0000005e;}
1824
1825.otzyvy-video-block img {width: 100%;height: 100%;object-fit: cover;display: block;}
1826
1827.otzyvy-video-block-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 4;}
1828
1829.otzyvy-video-block-text {position: absolute;bottom: -20px;left: 0;width: 100%;z-index: 2;padding: 16px;background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);box-sizing: border-box;}
1830
1831
1832.banner-full-width, .banner-full-width > .main {min-height: 600px;overflow: hidden;}
1833
1834.banner-full-width .banner-full-width-content {position: absolute;top:50%;transform: translateY(-50%);}
1835
1836.banner-full-width .right-img {position: absolute;position: absolute;top: auto;bottom: 0;right:-100px;}
1837
1838.banner-full-width .right-img > img {max-height: 680px;max-width: none;width: auto;}
1839
1840.banner-full-width .pretitle {opacity: .7;}
1841
1842
1843.pos_sticky {position: sticky;top: 120px;}
1844
1845
1846.map-objects-wrapper .map-filial-block {padding: 17px 25px 19px;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;position: relative;}
1847
1848.map-objects-wrapper .map-filial-block:last-child {border-bottom: none;}
1849
1850
1851a.url {position: absolute;top: 0;width: 100%;height: 100%;z-index: 5;}
1852
1853
1854/* ---------------------------------------------- */
1855/* ---------------------------------------------- */
1856/* FILIALI */
1857/* ---------------------------------------------- */
1858/* ---------------------------------------------- */
1859
1860.filiali-info .flex-block img {width: 18px;margin-right: 15px;}
1861
1862.filiali_review_rating {width: 38px;line-height: 36px;background: #32BA43;border-radius: 4px;color: #fff;font-weight: 700;text-align: center;}
1863
1864.filiali_review {color: #585C68;background: #ECF1FF;padding: 8px 10px;border-radius: 4px;}
1865
1866.filiali_rating > div {margin-right: 10px;}
1867
1868.filiali_rating {float: right;}
1869
1870
1871.content-with-sidebar .content-with-sidebar-content {width: 79%;}
1872
1873
1874/* ---------------------------------------------- */
1875/* ---------------------------------------------- */
1876/* Master class */
1877/* ---------------------------------------------- */
1878/* ---------------------------------------------- */
1879.mastr-class-napravl-block .image-block img {width: 100px;height: 100px;max-width: none;object-fit: cover;margin-right: 15px;}
1880
1881.mastr-class-napravl-block .flex img {width: 100%;aspect-ratio: 1/1;object-fit: cover;}
1882
1883.gallery .owl-gallery-6 a img {width: 100%;aspect-ratio: 1/1.5;object-fit: cover;}
1884
1885/* ---------------------------------------------- */
1886/* ---------------------------------------------- */
1887/* BLOG */
1888/* ---------------------------------------------- */
1889/* ---------------------------------------------- */
1890
1891 .detail-image--left {
1892 float: left;
1893 margin-right: 40px;
1894 max-width: 400px;
1895}
1896
1897.detail-image {
1898 text-align: center;
1899 margin-bottom: 41px;
1900 padding: 0;
1901}
1902
1903 .blog-teaser.first a.url {position: absolute;top: 0;width: 100%;height: 100%;z-index: 3;}
1904
1905 .blog-teaser.first:after {display: block;content: '';background: #0c0c0c42;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;transition: .5s;}
1906
1907 .blog-teaser.first:hover:after {background:#0c0c0c94;}
1908
1909 .blog-teaser-title-date {color: #fff;position: absolute;bottom:20px;left: 40px;z-index: 2;}
1910
1911
1912 .blog-teaser:hover {box-shadow: var(--boxshadow);}
1913
1914
1915 /* pagination ---------------------- */
1916 ul.pagination li {list-style: none; display:inline-block;margin-left: 5px;}
1917
1918 ul.pagination li a {margin: 0;}
1919
1920 .pagination a{display:inline-block;background:var(--grey);line-height:40px;padding:0 15px;margin:0 5px;text-decoration:none;color:#000;border-radius:5px}
1921
1922 .pagination a:hover, .pagination li.active a{background:var(--maincolor);color:#fff}
1923
1924
1925
1926/* faq */
1927.question {padding: 30px 86px 30px 34px;background: #fff;font-weight: 600;margin-top: -1px;font-size: 1.75rem;/* line-height: calc(1em + 7px); */position: relative;border: 1px solid var(--grey2);cursor:pointer;transition:border-color .5s;z-index:1;}
1928
1929.question:after {position: absolute;content: "";right: 20px;top: 30px;text-align: center;filter: brightness(0) saturate(100%) invert(62%) sepia(5%) saturate(7%) hue-rotate(12deg) brightness(99%) contrast(86%);background: url(/assets/images/icons/plus.png) 50% 50% no-repeat;width: 18px;height: 18px;background-size: 18px 18px;line-height: 18px;border-radius: 0;transition: .5s;}
1930
1931.question:hover:before {position: absolute;content: "";width: 4px;background: var(--maincolor);position: absolute;left: -1px;top: 35px;height: 13px;border-radius: 0 4px 4px 0;transition: .5s;}
1932
1933.answer {padding: 0 86px 30px 34px;border: 1px solid var(--grey2);border-top: none;/* margin-bottom:20px; */display:none;background: #fff;margin-top: -1px;position: relative;/* line-height: 26px; */z-index:2;}
1934
1935.question.open:after {transform: rotate(180deg);filter: none;}
1936
1937.question:hover:after {filter: none;}
1938
1939.question:hover {box-shadow: 0 5px 20px rgba(0, 0, 0, .1);z-index: 2;}
1940
1941
1942/* ---------------------------------------------- */
1943/* ---------------------------------------------- */
1944/* Uslugi */
1945/* ---------------------------------------------- */
1946/* ---------------------------------------------- */
1947 /* teaser ---------------------- */
1948 .uslugi_teaser {position: relative;}
1949
1950 .uslugi_teaser .uslugi_teaser_title {color: var(--textcolor);bottom: -10px;border-radius: 0 5px 5px 0;background: var(--grey);text-align: center;padding: 5px 25px;font-weight: 700;position: absolute;}
1951
1952
1953 /* Banner ---------------------- */
1954 .uslugi_banner {color: #fff;background-attachment: fixed;padding: 100px 0;position: relative;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
1955
1956 .uslugi_banner_text {max-width: 800px;color: #fff;position: relative;z-index: 2;}
1957
1958 .uslugi_banner_text h1 {color: #fff;}
1959
1960 .uslugi_banner:after {content: '';background: rgb(0 28 56 / 55%);position: absolute;top: 0;width: 100%;height: 100%;z-index: 1;}
1961
1962
1963 /* Content ---------------------- */
1964 .uslugi_page #content {padding-top: 50px;}
1965
1966
1967/* ---------------------------------------------- */
1968/* ---------------------------------------------- */
1969/* PAGES */
1970/* ---------------------------------------------- */
1971/* ---------------------------------------------- */
1972
1973 /* Otzyvy ---------------------- */
1974 .otzyv .stars > img {width: 20px !important;margin-right: 1px;display: inline-block !important;}
1975
1976 .otzyv .logo_otz {width: 60px !important;margin-left: 3px;display: inline-block !important;}
1977
1978
1979 /* Contacts ---------------------- */
1980 #contacts, #map {height: 500px;position: relative;}
1981
1982 #contacts .contacts {width: 350px;background: #fff;right: 50%;top: 50%;transform: translate(-150px, -50%);position: absolute;z-index: 10;}
1983
1984 #contacts .contacts img {width: calc(100% + 60px);margin: -30px -30px 0;border-radius: 10px 10px 0 0;display: block;max-width: none;}
1985
1986 #contacts .contacts a > img {width: 40px;margin: 0;display: inline-block;}
1987
1988 #contacts .contacts a, #contacts .contacts p {margin: 10px 0;}
1989
1990 #contacts table {width: 100%;}
1991
1992
1993 .contacts-info > img {width: 15px;margin-right: 10px;}
1994
1995
1996 .contact-info {transform: translateY(-80px);}
1997
1998 #contacts_block .details_box {margin-bottom: 40px}
1999
2000 #contacts_block .details_box a, #contacts_block .details_box p {display: block;}
2001
2002
2003 /* contacts 2 ---------------------- */
2004 .contacts_2 .contacts-blocks-with-icons > img {width: 50px;margin-bottom: 20px;}
2005
2006
2007 /* contacts 3 ---------------------- */
2008 .contacts_3 .contacts-blocks-with-icons img {width: 25px;margin: -3px 10px 0 0;}
2009
2010
2011
2012 /* map ---------------------- */
2013 #map_box {height: 500px;position: relative;}
2014
2015 #map_box .contacts {width: 300px;padding: 40px;right: 50%;top: 50%;transform: translate(-300px, -50%);box-shadow: 5px 5px 9px #00000042;position: absolute;z-index:2;}
2016
2017 #map_box .contacts img {width: 155px;/* text-align: left; */margin: 10px 0 40px 0;display: block;max-width: none;}
2018
2019 #map_box .contacts a {font-size: 1.5em;color: #000;margin-bottom: 10px;display: block;}
2020
2021
2022 /* Footer ---------------------- */
2023 #footer {background: var(--maincolor2);color: #fff;padding: 56px 0 16px;}
2024
2025 .footer_menu {display: block;}
2026
2027 .footer_menu > li {display: inline-block;margin: 0 30px 0 0;}
2028
2029 .footer_menu > li:last-child {margin-right: 0;}
2030
2031 .footer_menu > li > a {color:#fff;font-weight: 600;}
2032
2033 .footer_menu > li:hover > a {color: #a6a6a6}
2034
2035 .footer_menu > li.active > a {color: var(--maincolor);}
2036
2037
2038 .footer-links .social__items {display: flex;flex-wrap: wrap;margin: -3px -8px;padding: 0;}
2039
2040 .footer-links .social__item {margin: 0;display: flex;align-items: center;}
2041
2042 .footer-links .social__link {text-align: center;padding: 10px;background: #474747;border-radius: 5px;margin-right: 10px;}
2043
2044 .footer-links .social__item .svg {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}
2045
2046 .footer-links .social__item .svg path {fill: #a4a4a4 !important;}
2047
2048 .footer-links .social__link:hover .svg path {fill: #d8dbd6 !important;}
2049
2050 .footer-links .social__item:first-child .social__link:hover {background: #3579d2}
2051
2052 .footer-links .social__item:nth-child(2) .social__link:hover {background: #368eba}
2053
2054 .footer-links .social__item:nth-child(3) .social__link:hover {background: #c72d25}
2055
2056 .footer-links .social__item:last-child .social__link:hover {background: #66a257}
2057
2058
2059 #footer .contacts-links a {color: #fff;}
2060
2061 #footer .contacts-links .flex-block > div > i {margin-right: 20px;}
2062
2063
2064 #footer .border_top {padding: 30px 0;margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255, 255, 255, .1);padding: 47px 0;}
2065
2066
2067
2068@media all and (max-width: 1440px) {
2069 #mainmenu {left: auto;right: 20px;}
2070
2071 #homepage_slider .right-img > img {max-height: 550px;}
2072
2073 #homepage_slider .homepage_slide1 .right-img, #homepage_slider .homepage_slide3 .right-img, #homepage_slider .homepage_slide5 .right-img {right: 0;}
2074
2075 .banner-tell-about {max-width: 190px;top: 0;}
2076
2077 #header .logo > img {margin-right: 5px;}
2078
2079 li.menu-level-1 > a {font-size: 11px;}
2080
2081 .teaser-discount-homepage .image-block {width: 140px;height: 140px;min-height: 140px;}
2082
2083 .banner-full-width .right-img {right: -150px;}
2084
2085 .banner-full-width .right-img > img {max-height: 400px;}
2086
2087 .banner-full-width, .banner-full-width > .main {min-height: 530px;}
2088
2089
2090}
2091
2092
2093@media all and (max-width: 1220px) {
2094 .main {width: 990px;padding: 0 10px;}
2095
2096
2097 #header {height: var(--header-height);position: fixed;width: 100%;top: var(--top-header-height);z-index: 5;transition: .5s;}
2098
2099 #header.fixed {top: 0 !important;}
2100
2101 #breadcrumbs {margin-top: calc(var(--header-height) + 10px);}
2102
2103 #homepage_slider {margin-top: var(--header-height);}
2104
2105
2106 .banner-full-width, .banner-full-width > .main {z-index: 2;}
2107
2108 .banner-full-width .right-img > img {position: relative; z-index: 1;}
2109
2110
2111 .block-napravlenie-warning .block20 > a {line-height: 1.2 !important;white-space: break-spaces;padding: 5px 10px !important;max-width: 185px;}
2112
2113 /* header ---------------------- */
2114 #header .logo {margin-left: 40px;}
2115
2116 #header .logo > img {height: 90%;}
2117
2118 #header .header-search {left: 225px;width: 390px;}
2119
2120 #top_header .top_header_time {left: 300px;}
2121
2122
2123 .homepage_slide .homepage_slide_content {left: 20px;}
2124
2125 .teaser-discount .smallbutton {bottom: 15px;}
2126
2127 .banner-full-width .right-img > img {max-height: 360px;}
2128
2129
2130/* mobile menu ---------------------- */
2131 #header #mainmenu {border: none;left: auto;top: auto;height: 100%;transform: none;position: initial;}
2132
2133
2134 #mainmenu {border: none;height: auto;}
2135
2136 #mainmenu .catalog-menu-wrapper, #mainmenu .desktop-mainmenu, #mainmenu .catalog-menu-button {display: none !important;}
2137
2138
2139 /* button ---------------------- */
2140 .mobile-mainmenu-button {position: absolute;display: block;top: 50%;transform: translateY(-50%);left: 10px;right: auto;width: 30px;transition: .5s;z-index: 5;cursor: pointer;}
2141
2142 .mobile-mainmenu-button img {width: 100% !important;}
2143
2144
2145 /* wrapper ---------------------- */
2146 .mobile-mainmenu-outer {top: 0;width: 400px;left: -500px;transition: .5s;height: 100%;z-index: 1000;position: fixed;display: block;background: #fff;box-shadow: 5px 5px 10px #00000063;overflow-y: auto;box-sizing: border-box;}
2147
2148 .mobile-mainmenu-active .mobile-mainmenu-outer {left: 0;}
2149
2150 /* close ---------------------- */
2151 .mobile-mainmenu-close {width: 18px;padding: 10px; right: 0px;top: 0;cursor: pointer;position: absolute;}
2152
2153 .mobile-mainmenu-close img {width: 100%}
2154
2155 .mobile-mainmenu-close:hover {transform:rotate(180deg); transition: .7s;}
2156
2157 /* top block ---------------------- */
2158 .mobile-mainmenu-topBlock {margin: 30px auto;text-align: center;display: block;position: relative;}
2159
2160 .mobile-mainmenu-topBlock .logo_m {margin: 45px auto 25px; display: block;}
2161
2162 .mobile-mainmenu-topBlock .logo {justify-content: center;margin-bottom: 20px;}
2163
2164 .mobile-mainmenu-topBlock .logo > img {height: 50px !important;margin-right: 15px;}
2165
2166 .mobile-mainmenu-topBlock a.tel_m {font-size: 2.2rem;font-weight: 700;display: block;margin-bottom: 8px;text-decoration: none;}
2167
2168 .mobile-mainmenu-topBlock .adres_m {text-decoration: none;padding: 0 15px;color: #222;display: block;}
2169
2170 .mobile-mainmenu-topBlock .socials-url > img {width: 30px;}
2171
2172 .mobile-mainmenu-topBlock .address_m > img {width: 25px;transform: translateY(-3px);}
2173
2174 .mobile-mainmenu-topBlock .logo_m img {width: 140px;}
2175
2176
2177 .mainmenu-contacts .social__item {margin: 0 !important;padding: 0 !important;display: flex;align-items: center;display: inline-block;}
2178
2179 .mainmenu-contacts .social__link {text-align: center;display: inline-block;padding: 10px;background: #474747;border-radius: 5px;margin-right: 5px;}
2180
2181 .mainmenu-contacts .social__item .svg {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}
2182
2183 .mainmenu-contacts .social__link .svg path {fill: #fff !important;}
2184
2185 .mainmenu-contacts .social__item:first-child .social__link {background: #3579d2}
2186
2187 .mainmenu-contacts .social__item:nth-child(2) .social__link {background: #368eba}
2188
2189 .mainmenu-contacts .social__item:nth-child(3) .social__link {background: #c72d25}
2190
2191 .mainmenu-contacts .social__item:last-child .social__link {background: #66a257}
2192
2193
2194 li.id562 > ul.mobile-submenu, li.id356 > ul.mobile-submenu {display: none !important;}
2195
2196 .mobile-mainmenu li.id562 > a:after, .mobile-mainmenu li.id356 > a:after {content: none !important;}
2197
2198
2199
2200 /* Style ---------------------- */
2201 /* common ---------------------- */
2202 .mobile-mainmenu ul {margin: 0;}
2203
2204 .mobile-mainmenu li {border-bottom: 1px solid #dc2e5d24;margin: 0;list-style: none;}
2205
2206 .mobile-mainmenu li.id351 {border: none;}
2207
2208 .mobile-mainmenu li a {color: #222;padding: 15px 25px;font-size: 1.7rem;font-weight: 600;line-height: 20px;text-decoration: none;display: block;}
2209
2210 .mobile-mainmenu li.active > a:not(.opened) {color: var(--maincolor);font-weight: 600;}
2211
2212
2213 /* parent */
2214 .mobile-mainmenu li.parent > a {padding-right: 35px;position: relative;}
2215
2216 .mobile-mainmenu li.parent > a:after {width: 10px;height: 10px;background: url(/assets/images/icons/plus_black.png) 50% 50%/100% no-repeat;top: 50%;right: 15px;transform: translateY(-50%);position: absolute;display: block;content: '';}
2217
2218 .mobile-mainmenu li.parent > a.opened:after {background-image: url(/assets/images/icons/minus_black.png);}
2219
2220 /* submenu */
2221 .mobile-submenu {padding-left: 10px;}
2222
2223}
2224
2225
2226@media all and (max-width: 980px) {
2227 .main {width:770px;}
2228
2229 .smallbutton, .button, .bigbutton {line-height: 1.2 !important;white-space: break-spaces;padding: 10px 15px !important;}
2230
2231 .butwrap {max-width: 165px}
2232
2233 .owl-filiali .owl-stage .owl-item:first-child {margin-left: -40px;}
2234
2235 .owl-filiali .owl-stage .owl-item:last-child {margin-right: -40px;}
2236
2237
2238 #homepage_slider .right-img > img {max-height: 200px;}
2239
2240 :root {--header-height: 60px;--header-height-min: 60px;}
2241
2242 #top_header .top-links {left: 45%;}
2243
2244 .upravl-detsk-sada > .main > .flex {max-width: 100%;}
2245
2246 .button_video {padding-left: 50px;max-width: 265px;min-height: 50px;}
2247
2248
2249 .promo-icon {bottom: 60px;height: 190px;}
2250
2251 div.slider-face.stars::after {white-space: normal;width: 160px;left: 50%;transform: translateX(-50%);}
2252
2253
2254 .homepage_slide {height: 580px;}
2255
2256 #homepage_slider .right-img > img {max-height: 400px;}
2257
2258 #homepage_slider .homepage_slide1 .right-img, #homepage_slider .homepage_slide3 .right-img, #homepage_slider .homepage_slide5 .right-img {right: -50px;}
2259
2260 .banner-full-width .right-img > img {max-height: 295px;}
2261
2262 .content-with-sidebar .content-with-sidebar-content {width: 100%;}
2263
2264
2265
2266 .flex.content-with-sidebar {display: block;}
2267
2268}
2269
2270
2271@media all and (max-width: 768px) {
2272 .main {width: 100%;padding: 0 10px;}
2273
2274 .global_wrapper {overflow: hidden;}
2275
2276 #header .header-contacts {right: 0;}
2277
2278 #top_header .top-links {left: 20px;transform: translateY(-50%);}
2279
2280 .right_fixed_block {top: 50%;transform: translateY(-50%);}
2281
2282 .banner-tell-about-video {width: 70px;height: 70px;}
2283
2284 #homepage_slider .right-img > img {max-height: 350px;}
2285
2286 .banner-tell-about {max-width: 150px;left: auto;right: -40px;}
2287
2288 .banner-tell-about:after {left: calc(100% + -35px);}
2289
2290 .licenzii-block img {width: 190px;margin-right: 10px;}
2291
2292
2293 #homepage_slider .homepage_slide4 .right-img > img {max-height: 250px;}
2294
2295 .advant-blocks .icon-block {width: 50px;height: 50px;}
2296
2297
2298 #mapobjests {height: 400px !important;}
2299
2300 .upravl-detsk-sada .block10 img {max-width: 120px;margin-bottom: 15px;}
2301
2302 .upravl-detsk-sada .block10, .upravl-detsk-sada .block90 {flex-basis: 100% !important;}
2303
2304
2305 .video-icon-star-block:after {
2306 width: 30px;
2307 height: 30px;
2308 margin: -15px 0 0 -15px;
2309 }
2310
2311
2312 .video-icon-star-block:before {
2313 border: 5px solid transparent;
2314 border-left: 9px solid #fff;
2315 margin: -5px 0 0 -4px;
2316 }
2317
2318
2319 .menu-tables {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
2320
2321 .menu-tables table {min-width: 600px;table-layout: fixed;}
2322
2323
2324 .icon-star-about {width: 150px;bottom: 70px;}
2325
2326 .icon-star-about-button {bottom: 5px;font-size: 1.35rem;}
2327
2328
2329 /* Footer ---------------------- */
2330 #footer {padding: 10px 0 75px;}
2331
2332 #scrollup {right: 10px;bottom: 80px;}
2333
2334 .serv-inner-ul li {margin: 0 0 20px 0;line-height: 20px;}
2335
2336
2337 /* Mobile Bottom Iconbar ---------------------- */
2338 #mobile_bottom_iconbar {position: fixed;bottom: 0;height: 56px;padding: 10px;box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);box-sizing: border-box;background: var(--white);left: 0;width: 100%; z-index: 5}
2339
2340 #mobile_bottom_iconbar > .main {padding: 0;}
2341
2342 #mobile_bottom_iconbar img {width: 18px;}
2343
2344 #mobile_bottom_iconbar .button {height: 100%;}
2345
2346 #mobile_bottom_iconbar a {width: 50px;height: 100%;line-height: 35px;cursor: pointer;border: 1px solid var(--maincolor);border-radius:5px;}
2347
2348 .iconbar-search-input {display: none;}
2349
2350 #mobile_bottom_iconbar .msMiniCart a, #mobile_bottom_iconbar .wrapper-cart {display: block !important;}
2351
2352 #mobile_bottom_iconbar .cart_count {right: 30px;top: 4px;color: #fff;position: absolute;background: var(--maincolor);border-radius: 100px;width: 15px;height: 15px;text-align: center;font-size: 12px;font-weight:500;line-height: 15px;}
2353
2354 #mobile_bottom_iconbar .msMiniCart .ms2_total_cost {font-size: 14px;transform: translateY(-4px);}
2355
2356 #mobile_bottom_iconbar .msMiniCart .currency {font-size: 12px;margin-left: 0;transform: translateY(-4px);}
2357
2358 #mobile_bottom_iconbar input {padding: 0 110px 0 20px;background: #fff;margin: 0}
2359
2360 #mobile_bottom_iconbar button {background: var(--maincolor);border-radius: 5px;color: white;outline: none;padding: 0 30px;line-height: 35px;right: 5px;position: absolute;top: 50%;margin: 0;transform: translateY(-50%);border: 0;cursor: pointer;}
2361
2362 #mobile_bottom_iconbar .msearch2 {position: absolute;bottom: 60px;left: 0;box-shadow: 0px -5px 5px #0000002b;width: 100%;}
2363
2364 /* Modal ---------------------- */
2365 .modal {padding: 20px;left: 0;top: 0;transform: none !important;width: 100%;min-height: 100%;border-radius: 0;}
2366
2367 .modal .close_modal {top: 5px;right: 5px;}
2368
2369 .modal {text-align: left;}
2370
2371
2372 .hystmodal-right .hystmodal__close {left: auto;}
2373
2374}
2375
2376
2377@media all and (max-width: 570px) {
2378 .main {width: auto;padding: 0 10px;}
2379
2380 :root {--fontsize: 1.5rem;--lineheight: 2.2rem;--top-header-height: 35px;--header-height: 50px;--header-height-min: 50px;--bigbuttonheight: 45px;--header-plus-menu-height: 50px;}
2381
2382
2383 .bigbutton {font-size: 1.2rem;}
2384
2385 .banner-tell-about {position: relative;left: auto;max-width: 150px;top: auto;right: auto;transform: none;margin-top: 5px;}
2386
2387 .homepage_slide .homepage_slide_content {left: 10px;top: 20px;width: 95%;transform: none;}
2388
2389 .homepage_slide_content .font_14 {font-size: clamp(12px, 3vw, 14px);line-height: 1.2;}
2390
2391 .homepage_slide_content .bigbutton {padding: 0 10px;font-size: 1.1rem;}
2392
2393 .font_16, .font_14 , .font_15 {font-size: clamp(14px, 3vw, 16px);line-height: 1.2;}
2394
2395 .font_17 {font-size: clamp(15px, 3vw, 17px);line-height: 1.2;}
2396
2397 .font_18 {font-size: clamp(16px, 3vw, 18px);line-height: 1.2;}
2398
2399 .banner-tell-about-video {width: 60px;height: 60px;}
2400
2401 .teaser-filiali-homepage .text-block {padding: 10px;}
2402
2403 .gruppi-po-vozrastu .circle-block {width: 70px;height: 70px;line-height: 70px;font-size: 20px;}
2404
2405 .owl-arrows3 .owl-nav button {width: 30px;height: 30px;line-height: 30px !important;}
2406
2407 #homepage_slider .owl-nav {right: 20px;bottom: 10px;}
2408
2409 #homepage_slider .owl-dots {right: calc(60px + 50px);bottom: 20px;}
2410
2411
2412 .three-buttons > a {margin-left: 3px !important;font-size: .95rem;}
2413
2414 .let-lager-buttons > a {margin-bottom: 8px;}
2415
2416
2417 #content iframe, #content video {width: 100% !important;}
2418
2419
2420 .s-small {font-size: .7em;line-height: 1.3em;}
2421
2422 .other-filiali .heading-badge {min-height: 100%;max-width: 100%;text-align: center;padding: 0;}
2423
2424 .footer_menu {text-align: center;}
2425
2426 .footer-links .social__items {margin: 0;justify-content: center;}
2427
2428
2429 .blog-teaser-title-date {left: 20px;}
2430
2431 ul.breadcrumb {font-size: .7em;line-height: 1.4em;}
2432
2433 #header .logo {left: 10px;}
2434
2435 #header .logo > img {height: 45px;}
2436
2437 .question {padding: 20px 50px 20px 20px;}
2438
2439 .licenzii-block img {width: 120px;margin-right: 10px;}
2440
2441
2442 .right_fixed_block {width: 38px;}
2443
2444 .right-block {line-height: 40px;}
2445
2446 .ec-message {padding: 28px 28px !important;}
2447
2448 .homepage_slide {height: 550px;}
2449
2450 #homepage_slider .right-img > img {max-height: 270px;}
2451
2452 #homepage_slider.letnii_lager .right-img > img {max-height: 140px;}
2453
2454 #homepage_slider.letnii_lager {background: url(/assets/images/homepage/slider/07.webp) 80% 0% / cover no-repeat !important;}
2455
2456 #homepage_slider .homepage_slide1 .right-img, #homepage_slider .homepage_slide3 .right-img, #homepage_slider .homepage_slide5 .right-img {right: -20px;}
2457
2458
2459 .napravlen-blocks > div > a {display: flex;text-align: left;}
2460
2461 .napravlen-blocks .napravlen-block-icon {width: 70px;height: 70px;line-height: 70px;margin-right: 10px;flex-shrink: 0;text-align: center;}
2462
2463 .gallery .owl-arrows1 .owl-nav button {width: 59px !important;height: 50px !important;line-height: 60px !important;}
2464
2465 .teaser-discount-homepage .image-block {width: 120px;height: 120px;min-height: 120px;float: none;}
2466
2467 .teaser-discount {padding: 20px;}
2468
2469 .teaser-discount .smallbutton {position: relative;margin-top: 15px;bottom: auto;left: auto;}
2470
2471 .banner-full-width, .banner-full-width > .main {min-height: 450px;}
2472
2473 /*#homepage_slider .right-img > img {max-height: 150px;}
2474*/
2475
2476 #header .logo, .custom-list>li {margin-left: 0;}
2477
2478 /* button ---------------------- */
2479 .mobile-mainmenu-button {left: auto;right: 10px}
2480
2481
2482 /* wrapper ---------------------- */
2483 .mobile-mainmenu-outer {top: 0;width: 100%;right: -9999px;left: auto;}
2484
2485 .mobile-mainmenu-active .mobile-mainmenu-outer {right: 0;}
2486
2487 #footer .border_top {margin-top: 15px;padding: 20px 0;}
2488
2489
2490
2491
2492 /* Checkbox ---------------------- */
2493 input.checkbox {width: 17px;height: 17px;margin: 0 3px 0 0}
2494
2495 input.checkbox:not(checked) + label {padding: 0 0 0 45px;display: flex;margin: 0;/* align-items: center; */}
2496
2497 input.checkbox:not(checked) + label:before {top: 5px;left: 0;width: 40px;height: 18px;}
2498
2499 input.checkbox:not(checked) + label:after {top: 8px;left: 2px;width: 11px;height: 11px;}
2500
2501 input.checkbox:checked + label:after {left: 26px;}
2502
2503
2504
2505
2506}