/* --- block-library.css --- */
/*
* Штатные стили блочного редактора WordPress.
*
* Собрано tools/extract-block-css.php — объединение по всем страницам
* слепка, руками не править. Подключается ДО reset.css темы, как было
* на проде: часть правил тема осознанно перебивает.
*/
/* --- wp-img-auto-sizes-contain-inline-css --- */
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/* --- wp-block-library-inline-css --- */
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/* --- wp-block-heading-inline-css --- */
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/* --- wp-block-paragraph-inline-css --- */
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/* --- wp-block-list-inline-css --- */
ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}
/* --- wp-block-image-inline-css --- */
.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}
/* --- wp-block-quote-inline-css --- */
.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}
/* --- wp-block-table-inline-css --- */
.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}
/* --- wp-block-buttons-inline-css --- */
.wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter{text-align:center}
/* --- wp-block-button-inline-css --- */
.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}
/* --- wp-block-separator-inline-css --- */
.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important}
/* --- wp-block-code-inline-css --- */
.wp-block-code{box-sizing:border-box}.wp-block-code code{
/*!rtl:begin:ignore*/direction:ltr;display:block;font-family:inherit;overflow-wrap:break-word;text-align:initial;white-space:pre-wrap
/*!rtl:end:ignore*/}
/* --- wp-block-embed-inline-css --- */
.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}
/* --- core-block-supports-inline-css --- */
.wp-container-core-buttons-is-layout-16018d1d{justify-content:center;}
/* --- classic-theme-styles-inline-css --- */
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/* --- global-styles-inline-css --- */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/* --- swiper-bundle.min.css --- */
/**
* Swiper 10.3.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: September 28, 2023
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* --- reset.css --- */
/* Reset and base styles */
* {
padding: 0px;
margin: 0px;
border: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
:focus,
:active {
/*outline: none;*/
}
span:focus, a:focus,
span:active, a:active {
color: #36B9EB;
/* outline: none;*/
}
/* Links */
a, a:link, a:visited {
color: inherit;
text-decoration: none;
/* display: inline-block; */
}
a:hover {
color: inherit;
text-decoration: none;
}
/* Common */
aside, nav, footer, header, section, main {
display: block;
}
h1, h2, h3, h4, h5, h6, p {
font-size: inherit;
font-weight: inherit;
}
ul, ul li {
list-style: none;
}
img {
vertical-align: top;
}
img, svg {
max-width: 100%;
height: auto;
}
address {
font-style: normal;
}
/* Form */
input, textarea, button, select {
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: transparent;
}
input::-ms-clear {
display: none;
}
button, input[type="submit"] {
display: inline-block;
box-shadow: none;
background-color: transparent;
background: none;
cursor: pointer;
}
input:focus, input:active,
button:focus, button:active {
outline: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
label {
cursor: pointer;
}
legend {
display: block;
}
/* --- style.css --- */
/*
* Шрифты.
*
* Названия семейств оставлены теми же, что были на проде («Raleway» для
* MoscowSans и прочие несовпадения включительно): их знает весь остальной
* CSS темы, переименование ничего не улучшит и сломает многое.
*
* Два изменения по сравнению с продом.
*
* Первое — `font-display: swap`. Без него браузер прячет текст, пока шрифт
* не скачается: на мобильном интернете это была секунда с лишним белого
* экрана при полностью готовой странице. Со swap текст виден сразу
* системным шрифтом и подменяется, когда придёт наш.
*
* Второе — woff2 у Cormorant. Тот же шрифт, все 972 глифа на месте
* (сверено по cmap), но 98 КБ вместо 588. Ttf оставлен вторым источником:
* браузер берёт первый понятный ему формат, woff2 не понимают только
* совсем древние, и лишний вес это не создаёт — качается ровно один файл.
*/
@font-face {
font-family: "Raleway";
src: url("/fonts/MoscowSans-Light.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "Raleway Medium";
src: url("/fonts/MoscowSans-Regular.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "Cormorant Infant";
src: url("/fonts/CormorantInfant-Light.woff2") format("woff2"),
url("/fonts/CormorantInfant-Light.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: "Raleway Bold";
src: url("/fonts/MoscowSans-Bold.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "Cormorant Bold";
src: url("/fonts/CormorantInfant-SemiBold.woff2") format("woff2"),
url("/fonts/CormorantInfant-SemiBold.ttf") format("truetype");
font-display: swap;
}
main{
min-height: 100vh;
}
h1, h2, h3{
font-family: "Cormorant Infant";
color: #6B7276;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
p, span{
color: rgb(107, 114, 118);
font-family: Raleway;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.visually-hidden {
position: absolute;
overflow: hidden;
margin: -1px;
border: 0;
padding: 0;
width: 1px;
height: 1px;
clip: rect(0 0 0 0);
}
.body{
background-color: #FCFCFC;
overflow-y: scroll;
overflow-x: hidden;
}
.dis-scroll {
position: fixed;
left: 0;
top: 0;
overflow: hidden;
width: 100%;
height: 100vh;
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
.container
{
max-width: 1410.62px;
padding-left: 5px;
padding-right: 5px;
margin: 0 auto 0 auto;
}
.header__top{
margin-top: 44px;
display: flex;
justify-content: space-between;
}
.city{
transform: translateY(-2px);
margin-top: 7px;
margin-right: 37.38px;
font-family: Raleway;
color: #6B7276;
line-height: 100%;
letter-spacing: 5%;
font-size: 16px;
letter-spacing: 3.9px;
}
.menu{
margin-top: 7px;
}
.menu__item + .menu__item {
margin-left: 48px;
}
.menu__item--second + .menu__item--second {
margin-top: 18px;
}
.menu__item{
color: #6B7276;
font-family: Raleway;
font-style: medium;
font-size: 16px;
line-height: 100%;
letter-spacing: 1.4px;
}
.header__logo
{
width: 113px;
height: 52px;
}
.menu__list{
display: flex;
justify-content: space-between;
}
.--hidden{
display: none !important;
}
.menu__link{
padding-bottom: 27px;
}
.menu__list--сity{
display: none;
position: absolute;
z-index: 2;
transform: translateY(16px);
flex-direction: column;
}
.menu__list--second
{
display: none;
position: absolute;
z-index: 2;
background-color: #FFF;
justify-content: space-between;
flex-direction: column;
transform: translateY(27px);
border: 1px #B0BFD0 solid;
border-radius: 15px;
padding: 25px;
}
.menu__item:hover .menu__list--second{display: flex; }
.menu__item:hover .menu__link{
color: #36B9EB !important;
}
.menu__item--second:hover .menu__link--second
{
color: #36B9EB !important;
}
.link--arrow::after{
content: url(/public/images/arrow_down.svg);
position: relative;
left: 7px;
bottom: 1px;
display: inline-block;
}
.menu__item:hover .link--arrow::after{
content: url(/public/images/arrow_down-down.svg) !important;
left: 7px;
bottom: 1px;
display: inline-block;
}
.header__content.--open .menu__item:hover .link--arrow::after
{
content: "" !important;
}
.header__content.--open .menu__item.mobile--arrow:hover::after
{
content: url(/public/images/arrow_down-down.svg) !important;
/* bottom: 110px; */
}
.header__content.--open .menu__item.mobile--arrow.--1:hover::after
{
bottom: 160px;
}
.header__content.--open .menu__item.mobile--arrow.--2:hover::after
{
bottom: 195px;
}
.header__content.--open .menu__list--second
{
margin-top: 20px;
position: static;
width: calc(100% + 32px);
padding: 0;
background: #F9F9F9;
border: none;
border-radius: 0px;
transform: translateX(-32px);
padding-top: 24px;
padding-bottom: 6px;
}
.header__content.--open .menu__item--second
{
margin-left: 10px;
margin-bottom: 18px;
}
.city:hover .city__active{color: #36B9EB !important;}
.city:hover .city__active::after{ content: url(/public/images/arrow_down-down.svg) !important;}
.city:hover .menu__list--сity{display: flex; }
.city__active::after{
content: url(/public/images/arrow_down.svg);
position: relative;
left: 35px;
bottom: 2px;
}
.city__active::before{
content: url(/public/images/dash.svg);
position: relative;
right: 19px;
top: 2.5px;
}
/* 313 182 */
.header__image {
position: relative;
/* z-index: 1; */
max-width: 47%;
}
.header__photo.--third{
position: relative;
z-index: 1;
}
/*.header__photo.--third::before{
content: "";
position: absolute;
top: calc(50% - 38px);
left: calc(50% - 40px);
width: 86px;
height: 86px;
background: url(../images/play_button.svg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 10;
}
.header__photo.--third::after{
content: "";
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 5px);
width: 24px;
height: 28px;
background: url(../images/play_arrow.svg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 11;
}*/
.header__image::before{
content: url(../images/circle.png);
position: absolute;
top: -50px;
right: 10px;
width: 70%;
height: calc(100% + 850px);
opacity: .1;
z-index: -1;
}
.header__wrapper{
display: flex;
justify-content: space-between;
margin-top: 159px;
}
.header__left.header__image{
max-width: 570px;
margin-right: 1px;
}
.header__right{
max-width: 810px;
display: grid;
grid-template-areas: "b b a" "b b c" "b b c";
}
.header__photo.--first{
grid-area: b;
padding-right: 58px;
}
.header__photo.--second{
height: 209px;
width: 363px;
grid-area: a;
margin-bottom: 80px;
}
.header__photo.--third{
grid-area: c;
}
.courses__element a{
height:100%;
display:block;
}
.rent__block.--msk {
padding-left:3vw;
}
.header__text{
color: #6B7276;
font-family: Raleway;
font-style: medium;
font-size: 16px;
line-height: 100%;
margin-top: 16px;
max-width: 559px;
}
/* //////////////////////////// */
.form-group-title {
font-style: 22px;
font-weight: 700;
margin-top: 1em;
margin-bottom: 1em;
}
.form-group{
margin-top: 10px;
}
body.--events-page .form-group + .form-group {
margin-left: 24px;
}
label {
cursor: pointer;
}
/* *******************
Select c dropdown на JS
******************* */
.dropdown {
position: relative;
border-radius: 40px;
border: 0.5px solid #6B727680;
}
.dropdown__button {
position: relative;
display: block;
width: 100%;
text-align: left;
height: 58px;
padding: 20px 45px 20px 30px;
font-weight: 500;
font-size: 16px;
line-height: 20px;
cursor: pointer;
}
button.dropdown__button {
position: relative;
display: flex;
flex-direction: column;
color: #6B7276;
max-height: 58px;
font-size: 18px;
font-family: Raleway;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.9px;
}
.dropdown__button::after{
content: url(/public/images/arrow_down.svg);
position: absolute;
top: 18px;
right: 15px;
}
.dropdown__button--active.dropdown__button::after
{
rotate: 0.5turn;
top: 21px;
}
.dropdown__list {
display: none;
/* position: absolute;
left: 0;
top: 52px;
margin: 0;
padding: 0; */
list-style-type: none;
/* background: #FFFFFF;
box-shadow: 0px 4px 8px rgba(176, 198, 225, 0.6); */
overflow: hidden;
border-radius: 6px;
width: 100%;
/*
z-index: 1; */
}
.dropdown__list--visible {
display: block;
}
.dropdown__list-item, .dropdown__list-calendar_item {
/* margin: 0;
padding: 0;
border: 1px solid #7E9BBD;
border-bottom: 0px; */
padding: 13px 29px;
cursor: pointer;
color: #6B7276;
font-size: 18px;
font-family: Raleway;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.9px;
}
.dropdown__list-item:hover, .dropdown__list-calendar_item:hover {
/* background: rgba(176, 198, 225, 0.26); */
color: #36B9EB !important;
}
.dropdown__input-hidden {
display: none;
}
.schedule{
margin-top: 132px;
}
.schedule__header{
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.sсhedule__title{
font-family: Cormorant Infant;
font-size: 80px;
color: #6B7276;
font-weight: 400;
}
body.--events-page .sсhedule__title
{
padding-right: 123px;
}
body.--events-page .events__header--wrapper {min-width: 100%; display: flex; }
.events__header--text
{
color: #6B7276;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
max-width: 817px;
transform: translateY(38px);
}
.shedule__calendar{
position: relative;
transform: translateY(40px);
color: #6B7276;
font-family: Raleway;
font-size: 24px;
line-height: 100%;
letter-spacing: 1.4px;
}
.shedule__calendar::before{
content: url('/public/images/calendar.svg');
/*position: absolute;
top: -6px;
left: -62px;*/
position:relative;
display:inline-block;
}
span.shedule__month{
display: inline-block;
position: relative;
vertical-align: top;
}
span.shedule__year{
margin-left: 18px;
vertical-align: top;
}
.schedule__options{
position: relative;
margin-top: 28px;
display: flex;
justify-content: space-between;
max-width: 1320px;
}
.schedule__btn{
position: relative;
display: flex;
flex-direction: column;
border-radius: 40px;
border: 0.5px solid #6B727680;
color: #6B7276;
max-height: 58px;
font-size: 18px;
font-family: Raleway;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.9px;
}
.schedule__btn span{
margin: 20px 45px 20px 30px;
}
.btn__text{
position: relative;
}
.btn__text--optional{display: none; margin-top: 0px !important; margin-bottom: 20px !important;}
.schedule__btn:hover .btn__text--optional{ display: block;}
.schedule__btn:hover {max-height: fit-content;}
.schedule__btn:hover .btn__text::after{
content: url('/public/images/arrow_down-down-black.svg') !important;
position: absolute;
top: -2px;
right: -20px;
}
.header__content.--open .mobile-menu::after
{
display: none;
}
.header__content.--open .mobile-menu::before
{
rotate: 90deg;
top: -1px;
height: 3px;
}
.header__content.--open .header__top
{
position: absolute;
z-index: 11;
padding-top: 24px;
margin-top: 0;
display: grid;
grid-template-areas:
"a b"
"c c"
"d d ";
grid-template-columns: 180px 180px;
grid-template-rows: 93px 60px 200px;
top: 0px;
left: 0;
height: 100vh;
width: 100%;
background: #FFF;
}
.header__content.--open .menu__list
{
flex-direction: column;
}
.header__content.--open .mobile--arrow
{
position: relative;
}
.header__content.--open .link--arrow::after
{
content: "";
}
.header__content.--open .mobile--arrow::after
{
content: url('/public/images/arrow_down.svg');
position: absolute;
left: 90%;
}
.header__content.--open .menu__item + .menu__item {
margin-top: 32px;
}
.header__content.--open .menu__item
{
font-size: 18px;
margin-left: 31px;
}
.header__content.--open .logo
{
padding-left: 29px;
max-height: 69px;
max-width: 300px;
grid-area: a;
}
.header__content.--open .mobile-menu
{
grid-area: b;
}
.header__content.--open nav.menu
{
grid-area: d;
}
.header__content.--open div.city
{
grid-area: c;
transform: translateY(-2px);
margin: 0;
}
.header__content.--open .menu__item--second.--msk
{
position: relative;
}
.header__content.--open .menu__list--сity::before {
content: "";
position: absolute;
top: -25px;
width: 100%;
height: 1px;
background: #C0D1E7;
}
.header__content.--open .menu__list--сity::after {
content: "";
top: 31px;
position: absolute;
width: 100%;
height: 1px;
background: #C0D1E7;
}
.header__content.--open .menu__item--second.--msk::after
{
content: "";
top: 0;
left: calc(50vw - 32px);
width: 1.244px;
height: 14.48px;
background-color: #6B7276;
position: absolute;
}
.header__content.--open .menu__item--second.--bron
{
padding-right: 0;
}
.header__content.--open .mobile__wrapper {
padding-right: 30px;
}
.mobile__wrapper {
display: none;
}
.header__content.--open span.city__active.link--arrow
{
display: none;
}
.header__content.--open .menu__list--сity
{
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
text-align: center;
width: 100%;
transform: translateY(0px);
}
.header__content.--open .menu__item--second
{
margin-top: 0;
}
.header__content.--open nav.menu, .header__content.--open div.city
{
display: block;
}
.header__content.--open .mobile-menu
{
margin-top: 20px;
rotate: -45deg;
height: 3px;
}
.mobile-menu
{
display: none;
margin-top: 15px;
width: 38px;
height: 2px;
position: relative;
background: #6B7276;
}
.mobile-menu::before
{
content: "";
width: 38px;
height: 2px;
position: absolute;
top: -13px;
background: #6B7276;
}
.mobile-menu::after
{
content: "";
width: 38px;
height: 2px;
position: absolute;
top: 13px;
background: #6B7276;
}
nav.menu, .mobile-menu
{
-webkit-transition: -webkit-transform 0.3s ease-in;
-o-transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}
.schedule__day{
/* transition-duration: 3s; */
display: block;
}
.schedule__day.--hidden
{
/* transition-duration: 31s; */
display: none;
}
/* .schedule__btn:hover .btn__text{visibility: hidden;} */
/* .schedule__btn:active .btn__text--optional{ display: block;}
.schedule__btn:active {max-height: fit-content;}
.schedule__btn:active .btn__text::after{
content: url('/public/images/arrow_down-down-black.svg') !important;
position: absolute;
top: -2px;
right: -20px;
} */
.btn__text--optional:hover{
color: #36B9EB !important;
}
/* .btn__text--optional:active{
color: #36B9EB !important;
} */
/*
.schedule__btn:hover .--optional{ display: block; position: absolute; z-index: 10; background: #FCFCFC;} */
.btn__text::after{
content: url('/public/images/arrow_down.svg');
position: absolute;
top: 0.2px;
right: -20px;
}
.btn__text.--teachers::after{content: ""}
.btn__text.--teachers{
margin: 20px 40px 20px 40px;
}
.teachers__btn.--classes{
margin: 24px 92px 48px 92px;
}
.schedule__today{
margin-top: 24px;
margin-bottom: 16px;
display: flex;
justify-content: space-between;
}
.schedule__today--date{
color: #6B7276;
white-space: nowrap;
font-size: 24px;
font-family: Raleway;
font-style: normal;
font-weight: 500;
line-height: 100%;
letter-spacing: 1.2px;
}
.schedule__today-line{
min-width: 1216px;
height: 1px;
background-color: #6B727680;
align-self: center;
}
.schedule__today-line.--sunday{
min-width: 1196px;
}
.schedule__cols{
color: #6B7276;
margin-left: 47px;
margin-right: 285px;
/* P/Semibold */
font-size: 16px;
font-family: Raleway;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 25px;
margin-bottom: 1px;
display: flex;
justify-content: start;
}
.col--time{
min-width: calc(54px + 77px);
}
.element__time{
min-width: calc(54px + 77px);
width:125px;
}
.element__name{
min-width: 637px;
}
.col--name{
min-width: 637px;
/* transform: translateX(-155px); */
}
.element__type{
width: 277px;
padding-right: 23px;
}
.col--type{
min-width: 277px;
}
.schedule__element{
/* max-width: 1250px; */
display: flex;
justify-content: start;
border-radius: 40px;
border: 0.5px solid #6B727680;
padding: 20px 45px 20px 47px;
}
.schedule__element + .schedule__element{
margin-top: 15px;
}
.schedule__showall.--courses{
display: none;
}
.schedule__showall.--courses span {
display: block;
text-align: center;
}
.schedule__showall.--courses span::after {
content: url(/public/images/big_arrow.svg);
position: absolute;
top: 40px;
left: 50%;
}
.--600{
color: #6B7276;
font-size: 18px;
font-family: Raleway Medium;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.9px;
}
.--400{
color: #6B7276;
/* Button/Reg */
font-size: 18px;
font-family: Raleway;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.9px;
}
.element__process{
color: #36B9EB;
}
.--forshowall{
display: flex;
justify-content: center;
align-items: center;
margin-top: 45px;
padding-bottom: 86px;
}
.schedule__showall span{
position: relative;
}
.schedule__showall span::after{
content: url('/public/images/big_arrow.svg');
position: absolute;
top: 26px;
left: 50%;
}
span.--open{
margin-top: 15px;
padding-left: 20px;
}
.schedule__showall span.--open::after{
content: url('/public/images/big_arrow.svg');
rotate: 0.5turn;
position: absolute;
top: -24px;
left: 50%;
}
.courses{
background: linear-gradient(180deg, #DFEEFF 0%, rgba(226, 240, 255, 0.65) 100%);
padding-bottom: 140px;
}
.line--courses{
height: 1px;
background-color: #6B727680;
align-self: center;
min-width: 921px;
transform: translateY(10px);
}
.schedule__today.--courses
{
padding-top: 120px;
}
.schedule__filter
{
display: none;
}
.courses__main{
margin-top: 48px;
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
/* z-index: -2; */
border-radius: 30px;
border: 2px solid #C0D1E7;
background: #C0D1E7;
}
.courses__section{
display: flex;
flex-wrap:wrap;
gap:3px;
height:fit-content;
transition:height linear 4s;
}
.element_id{
max-width: 50%;
grid-area: a;
padding-top: 32px;
padding-left: 32px;
color: #6B7276;
font-family: Raleway;
font-size: 27px;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
.ce1{
border-radius: 30px 0px 30px 30px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
/* background: url('/public/images/ce_1.svg'); */
}
.ce2{
border-radius: 30px 30px 30px 0px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.ce3{
border-radius: 30px 30px 0px 30px;
border: 1px solid #D7DFE8;
background: #E0EEFF;
}
.ce4{
border-radius: 30px 0px 30px 30px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.ce5{
border-radius: 30px 30px 30px 0px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.ce6{
border-radius: 0px 30px 30px 30px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.ce7{
border-radius: 30px 30px 0px 30px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.ce8{
border-radius: 30px 0px 30px 30px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.ce9{
border-radius: 30px 30px 0px 30px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.ce10{
border-radius: 0px 30px 30px 30px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.ce11{
border-radius: 0px 30px 30px 30px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.ce12{
border-radius: 30px 30px 0px 30px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.element_link{
/*display: none;
grid-area: b;*/
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 2%;
background-color: #E0EEFF;
width:max-content;
max-width:15%;
z-index:5;
}
body.--desktop .courses__element:hover .element_link{
background-color: #fff;
}
body.--desktop .courses__element:hover{
background: #FFF;
}
.courses__element h3.element_name{
padding: 4px 18% 4px 4px;
text-align: center;
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
z-index:4;
}
body.--mobile .courses__element.--tap .element_link
{
background: #FFF;
display: block;
}
body.--mobile .courses__element.--tap
{
background: #FFF;
}
img.element_button{/*max-width: max-content;*/width:100%}
.courses__element{
position: relative;
overflow: hidden;
/* background: url('/public/images/courses-element.svg'); */
background-repeat: no-repeat;
background-size: cover;
display: block;
/*grid-template-columns: auto auto;
grid-template-rows: auto auto;
grid-template-areas:
"a b"
"c d";*/
height: 120px;
border-radius: 30px 30px 30px 0px;
border: 1px solid #C0D1E7;
background: #E0EEFF;
}
.courses__section .courses__element,.courses__element_all{
width:calc(25% - 3px) !important;
}
.courses__section .courses__element:nth-child(n+9){
display:none;
}
.courses__element_all{
width:300px;
}
.courses__element::before{
/* position: absolute;
top: -32px;
z-index: -1;
content: url('/public/images/courses-element.svg');
rotate: 0.5turn; */
}
h3.element_name
{
grid-area: c;
align-self: end;
/* max-width: 344px; */
padding-left: 32px;
padding-bottom: 32px;
color: #6B7276;
font-family: Cormorant Infant;
font-size: 34px;
font-style: normal;
font-weight: 300;
line-height: 30px;
}
.questions{
padding-bottom: 151px;
background: #FFF;
}
.questions__wrapper{
margin-top: 120px;
display: flex;
gap: 157px;
}
.questions__text{
color: #6B7276;
font-family: Raleway;
font-size: 16px;
font-weight: 400;
line-height: 100%;
padding-top: 24px;
max-width: 340px;
}
.schedule__today.--questions
{
margin-top: 0px;
display: flex;
flex-direction: column;
max-height: 600px;
/*
* Базовое правило .schedule__today ставит justify-content: space-between,
* и там оно уместно: колонки расписания расходятся по горизонтали.
* Здесь направление переключено на вертикаль, и то же самое правило
* начинает разгонять заголовок и фотографию по высоте колонки. А высота
* колонки — это высота ряда, то есть высота раскрытого аккордеона справа.
* Поэтому при раскрытии вопроса картинка слева уезжала вниз, хотя к
* вопросу отношения не имеет. Прижимаем содержимое к верху, и левая
* колонка перестаёт зависеть от того, что делает правая.
*/
justify-content: flex-start;
}
.questions__img{
margin-top: 40px;
border-radius: 0px 80px;
}
.questions__main{
padding-left: 5px;
}
.question__line{
width: 882px;
height: 1px;
background-color: #6B727680;
align-self: center;
}
.question__question{
position: relative;
margin: 48px 0;
color: #6B7276;
font-family: Raleway;
font-size: 18px;
font-style: normal;
display: flex;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.9px;
}
.question__block.--open .question__question::after
{
rotate: 0.5turn;
}
.question__block.--open .question__line.--last
{
display: block;
}
.question__question span{
padding-right: 44px;
}
.question__question span.text{
max-width: 600px;
}
.question__question::after{
content: url('/public/images/questions__arrow.svg');
position: absolute;
right: 38px;
}
.question__line.--last{
display: none;
}
.question__answer{
display: block;
max-width: 757px;
margin: 0px auto;
color: #6B7276;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.teachers{
background: #F9F9F9;
padding-bottom: 107px;
}
.teachers__wrapper{
padding-top: 120px;
}
.line--teachers{
width: 560px;
height: 1px;
background-color: #6B727680;
align-self: center;
margin-right: 65px;
}
.teachers__wrapper-2{
display: flex;
align-items: flex-start;
}
.schedule__today.--teachers
{
margin-top: 0px;
}
.teachers .sсhedule__title{
transform: translateY(-10px);
padding-right: 53px;
}
.teachers__btn{
margin-left: 32px;
position: relative;
display: flex;
flex-direction: column;
border-radius: 40px;
border: 0.5px solid #6B727680;
color: #6B7276;
max-height: 58px;
font-size: 18px;
font-family: Raleway;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.9px;
/* align-self: center; */
margin-top: 15px;
}
.teachers .schedule__btn
{
align-self: center;
}
.teachers__main{
display: flex;
justify-content: space-between;
margin-top: 70px;
}
body.--teachers-page .teachers__main{
display: flex;
flex-wrap: wrap;
justify-content: start;
margin-top: 40px;
padding-bottom: 222px;
}
.teacher__card{
max-width: 330px;
}
.teacher__img
{
min-width: 330px;
border-radius: 80px 0px;
/*
* Общая рамка для всех портретов.
*
* Снимки приходят как есть: от 1024x598 у одного преподавателя до
* 1066x1600 у другого. Пока высота бралась из самой картинки, имена
* вставали на разной высоте, и ряд читался как сбитый, а не как ряд.
*
* Пропорция 3:4 выбрана по большинству: четыре снимка из восьми лежат
* около 1:1.5, ещё три — от квадрата до 1:1.17. При ней вертикальные
* портреты теряют по нижнему краю несколько процентов, квадратные
* подрезаются с боков. Привязка к верхнему краю не случайна: подрезать
* снизу безопаснее, лицо на портрете почти всегда выше середины.
*/
aspect-ratio: 3 / 4;
overflow: hidden;
}
/* На главной снимок обёрнут ссылкой, на прочих раскладках лежит голым —
поэтому растягиваем оба слоя, иначе строчная ссылка схлопнет высоту. */
.teacher__img a
{
display: block;
height: 100%;
}
.teacher__img img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.teacher__name
{
color: #6B7276;
font-family: Cormorant Infant;
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height: 100%;
margin-top: 24px;
}
.teacher__description{
margin-top: 12px;
color: #6B7276;
font-family: Raleway;
font-size: 16px;
font-style: italic;
font-weight: 300;
line-height: normal;
}
.teachers__navigation{
margin-top: 48px;
display: flex;
}
.teachers__next{
margin-right: 68px;
margin-left: 29px;
}
.teachers__prev, .teachers__next
{
min-width: 70px;
}
.teachers__progress_line
{
width: 310px;
height: 2px;
background-color: #36B9EB;
/* align-self: center; */
}
.teachers__all_line
{
position: relative !important;
width: 1025px !important;
height: 2px !important;
background-color: #B0BFD0 !important;
align-self: center !important;
}
.teachers .form-group {
margin-top: 15px;
}
.classes{
background: #DBE0E8;
padding-bottom: 160px;
}
/* .classes .line--teachers
{
width: 613px;
} */
.classes .sсhedule__title
{
transform: translateY(-7px);
margin-right: 39px;
min-width: 475px;
}
.classes .teachers__btn {justify-content: center; min-width: 236px;}
/* .swiper-pagination-progressbar-fill{
height: 2px !important;
background-color: #36B9EB !important;
align-self: center;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
width: 1025px;
height: 1px;
background-color: #B0BFD0;
align-self: center;
} */
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: '';
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: '';
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
height: 2px !important;
background-color: #36B9EB !important;
align-self: center !important;
}
.classes__main{
margin-top: 68px;
display: flex;
justify-content: space-between;
}
.class__card{
border-radius: 80px 80px 80px 0px;
background: #FFF;
backdrop-filter: blur(10px);
max-width: 449px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.class_type.--1{
background: url('/public/images/class_1.png');
}
.class_type.--2{
background: url('/public/images/class_2.png');
}
.class_type.--3{
background: url('/public/images/class_3.png');
}
.class_type
{
margin: 7px 12px;
color: #FFF;
font-family: Cormorant Infant;
font-size: 56px;
font-style: normal;
font-weight: 300;
line-height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-size: cover !important;
background-repeat: no-repeat !important;
border-radius: 80px 80px 80px 0px;
width: 423px;
height: 282px;
}
.class_description
{
color: #6B7276;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 100;
line-height: normal;
margin: 24px 29px;
}
.class__arenda
{
border-radius: 80px 0px 80px 0px;
background: #FFF;
margin-top: 32px;
display: flex;
justify-content: space-between;
align-items: center;
height: 175px;
}
.btn-standart
{
color: #6B7276;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.9px;
padding: 20px 40px 23px 40px;
border-radius: 40px;
border: 0.5px solid #6B727680;
}
.arenda__title {
margin-left: 59px;
color: #6B7276;
font-family: Cormorant Infant;
font-size: 56px;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
.arenda__description {
color: #6B7276;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
max-width: 601px;
}
.arenda__btn
{
margin-right: 64px;
}
.events
{
padding-bottom: 140px;
}
.events__header {
position: relative;
margin-top: 121px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.events__title {
color: #6B7276;
font-family: Cormorant Infant;
font-size: 57px;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
button.events__btn.btn-standart.--desktop {
max-height: 63px;
transform: translateY(25px);
}
.events__header::after {
content: "";
min-width: 100%;
height: 1px;
opacity: 0.4000000059604645;
background: #6B7276;
position: absolute;
top: calc(100% + 34px);
}
body.--events-page .events__header::after {
content: none;
}
.events__main {
transform: translateY(34px);
}
.event__card {
margin-top: 64px;
display: flex;
justify-content: space-between;
}
.event__info {
max-width: 605px;
}
.event__title {
color: #6B7276;
font-family: Cormorant Infant;
font-size: 54px;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
.event__when {
margin: 24px 0;
color: #6B7276;
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 100%;
letter-spacing: 1.2px;
}
.event__description {
color: #6B7276;
/* P/Reg */
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 100;
line-height: normal;
}
.event__btns {
display: flex;
justify-content: flex-start;
margin-top: 123px;
gap: 32px;
}
.btn-colored {
display: inline-flex;
padding: 20px 40px 23px 40px;
align-items: center;
gap: 10px;
border-radius: 40px;
border: 0.5px solid #CFC3B9;
background: #B0BFD0;
color: #FCFCFC;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.9px;
}
.event__slider {
max-width: 720px;
}
.event__img{
width: 720px;
height: 393px;
}
.event__pagination {
width: 630.85px;
height: 2px !important;
background-color: #BCC6C7 !important;
opacity: 0.5 !important;
top: 95% !important;
}
.event__line{
min-width: 100%;
margin-top: 80px;
margin-bottom: 60px;
}
.line-standart
{
height: 1px;
opacity: 0.4000000059604645;
background: #6B7276;
}
.rent {
}
.rent__wrapper::before
{
content: "";
position: absolute;
right: 0;
background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(17px);
width: 52%;
height: 100%;
}
.rent__wrapper{
position: relative;
background: url('/public/images/rent.png');
background-size: cover;
background-repeat: no-repeat;
min-height: 853px;
}
/* .container.--rent::after {
z-index: -1;
position: absolute;
content: url('/public/images/rent.png');
} */
.rent__wrapper .container
{
display: flex;
justify-content: space-between;
}
.rent__block{
padding-top: 200px;
}
.rent__block.--msk{
/* padding-left: 255px; */
min-width: 642px;
}
.rent__block.--bron{
margin-left: 130px;
/* padding-right: 315px; */
}
.rent__title {
position: relative;
min-width: 530px;
color: #FFF;
font-family: Cormorant Infant;
font-size: 80px;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
.rent__text, .rent__address{
position: relative;
margin-top: 25px;
color: #FFF;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.9px;
}
.rent__address {
margin-left: 34px;
position: relative;
}
.rent__address::before
{
left: -34px;
content: url('/public/images/rent_address.svg');
position: absolute;
}
.rent__btns {
position: relative;
margin-top: 71px;
display: flex;
justify-content: flex-start;
gap: 30px;
}
.rent__block.--bron .rent__btns
{
margin-bottom: 40px;
margin-top: 53px;
}
.rent__block .btn-standart {
border-radius: 40px;
border: 0.5px solid #FFF;
color: #FFF;
}
footer{
background: #F9F9F9;
padding-bottom: 125px;
}
.footer__wrapper
{
transform: translateX(-33px);
/* position: relative; */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer__wrapper-2{
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
}
footer .container
{
position: relative;
}
/* .footer__wrapper::before {
content: "";
min-width: 100%;
height: 376px;
background: url(/public/images/footer.svg);
position: absolute;
z-index: -1;
top: -120px;
left: -20px;
} */
.footer_photo{
transform: translateX(-20px);
display: block;
min-width: 100%;
min-height: 376px;
position: absolute;
top: -120px;
left: 5px;
}
.footer__gong
{
position: relative;
top: -87px;
left: 11px;
/* background: url('/public/images/gong.svg'), lightgray -261.059px -190.909px / 458.71% 529.19% no-repeat; */
width: 145.554px;
height: 125.946px;
}
.footer__logo
{
position: relative;
top: -72px;
left: 9px;
width: 189.296px;
height: 81.45px;
background: url('/public/images/logo-header-vector.svg');
background-size: contain;
background-repeat: no-repeat;
}
.footer__nav
{
position: relative;
z-index: 1;
display: flex;
gap: 450px;
justify-content: space-between;
}
.footer__menu {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 70px;
-moz-column-gap: 70px;
column-gap: 70px;
}
.footer__menu.--right {
transform: translateY(-15px);
-webkit-columns: 1 auto;
-moz-columns: 1 auto;
columns: 1 auto;
-webkit-column-gap: 70px;
-moz-column-gap: 70px;
column-gap: 70px;
}
.footer__menu-item {
color: #1E1E1E;
/* Button/Reg */
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.9px;
padding-bottom: 17px;
}
.footer__menu.--right .footer__menu-item
{
padding-bottom: 12px;
}
.footer__menu-link {
}
.header__btns
{
margin-top: 48px;
}
.header__btn--1
{
margin-right: 38px;
}
.body.--courses
{
background: #E0EEFF;
}
.main.--courses
{
padding-bottom: 250px;
}
.header__content.--open .header__logo {
padding-left: 30px;
width: 143px;
}
body.--teachers-page span.line--teachers {
min-width: calc(100% - 390px);
}
body.--teachers-page .schedule__today.--teachers {
flex-grow: 1;
}
body.--teachers-page h1.sсhedule__title {
transform: translateY(-10px);
}
body.--teachers-page .form-group {
margin-top: 25px;
}
/* body.--teachers-page .teachers__main {
margin-top: 40px;
padding-bottom: 222px;
} */
body.--teachers-page .teacher__card {
margin-top: 48px;
max-width: 327px;
}
/* body.--teachers-page .teachers__main {
justify-content: start;
} */
body.--teachers-page .teacher__card + .teacher__card {
margin-left: 30px;
}
body.--teachers-page .teacher__card:nth-child(5n + 5) {
margin-left: 0px;
}
body.--abonements--page .header__image, body.--events-page .header__image , body.--practic-page .header__image ,
body.--event-page .header__image{
position: absolute;
left: 300px;
top: -300px;
rotate: 45deg;
}
body.--abonements--page .questions__main {
margin-top: 47px;
}
body.--events-page .container.--forshowall.--400 {
margin-top: 94px;
margin-bottom: 114px;
transform: translateX(-28px);
}
body.--events-page .schedule__showall span::after{
left: 47%;
}
body.--events-page .schedule__showall span.--open::after
{
left: 50%;
}
.event__line.line-standart.--events-page
{
display: none;
}
body.--events-page .event__line.line-standart.--events-page
{
display: block;
}
body.--events-page img.footer_photo {
left: 10px;
}
body.--events-page .footer__wrapper {
transform: translateX(-30px);
}
body.--abonements--page .questions__wrapper
{
padding-bottom: 250px;
}
body.--abonements--page span.icon {
transform: translateY(-13px);
}
body.--abonements--page .question__question {
margin: 48px 0 18px;
}
.abonement__block
{
display: none;
margin: 34px 37px 64px;
}
.question__block.--open .abonement__block
{
display: block;
}
.abonement_alert
{
margin-top: 34px;
font-size: 16px;
font-style: italic;
}
.abonement_alert span
{
font-family: Raleway Bold;
font-weight: 700;
margin-top: 36px;
}
.abonement__suggestion {
/* display: flex;
justify-content: space-between; */
display: grid;
grid-template-columns: 5fr 1.2fr 1.5fr;
margin-top: 15px;
margin-bottom: 15px;
}
.abonement__line
{
max-width: 100%;
height: 1px;
opacity: 0.4000000059604645;
background: #6B7276;
}
.suggestion__name {
font-family: Raleway Bold;
font-weight: 700;
}
.suggestion__price {
font-family: Raleway Bold;
font-weight: 600;
}
.suggestion__price bdi, .suggestion__price bdi span{
font-family: Raleway Bold;
font-weight: 600;
}
.suggestion__buy {
text-align: right;
font-family: Raleway Bold;
font-weight: 600;
color: #36B9EB;
}
.main__content
{
padding: 156px 0;
}
.content__main-part {
display: flex;
flex-direction: column;
}
.main-part__top {
display: flex;
justify-content: space-between;
}
.content__title {
color: #6B7276;
font-family: Cormorant Infant;
font-size: 80px;
font-style: normal;
font-weight: 300;
line-height: 100%;
max-width: 998px;
}
.content__material {
width: 326px;
height: 231px;
flex-shrink: 0;
border-radius: 80px 0px;
margin-right: 15px;
}
.--has-play-btn
{
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.main-part__bottom {
padding-top: 74px;
display: flex;
justify-content: space-between;
}
.content__master {
display: grid;
grid-template-columns: 120px 426px;
grid-template-rows: 38px 21px;
min-height: 120px;
}
.master__img {
grid-row: span 2;
width: 120px;
height: 120px;
margin-right: 41px;
/* flex-shrink: 0; */
border-radius: 20px 0px;
}
.master__title {
color: #6B7276;
margin-left: 41px;
font-family: Cormorant Infant;
font-size: 38px;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
.master__about {
margin-left: 41px;
margin-top: 16px;
color: #6B7276;
font-family: Raleway;
font-size: 18px;
font-style: italic;
font-weight: 300;
line-height: normal;
}
.info__when {
color: #6B7276;
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 100%;
letter-spacing: 1.2px;
margin-bottom: 25px;
}
.info__when span
{
margin-left: 20px;
}
.info__btn {
display: flex;
width: 330px;
padding: 20px 20px 23px 20px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 40px;
background: #B2C3DA;
}
.info__btn-link
{
color: #FFF !important;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.9px;
}
.practic__main {
background: #FFF;
padding: 100px 0px 120px;
}
.practic__main .container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.practic__image {
width: 487px;
height: 451px;
flex-shrink: 0;
border-radius: 80px 0px;
}
.practic__title {
display: block;
margin-bottom: 24px;
min-width: 100%;
color: #6B7276;
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 1.1px;
}
.practic__main-wrapper {
flex-grow: 1;
max-width: 60%;
}
.practic__course {
position: relative;
text-align: center;
padding: 28px 0px;
color: #6B7276;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: 1.8px;
text-transform: uppercase;
}
.practic__course::before, .practic__course::after
{
content: "";
display: block;
position: relative;
width: 100%;
height: 1px;
background-color: #6B7276;
opacity: 0.4000000059604645;
}
.practic__course::before
{
top: -28px;
}
.practic__course::after
{
bottom: -28px;
}
.practic__title.--inside
{
margin-top: 48px;
}
.practic__text {
color: #6B7276;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.practic__text p + p
{
margin-top: 24px;
}
.practic__essence {
color: #6B7276;
font-family: Cormorant Infant;
font-size: 38px;
font-style: normal;
font-weight: 400;
line-height: 100%;
background: #E7F2FF;
padding: 100px 0px 130px;
}
.practic__essence span
{
font-family: Cormorant Bold;
}
.practica__booking {
padding: 80px 0px 230px;
}
.booking__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.booking__wrapper .info__btn
{
max-height: 61px;
}
.booking__title {
color: #6B7276;
font-family: Cormorant Infant;
font-size: 55px;
font-style: normal;
font-weight: 300;
line-height: 100%;
max-width: 280px;
}
.booking__line {
margin-right: 10px;
width: 1px;
height: 100px;
opacity: 0.4000000059604645;
background: #6B7276;
}
.booking__main {
color: #6B7276;
font-family: Raleway;
font-size: 23px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.booking__main span
{
font-family: Raleway Bold;
font-weight: 700;
}
.single-course__wrapper {
background: url('/public/images/course-single__bg.png');
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-top: 20px;
padding: 171px 0px 146px;
position: relative;
}
.single-course__wrapper::before {
content: "";
position: absolute;
top: 0;
right: 0;
background: rgba(255, 255, 255, 0.01);
backdrop-filter: blur(17px);
width: 55%;
height: 100%;
}
.single-course__wrapper .container {
display: flex;
justify-content: space-between;
}
.single-course__left {
display: flex;
flex-direction: column;
}
.single-course__title {
color: #F9F9F9;
font-family: Cormorant Infant;
font-size: 80px;
font-style: normal;
font-weight: 300;
line-height: 100%;
max-width: 479px;
}
.single-course__links {
margin-top: 130px;
display: flex;
flex-direction: column;
}
.single-course__item + .single-course__item
{
margin-top: 40px;
}
.single-course__item, .single-course__right h2, .single-course__right h3 {
color: rgba(255, 255, 255, 1);
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 22px */
letter-spacing: 1.1px;
}
.single-course__item:first-child{
position: relative;
padding-left: 39px;
}
/* .single-course__item:active, .single-course__item:hover
{
color: #36B9EB;
} */
.single-course__item:first-child::before
{
display: block;
position: absolute;
left: 0;
top: 10px;
content: "";
width: 16px;
height: 1px;
background: #D9D9D9;
}
.single-course__right {
max-width: 736px;
position: relative;
z-index: 2;
}
.single-course__right h2 {
font-weight: 700;
}
.single-course__right h3
{
margin: 24px 0px;
}
.single-course__right p, .single-course__right ul{
color: rgba(255, 255, 255, 0.85);
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.single-course__right ul {
list-style: inside;
margin: 24px 0px;
}
.single-course__right li{
list-style: inside;
padding-left: 20px;
}
.single-course__right li + .single-course__right li
{
margin-top: 24px;
}
.single-course__right p:last-child
{
margin-top: 24px;
}
.single-course__teachers {
padding: 90px 0px 120px;
background: #F9F9F9;
margin-top: 110px;
}
.single-course__teachers--header {
display: flex;
justify-content: space-between;
}
.single-course__line {
max-width: calc(100% - 532px - 45px);
flex-grow: 1;
height: 1px;
background-color: #6B7276;
opacity: 0.4000000059604645;
align-self: center;
transform: translateY(6px);
}
.single-course__teachers--main {
margin-top: 48px;
/* height: 430px; */
flex-shrink: 0;
border-radius: 0px 60px;
background: #FFF;
box-shadow: 0px 4px 204px 0px rgba(0, 0, 0, 0.02);
}
.single-course__teachers--wrapper {
padding: 67px 71px 0px 90px;
}
.single-course--teacher__card {
display: flex;
}
.single-teacher__card--wrapper
{
margin-left: 78px;
}
.single-course--teacher__img {
width: 270px;
height: 300px;
flex-shrink: 0;
border-radius: 60px 0px;
}
.single-course--teacher__name {
color: #6B7276;
font-family: Cormorant Infant;
font-size: 57px;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
.single-course--teacher__description {
max-width: 754px;
color: #6B7276;
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 400 !important;
line-height: 120%; /* 26.4px */
letter-spacing: 1.1px;
margin-top: 17px;
}
body.--course--page .teachers__navigation {
max-width: 901px;
top: -120px;
left: 338px;
position: relative;
z-index: 10;
}
body.--course--page .events {
padding-bottom: 200px;
}
.days__wrapper
{
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
transition: 1000ms ease-in-out;
}
.days__wrapper.--open
{
grid-template-rows: 1fr;
}
.--not-today
{
min-height: 0;
}
body.--mobile .courses__main
{
display: grid;
grid-template-rows: 0fr 0fr;
transition: 700ms ease-in-out;
}
body.--mobile .courses__main.--open
{
grid-template-rows: 0fr 1fr;
}
.question__block .days__wrapper
{
transition: 310ms ease-in-out;
}
.question__block.--open .days__wrapper
{
grid-template-rows: 1fr;
padding: 48px 0px;
}
body.--teacher-page{
background: #F9F9F9;
}
body.--teacher-page .events
{
background: #FCFCFC;
}
body.--teacher-page .events__header h2.sсhedule__title {
margin-top: 32px;
}
body.--course--page .sсhedule__title, body.--teacher-page .sсhedule__title
{
font-size: 56px;
}
body.--teacher-page .events, body.--event-page .events{
padding-bottom: 180px;
}
.teacher__wrapper {
margin-top: 93px;
display: flex;
justify-content: space-between;
}
.teacher__left-side {
max-width: 810px;
padding-right: 30px;
}
.teacher__title {
color: #6B7276;
font-family: Cormorant Infant;
font-size: 80px;
margin-bottom: 40px;
text-align: center;
}
.teacher__course {
text-align: center;
color: #6B7276;
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 18px */
letter-spacing: 1.8px;
text-transform: uppercase;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.teacher__course div.-main{
margin: 28px 0px;
}
.line {
flex-grow: 1;
height: 1px;
max-width: 100%;
background-color: #6B7276;
opacity: 0.4000000059604645;
}
.teacher__info {
padding: 21px 90px;
}
.teacher__info-block {
margin-top: 40px;
color: #6B7276;
font-family: Raleway;
font-size: 16px;
}
.title-2, .teacher__info h2 {
margin-bottom: 24px;
text-align: left;
color: #6B7276;
font-family: Raleway;
font-size: 22px;
font-style: normal;
letter-spacing: 1.1px;
}
.teacher__text + .teacher__text, .teacher__info p + .teacher__info p {
margin-top: 24px;
}
.img-block {
width: 487px;
height: 608px;
border-radius: 80px 0px;
}
.--event-page
.event__wrapper {
margin-top: 150px;
}
.event__header {
display: flex;
justify-content: space-between;
}
.event__header-left {
max-width: 998px;
}
body.--event-page .sсhedule__title{
font-size: 57px;
}
body.--event-page .event__title.--main {
color: #6B7276;
font-family: Cormorant Infant;
font-size: 110px;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
body.--event-page button.events__btn.btn-standart.--desktop
{
transform: translateY(10px);
}
.event__left-schedule {
max-width: 830px;
display: flex;
align-items: center;
color: #6B7276;
margin-top: 64px;
font-family: Raleway;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 31.2px */
letter-spacing: 1.2px;
}
.event__left-schedule-2
{
margin-left: 25px;
margin-right: auto;
}
.info__btn {
}
.info__btn-link {
}
.event__header-right {
max-width: 280px;
}
.img-right {
border-radius: 60px 0px;
width: 282px;
height: 261px;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: top !important;
}
body.--event-page .teacher__name {
margin: 12px 0px 17px;
font-size: 40px;
}
.teacher__practic {
color: #6B7276;
font-family: Raleway;
font-size: 18px;
font-style: italic;
font-weight: 300;
line-height: normal;
}
.event__page-img {
max-width: 100%;
margin-top: 100px;
height: 402px;
border-radius: 80px;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: top !important;
}
.about-event {
margin-top: 115px;
}
.about-event__wrapper {
display: flex;
justify-content: space-between;
}
.about-event-left {
max-width: 733px;
}
.a-e-l__pretitle {
color: #6B7276;
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 22px */
letter-spacing: 1.1px;
margin-bottom: 24px;
}
.a-e-l__pretitle.--2
{
margin-top: 39px;
}
.a-e-l__text {
color: #6B7276;
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 16px;
font-style: normal;
/* font-weight: 600; */
line-height: normal;
}
.a-e-l__text p{display: block;}
.a-e-l__text p + p
{
margin-top: 24px;
}
body.--event-page .-main
{
margin: 28px 0px 24px;
}
.bold {
font-weight: bold;
font-family: Raleway Medium;
}
.about-event-right {
max-width: 577px;
border-radius: 80px 0px;
background: #E7F2FF;
}
.about-event-right div{
color: #6B7276;
font-family: Cormorant Infant;
font-size: 38px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin: 100px 59px 108px 78px;
}
body.--event-page .practica__booking{
background: #F1F1F1;
margin-top: 120px;
padding-bottom: 120px;
}
body.--event-page h2.booking__title {
max-width: 395px;
}
body.--event-page .booking__main {
max-width: 400px;
}
header.--arenda .menu__item , header.--arenda .menu__link, header.--arenda .city
{
color: #FFF;
}
header.--arenda .menu__list .menu__link--second , .menu__list .menu__item--second
{
color: #1E1E1E;
}
header.--arenda .city__active::before {
content: url(/public/images/arenda_city.svg);
}
header.--arenda .city__active::after, header.--arenda .link--arrow::after {
content: url(/public/images/arenda_arrow_down.svg);
}
.arenda-header__image {
background: url('/public/images/arenda.jpg'), lightgray 50% / cover no-repeat;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
z-index: -1;
left: 0;
height: 983px;
width: 100%;
}
.m-header-wrapper {
margin-top: 137px;
display: flex;
flex-direction: column;
padding-bottom: 344px;
}
.title {
color: #F9F9F9;
/* H/1 */
font-family: Cormorant Infant;
font-size: 80px;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
.under_title, .under_title p {
margin-top: 31px;
max-width: 1027px;
color: #F9F9F9;
font-family: Raleway;
font-size: 23px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.info-btns {
gap: 20px;
margin-top: 83px;
max-width: 1400px;
display: flex;
flex-wrap: wrap;
}
.info-btn {
padding: 30px 69px 30px 40px ;
color: #F9F9F9;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
max-width: 450px;
max-height: 127px;
border-radius: 60px 0px;
background: rgba(180, 180, 180, 0.20);
backdrop-filter: blur(12px);
}
.info-btn svg{
min-width: max-content;
}
.info-btn div
{
margin-left: 31px;
}
.info-btn div.tiny-text
{
transform: translateY(10px);
}
.buy-btn {
color: #FFF;
text-align: center;
padding: 54px 65px 51px 69px;
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 100%; /* 22px */
letter-spacing: 1.1px;
text-transform: uppercase;
max-width: 450px;
max-height: 127px;
border-radius: 60px 0px;
background: #B0BFD0;
backdrop-filter: blur(12px);
transition: all 0.6s ease-out;
}
.buy-btn:hover{
color: #B0BFD0;
background: #FFF;
}
body.--arenda-page .event__img{
max-width: 1410px;
max-height: 386px;
border-radius: 60px 60px 60px 0px;
}
body.--arenda-page .event__img img{
min-width: 100%;
max-height: 386px;
}
body.--arenda-page .teachers__navigation {
margin-top: 65px;
}
body.--arenda-page .swiper-pagination.teachers__all_line {
flex-grow: 1;
}
.--grey{
color: #6B7276;
}
.add-info{
margin-top: 80px;
display: flex;
justify-content: space-between;
padding-bottom: 100px;
}
.add-line
{
width: 1px;
height: 100px;
opacity: 0.4;
background: #6B7276;
}
.add-text{
max-width: 889px;
color: #6B7276;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.title_2
{
max-width: min-content;
color: #6B7276;
font-family: Cormorant Infant;
font-size: 56px;
font-style: normal;
font-weight: 300;
line-height: 100%;
}
section#arenda-price {
font-family: Raleway;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 22px */
padding-top: 112px;
background-color: #E6F0FE;
padding-bottom: 200px;
}
section#arenda-price .title
{
color: #6B7276;
}
.price__blocks {
margin-top: 48px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.price__block {
max-width: 686px;
flex-grow: 1;
}
.price__title {
color: #6B7276;
font-family: Raleway;
font-size: 22px;
letter-spacing: 1.1px;
}
.price__prices {
margin-top: 31px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.price__entity + .price__entity{
margin-top: 12px;
}
.price__entity {
flex-grow: 1;
color: #6B7276;
display: grid;
grid-template-columns: repeat(3, 1fr);
font-size: 18px;
letter-spacing: 0.9px;
max-width: 686px;
padding: 30px;
max-height: 126px;
border-radius: 40px;
border: 1px solid rgba(107, 114, 118, 0.50);
}
.price__entity:nth-child(n + 2) .price__main
{
transform: translateY(-5px);
}
.price__main {
margin-left: 19px;
}
.price__price{
text-align: center;
}
.price__buy {
color: #36B9EB;
text-align: right;
cursor: pointer;
}
.price__extra{
margin-top: 56px;
color: #6B7276;
font-size: 16px;
font-style: italic;
display: flex;
}
.price__extra div + div
{
padding-left: 8%;
}
.header__content.--open a {
color: #6B7276;
}
.header{
position: relative;
z-index: 9;
}
.shedule__calendar{
margin: 30px auto !important;
display: block;
}
.woocommerce-checkout .main, .woocommerce-cart .main{
padding-bottom: 300px;
}
.city__active, .menu__list--сity{
padding: 0 1rem;
}
.menu__list--сity{
background:#fff;
}
h1.wp-block-heading{
font-size: 80px;
}
h2.wp-block-heading{
font-size: 55px;
}
h3.wp-block-heading{
font-size: 38px;
}
p{
font-size: 16px;
}
.questions__main h3{
font-weight: 600;
font-size:18px;
font-family: Raleway;
}
.checkout-button
{
background: #B0BFD0 !important;
}
.btn__text.--teachers{
width: max-content;
}
.swiper-backface-hidden .swiper-slide{
overflow:hidden;
text-align: center;
}
.swiper-backface-hidden .swiper-slide img{
height:100%;
}
.header{
position: sticky;
top: 0;
left: 0;
width: 100%;
transition: 200ms ease;
margin-top: 0;
padding-top: 40px;
}
.header__top {
margin-top: 0;
}
.header.scroll-header{
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
background-color: #fff;
transform: translateY(-20px);
}
.menu__list--сity{
padding: 20px;
}
@media (max-width: 1100px) {
.teachers{
overflow: hidden
}
.schedule{
overflow: hidden
}
.courses{
overflow: hidden
}
.classes{
overflow: hidden
}
}
@media (max-width: 540px){
.sсhedule__title{
font-size: 45px !important;
}
}
@media (max-width: 540px){
.main{
overflow: hidden;
}
.header__wrapper{
padding-bottom:30px !important;
}
.container{
overflow: hidden;
}
.schedule__today-line{
display: none;
}
.question__line {
display: none;
}
.schedule__day{
overflow: hidden;
}
#schedule_wrapper{
overflow: hidden !important;
}
}
@media (max-width: 767px){
.schedule__element{
margin-right: 0 !important;
overflow: hidden !important;
}
}
.courses{
display: none;
}
.schedule{
overflow: hidden !important;
}
.questions{
/* display: none;*/
}
.buy-btn {
color: #fff !important;
}
.buy-btn:hover {
color: #B0BFD0 !important;
}
.header__content.--open .menu__list{
margin-top: 50px;
}
.header__content.--open .menu__list--сity::after {
top: unset;
bottom: 0;
}
/* @media (max-width: 540px){
.container {
overflow: unset;
}
} */
@media (max-width: 540px){
.event__line.line-standart.--hidden{
display: none !important;
}
.events .container{
padding-bottom: 50px;
}
}
.courses {
display: unset;
}
.single-course--teacher__img{
height: auto;
}
.blog-text p {
margin-bottom: 10px;
}
.blog-text h2 {
margin-top: 25px;
margin-bottom: 35px;
}
.blog-text h3 {
margin-top: 12px;
margin-bottom: 17px;
}
.blog-text img {
margin-bottom: 25px;
}
.blog-text ol {
padding-left: 15px;
margin-bottom: 15px;
color: rgb(107, 114, 118);
}
.blog-text ol li {
margin-bottom: 10px;
}
.blog-text ul {
padding-left: 15px;
margin-bottom: 15px;
color: rgb(107, 114, 118);
}
.blog-text ul li {
margin-bottom: 10px;
}
.page-id-229 .main {
font-family: sans-serif;
padding: 40px;
max-width: 900px;
margin: 0 auto;
line-height: 1.75;
background: #f9f9f9;
color: #222;
padding-bottom: 120px;
}
.page-id-229 .main h2 {
margin-top: 45px;
font-size: 24px;
color: #111;
}
.page-id-229 .main p,
.page-id-229 .main li {
font-size: 16px;
margin-bottom: 12px;
}
.page-id-225 .main {
font-family: sans-serif;
padding: 40px;
max-width: 900px;
margin: 0 auto;
line-height: 1.75;
background: #f9f9f9;
color: #222;
padding-bottom: 120px;
}
.page-id-225 .main h1 {
font-size: 32px;
font-weight: 600;
color: #111;
margin-bottom: 30px;
}
.page-id-225 .main h2 {
margin-top: 45px;
margin-bottom: 20px;
font-size: 24px;
font-weight: 600;
color: #111;
}
.page-id-225 .main h3 {
margin-top: 25px;
margin-bottom: 12px;
font-size: 20px;
font-weight: 600;
color: #111;
}
.page-id-225 .main p,
.page-id-225 .main li {
font-size: 16px;
margin-bottom: 12px;
}
.page-id-225 .main ul {
padding-left: 25px;
list-style: disc;
margin-bottom: 20px;
}
.page-id-935 .main {
font-family: sans-serif;
padding: 40px;
max-width: 900px;
margin: 0 auto;
line-height: 1.75;
background: #f9f9f9;
color: #222;
padding-bottom: 120px;
}
.page-id-935 .main h1 {
font-size: 32px;
font-weight: 600;
color: #111;
margin-bottom: 30px;
}
.page-id-935 .main h2 {
margin-top: 45px;
margin-bottom: 20px;
font-size: 24px;
font-weight: 600;
color: #111;
}
.page-id-935 .main p,
.page-id-935 .main li {
font-size: 16px;
margin-bottom: 12px;
}
.page-id-935 .main ul {
padding-left: 25px;
list-style: disc;
margin-bottom: 20px;
}
/* Москва: политика (229), оферта (225), согласие (935) */
.page-id-229 .main,
.page-id-225 .main,
.page-id-935 .main {
font-family: sans-serif;
padding: 40px;
max-width: 900px;
margin: 0 auto;
line-height: 1.75;
background: #f9f9f9;
color: #222;
padding-bottom: 120px;
}
.page-id-229 .main h1,
.page-id-225 .main h1,
.page-id-935 .main h1 { font-size: 32px; font-weight: 600; color: #111; margin-bottom: 30px; }
.page-id-229 .main h2,
.page-id-225 .main h2,
.page-id-935 .main h2 { margin-top: 45px; margin-bottom: 20px; font-size: 24px; font-weight: 600; color: #111; }
.page-id-229 .main h3,
.page-id-225 .main h3,
.page-id-935 .main h3 { margin-top: 25px; margin-bottom: 12px; font-size: 20px; font-weight: 600; color: #111; }
.page-id-229 .main p, .page-id-229 .main li,
.page-id-225 .main p, .page-id-225 .main li,
.page-id-935 .main p, .page-id-935 .main li { font-size: 16px; margin-bottom: 12px; }
.page-id-229 .main ul,
.page-id-225 .main ul,
.page-id-935 .main ul { padding-left: 25px; list-style: disc; margin-bottom: 20px; }
/* Онлайн и Бронницы: универсальный класс */
.privacy-wrapper {
font-family: sans-serif;
padding: 40px;
max-width: 900px;
margin: 0 auto;
line-height: 1.75;
background: #f9f9f9;
color: #222;
padding-bottom: 120px;
}
.privacy-wrapper h1 { font-size: 32px !important; font-weight: 600 !important; color: #111 !important; margin-bottom: 30px !important; }
.privacy-wrapper h2 { margin-top: 45px !important; margin-bottom: 20px !important; font-size: 24px !important; font-weight: 600 !important; color: #111 !important; }
.privacy-wrapper h3 { margin-top: 25px !important; margin-bottom: 12px !important; font-size: 20px !important; font-weight: 600 !important; color: #111 !important; }
.privacy-wrapper p,
.privacy-wrapper li { font-size: 16px !important; margin-bottom: 12px !important; }
.privacy-wrapper ul { padding-left: 25px !important; list-style: disc !important; color: #222 !important; }
/* --- media.css --- */
@media (max-width: 1445px){
.add-text {
max-width: 789px;
}
.price__entity {
max-width: 606px;
}
.price__entity.--big {
padding-bottom: 60px;
}
.m-header-wrapper {
padding-bottom: 184px;
}
.single-course__wrapper::before {
width: 58%;
}
body.--course--page .teachers__navigation {
max-width: 701px;
}
.about-event-right {
max-width: 540px;
}
.about-event-left {
max-width: 620px;
}
.schedule__element
{
max-width: 1250px;
}
.teacher__info {
padding: 21px 60px;
}
section.single-course__right {
max-width: 690px;
}
.header__wrapper {
gap: 40px;
}
/* .container
{
padding: 0 80px;
} */
.practic__image {
width: 417px;
}
.container.teachers__wrapper {
padding-top: 120px;
}
.class_type {
width: 350px;
}
.event__info {
margin-right: 50px;
}
.footer__wrapper::before
{
left: -90px;
}
.event__btns {
margin-top: 40px;
}
.rent__block.--bron {
margin-left: 59px;
}
.rent__block.--msk {
padding-right: 200px;
}
.event__slider {
width: 600px;
}
.class__card {
max-width: 374px;
}
span.line--teachers {
width: 400px;
}
.teacher__card {
max-width: 530px;
}
.questions__wrapper {
gap: 127px;
}
.header__img-logo{
max-width: 400px;
}
.question__line
{
width: 806px;
}
body.--abonements--page .question__line {
width: 706px;
}
.header__text
{
max-width: 400px;
}
.header__image {
max-width: 27%;
}
.header__btn--1
{
margin-right: 18px;
}
.container {
padding: 0 80px;
}
.schedule__today-line
{
min-width: 1056px;
}
.schedule__today-line.--sunday{
min-width: 1046px;
}
.col--time, .element__time {
min-width: calc(54px + 37px);
}
.col--name, .element__name {
min-width: 577px;
}
.col--type, .element__type{
min-width: 247px;
}
.element__process
{
padding-left: 25px;
}
.line--courses
{
min-width: 771px;
}
.ce1{
min-width: 320px;
/* background: url('/public/images/ce_1.svg'); */
}
.ce2{
min-width: 320px;
}
.ce3{
min-width: 265px;
}
.ce4{
min-width: 320px;
}
.ce5{
min-width: 380px;
}
.ce6{
min-width: 300px;
}
.ce7{
min-width: 309px;
}
.ce8{
min-width: 281px;
}
.ce9{
min-width: 313px;
}
.ce10{
min-width: 351px;
}
.ce11{
min-width: 316px;
}
.ce12{
min-width: 318px;
}
body.--teachers-page .teachers__main {
justify-content: space-evenly;
transform: translateX(-10px);
}
body.--teachers-page .teacher__card + .teacher__card {
margin-left: 0px;
}
.header__photo.--second {
max-height: 209px;
max-width: 363px;
height: auto;
width: auto;
}
}
@media (max-width: 1410px){
.add-info {
flex-direction: column;
}
.header__wrapper {
gap: 30px;
}
.add-line {
height: 1px;
width: 100px;
margin: 32px 0px;
}
.event__slider {
width: 500px;
}
.question__line
{
width: 776px;
}
body.--abonements--page .question__line {
width: 676px;
}
.line--courses
{
min-width: 721px;
}
.ce1{
min-width: 310px;
/* background: url('/public/images/ce_1.svg'); */
}
.ce2{
min-width: 310px;
}
.ce3{
min-width: 250px;
}
.ce4{
min-width: 320px;
}
.ce5{
min-width: 350px;
}
.ce6{
min-width: 290px;
}
.element_name, .element_id
{
padding-left: 25px;
}
.ce7 .element_link, .ce12 .element_link{
transform: translateX(-20px);
}
.ce7{
min-width: 309px;
}
.ce8{
min-width: 281px;
}
.ce9{
min-width: 313px;
}
.ce10{
min-width: 337px;
}
.ce11{
min-width: 306px;
}
.ce12{
min-width: 318px;
}
span.line--teachers {
width: 300px;
}
}
@media (max-width: 1370px)
{
.price__block:nth-child(2)
{
margin-top: 24px;
}
/* .price__entity {
min-width: 686px;
} */
.price__entity.--big {
padding-bottom: 60px;
}
button.btn-colored.header__btn--2 {
margin-top: 20px;
}
.header__btns {
display: flex;
flex-direction: column;
align-items: center;
}
.header__btn--1
{
margin-right: 0;
}
}
@media (max-width: 1350px)
{
.about-event-right {
max-width: 470px;
}
.about-event-left {
max-width: 560px;
}
body.--event-page .event__title.--main
{
font-size: 80px;
}
.event__left-schedule {
padding-right: 30px;
}
.body.--event-page .info__btn {
margin-top: 0px;
}
body.--course--page .teachers__navigation {
max-width: 601px;
}
section.single-course__right {
max-width: 590px;
}
.booking__wrapper .info__btn
{
margin-top: 48px;
}
img.practic__image {
display: none;
}
.practic__main-wrapper {
max-width: 100%;
}
img.footer_photo {
top: -140px;
transform: translateX(-25px);
}
nav.footer__nav {
gap: 250px;
}
.rent__wrapper::before {width: 50%;}
.rent__block.--msk {
min-width: 442px;
}
.rent__block .btn-standart {
flex-shrink: 0;
}
.rent__title {
font-size: 64px;
}
.rent__wrapper .container {
flex-direction: column;
}
.rent__btns {
flex-direction: column;
max-width: 315px;
}
.rent button.btn-colored {
display: block;
}
.rent__block.--msk {
padding-right: 0px;
padding-top: 48px;
margin-left: 59px;
}
.rent__wrapper::before {
height: 50%;
width: 100%;
bottom: 0;
}
.rent__wrapper {background-position: bottom;}
.questions__wrapper {
margin-top: 120px;
display: flex;
gap: 57px;
}
/* .question__line
{
width: 706px;
} */
/* .city
{
transform: translateX(80px);
} */
.header__photo.--first {
display: none;
}
.header__right {
transform: translateX(-100px);
}
.schedule__today-line
{
min-width: 906px;
}
.schedule__today-line.--sunday{
min-width: 896px;
}
.col--time, .element__time {
min-width: calc(54px + 17px);
}
.col--name, .element__name {
min-width: 527px;
}
.col--type, .element__type{
min-width: 247px;
}
.line--courses
{
min-width: 621px;
}
.courses__section {
flex-wrap: wrap;
}
.courses__element {
max-width: calc(50% - 2px);
min-width: calc(50% - 2px);
border-radius: 30px 30px 30px 30px;
}
.element_name, .element_id
{
padding-left: 25px;
}
.ce7 .element_link, .ce12 .element_link{
}
.element_link{text-align: end;}
.events .event__info {
max-width: 490px;
}
.events .event__btns {
flex-shrink: 0;
}
.events button.btn-standart {
flex-shrink: 0;
}
.swiper-pagination.event__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
top: 70% !important;
}
.footer__gong {
display: none;
}
.footer__wrapper {
transform: translateX(0px);
}
.footer__logo {
position: static;
margin: 40px 0px;
}
.footer_photo{
display: none;
}
body.--events-page .footer__wrapper {
transform: translateX(0px);
}
}
@media (max-width: 1300px)
{
.body.--event-page .booking__wrapper .info__btn {
margin: 48px auto 0px;
}
.single-teacher__card--wrapper {
margin-left: 38px;
}
body.--course--page .teachers__navigation {
left: 306px;
max-width: 500px;
}
.single-course__wrapper .container {
flex-direction: column;
}
.single-course__left {
flex-direction: row;
justify-content: space-between;
}
section.single-course__right {
max-width: 100%;
transform: translateY(50px);
}
.single-course__wrapper::before {
height: 58%;
width: 100%;
bottom: 0;
top: unset;
}
ul.single-course__links {
margin-top: 25px;
}
.single-course__left {
margin-bottom: 120px;
}
.classes .class__card {
margin-top: 20px;
}
.classes span.line--teachers {
display: none;
}
.classes .teachers__wrapper-2 {
justify-content: space-between;
}
.classes__main {
flex-wrap: wrap;
}
.schedule__elements {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.schedule__today.--teachers {
min-width: 100%;
}
.teachers__wrapper-2 {flex-wrap: wrap;}
span.line--teachers {
min-width: 70%;
}
.schedule__element {
max-width: 45%;
margin-right: 15px;
}
.schedule__element {
margin-top: 15px;
}
.schedule .form-group {
width: 45%;
}
span.line--teachers {
width: 200px;
}
.schedule__options {
flex-wrap: wrap;
justify-content: space-between;
}
.schedule__cols{
display: none;
}
.schedule .schedule__today {
margin-bottom: 25px;
}
.schedule__element {
min-height: 207px;
flex-wrap: wrap;
}
span.element__time {
order: 0;
min-width: 50%;
max-height: 20px;
}
span.element__city {
order: 1;
text-align: end;
}
span.element__name {
order: 2;
min-width: 100%;
}
span.element__type {
order: 3;
min-width: 100%;
}
span.element__process {
order: 4;
margin: 0 auto;
padding-top: 10px;
min-width: 50%;
padding-left: 0;
text-align: center;
border-radius: 30px;
border: 1px solid rgba(107, 114, 118, 0.50);
}
.question__line
{
width: 706px;
}
body.--abonements--page .question__line {
width: 606px;
}
.abonement__suggestion {
grid-template-columns: 1.5fr 1.5fr 1.3fr 1.3fr 1fr;
}
.about-event-left {
padding-right: 30px;
}
body.--event-page .event__header {
flex-wrap: wrap;
justify-content: center;
}
.event__header-right {
margin-top: 42px;
}
}
@media (max-width: 1230px)
{
.line--courses
{
min-width: 521px;
}
}
@media (max-width: 1200px)
{
.body.--events-page .events__header--wrapper{
flex-wrap: wrap;
justify-content: space-between;
}
.body.--events-page .sсhedule__options
{
margin-top: 70px;
}
body.--events-page .form-group + .form-group {
margin-left: 0px;
}
body.--events-page .form-group
{
min-width: 100%;
}
body.--events-page .form-group:first-child
{
margin-top: 30px;
}
.mobile__wrapper
{
display: flex;
justify-content: flex-end;
}
nav.footer__nav {
gap: 150px;
}
/*
img.footer_photo {
top: -150px;
transform: translateX(-24px);
} */
.arenda__description {
min-width: 301px;
padding: 0 15px;
}
.container.questions__wrapper {
flex-direction: column;
}
img.questions__img {
display: none;
}
.question__line {
min-width: 100%;
}
.question__answer {
text-align: center;
}
.line--courses
{
min-width: 371px;
}
.header__right {
transform: translateX(0px);
}
nav.menu{
display: none;
}
.city
{
display: none;
}
.header__content.--open .menu__item--second.--msk::after{
content: '';
display: none;
}
.mobile-menu
{
display: block;
}
.schedule__today-line
{
min-width: 716px;
}
.schedule__today-line.--sunday{
min-width: 706px;
}
.sсhedule .sсhedule__title {
min-width: 100%;
}
.schedule__header {
flex-wrap: wrap;
}
.shedule__calendar {
margin-left: 60px;
margin-bottom: 30px;
}
}
@media (max-width: 1100px){
h1, h2{
font-size: 36px;
}
h3{
font-size: 22px;
}
.title_2{
font-size: 36px;
}
body.--arenda-page .event__img img {
min-width: 315px;
height: 300px;
}
body.--arenda-page .teachers__navigation{
justify-content: center;
margin-top: 38px;
flex-wrap: wrap;
}
body.--arenda-page .event__img {
max-height: 300px;
}
body.--arenda-page .teachers__prev, body.--arenda-page .teachers__next{
order: 1;
margin-top: 32px;
}
.under_title{
font-size: 16px;
margin-top: 24px;
}
.arenda-header__image {height: 1221px;}
.info-btns {
margin-top: 48px;
}
.title{
font-size: 36px;
}
.info-btn {font-size: 18px;
}
.info-btn div.tiny-text{
transform: translateY(6px);
}
.m-header-wrapper {
margin-top: 55px;
}
.--event-page .event__wrapper {
margin-top: 52px;
}
.about-event-right {
margin-top: 48px;
}
.about-event__wrapper {
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.event__left-schedule {
flex-wrap: wrap;
}
body.--event-page .event__left-schedule .info__btn {
margin-top: 32px;
}
body.--event-page .event__header {
flex-wrap: wrap;
justify-content: space-between;
}
.body.--event-page .booking__wrapper .info__btn {
margin: 0;
margin-top: 48px ;
}
.img-block {
width: 358.229px;
height: 405.094px;
}
h1.teacher__title {
font-size: 36px;
margin: 24px 0px;
}
.teacher__info {
padding: 21px 0px;
}
.teacher__wrapper {
flex-direction: column;
align-items: center;
}
.teacher__left-side {
order: 1;
}
.teacher__info-block {
margin-top: 20px;
}
.teachers__next {
margin-right: 0px;
}
body.--index .teachers__next {
margin-right: 30px;
}
.single-course__teachers--wrapper {
padding: 67px 70px 81px 70px;
}
body.--course--page .teachers__all_line
{
display: none;
}
.single-teacher__card--wrapper {
margin-top: 22px;
}
.single-course--teacher__card {
flex-direction: column;
align-items: center;
}
body.--course--page .teachers__navigation {
left: unset;
top: unset;
margin: 0 auto;
margin-top: 32px;
max-width: 500px;
justify-content: center;
}
nav.footer__nav {
gap: 50px;
}
body.--practic-page h1.content__title {
font-size: 56px;
}
body.--practic-page .main-part__top {
flex-direction: column;
align-items: center;
}
body.--practic-page h1.content__title {
margin-top: 40px;
order: 1;
font-size: 56px;
text-align: center;
}
body.--practic-page .main-part__bottom {
align-items: center;
flex-direction: column;
}
body.--practic-page .content__info {margin-top: 49px;}
.footer__gong {
top: -60px;
}
.footer__logo {
top: -60px;
}
.classes span.line--teachers {
display: block;
}
.event__line.--hidden
{
display: block !important;
margin-top: 100px;
}
.swiper-pagination.event__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
top: 80% !important;
}
.classes .teachers__wrapper-2 > button.teachers__btn {
margin-left: 0;
}
span.line--teachers {
min-width: 50%;
}
.classes span.line--teachers {
min-width: 40%;
}
.event__info {
order: 1;
}
.event__card {
flex-direction: column;
align-items: center;
}
.event__info {
margin-right: 0px;
}
}
@media (max-width: 1040px)
{
.booking__wrapper {
flex-direction: column;
align-items: baseline;
}
.booking__line {
height: 1px;
width: 100px;
margin: 25px 0px;
}
section.practica__booking {
padding: 48px 0px;
}
}
@media (max-width: 980px)
{
.line--courses
{
min-width: 141px;
}
.schedule__today-line
{
min-width: 516px;
}
.schedule__today-line.--sunday{
min-width: 506px;
}
.header__wrapper {
margin-top: 59px;
flex-direction: column;
}
.header__photo.--second{
display: none;
}
.header__left{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
order: 1;
}
.header__right
{
display: flex;
justify-content: center;
align-items: center;
order: 0;
}
.header__img-logo {
margin-top: 50px;
}
/* .header__photo.--third::before {
top: calc(50% - 88px);
}
.header__photo.--third::after {
top: calc(50% - 58px);
} */
}
@media (max-width: 900px)
{
.main__content {
padding: 56px 0;
}
img.practic__image {
display: block;
margin: 0 auto;
order: 1;
}
.practic__main-wrapper {
order: 2;
margin-top: 43px;
}
.practic__main {
padding-top: 48px;
}
.practic__main {
padding-top: 48px;
}
body.--teachers-page .teacher__card {
margin: 48px 4.5px 0px;
}
body.--teachers-page .teachers__main
{
padding-bottom: 100px;
}
.classes span.line--teachers {
min-width: 30%;
}
.classes__main {
flex-direction: column;
align-items: center;
}
.arenda__title {
/* margin-left: 19px; */
margin-top: 48px;
margin-left: auto;
margin-right: auto;
}
button.arenda__btn.btn-standart {
/* margin-right: 19px; */
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
}
.class__arenda {
flex-direction: column;
align-items: center;
}
.arenda__description {
margin-top: 20px;
margin-bottom: 28px;
}
.class__arenda {
/* min-height: 270px; */
/* min-height: 100%; */
height: auto;
}
ul.footer__menu {
display: flex;
flex-direction: column;
align-items: center;
}
nav.footer__nav {
flex-direction: column;
/* align-items: center; */
}
.footer__wrapper-2 {
flex-direction: column;
align-items: center;
}
ul.footer__menu.--right {
padding-top: 40px;
}
.arenda__description {
max-width: 400px;
}
.classes span.line--teachers {
min-width: 30%;
}
.classes__main {
flex-direction: column;
align-items: center;
}
.line--courses
{
min-width: 221px;
}
.schedule__elements {
flex-direction: column;
align-items: center;
}
.schedule__element {
min-width: 100%;
}
.schedule__today-line
{
min-width: 316px;
}
.schedule__today-line.--sunday{
min-width: 306px;
}
.question__line {
width: 300px;
}
.question__question {
font-size: 16px;
}
}
@media (max-width: 830px){
body.--events-page .sсhedule__title {
padding-right: 0px;
}
.classes span.line--teachers {
display: none;
}
.line--courses
{
display: none;
}
.question__question span.text {
max-width: 400px;
}
}@media (max-width: 827px)
{
.teacher__card
{
max-width: none;
}
.rent__block {
max-width: 315px !important;
}
.rent__title {
min-width: auto;
}
span.line--teachers {
display: none;
}
.rent__block.--msk {
min-width: 315px;
}
.rent__title {
font-size: 36px;
}
.rent__block.--bron {
padding-top: 50px;
}
.rent__btns {
flex-direction: column;
}
.rent__block.--msk {
margin: 0 auto;
}
.rent__block.--bron {
margin: 0 auto;
}
.events button.events__btn.btn-standart.--desktop {
display: none;
}
.events .btn-standart.--hidden {
display: block !important;
margin-left: auto;
margin-right: auto;
}
.single-course__title {
font-size: 56px;
}
section.single-course__right {
transform: translateY(120px);
}
}
@media (max-width: 780px)
{
.woocommerce-checkout .main, .woocommerce-cart .main{
padding-top:0;
}
.price__entity {
grid-template-areas:
"a a a a "
"b b c c ";
padding-top: 24px;
padding-bottom: 60px;
padding-left: 5px;
}
.price__main {
grid-area: a;
min-width: 200px;
margin-bottom: 10px;
}
.price__entity.--big .price__main {
margin-bottom: 0px;
}
.price__price{
grid-area: b;
}
.price__buy{
grid-area: c;
transform: translateX(-20px);
}
.price__price {
text-align: left;
margin-left: 19px;
}
.price__extra {
flex-wrap: wrap;
}
.price__extra div + div {
padding: 0;
margin-top: 25px;
}
body.--abonements--page .question__line {
width: 106px;
}
.add-info {
margin-top: 32px;
}
.m-header-wrapper {
padding-bottom: 114px;
}
}
@media (max-width: 750px)
{
.event__btns {
flex-direction: column;
}
button.btn-colored {
display: block;
}
.event__slider.swiper.event1.swiper-initialized.swiper-horizontal.swiper-android.swiper-backface-hidden {
width: 315px;
}
.event__title {
font-size: 30px;
}
.event__when {
font-size: 18px;
}
.event__info {
width: 315px;
margin-top: 40px;
}
.event__slider {
width: 100%;
}
.container {
width: 100%;
max-width: 100%;
}
.swiper-pagination.event__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
top: 55% !important;
}
.event__slider.swiper.event1.swiper-initialized.swiper-horizontal.swiper-ios.swiper-backface-hidden {
width: 315px;
}
}
@media (max-width: 700px)
{
.abonement__block {
display: none;
margin: 34px 0px 64px;
}
body.--practic-page .header__image
{
display: none;
}
h1.single-course__title {
font-size: 36px;
}
.single-course__left {
flex-direction: column;
}
.single-course__item, .single-course__title-2, .single-course__title-3 {
font-size: 18px;
}
.single-course__wrapper {
padding: 64px 0px 84px;
}
ul.single-course__links {
margin-top: 64px;
}
.single-course__left {
margin-bottom: 84px;
}
section.single-course__right {
transform: translateY(0px);
}
.single-course__wrapper::before {
height: 64%;
}
}
@media (max-width: 680px)
{
h1, h2{
font-size: 32px;
}
h3{
font-size: 22px;
}
body.--course--page h2.sсhedule__title {
font-size: 36px;
}
body.--course--page .events__header {
margin-top: 48px;
}
.single-course__line {
max-width: calc(100% - 240px - 45px);
}
.single-course__teachers--wrapper {
padding: 24px 24px 60px;
}
.single-course--teacher__name {
font-size: 36px;
}
.single-course--teacher__description {
font-size: 16px;
}
.single-teacher__card--wrapper {
margin-left: 0px;
}
.suggestion__name {
order: 0;
}
.suggestion__price {
order: 1;
}
.suggestion__quanity {
order: 2;
}
.suggestion_long {
order: 3;
}
.suggestion__buy {
grid-row: span 2;
order: 4;
}
.abonement__suggestion {
grid-template-columns: 1.5fr 1.5fr 1fr;
gap: 10px;
grid-template-rows: 1fr 1fr;
grid-auto-flow: column;
}
a.suggestion__buy--link {
display: block;
transform: translateY(10px);
}
body.--abonements--page .questions__main {
margin-top: 152px;
}
.body.--events-page .header__image , .body.--abonements--page .header__image {
display: block;
left: 0px;
transform: translateX(200px);
}
/*.ce5 .element_link, .ce7 .element_link
{
transform: translateX(-80px);
}
.ce5 .element_name, .ce7 .element_name
{
padding-left: 23px;
}*/
img.questions__img {
display: block;
}
/* .schedule__today.--questions {
align-items: center;
}
span.questions__text {
transform: translateX(10px);
}
img.questions__img {
transform: translateX(20px);
} */
.schedule__today.--questions {
transform: translateX(-30px);
}
.schedule__today.--questions {
transform: translateX(0px);
align-items: flex-start;
}
span.questions__text {
transform: translateX(0px);
}
img.questions__img {
transform: translateX(0px);
}
.container.questions__wrapper {
padding-top: 120px;
}
.container.questions__wrapper {
margin-top: 0;
}
.questions span.sсhedule__title {
margin-top: 120px;
}
/* .questions__text, .sсhedule__title
{
align-self: flex-start;
margin-left: 24px;
} */
.questions__main {
margin-top: 32px;
}
.question__question span.text {
max-width: 300px;
}
.question__question span {
padding-right: 24px;
}
}
@media (max-width: 680px)
{
.header__image {
display: none;
}
}
@media (max-width: 610px)
{
h1, h2{
font-size: 30px;
}
h3{
font-size: 20px;
}
body.--event-page .event__title.--main {
font-size: 36px;
}
.event__left-schedule {
margin-top: 32px;
font-size: 18px;
}
body.--event-page .teacher__name {
font-size: 35px;
}
.event__page-img {
margin-top: 48px;
}
section.about-event {
margin-top: 48px;
}
.about-event-right div {
font-size: 22px;
margin: 48px 38px 56px;
}
body.--event-page .practica__booking {
margin-top: 68px;
padding-bottom: 64px;
}
body.--event-page h2.booking__title {
font-size: 35px;
}
.body.--event-page .booking__wrapper .info__btn {
margin-top: 32px;
}
.events__header {
margin-top: 48px;
/* font-size: 16px; */
}
body.--event-page .sсhedule__title {
font-size: 36px;
}
.single-course__wrapper::before {
height: 68%;
}
body.--practic-page h1.content__title {
text-align: start;
}
.header__image{
display: none;
}
.body.--event-page .header__image, .body.--events-page .header__image, .body.--abonements--page .header__image, .body.--practic-page .header__image
{
display: block;
left: 0;
transform: translateX(0px);
}
.body.--events-page .header__image::before , .body.--abonements--page .header__image::before , .body.--practic-page .header__image::before {
content: url(../images/circle.png);
position: absolute;
top: -50px;
right: 10px;
}
.header__img-logo, .header__text {
max-width: 300px;
}
.container
{
padding: 0 30px;
}
body.--practic-page .main__content
{
padding: 32px 0 52px;
}
body.--practic-page .content__master {
display: grid;
grid-template-columns: 70px auto;
grid-template-rows: 35px 35px;
min-height: 70px;
}
body.--practic-page .master__img {
grid-row: span 1;
width: 70px;
height: 70px;
}
body.--practic-page .master__title {
margin-left: 23px;
font-size: 32px;
grid-row: span 2;
}
body.--practic-page .master__about {
grid-column: span 2;
margin-left: 0px;
}
body.--practic-page h1.content__title
{
font-size: 36px;
}
body.--practic-page .main-part__bottom {
padding-top: 32px;
align-items: baseline;
}
body.--practic-page .content__material {
width: 315px;
height: 223.206px;
margin-right: 0px;
}
.info__btn {
width: 315px;
}
}
@media (max-width: 550px)
{
h1, h2{
font-size: 26px;
}
h3{
font-size: 20px;
}
section#arenda-price {
padding-top: 48px;
padding-bottom: 70px;
}
body.--arenda-page .event__img img {
max-width: 315px;
height: 300px;
}
.info-btn svg{
width: 45px;
height: 45px;
transform: translate(-4px, 10px);
}
.info-btn
{
padding: 30px 27px 60px 40px;
}
.info-btn div {
margin-left: 21px;
}
.m-header-wrapper {
padding-bottom: 140px;
}
.arenda-header__image {
height: 1283px;
}
body.--arenda-page .swiper-pagination.teachers__all_line.swiper-pagination-progressbar.swiper-pagination-horizontal{
display: block;
}
.teacher__left-side {
padding: 0;
}
.teacher__wrapper {
margin-top: 40px;
}
.img-block {
width: 320px;
height: 380px;
}
.practic__essence {font-size: 25px; padding: 48px 0px 60px;}
img.practic__image {
width: 315px;
height: 291.71px;
}
.schedule .form-group {
width: 100%;
}
.class_type {
width: 280px;
font-size: 36px;
}
.class__card {
max-width: 300px;
}
.teachers .teachers__btn.--desktop
{
display: none;
}
.teachers .teachers__btn.--hidden
{
display: flex !important;
width: 100%;
margin-left: 0;
}
span.btn__text.--teachers {
align-self: center;
}
button.teachers__btn.--classes {
width: 189px;
margin: 0px auto 32px auto;
}
.swiper-pagination.teachers__all_line.swiper-pagination-progressbar.swiper-pagination-horizontal {
display: none;
}
.teachers__navigation {
justify-content: center;
}
.teachers__next {
margin-right: 0px;
}
.swiper-slide.teacher__card {
/* transform: translateX(100px); */
/* margin-right: 0;
margin-right: 0 !important; */
}
.classes .sсhedule__title {
min-width: 315px;
}
span.btn__text.--teachers {
align-self: center;
}
/* .questions__main {
margin-top: 32px;
} */
.questions span.sсhedule__title {
transform: translateX(-30px);
}
.form-group {
width: 100%;
}
.courses__element {
/*max-width: 100%;
min-width: 100%;*/
max-width: calc(50% - 2px);
min-width: calc(50% - 2px);
border-radius: 30px 30px 30px 30px;
}
.courses__element h3.element_name{
font-size:20px;
line-height:23px;
}
/*.courses__element h3.element_name{
font-size:22px;
padding-left:22px;
}*/
.schedule__today-line
{
min-width: 216px;
}
.schedule__today-line.--sunday{
min-width: 206px;
}
.rent__btns {
margin-bottom: 64px;
}
section.events {
padding-bottom: 84px;
}
.sсhedule__title
{
font-size: 65px;
}
.container {
padding: 0 25px;
}
span.element__process{
min-width: 100%;
}
.question__question::after {
right: 18px;
}
.classes .teachers__btn.--hidden
{
display: flex !important;
margin-left: auto;
margin-right: auto;
margin-top: 48px;
}
.classes button.teachers__btn.--desktop{
display: none;
}
.single-course__wrapper::before {
height: 70%;
}
}
@media (max-width: 430px)
{
h1, h2{
font-size: 26px;
}
h3{
font-size: 20px;
}
.buy-btn {
font-size: 18px;
padding: 30px 30px 30px 34px;
}
h1.event__title.--main {
max-width: 277px;
}
.event__left-schedule-2 {
margin-left: 0px;
}
.event__left-schedule-1 {
margin-right: 25px;
}
.event__header-right {
margin-left: 5%;
}
body.--event-page .info__btn {
max-width: 301px;
}
.single-course__line {
max-width: calc(100% - 240px - 15px);
transform: translateY(3px);
}
.single-course__list--item {
padding-left: 5px;
}
body.--course--page .schedule {
margin-top: 48px;
}
.single-course__wrapper::before {
height: 72%;
}
h2.booking__title {
font-size: 36px;
}
.body.--courses .schedule__today.--courses {
padding-top: 0px;
}
.events__title {
transform: translateX(-20px);
}
.event__slider.swiper.event1.swiper-initialized.swiper-horizontal.swiper-ios.swiper-backface-hidden {
transform: translateX(-10px);
}
.class__card {
min-width: 317px;
}
.classes span.line--teachers {
display: block;
min-width: 30%;
}
.classes .sсhedule__title {
min-width: 230px;
margin-right: 0px;
}
.classes__main {
margin-top: 0px;
}
span.line--teachers {
display: block;
transform: translateY(-5px);
/* min-width: 50%; */
}
.questions span.sсhedule__title {
margin-top: 64px;
}
.container.teachers__wrapper {
padding-top: 64px;
}
.courses span.line--courses {
display: block;
min-width: 31%;
transform: translateY(4px);
}
.arenda__title {
font-size: 36px;
}
.teachers .sсhedule__title {
padding-right: 27px;
}
.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-ios.swiper-backface-hidden {
margin-top: -35px;
}
.teachers__navigation {
margin-top: 32px;
margin-bottom: 50px;
}
.mobile__wrapper {
padding-right: 10px;
}
.header__content.--open .mobile__wrapper
{
padding-right: 30px;
}
.questions__main {
margin-top: -20px;
}
.questions span.text {
max-width: 200px !important;
}
/* span.sсhedule__title {
transform: translateX(-30px);
}
span.questions__text {
transform: translateX(20px);
}
span.sсhedule__title {
transform: translateX(-70px);
}
*/
.schedule__today.--questions {
transform: translateX(-20px);
}
.body.--abonements--page .schedule__today.--questions {
transform: translateX(0px);
}
.container.questions__wrapper {
padding-top: 64px;
}
/* span.questions__text {
transform: translateX(20px);
} */
.questions span.sсhedule__title {
transform: translateX(-65px);
}
.question__question span {
padding-right: 10px;
}
span.text {
max-width: 200px;
}
.schedule__showall.--courses span::after {
left: 48%;
}
/*.ce5 .element_link{
transform: translateX(-10px);
}*/
.sсhedule__title , body.--course--page .sсhedule__title, body.--teacher-page .sсhedule__title
{
font-size: 36px;
}
.header__img-logo, .header__text {
max-width: 250px;
}
.container
{
padding: 0 20px;
}
.schedule__today-line
{
min-width: 116px;
}
.schedule__today-line.--sunday{
min-width: 106px;
}
.shedule__calendar {
font-size: 18px;
}
.teacher__img {
min-width: 280px;
}
.schedule__filter{
display: block;
position: relative;
margin-left:8px;
top: 0;
right: 0;
}
.schedule__options{
display: none;
}
.schedule__options.--open
{
display: flex;
}
.shedule__calendar::before {
top: -8px;
}
.shedule__year
{
display: none;
}
.main.--courses
{
padding-bottom: 90px;
}
body.--teachers-page span.line--teachers {
transform: translate(15px, -5px);
min-width: calc(100% - 148px);
}
body.--teachers-page .teachers__main {
transform: translateX(0px);
margin-top: 0px;
}
.body.--events-page .schedule__filter {
display: block;
position: relative;
top: 15px;
right: 0px;
}
body.--abonements--page .questions__main {
margin-top: 48px;
}
body.--abonements--page .questions__img {
margin-top: 20px;
}
body.--abonements--page .questions__wrapper {
padding-bottom: 50px;
}
}
@media (max-width: 400px)
{
h1, h2{
font-size: 26px !important;
}
h3{
font-size: 20px !important;
}
body.--abonements--page .questions__main {
margin-top: 1px !important;
}
body.--abonements--page .questions__img {
margin-top: 20px !important;
}
}
@media (max-width: 386px)
{
h1, h2{
font-size: 26px !important;
}
h3{
font-size: 20px !important;
}
body.--abonements--page .questions__main {
margin-top: -15px !important;
}
body.--abonements--page .questions__img {
margin-top: 10px !important;
}
/*.ce5 .element_link{
transform: translateX(-29px);
}
.ce7 .element_link{
transform: translateX(-18px);
}*/
}
/*@media (min-width:1350px){
.main{
padding-bottom: 300px;
}
}*/
@media(max-width:768px){
span.element__time{
width: auto;
min-width: 0;
max-width: 100%;
order: 0;
}
span.element__name{
width: auto;
min-width: 0;
max-width: 100%;
order: 1;
}
span.element__city{
width: auto;
min-width: 0;
max-width: 100%;
order: 2;
}
span.element__process{
padding: 8px 0;
height: auto;
border: 0;
}
.schedule__element{
min-height: auto;
gap: 5px;
padding: 5px;
border-radius: 0;
}
.schedule .schedule__today{
margin-top:10px;
margin-bottom:10px;
}
.swiper-backface-hidden .swiper-slide img {
height: auto;
width: 100%;
max-width: unset;
}
.event__img {
display: flex;
justify-content: center;
align-items: center;
}
}
/* --- cookie_popup.css --- */
/* Контейнер попапа */
.cookie-popup {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
max-width: 480px;
width: 100%;
background: #ffffff;
padding: 1.25rem 1rem;
box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.1);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
display: flex;
flex-direction: column;
gap: 0.75rem;
font-family: "Segoe UI", Roboto, Arial, sans-serif;
z-index: 10000;
animation: slideUp 0.3s ease-out;
}
.cookie-popup {
display: none;
}
/* Анимация появления */
@keyframes slideUp {
from { transform: translate(-50%, 100%); opacity: 0; }
to { transform: translate(-50%, 0); opacity: 1; }
}
/* Заголовок */
.cookie-popup__header {
font-size: 1rem;
font-weight: 600;
font-family: "Cormorant Infant";
color: rgb(107, 114, 118);
line-height: 1.4;
text-align: center;
}
@media(min-width: 500px) {
h1.--usersogl
{
margin-top: 40px !important;
}
}
.cookie-popup__header strong {
font-family: "Cormorant Infant";
color: rgb(107, 114, 118);
font-size: 1.5rem;
}
/* Текст и чекбокс */
.cookie-popup__label {
display: flex;
align-items: flex-start;
gap: 0.5rem;
}
.cookie-popup__label input[type="checkbox"] {
width: 1.2em;
height: 1.2em;
margin-top: 0.2em;
accent-color: #C0D1E7;
cursor: pointer;
}
.cookie-popup__text {
color: #333333;
font-size: 0.9rem;
line-height: 1.5;
}
.cookie-popup__text a {
color: #C0D1E7;
text-decoration: none;
border-bottom: 1px dashed #C0D1E7;
transition: border-color 0.2s;
}
.cookie-popup__text a:hover {
border-bottom-color: transparent;
}
/* Кнопка */
.cookie-popup__button {
align-self: flex-end;
background-color: #B0BFD0;
color: #ffffff;
border: none;
padding: 0.5rem 1.25rem;
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
border-radius: 4px;
cursor: pointer;
opacity: 0.5;
transition: background-color 0.2s, opacity 0.2s, transform 0.1s;
}
.cookie-popup__button:enabled {
opacity: 1;
}
.cookie-popup__button:hover:enabled {
background-color: #B0BFD0;
}
.cookie-popup__button:active:enabled {
transform: scale(0.98);
}
.cookie-popup__button:disabled {
cursor: not-allowed;
}
/* Адаптивность */
@media (min-width: 600px) {
.cookie-popup {
padding: 1.5rem 2rem;
}
.cookie-popup__header {
font-size: 1.1rem;
}
.cookie-popup__text {
font-size: 1rem;
}
.cookie-popup__button {
padding: 0.6rem 1.5rem;
font-size: 1rem;
}
}
/* Заголовок */
.cookie-popup__header {
font-size: 1.2rem; /* было 1rem → стало чуть больше */
font-weight: 600;
letter-spacing: 0.5px; /* небольшое межбуквенное расстояние */
line-height: 1.4;
text-align: center;
}
/* Текст и чекбокс */
.cookie-popup__text {
color: #333333;
font-size: 1rem; /* было 0.9rem → чуть больше */
letter-spacing: 0.3px; /* чуть шире */
line-height: 1.6; /* чуть больше высоты строки */
}
/* Кнопка */
.cookie-popup__button {
align-self: center;
background-color: #B0BFD0;
color: #ffffff;
border: none;
padding: 0.6rem 1.5rem;
font-size: 1.1rem; /* было 0.9rem → увеличили */
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.6px; /* шире, для читаемости */
border-radius: 4px;
cursor: pointer;
opacity: 0.5;
transition: background-color 0.2s, opacity 0.2s, transform 0.1s;
}
@media (min-width: 600px) {
.cookie-popup__header {
font-size: 1.3rem; /* адаптивно чуть больше */
}
.cookie-popup__text {
font-size: 1.05rem;
}
.cookie-popup__button {
font-size: 1.15rem;
}
}
/* --- seo-block.css --- */
/* Схлопывание через max-height: текст остаётся в потоке и доступен поиску. */
.seo-block { margin: 3rem auto; }
.seo-block__body {
position: relative;
max-height: 12rem;
overflow: hidden;
transition: max-height .3s ease;
}
.seo-block__body::after {
content: "";
position: absolute;
left: 0; right: 0; bottom: 0;
height: 5rem;
background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
pointer-events: none;
}
.seo-block.is-open .seo-block__body { max-height: none; }
.seo-block.is-open .seo-block__body::after { display: none; }
.seo-block__toggle {
margin-top: 1rem;
background: none;
border: 1px solid currentColor;
border-radius: 2rem;
padding: .6rem 1.6rem;
cursor: pointer;
font: inherit;
}
/* --- engine.css --- */
/*
* Свой слой поверх стилей темы.
*
* Здесь только то, что пришлось изменить осознанно, — не косметика
* и не переделка дизайна. Каждое правило с причиной.
*/
/*
* Список преподавателей, когда их двое или трое.
*
* Тема разводит карточки по краям (`justify-content: space-between`) и держит
* их шириной в 330 пикселей. На девяти и двенадцати — а столько их в онлайне
* и в Москве — это ровный ряд. В Бронницах опубликовано двое, и те же правила
* давали две карточки по углам контейнера в 1410 пикселей с полутысячей
* пустоты между ними.
*
* Здесь карточки идут от левого края и становятся крупнее: места хватает,
* а студии с двумя преподавателями есть смысл показать их как следует, а не
* теми же миниатюрами, что рассчитаны на ряд из четырёх. Разметка та же.
*/
.teachers__main--few {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 380px));
justify-content: start;
gap: 72px 56px;
margin-top: 70px;
}
/*
* Сетка, а не флекс со `space-between`: колонки одинаковой ширины стоят
* рядом слева, и второй преподаватель не улетает к правому краю страницы.
* `auto-fit` заодно снимает нужду в отдельном правиле на каждое число
* карточек — на двух это две колонки, на трёх три.
*/
.teachers__main--few .teacher__card { max-width: none; }
.teachers__main--few .teacher__link { display: block; }
.teachers__main--few .teacher__img { min-width: 0; width: 100%; }
.teachers__main--few .teacher__img img {
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
object-position: top;
display: block;
border-radius: 80px 0;
}
/*
* Имя крупнее обычных 32 пикселей: карточек мало, места много, и студия
* с двумя преподавателями представляет их, а не перечисляет.
*/
.teachers__main--few .teacher__name { font-size: 40px; margin-top: 28px; }
.teachers__main--few .teacher__description { margin-top: 14px; }
@media (max-width: 900px) {
.teachers__main--few {
grid-template-columns: minmax(0, 1fr);
gap: 48px;
margin-top: 40px;
}
.teachers__main--few .teacher__img img { aspect-ratio: 3 / 2; }
.teachers__main--few .teacher__name { font-size: 32px; }
}
/*
* Снимок в карточке мероприятия.
*
* `.event__img` тема задумывала слайдом Swiper и размер ей задала
* (720×393), а правила для картинки внутри у неё нет: в её разметке слайдов
* несколько и ими занимается библиотека. Мы показываем один снимок и без
* этих трёх строк получаем картинку в натуральную величину, вылезающую
* из карточки.
*
* Проверить это на проде было не на чем: карточек мероприятий там не
* существовало — все 180 записей лежали черновиками.
*/
.event__slider .event__img { overflow: hidden; border-radius: 80px 0; }
.event__slider .event__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
/*
* «Подробнее» — по нижней грани снимка.
*
* Тема отбивала кнопку от описания постоянной величиной: 123 пикселя, а ниже
* 1445 — сорок. Такая отбивка сходится ровно на одной длине текста. На широком
* экране кнопка уезжала на 84 пикселя ниже снимка и растягивала карточку под
* себя; на 1440 совпадала — но случайно, до первого мероприятия с названием
* подлиннее.
*
* Считать тут нечего. Колонка с текстом и так одной высоты со снимком — обе
* тянет флекс карточки. Кнопку прижимаем к низу колонки, а отбивку сверху
* держим паддингом: он остаётся минимальным зазором, когда текст длинный
* и свободного места уже нет.
*
* Вторая половина правила — про обратный случай. Названия у мероприятий
* длинные («Практика глубокой релаксации под звуки симфонических гонгов…»),
* и на трёх строках уже текст выше снимка. Тогда нижние грани разошлись бы
* снова, только в другую сторону, поэтому снимок тянется до высоты карточки,
* а 393 пикселя темы остаются ему полом.
*
* Пропорция снимку нужна не для красоты: без неё высоту рамке задаёт сама
* картинка в натуральную величину, и вертикальный снимок раздувает карточку
* до девятисот пикселей — проверено, так и было.
*/
.event__info { display: flex; flex-direction: column; }
.event__btns { margin-top: auto; padding-top: 40px; }
.event__slider { display: flex; }
.event__slider .event__img { height: auto; min-height: 393px; aspect-ratio: 720 / 393; }
/*
* Карточка мероприятия сверху вниз, а не в одну строку, пока экран узкий:
* тема ставит .event__card во flex со space-between и снимку отводит 720
* пикселей — на телефоне текст от этого сжимается в колонку в два слова.
*
* Прижимать кнопку тут не к чему: колонки больше нет, снимок идёт под
* текстом. `margin-top: auto` сам обращается в ноль — свободного места
* в колонке по высоте не остаётся, — и зазор целиком держит паддинг.
*/
@media (max-width: 1100px) {
.event__card { flex-direction: column; gap: 32px; }
.event__slider, .event__img { max-width: 100%; width: 100%; height: auto; }
.event__slider .event__img { aspect-ratio: 16 / 9; height: auto; min-height: 0; }
}
/*
* Правило для `.teachers__main` отсюда убрано.
*
* Оно писалось, когда Swiper в сборку не входил и ряд карточек приходилось
* переносить руками. Библиотека вернулась, и правило стало вредным: на главной
* этот класс висит на `.swiper-wrapper`, которому перенос строк противопоказан —
* Swiper двигает обёртку трансформом и считает ширину одной строки, поэтому
* второй ряд наезжает на первый. На странице списка перенос тоже лишний:
* тема разводит эти случаи сама, через `body.--teachers-page`.
*/
/*
* Полный список направлений.
*
* Тема прячет всё после восьмой карточки — на главной это верно,
* там есть кнопка «все направления». На странице со списком прятать нечего.
*/
.courses__section--all .courses__element:nth-child(n+9) {
display: block;
}
/*
* Раскрытие с анимацией.
*
* В теме это делал инлайновый jQuery в подвале: `.show(400)` у карточек
* и `.hide(200)` у кнопки. jQuery анимирует саму коробку — высоту, ширину
* и отступы от нуля вместе с прозрачностью, — поэтому список на проде
* разворачивался, а не появлялся.
*
* Здесь только проявление. Рост коробки взял на себя engine.js: он меряет
* высоту до и после и анимирует её, потому что перехода от «авто» к «авто»
* в CSS не бывает, а `.courses__section` живёт с `height: fit-content`.
*
* Сдвига и сжатия у карточек нарочно нет. Пока они были, карточка
* дёргалась внутри собственной ячейки, а ячейка при этом уже стояла
* в полный рост, — то есть движение шло не там, где его ждёт глаз.
*
* Длительности взяты из темы, не выдуманы: 400 мс и 200 мс.
*/
@keyframes sattva-courses-reveal {
from { opacity: 0; }
to { opacity: 1; }
}
.courses__section--all .courses__element:nth-child(n+9) {
animation: sattva-courses-reveal 400ms ease-in-out both;
}
/*
* Кнопка не исчезает мгновенно: обработчик вешает класс, а прячет её
* уже эта анимация. Через 200 мс место освобождается — так же, как
* это делал `.hide(200)`.
*/
.courses__element_all.--hiding {
animation: sattva-courses-hide 200ms ease-in both;
pointer-events: none;
}
@keyframes sattva-courses-hide {
from { opacity: 1; }
to { opacity: 0; width: 0; margin: 0; padding: 0; border-width: 0; }
}
/*
* Кому движение мешает — тому его нет. Раскрытие при этом остаётся:
* пропадает только сама анимация, а карточки появляются сразу.
*/
@media (prefers-reduced-motion: reduce) {
.courses__section--all .courses__element:nth-child(n+9),
.courses__element_all.--hiding {
animation-duration: 1ms;
}
}
/*
* Место под выступ подвала там, где сетка направлений заканчивает страницу.
*
* Подвал залезает вверх на содержимое: `.footer_photo` позиционирован абсолютно
* с `top: -120px`, а логотип подтянут относительным сдвигом. Тема резервирует
* под это место у самой страницы, но только там, где выставляет свои классы;
* у /otzivi/ и /courses/ таких классов нет, сетка стоит последней — и логотип
* с фотографией наезжали на нижний ряд карточек. Заметнее всего после кнопки
* «все направления»: рядов прибавляется, и упираются они в самый низ.
*
* Порог 1350px не наш, а темин: `@media (max-width: 1350px)` прячет
* `.footer_photo` совсем и возвращает логотип в поток (`position: static`).
* Ниже этой ширины наезжать нечему, и пустое место внизу было бы лишним.
* Отступ равен самому выступу — 120 пикселей.
*
* Отступ вешаем на внутренний контейнер, а не на саму секцию, и это важно.
* У `.courses` есть градиентный фон и `overflow: hidden`, то есть секция
* образует блочный контекст: отступ контейнера остаётся внутри и просто
* увеличивает её высоту — под карточками появляется 120 пикселей того же
* градиента. Отступ на самой секции лёг бы снаружи, и между градиентом
* и подвалом получилась бы белая полоса со швом.
*
* Правило адресное, по номеру страницы: сетка направлений встречается и на
* главной, и там она идёт в середине потока, где отступ ни к чему.
*
* Откуда вообще взялся случай: на проде эта страница заканчивается блоком
* расписания Bookly, он и держал дистанцию. Расписание мы не переносим,
* значит держим сами.
*/
@media (min-width: 1351px) {
/* /otzivi/ */
body.page-id-129317 section.courses > .container {
margin-bottom: 120px;
}
}
/*
* Правила таблицы цен убраны вместе с самой таблицей.
*
* Утверждение «стилей для прайса в теме нет» было неверным: тема размечает
* прайс аккордеоном (question__block, abonement__suggestion и далее) и держит
* под него около сорока правил, включая поведение на узких экранах. Шаблон
* прайса теперь печатает эту разметку, и свой слой ей не нужен.
*/
/*
* Место под фотографию, которой нет.
*
* Раньше сюда подставлялась синтезированная og-карточка — та, что делается
* для мета-тега. В вёрстке она смотрелась чужеродно: у преподавателя вставала
* вместо портрета, а на странице направления её текст дублировал заголовок.
* Теперь пустая карточка — просто нейтральный прямоугольник, без надписей.
*/
.teacher__img:empty,
.single-course--teacher__img:empty {
background: linear-gradient(135deg, #efecf4 0%, #e4dfec 100%);
min-height: 220px;
border-radius: 4px;
}
/*
* Зона клика по бургеру.
*
* Бургер в теме — не контейнер с тремя полосками, а сам себе средняя
* полоска: `.mobile-menu` это блок 38×2 с фоном, а верхняя и нижняя
* нарисованы псевдоэлементами `::before` и `::after` на `top: ∓13px`.
* Псевдоэлементы лежат вне коробки родителя, но клики по ним всплывают
* в него же — так что кликабельны ровно три полоски по два пикселя,
* а между ними два провала по одиннадцать.
*
* Замер по сетке точек: из 28 пикселей высоты кнопки живых шесть.
* Мышью попадаешь примерно раз из пяти — снаружи это выглядит как
* «меню открывается через раз». На телефоне не воспроизводится:
* браузер расширяет область касания, и палец перекрывает все три
* полоски разом. Поэтому жалоба звучала как «на десктопе плохо,
* на мобиле нормально» — и поэтому же беглая проверка ничего не находит,
* автоматический клик всегда бьёт точно в центр.
*
* Чинится прозрачным слоем поверх кнопки. Он absolute, поэтому не
* занимает места в потоке и не сдвигает ни одного пикселя вёрстки;
* фона у него нет, поэтому не виден; лежит внутри `.mobile-menu`,
* поэтому клик по нему всплывает в кнопку и срабатывает обработчик
* темы — javascript темы при этом не тронут вовсе.
*
* Размер 58×44 подобран так, чтобы центр совпал с центром кнопки
* и хватило на все три полоски с запасом; 44 пикселя — рекомендация
* WCAG 2.5.5 к размеру нажимаемой цели.
*
* В раскрытом состоянии тема поворачивает `.mobile-menu` на -45°,
* превращая её в крестик. Слой — потомок, поворачивается вместе с ней
* и остаётся отцентрованным по крестику: закрывать меню так же удобно,
* как открывать.
*/
.mobile-menu__hit {
position: absolute;
top: -21px;
right: -10px;
bottom: -21px;
left: -10px;
}
/*
* Подвал не помещается в экран на ноутбучных ширинах.
*
* `.footer__nav` — флекс из двух колонок с `justify-content: space-between`
* и жёстким зазором. Зазор в теме идёт лесенкой: 450px, ниже 1350 — 250,
* ниже 1200 — 150, ниже 1100 — 50, ниже 900 — колонки в столбик.
*
* Первая ступенька подобрана под экран 1440 и мимо самого ходового
* ноутбучного разрешения. На 1366 действует ещё зазор 450px, и подвалу
* нужно 1317px там, где есть 1206: страница уезжает вбок на 32 пикселя,
* внизу появляется горизонтальная полоса прокрутки. Замер по всем
* страницам: на 1366 это 143 страницы из 162 — вся сеть, кроме Бронниц,
* где меню в подвале короче.
*
* Правка сдвигает первую ступеньку до 1400: в полосе 1351–1400 зазор
* становится 250px — ровно то значение, которое тема сама ставит чуть
* ниже. Ограничение снизу обязательно: без `min-width` это правило
* перебило бы и ступеньки 150 и 50 на узких экранах.
*
* Померено: вне полосы 1351–1400 не сдвигается ни один блок; внутри —
* вылет 47px на 1351 и 32px на 1366 обнуляется.
*
* Это лечит одну ступеньку, а не весь подвал. Ниже 1350 он тоже не
* помещается — на 960 требует 917px при доступных 800, потому что пункты
* меню фиксированной ширины не переносятся. Там нужна не подгонка
* ступеньки, а текучий подвал, и это уже решение о внешнем виде:
* вынесено в отчёт, а не сделано молча.
*/
@media (min-width: 1351px) and (max-width: 1400px) {
nav.footer__nav { gap: 250px; }
}
/*
* Декоративная черта у заголовков занимает остаток строки, а не процент.
*
* `span.line--teachers` — тонкая линия справа от заголовка «Преподаватели»
* и его собратьев. Тема задаёт ей ширину числом, а ниже 1300 добавляет
* `min-width: 70%` (ниже 1100 — 50%). Процент считается от контейнера,
* а черта начинается не с его края, а после заголовка, и к ней добавлен
* отступ справа в 65 пикселей. Сложите — и на 1152 черте нужно 694 + 65
* пикселей от позиции 663 при экране в 1152. Страница уезжает вбок
* на двести пять пикселей.
*
* Замер по Бронницам: 1152 — вылет 205, 1200 — 191, 1280 — 167.
* На 960–1100 черта тоже вылезала, но за край контейнера, обрезалась
* им и в прокрутку не попадала — то есть была видна короче, чем задумано,
* и это тоже неверно.
*
* `flex: 1 1 auto` с нулевым минимумом заставляет черту занять ровно
* остаток строки: сколько есть, столько и займёт. Это то, чем декоративная
* линия и должна быть, и это самонастраивается на любой ширине без
* подгонки под конкретные экраны.
*
* Померено: на 1350, 1440 и 1920 не сдвигается ни один блок — там черта
* и так укладывалась. Правило намеренно с низкой особостью: у списка
* занятий свои проценты (`.classes span.line--teachers`), и они остаются
* за собой.
*/
span.line--teachers {
min-width: 0;
flex: 1 1 auto;
}
/*
* Подвал уходит в столбик там, где перестаёт помещаться строкой.
*
* Тема раскладывает его в две колонки и ниже 900 переводит в столбик.
* Порог выбран не по месту: строка перестаёт помещаться заметно раньше.
* Замер по основной площадке: 965 — вылет 33 пикселя, 975 — 23, 985 — 13,
* 995 — 3, и только на 1000 ноль. У Бронниц то же самое мягче (меню
* короче), но на 901 вылет всё равно 61 пиксель.
*
* Между 901 и 998 подвал вылезал за экран на всех трёх площадках, то есть
* внизу страницы появлялась горизонтальная прокрутка. Зазором это
* не лечится: на 960 он уже 50 пикселей, а колонки всё равно шире, чем
* есть места. Пробовал гасить зазор совсем — на 901 оставалось 11 пикселей.
*
* Поэтому порог столбика поднят до 999. Это не новая раскладка, а та же
* самая, что тема уже применяет ниже 900, — просто включается тогда, когда
* строка действительно перестаёт помещаться.
*
* Померено: 901 и 960 обнулились на обеих площадках, на 1000 и выше
* не сдвигается ни один блок.
*/
@media (max-width: 999px) {
nav.footer__nav { flex-direction: column; }
}