/* templates/assets/css/fonts.v1.css */ /* Noto Sans, self-hosted. * * Раньше шрифт подключался через ajax.googleapis.com/…/webfont.js — синхронный скрипт * в (≈900 мс блокировки рендера) плюс загрузка файлов с fonts.gstatic.com. Теперь * файлы лежат в /assets/fonts: нет двух сторонних доменов на критическом пути и нет * передачи IP посетителя в Google (что для GDPR тоже проще). * * Файлы — variable woff2 (одна ось wght вместо пяти отдельных начертаний 300…700): * noto-sans-latin.v1.woff2 35 KB Google-субсет latin, как есть * noto-sans-latin-ext.v1.woff2 15 KB Latin Extended-A (U+0100-017F) — латышские * ā ē ī ū ķ ļ ņ ģ š ž č; урезан из 164 KB * Google-субсета latin-ext, всё остальное в нём * (IPA, Latin Ext-B, доп. диакритика) сайту не нужно * noto-sans-cyrillic.v1.woff2 20 KB Google-субсет cyrillic для RU-версии * * unicode-range обязателен: по нему браузер скачивает только те файлы, чьи символы реально * встретились на странице (LV-страница не тянет кириллицу, RU — не тянет latin-ext). * font-display: swap — текст виден сразу системным шрифтом и перерисовывается по загрузке, * то есть шрифт не задерживает первую отрисовку. * * Версия в имени файла (.v1) — способ инвалидации: ассеты отдаются с * Cache-Control: immutable, поэтому обновлённый шрифт должен получить новое имя. */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(/assets/fonts/noto-sans-latin-ext.v1.woff2) format('woff2'); unicode-range: U+0100-017F; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(/assets/fonts/noto-sans-cyrillic.v1.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(/assets/fonts/noto-sans-latin.v1.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* templates/assets/css/normalize.css */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type='checkbox'], input[type='radio'] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } /** * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed * (similar to normalize.css >=4.0.0) */ input[type='search'] { -webkit-appearance: none; /* 1 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* templates/assets/css/webflow.css */ @font-face { font-family: 'webflow-icons'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'webflow-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } .w-icon-file-upload-remove:before { content: "\e900"; } .w-icon-file-upload-icon:before { content: "\e903"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } .w-code-block { margin: unset; } pre.w-code-block code { all: inherit; } pre.w-code-block code > span { display: block !important; } .w-optimization { display: contents; } .w-webflow-badge, .w-webflow-badge > img { box-sizing: unset; width: unset; height: unset; max-height: unset; max-width: unset; min-height: unset; min-width: unset; margin: unset; padding: unset; float: unset; clear: unset; border: unset; border-radius: unset; background: unset; background-image: unset; background-position: unset; background-size: unset; background-repeat: unset; background-origin: unset; background-clip: unset; background-attachment: unset; background-color: unset; box-shadow: unset; transform: unset; transition: unset; direction: unset; font-family: unset; font-weight: unset; color: unset; font-size: unset; line-height: unset; font-style: unset; font-variant: unset; text-align: unset; letter-spacing: unset; text-decoration: unset; text-indent: unset; text-transform: unset; list-style-type: unset; text-shadow: unset; vertical-align: unset; cursor: unset; white-space: unset; word-break: unset; word-spacing: unset; word-wrap: unset; } .w-webflow-badge { position: fixed !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #aaadb0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: unset !important; white-space: nowrap; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); cursor: pointer; } .w-webflow-badge > img { position: unset; display: inline-block !important; visibility: unset !important; opacity: 1 !important; vertical-align: middle !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-embed:after { clear: both; } .w-video { width: 100%; position: relative; padding: 0; } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } fieldset { padding: 0; margin: 0; border: 0; } button, [type='button'], [type='reset'] { border: 0; cursor: pointer; -webkit-appearance: button; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } label { display: block; margin-bottom: 5px; font-weight: bold; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input::placeholder, .w-select::placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } .w-radio:before, .w-radio:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-radio:after { clear: both; } .w-radio-input { margin: 4px 0 0; line-height: normal; float: left; margin-left: -20px; } .w-radio-input { margin-top: 3px; } .w-file-upload { display: block; margin-bottom: 10px; } .w-file-upload-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -100; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { display: inline-block; color: #333333; } .w-file-upload-error { display: block; margin-top: 10px; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { display: flex; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file { display: flex; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .w-file-remove-link { margin-top: 3px; margin-left: 10px; width: auto; height: auto; padding: 3px; display: block; cursor: pointer; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { display: inline-block; color: #ea384c; padding: 2px 0; } .w-file-upload-info { display: inline-block; line-height: 38px; padding: 0 12px; } .w-file-upload-label { display: inline-block; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { display: inline-block; margin-right: 8px; width: 20px; } .w-icon-file-upload-uploading { height: 20px; } .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } .w-container:before, .w-container:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333333%; } .w-col-2 { width: 16.66666667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.33333333%; } .w-col-5 { width: 41.66666667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.33333333%; } .w-col-8 { width: 66.66666667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.33333333%; } .w-col-11 { width: 91.66666667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333333%; } .w-col-medium-2 { width: 16.66666667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.33333333%; } .w-col-medium-5 { width: 41.66666667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.33333333%; } .w-col-medium-8 { width: 66.66666667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.33333333%; } .w-col-medium-11 { width: 91.66666667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333333%; } .w-col-small-2 { width: 16.66666667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.33333333%; } .w-col-small-5 { width: 41.66666667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.33333333%; } .w-col-small-8 { width: 66.66666667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.33333333%; } .w-col-small-11 { width: 91.66666667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333333%; } .w-col-tiny-2 { width: 16.66666667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.33333333%; } .w-col-tiny-5 { width: 41.66666667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.33333333%; } .w-col-tiny-8 { width: 66.66666667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.33333333%; } .w-col-tiny-11 { width: 91.66666667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } .w-widget-twitter-count-shim * { pointer-events: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; margin: auto; width: 100%; height: 100%; right: -100%; bottom: -100%; top: -100%; left: -100%; object-fit: cover; z-index: -100; } .w-background-video > video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .w-background-video--control { position: absolute; bottom: 1em; right: 1em; background-color: transparent; padding: 0; } .w-background-video--control > [hidden] { display: none !important; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0px 0px 0px 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-slider-arrow-left [class^='w-icon-'], .w-slider-arrow-right [class^='w-icon-'], .w-slider-arrow-left [class*=' w-icon-'], .w-slider-arrow-right [class*=' w-icon-'] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } .w-slider-aria-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .w-slider-force-show { display: block !important; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ .w-lightbox-backdrop { cursor: auto; font-style: normal; letter-spacing: normal; list-style: disc; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ } /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } .w-lightbox-view:before { content: ""; height: 100vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle; } /* * 1. Remove default margin set by user-agent on the
element. */ .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ .w-lightbox-img { width: auto; height: auto; max-width: none; } /** * 1. Reset if style is set by user on "All Images" */ .w-lightbox-image { display: block; float: none; /* 1 */ max-width: 100vw; max-height: 100vh; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 0.5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } /** * 1. All IE versions add extra space at the bottom without this. */ .w-lightbox-strip { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } .w-lightbox-active { opacity: 0.3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin 0.8s infinite linear; animation: spin 0.8s infinite linear; } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } /* * Utility classes */ .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: 0.5; } .w-lightbox-close { opacity: 0.8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before { cursor: default!important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } [data-nav-menu-open] { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation='over-left'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-left'] .w-nav-overlay, .w-nav[data-animation='over-left'] [data-nav-menu-open] { right: auto; z-index: 1; top: 0; } .w-nav[data-animation='over-right'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-right'] .w-nav-overlay, .w-nav[data-animation='over-right'] [data-nav-menu-open] { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { background-color: #C8C8C8; color: white; } .w-nav[data-collapse='all'] .w-nav-menu { display: none; } .w-nav[data-collapse='all'] .w-nav-button { display: block; } .w--nav-dropdown-open { display: block; } .w--nav-dropdown-toggle-open { display: block; } .w--nav-dropdown-list-open { position: static; } /** * NOTE: These rules are overridden in site-designer.less to use container queries instead of media queries * when the navbar is inside a Frame on the Open Canvas. */ @media screen and (max-width: 991px) { .w-nav[data-collapse='medium'] .w-nav-menu { display: none; } .w-nav[data-collapse='medium'] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse='small'] .w-nav-menu { display: none; } .w-nav[data-collapse='small'] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse='tiny'] .w-nav-menu { display: none; } .w-nav[data-collapse='tiny'] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-link:focus { outline: 0; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-empty { padding: 10px; background-color: #dddddd; } .w-dyn-hide { display: none !important; } .w-dyn-bind-empty { display: none !important; } .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } .w-layout-grid { display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; grid-row-gap: 16px; grid-column-gap: 16px; } /* templates/assets/css/almadents.webflow.v2.css */ :root { --font-family: "Noto Sans", sans-serif; --black: #0f0f0f; --section_padding-s: 48px; --section_padding-m: 70px; --dark-green: #173f37; --green-20: #1c4b421a; --primary-green: #1c4b42; --h1: 80px; --white: white; --h2: 48px; --accent-green: #c4ec5b; --border-radius-main: 24px; --h3: 32px; --h4: 26px; --h5: 20px; --section-padding-xs: 32px; --beige: #f9f8f4; --section_header-gap: 68px; --green_grey: #bfcbc9; --light-green: #b9de57; --section_padding-l: 140px; --display: 64px; --waves-library--white\: white; --waves-library--black\: #131313; --beige-20: #f9f8f433; --waves-library--dark-elevation\: #ede0d8; --beige-10: #ffffff1a; --beige-5: #f9f8f40d; --h1inner: 56px; --red: #b92500; --accent-green-10: #c4ec5b66; --waves-library--background\: #faebe3; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-layout-vflex { flex-direction: column; align-items: flex-start; display: flex; } .w-layout-hflex { flex-direction: row; align-items: flex-start; display: flex; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } body { font-family: var(--font-family); color: var(--black); font-size: 16px; line-height: 150%; } .section_hero { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .wrapper { padding-left: 3%; padding-right: 3%; } .container { max-width: 1320px; margin-left: auto; margin-right: auto; } .container.ic-center { justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: block; } .hero_content-block { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: flex; } .hero-text-block { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; justify-content: flex-start; align-items: flex-start; max-width: 560px; display: flex; } .text_xs { text-transform: uppercase; margin-left: auto; margin-right: auto; font-family: Noto Sans, sans-serif; font-size: 12px; font-weight: 500; line-height: 120%; display: inline-block; } .text_xs.green { color: var(--dark-green); } .hero_tag { border: 1px solid var(--green-20); color: var(--primary-green); border-radius: 50px; justify-content: center; align-items: center; padding: 8px 16px; display: inline-block; } .h1 { font-family: var(--font-family); color: var(--black); font-size: var(--h1); margin-top: 0; margin-bottom: 0; font-weight: 600; line-height: 110%; } .h1.white { border: 1px none var(--white); color: var(--white); letter-spacing: -1px; line-height: 100%; } .h1.center { text-align: center; } .h2 { font-family: var(--font-family); font-size: var(--h2); margin-top: 0; margin-bottom: 0; font-weight: 500; line-height: 120%; } .h2.center { text-align: center; } .h2.center.green { color: var(--primary-green); margin-left: auto; margin-right: auto; } .h2.center.white { color: var(--white); } .h2.center.accent-light { color: var(--accent-green); } .h2.green { color: var(--dark-green); } .h2.accent-green { color: var(--accent-green); font-weight: 500; } .h2.white { color: var(--white); } .text-body { font-family: var(--font-family); color: var(--black); margin-bottom: 0; font-size: 16px; line-height: 150%; } .text-body.white { color: var(--white); margin-bottom: 0; } .text-body.center { text-align: center; } .text-body.green { color: var(--primary-green); font-weight: 400; } .text-body.green:where(.w-variant-1a89658a-cc85-9cb2-bb5e-23d8ab25eb81) { color: var(--accent-green); font-weight: 400; } .text-body.green.bold { font-weight: 600; } .text-body.accent { color: var(--accent-green); } .text-body.medium { font-weight: 500; } .button_primary { background-color: var(--primary-green); font-family: var(--font-family); letter-spacing: .5px; border-radius: 50px; align-self: auto; padding: 16px 32px; font-weight: 500; line-height: 150%; text-decoration: none; display: block; } .button_primary:hover { background-color: var(--dark-green); } .hero_h1_content { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .hero_img { border-radius: var(--border-radius-main); width: 640px; height: 420px; overflow: hidden; } .h3 { font-family: var(--font-family); color: var(--black); font-size: var(--h3); margin-top: 0; margin-bottom: 0; font-weight: 500; line-height: 120%; } .h3.white { color: var(--white); font-weight: 500; } .h3.green { color: var(--primary-green); font-weight: 500; } .h3.center.accent-light { color: var(--accent-green); text-align: center; } .h4 { font-family: var(--font-family); color: var(--black); font-size: var(--h4); margin-top: 0; margin-bottom: 0; font-weight: 500; line-height: 130%; } .h4.green { color: var(--dark-green); font-weight: 500; } .h4.accent-green { color: var(--accent-green); } .h4.white { color: var(--white); } .h5 { font-family: var(--font-family); color: var(--black); font-size: var(--h5); margin-top: 0; margin-bottom: 0; font-weight: 600; line-height: 140%; } .h5.green { color: var(--primary-green); font-weight: 500; } .h5.white { color: var(--white); font-weight: 600; } .hero_tag_content { grid-column-gap: 40px; grid-row-gap: 40px; } .section_tags { padding-top: var(--section-padding-xs); padding-bottom: var(--section-padding-xs); } .tags-list { grid-column-gap: 16px; grid-row-gap: 16px; justify-content: center; align-items: center; display: flex; } .tag { grid-column-gap: 8px; grid-row-gap: 8px; background-color: var(--beige); border-radius: 50px; justify-content: flex-start; align-items: center; padding: 16px; display: flex; } .icon { align-self: auto; width: 23px; height: 23px; } .text-s-semi-bold { font-family: var(--font-family); color: var(--primary-green); font-weight: 600; line-height: 150%; } .text-s-semi-bold:where(.w-variant-1a89658a-cc85-9cb2-bb5e-23d8ab25eb81) { color: var(--accent-green); } .text-s-semi-bold.white { color: var(--white); } .hygiene_about { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .hygiene-about-content { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; place-items: stretch stretch; height: 560px; display: grid; } .image { border-radius: var(--border-radius-main); object-fit: cover; } .big-card { grid-column-gap: 48px; grid-row-gap: 48px; border-radius: var(--border-radius-main); background-color: var(--primary-green); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 48px; display: flex; } .icon-block { background-color: var(--accent-green); border-radius: 50px; justify-content: center; align-items: center; width: 56px; min-width: 56px; height: 56px; min-height: 56px; display: flex; } .icon-block.green { background-color: var(--primary-green); } .icon-block.green.s-size { width: 40px; min-width: 40px; height: 40px; min-height: 40px; } .icon-block.msize { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; width: 48px; min-width: 48px; height: 48px; min-height: 48px; } .icon-block.xssize { width: 32px; min-width: 32px; height: 32px; min-height: 32px; } .image-2 { width: 32px; height: 32px; } .about-hygiene { grid-column-gap: 24px; grid-row-gap: 24px; } .hygiene_when-needed { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .content-why-needed { flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .heading-area { max-width: 650px; padding-bottom: var(--section_header-gap); grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .cards-block_why-needed { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(280px, 1fr) minmax(280px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_why-needed { border-radius: var(--border-radius-main); background-color: var(--beige); flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 24px; display: flex; } .hygiene_steps { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .steps-content { justify-content: space-between; align-items: stretch; } .steps_cards_block { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: 520px; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .steps_card { grid-column-gap: 40px; grid-row-gap: 40px; border: 1px solid var(--green_grey); border-radius: var(--border-radius-main); flex-flow: column; justify-content: space-between; align-items: flex-start; height: auto; min-height: 560px; padding: 16px; display: flex; } .number_block { background-color: var(--accent-green); border-radius: 50px; justify-content: center; align-items: center; width: 48px; min-width: 48px; height: 48px; min-height: 48px; padding: 0; display: flex; } .inner-card { grid-column-gap: 32px; grid-row-gap: 32px; background-color: var(--beige); border-radius: 16px; flex-flow: column; flex: 1; order: 0; justify-content: space-between; align-items: flex-start; height: auto; padding: 24px 16px; display: flex; } .hygiene_price { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .price-block { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: space-between; align-items: flex-start; display: flex; } .heading { max-width: 540px; margin-left: 0; margin-right: 0; } .price_list-block { width: 650px; max-width: 650px; } .price-item { border-bottom: 1px solid var(--green_grey); justify-content: space-between; align-items: center; width: 650px; max-width: 650px; padding-top: 16px; padding-bottom: 16px; display: flex; } .price-title { justify-content: space-between; align-items: flex-start; display: flex; } .price { border-radius: 8px; width: auto; padding: 0; } .text-l-bold { font-family: var(--font-family); color: var(--dark-green); font-size: 18px; font-weight: 600; line-height: 140%; } .text-l-bold.green { color: var(--primary-green); } .div-block { grid-column-gap: 24px; grid-row-gap: 24px; padding-top: 16px; padding-bottom: 16px; } .item-price { grid-column-gap: 4px; grid-row-gap: 4px; background-color: var(--white); padding: 0; display: flex; } .flex-block { grid-column-gap: 48px; grid-row-gap: 48px; } .text-l { font-family: var(--font-family); color: var(--black); font-size: 18px; font-weight: 600; line-height: 140%; text-decoration: none; } .text-l.center { text-align: center; } .text-l.center.light-green { color: var(--light-green); text-transform: uppercase; font-weight: 500; } .text-l.white { color: var(--white); font-weight: 400; } .text-l.accent-green { color: var(--accent-green); margin-top: 0; margin-bottom: 0; font-weight: 500; } .text-l.green { color: var(--primary-green); font-weight: 500; } .cta { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .cta.home { padding-bottom: var(--section_padding-l); } .cta_block { border-radius: var(--border-radius-main); background-image: url('../images/zobu-iztaisnosana-ar-kapem-riga.avif'); background-position: 50%; background-size: cover; justify-content: center; align-items: center; height: 420px; margin-left: auto; margin-right: auto; display: flex; } .image-3 { object-fit: fill; overflow: visible; } .cta-content { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: column; justify-content: flex-start; align-items: center; max-width: 560px; display: flex; } .cta-content-text { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: flex-start; align-items: center; } .hygiene-benefits { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .hygiene-benefitc-content { flex-flow: column; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .benefits-cards-block { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: minmax(420px, 1fr); grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .benefit-card { grid-column-gap: 24px; grid-row-gap: 24px; border-radius: var(--border-radius-main); background-color: var(--accent-green); flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 24px; display: flex; } .benefit-card:where(.w-variant-1a89658a-cc85-9cb2-bb5e-23d8ab25eb81) { background-color: var(--primary-green); } .benefits-state { grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; display: flex; } .text-block { font-family: var(--font-family); color: var(--primary-green); font-size: var(--display); font-weight: 500; line-height: 100%; } .text-block:where(.w-variant-1a89658a-cc85-9cb2-bb5e-23d8ab25eb81) { color: var(--accent-green); } .text-block.green { color: var(--dark-green); } .hygiene-faq { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .faq_block { justify-content: space-between; align-items: flex-start; display: flex; } .dropdown { width: 650px; } .dropdown-toggle { width: 100%; } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-content { text-align: center; flex-direction: column; width: 260px; display: flex; } .navbar-logo-left-container { z-index: 5; background-color: #0000; width: 1030px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 15px 20px; } .navbar-logo-left-container.shadow-three { width: 100%; max-width: 1320px; margin-bottom: 0; padding: 24px 0; } .container-2 { width: auto; max-width: none; margin-left: auto; margin-right: auto; } .navbar-wrapper { justify-content: space-between; align-items: center; display: flex; } .nav-menu-wrapper { width: auto; } .nav-menu-two { justify-content: space-between; align-items: center; margin-bottom: 0; display: flex; } .nav-link { font-family: var(--font-family); color: var(--black); letter-spacing: .25px; margin-left: 5px; margin-right: 5px; padding: 5px 10px; font-size: 14px; font-weight: 500; line-height: 150%; text-decoration: none; } .nav-link:hover { color: var(--primary-green); } .nav-link:focus-visible, .nav-link[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 4px; outline: 2px solid #0050bd; } .nav-dropdown { margin-left: 5px; margin-right: 5px; } .nav-dropdown-toggle { letter-spacing: .25px; padding: 5px 30px 5px 10px; font-size: 14px; line-height: 20px; } .nav-dropdown-toggle:hover { color: #1a1b1fbf; } .nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-dropdown-icon { margin-right: 10px; } .nav-dropdown-list { background-color: #fff; border-radius: 12px; } .nav-dropdown-list.w--open { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-link { padding-top: 5px; padding-bottom: 5px; font-size: 14px; } .nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-divider { background-color: #e4ebf3; width: 1px; height: 22px; margin-left: 15px; margin-right: 15px; } .nav-link-accent { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 20px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; } .nav-link-accent:hover { color: #1a1b1fbf; } .button-primary { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; } .button-primary:hover { color: #fff; background-color: #32343a; } .button-primary:active { background-color: #43464d; } .outline-button { border: 1px solid var(--dark-green); font-family: var(--font-family); color: var(--dark-green); letter-spacing: .5px; background-color: #3898ec00; border-radius: 50px; padding: 16px 24px; font-weight: 600; line-height: 150%; } .outline-button:hover { background-color: var(--dark-green); color: var(--white); } .outline-button.nav { margin-left: 12px; padding: 12px 16px; font-size: 14px; } .waves---paragraph-small { font-size: 16px; line-height: 130%; } .waves---nav-container { max-width: 1320px; height: 100%; padding-left: 0; padding-right: 0; } .waves---nav-brand-link { height: 24px; } .waves---brand { max-width: none; height: 100%; } .waves---nav-link { font-family: var(--font-family); color: var(--black); letter-spacing: .5px; padding: 12px; font-size: 16px; font-weight: 500; line-height: 150%; } .waves---nav-link:hover { color: var(--dark-green); border: 1px #000; border-radius: 0; } .waves---nav-buttons-right { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-end; align-items: center; min-width: 0; display: flex; overflow: visible; } .waves---nav-menu { grid-column-gap: 8px; justify-content: flex-end; align-items: center; display: flex; } .waves-dropdown-toggle { grid-column-gap: 6px; justify-content: center; align-items: center; padding: 12px 8px 12px 16px; display: flex; } .waves-icon-drodpdown { width: 24px; height: 24px; } .waves-dropdown-list.w--open { background-color: var(--waves-library--white\); border: 1px solid #1313131a; border-radius: 4px; } .waves---dropdown-link { text-align: center; } .waves-wrapper-navbar-4 { z-index: 102; background-color: var(--waves-library--white\); flex-direction: column; display: block; position: relative; } .waves-navbar-4 { background-color: var(--waves-library--white\); border-bottom: 1px solid #13131333; height: 80px; } .waves-master-nav-4 { justify-content: space-between; align-items: center; width: 100%; height: 100%; display: flex; } .waves-right-nav-4 { grid-column-gap: 16px; justify-content: flex-end; align-items: center; display: flex; } .waves-master-top-navbar-4 { flex-direction: row; justify-content: space-between; align-items: center; height: 75px; } .waves-divider-nav-4 { background-color: #1313130d; border-radius: 5px; width: 100%; height: 1px; } .waves-inside-top-nav-4 { justify-content: space-between; align-items: center; height: 100%; display: flex; } .waves-left-top-nav-4 { grid-column-gap: 16px; justify-content: flex-start; align-items: center; display: flex; } .waves---icon-text-vertical { grid-column-gap: 8px; align-items: center; text-decoration: none; display: flex; } .waves-icon-24 { width: 24px; height: 24px; } .waves-right-top-nav-4 { grid-column-gap: 24px; justify-content: flex-end; align-items: center; display: flex; } .waves---nav-cta { background-color: var(--waves-library--black\); border-radius: 8px; justify-content: center; align-items: center; height: 52px; padding: 8px 24px; font-size: 16px; font-weight: 700; display: flex; } .waves-master-nav-2 { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: 240px 1fr 240px; grid-auto-columns: 1fr; justify-content: space-between; place-items: center stretch; width: 100%; height: 100%; display: grid; } .waves-middle-nav-2 { grid-column-gap: 16px; justify-content: center; align-items: center; display: flex; } .waves-navbar-2 { z-index: 104; background-color: var(--waves-library--white\); border-bottom: 1px #13131333; height: 80px; } .div-block-5 { display: none; } .div-block-6 { border-right: 1px solid #000; justify-content: flex-start; align-items: flex-start; display: flex; } .flex-block-2 { border-left: 1px none var(--primary-green); } .waves---limit-480 { width: 100%; max-width: 480px; } .waves---mg-top-16 { margin-top: 16px; } .waves---cta-dark { background-color: var(--waves-library--black\); border-radius: 8px; justify-content: center; align-items: center; height: 52px; padding: 8px 24px; font-size: 16px; font-weight: 700; transition: background-color .2s; display: flex; } .waves---cta-dark:hover { background-color: #131313e6; } .waves---main-container { max-width: 1352px; padding-left: 24px; padding-right: 24px; } .waves---section-medium { padding-top: 100px; padding-bottom: 100px; } .waves---heading-2-no-margins { margin-top: 0; margin-bottom: 0; font-size: 48px; line-height: 130%; } .waves---paragraph-big { font-size: 20px; line-height: 130%; } .waves---paragraph-regular { color: var(--dark-green); font-size: 18px; font-weight: 600; line-height: 130%; } .waves-grid-faq-1 { grid-column-gap: 40px; grid-template-rows: auto; } .waves-left-faq-1 { grid-row-gap: 24px; flex-direction: column; align-items: flex-start; width: 100%; max-width: 520px; display: flex; } .waves-expandable-master-faq-1 { max-width: 650px; } .waves---expandable-open { transform-origin: 50% 0; } .waves---expandable-item { border-top: 1px solid var(--green_grey); height: auto; font-family: var(--font-family); cursor: pointer; justify-content: space-between; align-items: flex-start; padding-top: 32px; padding-bottom: 32px; font-size: 18px; font-weight: 400; display: flex; } .waves---expandable-content { width: 100%; height: auto; margin-right: 24px; } .waves---expand-line { background-color: var(--green_grey); width: 16px; height: 2px; } .waves---expand-line.vertical { width: 2px; height: 16px; color: var(--dark-green); position: absolute; } .waves---expand-icon-wrap { justify-content: center; align-items: center; width: 16px; height: 16px; margin-top: 2px; display: flex; } .waves-expanded-text { color: var(--black); margin-bottom: 0; font-size: 16px; line-height: 150%; } .waves---expandable-wrap { flex-direction: column; width: 100%; display: flex; } .waves---expand-space { height: 24px; } .navbar-logo-left-container-2 { z-index: 5; background-color: #0000; width: 1030px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 15px 20px; } .navbar-logo-left-container-2.shadow-three { width: 100%; max-width: 1320px; margin-bottom: 0; padding: 20px 0; } .container-3 { width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; } .navbar-wrapper-2 { justify-content: space-between; align-items: center; width: 100%; display: flex; } .nav-menu-wrapper-2 { width: 80%; } .nav-menu-two-2 { justify-content: space-between; align-items: center; margin-bottom: 0; display: flex; } .nav-link-2 { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 5px; padding: 5px 10px; font-size: 14px; line-height: 20px; text-decoration: none; } .nav-link-2:hover { color: #1a1b1fbf; } .nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 4px; outline: 2px solid #0050bd; } .nav-dropdown-2 { margin-left: 5px; margin-right: 5px; } .nav-dropdown-toggle-2 { letter-spacing: .25px; padding: 5px 30px 5px 10px; font-size: 14px; line-height: 20px; } .nav-dropdown-toggle-2:hover { color: #1a1b1fbf; } .nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-dropdown-icon-2 { margin-right: 10px; } .nav-dropdown-list-2 { background-color: #fff; border-radius: 12px; } .nav-dropdown-list-2.w--open { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-link-2 { padding-top: 5px; padding-bottom: 5px; font-size: 14px; } .nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-divider-2 { background-color: #e4ebf3; width: 1px; height: 22px; margin-left: 15px; margin-right: 15px; } .nav-link-accent-2 { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 20px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; } .nav-link-accent-2:hover { color: #1a1b1fbf; } .button-primary-2 { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; } .button-primary-2:hover { color: #fff; background-color: #32343a; } .button-primary-2:active { background-color: #43464d; } .container-4 { width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; } .navbar-wrapper-3 { justify-content: space-between; align-items: center; display: flex; } .waves---nav-container-2 { max-width: 1320px; height: 100%; padding-left: 0; padding-right: 0; } .waves---nav-brand-link-2 { height: 24px; } .waves---brand-2 { max-width: none; height: 100%; } .waves---nav-link-2 { font-family: var(--font-family); color: var(--black); padding: 12px 16px; font-size: 16px; font-weight: 500; } .waves---nav-link-2:hover { color: var(--dark-green); } .waves---nav-buttons-right-2 { justify-content: flex-end; align-items: center; display: flex; } .waves---nav-menu-2 { grid-column-gap: 4px; justify-content: flex-end; align-items: center; display: flex; } .waves-dropdown-toggle-2 { grid-column-gap: 6px; justify-content: center; align-items: center; padding: 12px 8px 12px 16px; display: flex; } .waves-icon-drodpdown-2 { width: 24px; height: 24px; } .waves-dropdown-list-2.w--open { background-color: var(--waves-library--white\); border: 1px solid #1313131a; border-radius: 4px; } .waves---dropdown-link-2 { text-align: center; } .waves-master-nav-5 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 240px 1fr 240px; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; width: 100%; height: 100%; display: grid; } .waves-middle-nav-3 { grid-column-gap: 16px; justify-content: space-between; align-items: center; display: flex; } .waves-navbar-5 { z-index: 104; background-color: var(--waves-library--white\); border-bottom: 1px solid #13131333; height: 80px; } .waves---nav-cta-2 { background-color: var(--waves-library--black\); border-radius: 8px; justify-content: center; align-items: center; height: 52px; padding: 8px 24px; font-size: 16px; font-weight: 700; display: flex; } .language-link { font-family: var(--font-family); color: var(--black); background-color: #3898ec00; padding-left: 8px; padding-right: 8px; font-size: 14px; font-weight: 500; text-decoration: none; } .language-link:hover { color: var(--dark-green); } .footer-content_1 { grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--border-radius-main); background-color: var(--beige); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding: 80px 60px; display: grid; } .logo_text-area { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: column; justify-content: space-between; align-items: flex-start; max-width: none; display: flex; } .logo_footer { width: 180px; } .footer-slogan { grid-column-gap: 8px; grid-row-gap: 8px; max-width: 560px; } .footer-slogan-block { grid-column-gap: 32px; grid-row-gap: 32px; } .contact-item_footer { grid-column-gap: 8px; grid-row-gap: 8px; display: flex; } .image-4 { width: 18px; height: auto; } .link { font-family: var(--font-family); color: var(--black); font-size: 16px; font-weight: 400; text-decoration: none; } .link:hover { color: var(--primary-green); } .link.pp { color: var(--primary-green); text-decoration: underline; } .link_main { font-family: var(--font-family); color: var(--primary-green); font-size: 16px; text-decoration: underline; } .footer-info_contacts { grid-column-gap: 16px; grid-row-gap: 16px; justify-content: flex-end; align-items: flex-start; font-style: normal; } .footer-subscribe { border-bottom: 1px solid #e4ebf3; padding: 50px 30px 40px; position: relative; } .container-5 { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; } .footer-form-two { background-color: #f5f7fa; margin-bottom: 40px; padding: 64px; } .footer-form-container-two { justify-content: space-between; align-items: center; display: flex; } .footer-form-title { font-size: 24px; line-height: 32px; } .footer-form-block-two { justify-content: flex-end; align-items: center; display: flex; position: relative; } .footer-form-input { border: 1px #000; width: 460px; height: 48px; margin-bottom: 0; padding: 12px 180px 12px 20px; } .footer-form-input::placeholder { color: #1a1b1fcc; } .button-primary-3 { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; } .button-primary-3:hover { color: #fff; background-color: #32343a; } .button-primary-3:active { background-color: #43464d; } .button-primary-3.footer-form-button { padding: 8px 18px; position: absolute; right: 8px; } .footer-wrapper-three { justify-content: space-between; align-items: center; padding-top: 32px; padding-bottom: 32px; display: flex; } .footer-block-three { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: flex-start; align-items: center; margin-left: 0; margin-right: 0; display: flex; } .footer-link-three { color: var(--black); margin-left: 0; margin-right: 0; font-size: 16px; text-decoration: none; } .footer-link-three:hover { color: var(--dark-green); } .footer-social-block-three { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: flex-start; align-items: center; margin-left: 0; display: flex; } .footer-social-link-three { width: 24px; margin-left: 0; margin-right: 0; } .footer-divider-two { background-color: var(--green_grey); width: 100%; height: 1px; margin-top: 0; margin-bottom: 0; } .footer-bottom { justify-content: space-between; align-items: center; padding-top: 16px; padding-bottom: 24px; display: flex; } .footer-copyright { font-family: var(--font-family); color: var(--black); font-size: 14px; } .footer-legal-block { justify-content: flex-start; align-items: center; display: flex; } .footer-legal-link { font-family: var(--font-family); color: var(--black); margin-left: 24px; font-size: 14px; text-decoration: none; } .footer-legal-link:hover { color: var(--dark-green); } .home-hero-content { grid-column-gap: 0px; grid-row-gap: 0px; border-radius: var(--border-radius-main); background-color: var(--primary-green); background-image: url('../images/Hero.avif'); background-position: 50%; background-size: cover; grid-template-rows: auto; grid-template-columns: 650px 1fr; grid-auto-columns: 1fr; grid-auto-flow: row dense; justify-content: space-between; place-items: start end; height: 680px; padding: 80px; display: flex; } .heading_home-page { max-width: 650px; } .subheading-text-main-page { max-width: 460px; } .button_light_-green { background-color: var(--accent-green); font-family: var(--font-family); color: var(--dark-green); letter-spacing: .5px; border-radius: 50px; padding: 16px 32px; font-size: 16px; font-weight: 500; line-height: 150%; text-decoration: none; } .button_light_-green:hover { background-color: var(--light-green); } .home-hero-h1 { grid-column-gap: 12px; grid-row-gap: 12px; } .home-hero-pg-content { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-top: 0; padding-bottom: 0; padding-left: 0; display: flex; } .div-block-7, .div-block-8 { background-image: url('../images/almadents-zobarstnieciba-riga-hero.avif'); background-position: 50%; background-size: cover; } .div-block-9 { z-index: auto; box-sizing: border-box; align-self: flex-end; position: relative; inset: auto 10% 0% auto; } .image-5 { max-width: none; max-height: 680px; display: block; } .trust_bar { grid-column-gap: 24px; grid-row-gap: 24px; border: 1px solid var(--beige-20); border-radius: var(--border-radius-main); background-color: #f9f8f4e6; mix-blend-mode: normal; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; padding: 24px; display: flex; } /* Блюр — только там, где браузер его поддерживает. Без него фон остаётся плотным, иначе сквозь блок просвечивает секция (см. .navbar-lv ниже). */ @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { .trust_bar { background-color: var(--beige-20); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } } .years-nr { flex-flow: column; display: flex; } .text-s { font-family: var(--font-family); color: var(--white); font-size: 14px; font-weight: 400; line-height: 150%; } .text-s.green { color: var(--primary-green); } .text-s.green.medium { font-weight: 500; } .text-s.black { color: var(--black); } .divider-trust-bar { background-color: var(--beige-20); width: 1px; height: 64px; color: var(--white); } .google-stars { grid-column-gap: 4px; grid-row-gap: 4px; justify-content: flex-start; align-items: flex-start; } .home-about-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .home-about-cards { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .image-6 { border-radius: var(--border-radius-main); object-fit: cover; } .card_home-about { grid-column-gap: 40px; grid-row-gap: 40px; border-radius: var(--border-radius-main); background-color: var(--accent-green); flex-flow: column; justify-content: space-between; align-items: flex-start; min-height: 0; padding: 40px; display: flex; } .image-7 { width: 32px; } .card-content { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex; } .about-hero-pg-card { grid-column-gap: 32px; grid-row-gap: 32px; justify-content: space-between; align-items: flex-start; } .title { max-width: 650px; padding-top: 0; padding-bottom: var(--section_header-gap); grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; display: flex; } .services-card_btn { border-radius: var(--border-radius-main); background-color: var(--beige); flex-flow: column; justify-content: space-between; align-items: flex-end; padding: 32px; text-decoration: none; display: flex; } .services-card_btn:hover { background-color: var(--accent-green); } .title_info { grid-column-gap: 8px; grid-row-gap: 8px; } .image-8 { width: 24px; } .services-block { padding-bottom: var(--section_header-gap); grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(320px, 1fr) minmax(320px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .img-card { border-radius: var(--border-radius-main); background-image: url('../images/zobu-balinasana-process.avif'); background-position: 50%; background-size: cover; position: static; } .team-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-l); background-color: var(--beige); } .heading-area_btn { width: 100%; padding-bottom: var(--section_header-gap); flex-flow: row; justify-content: space-between; align-items: flex-end; display: flex; } .title-area-left { max-width: 650px; padding-bottom: var(--section_header-gap); grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .title-area-left.ssize { padding-bottom: var(--section_padding-s); grid-column-gap: 8px; grid-row-gap: 8px; } .team-cards { width: 100%; padding-bottom: var(--section_header-gap); grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .team-block { justify-content: flex-start; align-items: center; } .member-card { border: 1px solid var(--green_grey); border-radius: var(--border-radius-main); background-image: url('../images/Frame-2136140088.png'); background-position: 50%; background-size: cover; flex-flow: column; justify-content: flex-end; align-items: stretch; height: auto; min-height: 480px; padding: 16px; display: flex; } .member-team-badge { grid-column-gap: 2px; grid-row-gap: 2px; background-color: var(--accent-green); border-radius: 16px; flex-flow: column; height: auto; min-height: 108px; padding: 16px; display: flex; } .image-9 { aspect-ratio: auto; object-fit: cover; width: 100%; } .google-raiting-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-m); } .testimonial-block { grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--border-radius-main); background-color: var(--primary-green); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; height: auto; padding: 60px; display: grid; } .testimonial-block-content { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: column; justify-content: flex-start; align-items: flex-start; max-width: 560px; display: flex; } .review-text { grid-column-gap: 8px; grid-row-gap: 8px; } .review-heading-areaa { grid-column-gap: 24px; grid-row-gap: 24px; } .bold-text { font-weight: 600; } .gallery-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-m); } .gallery-block-content { justify-content: flex-start; align-items: center; width: 100%; } .gallery-cards-main { width: 100%; padding-bottom: var(--section_header-gap); grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: 320px; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .work-card { aspect-ratio: auto; border-radius: var(--border-radius-main); background-image: url('../images/P2087147.avif'); background-position: 50%; background-size: cover; } .image-10 { border-radius: var(--border-radius-main); object-fit: cover; } .gallery-slider { border-bottom: 1px solid #e4ebf3; padding: 80px 30px; position: relative; } .container-6 { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; } .gallery-wrapper { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .gallery-block { flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .gallery-slide { background-color: #0000; height: auto; } .gallery-slide-wrapper { max-width: 47%; margin-right: 6%; } .gallery-slide-image { position: relative; } .gallery-image { width: 100%; } .gallery-slide-text { color: #f5f7fa; margin-bottom: 0; line-height: 32px; position: absolute; bottom: 24px; left: 24px; right: 24px; } .gallery-slider-left { justify-content: center; align-items: center; width: 40px; display: flex; left: -50px; } .gallery-slider-left:focus-visible, .gallery-slider-left[data-wf-focus-visible] { outline-offset: 0px; border-radius: 5px; outline: 2px solid #0050bd; } .slider-arrow-embed { color: #1a1b1f; } .gallery-slider-right { justify-content: center; align-items: center; width: 40px; display: flex; right: -50px; } .gallery-slider-right:focus-visible, .gallery-slider-right[data-wf-focus-visible] { outline-offset: 0px; border-radius: 5px; outline: 2px solid #0050bd; } .gallery-slide-nav { display: none; } .team-slider { background-color: #f5f7fa; border-bottom: 1px solid #e4ebf3; padding: 80px 30px; position: relative; } .centered-heading { text-align: center; margin-bottom: 16px; } .centered-subheading { text-align: center; max-width: 530px; margin-left: auto; margin-right: auto; } .team-slider-wrapper { background-color: #0000; height: auto; margin-top: 50px; } .team-slide-wrapper { width: 30%; margin-right: 5%; } .team-block-2 { background-color: #fff; padding-bottom: 24px; } .team-member-image-two { margin-bottom: 18px; } .team-block-info { flex-direction: column; align-items: flex-start; padding-left: 24px; padding-right: 24px; display: flex; } .team-member-name-two { margin-bottom: 12px; font-weight: 600; } .team-member-text { margin-bottom: 20px; } .text-link-arrow { color: #1a1b1f; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 20px; text-decoration: none; display: flex; } .arrow-embed { margin-left: 2px; display: flex; } .team-slider-arrow { display: none; } .team-slider-nav { margin-top: 24px; font-size: 10px; position: static; bottom: -60px; } .waves---mg-top-17 { margin-top: 16px; } .waves---cta-dark-2 { background-color: var(--waves-library--black\); border-radius: 8px; justify-content: center; align-items: center; height: 52px; padding: 8px 24px; font-size: 16px; font-weight: 700; transition: background-color .2s; display: flex; } .waves---cta-dark-2:hover { background-color: #131313e6; } .waves---main-container-2 { max-width: 1320px; padding-left: 24px; padding-right: 24px; } .waves---section-medium-2 { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-m); } .waves---heading-2-no-margins-2 { margin-top: 0; margin-bottom: 0; font-size: 48px; line-height: 130%; } .waves---heading-3-no-margins { margin-top: 0; margin-bottom: 0; font-size: 24px; font-weight: 700; line-height: 120%; } .waves-icon-32 { width: 32px; height: 32px; } .waves---mg-bottom-16 { margin-bottom: 16px; } .waves---grid-halves-sticky { grid-column-gap: 20px; grid-template-rows: auto; } .waves---sticky-halves-left { position: relative; } .waves---master-tiles-features-2 { grid-row-gap: 20px; flex-direction: column; width: 100%; max-width: 560px; display: flex; } .waves---sticky-halves { position: sticky; top: 88px; } .waves-tile-features-2 { grid-row-gap: 16px; border-radius: var(--border-radius-main); background-image: url('../images/P2087147.avif'); background-position: 50%; background-size: cover; flex-direction: column; align-items: flex-start; height: 320px; padding: 44px 40px; display: flex; } .waves---content-sticky-features-2 { grid-row-gap: 24px; flex-direction: column; align-items: flex-start; width: 100%; max-width: 560px; display: flex; } .waves---paragraph-big-2 { font-size: 20px; line-height: 130%; } .slide { background-image: url('../images/P2087147.avif'); background-position: 50%; background-size: cover; } .slider { max-width: 640px; } .waves---main-container-3 { max-width: 1352px; padding-left: 24px; padding-right: 24px; } .waves---section-medium-3 { padding-top: 100px; padding-bottom: 100px; } .waves-master-gallery-1 { width: 100%; max-width: 1122px; margin-left: auto; margin-right: auto; } .waves-grid-gallery-1 { grid-column-gap: 32px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; } .waves-column-gallery-1 { grid-row-gap: 32px; flex-direction: column; display: flex; } .waves-image-gallery-1 { border-radius: 24px; width: 100%; } .waves-text-wrap-gallery-1 { padding-top: 16px; padding-bottom: 16px; } .work-card2 { border-radius: var(--border-radius-main); background-image: url('../images/P2087148.avif'); background-position: 50%; background-size: cover; } .waves---subtitle { font-size: 24px; line-height: 40px; } .waves---main-container-4 { max-width: 1352px; padding-left: 24px; padding-right: 24px; } .waves---section-medium-4 { padding-top: 100px; padding-bottom: 100px; } .waves---heading-2-no-margins-3 { margin-top: 0; margin-bottom: 0; font-size: 48px; line-height: 130%; } .waves---heading-3-no-margins-2 { margin-top: 0; margin-bottom: 0; font-size: 24px; font-weight: 700; line-height: 120%; } .waves---paragraph-big-3 { font-size: 20px; line-height: 130%; } .waves---center-heading { grid-row-gap: 16px; text-align: center; flex-direction: column; align-items: center; display: flex; } .waves-grid-testimonials-3 { grid-column-gap: 32px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; margin-top: 64px; } .waves-tile-testimonial-3 { grid-row-gap: 32px; background-color: var(--waves-library--dark-elevation\); border-radius: 12px; flex-direction: column; align-items: flex-start; padding: 32px; display: flex; } .waves-name-wrap-testimonial-3 { grid-row-gap: 8px; text-align: left; flex-direction: column; align-items: flex-start; display: flex; } .waves-master-gallery-3 { height: auto; position: sticky; top: 10vh; overflow: hidden; } .waves-bottom-gird-gallery-3 { grid-template-rows: auto; grid-template-columns: .9fr .8fr 1.2fr .7fr; width: 120vw; height: 39vh; margin-bottom: 0; } .waves-top-grid-gallery-3 { grid-template-rows: auto; grid-template-columns: .7fr 1.2fr .8fr .9fr; width: 120vw; height: 39vh; margin-bottom: 16px; } .waves-small-image-wrap-gallery-3 { border-radius: var(--border-radius-main); height: 70%; position: relative; overflow: hidden; } .waves-medium-image-wrap-gallery-3 { border-radius: var(--border-radius-main); height: 80%; position: relative; overflow: hidden; } .waves-big-image-wrap-gallery-3 { border-radius: var(--border-radius-main); height: 100%; position: relative; overflow: hidden; } .waves-image-gallery-3 { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .work-card-3 { border-radius: var(--border-radius-main); background-image: url('../images/P2087151.avif'); background-position: 0 0; background-size: auto; } .pakalpojumi-hero-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .image-11 { border-radius: var(--border-radius-main); object-fit: cover; width: 100%; max-width: none; height: auto; } .cards-list-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .services-cards-list { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(320px, 1fr) minmax(320px, 1fr) minmax(320px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .service-card { border-radius: var(--border-radius-main); background-color: var(--beige); flex-flow: column; justify-content: space-between; align-items: flex-end; padding: 32px; text-decoration: none; display: flex; } .service-card:hover { background-color: var(--accent-green); } .image-12 { width: 24px; height: 24px; } .service-card-title { grid-column-gap: 4px; grid-row-gap: 4px; } .service-img-card { border-radius: var(--border-radius-main); background-image: url('../images/zobu-parbaudes-instrumenti-riga.avif'); background-position: 50%; background-size: cover; } .cta-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .cta_green { border-radius: var(--border-radius-main); background-color: var(--primary-green); flex-flow: column; justify-content: center; align-items: center; height: auto; min-height: auto; margin-left: auto; margin-right: auto; padding-top: 68px; padding-bottom: 68px; display: flex; } .cta_content { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: center; align-items: center; max-width: 780px; display: flex; } .cta_content_btn { grid-column-gap: 48px; grid-row-gap: 48px; justify-content: flex-start; align-items: center; } .text-block-cta { max-width: 640px; } .section { padding-top: var(--section_padding-m); } .implants-section-hero { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .tags-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-s); } .implants-why-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .why-block-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(400px, 1fr) minmax(400px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_m { grid-column-gap: 32px; grid-row-gap: 32px; border-radius: var(--border-radius-main); background-color: var(--beige); flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 32px; display: flex; } .why-card-img { border-radius: var(--border-radius-main); background-image: url('../images/zobu-implantacija-uzbuve.avif'); background-position: 50%; background-size: cover; } .implant-steps-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .implant-steps { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: minmax(560px, 1fr); grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .implant-price-section, .implant_cta, .implant-faq-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .general-stom_hero-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .stom-tags-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-s); } .stom_service-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-l); } .services-cards-block { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: minmax(460px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card-l { grid-column-gap: 32px; grid-row-gap: 32px; border-radius: var(--border-radius-main); background-color: var(--beige); flex-flow: column; padding: 40px; display: flex; } .image-13 { width: 24px; } .content-area { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; display: flex; } .when-stomatology-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-l); background-color: var(--primary-green); } .cards-list { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_white { grid-column-gap: 8px; grid-row-gap: 8px; border: 1px solid var(--beige-10); border-radius: var(--border-radius-main); background-color: var(--beige-5); flex-flow: column; padding: 24px; display: flex; } .img_why_block { border-radius: var(--border-radius-main); background-image: url('../images/zobarstniecibas_klinika_almadents.avif'); background-position: 50%; background-size: cover; } .treatment-stpes-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-m); } .treatment_steps { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: minmax(560px, 1fr); grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row dense; display: grid; } .treatment-price-section, .treatment-_cta-section, .treatment-_faq_section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .surgery-hero-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .surgery-tags-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-s); } .surgical-services-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-l); } .surgery-services-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(460px, 1fr); grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .surgery-card { grid-column-gap: 32px; grid-row-gap: 32px; border: 1px solid var(--green_grey); border-radius: var(--border-radius-main); flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 24px; display: flex; } .surgery-card:where(.w-variant-c31edc49-f451-1c04-4f77-b2fa559ca541) { background-color: var(--accent-green); border-style: none; } .wisdom-tooth-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-m); background-color: var(--beige); } .wisdom-tooth-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: 460px; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .wisdom-tooth-info { grid-column-gap: 32px; grid-row-gap: 32px; border-radius: var(--border-radius-main); background-color: var(--primary-green); flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 48px; display: flex; } .wisdom-tooth-img { border-radius: var(--border-radius-main); background-image: url('../images/gudribas-zobu-rausana-riga-almadents.avif'); background-position: 50%; background-size: cover; } .extraction-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); background-color: var(--beige); } .extraction-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(320px, 1fr) minmax(320px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .aest-card { grid-column-gap: 16px; grid-row-gap: 16px; border: 1px solid var(--green_grey); border-radius: var(--border-radius-main); flex-flow: column; padding: 24px; display: flex; } .preparation-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); background-color: var(--beige); } .preparation-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; border-radius: var(--border-radius-main); background-color: var(--primary-green); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding: 40px; display: grid; } .preparation-card { grid-column-gap: 8px; grid-row-gap: 8px; border-radius: var(--border-radius-main); background-color: var(--beige); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 24px 24px 40px; display: flex; } .image-14 { width: 24px; height: 24px; } .flex-block-3 { grid-column-gap: 40px; grid-row-gap: 40px; } .operation-steps { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-l); background-color: var(--beige); } .operation-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .step-card-l { grid-column-gap: 40px; grid-row-gap: 40px; border: 1px solid var(--green_grey); border-radius: var(--border-radius-main); flex-flow: column; padding: 32px 32px 40px; display: flex; } .text-blocks { grid-column-gap: 8px; grid-row-gap: 8px; } .content-steps { grid-column-gap: 24px; grid-row-gap: 24px; } .surgery-price-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-m); } .surgery-cta-section, .surgery-faq-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .check-up-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .check-up-tags-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .check-up-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .icon-card-small { grid-column-gap: 40px; grid-row-gap: 40px; border: 1px solid var(--green_grey); border-radius: var(--border-radius-main); flex-flow: column; justify-content: space-between; align-items: flex-start; min-height: 560px; padding: 24px 16px 16px; display: flex; } .image-15 { width: 24px; } .inner-content { grid-column-gap: 24px; grid-row-gap: 24px; background-color: var(--beige); border-radius: 16px; flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; min-height: auto; padding: 24px 16px; display: flex; } .check-up-why-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-l); } .why-check-wrapper { border-radius: var(--border-radius-main); background-color: var(--primary-green); padding: 60px; } .check-content-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(200px, 1fr) minmax(200px, 1fr); grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .check-card { grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--border-radius-main); background-color: var(--accent-green); flex-flow: column; padding: 32px; display: flex; } .check-team-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-l); background-color: var(--beige); } .title-area_btn-right { padding-bottom: var(--section_header-gap); justify-content: space-between; align-items: flex-end; display: flex; } .title-area-btn { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; max-width: 650px; display: flex; } .check-team-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .check-cta-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-m); } .h1_inner { font-family: var(--font-family); color: var(--primary-green); font-size: var(--h1inner); letter-spacing: -1px; margin-top: 0; margin-bottom: 0; font-weight: 500; line-height: 110%; } .aesthetic-hero-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .aest-tags-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-s); } .aest_need-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .aest-need-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(220px, 1fr) minmax(220px, 1fr) minmax(220px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .aest-_img { border-radius: var(--border-radius-main); background-image: url('../images/zobu-tonu-skala.avif'); background-position: 50%; background-size: cover; } .aest-types-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .aest-type-wrapper { border-radius: var(--border-radius-main); background-color: var(--primary-green); padding: 60px; } .type-cards-block { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .type-card { grid-column-gap: 16px; grid-row-gap: 16px; border: 1px solid var(--beige-10); border-radius: var(--border-radius-main); background-color: var(--beige-5); flex-flow: column; padding: 24px; display: flex; } .type-img { border-radius: var(--border-radius-main); background-image: url('../images/Aesthetic-estetiska-zobu-restauracija-almadents.avif'); background-position: 50%; background-size: cover; } .aest-steps-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .aest-steps-block { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(560px, 1fr); grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .aest-faq-section, .aest-price-section, .aest-cta-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .whitening-hero-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .white-tags-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-s); } .white-indications-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-l); } .indications-block { grid-column-gap: 32px; grid-row-gap: 32px; border: 1px solid var(--green_grey); border-radius: var(--border-radius-main); justify-content: space-between; align-items: flex-start; padding: 32px; display: flex; } .indications-block.contrindication { grid-column-gap: 32px; grid-row-gap: 32px; } .indikation-text { grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--border-radius-main); background-color: var(--beige); flex-flow: column; max-width: 640px; padding: 24px; display: flex; } .text-span { color: var(--accent-green); } .indication-title { max-width: 480px; } .content-block-whitething { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: space-between; align-items: stretch; } .text-span-2, .text-span-3, .text-span-4, .text-span-5, .text-span-6 { color: var(--red); } .bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7, .bold-text-8, .bold-text-9, .bold-text-10, .bold-text-11 { color: var(--primary-green); } .white-methods-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-l); background-color: var(--primary-green); } .methods-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .method-card { grid-column-gap: 32px; grid-row-gap: 32px; border: 1px solid var(--beige-10); border-radius: var(--border-radius-main); background-color: var(--beige-5); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 40px; display: flex; } .method-card.attention { border: 1px solid var(--accent-green-10); background-color: var(--beige-5); justify-content: flex-start; align-items: flex-start; min-height: auto; padding: 40px; } .div-block-10 { border: 1px solid var(--primary-green); border-radius: 50px; justify-content: center; align-items: center; padding: 12px 24px 10px; display: flex; } .white-benefits-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-m); } .whit-benefits-cards { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: minmax(420px, 1fr); grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .white-cta-section, .white-faq-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .prostheticshero-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .prosthetics-tags-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-s); } .prosthetics-about-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-l); } .abot-prosthetic-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(560px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .prosthetic-card { grid-column-gap: 40px; grid-row-gap: 40px; border: 1px solid var(--green_grey); border-radius: var(--border-radius-main); flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 32px; display: flex; } .prosthetic-img { border-radius: var(--border-radius-main); background-image: url('../images/almadents-zobu-implantacija-konsultacija.avif'); background-position: 50%; background-size: cover; } .prosthetic-card-_badge { grid-column-gap: 40px; grid-row-gap: 40px; border: 1px solid var(--green_grey); border-radius: var(--border-radius-main); flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 32px; display: flex; } .prosthetic-badge { background-color: var(--accent-green); border-radius: 50px; align-self: flex-start; align-items: flex-start; padding: 12px 16px; display: block; } .prosthetic-type-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-l); background-color: var(--primary-green); } .microprosthetics_block { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(420px, 1fr); grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .microprosthetics_card { grid-column-gap: 32px; grid-row-gap: 32px; border: 1px solid var(--beige-10); border-radius: var(--border-radius-main); background-color: var(--beige-5); flex-flow: column; padding: 40px; display: flex; } .vinir-img { border-radius: var(--border-radius-main); background-image: url('../images/zobu-viniri-estetiska-stomatologija-almadents.avif'); background-position: 50%; background-size: cover; } .vinir-img.bridges { background-image: url('../images/zobu-tilti-un-protezesana-almadents.avif'); } .vinir-img.bridges.removable { background-image: url('../images/loka-proteze-ar-skavam-almadents.avif'); } .veneer-text { grid-column-gap: 16px; grid-row-gap: 16px; } .text-span-7, .text-span-8 { color: var(--accent-green); } .crowns-block { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(420px, 1fr); grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .crowns_card { grid-column-gap: 32px; grid-row-gap: 32px; border: 1px solid var(--beige-10); border-radius: var(--border-radius-main); background-color: var(--beige-5); flex-flow: column; padding: 40px; display: flex; } .crowns_text { grid-column-gap: 16px; grid-row-gap: 16px; } .flex-block-4 { grid-column-gap: var(--section_header-gap); grid-row-gap: var(--section_header-gap); } .crowns_img { border-radius: var(--border-radius-main); background-image: url('../images/zobu-kroni-restauracija-almadents.avif'); background-position: 50%; background-size: cover; } .crowns_img.implan { background-image: url('../images/all-on-4-zobu-implantacija-riga-almadents.avif'); } .crowns_img.implan.overdenture { background-image: url('../images/iznemama-zobu-proteze-uz-implantiem-almadents.avif'); } .text-span-9, .text-span-10 { color: var(--accent-green); } .types-ptosthetic-cards { grid-column-gap: var(--section_header-gap); grid-row-gap: var(--section_header-gap); } .text-span-11 { color: var(--accent-green); } .prosthetic-steps-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-m); } .prosthetics-steps-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .prosthetic-price-section, .prosthtetic-_cta, .prosthetic-faq-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .contact-form-hero-saection { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .contact-form-content-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .contact-info-block { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; display: flex; } .contact-title-area { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; max-width: 560px; display: flex; } .contact-info-wrapper { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; font-style: normal; display: flex; } .phone-contact-info { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; } .image-16 { width: 16px; min-width: 16px; max-width: none; height: 16px; min-height: 16px; } .email-contact-block { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; } .image-17 { width: 16px; min-width: 16px; max-width: none; height: 16px; min-height: 16px; } .contacts { grid-column-gap: 16px; grid-row-gap: 16px; } .contact-form { border-radius: var(--border-radius-main); background-color: var(--beige); justify-content: center; align-items: center; padding: 48px; display: flex; } .waves---cta-dark-3 { background-color: var(--waves-library--black\); border-radius: 8px; justify-content: center; align-items: center; height: 52px; padding: 8px 24px; font-size: 16px; font-weight: 700; transition: background-color .2s; display: flex; } .waves---cta-dark-3:hover { background-color: #131313e6; } .waves---cta-dark-3.wide-cta { min-width: 200px; } .waves---main-container-5 { max-width: 1352px; padding-left: 24px; padding-right: 24px; } .waves-text-field-background { border: 1px solid var(--waves-library--black\); background-color: var(--waves-library--background\); height: 52px; color: var(--waves-library--black\); border-radius: 8px; margin: 0; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 16px; } .waves-text-field-background:focus { border-color: var(--waves-library--black\); color: var(--waves-library--black\); } .waves---section-medium-5 { padding-top: 100px; padding-bottom: 100px; } .waves---heading-2-no-margins-4 { margin-top: 0; margin-bottom: 0; font-size: 48px; line-height: 130%; } .waves---paragraph-big-4 { font-size: 20px; line-height: 130%; } .waves---center-heading-2 { grid-row-gap: 16px; text-align: center; flex-direction: column; align-items: center; display: flex; } .waves-master-contact-1 { flex-direction: column; align-items: center; display: flex; } .waves-form-block-contact-1 { width: auto; max-width: none; margin-top: 0; } .waves---form-contact-1 { grid-row-gap: 24px; flex-direction: column; display: flex; } .waves---2-inputs { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .waves---input-wrap { grid-row-gap: 16px; flex-direction: column; align-items: flex-start; display: flex; } .waves-select-background { border: 1px solid var(--waves-library--black\); background-color: var(--waves-library--background\); height: 52px; color: var(--waves-library--black\); border-radius: 8px; margin: 0; font-size: 16px; } .waves-select-background:focus { border-color: var(--waves-library--black\); } .waves-submit-wrap-contact-1 { flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .waves---checkbox-field { flex-direction: row; align-items: flex-start; display: flex; } .waves---checkbox { border-color: var(--waves-library--black\); width: 16px; height: 16px; margin-top: 3px; margin-right: 6px; } .waves---checkbox-label { font-size: 16px; } .waves-success-mesaage { background-color: var(--waves-library--white\); border-radius: 6px; } .waves-text-field-background-2 { border: 1px solid var(--waves-library--black\); background-color: var(--waves-library--background\); height: 52px; color: var(--waves-library--black\); border-radius: 8px; margin: 0; font-size: 16px; } .waves-text-field-background-2:focus { border-color: var(--waves-library--black\); color: var(--waves-library--black\); } .waves-form-block-contact-2 { width: 100%; max-width: 540px; margin-top: 0; margin-bottom: 0; } .waves-submit-wrap-contact-2 { flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .contact-info-blocks { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: space-between; align-items: flex-start; width: 100%; } .flex-block-6 { justify-content: space-between; align-items: flex-start; width: 100%; } .phone-block { grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; } .name-block { grid-column-gap: 4px; grid-row-gap: 4px; width: 100%; } .email-block, .message-block { grid-column-gap: 6px; grid-row-gap: 6px; width: 100%; } .text-field { border: 1px solid var(--green_grey); min-height: 48px; font-family: var(--font-family); border-radius: 8px; margin-bottom: 0; padding-top: 12px; padding-bottom: 12px; font-size: 16px; } .text-field:hover, .text-field:focus { border-color: var(--dark-green); } .text-field-2, .text-field-3 { border: 1px solid var(--green_grey); border-radius: 8px; margin-bottom: 0; } .textarea { border: 1px solid var(--green_grey); min-height: 120px; font-family: var(--font-family); border-radius: 8px; margin-bottom: 0; padding-top: 12px; padding-bottom: 12px; font-size: 16px; } .textarea:hover, .textarea:focus { border-color: var(--dark-green); } .form-inputs { grid-column-gap: 24px; grid-row-gap: 24px; } .form { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; display: flex; } .checkbox { border: 1px solid var(--green_grey); width: auto; min-width: 12px; min-height: 12px; margin-top: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; } .checkbox:hover { border-color: var(--primary-green); } .checkbox:active { border-color: var(--dark-green); } .checkbox-field { grid-column-gap: 6px; grid-row-gap: 6px; justify-content: flex-start; align-items: center; min-height: auto; margin-bottom: 0; padding-left: 0; display: flex; } .link-pp { color: var(--primary-green); } .link-contact { font-family: var(--font-family); color: var(--black); font-size: 16px; font-weight: 500; line-height: 150%; text-decoration: none; } .link-contact:hover { color: var(--primary-green); } .text-block-2 { font-family: var(--font-family); color: var(--black); font-size: 16px; } .success-message { border-radius: var(--border-radius-main); background-color: var(--beige); } .error-message { background-color: var(--red); border-radius: 8px; } .limit-message { border-radius: var(--border-radius-main); background-color: var(--beige); } .limit-message .text-l { color: var(--red); } .contact-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .contacts-block { grid-column-gap: 80px; grid-row-gap: 80px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; font-style: normal; display: flex; } .phone { grid-column-gap: 16px; grid-row-gap: 16px; justify-content: space-between; align-items: center; display: flex; } .phone.mail, .phone.location { justify-content: space-between; align-items: center; } .image-18 { width: 24px; min-width: 24px; height: 24px; min-height: 24px; } .phones-numbrs { grid-column-gap: 16px; grid-row-gap: 16px; justify-content: flex-start; align-items: center; } .phone-info { grid-column-gap: 4px; grid-row-gap: 4px; } .location-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-l); } .location-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(260px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .link-block { border-radius: var(--border-radius-main); background-image: url('../images/instruction_1.avif'); background-position: 50%; background-size: cover; } .link-block._2 { background-image: url('../images/instruction_2.avif'); } .link-block._3 { background-image: url('../images/instruction_3.avif'); } .info-block-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-l); background-color: var(--primary-green); } .info-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(420px, 1fr); grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .info-card_contact { grid-column-gap: 32px; grid-row-gap: 32px; border-radius: var(--border-radius-main); background-color: var(--beige); flex-flow: column; padding: 32px; display: flex; } .info-card_contact.accent { background-color: var(--accent-green); padding: 32px; } .image-19 { width: 24px; min-width: 24px; height: 24px; min-height: 24px; } .flex-block-7 { grid-column-gap: 8px; grid-row-gap: 8px; } .hyg-steps-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .container-7 { justify-content: space-between; align-items: center; max-width: 1320px; margin-left: auto; margin-right: auto; display: block; } .nav-menu { margin-left: auto; margin-right: auto; } .navbar-logo-left-3 { margin-left: 3%; margin-right: 3%; } .navbar-logo-left-container-3 { z-index: 5; background-color: #0000; width: 1030px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 15px 20px; } .navbar-logo-left-container-3.shadow-three { width: 100%; max-width: 1320px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 24px 0% 24px 0; } .container-8 { width: 100%; max-width: 1320px; margin-left: 0; margin-right: 0; padding-left: 0%; } .navbar-wrapper-4 { justify-content: space-between; align-items: center; display: flex; } .navbar-brand-3 { height: 54px; } .nav-menu-two-3 { justify-content: space-between; align-items: center; margin-bottom: 0; display: flex; } .nav-link-3 { font-family: var(--font-family); color: var(--black); letter-spacing: .25px; margin-left: 5px; margin-right: 5px; padding: 5px 10px; font-size: 16px; font-weight: 500; line-height: 150%; text-decoration: none; } .nav-link-3:hover { color: var(--dark-green); } .nav-link-3:focus-visible, .nav-link-3[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 4px; outline: 2px solid #0050bd; } .nav-dropdown-3 { margin-left: 5px; margin-right: 5px; } .nav-dropdown-toggle-3 { letter-spacing: .25px; padding: 5px 30px 5px 10px; font-size: 14px; line-height: 20px; } .nav-dropdown-toggle-3:hover { color: #1a1b1fbf; } .nav-dropdown-toggle-3:focus-visible, .nav-dropdown-toggle-3[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-dropdown-icon-3 { margin-right: 10px; } .nav-dropdown-list-3 { background-color: #fff; border-radius: 12px; } .nav-dropdown-list-3.w--open { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-link-3 { padding-top: 5px; padding-bottom: 5px; font-size: 14px; } .nav-dropdown-link-3:focus-visible, .nav-dropdown-link-3[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-divider-3 { background-color: var(--green_grey); width: 1px; height: 22px; margin-left: 12px; margin-right: 12px; } .nav-link-language { font-family: var(--font-family); color: var(--black); letter-spacing: .25px; margin-left: 0; margin-right: 0; padding: 5px 8px; font-size: 14px; font-weight: 500; line-height: 150%; text-decoration: none; } .nav-link-language:hover { color: var(--dark-green); } .button-primary-4 { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; } .button-primary-4:hover { color: #fff; background-color: #32343a; } .button-primary-4:active { background-color: #43464d; } .list-item { font-family: var(--font-family); color: var(--black); font-size: 16px; font-weight: 500; line-height: 150%; } .image-20 { object-fit: cover; max-width: none; height: 48px; } .navbar { padding-top: 16px; padding-bottom: 16px; } .image-21 { height: auto; } .brand { max-width: 160px; height: auto; max-height: none; } .div-block-11 { display: block; } .waves---nav-container-3 { max-width: 1440px; height: 100%; padding-left: 24px; padding-right: 24px; } .waves---nav-brand-link-3 { height: 54px; } .waves---brand-3 { max-width: none; height: 100%; } .waves---nav-link-3 { padding: 12px 16px; } .waves---nav-buttons-right-3 { justify-content: flex-end; align-items: center; display: block; } .waves---nav-menu-3 { grid-column-gap: 16px; justify-content: flex-end; align-items: center; display: flex; } .waves-dropdown-toggle-3 { grid-column-gap: 6px; justify-content: center; align-items: center; padding: 12px 8px 12px 16px; display: flex; } .waves-icon-drodpdown-3 { width: 24px; height: 24px; } .waves-dropdown-list-3.w--open { background-color: var(--waves-library--white\); border: 1px solid #1313131a; border-radius: 4px; } .waves---dropdown-link-3 { text-align: center; } .waves-master-nav-6 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 240px 1fr 240px; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; width: 100%; height: 100%; display: block; } .waves-middle-nav-4 { grid-column-gap: 16px; justify-content: center; align-items: center; display: block; } .waves-navbar-6 { z-index: 104; background-color: var(--waves-library--white\); border-bottom: 1px solid #13131333; height: 80px; } .waves---nav-cta-3 { background-color: var(--waves-library--black\); border-radius: 8px; justify-content: center; align-items: center; height: 52px; padding: 8px 24px; font-size: 16px; font-weight: 700; display: flex; } .navbar-lv { z-index: 1000; background-color: #fffffff5; position: sticky; top: 0; } /* Читаемость шапки не должна зависеть от backdrop-filter: в старых браузерах (например Opera на слабом железе) он не отрабатывает, и сквозь полупрозрачную шапку просвечивает страница при скролле. Полупрозрачность + блюр включаем только при явной поддержке. */ @supports ((-webkit-backdrop-filter: blur(40px)) or (backdrop-filter: blur(40px))) { .navbar-lv { background-color: #ffffff80; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); } } .navbar-logo-left-container-4 { z-index: 5; background-color: #0000; width: 1030px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 15px 20px; } .navbar-logo-left-container-4.shadow-three { width: 100%; max-width: 1320px; margin-bottom: 0; padding: 24px 0%; } .container-9 { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; } .navbar-wrapper-5 { justify-content: space-between; align-items: center; display: flex; } .navbar-brand-4, .navbar-brand-4.w--current { max-width: 130px; } .nav-menu-two-4 { justify-content: space-between; align-items: center; margin-bottom: 0; display: flex; } .nav-link-4 { color: var(--black); letter-spacing: .25px; margin-left: 5px; margin-right: 5px; padding: 5px 10px; font-size: 16px; font-weight: 500; line-height: 20px; text-decoration: none; } .nav-link-4:hover { color: var(--dark-green); } .nav-link-4:focus-visible, .nav-link-4[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 4px; outline: 2px solid #0050bd; } .nav-dropdown-4 { margin-left: 5px; margin-right: 5px; } .nav-dropdown-toggle-4 { letter-spacing: .25px; padding: 5px 30px 5px 10px; font-size: 14px; line-height: 20px; } .nav-dropdown-toggle-4:hover { color: #1a1b1fbf; } .nav-dropdown-toggle-4:focus-visible, .nav-dropdown-toggle-4[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-dropdown-icon-4 { margin-right: 10px; } .nav-dropdown-list-4 { background-color: #fff; border-radius: 12px; } .nav-dropdown-list-4.w--open { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-link-4 { padding-top: 5px; padding-bottom: 5px; font-size: 14px; } .nav-dropdown-link-4:focus-visible, .nav-dropdown-link-4[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-divider-4 { background-color: #e4ebf3; width: 1px; height: 22px; margin-left: 15px; margin-right: 15px; } .nav-link-accent-3 { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 20px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; } .nav-link-accent-3:hover { color: #1a1b1fbf; } .button-primary-5 { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; } .button-primary-5:hover { color: #fff; background-color: #32343a; } .button-primary-5:active { background-color: #43464d; } .list-item-5 { display: none; } .btn-vlock { display: block; } .kolektivs-hero-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .team-pg-section { padding-bottom: var(--section_padding-m); } .team-cards-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .team-cta-section, ._404-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } ._404-wrapper { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-s); grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--border-radius-main); flex-flow: column; grid-template-rows: minmax(460px, 1fr); grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; display: block; } .heading-2 { color: var(--dark-green); text-align: center; margin-top: 0; margin-bottom: 0; font-size: 260px; line-height: 90%; } .flex-block-8 { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: center; align-items: center; } ._404-img { border-radius: var(--border-radius-main); background-image: url('../images/404.avif'); background-position: 50%; background-size: cover; width: auto; max-width: none; height: 100%; } .team-member-card { min-height: 460px; } .team-member-card._1 { background-image: url('../images/Aleksandrs-Kims.avif'); } .team-member-card._2 { background-image: url('../images/Vadims-Baitaluks.avif'); } .team-member-card._3 { background-image: url('../images/Liene-Romankevica.avif'); } .team-member-card._4 { background-image: url('../images/Jurijs-Korsakovs.avif'); } .team-member-card._5 { background-image: url('../images/Evija-Mailo.avif'); } .team-member-card._6 { background-image: url('../images/Kristine-Klavina.avif'); } .team-member-card._7 { background-image: url('../images/Elina-Mailo.avif'); } .team-member-card._8 { background-image: url('../images/Karina-Pavlika.avif'); } .team-member-card._9 { background-image: url('../images/Karina-Soneca.avif'); } .team-member-card._10 { background-image: url('../images/Astrida-Rubine.avif'); } .team-member-card._11 { background-image: url('../images/Oksana-Mazure.avif'); } .team-member-card._12 { background-image: url('../images/Roberts-Galanders.avif'); } .title-_btn { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; max-width: 650px; display: flex; } .text-span-12, .text-span-13, .text-span-14 { color: var(--accent-green); } .section-prices { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .gallery-scroll { background-color: #f5f7fa; border-bottom: 1px solid #e4ebf3; padding: 80px 30px; position: relative; } .container-10 { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; } .gallery-wrapper-2 { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .gallery-sticky { flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; position: sticky; top: 80px; } .gallery-link { color: #1a1b1f; margin-bottom: 35px; font-size: 24px; line-height: 32px; text-decoration: none; } .gallery-link:hover { color: #1a1b1fcc; } .gallery-link.w--current { font-weight: 600; } .gallery-grid { grid-row-gap: 40px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .gallery-image-wrapper { position: relative; } .gallery-image-2 { width: 100%; } .gallery-image-text { color: #f5f7fa; margin-bottom: 0; position: absolute; bottom: 16px; left: 16px; right: 16px; } .waves---main-container-6 { max-width: 1352px; padding-left: 24px; padding-right: 24px; } .waves---section-medium-6 { padding-top: 100px; padding-bottom: 100px; } .waves---heading-2-no-margins-5 { margin-top: 0; margin-bottom: 0; font-size: 48px; line-height: 130%; } .waves---paragraph-big-5 { font-size: 20px; line-height: 130%; } .waves---center-heading-3 { grid-row-gap: 16px; text-align: center; flex-direction: column; align-items: center; display: flex; } .waves---paragraph-regular-2 { font-size: 18px; line-height: 130%; } .waves---expandable-open-2 { transform-origin: 50% 0; } .waves---expandable-item-2 { border-top: 1px solid var(--waves-library--black\); cursor: pointer; justify-content: space-between; align-items: flex-start; height: auto; padding-top: 32px; padding-bottom: 32px; display: flex; } .waves---expandable-content-2 { width: 100%; height: auto; margin-right: 24px; } .waves---expand-line-2 { background-color: var(--waves-library--black\); width: 16px; height: 2px; } .waves---expand-line-2.vertical { width: 2px; height: 16px; position: absolute; } .waves---expand-icon-wrap-2 { justify-content: center; align-items: center; width: 16px; height: 16px; margin-top: 2px; display: flex; } .waves-expanded-text-2 { margin-bottom: 0; font-size: 16px; } .waves---expandable-wrap-2 { flex-direction: column; width: 100%; display: flex; } .waves-expandable-master-faq-2 { width: 100%; max-width: 545px; margin-top: 64px; margin-left: auto; margin-right: auto; } .waves---expand-space-2 { background-color: var(--green_grey); height: 2px; margin-top: 8px; margin-bottom: 8px; padding-top: 0; padding-bottom: 0; } .waves---main-container-7 { max-width: 1352px; padding-left: 24px; padding-right: 24px; } .waves---section-medium-7 { padding-top: 100px; padding-bottom: 100px; } .waves---heading-2-no-margins-6 { margin-top: 0; margin-bottom: 0; font-size: 48px; line-height: 130%; } .waves---paragraph-big-6 { font-size: 20px; line-height: 130%; } .waves---center-heading-4 { grid-row-gap: 16px; text-align: center; flex-direction: column; align-items: center; display: flex; } .waves---paragraph-regular-3 { font-size: 18px; line-height: 130%; } .waves---expandable-open-3 { transform-origin: 50% 0; } .waves---expandable-item-3 { border-top: 1px solid var(--waves-library--black\); cursor: pointer; justify-content: space-between; align-items: flex-start; height: auto; padding-top: 32px; padding-bottom: 32px; display: flex; } .waves---expandable-content-3 { width: 100%; height: auto; margin-right: 24px; } .waves---expand-line-3 { background-color: var(--waves-library--black\); width: 16px; height: 2px; } .waves---expand-line-3.vertical { width: 2px; height: 16px; position: absolute; } .waves---expand-icon-wrap-3 { justify-content: center; align-items: center; width: 16px; height: 16px; margin-top: 2px; display: flex; } .waves-expanded-text-3 { margin-bottom: 0; font-size: 16px; } .waves---expandable-wrap-3 { flex-direction: column; width: 100%; display: flex; } .waves-expandable-master-faq-3 { width: 100%; max-width: 850px; margin-top: 64px; margin-left: auto; margin-right: auto; } .waves---expand-space-3 { height: 24px; } .div-block-13 { border-bottom: 1px solid var(--green_grey); padding-bottom: 4px; } .tab-link { border: 1px solid var(--accent-green-10); background-color: var(--white); color: var(--primary-green); border-radius: 50px; margin-top: 4px; margin-bottom: 4px; margin-right: 8px; padding: 12px 24px; font-weight: 500; } .tab-link.w--current { border-bottom: 1px none var(--primary-green); background-color: var(--accent-green-10); color: var(--primary-green); border-radius: 50px; margin-top: 4px; margin-bottom: 4px; margin-right: 8px; padding: 12px 24px; font-weight: 500; } .text-block-3 { font-size: 16px; font-weight: 500; } .prices-block_zob { max-width: 960px; } .price-list-_pg { grid-column-gap: 24px; grid-row-gap: 24px; border-bottom: 1px solid var(--green-20); justify-content: space-between; align-items: center; padding: 12px; display: flex; } .price-list-_pg:where(.w-variant-e5d47156-1625-4734-0914-26c5d8032b35) { padding-left: 24px; } .tabs-menu { padding-bottom: var(--border-radius-main); grid-column-gap: 0px; grid-row-gap: 0px; background-color: var(--white); margin-left: auto; margin-right: auto; display: block; } .item-title { justify-content: flex-start; align-items: center; display: flex; } .prices { grid-column-gap: 4px; grid-row-gap: 4px; } .price-title-item { background-color: var(--green-20); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding: 12px 0 12px 8px; } .price-title-item:where(.w-variant-ea47c004-6f7c-db1a-bf98-0ec8bf5108f0) { background-color: var(--white); } .tab-pane-zob-rstniec-ba, .tabs { margin-left: auto; margin-right: auto; } .price-section-hero { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .text-span-15 { color: var(--accent-green); } .about-us-section-gero { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-m); } .about-us-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-l); } .about-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .about-card { border: 1px solid var(--green_grey); border-radius: var(--border-radius-main); flex-flow: column; justify-content: space-between; align-items: flex-start; max-width: none; min-height: 560px; padding: 32px; display: flex; } .about-card-title { grid-column-gap: 32px; grid-row-gap: 32px; } .about-img { border-radius: var(--border-radius-main); background-image: url('../images/almadents-zobarstnieciba.avif'); background-position: 50%; background-size: cover; } .clinic-about-section { padding-top: var(--section_padding-l); padding-bottom: var(--section_padding-m); } .clinic-about-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; border-radius: var(--border-radius-main); background-image: url('../images/moderna-zobarstniecibas-aparatura-almadents.avif'); background-position: 50%; background-size: cover; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; place-items: stretch stretch; min-height: auto; padding: 39px; display: grid; } .info-card-about { grid-column-gap: 40px; grid-row-gap: 40px; border-radius: var(--border-radius-main); background-color: var(--beige); flex-flow: column; justify-content: space-between; align-items: flex-start; max-width: none; min-height: 560px; padding: 40px; display: flex; } .image-22 { width: 32px; height: 32px; } .clini-title-card { grid-column-gap: 8px; grid-row-gap: 8px; } .clinic-about-content { grid-column-gap: 32px; grid-row-gap: 32px; } .img-clinic { border-radius: var(--border-radius-main); background-image: url('../images/moderna-zobarstniecibas-aparatura-almadents.avif'); background-position: 50%; background-size: cover; } .about-services-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .abot-services-wrapper { flex-flow: column; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; display: flex; } .image-23 { object-fit: fill; } .image-24 { aspect-ratio: auto; object-fit: cover; max-height: 100%; } .about-service-cards { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: minmax(320px, 1fr) minmax(320px, 1fr); grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .image-25 { border-radius: var(--border-radius-main); object-fit: cover; } .about-benefits-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .about-benefits-cards { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: minmax(420px, 1fr); grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .section-3 { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } .gallery-overview { background-color: #f5f7fa; border-bottom: 1px solid #e4ebf3; padding: 80px 30px; position: relative; } .container-11 { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; } .gallery-wrapper-3 { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .gallery-block-2 { flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .gallery-features-block { margin-top: 16px; margin-bottom: 24px; } .gallery-feature { background-image: url('../images/'); background-position: 0%; background-repeat: no-repeat; background-size: 20px; margin-bottom: 8px; padding-left: 30px; font-size: 14px; line-height: 24px; } .button-primary-6 { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; } .button-primary-6:hover { color: #fff; background-color: #32343a; } .button-primary-6:active { background-color: #43464d; } .gallery-grid-2 { grid-row-gap: 40px; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .gallery-image-3 { width: 100%; } .gallery-scroll-2 { background-color: #f5f7fa; border-bottom: 1px solid #e4ebf3; padding: 80px 30px; position: relative; } .gallery-sticky-2 { flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; position: sticky; top: 80px; } .gallery-link-2 { color: #1a1b1f; margin-bottom: 35px; font-size: 24px; line-height: 32px; text-decoration: none; } .gallery-link-2:hover { color: #1a1b1fcc; } .gallery-link-2.w--current { font-weight: 600; } .gallery-image-wrapper-2 { position: relative; } .gallery-image-text-2 { color: #f5f7fa; margin-bottom: 0; position: absolute; bottom: 16px; left: 16px; right: 16px; } .gallery-slider-2 { border-bottom: 1px solid #e4ebf3; padding: 80px 30px; position: relative; } .gallery-slide-2 { background-color: #0000; height: auto; } .gallery-slide-wrapper-2 { max-width: 47%; margin-right: 6%; } .gallery-slide-image-2 { position: relative; } .gallery-slide-text-2 { color: #f5f7fa; margin-bottom: 0; line-height: 32px; position: absolute; bottom: 24px; left: 24px; right: 24px; } .gallery-slider-left-2 { justify-content: center; align-items: center; width: 40px; display: flex; left: -50px; } .gallery-slider-left-2:focus-visible, .gallery-slider-left-2[data-wf-focus-visible] { outline-offset: 0px; border-radius: 5px; outline: 2px solid #0050bd; } .slider-arrow-embed-2 { color: #1a1b1f; } .gallery-slider-right-2 { justify-content: center; align-items: center; width: 40px; display: flex; right: -50px; } .gallery-slider-right-2:focus-visible, .gallery-slider-right-2[data-wf-focus-visible] { outline-offset: 0px; border-radius: 5px; outline: 2px solid #0050bd; } .gallery-slide-nav-2 { display: none; } .waves---main-container-8 { max-width: 1352px; padding-left: 24px; padding-right: 24px; } .waves---section-medium-8 { padding-top: 100px; padding-bottom: 100px; } .waves---paragraph-big-7 { font-size: 20px; line-height: 130%; } .waves-master-gallery-4 { width: 100%; max-width: 1122px; margin-left: auto; margin-right: auto; } .waves-grid-gallery-2 { grid-column-gap: 32px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; } .waves-column-gallery-2 { grid-row-gap: 32px; flex-direction: column; display: flex; } .waves-image-gallery-4 { border-radius: 24px; width: 100%; } .waves-text-wrap-gallery-2 { padding-top: 16px; padding-bottom: 16px; } .section-main { padding-bottom: var(--section_padding-s); } .private-section { padding-top: var(--section_padding-s); padding-bottom: var(--section_padding-s); } .private-wrapper { width: 80%; } .privat-h1 { padding-bottom: var(--section_padding-s); } .p_1 { grid-column-gap: 16px; grid-row-gap: 16px; } .private-h2 { padding-top: var(--section-padding-xs); padding-bottom: var(--h5); } .private_info { grid-column-gap: 8px; grid-row-gap: 8px; } .priv-info-block { grid-column-gap: 16px; grid-row-gap: 16px; } @media screen and (max-width: 991px) { body { --font-family: "Noto Sans", sans-serif; --black: #0f0f0f; --section_padding-s: 40px; --section_padding-m: 60px; --dark-green: #173f37; --green-20: #1c4b421a; --primary-green: #1c4b42; --h1: 64px; --white: white; --h2: 40px; --accent-green: #c4ec5b; --border-radius-main: 24px; --h3: 28px; --h4: 24px; --h5: 20px; --section-padding-xs: 24px; --beige: #f9f8f4; --section_header-gap: 50px; --green_grey: #bfcbc9; --light-green: #b9de57; --section_padding-l: 120px; --display: 56px; --waves-library--white\: white; --waves-library--black\: #131313; --beige-20: #f9f8f433; --waves-library--dark-elevation\: #ede0d8; --beige-10: #ffffff1a; --beige-5: #f9f8f40d; --h1inner: 46px; --red: #b92500; --accent-green-10: #c4ec5b66; --waves-library--background\: #faebe3; } .section_hero { margin-left: auto; margin-right: auto; } .container { max-width: none; } .hero_content-block { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: column; display: flex; } .button_primary { display: inline-block; } .hero_img { width: 100%; } .tags-list { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: wrap; } .hygiene-about-content { flex-flow: column; height: auto; display: flex; } .image { height: 460px; } .cards-block_why-needed { grid-template-rows: 280px 280px minmax(280px, 1fr); grid-template-columns: 1fr 1fr; } .steps_cards_block { grid-template-rows: 480px 480px; grid-template-columns: 1fr 1fr; } .steps_card { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: space-between; align-items: flex-start; min-height: 480px; } .inner-card { height: 320px; } .price-block { grid-column-gap: var(--section_header-gap); grid-row-gap: var(--section_header-gap); flex-flow: column; } .price_list-block { width: 100%; max-width: none; } .price-item { width: 100%; max-width: 100%; } .flex-block { width: 100%; } .benefits-cards-block { grid-template-rows: minmax(320px, 1fr) minmax(320px, 1fr); grid-template-columns: 1fr 1fr; } .faq_block { grid-column-gap: var(--section_header-gap); grid-row-gap: var(--section_header-gap); flex-flow: column; } .div-block-3 { grid-column-gap: 0px; grid-row-gap: 0px; } .container-2 { max-width: 728px; } .nav-menu-wrapper { background-color: #0000; } .nav-menu-two { background-color: #fff; border-radius: 50px; flex-wrap: wrap; justify-content: space-around; align-items: center; margin-top: 10px; padding: 20px; display: flex; box-shadow: 0 8px 50px #0000000d; } .nav-link { padding-left: 5px; padding-right: 5px; } .nav-dropdown-list.shadow-three.w--open { position: absolute; } .menu-button { padding: 12px; } .menu-button.w--open { color: #fff; background-color: #a6b1bf; } .outline-button { display: none; } .outline-button.nav { display: inline-block; } .waves---nav-container { max-width: none; padding-left: 24px; padding-right: 24px; } .waves---nav-brand-link { padding-left: 0; } .waves---nav-link { text-align: center; border-radius: 50px; flex-direction: column; justify-content: center; align-items: center; padding-top: 16px; padding-bottom: 16px; font-size: 16px; display: flex; } .waves---nav-link:hover { background-color: var(--light-green); border-radius: 50px; } .waves---nav-buttons-right { grid-column-gap: 8px; } .waves---nav-menu { background-color: var(--waves-library--white\); border: 1px solid #1313131a; border-radius: 8px; justify-content: center; align-items: center; width: auto; margin-top: 4px; margin-bottom: 0; padding: 24px 40px; } .waves-dropdown-toggle { padding-right: 16px; font-size: 20px; } .waves-dropdown-list.w--open { width: 100%; padding-top: 8px; padding-bottom: 8px; position: static; } .waves---dropdown-link { padding-top: 12px; padding-bottom: 12px; font-size: 20px; } .waves-master-top-navbar-4 { height: auto; padding-top: 24px; padding-bottom: 24px; } .waves-left-top-nav-4 { grid-row-gap: 12px; flex-wrap: wrap; } .waves-right-top-nav-4 { grid-column-gap: 18px; } .waves---menu-button { justify-content: center; align-items: center; width: 52px; height: 52px; padding: 0; display: flex; } .waves---menu-button.w--open { background-color: var(--primary-green); border-radius: 6px; flex-direction: column; justify-content: center; align-items: center; width: 52px; height: 52px; padding: 0; display: flex; } .waves---hamburger-icon { justify-content: center; align-items: center; width: 100%; height: 100%; margin: auto; display: flex; } .waves-master-nav-2 { --font-family: "Noto Sans", sans-serif; --black: #0f0f0f; --section_padding-s: 40px; --section_padding-m: 60px; --dark-green: #173f37; --green-20: #1c4b421a; --primary-green: #1c4b42; --h1: 64px; --white: white; --h2: 40px; --accent-green: #c4ec5b; --border-radius-main: 24px; --h3: 28px; --h4: 24px; --h5: 20px; --section-padding-xs: 24px; --beige: #f9f8f4; --section_header-gap: 50px; --green_grey: #bfcbc9; --light-green: #b9de57; --section_padding-l: 120px; --display: 56px; --waves-library--white\: white; --waves-library--black\: #131313; --beige-20: #f9f8f433; --waves-library--dark-elevation\: #ede0d8; --beige-10: #ffffff1a; --beige-5: #f9f8f40d; --h1inner: 46px; --red: #b92500; --accent-green-10: #c4ec5b66; --waves-library--background\: #faebe3; display: flex; } .waves---nav-dropdown { width: 100%; padding-left: 16px; padding-right: 16px; } .div-block-4 { display: flex; } .div-block-5 { padding-top: 16px; padding-bottom: 16px; } .waves-grid-faq-1 { grid-row-gap: 64px; grid-template-columns: 1fr; } .waves-left-faq-1 { text-align: center; align-items: center; } .waves-expandable-master-faq-1 { max-width: none; } .container-3 { max-width: 728px; } .nav-menu-wrapper-2 { background-color: #0000; } .nav-menu-two-2 { background-color: #fff; border-radius: 50px; flex-wrap: wrap; justify-content: space-around; align-items: center; margin-top: 10px; padding: 20px; display: flex; box-shadow: 0 8px 50px #0000000d; } .nav-link-2 { padding-left: 5px; padding-right: 5px; } .nav-dropdown-list-2.shadow-three.w--open { position: absolute; } .menu-button-2 { padding: 12px; } .menu-button-2.w--open { color: #fff; background-color: #a6b1bf; } .container-4 { max-width: 728px; } .nav-menu-wrapper-3 { background-color: #0000; } .waves---nav-brand-link-2 { padding-left: 0; } .waves---nav-link-2 { text-align: center; flex-direction: column; justify-content: center; align-items: center; padding-top: 16px; padding-bottom: 16px; font-size: 20px; display: flex; } .waves---nav-buttons-right-2 { grid-column-gap: 46px; } .waves---nav-menu-2 { background-color: var(--waves-library--white\); border: 1px solid #1313131a; border-radius: 8px; flex-flow: column; justify-content: center; align-items: center; margin-top: 4px; display: flex; } .waves-dropdown-toggle-2 { padding-right: 16px; font-size: 20px; } .waves-dropdown-list-2.w--open { width: 100%; padding-top: 8px; padding-bottom: 8px; position: static; } .waves---dropdown-link-2 { padding-top: 12px; padding-bottom: 12px; font-size: 20px; } .waves-master-nav-5 { display: flex; } .waves---menu-button-2 { justify-content: center; align-items: center; width: 52px; height: 52px; padding: 0; display: flex; } .waves---menu-button-2.w--open { background-color: var(--waves-library--black\); border-radius: 6px; flex-direction: column; justify-content: center; align-items: center; width: 52px; height: 52px; padding: 0; display: flex; } .waves---hamburger-icon-2 { justify-content: center; align-items: center; width: 100%; height: 100%; margin: auto; display: flex; } .waves---nav-dropdown-2 { width: 100%; padding-left: 16px; padding-right: 16px; } .footer-content_1 { grid-column-gap: 56px; grid-row-gap: 56px; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .container-5 { max-width: 728px; } .footer-form-two { padding: 40px; } .footer-form-title { margin-right: 15px; } .footer-form-input { width: 400px; padding-right: 180px; } .footer-wrapper-three { grid-column-gap: 24px; grid-row-gap: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-top: 24px; padding-bottom: 24px; } .footer-block-three { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: space-between; align-items: center; width: 100%; } .footer-link-three { margin-left: 0; } .footer-social-block-three { justify-content: flex-start; align-items: center; margin-top: 24px; } .home-hero-content { background-position: 100% 100%; background-repeat: no-repeat; background-size: auto 640px; background-attachment: scroll; flex-flow: column; height: 920px; padding: 80px 60px 60px; display: flex; } .div-block-9 { max-height: 680px; position: static; } .image-5 { position: static; } .home-about-cards { flex-flow: column; display: flex; } .image-6 { object-fit: cover; height: 420px; } .card_home-about { height: auto; min-height: 420px; } .services-block { grid-template-rows: minmax(320px, 1fr) minmax(320px, 1fr); grid-template-columns: 1fr 1fr; } .img-card { display: none; } .heading-area_btn { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .team-cards { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; } .member-card { min-height: 420px; padding: 8px; } .member-team-badge { padding: 16px; } .testimonial-block { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 48px; display: flex; } .testemon_img { align-self: flex-end; width: 80%; } .gallery-cards-main { flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; width: 80%; display: flex; } .work-card { height: 320px; } .image-10 { object-fit: cover; max-height: 100%; } .container-6 { max-width: 728px; } .gallery-wrapper { grid-template-columns: 1fr 1fr; } .gallery-slider-left { left: -20px; } .gallery-slider-right { right: -20px; } .team-slide-wrapper { width: 47%; margin-right: 6%; } .waves---grid-halves-sticky { grid-row-gap: 48px; grid-template-columns: 1fr; } .waves---sticky-halves-left { text-align: center; flex-direction: column; align-items: center; display: flex; } .waves---master-tiles-features-2 { margin-left: auto; margin-right: auto; } .waves---sticky-halves { flex-direction: column; align-items: center; } .waves---content-sticky-features-2 { text-align: center; align-items: center; } .work-card2 { height: 320px; } .waves-grid-testimonials-3 { grid-row-gap: 32px; grid-template-columns: 1fr; width: 100%; max-width: 480px; margin-top: 40px; margin-left: auto; margin-right: auto; } .work-card-3 { background-position: 50%; background-size: cover; height: 320px; } .services-cards-list { grid-template-rows: 280px 280px 280px 280px; grid-template-columns: 1fr 1fr; } .service-img-card { display: none; } .why-block-cards { grid-template-rows: 400px 400px minmax(400px, 1fr); grid-template-columns: 1fr 1fr; } .card_m { padding: 32px; } .implant-steps { grid-template-rows: minmax(480px, 1fr) 480px; grid-template-columns: 1fr 1fr; } .services-cards-block { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: minmax(460px, 1fr) minmax(460px, 1fr); grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .cards-list { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: minmax(220px, 1fr) minmax(220px, 1fr) minmax(220px, 1fr) minmax(220px, 1fr); grid-template-columns: 1fr 1fr; } .img_tablet { border-radius: var(--border-radius-main); background-image: url('../images/stomatologijas-instrumenti.avif'); background-position: 50%; background-size: cover; } .treatment_steps { grid-template-rows: 480px 480px; grid-template-columns: 1fr 1fr; } .surgery-services-cards { grid-template-rows: minmax(360px, 1fr) minmax(360px, 1fr); grid-template-columns: 1fr 1fr; } .wisdom-tooth-wrapper { flex-flow: column; display: flex; } .wisdom-tooth-info { grid-column-gap: 56px; grid-row-gap: 56px; padding: 40px; } .wisdom-tooth-img { height: 460px; } .extraction-cards { grid-template-rows: minmax(320px, 1fr) minmax(320px, 1fr) minmax(320px, 1fr); grid-template-columns: 1fr 1fr; } .preparation-wrapper { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; padding: 32px; } .step-card-l { padding-top: 24px; padding-left: 24px; padding-right: 24px; } .check-up-cards { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; } .inner-content { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: space-between; align-items: flex-start; height: 100%; } .why-check-wrapper { padding: 48px; } .check-content-cards { flex-flow: column; grid-template-rows: auto auto; display: flex; } .check-card { padding: 24px; } .title-area_btn-right { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .check-team-cards { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; } .aest-need-cards { grid-template-rows: minmax(220px, 1fr) minmax(220px, 1fr) minmax(220px, 1fr) minmax(220px, 1fr); grid-template-columns: 1fr 1fr; } .aest-_img { display: none; } .aest-type-wrapper { padding: 48px; } .type-cards-block { grid-template-rows: minmax(320px, 1fr) minmax(320px, 1fr); } .aest-steps-block { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; } .indications-block { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; } .indikation-text { max-width: none; } .white-methods-section { display: flex; } .methods-cards { flex-flow: column; display: flex; } .whit-benefits-cards { grid-template-rows: minmax(320px, 1fr) minmax(320px, 1fr); grid-template-columns: 1fr 1fr; } .abot-prosthetic-cards { grid-template-rows: minmax(560px, 1fr) auto; grid-template-columns: 1fr 1fr; } .prosthetic-card { padding: 32px; } .prosthetic-card-_badge { grid-column-gap: 48px; grid-row-gap: 48px; padding: 32px; } .microprosthetics_block { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; grid-template-rows: minmax(420px, 1fr); grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .microprosthetics_card { padding: 32px; } .vinir-img { height: 460px; } .crowns-block { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; grid-template-rows: minmax(420px, 1fr); grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .crowns_card { padding: 32px; } .crowns_img { height: 460px; } .prosthetics-steps-cards { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; } .contact-form-content-wrapper { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; display: flex; } .contacts-block { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .location-cards { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; grid-template-rows: minmax(180px, 1fr) auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .link-block { min-height: 260px; } .info-cards { grid-template-rows: minmax(340px, 1fr) minmax(340px, 1fr); grid-template-columns: 1fr 1fr; } .hyg-steps-cards { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; } .navbar-logo-left-container-3.shadow-three { margin-left: 0; margin-right: 0; padding-right: 0; } .container-8 { max-width: none; margin-left: 0; margin-right: 0; padding-left: 0; } .nav-menu-wrapper-4 { background-color: #0000; } .nav-menu-two-3 { grid-column-gap: 21px; grid-row-gap: 21px; border-radius: var(--border-radius-main); background-color: var(--white); flex-flow: column; justify-content: space-around; align-items: center; margin-top: 0; padding: 20px 20px 48px; display: flex; box-shadow: 0 8px 50px #0000000d; } .nav-link-3 { padding-left: 5px; padding-right: 5px; } .nav-dropdown-list-3.shadow-three.w--open { position: absolute; } .menu-button-3 { justify-content: center; align-items: center; width: 32px; min-width: 24px; height: 32px; min-height: 24px; padding: 0; display: flex; } .menu-button-3.w--open { color: #fff; background-color: #a6b1bf; } .icon-2 { width: 32px; height: 32px; font-family: var(--font-family); color: var(--primary-green); font-size: 32px; font-weight: 300; } .list-item-2 { display: none; } .waves---nav-brand-link-3 { padding-left: 0; } .waves---nav-link-3 { text-align: center; flex-direction: column; justify-content: center; align-items: center; padding-top: 16px; padding-bottom: 16px; font-size: 20px; display: flex; } .waves---nav-buttons-right-3 { grid-column-gap: 8px; } .waves---nav-menu-3 { background-color: var(--waves-library--white\); border: 1px solid #1313131a; border-radius: 8px; margin-top: 4px; } .waves-dropdown-toggle-3 { padding-right: 16px; font-size: 20px; } .waves-dropdown-list-3.w--open { width: 100%; padding-top: 8px; padding-bottom: 8px; position: static; } .waves---dropdown-link-3 { padding-top: 12px; padding-bottom: 12px; font-size: 20px; } .waves-master-nav-6 { display: flex; } .waves---menu-button-3 { justify-content: center; align-items: center; width: 52px; height: 52px; padding: 0; display: flex; } .waves---menu-button-3.w--open { background-color: var(--waves-library--black\); border-radius: 6px; flex-direction: column; justify-content: center; align-items: center; width: 52px; height: 52px; padding: 0; display: flex; } .waves---hamburger-icon-3 { justify-content: center; align-items: center; width: 100%; height: 100%; margin: auto; display: flex; } .waves---nav-dropdown-3 { width: 100%; padding-left: 16px; padding-right: 16px; } .container-9 { max-width: 728px; } .nav-menu-wrapper-5 { background-color: #0000; width: 100%; display: flex; } .nav-menu-two-4 { grid-column-gap: 24px; grid-row-gap: 24px; background-color: var(--white); flex-flow: column; justify-content: flex-start; align-items: center; height: 100vh; margin-top: 0; margin-left: 0%; margin-right: 0%; padding: 40px 20px 48px; list-style-type: none; display: flex; box-shadow: 0 8px 50px #0000000d; } .nav-link-4 { padding-left: 5px; padding-right: 5px; } .nav-dropdown-list-4.shadow-three.w--open { position: absolute; } .nav-divider-4 { background-color: var(--green_grey); width: 60%; height: 1px; margin: 16px auto; } .menu-button-4 { padding: 8px; } .menu-button-4.w--open { color: var(--dark-green); background-color: #a6b1bf00; } .list-item-3 { order: 0; display: none; } .list-item-4 { display: none; } .list-item-5 { display: inline-flex; } .list-item-6 { align-self: stretch; } .team-cards-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto auto auto auto auto auto; grid-template-columns: 1fr 1fr; } .section-2 { background-color: var(--red); min-height: 100vh; } ._404-wrapper { grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; } .heading-2 { font-size: 180px; } ._404-img { height: 320px; } .team-member-card { min-height: 460px; padding: 16px; } .title-_btn { grid-column-gap: 16px; grid-row-gap: 16px; } .container-10 { max-width: 728px; } .gallery-wrapper-2 { grid-template-columns: 1fr 1fr; } .gallery-sticky { position: relative; top: 0; } .price-list-_pg:where(.w-variant-e5d47156-1625-4734-0914-26c5d8032b35) { padding-left: 24px; } .about-cards { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .about-card { grid-column-gap: 48px; grid-row-gap: 48px; min-height: auto; } .about-img { min-height: 460px; } .clinic-about-wrapper { flex-flow: column; justify-content: flex-end; align-items: flex-start; padding: 0; display: flex; } .info-card-about { max-width: 400px; min-height: auto; padding: 40px; } .img-clinic { min-height: 420px; } .image-25 { display: none; overflow: clip; } .about-benefits-cards { grid-template-rows: minmax(420px, 1fr) minmax(320px, 1fr); grid-template-columns: 1fr 1fr; } .container-11 { max-width: 728px; } .gallery-wrapper-3 { grid-template-columns: 1fr 1fr; } .gallery-sticky-2 { position: relative; top: 0; } .gallery-slider-left-2 { left: -20px; } .gallery-slider-right-2 { right: -20px; } .private-wrapper { width: 100%; } .icon-3, .icon-4, .icon-5 { color: var(--dark-green); font-size: 32px; } } @media screen and (max-width: 767px) { .hero_h1_content { grid-column-gap: 8px; grid-row-gap: 8px; } .image { height: 320px; } .big-card { padding: 32px; } .cards-block_why-needed { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .card_why-needed { grid-column-gap: 16px; grid-row-gap: 16px; padding: 24px; } .steps_card { min-height: auto; } .inner-card { grid-column-gap: 32px; grid-row-gap: 32px; justify-content: flex-start; align-items: flex-start; height: auto; } .benefits-cards-block { flex-flow: column; display: flex; } .benefit-card { grid-column-gap: 32px; grid-row-gap: 32px; justify-content: flex-start; align-items: flex-start; } .navbar-logo-left-container { max-width: 100%; } .navbar-brand { padding-left: 0; } .nav-menu-two { border-radius: 20px; flex-direction: column; padding-bottom: 30px; } .nav-link { padding-top: 10px; padding-bottom: 10px; display: inline-block; } .nav-dropdown { flex-direction: column; align-items: center; display: flex; } .nav-dropdown-toggle { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-list.shadow-three { box-shadow: 0 8px 50px #0000000d; } .nav-dropdown-list.shadow-three.w--open { position: relative; } .nav-dropdown-list.shadow-three.mobile-shadow-hide { box-shadow: none; } .nav-divider { width: 200px; max-width: 100%; height: 1px; margin-top: 10px; margin-bottom: 10px; } .nav-link-accent { margin-right: 5px; padding-top: 10px; padding-bottom: 10px; display: inline-block; } .mobile-margin-top-10 { margin-top: 10px; } .waves---nav-container { padding-left: 12px; padding-right: 12px; } .waves-right-top-nav-4 { grid-row-gap: 12px; flex-wrap: wrap; max-width: 130px; display: none; } .waves---main-container { padding-left: 16px; padding-right: 16px; } .waves---section-medium { padding-top: 80px; padding-bottom: 80px; } .waves---heading-2-no-margins { font-size: 44px; line-height: 125%; } .navbar-logo-left-container-2 { max-width: 100%; } .navbar-brand-2 { padding-left: 0; } .nav-menu-two-2 { border-radius: 20px; flex-direction: column; padding-bottom: 30px; } .nav-link-2 { padding-top: 10px; padding-bottom: 10px; display: inline-block; } .nav-dropdown-2 { flex-direction: column; align-items: center; display: flex; } .nav-dropdown-toggle-2 { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-list-2.shadow-three { box-shadow: 0 8px 50px #0000000d; } .nav-dropdown-list-2.shadow-three.w--open { position: relative; } .nav-dropdown-list-2.shadow-three.mobile-shadow-hide { box-shadow: none; } .nav-divider-2 { width: 200px; max-width: 100%; height: 1px; margin-top: 10px; margin-bottom: 10px; } .nav-link-accent-2 { margin-right: 5px; padding-top: 10px; padding-bottom: 10px; display: inline-block; } .mobile-margin-top-11 { margin-top: 10px; } .waves---nav-container-2 { padding-left: 12px; padding-right: 12px; } .footer-content_1 { grid-column-gap: 48px; grid-row-gap: 48px; padding: 60px 48px; } .logo_text-area { grid-column-gap: 40px; grid-row-gap: 40px; } .logo_footer { width: 160px; } .footer-subscribe { padding-left: 15px; padding-right: 15px; } .footer-form-container-two { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .footer-form-title { margin-right: 0; } .footer-form-block-two { width: 100%; margin-top: 20px; } .footer-form-input { width: 100%; } .footer-wrapper-three { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: flex-end; align-items: flex-start; padding-bottom: 16px; } .footer-block-three { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: grid; } .footer-link-three { margin-bottom: 0; } .footer-social-block-three { margin-top: 10px; } .footer-bottom { flex-flow: row; justify-content: space-between; align-items: flex-end; padding-top: 16px; } .footer-copyright { font-size: 14px; line-height: 20px; } .footer-legal-block { margin-top: 0; margin-left: 0; } .footer-legal-link { margin-left: 0; font-size: 14px; line-height: 20px; } .home-hero-content { background-size: auto 560px; padding-top: 60px; padding-left: 48px; padding-right: 48px; } .card_home-about { grid-column-gap: 40px; grid-row-gap: 40px; height: auto; padding: 32px; } .services-card_btn { grid-column-gap: 24px; grid-row-gap: 24px; } .services-block { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .team-cards { grid-column-gap: 16px; grid-row-gap: 16px; } .gallery-cards-main { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .work-card { height: 320px; } .image-10 { max-height: none; } .gallery-slider { padding: 60px 15px; } .gallery-slide { margin-left: 10px; margin-right: 10px; } .gallery-slide-text { line-height: 30px; } .gallery-slider-left { left: -20px; } .gallery-slider-right { right: -20px; } .team-slider { padding: 60px 15px; } .waves---main-container-2 { padding-left: 16px; padding-right: 16px; } .waves---section-medium-2 { padding-top: 80px; padding-bottom: 80px; } .waves---heading-2-no-margins-2 { font-size: 44px; line-height: 125%; } .waves---main-container-3 { padding-left: 16px; padding-right: 16px; } .waves---section-medium-3 { padding-top: 80px; padding-bottom: 80px; } .waves-master-gallery-1 { max-width: 390px; margin-left: auto; margin-right: auto; } .waves-grid-gallery-1 { grid-template-columns: 1fr; } .waves---subtitle { font-size: 22px; line-height: 34px; } .waves---main-container-4 { padding-left: 16px; padding-right: 16px; } .waves---section-medium-4 { padding-top: 80px; padding-bottom: 80px; } .waves---heading-2-no-margins-3 { font-size: 44px; line-height: 125%; } .services-cards-list { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: 320px 320px 320px 320px; } .service-card { padding: 24px; } .cta_green { padding: 60px 32px; } .why-block-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .card_m { grid-column-gap: 16px; grid-row-gap: 16px; } .why-card-img { height: 420px; } .implant-steps { flex-flow: column; display: flex; } .services-cards-block { grid-template-rows: 460px 460px; display: flex; } .card-l { padding: 24px; } .cards-list { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: minmax(240px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr); } .card_white { padding: 16px; } .img_tablet { height: 420px; } .treatment_steps { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: 540px 480px; display: flex; } .surgery-services-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .surgery-card { grid-column-gap: 24px; grid-row-gap: 24px; } .wisdom-tooth-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; } .wisdom-tooth-info { padding: 32px; } .wisdom-tooth-img { height: 420px; } .extraction-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: minmax(340px, 1fr) minmax(340px, 1fr) minmax(340px, 1fr); display: flex; } .aest-card { padding: 16px; } .preparation-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; padding: 32px; display: flex; } .preparation-card { padding-bottom: 32px; } .flex-block-3 { grid-column-gap: 24px; grid-row-gap: 24px; } .operation-cards, .check-up-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .icon-card-small { grid-column-gap: 32px; grid-row-gap: 32px; min-height: auto; padding-top: 16px; } .inner-content { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: flex-start; align-items: flex-start; height: auto; min-height: auto; } .why-check-wrapper { padding: 40px 32px; } .check-content-cards, .check-team-cards { grid-column-gap: 16px; grid-row-gap: 16px; } .aest-need-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto auto auto; display: flex; } .aest-_img { display: none; } .aest-type-wrapper { padding: 40px 32px; } .type-cards-block { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: 320px 320px; display: flex; } .type-card { padding: 24px; } .type-img { height: 480px; } .aest-steps-block { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .indications-block { grid-column-gap: 32px; grid-row-gap: 32px; padding: 32px 24px; } .method-card, .method-card.attention { grid-column-gap: 24px; grid-row-gap: 24px; padding: 32px; } .whit-benefits-cards { flex-flow: column; display: flex; } .abot-prosthetic-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .prosthetic-card { grid-column-gap: 48px; grid-row-gap: 48px; padding: 24px; } .prosthetic-img { height: 320px; } .prosthetic-card-_badge { grid-column-gap: 48px; grid-row-gap: 48px; padding: 24px; } .microprosthetics_block, .microprosthetics_block.removable { grid-column-gap: 16px; grid-row-gap: 16px; } .microprosthetics_card { padding: 40px 24px; } .vinir-img { height: 360px; } .crowns-block, .crowns-block.implan { grid-column-gap: 16px; grid-row-gap: 16px; } .crowns_card { padding: 40px 24px; } .crowns_img { height: 360px; } .prosthetics-steps-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .contact-form-content-wrapper, .contact-info-block { grid-column-gap: 40px; grid-row-gap: 40px; } .contact-form { padding: 32px; } .waves---main-container-5 { padding-left: 16px; padding-right: 16px; } .waves---section-medium-5 { padding-top: 80px; padding-bottom: 80px; } .waves---heading-2-no-margins-4 { font-size: 44px; line-height: 125%; } .location-cards { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: minmax(160px, 1fr) minmax(160px, 1fr); grid-template-columns: 1fr 1fr; } .link-block._2 { min-height: 160px; } .info-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .info-card_contact { grid-column-gap: 24px; grid-row-gap: 24px; padding-top: 32px; padding-bottom: 32px; } .hyg-steps-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .navbar-logo-left-container-3 { max-width: 100%; } .navbar-brand-3 { padding-left: 0; } .nav-menu-two-3 { border-radius: 20px; flex-direction: column; padding-bottom: 30px; } .nav-link-3 { padding-top: 10px; padding-bottom: 10px; display: inline-block; } .nav-dropdown-3 { flex-direction: column; align-items: center; display: flex; } .nav-dropdown-toggle-3 { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-list-3.shadow-three { box-shadow: 0 8px 50px #0000000d; } .nav-dropdown-list-3.shadow-three.w--open { position: relative; } .nav-dropdown-list-3.shadow-three.mobile-shadow-hide { box-shadow: none; } .nav-divider-3 { width: 200px; max-width: 100%; height: 1px; margin-top: 10px; margin-bottom: 10px; } .nav-link-language { margin-right: 5px; padding-top: 10px; padding-bottom: 10px; display: inline-block; } .mobile-margin-top-12 { margin-top: 10px; } .waves---nav-container-3 { padding-left: 12px; padding-right: 12px; } .navbar-logo-left-container-4 { max-width: 100%; } .navbar-logo-left-container-4.shadow-three { padding-top: 24px; padding-bottom: 24px; } .navbar-brand-4 { max-width: 140px; padding-left: 0; } .nav-menu-two-4 { grid-column-gap: 16px; grid-row-gap: 16px; border-radius: 0; flex-direction: column; padding-bottom: 48px; } .nav-link-4 { padding-top: 10px; padding-bottom: 10px; display: inline-block; } .nav-dropdown-4 { flex-direction: column; align-items: center; display: flex; } .nav-dropdown-toggle-4 { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-list-4.shadow-three { box-shadow: 0 8px 50px #0000000d; } .nav-dropdown-list-4.shadow-three.w--open { position: relative; } .nav-dropdown-list-4.shadow-three.mobile-shadow-hide { box-shadow: none; } .nav-divider-4 { width: 60%; max-width: none; height: 1px; margin: 10px auto; } .nav-link-accent-3 { margin-right: 5px; padding-top: 10px; padding-bottom: 10px; display: inline-block; } .mobile-margin-top-13 { margin-top: 10px; } .list-item-3, .list-item-4 { display: none; } .list-item-6 { align-self: stretch; } .team-cards-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto auto auto auto auto; grid-template-columns: 1fr 1fr; } .section-2 { background-color: var(--red); height: 100vh; } ._404-section { padding-top: var(--section_padding-m); padding-bottom: var(--section_padding-m); } ._404-wrapper { grid-column-gap: 32px; grid-row-gap: 32px; display: flex; } ._404-img { width: 100%; } .gallery-scroll { padding: 60px 15px; } .waves---main-container-6 { padding-left: 16px; padding-right: 16px; } .waves---section-medium-6 { padding-top: 80px; padding-bottom: 80px; } .waves---heading-2-no-margins-5 { font-size: 44px; line-height: 125%; } .waves---main-container-7 { padding-left: 16px; padding-right: 16px; } .waves---section-medium-7 { padding-top: 80px; padding-bottom: 80px; } .waves---heading-2-no-margins-6 { font-size: 44px; line-height: 125%; } .price-list-_pg:where(.w-variant-e5d47156-1625-4734-0914-26c5d8032b35) { padding-left: 24px; } .about-cards { grid-column-gap: 16px; grid-row-gap: 16px; } .about-card { padding: 24px; } .about-card-title { grid-column-gap: 24px; grid-row-gap: 24px; } .clinic-about-wrapper { justify-content: flex-start; align-items: flex-start; } .img-clinic { width: 100%; min-height: 320px; } .about-benefits-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .gallery-overview, .gallery-scroll-2, .gallery-slider-2 { padding: 60px 15px; } .gallery-slide-2 { margin-left: 10px; margin-right: 10px; } .gallery-slide-text-2 { line-height: 30px; } .gallery-slider-left-2 { left: -20px; } .gallery-slider-right-2 { right: -20px; } .waves---main-container-8 { padding-left: 16px; padding-right: 16px; } .waves---section-medium-8 { padding-top: 80px; padding-bottom: 80px; } .waves-master-gallery-4 { max-width: 390px; margin-left: auto; margin-right: auto; } .waves-grid-gallery-2 { grid-template-columns: 1fr; } } @media screen and (max-width: 479px) { body { --font-family: "Noto Sans", sans-serif; --black: #0f0f0f; --section_padding-s: 24px; --section_padding-m: 50px; --dark-green: #173f37; --green-20: #1c4b421a; --primary-green: #1c4b42; --h1: 40px; --white: white; --h2: 32px; --accent-green: #c4ec5b; --border-radius-main: 16px; --h3: 26px; --h4: 22px; --h5: 20px; --section-padding-xs: 16px; --beige: #f9f8f4; --section_header-gap: 40px; --green_grey: #bfcbc9; --light-green: #b9de57; --section_padding-l: 100px; --display: 46px; --waves-library--white\: white; --waves-library--black\: #131313; --beige-20: #f9f8f433; --waves-library--dark-elevation\: #ede0d8; --beige-10: #ffffff1a; --beige-5: #f9f8f40d; --h1inner: 40px; --red: #b92500; --accent-green-10: #c4ec5b66; --waves-library--background\: #faebe3; } .section_hero { padding-bottom: var(--section_padding-m); } .h1.white { line-height: 110%; } .h2.center.green { text-align: center; } .h2.green, .text-body { text-align: left; } .button_primary { justify-content: center; align-items: center; display: flex; } .hero_h1_content { grid-column-gap: 12px; grid-row-gap: 12px; } .hero_img { height: 260px; display: block; } .tags-list, .hygiene-about-content { grid-column-gap: 16px; grid-row-gap: 16px; } .image { height: 260px; } .big-card { grid-column-gap: 40px; grid-row-gap: 40px; padding: 32px 24px; } .icon-block { width: 48px; min-width: 48px; height: 48px; min-height: 48px; } .about-hygiene, .heading-area { grid-column-gap: 16px; grid-row-gap: 16px; } .cards-block_why-needed { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .card_why-needed { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: flex-start; align-items: flex-start; padding: 24px; } .steps_cards_block { flex-flow: column; display: flex; } .steps_card { grid-column-gap: 40px; grid-row-gap: 40px; padding: 16px; } .inner-card { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: flex-start; align-items: flex-start; height: auto; } .price-item { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; } .price:where(.w-variant-e5d47156-1625-4734-0914-26c5d8032b35), .text-l-bold.green { justify-content: space-between; align-items: center; display: flex; } .div-block { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: row; justify-content: space-between; align-items: center; } .item-price { padding-bottom: 0; } .flex-block { justify-content: space-between; align-items: flex-start; } .text-l.accent-green { margin-top: 0; margin-bottom: 0; } .cta_block { height: 520px; padding-left: 24px; padding-right: 24px; } .cta-content-text { grid-column-gap: 16px; grid-row-gap: 16px; } .benefits-cards-block { flex-flow: column; display: flex; } .benefit-card { grid-column-gap: 32px; grid-row-gap: 32px; padding: 24px; } .container-2 { max-width: none; } .nav-menu-two { flex-direction: column; } .outline-button.nav { display: inline-block; } .waves---nav-cta { display: none; } .div-block-5 { justify-content: center; align-items: center; display: flex; } .waves---section-medium { padding-top: 64px; padding-bottom: 64px; } .waves---heading-2-no-margins { font-size: 34px; } .waves---expandable-item { justify-content: space-between; align-items: flex-start; padding-top: 24px; padding-bottom: 24px; } .waves---expandable-content { flex: 0 auto; max-width: none; } .waves---expand-line { flex: none; } .waves---expand-line.vertical { transform-origin: 50%; flex: none; } .waves---expand-icon-wrap { flex: none; } .waves-expanded-text { font-size: 16px; line-height: 24px; } .container-3 { max-width: none; } .nav-menu-two-2 { flex-direction: column; } .container-4 { max-width: none; } .waves---nav-cta-2 { display: none; } .footer-content_1 { padding: 48px 24px; } .logo_text-area { grid-column-gap: 32px; grid-row-gap: 32px; } .logo_footer { width: 140px; } .footer-slogan-block { grid-column-gap: 24px; grid-row-gap: 24px; } .container-5 { max-width: none; } .footer-form-two { padding: 20px; } .footer-form-block-two { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .footer-form-input { margin-bottom: 10px; padding-right: 20px; } .button-primary-3.footer-form-button { position: relative; right: 0; } .footer-wrapper-three { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .footer-block-three { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .footer-social-block-three { grid-column-gap: 20px; grid-row-gap: 20px; } .footer-bottom { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: space-between; align-items: stretch; } .footer-legal-block { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: space-between; align-items: center; } .home-hero-content { background-position: 100% 100%; background-size: auto 400px; justify-content: space-between; align-items: flex-start; height: 760px; padding: 48px 24px 24px; } .trust_bar { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: space-between; align-self: auto; align-items: center; padding: 16px; display: flex; } .text-s { font-size: 12px; } .text-s.green { font-size: 14px; } .text-s.green.medium { font-weight: 600; } .text-s.green.medium.tag, .text-s.green.medium._14 { font-size: 14px; font-weight: 500; } .image-6 { height: 260px; } .card_home-about { grid-column-gap: 48px; grid-row-gap: 48px; padding: 40px 24px; } .about-hero-pg-card { grid-column-gap: 24px; grid-row-gap: 24px; } .title { grid-column-gap: 16px; grid-row-gap: 16px; } .services-card_btn { padding: 24px; } .img-card { height: 260px; display: inline-flex; } .heading-area_btn { grid-column-gap: 32px; grid-row-gap: 32px; justify-content: space-between; align-items: flex-start; } .title-area-left { grid-column-gap: 8px; grid-row-gap: 8px; } .team-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-left: 16px; padding-right: 16px; display: flex; } .member-team-badge { height: auto; min-height: 100px; } .testimonial-block { padding: 40px 24px; } .review-text { grid-column-gap: 8px; grid-row-gap: 8px; } .review-heading-areaa { grid-column-gap: 24px; grid-row-gap: 24px; } .testemon_img, .gallery-cards-main { width: 100%; } .work-card { height: 240px; } .container-6 { max-width: none; } .gallery-wrapper { grid-template-columns: 1fr; } .gallery-slide-wrapper { max-width: 100%; margin-right: 0%; } .gallery-slider-left { left: -20px; } .gallery-slider-right { right: -20px; } .centered-heading { margin-bottom: 24px; } .team-slide-wrapper { width: 100%; margin-right: 0%; } .waves---section-medium-2 { padding-top: 64px; padding-bottom: 64px; } .waves---heading-2-no-margins-2 { font-size: 34px; } .waves---heading-3-no-margins { font-size: 22px; } .waves---section-medium-3 { padding-top: 64px; padding-bottom: 64px; } .work-card2 { height: 240px; } .waves---subtitle { font-size: 20px; } .waves---section-medium-4 { padding-top: 64px; padding-bottom: 64px; } .waves---heading-2-no-margins-3 { font-size: 34px; } .waves---heading-3-no-margins-2 { font-size: 22px; } .waves-bottom-gird-gallery-3 { grid-template-columns: .8fr 1.2fr .7fr; height: 30vh; } .waves-top-grid-gallery-3 { grid-template-columns: .7fr 1.2fr .8fr; height: 30vh; margin-bottom: 16px; } .waves-small-image-wrap-gallery-3.last-image-top-grid { display: none; } .work-card-3 { background-position: 50%; background-size: cover; height: 240px; } .services-cards-list { flex-flow: column; display: flex; } .service-card { grid-column-gap: 32px; grid-row-gap: 32px; padding: 24px; } .service-card-title { justify-content: space-between; align-items: stretch; } .service-img-card { height: 240px; display: inline-flex; } .cta_green { height: auto; min-height: 480px; padding: 48px 24px; } .card_m { grid-column-gap: 24px; grid-row-gap: 24px; padding: 24px; } .why-card-img { height: 320px; } .implant-steps { flex-flow: column; display: flex; } .services-cards-block { display: flex; } .card-l { grid-column-gap: 24px; grid-row-gap: 24px; padding: 32px 24px; } .cards-list { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .card_white { padding: 16px; } .img_why_block, .img_tablet { height: 260px; } .treatment_steps { flex-flow: column; display: flex; } .wisdom-tooth-info { padding: 24px; } .wisdom-tooth-img { height: 320px; } .extraction-cards { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; display: flex; } .preparation-wrapper { padding: 16px; } .step-card-l { grid-column-gap: 32px; grid-row-gap: 32px; padding: 24px 24px 32px; } .currency:where(.w-variant-e5d47156-1625-4734-0914-26c5d8032b35) { justify-content: space-between; align-items: center; display: flex; } .why-check-wrapper { padding-left: 16px; padding-right: 16px; } .check-content-cards { flex-flow: column; display: flex; } .check-card { grid-column-gap: 8px; grid-row-gap: 8px; padding: 16px; } .check-team-cards { flex-flow: column; display: flex; } .h1_inner { line-height: 120%; } .aest-need-cards { flex-flow: column; display: flex; } .aest-_img { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; height: 200px; display: inline-grid; } .aest-type-wrapper { padding: 40px 16px; } .type-cards-block { flex-flow: column; display: flex; } .type-card { grid-column-gap: 8px; grid-row-gap: 8px; padding: 16px; } .type-img { height: 320px; } .indications-block { grid-column-gap: 32px; grid-row-gap: 32px; padding: 32px 16px 16px; } .indications-block.contrindication { grid-column-gap: 32px; grid-row-gap: 32px; } .indikation-text { padding: 16px; } .method-card, .method-card.attention { padding: 24px; } .prosthetic-card { grid-column-gap: 48px; grid-row-gap: 48px; padding: 32px 16px; } .prosthetic-img { height: 260px; } .prosthetic-card-_badge { grid-column-gap: 48px; grid-row-gap: 48px; padding: 32px 16px; } .microprosthetics_block { grid-column-gap: 16px; grid-row-gap: 16px; } .microprosthetics_card { padding: 40px 16px; } .vinir-img { height: 260px; } .crowns-block { grid-column-gap: 16px; grid-row-gap: 16px; } .crowns_card { padding-left: 16px; padding-right: 16px; } .crowns_img { height: 260px; } .contacts { grid-column-gap: 16px; grid-row-gap: 16px; } .contact-form { padding: 40px 24px; } .waves---section-medium-5 { padding-top: 64px; padding-bottom: 64px; } .waves---heading-2-no-margins-4 { font-size: 34px; } .waves---2-inputs { grid-row-gap: 24px; grid-template-columns: 1fr; } .contact-info-blocks { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; } .contacts-block { grid-column-gap: 24px; grid-row-gap: 24px; } .phone, .phone.mail { justify-content: space-between; align-items: center; } .location-cards { display: flex; } .link-block, .link-block._2 { min-height: 220px; } .info-card_contact, .info-card_contact.accent { padding: 32px 24px; } .container-8 { max-width: none; } .nav-menu-two-3 { flex-direction: column; } .waves---nav-cta-3 { display: none; } .navbar-logo-left-container-4.shadow-three { padding-top: 16px; padding-bottom: 16px; } .container-9 { max-width: none; } .navbar-brand-4, .navbar-brand-4.w--current { max-width: 120px; } .nav-menu-two-4 { grid-column-gap: 16px; grid-row-gap: 16px; border-radius: 0; flex-direction: column; margin-top: 0; } .nav-divider-4 { width: 60%; margin-left: auto; margin-right: auto; } .list-item-6 { align-self: stretch; } .team-cards-wrapper { flex-flow: column; padding-left: 16px; padding-right: 16px; display: flex; } ._404-wrapper { grid-column-gap: 32px; grid-row-gap: 32px; } .heading-2 { font-size: 140px; } .flex-block-8 { grid-column-gap: 16px; grid-row-gap: 16px; } ._404-img { height: 240px; } .team-member-card { min-height: 440px; padding: 16px; } .container-10 { max-width: none; } .gallery-wrapper-2 { grid-template-columns: 1fr; } .waves---section-medium-6 { padding-top: 64px; padding-bottom: 64px; } .waves---heading-2-no-margins-5 { font-size: 34px; } .waves---expandable-content-2 { flex: 0 auto; max-width: none; } .waves---expand-line-2 { flex: none; } .waves---expand-line-2.vertical { transform-origin: 50%; flex: none; } .waves---expand-icon-wrap-2 { flex: none; } .waves-expanded-text-2 { font-size: 16px; line-height: 24px; } .waves---section-medium-7 { padding-top: 64px; padding-bottom: 64px; } .waves---heading-2-no-margins-6 { font-size: 34px; } .waves---expandable-content-3 { flex: 0 auto; max-width: none; } .waves---expand-line-3 { flex: none; } .waves---expand-line-3.vertical { transform-origin: 50%; flex: none; } .waves---expand-icon-wrap-3 { flex: none; } .waves-expanded-text-3 { font-size: 16px; line-height: 24px; } .tab-link { margin-top: 8px; margin-bottom: 8px; margin-right: 0; } .tab-link.w--current { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-top: 8px; margin-bottom: 8px; margin-right: 0; display: block; } .price-list-_pg { grid-column-gap: 8px; grid-row-gap: 8px; } .price-list-_pg:where(.w-variant-e5d47156-1625-4734-0914-26c5d8032b35) { padding-left: 24px; } .prices:where(.w-variant-e5d47156-1625-4734-0914-26c5d8032b35) { justify-content: space-between; align-items: center; } .about-cards { display: flex; } .about-card { grid-column-gap: 64px; grid-row-gap: 64px; padding: 24px; } .about-img { min-height: 360px; } .info-card-about { padding-left: 24px; padding-right: 24px; } .img-clinic { min-height: 260px; } .image-25 { object-fit: cover; height: 260px; display: inline-flex; } .container-11 { max-width: none; } .gallery-wrapper-3 { grid-template-columns: 1fr; } .gallery-slide-wrapper-2 { max-width: 100%; margin-right: 0%; } .gallery-slider-left-2 { left: -20px; } .gallery-slider-right-2 { right: -20px; } .waves---section-medium-8 { padding-top: 64px; padding-bottom: 64px; } .icon-3, .icon-4, .icon-5 { font-size: 28px; } .made-by { justify-content: flex-start; align-items: center; display: flex; } } #w-node-e4a0bf94-15d3-7182-87cb-dfd9816a9542-b7aab553 { grid-area: 1 / 1 / 2 / 2; } #w-node-d5e740be-2efe-57ac-e509-85291c4ebdd9-b7aab553 { align-self: end; } #w-node-ad7ba9bb-1ec9-1d6d-0488-f8506813ae72-b7aab553, #w-node-ad7ba9bb-1ec9-1d6d-0488-f8506813ae7a-b7aab553, #w-node-ad7ba9bb-1ec9-1d6d-0488-f8506813ae82-b7aab553, #w-node-ad7ba9bb-1ec9-1d6d-0488-f8506813ae8a-b7aab553 { align-self: auto; } #w-node-_20d72714-9e58-6bc1-4f41-a2e41a68aea4-1a68aea0 { grid-area: 1 / 1 / 2 / 3; } #w-node-_20d72714-9e58-6bc1-4f41-a2e41a68aeaf-1a68aea0 { grid-area: 1 / 3 / 2 / 5; justify-self: end; } #w-node-_8c76aa75-8fe6-b93a-0cf0-5484f9e95c76-f9e95c6b { grid-area: 2 / 3 / 3 / 4; } #w-node-_8c76aa75-8fe6-b93a-0cf0-5484f9e95c81-f9e95c6b { grid-area: 1 / 3 / 2 / 4; } #w-node-_0eff6495-982a-b207-52fd-2a31fa34a460-f9e95c6b { grid-area: 1 / 2 / 3 / 3; place-self: stretch stretch; } #w-node-_797f3340-9217-1fef-ebd7-e5075f7efd4e-5f7efd4e { grid-area: 2 / 1 / 3 / 2; } #w-node-b39697cf-6c87-ab34-8e74-6af3df85f0c4-df85f0c3 { grid-area: 1 / 1 / 2 / 3; place-self: stretch stretch; } #w-node-_7cc5d170-4a74-310c-3248-680fa1d0ee2b-53fe4742 { grid-area: 2 / 2 / 4 / 3; } #w-node-_722aa69c-281a-e4b6-ffa1-07d3a84a4650-cb614600, #w-node-_722aa69c-281a-e4b6-ffa1-07d3a84a4658-cb614600, #w-node-_722aa69c-281a-e4b6-ffa1-07d3a84a4660-cb614600, #w-node-_722aa69c-281a-e4b6-ffa1-07d3a84a4668-cb614600 { align-self: auto; } #w-node-_53d7192f-a234-ccc0-2eb9-ff3e69e8b30e-ba34014d { grid-area: 1 / 2 / 4 / 3; } #w-node-_584b15d2-567f-5137-21ed-890bbddd5912-dc8196d9 { justify-self: auto; } #w-node-_6e842e85-21ef-6488-845a-22a00083584b-cc7aa0c7, #w-node-_03714fb0-5e17-cd8a-7b20-ef87277d889d-cc7aa0c7, #w-node-_53e48c5e-9bbd-313f-c20e-139f1546d7c1-cc7aa0c7, #w-node-_0b443175-e898-b72e-310a-a98873d7955b-cc7aa0c7, #w-node-a98d1f7d-795c-3080-9231-d23eaeebe927-cc7aa0c7, #w-node-f4ddb88f-8b1c-1cc8-ed3e-fa57d0ec91ee-cc7aa0c7, #w-node-_40eca921-e901-9804-4383-b4ada8790a9f-cc7aa0c7, #w-node-ba370b1e-d254-5ef3-4e3a-491eee7f9e83-cc7aa0c7, #w-node-f639e115-a518-9591-26a9-02ee2dac36d4-cc7aa0c7, #w-node-_0482dc9f-6321-4826-1c1c-449c5595a3c0-cc7aa0c7, #w-node-_147f646f-9977-b275-5573-41d8c72ab551-cc7aa0c7, #w-node-d11861fb-63a4-0671-1ea8-0055ce6109c5-cc7aa0c7 { align-self: auto; } #w-node-e4a0bf94-15d3-7182-87cb-dfd9816a9542-5a47d0fa { grid-area: 1 / 1 / 2 / 2; } #w-node-d5e740be-2efe-57ac-e509-85291c4ebdd9-5a47d0fa { align-self: end; } #w-node-_78257483-f8d4-fa76-025b-bd0b3d05f707-5a47d0fa { grid-area: 1 / 1 / 2 / 3; place-self: stretch stretch; } #w-node-a1a98035-062e-5339-0144-da8041eff115-5a47d0fa { grid-area: 2 / 3 / 3 / 4; } #w-node-fb2d3f80-b234-419e-06c2-72cfc6703816-5a47d0fa { grid-area: 1 / 2 / 3 / 3; place-self: stretch stretch; } #w-node-c9453e8e-b7dc-4df1-510b-2d73381ef8c2-5a47d0fa { grid-area: 1 / 3 / 2 / 4; } #w-node-_1369385e-80a6-d7c7-05c8-fbcd9d1cf6a9-5a47d0fa, #w-node-_1cb0ff31-90e7-0dc2-1c83-e3a8ba9d8421-5a47d0fa, #w-node-_0068cef4-6cf8-6a15-b01d-94e362efe4b3-5a47d0fa, #w-node-_7b23564f-6705-3604-aa47-deb98e4ff3fd-5a47d0fa { align-self: auto; } #w-node-_4934df82-4077-0164-2aea-bd3b0214a5fd-0214a5f9 { grid-area: 1 / 1 / 2 / 3; } #w-node-_4934df82-4077-0164-2aea-bd3b0214a608-0214a5f9 { grid-area: 1 / 3 / 2 / 5; justify-self: end; } #w-node-_7cc5d170-4a74-310c-3248-680fa1d0ee2b-bca69506 { grid-area: 2 / 2 / 4 / 3; } #w-node-_8b6d02ad-14db-d669-1b88-8d66c5792f7a-c58ff673, #w-node-_8b6d02ad-14db-d669-1b88-8d66c5792f82-c58ff673, #w-node-_8b6d02ad-14db-d669-1b88-8d66c5792f8a-c58ff673, #w-node-_8b6d02ad-14db-d669-1b88-8d66c5792f92-c58ff673 { align-self: auto; } #w-node-_53d7192f-a234-ccc0-2eb9-ff3e69e8b30e-1ad42952 { grid-area: 1 / 2 / 4 / 3; } #w-node-_584b15d2-567f-5137-21ed-890bbddd5912-b3cf9b4d { justify-self: auto; } #w-node-_6e842e85-21ef-6488-845a-22a00083584b-7d4e7c54, #w-node-_03714fb0-5e17-cd8a-7b20-ef87277d889d-7d4e7c54, #w-node-_53e48c5e-9bbd-313f-c20e-139f1546d7c1-7d4e7c54, #w-node-_0b443175-e898-b72e-310a-a98873d7955b-7d4e7c54, #w-node-a98d1f7d-795c-3080-9231-d23eaeebe927-7d4e7c54, #w-node-f4ddb88f-8b1c-1cc8-ed3e-fa57d0ec91ee-7d4e7c54, #w-node-_40eca921-e901-9804-4383-b4ada8790a9f-7d4e7c54, #w-node-ba370b1e-d254-5ef3-4e3a-491eee7f9e83-7d4e7c54, #w-node-f639e115-a518-9591-26a9-02ee2dac36d4-7d4e7c54, #w-node-_0482dc9f-6321-4826-1c1c-449c5595a3c0-7d4e7c54, #w-node-_147f646f-9977-b275-5573-41d8c72ab551-7d4e7c54, #w-node-_47bd5f30-aa8b-8b68-cbc1-1c06c6cae678-7d4e7c54 { align-self: auto; } #w-node-e4a0bf94-15d3-7182-87cb-dfd9816a9542-3356b97c { grid-area: 1 / 1 / 2 / 2; } #w-node-d5e740be-2efe-57ac-e509-85291c4ebdd9-3356b97c { align-self: end; } #w-node-_78257483-f8d4-fa76-025b-bd0b3d05f707-3356b97c { grid-area: 1 / 1 / 2 / 3; place-self: stretch stretch; } #w-node-a1a98035-062e-5339-0144-da8041eff115-3356b97c { grid-area: 2 / 3 / 3 / 4; } #w-node-fb2d3f80-b234-419e-06c2-72cfc6703816-3356b97c { grid-area: 1 / 2 / 3 / 3; place-self: stretch stretch; } #w-node-c9453e8e-b7dc-4df1-510b-2d73381ef8c2-3356b97c { grid-area: 1 / 3 / 2 / 4; } #w-node-_3664078c-2a09-99f2-69b0-75949056cc89-9056cc85 { grid-area: 1 / 1 / 2 / 3; } #w-node-_3664078c-2a09-99f2-69b0-75949056cc95-9056cc85 { grid-area: 1 / 3 / 2 / 5; justify-self: end; } #w-node-_6cb36a29-64bb-f187-d7c2-309ae95cbf12-e95cbf07, #w-node-_6cb36a29-64bb-f187-d7c2-309ae95cbf13-e95cbf07, #w-node-_6cb36a29-64bb-f187-d7c2-309ae95cbf17-e95cbf07, #w-node-_6cb36a29-64bb-f187-d7c2-309ae95cbf1a-e95cbf07 { align-self: auto; } #w-node-_7cc5d170-4a74-310c-3248-680fa1d0ee2b-4d99772d { grid-area: 2 / 2 / 4 / 3; } #w-node-_6e451ab6-4174-1041-61e6-6e79391324c7-90d53493, #w-node-_6e451ab6-4174-1041-61e6-6e79391324cf-90d53493, #w-node-_6e451ab6-4174-1041-61e6-6e79391324d7-90d53493, #w-node-_6e451ab6-4174-1041-61e6-6e79391324df-90d53493 { align-self: auto; } #w-node-_53d7192f-a234-ccc0-2eb9-ff3e69e8b30e-b86d9592 { grid-area: 1 / 2 / 4 / 3; } #w-node-_584b15d2-567f-5137-21ed-890bbddd5912-565a47d1 { justify-self: auto; } #w-node-_6e842e85-21ef-6488-845a-22a00083584b-4b0184c2, #w-node-_03714fb0-5e17-cd8a-7b20-ef87277d889d-4b0184c2, #w-node-_53e48c5e-9bbd-313f-c20e-139f1546d7c1-4b0184c2, #w-node-_0b443175-e898-b72e-310a-a98873d7955b-4b0184c2, #w-node-a98d1f7d-795c-3080-9231-d23eaeebe927-4b0184c2, #w-node-f4ddb88f-8b1c-1cc8-ed3e-fa57d0ec91ee-4b0184c2, #w-node-_40eca921-e901-9804-4383-b4ada8790a9f-4b0184c2, #w-node-ba370b1e-d254-5ef3-4e3a-491eee7f9e83-4b0184c2, #w-node-_79d6e902-9e44-7440-0a2b-253a6b4c6f57-4b0184c2, #w-node-f639e115-a518-9591-26a9-02ee2dac36d4-4b0184c2, #w-node-_0482dc9f-6321-4826-1c1c-449c5595a3c0-4b0184c2, #w-node-_147f646f-9977-b275-5573-41d8c72ab551-4b0184c2, #w-node-bdee7e3d-057c-0503-8084-b6c90509dc06-9f0e5e6c, #w-node-bdee7e3d-057c-0503-8084-b6c90509dc0e-9f0e5e6c, #w-node-bdee7e3d-057c-0503-8084-b6c90509dc16-9f0e5e6c, #w-node-bdee7e3d-057c-0503-8084-b6c90509dc1e-9f0e5e6c, #w-node-_2c13f6d1-3a8c-0335-61e9-8b9b3c190bce-6a9ad83a, #w-node-_2c13f6d1-3a8c-0335-61e9-8b9b3c190bd6-6a9ad83a, #w-node-_2c13f6d1-3a8c-0335-61e9-8b9b3c190bde-6a9ad83a, #w-node-_2c13f6d1-3a8c-0335-61e9-8b9b3c190be6-6a9ad83a { align-self: auto; } @media screen and (max-width: 991px) { #w-node-_8c76aa75-8fe6-b93a-0cf0-5484f9e95c6c-f9e95c6b { grid-area: 1 / 1 / 2 / 2; } #w-node-_8c76aa75-8fe6-b93a-0cf0-5484f9e95c76-f9e95c6b, #w-node-_8c76aa75-8fe6-b93a-0cf0-5484f9e95c81-f9e95c6b { grid-column: 2 / 3; } #w-node-_7cc5d170-4a74-310c-3248-680fa1d0ee2b-53fe4742 { grid-row-end: 3; } #w-node-_53d7192f-a234-ccc0-2eb9-ff3e69e8b30e-ba34014d { grid-row-end: 2; } #w-node-d0a2bc2f-a7b7-6cab-f6d9-121e409ea6f6-05ab8edd { grid-area: 2 / 1 / 3 / 3; } #w-node-_878f17e9-f453-e1fa-1b8e-4343e5529d46-5a47d0fa { grid-area: 1 / 1 / 2 / 2; } #w-node-a1a98035-062e-5339-0144-da8041eff115-5a47d0fa, #w-node-c9453e8e-b7dc-4df1-510b-2d73381ef8c2-5a47d0fa { grid-column: 2 / 3; } #w-node-_7cc5d170-4a74-310c-3248-680fa1d0ee2b-bca69506 { grid-row-end: 3; } #w-node-_53d7192f-a234-ccc0-2eb9-ff3e69e8b30e-1ad42952 { grid-row-end: 2; } #w-node-d0a2bc2f-a7b7-6cab-f6d9-121e409ea6f6-e97e8a5a { grid-area: 2 / 1 / 3 / 3; } #w-node-_878f17e9-f453-e1fa-1b8e-4343e5529d46-3356b97c { grid-area: 1 / 1 / 2 / 2; } #w-node-a1a98035-062e-5339-0144-da8041eff115-3356b97c, #w-node-c9453e8e-b7dc-4df1-510b-2d73381ef8c2-3356b97c { grid-column: 2 / 3; } #w-node-_7cc5d170-4a74-310c-3248-680fa1d0ee2b-4d99772d { grid-row-end: 3; } #w-node-_53d7192f-a234-ccc0-2eb9-ff3e69e8b30e-b86d9592 { grid-row-end: 2; } #w-node-d0a2bc2f-a7b7-6cab-f6d9-121e409ea6f6-eead4822, #w-node-_61f01052-3df7-acb1-a832-53f372125f45-9f0e5e6c, #w-node-_61f01052-3df7-acb1-a832-53f372125f45-6a9ad83a, #w-node-_61f01052-3df7-acb1-a832-53f372125f45-b5f68a65 { grid-area: 2 / 1 / 3 / 3; } } @media screen and (max-width: 767px) { #w-node-_3664078c-2a09-99f2-69b0-75949056ccab-9056cc85 { place-self: auto; } #w-node-_3664078c-2a09-99f2-69b0-75949056ccad-9056cc85 { justify-self: auto; } } @media screen and (max-width: 479px) { #w-node-_3664078c-2a09-99f2-69b0-75949056ccab-9056cc85, #w-node-_3664078c-2a09-99f2-69b0-75949056ccad-9056cc85, #w-node-_3664078c-2a09-99f2-69b0-75949056ccb3-9056cc85 { justify-self: auto; } } /* templates/assets/css/cookie-consent.v2.css */ .cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; background-color: var(--primary-green); font-family: var(--font-family); padding: 20px 24px; box-shadow: 0 -2px 16px #0000001f; } .cookie-banner[hidden] { display: none; } .cookie-banner_inner { max-width: 1320px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .cookie-banner_text { color: var(--white); font-size: 15px; line-height: 150%; flex: 1 1 320px; } .cookie-banner_text a { color: var(--light-green); text-decoration: underline; } .cookie-banner_actions { display: flex; gap: 12px; flex-shrink: 0; } /* Обе кнопки намеренно идентичны по размеру, весу и контрасту: выделять "принять" на фоне "отклонить" — тёмный паттерн, который регуляторы ЕС считают нарушением. */ .cookie-banner_button { font-family: var(--font-family); background-color: var(--white); color: var(--dark-green); border: 1px solid var(--white); border-radius: 50px; padding: 12px 28px; font-size: 15px; font-weight: 500; line-height: 150%; letter-spacing: .5px; cursor: pointer; min-width: 130px; } .cookie-banner_button:hover { background-color: var(--light-green); border-color: var(--light-green); } @media screen and (max-width: 767px) { .cookie-banner_inner { flex-direction: column; align-items: stretch; gap: 16px; } /* В колонке flex-basis ложится на высоту, поэтому текст растягивался до 320px и раздувал баннер на пол-экрана. */ .cookie-banner_text { flex: 0 0 auto; } .cookie-banner_actions { flex-direction: column; } .cookie-banner_button { width: 100%; } }