/*!**************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/css/main.scss ***! \**************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&display=swap); /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/the-new-css-reset/css/reset.css ***! \*****************************************************************************************************************************************************************************************************************************************/ /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /*!******************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/css/main.scss (1) ***! \******************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; .pt-1 { padding-top: 0.0625rem; } .pt-2 { padding-top: 0.125rem; } .pt-3 { padding-top: 0.1875rem; } .pt-4 { padding-top: 0.25rem; } .pt-5 { padding-top: 0.3125rem; } .pt-6 { padding-top: 0.375rem; } .pt-7 { padding-top: 0.4375rem; } .pt-8 { padding-top: 0.5rem; } .pt-9 { padding-top: 0.5625rem; } .pt-10 { padding-top: 0.625rem; } .pt-11 { padding-top: 0.6875rem; } .pt-12 { padding-top: 0.75rem; } .pt-13 { padding-top: 0.8125rem; } .pt-14 { padding-top: 0.875rem; } .pt-15 { padding-top: 0.9375rem; } .pt-16 { padding-top: 1rem; } .pt-17 { padding-top: 1.0625rem; } .pt-18 { padding-top: 1.125rem; } .pt-19 { padding-top: 1.1875rem; } .pt-20 { padding-top: 1.25rem; } .pt-25 { padding-top: 1.5625rem; } .pt-30 { padding-top: 1.875rem; } .pt-35 { padding-top: 2.1875rem; } .pt-40 { padding-top: 2.5rem; } .pt-45 { padding-top: 2.8125rem; } .pt-50 { padding-top: 3.125rem; } .pt-55 { padding-top: 3.4375rem; } .pt-60 { padding-top: 3.75rem; } .pt-65 { padding-top: 4.0625rem; } .pt-70 { padding-top: 4.375rem; } .pt-75 { padding-top: 4.6875rem; } .pt-80 { padding-top: 5rem; } .pt-85 { padding-top: 5.3125rem; } .pt-90 { padding-top: 5.625rem; } .pt-95 { padding-top: 5.9375rem; } .pt-100 { padding-top: 6.25rem; } .pt-105 { padding-top: 6.5625rem; } .pt-110 { padding-top: 6.875rem; } .pt-115 { padding-top: 7.1875rem; } .pt-120 { padding-top: 7.5rem; } .pt-125 { padding-top: 7.8125rem; } .pt-130 { padding-top: 8.125rem; } .pt-135 { padding-top: 8.4375rem; } .pt-140 { padding-top: 8.75rem; } .pt-145 { padding-top: 9.0625rem; } .pt-150 { padding-top: 9.375rem; } .pt-155 { padding-top: 9.6875rem; } .pt-160 { padding-top: 10rem; } .pt-165 { padding-top: 10.3125rem; } .pt-170 { padding-top: 10.625rem; } .pt-175 { padding-top: 10.9375rem; } .pt-180 { padding-top: 11.25rem; } .pt-185 { padding-top: 11.5625rem; } .pt-190 { padding-top: 11.875rem; } .pt-195 { padding-top: 12.1875rem; } .pt-200 { padding-top: 12.5rem; } .pt-205 { padding-top: 12.8125rem; } .pt-210 { padding-top: 13.125rem; } .pt-215 { padding-top: 13.4375rem; } .pt-220 { padding-top: 13.75rem; } .pt-225 { padding-top: 14.0625rem; } .pt-230 { padding-top: 14.375rem; } .pt-235 { padding-top: 14.6875rem; } .pt-240 { padding-top: 15rem; } .pt-245 { padding-top: 15.3125rem; } .pt-250 { padding-top: 15.625rem; } .pb-1 { padding-bottom: 0.0625rem; } .pb-2 { padding-bottom: 0.125rem; } .pb-3 { padding-bottom: 0.1875rem; } .pb-4 { padding-bottom: 0.25rem; } .pb-5 { padding-bottom: 0.3125rem; } .pb-6 { padding-bottom: 0.375rem; } .pb-7 { padding-bottom: 0.4375rem; } .pb-8 { padding-bottom: 0.5rem; } .pb-9 { padding-bottom: 0.5625rem; } .pb-10 { padding-bottom: 0.625rem; } .pb-11 { padding-bottom: 0.6875rem; } .pb-12 { padding-bottom: 0.75rem; } .pb-13 { padding-bottom: 0.8125rem; } .pb-14 { padding-bottom: 0.875rem; } .pb-15 { padding-bottom: 0.9375rem; } .pb-16 { padding-bottom: 1rem; } .pb-17 { padding-bottom: 1.0625rem; } .pb-18 { padding-bottom: 1.125rem; } .pb-19 { padding-bottom: 1.1875rem; } .pb-20 { padding-bottom: 1.25rem; } .pb-25 { padding-bottom: 1.5625rem; } .pb-30 { padding-bottom: 1.875rem; } .pb-35 { padding-bottom: 2.1875rem; } .pb-40 { padding-bottom: 2.5rem; } .pb-45 { padding-bottom: 2.8125rem; } .pb-50 { padding-bottom: 3.125rem; } .pb-55 { padding-bottom: 3.4375rem; } .pb-60 { padding-bottom: 3.75rem; } .pb-65 { padding-bottom: 4.0625rem; } .pb-70 { padding-bottom: 4.375rem; } .pb-75 { padding-bottom: 4.6875rem; } .pb-80 { padding-bottom: 5rem; } .pb-85 { padding-bottom: 5.3125rem; } .pb-90 { padding-bottom: 5.625rem; } .pb-95 { padding-bottom: 5.9375rem; } .pb-100 { padding-bottom: 6.25rem; } .pb-105 { padding-bottom: 6.5625rem; } .pb-110 { padding-bottom: 6.875rem; } .pb-115 { padding-bottom: 7.1875rem; } .pb-120 { padding-bottom: 7.5rem; } .pb-125 { padding-bottom: 7.8125rem; } .pb-130 { padding-bottom: 8.125rem; } .pb-135 { padding-bottom: 8.4375rem; } .pb-140 { padding-bottom: 8.75rem; } .pb-145 { padding-bottom: 9.0625rem; } .pb-150 { padding-bottom: 9.375rem; } .pb-155 { padding-bottom: 9.6875rem; } .pb-160 { padding-bottom: 10rem; } .pb-165 { padding-bottom: 10.3125rem; } .pb-170 { padding-bottom: 10.625rem; } .pb-175 { padding-bottom: 10.9375rem; } .pb-180 { padding-bottom: 11.25rem; } .pb-185 { padding-bottom: 11.5625rem; } .pb-190 { padding-bottom: 11.875rem; } .pb-195 { padding-bottom: 12.1875rem; } .pb-200 { padding-bottom: 12.5rem; } .pb-205 { padding-bottom: 12.8125rem; } .pb-210 { padding-bottom: 13.125rem; } .pb-215 { padding-bottom: 13.4375rem; } .pb-220 { padding-bottom: 13.75rem; } .pb-225 { padding-bottom: 14.0625rem; } .pb-230 { padding-bottom: 14.375rem; } .pb-235 { padding-bottom: 14.6875rem; } .pb-240 { padding-bottom: 15rem; } .pb-245 { padding-bottom: 15.3125rem; } .pb-250 { padding-bottom: 15.625rem; } .mb-1 { margin-bottom: 0.0625rem; } .mb-2 { margin-bottom: 0.125rem; } .mb-3 { margin-bottom: 0.1875rem; } .mb-4 { margin-bottom: 0.25rem; } .mb-5 { margin-bottom: 0.3125rem; } .mb-6 { margin-bottom: 0.375rem; } .mb-7 { margin-bottom: 0.4375rem; } .mb-8 { margin-bottom: 0.5rem; } .mb-9 { margin-bottom: 0.5625rem; } .mb-10 { margin-bottom: 0.625rem; } .mb-11 { margin-bottom: 0.6875rem; } .mb-12 { margin-bottom: 0.75rem; } .mb-13 { margin-bottom: 0.8125rem; } .mb-14 { margin-bottom: 0.875rem; } .mb-15 { margin-bottom: 0.9375rem; } .mb-16 { margin-bottom: 1rem; } .mb-17 { margin-bottom: 1.0625rem; } .mb-18 { margin-bottom: 1.125rem; } .mb-19 { margin-bottom: 1.1875rem; } .mb-20 { margin-bottom: 1.25rem; } .mb-25 { margin-bottom: 1.5625rem; } .mb-30 { margin-bottom: 1.875rem; } .mb-35 { margin-bottom: 2.1875rem; } .mb-40 { margin-bottom: 2.5rem; } .mb-45 { margin-bottom: 2.8125rem; } .mb-50 { margin-bottom: 3.125rem; } .mb-55 { margin-bottom: 3.4375rem; } .mb-60 { margin-bottom: 3.75rem; } .mb-65 { margin-bottom: 4.0625rem; } .mb-70 { margin-bottom: 4.375rem; } .mb-75 { margin-bottom: 4.6875rem; } .mb-80 { margin-bottom: 5rem; } .mb-85 { margin-bottom: 5.3125rem; } .mb-90 { margin-bottom: 5.625rem; } .mb-95 { margin-bottom: 5.9375rem; } .mb-100 { margin-bottom: 6.25rem; } .mb-105 { margin-bottom: 6.5625rem; } .mb-110 { margin-bottom: 6.875rem; } .mb-115 { margin-bottom: 7.1875rem; } .mb-120 { margin-bottom: 7.5rem; } .mb-125 { margin-bottom: 7.8125rem; } .mb-130 { margin-bottom: 8.125rem; } .mb-135 { margin-bottom: 8.4375rem; } .mb-140 { margin-bottom: 8.75rem; } .mb-145 { margin-bottom: 9.0625rem; } .mb-150 { margin-bottom: 9.375rem; } .mb-155 { margin-bottom: 9.6875rem; } .mb-160 { margin-bottom: 10rem; } .mb-165 { margin-bottom: 10.3125rem; } .mb-170 { margin-bottom: 10.625rem; } .mb-175 { margin-bottom: 10.9375rem; } .mb-180 { margin-bottom: 11.25rem; } .mb-185 { margin-bottom: 11.5625rem; } .mb-190 { margin-bottom: 11.875rem; } .mb-195 { margin-bottom: 12.1875rem; } .mb-200 { margin-bottom: 12.5rem; } .mb-205 { margin-bottom: 12.8125rem; } .mb-210 { margin-bottom: 13.125rem; } .mb-215 { margin-bottom: 13.4375rem; } .mb-220 { margin-bottom: 13.75rem; } .mb-225 { margin-bottom: 14.0625rem; } .mb-230 { margin-bottom: 14.375rem; } .mb-235 { margin-bottom: 14.6875rem; } .mb-240 { margin-bottom: 15rem; } .mb-245 { margin-bottom: 15.3125rem; } .mb-250 { margin-bottom: 15.625rem; } .show-more { display: block; cursor: pointer; position: relative; } .show-more--btn { font-size: 1.25rem; font-weight: 500; } .show-more--btn:after { content: ""; display: block; width: 100%; height: 3px; background-color: #007A8F; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .show-more--btn:hover { opacity: 1; } .show-more--btn:hover:after { scale: 1.2; } .show-more--link { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; font-weight: 400; } .show-more--link:hover svg { -webkit-transform: translateX(10px); transform: translateX(10px); } .show-more--link svg { display: block; margin-left: 0.625rem; width: 0.3125rem; height: 0.625rem; fill: #0E3449; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .show-more--arrow { font-size: 1.25rem; color: #0E3449; } .show-more--arrow svg { fill: #0E3449; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .show-more--dashed { color: #007C8E; text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .show-more--dashed:hover { color: #0E3449; text-decoration-style: solid; } .fz--12 { font-size: 0.75rem; } .fz--14 { font-size: 0.875rem; } .fz--16 { font-size: 1rem; } .fz--18 { font-size: 1.125rem; } .fz--20 { font-size: 1.25rem; } .fz--22 { font-size: 1.375rem; } .fz--24 { font-size: 1.5rem; } .fz--28 { font-size: 1.75rem; } .fz--32 { font-size: 2rem; } @media only screen and (max-width: 767.9px) { .fzm--12 { font-size: 0.75rem; } } @media only screen and (max-width: 767.9px) { .fzm--14 { font-size: 0.875rem; } } @media only screen and (max-width: 767.9px) { .fzm--16 { font-size: 1rem; } } @media only screen and (max-width: 767.9px) { .fzm--18 { font-size: 1.125rem; } } @media only screen and (max-width: 767.9px) { .fzm--20 { font-size: 1.25rem; } } @media only screen and (max-width: 767.9px) { .fzm--22 { font-size: 1.375rem; } } @media only screen and (max-width: 767.9px) { .fzm--24 { font-size: 1.5rem; } } @media only screen and (max-width: 767.9px) { .fzm--28 { font-size: 1.75rem; } } @media only screen and (max-width: 767.9px) { .fzm--32 { font-size: 2rem; } } .fw--300 { font-weight: 300; } .fw--400 { font-weight: 400; } .fw--600 { font-weight: 600; } .fw--500 { font-weight: 500; } .fw--700 { font-weight: 700; } .color--dark { color: #0E3449; } .color--green { color: #007C8E; } .body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1rem; line-height: 1.44; font-weight: 300; min-height: 100vh; overflow-x: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-family: "Jost", sans-serif; color: #0E3449; } .breadcrumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; font-size: 0.875rem; font-weight: 300; margin-bottom: 2.5rem; } @media only screen and (max-width: 1199.9px) { .breadcrumbs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 1.125rem; } } @media only screen and (max-width: 767.9px) { .breadcrumbs { margin-bottom: 1.875rem; } } .breadcrumbs__link { position: relative; color: #007A8F; text-decoration: underline; text-underline-offset: 2px; margin-right: 1.28125rem; } .breadcrumbs__link:after { content: "—"; position: absolute; right: -1.125rem; } .breadcrumbs__curr-page { color: #6E7677; } .header { position: fixed; width: 100%; z-index: 999; background-color: #FFFFFF; } @media only screen and (max-width: 767.9px) { .header { position: relative; } } .header-top { background-color: #F2F4F6; padding: 0.6875rem 0; } @media only screen and (max-width: 767.9px) { .header-top { padding: 1.6875rem 0 1.5rem; position: fixed; width: 100%; z-index: 999; } } .header-top__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 49px; } @media only screen and (max-width: 1199.9px) { .header-top__inner { margin-right: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .header-top__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 49px; } @media only screen and (max-width: 767.9px) { .header-top__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } } .header-bottom { background-color: #FFFFFF; padding: 1.25rem 0; border-bottom: 1px solid #F2F4F6; } @media only screen and (max-width: 1199.9px) { .header-bottom { padding: 1.4375rem 0; } } @media only screen and (max-width: 767.9px) { .header-bottom { margin-top: 9.125rem; } } .header-bottom__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; } .header__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; margin-left: auto; padding-left: 0.3125rem; } @media only screen and (max-width: 1199.9px) { .header__nav { display: none; visibility: hidden; } } .header__nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 35.9375rem; } .header__nav-link { font-size: 1rem; font-weight: 400; } .header--min { position: absolute; top: 0; left: 0; width: 100%; height: 3.4375rem; padding: 3.125rem 0; background-color: transparent; } @media only screen and (max-width: 767.9px) { .header--min { padding: 3.4375rem 0; } } @media only screen and (max-width: 767.9px) { .header--min__logo { width: 100% !important; } } .header__toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0.9375rem; } .header__toolbar-btn-call { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 0.3125rem; } .header__toolbar-btn-call-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: #ab1f26; } .header__toolbar-btn-call-icon svg { fill: #FFFFFF; width: 1.125rem; height: 1.125rem; } .header__toolbar-btn-call-text { font-weight: 600; font-size: 1.0625rem; white-space: nowrap; line-height: 1; } .mob-menu { display: none; visibility: hidden; } @media only screen and (max-width: 1199.9px) { .mob-menu { display: block; visibility: visible; } } .mob-menu__burger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: 2rem; height: 2rem; padding: 0.5rem 0.21875rem; } .mob-menu__burger span { display: block; position: relative; width: 1.5625rem; height: 2px; background-color: #2E3A59; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mob-menu__burger span:first-child { width: 50%; -webkit-transition: right 0.4s ease-in-out; transition: right 0.4s ease-in-out; } .mob-menu__burger.active span:first-child { right: -100%; visibility: hidden; display: none; } .mob-menu__burger.active span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0.4375rem; } .mob-menu__burger.active span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0.4375rem; } .mob-menu__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; width: 100%; max-width: 20.625rem; min-height: 35.4375rem; top: 3.375rem; right: -25rem; background-color: #FFFFFF; padding: 3.75rem 1.25rem 2.1875rem; border-radius: 0 0 0 0.625rem; -webkit-box-shadow: -4px 8px 11px -2px rgba(0, 0, 0, 0.2); box-shadow: -4px 8px 11px -2px rgba(0, 0, 0, 0.2); -webkit-transition: right 0.6s ease-in-out; transition: right 0.6s ease-in-out; } @media only screen and (max-width: 767.9px) { .mob-menu__content { top: 9.125rem; } } .mob-menu__content.active { right: 0; } .mob-menu__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0.625rem; padding: 0.75rem 0.9375rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mob-menu__link:hover { background-color: #007C8E; color: #FFFFFF; } .mob-menu__link:hover svg { fill: #FFFFFF; } .mob-menu__link-icon { width: 1rem; height: 1rem; fill: #0E3449; margin-right: 0.9375rem; } .mob-menu__link-leave { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: auto; color: #BDBDBD; } .mob-menu__link-leave svg { width: 1rem; height: 1rem; fill: #BDBDBD; margin-right: 0.875rem; } .service-block__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767.9px) { .service-block__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (max-width: 767.9px) { .service-block__header--mob-row { margin-bottom: 1.875rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } } .service-block__header-btn { width: 15.3125rem !important; height: 3.75rem !important; } @media only screen and (max-width: 767.9px) { .service-block__header-btn { width: 10.625rem !important; height: 3.5625rem !important; } } .service-block__part { margin-bottom: 2.5rem; } .service-block__part:last-child { margin-bottom: 0; } .service-block__text { font-size: 1rem; font-weight: 300; line-height: 1.4; margin-bottom: 1.25rem; } .service-block__text p { margin-bottom: 0.625rem; } .service-block__text p:last-child { margin-bottom: 0; } .service-block__list { font-size: 1rem; font-weight: 300; line-height: 1.4; margin-bottom: 1.25rem; } .service-block__list-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 0 0.3125rem 0; } .service-block__list-item:before { content: ""; margin-right: 0.625rem; width: 0.625rem; height: 0.625rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background-image: url("../assets/images/icon-link.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .service-block__list-item:last-child { margin-bottom: 0; } .columns { gap: 1.875rem 1.875rem; display: grid; grid-auto-flow: dense; grid-template-rows: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } @media only screen and (max-width: 767.9px) { .columns--gap-mob-20 { gap: 1.25rem 1.25rem !important; } } @media only screen and (max-width: 767.9px) { .columns--gap-mob-10 { gap: 0.625rem 0.625rem !important; } } @media only screen and (max-width: 767.9px) { .columns { gap: 0.9375rem; } } .columns__col { position: relative; } .columns__col--1 { grid-column: span 1; } .columns__col--2 { grid-column: span 2; } .columns__col--3 { grid-column: span 3; } .columns__col--4 { grid-column: span 4; } .columns__col--5 { grid-column: span 5; } .columns__col--6 { grid-column: span 6; } .columns__col--7 { grid-column: span 7; } .columns__col--8 { grid-column: span 8; } .columns__col--9 { grid-column: span 9; } .columns__col--10 { grid-column: span 10; } .columns__col--11 { grid-column: span 11; } .columns__col--12 { grid-column: span 12; } @media only screen and (max-width: 1199.9px) { .columns__col-tab--1 { grid-column: span 1; } .columns__col-tab--2 { grid-column: span 2; } .columns__col-tab--3 { grid-column: span 3; } .columns__col-tab--4 { grid-column: span 4; } .columns__col-tab--5 { grid-column: span 5; } .columns__col-tab--6 { grid-column: span 6; } .columns__col-tab--7 { grid-column: span 7; } .columns__col-tab--8 { grid-column: span 8; } .columns__col-tab--9 { grid-column: span 9; } .columns__col-tab--10 { grid-column: span 10; } .columns__col-tab--11 { grid-column: span 11; } .columns__col-tab--12 { grid-column: span 12; } } @media only screen and (max-width: 767.9px) { .columns__col-mob--1 { grid-column: span 1; } .columns__col-mob--2 { grid-column: span 2; } .columns__col-mob--3 { grid-column: span 3; } .columns__col-mob--4 { grid-column: span 4; } .columns__col-mob--5 { grid-column: span 5; } .columns__col-mob--6 { grid-column: span 6; } .columns__col-mob--7 { grid-column: span 7; } .columns__col-mob--8 { grid-column: span 8; } .columns__col-mob--9 { grid-column: span 9; } .columns__col-mob--10 { grid-column: span 10; } .columns__col-mob--11 { grid-column: span 11; } .columns__col-mob--12 { grid-column: span 12; } } .columns__footer { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .column { gap: 1.875rem; } .column--2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } @media only screen and (max-width: 767.9px) { .column--2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .column--3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .column--4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } @media only screen and (max-width: 1199.9px) { .column--4 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media only screen and (max-width: 767.9px) { .column--4 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media only screen and (max-width: 520px) { .column--4 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .column--5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } @media only screen and (max-width: 1199.9px) { .column--5 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media only screen and (max-width: 767.9px) { .column--5 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media only screen and (max-width: 520px) { .column--5 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .fancybox__caption { padding-left: 1.875rem !important; padding-right: 1.875rem !important; } .fancybox__container button[data-fancybox-close] { top: 3.125rem !important; right: 3.125rem !important; color: #0E3449 !important; } @media only screen and (max-width: 767.9px) { .fancybox__container button[data-fancybox-close] { top: 1.875rem !important; right: 1.875rem !important; } } .container { width: 100%; margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 0.9375rem; padding-right: 0.9375rem; } @media only screen and (max-width: 767.9px) { .container { padding-left: 1.4375rem; padding-right: 1.4375rem; } } @media only screen and (max-width: 767.9px) { .container--no-padding { padding-left: 0; padding-right: 0; } } .footer { width: 100%; background-color: #F2F4F6; padding: 3.125rem 0 3.75rem; } .footer__logo { margin-bottom: 2.0625rem; height: auto !important; } @media only screen and (max-width: 1199.9px) { .footer__logo { width: 15.0625rem !important; } } .footer__socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 5.3125rem; margin-bottom: 1.875rem; } @media only screen and (max-width: 1199.9px) { .footer__socials { margin-bottom: 0; } } .footer__socials-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #007C8E; width: 2.125rem; height: 2.125rem; border-radius: 50%; } .footer__socials-icon { max-width: 1.125rem; max-height: 0.75rem; } .footer__contacts { display: block; font-size: 1.125rem; font-weight: 500; margin-bottom: 1.875rem; } @media only screen and (max-width: 1199.9px) { .footer__contacts { margin-bottom: 1.5625rem; } } .footer__privacy { display: block; text-decoration: underline; text-underline-offset: 3px; font-size: 0.875rem; font-weight: 300; margin-bottom: 1.5625rem; } .footer__copyright { font-size: 0.875rem; line-height: 1.2; font-weight: 300; } .footer__menu-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1199.9px) { .footer__menu-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.875rem; } } .footer__menu-list > .footer__menu-item:not(:first-of-type) { margin-right: 1.5625rem; } @media only screen and (max-width: 1199.9px) { .footer__menu-list > .footer__menu-item { width: 47%; } .footer__menu-list > .footer__menu-item:last-of-type { width: 100%; margin-top: 2.5rem; } .footer__menu-list > .footer__menu-item:not(:first-of-type) { margin-right: 0; } } .footer__menu-list--inner .footer__menu-link { display: block; font-size: 0.875rem; font-weight: 300; color: #0E3449; margin-bottom: 0.625rem; } .footer__menu-list--inner .footer__menu-item { width: 100%; } .footer__menu-list--inner-col2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } @media only screen and (max-width: 767.9px) { .footer__menu-list--inner-col2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .footer__menu-item { display: block; } .footer__menu-link { display: block; text-decoration: none; color: #8DA7B6; font-size: 1.125rem; font-weight: 500; margin-bottom: 1.4375rem; } .footer__menu-link:hover { text-decoration: underline; text-underline-offset: 3px; } @media only screen and (max-width: 1199.9px) { .footer__menu-link { margin-bottom: 0.9375rem; } } .footer__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 1199.9px) { .footer__bottom { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .footer__developer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 5rem; } @media only screen and (max-width: 1199.9px) { .footer__developer { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .footer__developer svg { display: block; width: 5.0625rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 1.25rem; } .accent-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 2.625rem 2.625rem 3.4375rem; background-color: #F2F4F6; border-radius: 10px; gap: 7.1875rem; } @media only screen and (max-width: 1199.9px) { .accent-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 0.9375rem; } } @media only screen and (max-width: 767.9px) { .accent-block { padding: 1.25rem 1.875rem; } } .accent-block > p:first-child { width: 20%; } @media only screen and (max-width: 1199.9px) { .accent-block > p:first-child { width: 100%; } } .accent-block > p:last-child { width: 70%; } @media only screen and (max-width: 1199.9px) { .accent-block > p:last-child { width: 100%; } } .accent-block--short { position: relative; height: 15rem; padding: 0.625rem 2.8125rem; overflow: hidden; } @media only screen and (max-width: 767.9px) { .accent-block--short { height: 22.5rem; padding: 1.875rem; } } .accent-block--short__picture { height: 100%; width: auto; max-width: 50%; position: relative; bottom: -0.625rem; } @media only screen and (max-width: 767.9px) { .accent-block--short__picture { position: absolute; bottom: 0; right: 1.25rem; max-width: none; height: calc(120px + 130 * (100vw - 320px) / 447); } } .address { background: #FFFFFF; -webkit-box-shadow: 10px 10px 30px rgba(55, 63, 63, 0.25); box-shadow: 10px 10px 30px rgba(55, 63, 63, 0.25); border-radius: 0.625rem; overflow: hidden; } @media only screen and (max-width: 767.9px) { .address--no-shadow { -webkit-box-shadow: none; box-shadow: none; } } .address__list { height: 23.75rem; overflow-y: scroll; scrollbar-face-color: #007C8E; scrollbar-track-color: #F2F4F6; padding: 0 2.1875rem; margin-right: 0.3125rem; } @media only screen and (max-width: 767.9px) { .address__list { height: 26.5625rem; padding: 1.875rem 2rem 0; margin-right: 1.125rem; margin-top: 0.625rem; } } .address__list::-webkit-scrollbar { width: 6px; } .address__list::-webkit-scrollbar-thumb { background: #007C8E; border-radius: 10px; } .address__list::-webkit-scrollbar-track { background: #F2F4F6; } .address__item { margin-bottom: 1.5625rem; } .address__item:last-child { margin-bottom: 0; } .address__item-title { font-size: 1.25rem; font-weight: 500; margin-bottom: 0.625rem; } @media only screen and (max-width: 767.9px) { .address__item-title { font-size: 1.125rem; } } .address__item-text { display: block; font-size: 0.875rem; line-height: 1.4; font-weight: 300; margin-bottom: 0.625rem; } .address__item-tel { display: block; font-size: 0.875rem; font-weight: 500; } .address__map { margin-left: -1.4375rem; } .address__map iframe { min-height: 28.125rem; } @media only screen and (max-width: 767.9px) { .address__map { margin-left: 0; height: 35.6875rem; } } @media only screen and (max-width: 767.9px) { .address__map--min { min-height: auto; height: 21.5625rem; } } .answer { padding: 2.5rem 0 3.4375rem; } @media only screen and (max-width: 767.9px) { .answer { padding: 5rem 1.4375rem 3.4375rem; } } .answer__title { margin-bottom: 1rem; } .answer__collapse { margin-bottom: 2.375rem; } @media only screen and (max-width: 767.9px) { .answer__collapse { margin-bottom: 1.875rem; } } .answer__collapse-wrapper { border-top: 2px solid #E1E5EA; } .answer__collapse-inner { padding: 0.3125rem 0 1.5625rem; } .answer__trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.25rem; line-height: 1.4; font-weight: 400; padding: 2.0625rem 0 1.25rem !important; } @media only screen and (max-width: 767.9px) { .answer__trigger { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.125rem; } } .answer__trigger p { max-width: 29.375rem; } @media only screen and (max-width: 767.9px) { .answer__trigger p { max-width: 17.5rem; } } .answer__content { font-size: 1rem; line-height: 1.4; font-weight: 300; } .answer__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767.9px) { .answer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .answer__bottom-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; font-weight: 300; font-size: 1rem; letter-spacing: 0.1em; color: #007C8E; } @media only screen and (max-width: 767.9px) { .answer__bottom-link { margin-bottom: 2.5rem; } } .answer__bottom-link svg { width: 1.0625rem; height: 1.0625rem; fill: #007C8E; margin-left: 0.9375rem; } .appointment__collapse-item { margin-bottom: 1.25rem; } .appointment__collapse-trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #F2F4F6; border-radius: 5px; padding: 1.875rem 2.1875rem !important; height: 6.25rem; line-height: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 767.9px) { .appointment__collapse-trigger { padding: 1.875rem 1.75rem; } } .appointment__collapse-trigger.active { background-color: #007C8E; color: #FFFFFF; } .appointment__collapse-trigger.active .appointment__collapse-btn { display: none; } .appointment__collapse-btn { width: 10.3125rem; } @media only screen and (max-width: 767.9px) { .appointment__collapse-btn { display: none; visibility: hidden; position: absolute; } } .appointment__collapse-text { font-size: 1.25rem; font-weight: 500; width: 30%; } @media only screen and (max-width: 767.9px) { .appointment__collapse-text { font-size: 1rem; width: 65%; } } .appointment__collapse-price { font-size: 1.5rem; font-weight: 600; } @media only screen and (max-width: 767.9px) { .appointment__collapse-price { font-size: 1.125rem; } } .appointment__collapse-icon { display: none; width: 1.0625rem; height: 0.6875rem; margin: 0 0 0 7.9375rem; fill: #FFFFFF; } .appointment__collapse-icon.active { display: block; } @media only screen and (max-width: 767.9px) { .appointment__collapse-icon.active { display: none; } } .appointment__collapse-content { background-color: #F2F4F6; border-radius: 5px; } .appointment__collapse-content.collapse-show { margin-top: 1.25rem; } .appointment__collapse-inner { padding: 2.1875rem 6.25rem; } .appointment--inner__collapse-trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 0.9375rem; border-bottom: 1px solid #D0DFE4; } .appointment--inner__collapse-text { font-weight: 300; } .appointment--inner__collapse-icon { fill: #007C8E; width: 0.9375rem; height: 0.625rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .appointment--inner__collapse-icon.active { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .appointment--inner__collapse-inner { margin-top: 3.125rem; } .article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .article__header--pic { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; margin-bottom: 0.5rem; } @media only screen and (max-width: 767.9px) { .article__header--pic { margin-bottom: 1.25rem; } } .article__icon { position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 3.125rem; height: 3.125rem; border-radius: 50%; background-color: #F2F4F6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767.9px) { .article__icon { width: 4.375rem; height: 4.375rem; } } .article__icon svg { width: 1.875rem; height: 1.875rem; } @media only screen and (max-width: 767.9px) { .article__icon svg { width: 3.125rem; height: 3.125rem; } } .article__icon--big { width: 4.375rem; height: 4.375rem; } .article__title { font-weight: 600; font-size: 1.125rem; } @media only screen and (max-width: 767.9px) { .article__title { font-size: 1rem; } } .article__title--big { font-size: 2rem; font-weight: 600; margin-bottom: 0.625rem; } @media only screen and (max-width: 1199.9px) { .article__title--big { font-size: 1.25rem; } } .article__title--green { color: #007C8E; } .article__content, .article__text { font-weight: 300; } .article--big { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .article--big .article__content { padding-left: 4rem; } .article--big .article__text { line-height: 1.5; } @media only screen and (max-width: 767.9px) { .article--big .article__text { margin-top: 0.625rem; } } .article--big .article__header--pic { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .article--align { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .article-address { position: relative; background-color: #F2F4F6; padding: 1.9375rem 2.25rem; border-radius: 10px; height: 11.5625rem; } @media only screen and (max-width: 767.9px) { .article-address { padding: 1.875rem; } } .article-address--wide { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .article-address__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; margin-bottom: 0.75rem; } .article-address__header p { font-size: 1.125rem; font-weight: 500; } @media only screen and (max-width: 767.9px) { .article-address__header p { font-size: 1rem; } } .article-address__popup-trigger { width: 1.5rem; height: 1.5rem; } @media only screen and (max-width: 767.9px) { .article-address__popup-trigger { width: 1.125rem; height: 1.125rem; } } .article-address__tel--big { font-size: 1.5rem; font-weight: 600; color: #007C8E; } @media only screen and (max-width: 767.9px) { .article-address__tel--big { font-size: 1.25rem; } } .article-address address a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-decoration: none; font-weight: 300; width: 10.625rem; } .article-address__popup { display: none; position: absolute; top: 3.4375rem; background-color: #FFFFFF; padding: 2.5rem; -webkit-box-shadow: 10px 10px 30px rgba(55, 63, 63, 0.25); box-shadow: 10px 10px 30px rgba(55, 63, 63, 0.25); z-index: 10; } .article-address__popup-inner { margin-bottom: 1.25rem; } .article-address__popup-inner:last-child { margin-bottom: 0; } .article-address__popup.active { display: block; right: 15%; border-radius: 1.25rem 0 1.25rem 1.25rem; } @media only screen and (max-width: 767.9px) { .article-address__popup.active { top: 3.125rem; } } .article-address__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .article-address__content-info { display: inline-block; max-width: 18.125rem; font-weight: 300; } @media only screen and (max-width: 767.9px) { .article-address--wide__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .article-address__block-scroll { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-flow: row; gap: 1.875rem; max-height: 24.75rem; overflow-y: scroll; overflow-x: hidden; margin: 0 -1.0625rem 1.5625rem 0; padding: 0 0.625rem 6.25rem 0; } @media only screen and (max-width: 767.9px) { .article-address__block-scroll { grid-template-columns: 1fr; } } .article-address__block-scroll::-webkit-scrollbar { width: 6px; } .article-address__block-scroll::-webkit-scrollbar-thumb { background: #0E3449; border-radius: 10px; } .article-address__block-scroll::-webkit-scrollbar-track { background: #F2F4F6; } .article-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; border-radius: 0.625rem; } .article-img:before { content: ""; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background: -webkit-gradient(linear, left top, right top, color-stop(44.32%, #F2F4F6), to(rgba(242, 244, 246, 0))); background: linear-gradient(90deg, #F2F4F6 44.32%, rgba(242, 244, 246, 0) 100%); z-index: 0; } .article-img__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; z-index: 1; } .article-img__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; z-index: -1; } .article-img__bg:before { content: ""; position: absolute; width: 50%; left: 0; top: 0; bottom: 0; background-color: #ffffff; } .article-offr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 23.375rem; border-radius: 0.625rem; overflow: hidden; padding: 2.1875rem; } .article-offr__content { position: relative; z-index: 2; max-width: 70%; } .article-offr__title { color: #007C8E; font-size: 2rem; line-height: 1.1; font-weight: 500; margin-bottom: 1.0625rem; } .article-offr__info { font-size: 1.25rem; } .article-offr__bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .block-links__link { display: block; width: 100%; text-decoration: none; font-size: 1rem; font-weight: 300; margin-bottom: 0.6875rem; } .block-links__link:last-child { margin-bottom: 0; } @media only screen and (max-width: 767.9px) { .block-scroll { overflow-x: scroll; -ms-scroll-snap-type: both mandatory; scroll-snap-type: both mandatory; } } @media only screen and (max-width: 767.9px) { .block-scroll__inner { width: 200vw; scroll-snap-align: center; } } .card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; border-radius: 10px; overflow: hidden; cursor: pointer; border: 1px solid #E1E5EA; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .card:hover { -webkit-box-shadow: 0 4px 50px 0 rgba(89, 100, 105, 0.25); box-shadow: 0 4px 50px 0 rgba(89, 100, 105, 0.25); } .card__picture { overflow: hidden; height: 208px; } @media only screen and (max-width: 767.9px) { .card__picture { max-height: 13.25rem; } } .card__picture img { width: 100%; height: 100%; -o-object-position: top; object-position: top; -o-object-fit: cover; object-fit: cover; } .card__address { font-size: 0.875rem; margin-bottom: 0.625rem; } .card__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 1.5625rem 1.25rem 1.25rem; font-weight: 300; } @media only screen and (max-width: 767.9px) { .card__content { height: 45%; font-size: 1rem; } } .card__content--50 { max-width: 50%; } .card__content-bottom { margin-top: auto; } .card__title { font-size: 1.25rem; font-weight: 500; color: #0E3449; margin-bottom: 0.6875rem; } @media only screen and (max-width: 767.9px) { .card__title { margin-bottom: 0.9375rem; } } .card__title-24 { font-size: 1.5rem; font-weight: 600; margin-bottom: 0.9375rem; } .card__text { font-size: 1rem; font-weight: 300; } .card__text--14 { font-size: 0.875rem; } .card__text-lc { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .card__text-lc--11 { -webkit-line-clamp: 11; } .card__text-lc--6 { -webkit-line-clamp: 6; } .card__text-lc--4 { -webkit-line-clamp: 4; } .card__text-lc--3 { -webkit-line-clamp: 3; } .card__text--short { max-width: 10.625rem; line-height: 1.4; } @media only screen and (max-width: 767.9px) { .card__text--short { max-width: none; } } .card__text-accent { margin-top: auto; font-size: 0.875rem; font-weight: 300; color: #007A8F; } .card__bottom { font-size: 0.875rem; } .card__bottom--row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1.6875rem; } .card__bottom-text--accent { font-weight: 500; margin-bottom: 0.3125rem; } .card__bottom--line { border-top: 1px solid #E1E5EA; padding-top: 1.25rem; margin-top: auto; } .card--380 { height: 23.75rem; } .card--sm { height: 21.25rem; } .card--md { background-color: #FFFFFF; min-height: 24.6875rem; } .card--md__picture { min-height: 13.25rem; } .card--lg { height: 26.6875rem; } .card--bg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 3rem 2.375rem 2.375rem; height: 15rem; position: relative; } .card--bg:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left top, right top, color-stop(44.32%, #F2F4F6), to(rgba(242, 244, 246, 0))); background: linear-gradient(90deg, #F2F4F6 44.32%, rgba(242, 244, 246, 0) 100%); z-index: 1; } @media only screen and (max-width: 767.9px) { .card--bg { padding: 3.125rem 1.875rem; height: 15rem; } } .card--bg__content { width: 55%; z-index: 10; } @media only screen and (max-width: 767.9px) { .card--bg__content { width: 100%; } } .card--bg__content-big { width: 70%; z-index: 10; } @media only screen and (max-width: 767.9px) { .card--bg__content-big { width: 100%; z-index: 10; } } .card--bg__content-no-img { width: 80%; } @media only screen and (max-width: 767.9px) { .card--bg__content-no-img { width: 100%; } } .card--bg__bg { position: absolute; top: 0; right: 0; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: right; object-position: right; z-index: -1; } @media only screen and (max-width: 767.9px) { .card--bg__bg { width: 100%; -o-object-fit: cover; object-fit: cover; } } .card--bg__picture { position: absolute; right: 0; top: 0; height: 100%; max-width: 45%; } @media only screen and (max-width: 767.9px) { .card--bg__picture { max-width: none; width: 100%; z-index: -1; } } .card--bg__picture img { -o-object-fit: cover; object-fit: cover; } .card--bg__picture-full { width: 100%; max-width: none; z-index: -1; } .card--bg__picture-full img { -o-object-position: top; object-position: top; } .card--bg__picture-min { max-width: 30%; } @media only screen and (max-width: 767.9px) { .card--bg__picture-min { max-width: none; width: 100%; z-index: -1; } } .card--bg__link { width: 12.5rem !important; height: 3.125rem !important; } @media only screen and (max-width: 767.9px) { .card--bg__link { width: 9.375rem !important; } } .card--round { position: relative; width: calc(100% - 70px); border: none; margin-left: 4.375rem; padding: 2rem 2rem 2rem 8.125rem; overflow: visible; } .card--round__picture { position: absolute; top: 50%; left: -4.4375rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8.9375rem; height: 8.9375rem; border-radius: 50%; overflow: hidden; } .card--round__picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .card--gray { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; border-radius: 5px; background-color: #F2F4F6; border: none; height: auto; max-height: 6.125rem; padding: 2.125rem 2.5rem; } @media only screen and (max-width: 767.9px) { .card--gray { padding: 1.5625rem; } } .card--gray__text { font-weight: 400; } .card--gray__icon { width: 1.5rem; height: 1.875rem; } .card--drop { border-radius: 0.625rem; height: 17.8125rem; max-height: none; -webkit-box-align: normal; -webkit-align-items: normal; -ms-flex-align: normal; align-items: normal; } .card--drop__btn { margin-top: auto; } .card--drop__picture { max-width: 50%; margin-bottom: 3.125rem; } .card--drop__trigger { position: absolute; bottom: 2.5rem; right: 2.5rem; } .card--drop__dropdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 0.9375rem; padding: 1.875rem 2.5rem 2.5rem; background-color: #F2F4F6; position: absolute; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: 11.875rem; left: 0; top: 2.8125rem; border-top: 2px solid #FFFFFF; border-radius: 0 0 0.625rem 0.625rem; opacity: 0; z-index: -1; -webkit-box-shadow: 0 4px 50px 0 rgba(89, 100, 105, 0.25); box-shadow: 0 4px 50px 0 rgba(89, 100, 105, 0.25); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .card--drop__dropdown.active { z-index: 1; opacity: 1; -webkit-transform: translateY(210px); transform: translateY(210px); } .card--review { padding: 1.875rem; min-height: 26.875rem; max-height: 26.875rem; height: auto; line-height: 1.28; } .card--review__title { margin-bottom: 1.5625rem; } .card--review__content { padding: 0; } .card--clinics { max-height: 23.75rem; } .card--short { height: 19.375rem; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; } .card--150 { min-height: 9.375rem; } .card--tall { height: 13.125rem; } .card--no-padding { padding: 0; height: 100%; } .card--order { border: none; padding: 2.5rem; background-color: #F2F4F6; } @media only screen and (max-width: 767.9px) { .card--order { padding: 1.875rem 2.5rem; } } .card--order__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #CACACA; font-size: 0.875rem; font-weight: 400; padding: 1.25rem 0; } .card--order__content:last-child { margin-bottom: 0.625rem; } .card--order__content svg { fill: #CACACA; width: 1.5rem; height: 1.5rem; margin-right: 0.625rem; } .card--order__content-line { border-bottom: 1px solid #E3E3E5; } @media only screen and (max-width: 767.9px) { .card--mob-fit { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } .card-eco { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding: 3.125rem 2.5rem; height: 18.75rem; width: 100%; border-radius: 10px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 767.9px) { .card-eco { padding: 1.875rem; height: 20.4375rem; } } .card-eco:hover .card-eco__icon:before, .card-eco:hover .card-eco__icon:after { -webkit-animation-name: scale; animation-name: scale; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .card-eco:hover .card-eco__icon { -webkit-transform: scale(1.1); transform: scale(1.1); } .card-eco:hover .card-eco__bottom-tooltip { opacity: 1; } .card-eco:hover time { opacity: 0; pointer-events: none; } @media only screen and (max-width: 767.9px) { .card-eco:hover time { opacity: 1; pointer-events: auto; } } .card-eco__icon { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; bottom: -4.6875rem; left: 1.25rem; max-height: 7.5rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 767.9px) { .card-eco__icon { position: absolute; bottom: -0.3125rem; right: -63%; } } .card-eco__icon svg { position: relative; z-index: 3; } @media only screen and (max-width: 767.9px) { .card-eco__icon svg { -webkit-transform: scale(0.65); transform: scale(0.65); } } .card-eco__icon:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 21.6875rem; height: 21.6875rem; border-radius: 50%; z-index: 0; } @media only screen and (max-width: 767.9px) { .card-eco__icon:before { width: 16rem; height: 16rem; } } .card-eco__icon:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 14.0625rem; height: 14.0625rem; border-radius: 50%; z-index: 1; } @media only screen and (max-width: 767.9px) { .card-eco__icon:after { width: 9.8125rem; height: 9.8125rem; } } .card-eco__title { font-size: 2rem; font-weight: 500; margin-bottom: 1.5625rem; } @media only screen and (max-width: 767.9px) { .card-eco__title { margin-bottom: 0.3125rem; font-size: 1.875rem; } } .card-eco__text { max-width: 17.25rem; } @media only screen and (max-width: 767.9px) { .card-eco__text { margin-bottom: 0.625rem; min-width: 17.1875rem; } } .card-eco__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 10; } .card-eco__content time { font-weight: 400; } .card-eco__link { position: absolute; bottom: 1.875rem; right: 2.5rem; z-index: 5; } @media only screen and (max-width: 767.9px) { .card-eco__link { right: auto; left: 1.875rem; } } .card-eco__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767.9px) { .card-eco__bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; row-gap: 3.125rem; } } .card-eco__bottom-tooltip { opacity: 0; pointer-events: none; position: absolute; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } @media only screen and (max-width: 767.9px) { .card-eco__bottom-tooltip { opacity: 1; pointer-events: auto; position: relative; } } .card-eco--wide__bottom { position: absolute; bottom: 0rem; width: calc(100% - 80px); } .card-eco--wide { height: 11.5625rem; padding: 1.875rem 2.5rem; } @media only screen and (max-width: 767.9px) { .card-eco--wide { height: 20.4375rem; padding: 1.875rem; } } .card-eco--wide:hover time { opacity: 1; } .card-eco--wide .card-eco__icon { top: 2.0625rem; left: -18.625rem; } @media only screen and (max-width: 767.9px) { .card-eco--wide .card-eco__icon { top: 68%; left: 1.25rem; } } @media only screen and (max-width: 767.9px) { .card-eco--wide .card-eco__icon svg { -webkit-transform: scale(0.5); transform: scale(0.5); } } .card-eco--wide .card-eco__icon:after { width: 20rem; height: 20rem; } @media only screen and (max-width: 767.9px) { .card-eco--wide .card-eco__icon:after { width: 9.8125rem; height: 9.8125rem; } } .card-eco--wide .card-eco__icon:before { width: 30.875rem; height: 30.875rem; } @media only screen and (max-width: 767.9px) { .card-eco--wide .card-eco__icon:before { width: 16rem; height: 16rem; } } .card-eco--wide .card-eco__title { margin-bottom: 0.3125rem; } .card-eco--tel { background-color: #F2F4F6; } .card-eco--tel .card-eco__icon svg { width: 6.25rem; height: 6.25rem; } .card-eco--tel .card-eco__icon:after { background-color: #548CF6; } .card-eco--tel .card-eco__icon:before { background-color: #DEECF4; } .card-eco--telegram { background-color: #E8F6FD; } .card-eco--telegram .card-eco__icon svg { width: 6.875rem; height: 5.625rem; } .card-eco--telegram .card-eco__icon:after { background-color: #2AA1DD; } .card-eco--telegram .card-eco__icon:before { background-color: #D5EEFA; } .card-eco--viber { background-color: #DFD5EC; } .card-eco--viber .card-eco__icon svg { width: 6.25rem; height: 7.1875rem; } .card-eco--viber .card-eco__icon:after { background-color: #864CB2; } .card-eco--viber .card-eco__icon:before { background-color: #D6C8E7; } .card-eco--callback { background-color: #EDF8E9; } .card-eco--callback .card-eco__icon svg { width: 5rem; height: 5rem; } .card-eco--callback .card-eco__icon:after { background-color: #4DBB26; } .card-eco--callback .card-eco__icon:before { background-color: #DEF3D6; } .card-eco--vk { background-color: #CCE3FD; } .card-eco--vk .card-eco__icon svg { width: 6.5625rem; height: 4.375rem; } .card-eco--vk .card-eco__icon:after { background-color: #548CF6; } .card-eco--vk .card-eco__icon:before { background-color: #C0DBFD; } @-webkit-keyframes scale { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 30% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } 60% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } 90% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } @keyframes scale { 0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 30% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } 60% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } 90% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } .card-gallery { height: 15.3125rem; } .card-gallery__picture { height: 100%; width: 100%; } .card-gallery__picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .card-gallery--big { height: 17.1875rem; } .card-lab { position: relative; background-color: #F2F4F6; padding: 2.5rem; height: 15rem; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 767.9px) { .card-lab { padding: 1.875rem 0.9375rem; height: 13.4375rem; } } .card-lab:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: linear-gradient(161.62deg, rgba(255, 255, 255, 0) 12.47%, #D1E2F4 112.61%, #E0ECF9 112.61%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .card-lab:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: linear-gradient(101.43deg, rgba(255, 255, 255, 0) 0.49%, rgba(224, 236, 249, 0.71) 116.13%); } .card-lab:hover:before { opacity: 0; } .card-lab__content { position: relative; z-index: 10; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; text-overflow: ellipsis; } .card-lab__picture { pointer-events: none; position: absolute; top: 0; right: 0; height: 100%; width: auto; z-index: 0; } .card-lab__picture img { width: 100%; height: 100%; -o-object-position: right; object-position: right; -o-object-fit: cover; object-fit: cover; } .card-news { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 2.625rem 2.5rem; border-radius: 0.625rem; overflow: hidden; height: 18.75rem; } @media only screen and (max-width: 767.9px) { .card-news { padding: 3.125rem 3.75rem 3.125rem 2.3125rem; } .card-news:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: linear-gradient(115.26deg, #EAF7F7 37.07%, rgba(234, 247, 247, 0.4) 101.7%); } } .card-news time { display: inline-block; } .card-news__content { position: relative; width: 40%; height: 100%; z-index: 10; } @media only screen and (max-width: 767.9px) { .card-news__content { width: 100%; } } .card-news__title { font-size: 1.5rem; font-weight: 500; margin-bottom: 0.75rem; } .card-news__decor { position: absolute; width: 15.625rem; height: 15.625rem; bottom: 0; left: 50%; z-index: 3; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 767.9px) { .card-news__decor { width: 8.75rem; height: 8.75rem; top: -2.8125rem; } } .card-news__decor img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .card-news__picture { position: absolute; height: 100%; width: 73%; right: -5.3125rem; z-index: 1; } @media only screen and (max-width: 767.9px) { .card-news__picture { width: auto; } } .card-news__picture img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .card-news--big { overflow: visible; height: 12.625rem; } .card-news--big:before { content: none; } @media only screen and (max-width: 767.9px) { .card-news--big { min-height: auto; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 7.5rem 2.3125rem 2.1875rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .card-news--big .card-news__content { width: 30%; height: auto; } @media only screen and (max-width: 767.9px) { .card-news--big .card-news__content { width: 100%; margin-bottom: 1.875rem; } } @media only screen and (max-width: 767.9px) { .card-news--big .card-news__title { font-size: 1.875rem; } } .card-news--big button { width: 11.75rem; } @media only screen and (max-width: 767.9px) { .card-news--big button { width: 9.125rem; } } .card-news p:not(.card-news__title) { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } .card-price-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 90%; gap: 1.25rem; } .card-price-row + .card-price-row { margin-top: 0.9375rem; } .card-price-row__text { font-size: 1rem; font-weight: 300; } .card-price-row__text-big { font-size: 1.25rem; font-weight: 400; } .card-price-row__text-big-bold { font-size: 1.25rem; font-weight: 600; } .card-search { border-radius: 10px; padding-bottom: 0.0625rem; margin-bottom: 1.875rem; } .card-search:hover { background-color: #F2F4F6; } .card-search__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 2.1875rem 3.75rem; border-bottom: 2px solid #DBE2EA; } @media only screen and (max-width: 767.9px) { .card-search__header { padding: 1.4375rem; } } @media only screen and (max-width: 767.9px) { .card-search__content-wrapper { padding: 0 1.4375rem 1.875rem; } } .card-search__content { padding: 1.875rem 3.75rem 0; margin-bottom: 4.0625rem; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; } @media only screen and (max-width: 767.9px) { .card-search__content { padding: 1.4375rem 0 0; margin-bottom: 1.25rem; } } .card-search__btn { padding: 0.84375rem 4.375rem !important; } .card-search p + p { margin-top: 0.9375rem; } .card-search b { color: #EF7F1A; font-weight: 600; } .clinics-map__map { height: 100%; } @media only screen and (max-width: 1199.9px) { .clinics-map__map { height: 21.875rem; } } @media only screen and (max-width: 767.9px) { .clinics-map__map { height: 35.6875rem; } } .cabinet { margin: 0 !important; background-color: #ECECEC; } .cabinet__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 23.125rem; height: 100%; min-height: 100vh; padding: 7.5rem 0 9.125rem; } @media only screen and (max-width: 1440px) { .cabinet__wrapper { margin: 0 auto; } } @media only screen and (max-width: 1199.9px) { .cabinet__wrapper { padding: 3.75rem 0 2.5rem; } } .cabinet__picture { height: 100vh; width: 50vw; position: relative; } .cabinet__picture:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(177.87deg, rgba(14, 52, 73, 0) 1.65%, #0E3449 117.43%); } .cabinet__picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .cabinet__logo { display: block; width: 100%; margin-bottom: 11.5625rem; } @media only screen and (max-width: 767.9px) { .cabinet__logo { max-width: 16.5625rem; margin-bottom: 3.75rem; margin-left: 1.875rem; } } .cabinet__logo img { width: 100%; } .cabinet__form-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 9.375rem; } @media only screen and (max-width: 767.9px) { .cabinet__form-wrapper { margin-bottom: 11.25rem; } } .cabinet__title { font-size: 1.25rem; font-weight: 500; } @media only screen and (max-width: 767.9px) { .cabinet__title { font-size: 1.5rem; } } .cabinet__text { text-align: center; max-width: 23.125rem; } @media only screen and (max-width: 767.9px) { .cabinet__text { max-width: 16.5625rem; } } .cabinet__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; row-gap: 0.9375rem; font-weight: 400; } @media only screen and (max-width: 767.9px) { .cabinet__bottom { font-size: 0.875rem; } } .calendar { padding: 1.875rem; } @media only screen and (max-width: 767.9px) { .calendar { padding: 2.5rem 0.875rem; } } .calendar__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 3.75rem; -moz-column-gap: 3.75rem; column-gap: 3.75rem; background-color: #FFFFFF; padding: 2.8125rem 6.25rem; border-radius: 10px; margin-bottom: 3.125rem; } @media only screen and (max-width: 767.9px) { .calendar__body { background-color: transparent; padding: 0; } } .calendar__part { width: 45%; max-width: 23.125rem; padding-bottom: 3.125rem; } @media only screen and (max-width: 767.9px) { .calendar__part:nth-last-child(2) { padding-bottom: 0.75rem; } } @media only screen and (max-width: 767.9px) { .calendar__part { width: 100%; max-width: 100%; } } .calendar__part-title { text-align: center; font-size: 1.125rem; color: #0E3449; padding-bottom: 0.625rem; margin-bottom: 2.1875rem; border-bottom: 1px solid #D0DFE4; } @media only screen and (max-width: 767.9px) { .calendar__part-title { margin-bottom: 1.4375rem; } } .calendar__week { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; top: -1.875rem; left: 0; width: 100%; } .calendar__week span { width: 1.875rem; height: 1.875rem; text-align: center; } .calendar__day { position: relative; -webkit-column-count: 7; -moz-column-count: 7; column-count: 7; -webkit-column-gap: 1.1875rem; -moz-column-gap: 1.1875rem; column-gap: 1.1875rem; } .calendar__hour { padding: 1.6875rem 2.5rem; background-color: #F5F9FA; border-radius: 5px; overflow: hidden; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; } @media only screen and (max-width: 767.9px) { .calendar__hour { background-color: transparent; padding: 0; } } .calendar__day-header { text-align: center; margin-bottom: 4.0625rem; } @media only screen and (max-width: 767.9px) { .calendar__day-header { margin-bottom: 3.125rem; } } .calendar__day-current { font-weight: 500; font-size: 1.125rem; color: #007C8E; } .calendar__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .calendar__nav-icon { width: 0.5625rem; height: 0.9375rem; fill: #7CBBC5; } .calendar__nav-btn { cursor: pointer; width: 1.875rem; height: 1.875rem; } .calendar__nav-btn--prev svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center; transform-origin: center; } .calendar__label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; border-radius: 5px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; } .calendar__day-label { width: 2.1875rem; height: 2.1875rem; margin-bottom: 1rem; } .calendar__hour-label { width: 4.0625rem; height: 2.1875rem; margin-bottom: 0.625rem; } .calendar__input { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: #EDF5F6; color: #007C8E; font-size: 0.75rem; z-index: -1; } .calendar input:checked + .calendar__input { background-color: #007C8E; color: #FFFFFF; } .calendar input:disabled + .calendar__input { background-color: transparent; } .calendar input:disabled .calendar__day-label { color: #98BACD; } .calendar__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; border-top: 1px solid #D0DFE4; padding-top: 1.875rem; } @media only screen and (max-width: 767.9px) { .calendar__bottom { font-size: 0.875rem; } } .calendar__bottom svg { width: 0.8125rem; height: 0.9375rem; margin-right: 0.625rem; } .calendar__bottom-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #98BACD; margin-right: 2.625rem; } .calendar__bottom-result { color: #0E3449; } .calendar__submit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767.9px) { .calendar__submit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767.9px) { .calendar__submit-btn { margin-bottom: 1.875rem; } } .calendar__submit-btn svg { width: 1.25rem; height: 0.5rem; fill: #FFFFFF; margin-left: 1.25rem; } @media only screen and (max-width: 767.9px) { .calendar__submit-btn svg { margin-left: 0.4375rem; } } .calendar__get-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .calendar__get-info a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; color: #007C8E; font-size: 0.875rem; text-decoration: underline; text-underline-offset: 4px; } .calendar__get-info-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 0 0.625rem -2.1875rem; } @media only screen and (max-width: 767.9px) { .calendar__get-info-top { margin: 0 0 0.3125rem; } } .calendar__get-info-top span { font-size: 1.125rem; } .calendar__get-info-top svg { max-width: 1.375rem; height: 1.375rem; margin-right: 0.8125rem; } .collapse__wrapper { width: 100%; } .collapse__item { width: 100%; } .collapse__trigger { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 1.5rem 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .collapse__trigger-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 1.25rem; width: 90%; } .collapse__trigger-text { font-size: 1rem; font-weight: 300; max-width: 31.25rem; } .collapse__trigger-text--bold { font-size: 1.5rem; font-weight: 600; } @media only screen and (max-width: 767.9px) { .collapse__trigger-text--bold { font-size: 1.25rem; } } .collapse__trigger-text--bold-20 { font-size: 1.25rem; font-weight: 600; } .collapse__content { max-height: 0; overflow: hidden; } .collapse__content.collapse-show { height: auto; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } .collapse__inner-min-padding { padding: 0 6.25rem 3.4375rem; } @media only screen and (max-width: 767.9px) { .collapse__inner-min-padding { padding: 1.25rem 1.5625rem 0.9375rem; } } .collapse__icon--arrow { width: 0.9375rem; height: 0.9375rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); fill: #0E3449; margin-left: 0.9375rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .collapse__icon--arrow.active { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .collapse--simple__trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 2.75rem 3.75rem 2rem; } @media only screen and (max-width: 767.9px) { .collapse--simple__trigger { padding: 1.875rem; } } .collapse--simple__trigger span { font-size: 1rem; font-weight: 300; } .collapse--simple__wrapper { background-color: #F2F4F6; border-radius: 10px; margin-bottom: 1.375rem; } .collapse--simple__wrapper:last-child { margin-bottom: 0; } .collapse--simple__inner { padding: 1.875rem 3.75rem 2.5rem; } @media only screen and (max-width: 767.9px) { .collapse--simple__inner { padding: 1.875rem; } } .collapse--simple__inner-small { padding: 0 2.5rem; } .collapse--line .collapse__trigger.active { border-bottom: 2px solid #DBE2EA; } .collapse--line-white .collapse__trigger.active { border-bottom: 2px solid #FFFFFF; } .collapse--clear__trigger { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.9375rem; color: #007C8E; } .collapse--clear__trigger.active { color: #0E3449; } .collapse__trigger--big { padding: 2.5rem 0; } .collapse__trigger--pad-l { padding: 2.5rem 6.25rem; } @media only screen and (max-width: 767.9px) { .collapse__trigger--pad-l { padding: 1.25rem 1.5625rem 0.9375rem; } } @media only screen and (max-width: 767.9px) { .collapse__trigger--pad-l p { font-size: 1.25rem; } } .color-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; padding: 2.5rem; font-size: 1.125rem; } @media only screen and (max-width: 767.9px) { .color-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 2.5rem 1.875rem; gap: 0.9375rem; } } .color-block--pink { background-color: #FFE5E5; padding: 2rem 2.5rem; } @media only screen and (max-width: 767.9px) { .color-block--pink { padding: 2.5rem 1.875rem; } } .color-block--green { background-color: #E6F2F4; } .docs-detail__picture { height: 20.25rem; max-width: 16.875rem; border-radius: 1.25rem; overflow: hidden; } @media only screen and (max-width: 767.9px) { .docs-detail__picture { height: 24.375rem; max-width: none; margin-bottom: 0.9375rem; } } .docs-detail__picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .docs-detail__card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 38.75rem; } .docs-detail__card-wrapper-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767.9px) { .docs-detail__card-wrapper-btns { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; row-gap: 1.5625rem; } } .docs-detail__links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .docs-detail__links--top { width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 30px; } @media only screen and (max-width: 767.9px) { .docs-detail__links--top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } } .docs-detail__links--top .link-icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 50%; } .docs-detail__links--bottom { width: 100%; max-width: 26.5625rem; margin-bottom: 1.875rem; } @media only screen and (max-width: 767.9px) { .docs-detail__links--bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; row-gap: 1.5625rem; } } .docs-detail__links--bottom a { text-decoration: underline; text-underline-offset: 3px; } .docs-detail__btn { height: 3.75rem !important; } @media only screen and (max-width: 767.9px) { .docs-detail__btn { height: 3.125rem !important; } } .section--gray { background-color: #F2F4F6; padding: 5rem 0 3.125rem; } @media only screen and (max-width: 767.9px) { .section--gray { padding: 2.5rem 0; } } .section--gray-bg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #F2F4F6; position: relative; min-height: 15.625rem; } .section--gray-bg picture.bg { height: 100%; max-height: 12.5rem; width: auto; } .section--gray-bg picture.bg img { width: 100%; height: 100%; max-height: 12.5rem; -o-object-fit: contain; object-fit: contain; } .section--about { padding-top: 12px; padding-bottom: 0; } .section--features { position: relative; margin-top: -180px; z-index: 1; } .labs { display: grid; } .labs__row { display: grid; grid-template-columns: minmax(35%, 1fr) minmax(25%, 1fr) minmax(40%, 1fr); grid-column-gap: 1.25rem; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.875rem; } .labs address { display: block; max-width: 16.875rem; } .labs__item { max-width: 29.375rem; } .labs__item p, .labs__item a { font-size: 1.125rem; font-weight: 300; } .labs__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0.3125rem; } .labs__item p { margin-bottom: 0.3125rem; } .labs__item strong { font-weight: 400; } .labs__item svg { width: 1.25rem; height: 1.25rem; margin-left: 0.875rem; } .labs__item-header { font-size: 1.125rem; font-weight: 500; margin-bottom: 1.25rem; } .labs__item-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .labs__item-link svg { fill: #007C8E; } .labs__btn-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; } .lk { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 9.375rem; } .lk__icon { width: 1.34375rem; height: 1.34375rem; } .lk--mobile { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; margin-bottom: 2.0625rem; } .lk__content { margin-left: 1.25rem; } .lk__userpic { width: 2.625rem; height: 2.625rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; overflow: hidden; } .lk__userpic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .lk--mobile__icon { width: 2.625rem; height: 2.625rem; } .lk--mobile__text { font-size: 0.875rem; color: #BDBDBD; } .lk--mobile__text-bold { font-size: 1.125rem; color: #0E3449; margin-bottom: 0.1875rem; } .link-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1199.9px) { .link-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .link-row__title { font-weight: 600; font-size: 1.25rem; width: 21%; } @media only screen and (max-width: 1199.9px) { .link-row__title { width: 100%; margin-bottom: 1.25rem; } } .link-row__address { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0.9375rem; width: 30%; } @media only screen and (max-width: 1199.9px) { .link-row__address { width: 100%; margin-bottom: 1.25rem; } } .link-row__timetable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0.9375rem; width: 30%; } @media only screen and (max-width: 1199.9px) { .link-row__timetable { width: 100%; margin-bottom: 1.875rem; } } .link-row__button { max-width: 13.75rem; font-weight: 300 !important; } @media only screen and (max-width: 767.9px) { .link-row__button { width: 100%; max-width: none; } } .link-row__icon--small { width: auto; max-width: 1.21875rem; height: 1.21875rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .link-row__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .link-row__content-icon { height: 1.5625rem; max-width: 1.5625rem; margin-right: 1.25rem; } .link-row__icon-round { fill: #007C8E; width: 1.0625rem; height: 1.0625rem; } .link-row--big { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 1.875rem 3.125rem 1.875rem 1.875rem; border: 1px solid #ECECEC; border-radius: 10px; min-height: 18.75rem; background-image: url("../assets/images/link-covid.jpg"); background-repeat: no-repeat; background-size: cover; background-position: left top; } .link-row--big .link-row__content { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .link-row--big .link-row__text { font-size: 1.25rem; font-weight: 500; } .link-row--small { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #F2F4F6; border-radius: 5px; padding: 1.25rem 1.75rem 1.5625rem 1.25rem; } @media only screen and (max-width: 1199.9px) { .link-row--small { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (max-width: 767.9px) { .link-row--small { padding: 1.375rem 1.25rem; } } .link-row--small .link-row__content { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .link-row--small .link-row__text { font-weight: 400; } .link-row--blank { border: 1px solid #ECECEC; border-radius: 10px; padding: 1.5rem; } @media only screen and (max-width: 1199.9px) { .link-row--blank { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (max-width: 767.9px) { .link-row--blank { padding: 1.09375rem 1.6875rem; } } .link-row--blank .link-row__content { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .link-row--blank .link-row__text { font-weight: 400; } .link-row--blank .link-row__content-icon { max-width: none; width: 3.75rem; height: 3.75rem; } @media only screen and (max-width: 767.9px) { .link-row--blank .link-row__content-icon { width: 3.125rem; height: 3.125rem; } } .link-row--grey { padding: 1.5625rem 2.1875rem; background-color: #F2F4F6; border-radius: 5px; margin-bottom: 0.9375rem; } @media only screen and (max-width: 1199.9px) { .link-row--grey { padding: 1.875rem; } } .link-row--grey:last-child { margin-bottom: 0; } .main { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; margin-top: 10.1875rem; } @media only screen and (max-width: 1199.9px) { .main { margin-top: 11.125rem; } } @media only screen and (max-width: 767.9px) { .main { margin-top: 1.25rem; } } .main--has-intro { margin-top: 10.1875rem; } @media only screen and (max-width: 1199.9px) { .main--has-intro { margin-top: 9.125rem; } } @media only screen and (max-width: 767.9px) { .main--has-intro { margin-top: -0.4375rem; } } .main--index { margin-top: 10.3125rem; } @media only screen and (max-width: 767.9px) { .main--index { margin-top: 0; } } .main--no-header { margin-top: 0; } .main--lk { height: 100vh; } .main-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; min-width: 22.5rem; min-height: 100%; } .modal { border-radius: 10px !important; background: #F2F4F6 !important; -webkit-box-shadow: 4px 6px 15px rgba(52, 52, 52, 0.15); box-shadow: 4px 6px 15px rgba(52, 52, 52, 0.15); } .modal__title { font-size: 1.25rem; font-weight: 500; margin-bottom: 0.875rem; } .modal__text { margin-bottom: 2.125rem; } .modal__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; row-gap: 0.9375rem; } .modal__form input[type=checkbox] { background-color: #FFFFFF; } .modal__label { position: relative; width: 100%; background-color: #FFFFFF; border-radius: 4.375rem; padding: 1.125rem 0.625rem 1.125rem 3.75rem; } .modal__label-icon { position: absolute; top: 1.25rem; left: 1.875rem; max-width: 0.8125rem; max-height: 0.8125rem; fill: #0E3449; } .modal__textarea { border-radius: 15px; height: 11.6875rem; } .modal__textarea textarea { width: 100%; height: 100%; } .modal--cabinet { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 1.75rem; max-width: 30.625rem; } @media only screen and (max-width: 1199.9px) { .modal--cabinet { padding: 0; } } .modal--success { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; -webkit-box-shadow: 0 0 80px 60px rgba(34, 60, 80, 0.2); box-shadow: 0 0 80px 60px rgba(34, 60, 80, 0.2); } .modal--success__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; max-width: 23.125rem; padding: 1.25rem 3.3125rem; } @media only screen and (max-width: 1199.9px) { .modal--success__inner { padding: 0; } } #cabinet button[data-fancybox-close] { top: 1.875rem !important; right: 1.875rem !important; } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; border-bottom: 1px solid #E1E5EA; } @media only screen and (max-width: 767.9px) { .nav { overflow-x: scroll; padding-bottom: 0.625rem; } .nav::-webkit-scrollbar-thumb { background-color: #8E9AA6; } .nav::-webkit-scrollbar-track { background-color: transparent; } .nav::-webkit-scrollbar { width: 0.625rem; height: 0.125rem; } } .nav__link { font-size: 1.25rem; font-weight: 400; white-space: nowrap; margin-right: 3.75rem; padding-bottom: 0.625rem; position: relative; } @media only screen and (max-width: 767.9px) { .nav__link { font-size: 1rem; margin-right: 0.625rem; } } .nav__link:first-child:before { content: ""; position: absolute; bottom: -1.5px; height: 2px; width: 100%; background-color: #007A8F; } .nav__link:hover:before { content: ""; position: absolute; bottom: -1.5px; height: 2px; width: 100%; background-color: #007A8F; } .nav__link:last-child { margin-right: 0; } .nav__link.active:before { content: ""; position: absolute; bottom: -1.5px; height: 2px; width: 100%; background-color: #007A8F; } .news { padding: 2.5rem 6.25rem 3.4375rem; border-radius: 0.625rem; background-color: #F2F4F6; } @media only screen and (max-width: 1199.9px) { .news { padding: 2.5rem 1.25rem; } } @media only screen and (max-width: 767.9px) { .news { padding: 2.6875rem 1.4375rem 2.5rem; } } .news__title { margin-bottom: 2.5rem; } @media only screen and (max-width: 767.9px) { .news__title { margin-bottom: 1.875rem; } } .news__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } .page-intro { background-color: #F2F4F6; overflow: hidden; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: 26.25rem; } @media only screen and (max-width: 1199.9px) { .page-intro { margin-top: 0; } } @media only screen and (max-width: 767.9px) { .page-intro { height: 38.4375rem; } } .page-intro__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; min-height: 26.25rem; padding: 1.25rem 0 2.5rem; z-index: 1; } @media only screen and (max-width: 767.9px) { .page-intro__content { height: 38.4375rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 1.5625rem 0 3.125rem; } } .page-intro__inner { height: 100%; } .page-intro__inner--min { max-width: 22.8125rem; } .page-intro__text { max-width: 29.375rem; margin-bottom: 2.5rem; font-size: 1rem; line-height: 1.4; font-weight: 300; } @media only screen and (max-width: 767.9px) { .page-intro__text { margin-bottom: 2rem; } } .page-intro__text--clinics { margin-bottom: 1.25rem; } .page-intro__picture { height: 26.25rem; z-index: 0; } @media only screen and (max-width: 767.9px) { .page-intro__picture { position: absolute; bottom: 5rem; max-width: 100%; height: 65%; left: 0; right: 0; bottom: 0; } .page-intro__picture:after { content: ""; position: absolute; width: 200%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.02%, #F2F2F6), color-stop(80%, rgba(242, 244, 246, 0.4))); background: linear-gradient(180deg, #F2F2F6 1.02%, rgba(242, 244, 246, 0.4) 80%); z-index: 1; } } .page-intro__picture img { width: auto; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: right; object-position: right; } @media only screen and (max-width: 767.9px) { .page-intro__picture img { max-height: 100%; -o-object-position: center; object-position: center; margin-left: auto; margin-right: auto; } } .page-intro__picture--bottom { bottom: 0; } @media only screen and (max-width: 767.9px) { .page-intro__picture--mirror { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } } .page-intro__picture--decor-round { overflow: visible; position: relative; } @media only screen and (max-width: 767.9px) { .page-intro__picture--decor-round { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 0; } } .page-intro__picture--decor-round:before { content: ""; position: absolute; width: 60rem; height: 60rem; border-radius: 50%; background-color: #EBF0F5; top: -50%; left: 8%; } @media only screen and (max-width: 767.9px) { .page-intro__picture--decor-round:before { content: none; } } .page-intro__picture--decor-round img { width: auto; max-height: 16.375rem; margin-left: auto; position: relative; top: 7.5rem; } @media only screen and (max-width: 767.9px) { .page-intro__picture--decor-round img { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: 100%; width: 90%; top: auto; margin: auto auto 0.625rem; } } @media only screen and (max-width: 767.9px) { .page-intro__picture--shadow { min-width: 100vw; } .page-intro__picture--shadow:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0.8deg, #F2F2F6 1.02%, rgba(242, 244, 246, 0.4) 80%); z-index: 1; } } .page-intro__picture--vac { min-width: 45rem; right: -10rem; } @media only screen and (max-width: 767.9px) { .page-intro__picture--vac { height: 26.75rem; bottom: 0; left: auto; } } .page-intro__img--vac { position: relative; scale: 1.3; top: 4.875rem; left: 0.375rem; } @media only screen and (max-width: 767.9px) { .page-intro__img--vac { top: 0; left: 0; scale: 1; max-height: none !important; } } .page-intro__picture--full { position: absolute; top: 0; right: 0; height: 100%; width: 50%; overflow: visible; } @media only screen and (max-width: 767.9px) { .page-intro__picture--full { width: 100%; } } .page-intro__picture--full img { width: auto; margin-left: auto; } .page-intro__picture--no-header { height: 100%; max-width: 43.4375rem; bottom: 0; overflow: visible; } @media only screen and (max-width: 1199.9px) { .page-intro__picture--no-header { margin-left: -6.875rem; } } @media only screen and (max-width: 767.9px) { .page-intro__picture--no-header { max-width: 100vw; } } .page-intro__picture--no-header img { width: auto; max-width: 47.0625rem; } @media only screen and (max-width: 767.9px) { .page-intro__picture--no-header img { max-width: none; -o-object-position: left; object-position: left; } } .page-intro__tel-block { position: relative; z-index: 10; } .page-intro__tel { color: #0E3449; font-size: 1.25rem; font-weight: 500; } .page-intro__link { color: #007C8E; font-weight: 300; } .page-intro__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .page-intro__bottom a { white-space: nowrap; } .page-intro__bottom--column { position: relative; z-index: 10; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 767.9px) { .page-intro__bottom--column { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 767.9px) { .page-intro__bottom--column-mob { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; padding-bottom: 0; } } .page-intro__bottom-tel { font-size: 1.25rem; font-weight: 500; margin-right: 3.125rem; } @media only screen and (max-width: 767.9px) { .page-intro__bottom-tel { margin-right: 0; } } .page-intro__bottom-mail { font-weight: 300; margin-right: 3.125rem; } .page-intro__bottom-addr { font-weight: 300; } .page-intro__bottom-addr svg { width: 1rem; height: 1rem; } .page-intro--min { min-height: 100%; height: 15.625rem; } @media only screen and (max-width: 767.9px) { .page-intro--min { height: 25rem; } } .page-intro--min__picture { height: 100%; width: 100%; max-width: 31.25rem; margin-left: auto; } @media only screen and (max-width: 767.9px) { .page-intro--min__picture { margin-right: auto; width: auto; max-width: none; bottom: 0; } } .page-intro--min__picture img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: 40% 50%; object-position: 40% 50%; } @media only screen and (max-width: 767.9px) { .page-intro--min__picture img { width: auto; } } .page-intro--min .page-intro__content { min-height: 15.625rem; } @media only screen and (max-width: 767.9px) { .page-intro--min .page-intro__content { height: 25rem; } } .page-intro--big { height: 31.25rem; } @media only screen and (max-width: 767.9px) { .page-intro--big { height: 38.4375rem; } } .page-intro--big .page-intro__content { height: 31.25rem; } @media only screen and (max-width: 767.9px) { .page-intro--big .page-intro__content { height: 38.4375rem; } } .page-intro--no-header { height: 31.25rem; } @media only screen and (max-width: 767.9px) { .page-intro--no-header { height: 50.75rem; } } .page-intro--no-header__content { padding: 10.125rem 0 2.5rem; height: 31.25rem; } @media only screen and (max-width: 767.9px) { .page-intro--no-header__content { height: 50.75rem; padding: 9.375rem 0 3.125rem; } } .page-intro--no-header__bottom { display: none; visibility: hidden; position: absolute; } @media only screen and (max-width: 767.9px) { .page-intro--no-header__bottom { display: block; visibility: visible; position: relative; } } .price-block { margin-bottom: 1.875rem; } @media only screen and (max-width: 767.9px) { .price-block__article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0.9375rem 0; } } @media only screen and (max-width: 767.9px) { .price-block__article-content { width: 100%; } } .price-block__content { width: 50%; } @media only screen and (max-width: 1199.9px) { .price-block__content { width: 100%; } } @media only screen and (max-width: 1199.9px) { .price-block__content--left { margin-bottom: 1.5625rem; } } .price-block__content--right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 45%; } @media only screen and (max-width: 1199.9px) { .price-block__content--right { width: 100%; } } .price-block__title { font-size: 1.25rem; font-weight: 500; margin-bottom: 0.3125rem; } @media only screen and (max-width: 1199.9px) { .price-block__title { font-size: 1.125rem; margin-bottom: 1.25rem; } } .rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; row-gap: 0.9375rem; margin-bottom: 1.875rem; } @media only screen and (max-width: 767.9px) { .rating { margin-bottom: 0; } } .rating__stars-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 0.625rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 2.5rem; } .rating__stars { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .rating__count { font-weight: 600; } .rating__stars-icon { width: 1.4375rem; height: 1.4375rem; margin-right: 0.625rem; } .rating__stars-icon #star-inner { fill: transparent; } .rating__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 3.4375rem; } .rating__stars-icon #star-inner { fill: transparent; } .rating .rating__stars[data-rating="1"] .rating__stars-icon:nth-child(1) path#star-inner { fill: #EF7F1A; } .rating .rating__stars[data-rating="2"] .rating__stars-icon:nth-child(1) path#star-inner { fill: #EF7F1A; } .rating .rating__stars[data-rating="3"] .rating__stars-icon:nth-child(1) path#star-inner { fill: #EF7F1A; } .rating .rating__stars[data-rating="4"] .rating__stars-icon:nth-child(1) path#star-inner { fill: #EF7F1A; } .rating .rating__stars[data-rating="5"] .rating__stars-icon:nth-child(1) path#star-inner { fill: #EF7F1A; } .rating__stars-icon #star-inner { fill: transparent; } .rating .rating__stars[data-rating="2"] .rating__stars-icon:nth-child(2) path#star-inner { fill: #EF7F1A; } .rating .rating__stars[data-rating="3"] .rating__stars-icon:nth-child(2) path#star-inner { fill: #EF7F1A; } .rating .rating__stars[data-rating="4"] .rating__stars-icon:nth-child(2) path#star-inner { fill: #EF7F1A; } .rating .rating__stars[data-rating="5"] .rating__stars-icon:nth-child(2) path#star-inner { fill: #EF7F1A; } .rating__stars-icon #star-inner { fill: transparent; } .rating .rating__stars[data-rating="3"] .rating__stars-icon:nth-child(3) path#star-inner { fill: #EF7F1A; } .rating .rating__stars[data-rating="4"] .rating__stars-icon:nth-child(3) path#star-inner { fill: #EF7F1A; } .rating .rating__stars[data-rating="5"] .rating__stars-icon:nth-child(3) path#star-inner { fill: #EF7F1A; } .rating__stars-icon #star-inner { fill: transparent; } .rating .rating__stars[data-rating="4"] .rating__stars-icon:nth-child(4) path#star-inner { fill: #EF7F1A; } .rating .rating__stars[data-rating="5"] .rating__stars-icon:nth-child(4) path#star-inner { fill: #EF7F1A; } .rating__stars-icon #star-inner { fill: transparent; } .rating .rating__stars[data-rating="5"] .rating__stars-icon:nth-child(5) path#star-inner { fill: #EF7F1A; } .review { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; background-color: #E0ECF9; border-radius: 0.625rem; width: 100%; max-height: 21.875rem; overflow: hidden; } @media only screen and (max-width: 767.9px) { .review { max-height: none; height: 32.75rem; } } @media only screen and (max-width: 767.9px) { .review__mob-greed { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } } .review__content { position: relative; padding: 3.75rem 0 4.125rem 3.75rem; max-width: 32.5rem; line-height: 1.2; z-index: 1; } @media only screen and (max-width: 767.9px) { .review__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; max-width: none; padding: 1.875rem 3.9375rem 1.875rem 1.4375rem; } } .review__picture { position: relative; height: 100%; } @media only screen and (max-width: 767.9px) { .review__picture { position: absolute; width: 100%; top: 6.125rem; left: 4.125rem; z-index: 0; } } .review__picture img { position: relative; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: right; object-position: right; scale: 1.25; z-index: 1; } .review__picture::after { content: ""; position: absolute; width: 37.75rem; height: 39.125rem; top: -2.6875rem; right: 0; border-radius: 50%; background-color: #D1E2F4; z-index: 0; } @media only screen and (max-width: 767.9px) { .review__picture::after { width: 20.1875rem; height: 20.1875rem; top: 4.0625rem; right: 0.625rem; } } .review__title { margin-bottom: 1.5625rem; } @media only screen and (max-width: 767.9px) { .review__title { font-size: 1.875rem; } } .review__text { margin-bottom: 3.4375rem; font-size: 1.25rem; } @media only screen and (max-width: 767.9px) { .review__text { font-size: 1rem; max-width: 13.625rem; } } .review__btn { width: 11.25rem !important; } @media only screen and (max-width: 767.9px) { .review__btn { margin-top: auto; } } .review__form-btn { width: 16.875rem !important; height: 3.75rem !important; } @media only screen and (max-width: 767.9px) { .review__form-btn { width: 11.6875rem !important; height: 3.125rem !important; } } .search-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; cursor: pointer; } .search-header button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .search-header__label { display: none; width: 0; position: relative; font-size: 0.875rem; border-radius: 10px; margin-right: 0.9375rem; -webkit-transition: max-width 0.3s ease-in-out; transition: max-width 0.3s ease-in-out; } .search-header__label.active { display: block; position: absolute; height: 1.4375rem; right: 1.5625rem; -webkit-animation-name: maxwidth; animation-name: maxwidth; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; animation-timing-function: linear; width: 12.5rem; } .search-header__input { position: absolute; width: 100%; min-width: 9.0625rem; height: 100%; left: 0; background-color: #FFFFFF; border-radius: 4px; padding: 0.3125rem; } .search-header__icon { width: 1.34375rem; height: 1.34375rem; } @-webkit-keyframes maxwidth { 0% { width: 1.25rem; } 30% { width: 3.125rem; } 60% { width: 6.25rem; } 90% { width: 9.375rem; } 100% { width: 12.5rem; } } @keyframes maxwidth { 0% { width: 1.25rem; } 30% { width: 3.125rem; } 60% { width: 6.25rem; } 90% { width: 9.375rem; } 100% { width: 12.5rem; } } .search-page { padding: 3.125rem; background-color: #F2F4F6; border-radius: 0.625rem; } @media only screen and (max-width: 767.9px) { .search-page { padding: 0.625rem; } } .search-page__submit-btn { display: none; visibility: hidden; position: absolute; pointer-events: none; } @media only screen and (max-width: 767.9px) { .search-page__submit-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; visibility: visible; pointer-events: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.25rem; width: 3.125rem; height: 3.125rem; } } .search-page__submit-btn svg { width: 1rem; height: 1rem; } .search-page label { max-width: 53.4375rem; } .search-page input { font-weight: 500; } @media only screen and (max-width: 767.9px) { .search-page input { padding-right: 3.125rem; } } .search-page input:focus { outline: 1px solid #178699; } .search-page button[type=submit] { width: 100%; max-width: 11.5625rem; } @media only screen and (max-width: 767.9px) { .search-page button[type=submit] { width: auto; max-width: none; } } .search-page__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 1.875rem; width: 100%; } @media only screen and (max-width: 767.9px) { .search-page__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .search { position: relative; } .search__label { display: block; border-bottom: 1px solid #E1E5EA; margin-bottom: 1.3125rem; } .search__input { font-size: 1.25rem; padding: 0.25rem 1.875rem 0.625rem 0; width: 100%; } @media only screen and (max-width: 767.9px) { .search__input { font-size: 1rem; } } .search__input::-webkit-input-placeholder { font-size: 1.25rem; font-weight: 300; } .search__input::-moz-placeholder { font-size: 1.25rem; font-weight: 300; } .search__input:-ms-input-placeholder { font-size: 1.25rem; font-weight: 300; } .search__input::-ms-input-placeholder { font-size: 1.25rem; font-weight: 300; } .search__input::placeholder { font-size: 1.25rem; font-weight: 300; } @media only screen and (max-width: 767.9px) { .search__input::-webkit-input-placeholder { font-size: 1rem; } .search__input::-moz-placeholder { font-size: 1rem; } .search__input:-ms-input-placeholder { font-size: 1rem; } .search__input::-ms-input-placeholder { font-size: 1rem; } .search__input::placeholder { font-size: 1rem; } } .search__button { cursor: pointer; position: absolute; top: 0.25rem; right: 0; } .search__icon { width: 1.25rem; height: 1.25rem; } .search__text { color: #8E9AA6; font-size: 1rem; font-weight: 300; } .search__text span { text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 4px; } .search--mobile input::-webkit-input-placeholder { font-size: 0.875rem; font-weight: 300; } .search--mobile input::-moz-placeholder { font-size: 0.875rem; font-weight: 300; } .search--mobile input:-ms-input-placeholder { font-size: 0.875rem; font-weight: 300; } .search--mobile input::-ms-input-placeholder { font-size: 0.875rem; font-weight: 300; } .search--mobile label, .search--mobile input, .search--mobile input::placeholder { font-size: 0.875rem; font-weight: 300; } .search--mobile svg { width: 0.9375rem; height: 0.9375rem; } .tabs__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } @media only screen and (max-width: 767.9px) { .tabs__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .tabs__item { display: none; width: 100%; } .tabs__item--padding { padding: 2.5rem 0 0; } @media only screen and (max-width: 767.9px) { .tabs__item--padding { padding: 2.1875rem 0 0; } } .tabs__text b { font-weight: 500; } .tabs__icon { width: 0.75rem; height: 0.625rem; fill: #0E3449; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tabs__item.active { display: block; } .tabs__item-list { margin-top: 2.1875rem; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } @media only screen and (max-width: 1199.9px) { .tabs__item-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media only screen and (max-width: 767.9px) { .tabs__item-list { margin-top: 2.5rem; -webkit-columns: 200px auto; -moz-columns: 200px auto; columns: 200px auto; } } .tabs__item-item { margin-bottom: 0.4375rem; } .tabs__item-item:last-child { margin-bottom: 0; } .tabs__item-link { font-size: 1rem; font-weight: 300; } .tabs__controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; scrollbar-face-color: #007C8E; scrollbar-track-color: #E1E5EA; } .tabs__controls::-webkit-scrollbar { width: 3px; height: 3px; } .tabs__controls::-webkit-scrollbar-thumb { background: #007C8E; border-radius: 10px; } .tabs__controls::-webkit-scrollbar-track { background: #E1E5EA; } @media only screen and (max-width: 1199.9px) { .tabs__controls { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-y: hidden; overflow-x: scroll; padding-bottom: 0.625rem; } } .tabs__controls--line { border-bottom: 1px solid #E1E5EA; } .tabs__controls--padding { padding: 1.25rem 1.875rem 0; } .tabs__trigger { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-size: 1.125rem; font-weight: 500; white-space: nowrap; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tabs__trigger--desk { display: block; position: relative; height: 2.5rem; padding: 0 2.8125rem 0.8125rem 0; margin-right: 1.875rem; } @media only screen and (max-width: 767.9px) { .tabs__trigger--desk { padding: 0; font-size: 1rem; height: auto; } } .tabs__trigger--desk:last-child { margin-right: 0; } .tabs__trigger--desk.active:before { content: ""; position: absolute; bottom: -1px; height: 1px; width: 100%; background-color: #007A8F; } @media only screen and (max-width: 1199.9px) { .tabs__trigger--desk.active:before { bottom: 0; } } @media only screen and (max-width: 767.9px) { .tabs__trigger--desk.active:before { content: none; } } .tabs__trigger--mob { display: none; } @media only screen and (max-width: 767.9px) { .tabs__trigger--mob { display: block; } } .tabs__trigger--round { color: #007C8E; font-weight: 400; padding: 0.625rem 2.625rem; border-radius: 7.5rem; border: 1.5px solid #007A8F; margin-right: 1.5rem; margin-bottom: 1.5rem; } .tabs__trigger--round:last-child { margin-right: 0; } .tabs__trigger--round.active { background-color: #007C8E; color: #FFFFFF; } .tel { display: block; font-weight: 600; } @media only screen and (max-width: 767.9px) { .tel--header { font-size: 1.09375rem; } } .tel--footer { margin-bottom: 2.3125rem; font-size: 1.25rem; } @media only screen and (max-width: 1199.9px) { .tel--footer { margin-bottom: 0.9375rem; } } @media only screen and (min-width: 767px) { .desktop-grid { display: block !important; } } @media only screen and (min-width: 767px) { .desktop-grid--2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; gap: 1.875rem; } } .desktop-grid--5 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } @media only screen and (min-width: 1199px) { .desktop-grid--5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 2.1875rem; -moz-column-gap: 2.1875rem; column-gap: 2.1875rem; } } @media only screen and (max-width: 767.9px) { .mobile-grid { display: grid !important; grid-template-columns: 1fr; grid-auto-flow: row; grid-gap: 1.25rem; } } .icon--small { width: 1.25rem; height: 1.4375rem; fill: #007C8E; } .icon--big svg { min-width: 6.25rem; max-width: 100%; height: 4.375rem; } .intro-slider { position: relative; border-radius: 0.625rem; overflow: hidden; width: 100%; height: 25rem; } @media only screen and (max-width: 767.9px) { .intro-slider { height: 100vh; max-height: 38.4375rem; border-radius: 0; } } .intro-slider__slide { height: 25rem; } @media only screen and (max-width: 767.9px) { .intro-slider__slide { height: 100vh; max-height: 38.4375rem; } } .intro-slider__picture { height: 100%; } .intro-slider__picture img { width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } .intro-slider__content { position: absolute; top: 3.9375rem; left: 4.375rem; } @media only screen and (max-width: 767.9px) { .intro-slider__content { top: 2.1875rem; left: 1.5rem; } } .intro-slider__content-wrapper { margin-bottom: 1.875rem; } .intro-slider__content-wrapper .title--page { margin-bottom: 0; } .sales-block__article { padding: 2.5rem 6.25rem 2.5rem 2.5rem; } @media only screen and (min-width: 992px) { .sales-block__article { padding: 2.5rem 9.8125rem 2.5rem 2.5rem; } } @media only screen and (max-width: 767.9px) { .sales-block__article { padding: 2.8125rem 3.125rem 2.1875rem 1.125rem; } } .sales-block__title { color: #007C8E; font-size: 2rem; line-height: 1.1; font-weight: 500; margin-bottom: 1.25rem; } @media only screen and (max-width: 767.9px) { .sales-block__title { font-size: 1.125rem; line-height: 1.4; margin-bottom: 0.9375rem; } } .sales-block__info { font-weight: 400; font-size: 1.25rem; line-height: 1.5; } @media only screen and (max-width: 767.9px) { .sales-block__info { font-size: 0.875rem; } } .sales-block__info p { margin-bottom: 0.9375rem; } @media only screen and (max-width: 767.9px) { .sales-block__info p { margin-bottom: 0.625rem; } } .sales-block__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight: 300; font-size: 1rem; letter-spacing: 0.1em; margin-top: auto; } .sales-block__link svg { width: 1.0625rem; height: 1.0625rem; fill: #007C8E; margin-left: 0.625rem; } .slider { position: relative; } .slider__pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 40px; left: 72px; z-index: 998; } @media only screen and (max-width: 767.9px) { .slider__pagination--card { left: 1.5625rem; bottom: 1.5625rem; } } .slider .bullet { display: block; cursor: pointer; background-color: #FFFFFF; width: 0.625rem; height: 0.625rem; border-radius: 70px; margin-right: 7px; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .slider .bullet--active { background-color: #007C8E; width: 1.25rem; border-radius: 1.875rem; } .slider__pagination--sales-block { display: none; visibility: hidden; top: auto; bottom: -1.875rem; left: 0; } @media only screen and (max-width: 1199.9px) { .slider__pagination--sales-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; bottom: -1.5625rem; } } .slider__pagination--sales-block .bullet { background-color: #D8D8D8; } .slider__pagination--sales-block .bullet--active { background-color: #007C8E; } .slider__controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; } @media only screen and (max-width: 1199.9px) { .slider__controls { display: none; visibility: hidden; } } .slider__controls--inner .slider__button--next { right: 10px; } .slider__controls--inner .slider__button--prev { left: 10px; } .slider__button { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 2.75rem; height: 2.75rem; border-radius: 50%; background-color: #FFFFFF; border: 1px solid #E1E5EA; } .slider__button svg { width: 0.625rem; height: 0.5rem; fill: #0E3449; } .slider__button:hover svg { scale: 1.2; } .slider__button--gray { background-color: #F2F4F6; border: none; } .slider__button--gray:hover svg { fill: #0E3449; } .slider__button--prev { left: -5.625rem; } .slider__button--prev svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center; transform-origin: center; } .slider__button--next { right: -5.625rem; } .slider--features .swiper-slide { height: auto; } .slider--about .swiper-slide { height: auto; } .slider__main--overflow { overflow: visible !important; -webkit-clip-path: inset(-100% 0 -100% 0); clip-path: inset(-100% 0 -100% 0); } @media only screen and (max-width: 1199.9px) { .slider__main--overflow { -webkit-clip-path: none; clip-path: none; } } .slider__main--overflow .slider__slide { opacity: 1; } .slider__slide { opacity: 0; visibility: hidden; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; } .slider__slide--visible { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 1; visibility: visible; } .userpic-circle { width: 2.75rem; height: 2.75rem; border-radius: 50%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .userpic-circle img { width: 100%; height: 100%; -o-object-position: top; object-position: top; -o-object-fit: cover; object-fit: cover; } .video-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; border: 5px solid #8DA7B6; border-radius: 5px; overflow: hidden; min-height: 20rem; } @media only screen and (max-width: 767.9px) { .video-content { min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; max-height: 10rem; } } .video-content:hover:before { opacity: 0; } .video-content:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(14, 52, 73, 0.4); z-index: 1; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .video-content__poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-content__poster img { -o-object-fit: cover; object-fit: cover; } .video-content__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 3.75rem; height: 3.75rem; border-radius: 50%; background-color: #FFFFFF; z-index: 10; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .video-content__btn svg { width: 0.9375rem; height: 0.9375rem; } .video-content video, .video-content iframe { width: 100%; height: 100%; min-height: 20rem; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; } @media only screen and (max-width: 767.9px) { .video-content video, .video-content iframe { min-height: 10rem; } } .about-clinic { position: relative; } .about-clinic__intro { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } @media only screen and (max-width: 767.9px) { .about-clinic__intro { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .about-clinic__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; width: 100%; max-width: 570px; padding-top: 38px; } .about-clinic__text { font-size: 18px; font-weight: 300; line-height: 26.01px; } .about-clinic__picture { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 425px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 200px 200px 0 0; overflow: hidden; } .about-clinic__picture img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .article-feature { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 100%; padding: 40px 20px 33px 24px; background-color: #FFFFFF; border-radius: 20px; -webkit-box-shadow: 5px 15px 45px 0 rgba(179, 192, 204, 0.3411764706); box-shadow: 5px 15px 45px 0 rgba(179, 192, 204, 0.3411764706); } .article-feature__picture { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; height: 65px; margin-bottom: 36px; } .article-feature__title { margin-bottom: 28px; font-size: 20px; font-weight: 600; line-height: 30px; } .article-feature__text { font-size: 16px; font-weight: 400; line-height: 23.12px; } .features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .services-list { display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr)); gap: 50px; } @media only screen and (max-width: 767.9px) { .services-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 40px; } } .services-list__title { font-size: 18px; font-weight: 500; line-height: 26.01px; } .services-list__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .services-list__link { font-size: 16px; font-weight: 400; line-height: 23.12px; } .services-list__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 14px; } .filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 14px; } .filter__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 4px 20px; font-size: 20px; font-weight: 400; line-height: 32px; border-radius: 50px; background-color: #E1E5EA; } .filter__item--active { font-weight: 500; background-color: #0E3449; color: #FFFFFF; } .article-work { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: 1px solid #E1E5EA; border-radius: 10px; overflow: hidden; } .article-work__picture { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; aspect-ratio: 16/9; } .article-work__picture img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .article-work__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px 20px 22px; font-size: 20px; font-weight: 500; line-height: 28.9px; } .faq { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .article-faq { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .article-faq.active .article-faq__button { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .article-faq.active .article-faq__body { grid-template-rows: 1fr; } .article-faq__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; padding: 21px 18px; background-color: #F2F4F6; border-radius: 15px; cursor: pointer; } .article-faq__title, .article-faq__head { font-size: 20px; font-weight: 500; line-height: 28.9px; color: #0E3449; } .article-faq__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; border-radius: 50px; background-color: #007C8E; } .article-faq__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 12px; height: 12px; fill: #FFFFFF; } .article-faq__body { display: grid; grid-template-rows: 0fr; overflow: hidden; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .article-faq__wrapper { min-height: 0; } .article-faq__element:not(:last-of-type) { border-bottom: 1px solid #E8EAEC; } .article-faq__head { padding: 24px 18px; color: #007C8E; border-bottom: 1px solid #E8EAEC; } @media only screen and (max-width: 767.9px) { .article-faq__head { padding: 24px 4px; } } .article-faq__item { padding-right: 56px; } .article-faq__item:not(:last-of-type) { border-bottom: 1px solid #E8EAEC; } @media only screen and (max-width: 767.9px) { .article-faq__item { padding: 0; } } .article-faq__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 18px; font-weight: 500; line-height: 26.01px; text-align: left; color: #0E3449; } .article-faq__link span { padding: 18px; } @media only screen and (max-width: 767.9px) { .article-faq__link span { padding: 18px 4px; } } .promo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; padding: 13px 54px; border-radius: 10px; background-color: #F2F4F6; } @media only screen and (max-width: 767.9px) { .promo { padding: 32px 20px; } } .promo__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 615px; } .promo__title { margin-bottom: 20px; font-size: 40px; font-weight: 500; line-height: 57.8px; } @media only screen and (max-width: 767.9px) { .promo__title { font-size: 30px; font-weight: 500; line-height: 43.35px; } } .promo__text { margin-bottom: 30px; font-size: 16px; font-weight: 300; line-height: 23.12px; } .promo__picture { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 374px; height: 374px; aspect-ratio: 1/1; overflow: hidden; } @media only screen and (max-width: 767.9px) { .promo__picture { display: none; } } .promo__picture img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .promo__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 48px; } @media only screen and (max-width: 767.9px) { .promo__footer { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 24px; width: 100%; } .promo__footer .button { width: 100%; } } .promo__detail { font-size: 16px; font-weight: 400; line-height: 23.12px; } .promo__detail span { font-size: 20px; font-weight: 500; line-height: 28.9px; } .jobs__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin-bottom: 24px; } .jobs__title { font-size: 20px; font-weight: 500; line-height: 28.9px; } .jobs__detail { font-size: 16px; font-weight: 300; line-height: 23.12px; color: #007A8F; } .button { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; white-space: nowrap; background-color: #007C8E; padding: 0.84375rem 1.875rem; color: #FFFFFF; font-weight: 600; border-radius: 1.875rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .button:hover { background-color: #0E3449; } .button svg { width: 0.9375rem; height: 1rem; fill: #ffffff; } .button.disabled, .button[disabled] { opacity: 0.7; pointer-events: none; } .button--wide { padding-left: 2.15625rem; padding-right: 2.15625rem; } @media only screen and (max-width: 1199.9px) { .button--wide { padding: 0.9375rem 1.15625rem; } } @media only screen and (max-width: 767.9px) { .button--wide { font-size: 0.75rem; } } .button--empty { background-color: transparent; outline: 1px solid #007A8F; color: #007A8F; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .button--empty:hover { color: #FFFFFF; background-color: #007C8E; } .button--dark { background-color: #0E3449; } .button--gray { background-color: #6E7677; } .button--darkgray { background-color: #2E2E2E; } .button--review { background-color: transparent; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 11.875rem; padding: 0; } @media only screen and (max-width: 767.9px) { .button--review { width: 9.6875rem; } } .button--review:hover { background-color: transparent; } .button--review:hover svg { fill: #ffffff; } .button--review:hover .button--review__circle { background-color: #007C8E; } .button--review__icon { width: 1.375rem; height: 1.375rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; fill: #0E3449 !important; } .button--review__circle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 3.75rem; height: 3.75rem; border-radius: 50%; border: 2px solid #007C8E; } @media only screen and (max-width: 767.9px) { .button--review__circle { width: 3.125rem; height: 3.125rem; } } .button--review__text { text-decoration: underline; text-underline-offset: 3px; color: #0E3449; } @media only screen and (max-width: 767.9px) { .button--review__text { font-size: 0.875rem; } } .button--100 { width: 100%; } .button--245 { width: 15.3125rem; height: 3.75rem; } @media only screen and (max-width: 767.9px) { .button--245 { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; } } .button--190 { width: 11.875rem; } @media only screen and (max-width: 767.9px) { .button--190 { width: auto; } } .button--h60 { height: 3.75rem; } @media only screen and (max-width: 767.9px) { .button--h60 { height: 3.125rem; } } .button-plus { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: #F2F4F6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .button-plus:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.125rem; height: 0.1875rem; border-radius: 10px; background-color: #007C8E; } .button-plus:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.1875rem; height: 1.125rem; border-radius: 10px; background-color: #007C8E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .button-plus.active:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .button-plus--light { background-color: #FFFFFF; } .button-plus--light.active { background-color: #007C8E; } .button-plus--light.active:after, .button-plus--light.active:before { background-color: #FFFFFF; } .button-plus--small { width: 0.9375rem; height: 0.9375rem; background-color: transparent; } .button-plus--small:before { width: 0.84375rem; height: 0.09375rem; background-color: #007C8E; } .button-plus--small:after { width: 0.09375rem; height: 0.84375rem; background-color: #007C8E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .button-plus--small.active:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); background-color: #0E3449; } .button-plus--small.active:before { background-color: #0E3449; } .button-reset { font-size: 0.875rem; color: #007C8E; padding: 0.625rem; border-radius: 10px; } .button-reset:hover svg { -webkit-transform: rotate(75deg); transform: rotate(75deg); } .button-reset__icon { width: 0.875rem; height: 0.875rem; } .form-bg--gray { padding: 3.125rem; border-radius: 10px; background-color: #F2F4F6; } @media only screen and (max-width: 1199.9px) { .form-bg--gray { padding: 3.125rem; } } @media only screen and (max-width: 767.9px) { .form-bg--gray { padding: 1.875rem 1.25rem; } } .form form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1199.9px) { .form form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .form__label--switch { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form__label--switch p { font-size: 1rem; font-weight: 300; margin-left: 0.9375rem; } .form__label--switch input[type=checkbox] { display: block; width: 0; height: 0; position: absolute; z-index: -1; opacity: 0; } .form input[type=checkbox]:checked + .form__checkbox-switch { background-color: #007C8E; } .form input[type=checkbox]:checked + .form__checkbox-switch:after { left: auto; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); } .form__checkbox-switch { display: block; position: relative; width: 2.625rem; height: 1.5rem; border-radius: 2.5rem; background: #D5DBE1; -webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1); transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1); } .form__checkbox-switch:after { content: ""; display: block; cursor: pointer; width: 1.25rem; height: 1.25rem; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0.1875rem; z-index: 5; background: white; -webkit-transition: all 0.3s cubic-bezier(0, 1, 0.5, 1); transition: all 0.3s cubic-bezier(0, 1, 0.5, 1); } @media only screen and (max-width: 767.9px) { .form__checkbox-text { font-size: 0.6875rem; } } .form__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; } .form__block-inputs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; padding: 3.125rem; border-radius: 10px; background-color: #F2F4F6; } @media only screen and (max-width: 1199.9px) { .form__block-inputs { padding: 3.125rem; } } @media only screen and (max-width: 767.9px) { .form__block-inputs { gap: 0.625rem; padding: 0; } } .form__block-checkbox { height: 100%; } @media only screen and (max-width: 1199.9px) { .form__block-checkbox { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .form__wrapper--left { width: 77%; margin-right: 2.0625rem; gap: 1.25rem; } @media only screen and (max-width: 1199.9px) { .form__wrapper--left { width: 100%; margin-right: 0; margin-bottom: 1.25rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .form__wrapper--right { width: 100%; max-width: 18%; gap: 0.625rem; } @media only screen and (max-width: 1199.9px) { .form__wrapper--right { width: 100%; max-width: none; } } .form__label { width: 100%; position: relative; } .form__label textarea { min-height: 25.625rem; } @media only screen and (max-width: 767.9px) { .form__label textarea { min-height: auto; height: 11.25rem; } } .form__label-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 50%; left: 1.875rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .form__label-icon svg { width: 1rem; height: 1rem; fill: #0E3449; } .form__input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 0.8125rem 1.5625rem; background-color: #FFFFFF; border-radius: 10px; overflow: hidden; } .form__input::-webkit-input-placeholder { font-size: 1rem; font-weight: 300; } .form__input::-moz-placeholder { font-size: 1rem; font-weight: 300; } .form__input:-ms-input-placeholder { font-size: 1rem; font-weight: 300; } .form__input::-ms-input-placeholder { font-size: 1rem; font-weight: 300; } .form__input::placeholder { font-size: 1rem; font-weight: 300; } @media only screen and (max-width: 767.9px) { .form__input::-webkit-input-placeholder { font-size: 0.875rem; } .form__input::-moz-placeholder { font-size: 0.875rem; } .form__input:-ms-input-placeholder { font-size: 0.875rem; } .form__input::-ms-input-placeholder { font-size: 0.875rem; } .form__input::placeholder { font-size: 0.875rem; } } .form__input:focus { outline: 1px solid #178699; } .form__select-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-flex: 0; -webkit-flex: 0 1 48%; -ms-flex: 0 1 48%; flex: 0 1 48%; } @media only screen and (max-width: 767.9px) { .form__select-label { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .form__select-label:before { content: ""; position: absolute; top: 50%; right: 1.5625rem; width: 0.75rem; height: 0.625rem; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); background-image: url("../assets/images/icon-arrow-min.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .form__select { cursor: pointer; background-color: #FFFFFF; border-radius: 10px; padding: 0.8125rem 1.5625rem; width: 100%; } .form__select-trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; background-color: #FFFFFF; padding: 0.8125rem 1.5625rem; font-size: 1rem; font-weight: 300; border-radius: 10px; overflow: hidden; } .form__select-trigger svg { width: 0.75rem; height: 0.5rem; fill: #0E3449; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form__select-trigger.active svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .form__select-menu { display: none; visibility: hidden; position: absolute; width: 100%; top: 3.125rem; background-color: #FFFFFF; padding: 1.25rem 0; border-radius: 10px; z-index: 100; } .form__select-menu.active { display: block; visibility: visible; } .form__select-menu-item { cursor: pointer; padding: 0.625rem 0.875rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form__select-menu-item:hover { background-color: rgba(0, 124, 142, 0.4); color: #FFFFFF; } .form__select-menu-item input { display: none; visibility: hidden; } .form__submit-btn { max-width: 100%; width: 11.6875rem; } .form--small { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 3.3125rem 1.875rem 2.1875rem; } @media only screen and (max-width: 767.9px) { .form--small { padding: 2.5rem 1.75rem; } } .form--small label { height: 3.75rem; } .form--small__input { border-radius: 4.375rem; padding-left: 4.0625rem; } .form--small__button { width: 16.875rem; height: 3.75rem; } .form--small__checkbox input { background-color: #FFFFFF !important; } @media only screen and (max-width: 767.9px) { .form--big { background-color: #F2F4F6; padding: 1.875rem 1.25rem; border-radius: 10px; } } .form--big form { display: block; } .form--filter { padding: 1.5rem; background-color: #F2F4F6; border-radius: 0.625rem; max-width: 16.875rem; min-height: 24.6875rem; } @media only screen and (max-width: 767.9px) { .form--filter { max-width: none; } } .form--filter form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 1.25rem; } .form--filter__checkbox-btn { background-color: #FFFFFF !important; } .form--filter__label-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 1.375rem; } .form--filter__label-icon svg { width: 0.75rem; height: 0.75rem; fill: #6F8592; } .form--filter__input { padding-left: 2.75rem; padding-right: 2.75rem; } .form--filter__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #007C8E; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.25rem; } .form--filter__btn-icon { width: 0.9375rem; height: 0.9375rem; fill: #007C8E; } .form--cabinet { width: 100%; } .form--cabinet__label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; background-color: #FFFFFF; padding: 1.125rem 0.625rem 1.125rem 3.9375rem; border-radius: 4.375rem; margin-bottom: 1.25rem; } .form--cabinet__label:last-of-type { margin-bottom: 2.1875rem; } .form--cabinet__label svg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 2.125rem; max-width: 0.875rem; max-height: 0.9375rem; } .form--cabinet__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767.9px) { .form--cabinet__bottom { -webkit-column-gap: 0.9375rem; -moz-column-gap: 0.9375rem; column-gap: 0.9375rem; } } .form--cabinet__bottom a, .form--cabinet__bottom button { width: 50%; max-width: 10.625rem; } @media only screen and (max-width: 767.9px) { .form--cabinet__bottom a, .form--cabinet__bottom button { max-width: 9.375rem; } } .checkbox--square { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1.5625rem; cursor: pointer; margin-bottom: 1.25rem; } .checkbox--square:last-child { margin-bottom: 0; } .checkbox--square input { display: block; width: 1.625rem; height: 1.625rem; border-radius: 5px; border: none; padding: 0; cursor: pointer; background-color: #F2F4F6; position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .checkbox--square input:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.875rem; height: 0.875rem; border-radius: 5px; background-color: #007C8E; opacity: 0; } .checkbox--square input:checked:before { opacity: 1; } @media only screen and (max-width: 767.9px) { .checkbox--square-agreement { gap: 1.0625rem; } } @media only screen and (max-width: 767.9px) { .checkbox--square-agreement input { background-color: #FFFFFF; } } .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; width: 16.125rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .logo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media only screen and (max-width: 767.9px) { .logo { width: 9.4375rem; } } .link--green-dot { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.125rem; } .link--green-dot:before { content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #18D379; margin-right: 0.5rem; } .link--dot { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #007C8E; font-size: 1.25rem; margin-bottom: 1.5625rem; } @media only screen and (max-width: 767.9px) { .link--dot { margin-bottom: 1.125rem; } } .link--dot:before { content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #007C8E; margin-right: 0.8125rem; } .link--underline { word-wrap: break-word; text-decoration: underline; text-underline-offset: 3px; } .link--arrow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.625rem 0.3125rem; } .link--arrow:hover { opacity: 1; } .link--arrow:hover svg { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .link--arrow__text { font-weight: 500; font-size: 2rem; margin-right: 2.5rem; } @media only screen and (max-width: 767.9px) { .link--arrow__text { font-size: 1.25rem; } } .link--arrow__icon { fill: #007A8F; width: 1rem; height: 1rem; -webkit-transform: rotate(305deg); transform: rotate(305deg); } .link--img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 6.875rem; background-color: #FFFFFF; padding: 1.125rem; margin-bottom: 1.875rem; border-radius: 0.625rem; overflow: hidden; } @media only screen and (max-width: 767.9px) { .link--img { margin-bottom: 0; } } @media only screen and (max-width: 520px) { .link--img { height: 9.375rem; } } .link--img__picture { width: 100%; } .link--img__picture img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } @media only screen and (max-width: 767.9px) { .link--img-min { padding: 0.5rem; height: 3.75rem; } } @media only screen and (max-width: 767.9px) { .link--img-min img { height: auto; } } .block-table { border-radius: 0.625rem; padding: 2.8125rem 6.25rem 2.8125rem 4.375rem; display: block; width: 100%; } .block-table__main { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 0 5rem; padding-bottom: 3.125rem; border-bottom: 1px solid #d0dfe4; } .block-cell__title { font-weight: 400; font-size: 1.125rem; line-height: 2rem; border-bottom: 1px solid #d0dfe4; padding-top: 0.625rem; padding-bottom: 0.625rem; margin-bottom: 2.1875rem; color: #0e3449; text-align: center; } .block-time { color: #0e3449; background: #fff; border-radius: 0.625rem; overflow: hidden; } .block-time__main { padding: 1.5625rem 1.5625rem 1.25rem; } .block-time__description { font-weight: 400; font-size: 0.75rem; line-height: 1.25rem; margin-bottom: 0.25rem; } .block-time__head { padding-bottom: 0.8125rem; border-bottom: 1px solid #d0dfe4; } .block-time__content { padding-top: 1.5625rem; padding-bottom: 2.5rem; } .block-time__result { background-image: url(../img/icon-flag.svg); background-repeat: no-repeat; padding-left: 1.375rem; } .block-time__result-description { font-weight: 400; font-size: 0.75rem; line-height: 1.25rem; color: #98bacd; margin-bottom: 0.3125rem; } .block-time__result-title { font-weight: 400; font-size: 0.75rem; line-height: 1.25rem; } .block-time__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-height: 3.125rem; padding-left: 1.125rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #007c8e; background-image: url(../img/icon-arrow-next.svg); color: #fff; padding-right: 2.5rem; background-repeat: no-repeat; background-size: 1.3125rem 0.625rem; background-position: right 1.125rem center; width: 100%; cursor: pointer; font-size: 0.875rem; font-weight: 600; -webkit-transition: 0.3s; transition: 0.3s; } .block-time__button:hover { opacity: 0.7; } .editor { display: block; width: 100%; line-height: 1.4; font-weight: 300; } .editor > :last-child { margin-bottom: 0; } .editor h1 { font-size: 2.5rem; font-weight: 500; } @media only screen and (max-width: 767.9px) { .editor h1 { font-size: 1.875rem; } } .editor h2 { font-size: 2rem; font-weight: 500; } @media only screen and (max-width: 767.9px) { .editor h2 { font-size: 1.875rem; } } .editor h3 { font-size: 1.5rem; font-weight: 500; } @media only screen and (max-width: 767.9px) { .editor h3 { font-size: 1.25rem; } } .editor h4 { font-size: 1.25rem; font-weight: 500; } @media only screen and (max-width: 767.9px) { .editor h4 { font-size: 1.125rem; } } .editor h5 { font-size: 1.125rem; font-weight: 500; } @media only screen and (max-width: 767.9px) { .editor h5 { font-size: 1rem; } } .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 { margin-bottom: 0.5em; } .editor p { margin-bottom: 1.875rem; } .editor p:last-child { margin-bottom: 0; } .editor p + ul p { margin-bottom: 0; } .editor li { margin-bottom: 0.375rem; } .editor ul { list-style: disc inside; } .editor ul li { position: relative; } .editor ul li::marker { color: #007C8E; } .editor blockquote { font-weight: 300; position: relative; font-size: 1.5rem; margin-bottom: 2rem; padding: 2.0625rem 4.5rem; } @media only screen and (max-width: 1199.9px) { .editor blockquote { font-weight: 400; font-size: 1.25rem; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-bottom: 1.875rem; padding: 1.875rem 1.875rem 1.875rem 2.625rem; } } .editor blockquote:before { content: ""; top: 2.0625rem; left: 3.125rem; width: 0.125rem; display: block; bottom: 2.0625rem; background-color: #007C8E; position: absolute; } @media only screen and (max-width: 1199.9px) { .editor blockquote:before { left: 1.875rem; top: 1.875rem; bottom: 1.875rem; } } .editor figure { display: block; margin-bottom: 2rem; } @media only screen and (max-width: 1199.9px) { .editor figure { margin-bottom: 1.875rem; } } .editor picture { width: 100%; height: auto; display: block; } .editor img { display: block; width: 100%; height: auto; max-height: 31.25rem; -o-object-fit: cover; object-fit: cover; margin-left: auto; margin-right: auto; margin-bottom: 1.25rem; } @media only screen and (max-width: 767.9px) { .editor img { max-height: 18.75rem; } } .editor figcaption { display: block; font-weight: 400; } .editor strong, .editor b { font-weight: 500; } .editor i { font-style: italic; } .editor q { display: block; font-size: 1.25rem; line-height: 1.45; font-weight: 400; margin-bottom: 2.5rem; } @media only screen and (max-width: 767.9px) { .editor q { margin-bottom: 0.9375rem; } } .editor q:before, .editor q:after { content: none; } .editor ol { counter-reset: index; list-style-type: none; margin: 0.625rem 0 1.875rem; } .editor ol > li::before { counter-increment: index; content: counters(index, ".", decimal) ". "; font-weight: 500; color: #0E3449; } .editor ul { margin: 0.625rem 0 1.875rem; } .editor__list > .editor__list-item { margin-bottom: 1.25rem; } .editor__list > .editor__list-item:before { opacity: 0; position: absolute; } .editor__list > li { font-weight: 500; counter-increment: li; } .editor__list-item { display: block; } .editor__list--inner > li { font-weight: 300; } .editor__list-text { display: inline-block; margin-bottom: 1.875rem; } .editor .info-min { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 1.4375rem; color: #828282; opacity: 0.6; font-weight: 500; font-size: 1rem; } @media only screen and (max-width: 767.9px) { .editor .info-min { font-size: 0.875rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .editor .info-min p { margin-bottom: 0; } .editor--16 { font-size: 1rem; } .editor--18 { font-size: 1.125rem; } @media only screen and (max-width: 767.9px) { .editor--18 { font-size: 1rem; } } .editor--20 { font-size: 1.25rem; } .editor--no-marg p { margin-bottom: 0; } .editor--custom ol > li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 14px; } .editor--custom ol > li::before { content: ""; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 10px; height: 7px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M11.0001 1L4.00004 8.00002L1 5' stroke='%23007A8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; background-position: center; } .title { font-size: 2rem; font-weight: 500; line-height: 1.43; } @media only screen and (max-width: 767.9px) { .title { font-size: 1.875rem; } } .title--page { font-size: 2.5rem; } @media only screen and (max-width: 767.9px) { .title--page { font-size: 1.875rem; } } .title--page-intro { font-size: calc(30px + 10 * (100vw - 320px) / 1620); margin-bottom: 1.25rem; } .title--small { font-size: 1.5rem; } @media only screen and (max-width: 767.9px) { .title--small { font-size: 1.25rem; } } .title--min { font-size: 1.25rem; } @media only screen and (max-width: 767.9px) { .title--min { font-size: 1.125rem; } } .title--upper { text-transform: uppercase; font-size: 1.125rem; margin-bottom: 0.625rem; } .img--full { width: 100%; max-height: 15.625rem; border-radius: 10px; overflow: hidden; } @media only screen and (max-width: 767.9px) { .img--full { height: 15.625rem; } } .img--full img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .list { list-style: none; } .list--dots li:before { content: "·"; position: relative; left: -0.625rem; } .list--line li:before { content: "–"; } .list--mark { font-size: 1.25rem; } @media only screen and (max-width: 767.9px) { .list--mark { font-size: 1rem; } } .list--mark li { position: relative; padding-left: 2.1875rem; margin-bottom: 0.8125rem; line-height: 1.6; } .list--mark li:last-child { margin-bottom: 0; } .list--mark li:before { content: ""; display: inline-block; position: absolute; left: 0; top: 0.5rem; margin-right: 0.75rem; width: 0.625rem; height: 0.625rem; background-image: url("../assets/images/icon-done.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } .list--alph { list-style: none; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } @media only screen and (max-width: 1199.9px) { .list--alph { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media only screen and (max-width: 767.9px) { .list--alph { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -webkit-columns: 17.8125rem; -moz-columns: 17.8125rem; columns: 17.8125rem; } } .list--alph ul { padding-top: 1.5625rem; } @media only screen and (max-width: 767.9px) { .list--alph ul { padding-top: 1.0625rem; } } .list--alph li { margin-bottom: 0.875rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 767.9px) { .list--alph li { margin-bottom: 0.625rem; } } .list--alph li:last-child { margin-bottom: 0; } .list--alph > li { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; font-size: 1.25rem; font-weight: 400; margin-bottom: 1.875rem; } @media only screen and (max-width: 767.9px) { .list--alph > li { margin-bottom: 1.875rem; } } .list--alph > li:last-child { margin-bottom: 0; } .list--alph > li:before { content: attr(data-letter); font-size: 1.5rem; font-weight: 600; color: #007C8E; } @media only screen and (max-width: 767.9px) { .list--alph > li:before { font-size: 1.25rem; } } .list--alph > li > ul > li { cursor: pointer; } .list--alph > li > ul > li:hover { color: #007C8E; } .about__feature { margin-bottom: 3.4375rem; } @media only screen and (max-width: 1199.9px) { .about__feature { margin-bottom: 3.75rem; } } .about__feature-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .about__feature-pic { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 3.75rem; height: 3.75rem; margin-right: 0.9375rem; } .about__feature-pic:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #F2F4F6; z-index: -1; } .about__feature-icon { width: auto; max-width: 1.875rem; height: 1.875rem; } .about__feature-title { font-weight: 600; font-size: 2rem; margin-bottom: 0.3125rem; } .about__feature-text { font-weight: 300; font-size: 1rem; } .advisors__card { height: 21.5625rem; } .advisors__card-picture { height: 100%; max-height: 13.25rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .advisors__card-content { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 100%; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .license__slider-button { background-color: #FFFFFF; border: none; } .license__slider-button:hover { opacity: 1; } .license__slide { position: relative; cursor: pointer; border-radius: 5px; overflow: hidden; } .license__slide:hover:before, .license__slide:hover:after, .license__slide:hover .license__slide-icon { opacity: 1; } .license__slide:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(54, 63, 69, 0.3); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .license__slide:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: #FFFFFF; -webkit-box-shadow: 0px 4px 20px rgba(62, 89, 100, 0.5); box-shadow: 0px 4px 20px rgba(62, 89, 100, 0.5); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .license__slide-icon { width: 1.125rem; height: 1.125rem; position: absolute; top: 50%; left: 50%; z-index: 10; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .license__slide-pic { overflow: hidden; border-radius: 5px; } .license__slide-pic img { width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; } .services__article { padding: 1.875rem; border-radius: 0.625rem; min-height: 15rem; height: 100%; } @media only screen and (max-width: 767.9px) { .services__article { padding-bottom: 2.625rem; height: auto; } } .services__picture { width: 3.75rem; height: 3.75rem; border-radius: 50%; overflow: hidden; margin-bottom: 1.25rem; } .services__picture img { max-width: 100%; } .services__title { font-size: 1.25rem; font-weight: 500; margin-bottom: 0.625rem; } @media only screen and (max-width: 767.9px) { .services__title { margin-bottom: 1.0625rem; } } .services__info p { font-size: 1rem; font-weight: 300; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .history__pic { width: 100%; max-width: 29.375rem; height: 16.875rem; border-radius: 10px; overflow: hidden; } @media only screen and (max-width: 767.9px) { .history__pic { max-width: none; max-height: 11.8125rem; } } .history__pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .history__article { position: relative; min-height: 16.875rem; padding-top: 1.5625rem; margin: 0 0 1.875rem 1.875rem; } @media only screen and (max-width: 767.9px) { .history__article { margin: 0; padding-top: 1.25rem; } } .history__article:before { content: ""; display: block; position: absolute; top: 3.4375rem; left: -2.8125rem; width: 0.75rem; height: 0.75rem; background: url("../assets/images/decor-circle.svg") center no-repeat; } @media only screen and (max-width: 767.9px) { .history__article:before { display: none; visibility: hidden; } } .history__article:after { content: ""; display: block; position: absolute; top: 4.625rem; left: -2.5rem; height: 110%; width: 1px; background-color: #D3D7DB; } @media only screen and (max-width: 767.9px) { .history__article:after { display: none; visibility: hidden; } } .history__article--last:after { height: 75%; } .history__article-title { font-size: 2.5rem; font-weight: 500; margin-bottom: 1.25rem; } @media only screen and (max-width: 767.9px) { .history__article-title { font-size: 1.25rem; } } .history__article-content { font-size: 1rem; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; margin-bottom: 0.625rem; } @media only screen and (max-width: 767.9px) { .history__article-content { font-size: 0.875rem; margin-bottom: -0.625rem; } } .history__article-content p { margin-bottom: 10px; } .history__article-content p:last-child { margin-bottom: 0; } .history__collapse-trigger { color: #007C8E; text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 5px; } .history__collapse-item { position: relative; } .history__collapse-content { position: absolute; top: 100%; background-color: #FFFFFF; border-radius: 10px; -webkit-box-shadow: 2px 2px 8px 0 rgba(34, 60, 80, 0.2); box-shadow: 2px 2px 8px 0 rgba(34, 60, 80, 0.2); z-index: 10; } .history__collapse-inner { padding: 1.25rem; } .history__collapse-inner p { margin-bottom: 10px; } .history__collapse-inner p:last-child { margin-bottom: 0; } .vacancy__list { margin-bottom: 1.5625rem; list-style: none; } .vacancy__list:last-child { margin-bottom: 0; } .vacancy__list p { margin-bottom: 0.625rem; } .vacancy__list-item { display: block; position: relative; margin-bottom: 0.625rem; } .vacancy__list-item:before { content: "–"; margin-right: 0.625rem; } .vacancy__list-item:last-child { margin-bottom: 0; } .not-found { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 35.3125rem; margin: 0 auto; position: relative; top: -1.5625rem; text-align: center; } @media only screen and (max-width: 767.9px) { .not-found { top: 3.4375rem; min-height: auto; } } .not-found__title { font-size: calc(156px + 164 * (100vw - 320px) / 1600); font-weight: 700; line-height: 1; } @media only screen and (max-width: 767.9px) { .not-found__title { margin-bottom: 2.8125rem; } } .not-found__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } .not-found__picture { width: 100%; max-width: 56.25rem; margin: 0 auto 2.5rem; } @media only screen and (max-width: 767.9px) { .not-found__picture { margin-bottom: 3.125rem; } } @media only screen and (max-width: 767.9px) { .news-page__intro-picture { height: 18.75rem; bottom: 0; } } .news-page__intro-button { width: 11.75rem; } @media only screen and (max-width: 767.9px) { .news-page__intro-button { width: 10rem; } } @media only screen and (max-width: 767.9px) { .news-detail__title { margin-bottom: 0.3125rem !important; } } .card-small { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 10px; background-color: #FFFFFF; overflow: hidden; } .card-small__picture { height: 1.875rem; width: 1.875rem; } .card-small__picture img { width: 100%; height: 100%; } .card-small__icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .card-small--border { border: 1px solid #E1E5EA; } .card-small--wide { gap: 5.75rem; } .article-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .article-icon__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; } .article-icon__title { font-size: 1.125rem; font-weight: 600; } .article-icon__content { padding-left: 4rem; font-weight: 300; } .article-icon__picture { height: 3.125rem; width: 3.125rem; border-radius: 50%; overflow: hidden; } .article-icon__picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .article-icon--big { gap: 0.9375rem; } .article-icon--big__picture { height: 4.375rem; width: 4.375rem; } .tags { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 14px; } .tag { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 4px 13px; font-size: 20px; font-weight: 400; line-height: 32px; background-color: #E1E5EA; border-radius: 50px; } .lab-price { background-color: #E8EAEB !important; padding: 3.125rem !important; width: 100%; max-width: 73.125rem !important; } @media only screen and (max-width: 767.9px) { .lab-price { max-width: calc(100vw - 50px) !important; padding: 2.5rem 1.375rem 1.875rem !important; } } .lab-price__title { font-size: 2rem; font-weight: 500; margin-bottom: 2.5rem; } @media only screen and (max-width: 767.9px) { .lab-price__title { font-size: 1.25rem; margin-bottom: 1.5625rem; } } .lab-price__list { margin-bottom: 3.75rem; } @media only screen and (max-width: 767.9px) { .lab-price__list { margin-bottom: 1.875rem; } } .lab-price__list li { margin-bottom: 0.625rem; } @media only screen and (max-width: 767.9px) { .lab-price__list li { margin-bottom: 1.25rem; } } .lab-price__list li:last-child { margin-bottom: 0rem; } .lab-price__list b { font-weight: 500; } html { scroll-behavior: smooth; } *[hidden] { display: none; } a, svg, button { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a, button { cursor: pointer; } a:hover, button:hover { opacity: 0.8; } svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } picture, img { display: block; } picture img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } img { max-width: none; } input, textarea, button { font-family: inherit; } .z-index-1 { position: relative; z-index: 1; } .z-index-2 { position: relative; z-index: 2; } .z-index-3 { position: relative; z-index: 3; } .only-mobile { position: absolute; pointer-events: none; visibility: hidden; display: none; } @media only screen and (max-width: 767.9px) { .only-mobile { position: relative; pointer-events: auto; visibility: visible; display: block; } } @media only screen and (max-width: 767.9px) { .mob-hidden { position: absolute; visibility: hidden; display: none; } } @media only screen and (max-width: 1199.9px) { .tab-hidden { pointer-events: none; visibility: hidden; display: none; } } @media only screen and (min-width: 1199.9px) { .desktop-hidden { pointer-events: none; display: none !important; visibility: hidden; } } @media only screen and (max-width: 767.9px) { .order-m--1 { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } } @media only screen and (max-width: 767.9px) { .order-m-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 767.9px) { .order-m-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media only screen and (max-width: 767.9px) { .order-m-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media only screen and (max-width: 767.9px) { .order-m-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } @media only screen and (max-width: 767.9px) { .order-m-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } } @media only screen and (max-width: 767.9px) { .order-m-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } } @media only screen and (max-width: 767.9px) { .order-m-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } } @media only screen and (max-width: 767.9px) { .order-m-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } } @media only screen and (max-width: 767.9px) { .order-m-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex--column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1199.9px) { .flex--tab-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767.9px) { .flex--mob-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .center { text-align: center; } .centered { margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767.9px) { .centered-mob { margin-left: auto; margin-right: auto; } } .relative { position: relative; } .marg-left { margin-left: auto; } [data-search-element] { cursor: pointer; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.0625rem; } .gap-2 { gap: 0.125rem; } .gap-3 { gap: 0.1875rem; } .gap-4 { gap: 0.25rem; } .gap-5 { gap: 0.3125rem; } .gap-6 { gap: 0.375rem; } .gap-7 { gap: 0.4375rem; } .gap-8 { gap: 0.5rem; } .gap-9 { gap: 0.5625rem; } .gap-10 { gap: 0.625rem; } .gap-15 { gap: 0.9375rem; } .gap-20 { gap: 1.25rem; } .gap-25 { gap: 1.5625rem; } .gap-30 { gap: 1.875rem; } .gap-35 { gap: 2.1875rem; } .gap-40 { gap: 2.5rem; } .gap-45 { gap: 2.8125rem; } .gap-50 { gap: 3.125rem; } .gap-55 { gap: 3.4375rem; } .gap-60 { gap: 3.75rem; } .gap-65 { gap: 4.0625rem; } .gap-70 { gap: 4.375rem; } .gap-75 { gap: 4.6875rem; } .gap-80 { gap: 5rem; } .gap-85 { gap: 5.3125rem; } .gap-90 { gap: 5.625rem; } .gap-95 { gap: 5.9375rem; } .gap-100 { gap: 6.25rem; } .gap-120 { gap: 7.5rem; } .gap-300 { gap: 18.75rem; } @media only screen and (max-width: 767.9px) { .gap--mob-0 { gap: 0rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-1 { gap: 0.0625rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-2 { gap: 0.125rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-3 { gap: 0.1875rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-4 { gap: 0.25rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-5 { gap: 0.3125rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-6 { gap: 0.375rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-7 { gap: 0.4375rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-8 { gap: 0.5rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-9 { gap: 0.5625rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-10 { gap: 0.625rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-15 { gap: 0.9375rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-20 { gap: 1.25rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-25 { gap: 1.5625rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-30 { gap: 1.875rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-35 { gap: 2.1875rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-35 { gap: 2.1875rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-40 { gap: 2.5rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-45 { gap: 2.8125rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-50 { gap: 3.125rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-55 { gap: 3.4375rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-60 { gap: 3.75rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-65 { gap: 4.0625rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-70 { gap: 4.375rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-75 { gap: 4.6875rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-80 { gap: 5rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-85 { gap: 5.3125rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-90 { gap: 5.625rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-95 { gap: 5.9375rem; } } @media only screen and (max-width: 767.9px) { .gap--mob-100 { gap: 6.25rem; } } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.0625rem; } .mb-2 { margin-bottom: 0.125rem; } .mb-3 { margin-bottom: 0.1875rem; } .mb-4 { margin-bottom: 0.25rem; } .mb-5 { margin-bottom: 0.3125rem; } .mb-6 { margin-bottom: 0.375rem; } .mb-7 { margin-bottom: 0.4375rem; } .mb-8 { margin-bottom: 0.5rem; } .mb-9 { margin-bottom: 0.5625rem; } .mb-10 { margin-bottom: 0.625rem; } .mb-15 { margin-bottom: 0.9375rem; } .mb-20 { margin-bottom: 1.25rem; } .mb-25 { margin-bottom: 1.5625rem; } .mb-30 { margin-bottom: 1.875rem; } .mb-35 { margin-bottom: 2.1875rem; } .mb-40 { margin-bottom: 2.5rem; } .mb-45 { margin-bottom: 2.8125rem; } .mb-50 { margin-bottom: 3.125rem; } .mb-55 { margin-bottom: 3.4375rem; } .mb-60 { margin-bottom: 3.75rem; } .mb-65 { margin-bottom: 4.0625rem; } .mb-70 { margin-bottom: 4.375rem; } .mb-75 { margin-bottom: 4.6875rem; } .mb-80 { margin-bottom: 5rem; } .mb-85 { margin-bottom: 5.3125rem; } .mb-90 { margin-bottom: 5.625rem; } .mb-95 { margin-bottom: 5.9375rem; } .mb-100 { margin-bottom: 6.25rem; } .mb-110 { margin-bottom: 6.875rem; } .mb-120 { margin-bottom: 7.5rem; } .mb-300 { margin-bottom: 18.75rem; } .mt-1 { margin-top: 0.0625rem; } .mt-2 { margin-top: 0.125rem; } .mt-3 { margin-top: 0.1875rem; } .mt-4 { margin-top: 0.25rem; } .mt-5 { margin-top: 0.3125rem; } .mt-6 { margin-top: 0.375rem; } .mt-7 { margin-top: 0.4375rem; } .mt-8 { margin-top: 0.5rem; } .mt-9 { margin-top: 0.5625rem; } .mt-10 { margin-top: 0.625rem; } .mt-15 { margin-top: 0.9375rem; } .mt-20 { margin-top: 1.25rem; } .mt-25 { margin-top: 1.5625rem; } .mt-30 { margin-top: 1.875rem; } .mt-35 { margin-top: 2.1875rem; } .mt-40 { margin-top: 2.5rem; } .mt-45 { margin-top: 2.8125rem; } .mt-50 { margin-top: 3.125rem; } .mt-55 { margin-top: 3.4375rem; } .mt-60 { margin-top: 3.75rem; } .mt-65 { margin-top: 4.0625rem; } .mt-70 { margin-top: 4.375rem; } .mt-75 { margin-top: 4.6875rem; } .mt-80 { margin-top: 5rem; } .mt-85 { margin-top: 5.3125rem; } .mt-90 { margin-top: 5.625rem; } .mt-95 { margin-top: 5.9375rem; } .mt-100 { margin-top: 6.25rem; } .mt-120 { margin-top: 7.5rem; } .mt-180 { margin-top: 11.25rem; } @media only screen and (max-width: 1199.9px) { .mbt-0 { margin-bottom: 0rem; } } @media only screen and (max-width: 1199.9px) { .mbt-1 { margin-bottom: 0.0625rem; } } @media only screen and (max-width: 1199.9px) { .mbt-2 { margin-bottom: 0.125rem; } } @media only screen and (max-width: 1199.9px) { .mbt-3 { margin-bottom: 0.1875rem; } } @media only screen and (max-width: 1199.9px) { .mbt-4 { margin-bottom: 0.25rem; } } @media only screen and (max-width: 1199.9px) { .mbt-5 { margin-bottom: 0.3125rem; } } @media only screen and (max-width: 1199.9px) { .mbt-6 { margin-bottom: 0.375rem; } } @media only screen and (max-width: 1199.9px) { .mbt-7 { margin-bottom: 0.4375rem; } } @media only screen and (max-width: 1199.9px) { .mbt-8 { margin-bottom: 0.5rem; } } @media only screen and (max-width: 1199.9px) { .mbt-9 { margin-bottom: 0.5625rem; } } @media only screen and (max-width: 1199.9px) { .mbt-10 { margin-bottom: 0.625rem; } } @media only screen and (max-width: 1199.9px) { .mbt-15 { margin-bottom: 0.9375rem; } } @media only screen and (max-width: 1199.9px) { .mbt-20 { margin-bottom: 1.25rem; } } @media only screen and (max-width: 1199.9px) { .mbt-25 { margin-bottom: 1.5625rem; } } @media only screen and (max-width: 1199.9px) { .mbt-30 { margin-bottom: 1.875rem; } } @media only screen and (max-width: 1199.9px) { .mbt-35 { margin-bottom: 2.1875rem; } } @media only screen and (max-width: 1199.9px) { .mbt-35 { margin-bottom: 2.1875rem; } } @media only screen and (max-width: 1199.9px) { .mbt-40 { margin-bottom: 2.5rem; } } @media only screen and (max-width: 1199.9px) { .mbt-45 { margin-bottom: 2.8125rem; } } @media only screen and (max-width: 1199.9px) { .mbt-50 { margin-bottom: 3.125rem; } } @media only screen and (max-width: 1199.9px) { .mbt-55 { margin-bottom: 3.4375rem; } } @media only screen and (max-width: 1199.9px) { .mbt-60 { margin-bottom: 3.75rem; } } @media only screen and (max-width: 1199.9px) { .mbt-65 { margin-bottom: 4.0625rem; } } @media only screen and (max-width: 1199.9px) { .mbt-70 { margin-bottom: 4.375rem; } } @media only screen and (max-width: 1199.9px) { .mbt-75 { margin-bottom: 4.6875rem; } } @media only screen and (max-width: 1199.9px) { .mbt-80 { margin-bottom: 5rem; } } @media only screen and (max-width: 1199.9px) { .mbt-85 { margin-bottom: 5.3125rem; } } @media only screen and (max-width: 1199.9px) { .mbt-90 { margin-bottom: 5.625rem; } } @media only screen and (max-width: 1199.9px) { .mbt-95 { margin-bottom: 5.9375rem; } } @media only screen and (max-width: 1199.9px) { .mbt-100 { margin-bottom: 6.25rem; } } @media only screen and (max-width: 767.9px) { .mbm-0 { margin-bottom: 0rem; } } @media only screen and (max-width: 767.9px) { .mbm-1 { margin-bottom: 0.0625rem; } } @media only screen and (max-width: 767.9px) { .mbm-2 { margin-bottom: 0.125rem; } } @media only screen and (max-width: 767.9px) { .mbm-3 { margin-bottom: 0.1875rem; } } @media only screen and (max-width: 767.9px) { .mbm-4 { margin-bottom: 0.25rem; } } @media only screen and (max-width: 767.9px) { .mbm-5 { margin-bottom: 0.3125rem; } } @media only screen and (max-width: 767.9px) { .mbm-6 { margin-bottom: 0.375rem; } } @media only screen and (max-width: 767.9px) { .mbm-7 { margin-bottom: 0.4375rem; } } @media only screen and (max-width: 767.9px) { .mbm-8 { margin-bottom: 0.5rem; } } @media only screen and (max-width: 767.9px) { .mbm-9 { margin-bottom: 0.5625rem; } } @media only screen and (max-width: 767.9px) { .mbm-10 { margin-bottom: 0.625rem; } } @media only screen and (max-width: 767.9px) { .mbm-15 { margin-bottom: 0.9375rem; } } @media only screen and (max-width: 767.9px) { .mbm-20 { margin-bottom: 1.25rem !important; } } @media only screen and (max-width: 767.9px) { .mbm-25 { margin-bottom: 1.5625rem; } } @media only screen and (max-width: 767.9px) { .mbm-30 { margin-bottom: 1.875rem; } } @media only screen and (max-width: 767.9px) { .mbm-35 { margin-bottom: 2.1875rem; } } @media only screen and (max-width: 767.9px) { .mbm-35 { margin-bottom: 2.1875rem; } } @media only screen and (max-width: 767.9px) { .mbm-40 { margin-bottom: 2.5rem; } } @media only screen and (max-width: 767.9px) { .mbm-45 { margin-bottom: 2.8125rem; } } @media only screen and (max-width: 767.9px) { .mbm-50 { margin-bottom: 3.125rem; } } @media only screen and (max-width: 767.9px) { .mbm-55 { margin-bottom: 3.4375rem; } } @media only screen and (max-width: 767.9px) { .mbm-60 { margin-bottom: 3.75rem; } } @media only screen and (max-width: 767.9px) { .mbm-65 { margin-bottom: 4.0625rem; } } @media only screen and (max-width: 767.9px) { .mbm-70 { margin-bottom: 4.375rem; } } @media only screen and (max-width: 767.9px) { .mbm-75 { margin-bottom: 4.6875rem; } } @media only screen and (max-width: 767.9px) { .mbm-80 { margin-bottom: 5rem; } } @media only screen and (max-width: 767.9px) { .mbm-85 { margin-bottom: 5.3125rem; } } @media only screen and (max-width: 767.9px) { .mbm-90 { margin-bottom: 5.625rem; } } @media only screen and (max-width: 767.9px) { .mbm-95 { margin-bottom: 5.9375rem; } } @media only screen and (max-width: 767.9px) { .mbm-100 { margin-bottom: 6.25rem; } } @media only screen and (max-width: 767.9px) { .mbm-105 { margin-bottom: 6.5625rem; } } @media only screen and (max-width: 767.9px) { .mbm-110 { margin-bottom: 6.875rem; } } @media only screen and (max-width: 767.9px) { .mbm-115 { margin-bottom: 7.1875rem; } } @media only screen and (max-width: 767.9px) { .mbm-120 { margin-bottom: 7.5rem; } } @media only screen and (max-width: 767.9px) { .mbm-125 { margin-bottom: 7.8125rem; } } @media only screen and (max-width: 767.9px) { .mbm-175 { margin-bottom: 10.9375rem; } } @media only screen and (max-width: 767.9px) { .mbm-185 { margin-bottom: 11.5625rem; } } @media only screen and (max-width: 767.9px) { .mbm-190 { margin-bottom: 11.875rem; } } @media only screen and (max-width: 767.9px) { .mbm-200 { margin-bottom: 12.5rem; } } @media only screen and (max-width: 767.9px) { .mbm-220 { margin-bottom: 13.75rem; } } @media only screen and (max-width: 767.9px) { .mbm-320 { margin-bottom: 20rem; } } @media only screen and (max-width: 767.9px) { .mtm-0 { margin-top: 0rem; } } @media only screen and (max-width: 767.9px) { .mtm-1 { margin-top: 0.0625rem; } } @media only screen and (max-width: 767.9px) { .mtm-2 { margin-top: 0.125rem; } } @media only screen and (max-width: 767.9px) { .mtm-3 { margin-top: 0.1875rem; } } @media only screen and (max-width: 767.9px) { .mtm-4 { margin-top: 0.25rem; } } @media only screen and (max-width: 767.9px) { .mtm-5 { margin-top: 0.3125rem; } } @media only screen and (max-width: 767.9px) { .mtm-6 { margin-top: 0.375rem; } } @media only screen and (max-width: 767.9px) { .mtm-7 { margin-top: 0.4375rem; } } @media only screen and (max-width: 767.9px) { .mtm-8 { margin-top: 0.5rem; } } @media only screen and (max-width: 767.9px) { .mtm-9 { margin-top: 0.5625rem; } } @media only screen and (max-width: 767.9px) { .mtm-10 { margin-top: 0.625rem; } } @media only screen and (max-width: 767.9px) { .mtm-15 { margin-top: 0.9375rem; } } @media only screen and (max-width: 767.9px) { .mtm-20 { margin-top: 1.25rem; } } @media only screen and (max-width: 767.9px) { .mtm-25 { margin-top: 1.5625rem; } } @media only screen and (max-width: 767.9px) { .mtm-30 { margin-top: 1.875rem; } } @media only screen and (max-width: 767.9px) { .mtm-35 { margin-top: 2.1875rem; } } @media only screen and (max-width: 767.9px) { .mtm-35 { margin-top: 2.1875rem; } } @media only screen and (max-width: 767.9px) { .mtm-40 { margin-top: 2.5rem; } } @media only screen and (max-width: 767.9px) { .mtm-45 { margin-top: 2.8125rem; } } @media only screen and (max-width: 767.9px) { .mtm-50 { margin-top: 3.125rem; } } @media only screen and (max-width: 767.9px) { .mtm-55 { margin-top: 3.4375rem; } } @media only screen and (max-width: 767.9px) { .mtm-60 { margin-top: 3.75rem; } } @media only screen and (max-width: 767.9px) { .mtm-65 { margin-top: 4.0625rem; } } @media only screen and (max-width: 767.9px) { .mtm-70 { margin-top: 4.375rem; } } @media only screen and (max-width: 767.9px) { .mtm-75 { margin-top: 4.6875rem; } } @media only screen and (max-width: 767.9px) { .mtm-80 { margin-top: 5rem; } } @media only screen and (max-width: 767.9px) { .mtm-85 { margin-top: 5.3125rem; } } @media only screen and (max-width: 767.9px) { .mtm-90 { margin-top: 5.625rem; } } @media only screen and (max-width: 767.9px) { .mtm-95 { margin-top: 5.9375rem; } } @media only screen and (max-width: 767.9px) { .mtm-100 { margin-top: 6.25rem; } } @media only screen and (max-width: 767.9px) { .mtm-110 { margin-top: 6.875rem; } } .pt-1 { padding-top: 0.0625rem; } .pt-2 { padding-top: 0.125rem; } .pt-3 { padding-top: 0.1875rem; } .pt-4 { padding-top: 0.25rem; } .pt-5 { padding-top: 0.3125rem; } .pt-6 { padding-top: 0.375rem; } .pt-7 { padding-top: 0.4375rem; } .pt-8 { padding-top: 0.5rem; } .pt-9 { padding-top: 0.5625rem; } .pt-10 { padding-top: 0.625rem; } .pt-15 { padding-top: 0.9375rem; } .pt-20 { padding-top: 1.25rem; } .pt-25 { padding-top: 1.5625rem; } .pt-30 { padding-top: 1.875rem; } .pt-35 { padding-top: 2.1875rem; } .pt-40 { padding-top: 2.5rem; } .pt-45 { padding-top: 2.8125rem; } .pt-50 { padding-top: 3.125rem; } .pt-55 { padding-top: 3.4375rem; } .pt-60 { padding-top: 3.75rem; } .pt-65 { padding-top: 4.0625rem; } .pt-70 { padding-top: 4.375rem; } .pt-75 { padding-top: 4.6875rem; } .pt-80 { padding-top: 5rem; } .pt-85 { padding-top: 5.3125rem; } .pt-90 { padding-top: 5.625rem; } .pt-95 { padding-top: 5.9375rem; } .pt-100 { padding-top: 6.25rem; } .pt-110 { padding-top: 6.875rem; } .pt-120 { padding-top: 7.5rem; } .pt-150 { padding-top: 9.375rem; } .pt-180 { padding-top: 11.25rem; } .pt-250 { padding-top: 15.625rem; } .pb-1 { padding-bottom: 0.0625rem; } .pb-2 { padding-bottom: 0.125rem; } .pb-3 { padding-bottom: 0.1875rem; } .pb-4 { padding-bottom: 0.25rem; } .pb-5 { padding-bottom: 0.3125rem; } .pb-6 { padding-bottom: 0.375rem; } .pb-7 { padding-bottom: 0.4375rem; } .pb-8 { padding-bottom: 0.5rem; } .pb-9 { padding-bottom: 0.5625rem; } .pb-10 { padding-bottom: 0.625rem; } .pb-15 { padding-bottom: 0.9375rem; } .pb-20 { padding-bottom: 1.25rem; } .pb-25 { padding-bottom: 1.5625rem; } .pb-30 { padding-bottom: 1.875rem; } .pb-35 { padding-bottom: 2.1875rem; } .pb-40 { padding-bottom: 2.5rem; } .pb-45 { padding-bottom: 2.8125rem; } .pb-50 { padding-bottom: 3.125rem; } .pb-55 { padding-bottom: 3.4375rem; } .pb-60 { padding-bottom: 3.75rem; } .pb-65 { padding-bottom: 4.0625rem; } .pb-70 { padding-bottom: 4.375rem; } .pb-75 { padding-bottom: 4.6875rem; } .pb-80 { padding-bottom: 5rem; } .pb-85 { padding-bottom: 5.3125rem; } .pb-90 { padding-bottom: 5.625rem; } .pb-95 { padding-bottom: 5.9375rem; } .pb-100 { padding-bottom: 6.25rem; } .pb-120 { padding-bottom: 7.5rem; } .pb-130 { padding-bottom: 8.125rem; } .pb-140 { padding-bottom: 8.75rem; } .pb-180 { padding-bottom: 11.25rem; } .pb-300 { padding-bottom: 18.75rem; } @media only screen and (max-width: 1199.9px) { .ptm-0 { padding-top: 0rem; } } @media only screen and (max-width: 1199.9px) { .ptm-1 { padding-top: 0.0625rem; } } @media only screen and (max-width: 1199.9px) { .ptm-2 { padding-top: 0.125rem; } } @media only screen and (max-width: 1199.9px) { .ptm-3 { padding-top: 0.1875rem; } } @media only screen and (max-width: 1199.9px) { .ptm-4 { padding-top: 0.25rem; } } @media only screen and (max-width: 1199.9px) { .ptm-5 { padding-top: 0.3125rem; } } @media only screen and (max-width: 1199.9px) { .ptm-6 { padding-top: 0.375rem; } } @media only screen and (max-width: 1199.9px) { .ptm-7 { padding-top: 0.4375rem; } } @media only screen and (max-width: 1199.9px) { .ptm-8 { padding-top: 0.5rem; } } @media only screen and (max-width: 1199.9px) { .ptm-9 { padding-top: 0.5625rem; } } @media only screen and (max-width: 1199.9px) { .ptm-10 { padding-top: 0.625rem; } } @media only screen and (max-width: 1199.9px) { .ptm-15 { padding-top: 0.9375rem; } } @media only screen and (max-width: 1199.9px) { .ptm-20 { padding-top: 1.25rem; } } @media only screen and (max-width: 1199.9px) { .ptm-25 { padding-top: 1.5625rem; } } @media only screen and (max-width: 1199.9px) { .ptm-30 { padding-top: 1.875rem; } } @media only screen and (max-width: 1199.9px) { .ptm-35 { padding-top: 2.1875rem; } } @media only screen and (max-width: 1199.9px) { .ptm-40 { padding-top: 2.5rem; } } @media only screen and (max-width: 1199.9px) { .ptm-45 { padding-top: 2.8125rem; } } @media only screen and (max-width: 1199.9px) { .ptm-50 { padding-top: 3.125rem; } } @media only screen and (max-width: 1199.9px) { .ptm-55 { padding-top: 3.4375rem; } } @media only screen and (max-width: 1199.9px) { .ptm-60 { padding-top: 3.75rem; } } @media only screen and (max-width: 1199.9px) { .ptm-65 { padding-top: 4.0625rem; } } @media only screen and (max-width: 1199.9px) { .ptm-70 { padding-top: 4.375rem; } } @media only screen and (max-width: 1199.9px) { .ptm-75 { padding-top: 4.6875rem; } } @media only screen and (max-width: 1199.9px) { .ptm-80 { padding-top: 5rem; } } @media only screen and (max-width: 1199.9px) { .ptm-85 { padding-top: 5.3125rem; } } @media only screen and (max-width: 1199.9px) { .ptm-90 { padding-top: 5.625rem; } } @media only screen and (max-width: 1199.9px) { .ptm-95 { padding-top: 5.9375rem; } } @media only screen and (max-width: 1199.9px) { .ptm-100 { padding-top: 6.25rem; } } @media only screen and (max-width: 1199.9px) { .pbm-0 { padding-bottom: 0rem; } } @media only screen and (max-width: 1199.9px) { .pbm-1 { padding-bottom: 0.0625rem; } } @media only screen and (max-width: 1199.9px) { .pbm-2 { padding-bottom: 0.125rem; } } @media only screen and (max-width: 1199.9px) { .pbm-3 { padding-bottom: 0.1875rem; } } @media only screen and (max-width: 1199.9px) { .pbm-4 { padding-bottom: 0.25rem; } } @media only screen and (max-width: 1199.9px) { .pbm-5 { padding-bottom: 0.3125rem; } } @media only screen and (max-width: 1199.9px) { .pbm-6 { padding-bottom: 0.375rem; } } @media only screen and (max-width: 1199.9px) { .pbm-7 { padding-bottom: 0.4375rem; } } @media only screen and (max-width: 1199.9px) { .pbm-8 { padding-bottom: 0.5rem; } } @media only screen and (max-width: 1199.9px) { .pbm-9 { padding-bottom: 0.5625rem; } } @media only screen and (max-width: 1199.9px) { .pbm-10 { padding-bottom: 0.625rem; } } @media only screen and (max-width: 1199.9px) { .pbm-15 { padding-bottom: 0.9375rem; } } @media only screen and (max-width: 1199.9px) { .pbm-20 { padding-bottom: 1.25rem; } } @media only screen and (max-width: 1199.9px) { .pbm-25 { padding-bottom: 1.5625rem; } } @media only screen and (max-width: 1199.9px) { .pbm-30 { padding-bottom: 1.875rem; } } @media only screen and (max-width: 1199.9px) { .pbm-35 { padding-bottom: 2.1875rem; } } @media only screen and (max-width: 1199.9px) { .pbm-40 { padding-bottom: 2.5rem; } } @media only screen and (max-width: 1199.9px) { .pbm-45 { padding-bottom: 2.8125rem; } } @media only screen and (max-width: 1199.9px) { .pbm-50 { padding-bottom: 3.125rem; } } @media only screen and (max-width: 1199.9px) { .pbm-55 { padding-bottom: 3.4375rem; } } @media only screen and (max-width: 1199.9px) { .pbm-60 { padding-bottom: 3.75rem; } } @media only screen and (max-width: 1199.9px) { .pbm-65 { padding-bottom: 4.0625rem; } } @media only screen and (max-width: 1199.9px) { .pbm-70 { padding-bottom: 4.375rem; } } @media only screen and (max-width: 1199.9px) { .pbm-75 { padding-bottom: 4.6875rem; } } @media only screen and (max-width: 1199.9px) { .pbm-80 { padding-bottom: 5rem; } } @media only screen and (max-width: 1199.9px) { .pbm-85 { padding-bottom: 5.3125rem; } } @media only screen and (max-width: 1199.9px) { .pbm-90 { padding-bottom: 5.625rem; } } @media only screen and (max-width: 1199.9px) { .pbm-95 { padding-bottom: 5.9375rem; } } @media only screen and (max-width: 1199.9px) { .pbm-100 { padding-bottom: 6.25rem; } } .align-self-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .align-self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .align-self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .align-items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .align-items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .align-items-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .align-items-base { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .align-content-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .align-content-end { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .align-content-start { -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; } .text-center { text-align: center; } @media only screen and (max-width: 767.9px) { .mob-ai-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (max-width: 767.9px) { .mob-ai-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (max-width: 767.9px) { .mob-ai-base { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } } @media only screen and (max-width: 767.9px) { .mob-ai-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767.9px) { .mob-ac-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } } @media only screen and (max-width: 767.9px) { .mob-ac-start { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } } @media only screen and (max-width: 767.9px) { .mob-ac-end { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } } @media only screen and (max-width: 767.9px) { .mob-as-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } } @media only screen and (max-width: 767.9px) { .mob-as-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } } @media only screen and (max-width: 767.9px) { .mob-as-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } .justify-self-center { justify-self: center; } .justify-self-end { justify-self: flex-end; } .justify-self-start { justify-self: flex-start; } .justify-items-center { justify-items: center; } .justify-items-end { justify-items: flex-end; } .justify-items-start { justify-items: flex-start; } .justify-content-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .justify-content-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-start { -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; } .justify-content-sb { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .link-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .link-icon svg { width: 1rem; max-height: 1.125rem; margin-right: 0.625rem; } .width--10 { width: 10% !important; } .width--20 { width: 20% !important; } .width--30 { width: 30% !important; } .width--40 { width: 40% !important; } .width--50 { width: 50% !important; } .width--60 { width: 60% !important; } .width--70 { width: 70% !important; } .width--80 { width: 80% !important; } .width--90 { width: 90% !important; } .width--100 { width: 100% !important; } .height--10 { height: 10%; } .height--20 { height: 20%; } .height--30 { height: 30%; } .height--40 { height: 40%; } .height--50 { height: 50%; } .height--60 { height: 60%; } .height--70 { height: 70%; } .height--80 { height: 80%; } .height--90 { height: 90%; } .height--100 { height: 100%; } .sticky { height: 100%; width: 100%; position: relative; } .sticky__inner { position: -webkit-sticky; position: sticky; width: 100%; top: 9.0625rem; } /*!**************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fancyapps/ui/dist/fancybox/fancybox.css ***! \**************************************************************************************************************************************************************************************************************************************************/ :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75; } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height); } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; -webkit-animation: f-spinner-rotate 2s linear infinite; animation: f-spinner-rotate 2s linear infinite; } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none; } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1); } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); -webkit-animation: f-spinner-dash 2s ease-in-out infinite; animation: f-spinner-dash 2s ease-in-out infinite; } @-webkit-keyframes f-spinner-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes f-spinner-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .f-zoomInUp { -webkit-animation: 0.2s ease-out 0.1s both f-zoomInUp; animation: 0.2s ease-out 0.1s both f-zoomInUp; } .f-zoomOutDown { -webkit-animation: 0.2s ease-out both f-zoomOutDown; animation: 0.2s ease-out both f-zoomOutDown; } @-webkit-keyframes f-zoomInUp { from { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes f-zoomInUp { from { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-zoomOutDown { to { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } } @keyframes f-zoomOutDown { to { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } } .f-throwOutUp { -webkit-animation: 0.175s ease-out both f-throwOutUp; animation: 0.175s ease-out both f-throwOutUp; } .f-throwOutDown { -webkit-animation: 0.175s ease-out both f-throwOutDown; animation: 0.175s ease-out both f-throwOutDown; } @-webkit-keyframes f-throwOutUp { to { -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); opacity: 0; } } @keyframes f-throwOutUp { to { -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); opacity: 0; } } @-webkit-keyframes f-throwOutDown { to { -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; } } @keyframes f-throwOutDown { to { -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; } } .f-fadeIn { -webkit-animation: 0.2s ease both f-fadeIn; animation: 0.2s ease both f-fadeIn; z-index: 2; } .f-fadeOut { -webkit-animation: 0.2s ease both f-fadeOut; animation: 0.2s ease both f-fadeOut; z-index: 1; } @-webkit-keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeOut { 100% { opacity: 0; } } @keyframes f-fadeOut { 100% { opacity: 0; } } .f-fadeSlowIn { -webkit-animation: 0.5s ease both f-fadeSlowIn; animation: 0.5s ease both f-fadeSlowIn; z-index: 2; } .f-fadeSlowOut { -webkit-animation: 0.5s ease both f-fadeSlowOut; animation: 0.5s ease both f-fadeSlowOut; z-index: 1; } @-webkit-keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeSlowOut { 100% { opacity: 0; } } @keyframes f-fadeSlowOut { 100% { opacity: 0; } } .f-fadeFastIn { -webkit-animation: 0.2s ease-out both f-fadeFastIn; animation: 0.2s ease-out both f-fadeFastIn; z-index: 2; } .f-fadeFastOut { -webkit-animation: 0.2s ease-out both f-fadeFastOut; animation: 0.2s ease-out both f-fadeFastOut; z-index: 2; } @-webkit-keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeFastOut { 100% { opacity: 0; } } @keyframes f-fadeFastOut { 100% { opacity: 0; } } .f-crossfadeIn { -webkit-animation: 0.2s ease-out both f-crossfadeIn; animation: 0.2s ease-out both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { -webkit-animation: 0.1s linear 0.1s both f-crossfadeOut; animation: 0.1s linear 0.1s both f-crossfadeOut; z-index: 1; } @-webkit-keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-crossfadeOut { 100% { opacity: 0; } } @keyframes f-crossfadeOut { 100% { opacity: 0; } } .f-slideIn.from-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; } .f-slideIn.from-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; } .f-slideOut.to-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; } .f-slideOut.to-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; } @-webkit-keyframes f-slideInPrev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes f-slideInPrev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes f-slideInNext { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes f-slideInNext { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes f-slideOutNext { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes f-slideOutNext { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes f-slideOutPrev { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes f-slideOutPrev { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .f-classicIn.from-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2; } .f-classicIn.from-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2; } .f-classicOut.to-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1; } .f-classicOut.to-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1; } @-webkit-keyframes f-classicInNext { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInNext { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-classicInPrev { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInPrev { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-classicOutNext { 100% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } } @keyframes f-classicOutNext { 100% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } } @-webkit-keyframes f-classicOutPrev { 100% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } } @keyframes f-classicOutPrev { 100% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65; } .f-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); -webkit-box-shadow: var(--f-button-shadow); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; -webkit-transition: var(--f-button-transition); transition: var(--f-button-transition); } @media (hover: hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg); } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg); } .f-button:focus:not(:focus-visible) { outline: none; } .f-button:focus-visible { outline: none; -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; -webkit-transform: var(--f-button-transform); transform: var(--f-button-transform); -webkit-filter: var(--f-button-svg-filter); filter: var(--f-button-svg-filter); pointer-events: none; } .f-button[disabled] { cursor: default; } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity); } .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next { position: absolute; z-index: 1; } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos); } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto; } html.with-fancybox body { -ms-touch-action: none; touch-action: none; } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow: hidden !important; overscroll-behavior-y: none; } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: visible; z-index: 1050; outline: none; -webkit-transform-origin: top left; transform-origin: top left; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain; } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity; } .fancybox__carousel { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip; } .fancybox__viewport { width: 100%; height: 100%; } .fancybox__track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; height: 100%; } .fancybox__slide { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px; } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden; } .fancybox__slide.has-image { overflow: hidden; } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible; } .fancybox__slide::before, .fancybox__slide::after { content: ""; -webkit-box-flex: 0; -webkit-flex: 0 0 0; -ms-flex: 0 0 0px; flex: 0 0 0; margin: auto; } .fancybox__content { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20; } .is-loading .fancybox__content { opacity: 0; } .is-draggable .fancybox__content { cursor: move; cursor: -webkit-grab; cursor: grab; } .can-zoom_in .fancybox__content { cursor: -webkit-zoom-in; cursor: zoom-in; } .can-zoom_out .fancybox__content { cursor: -webkit-zoom-out; cursor: zoom-out; } .is-dragging .fancybox__content { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; } .fancybox__content [data-selectable], .fancybox__content [contenteditable] { cursor: auto; } .fancybox__slide.has-image > .fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: none; transition: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox__slide.has-image > .fancybox__content > picture > img { width: 100%; height: auto; max-height: 100%; } .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content { visibility: hidden; } .is-animating .fancybox__content, .is-dragging .fancybox__content { -webkit-filter: blur(0px); filter: blur(0px); will-change: transform, width, height; } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; -o-object-fit: contain; object-fit: contain; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox__caption { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; max-width: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible; } .is-loading .fancybox__caption, .is-closing .fancybox__caption { opacity: 0; visibility: hidden; } .is-compact .fancybox__caption { padding-bottom: 0; } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40; } .fancybox__content > .f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: 0.75; } .is-loading .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .is-zooming-out .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .fancybox__content > .f-button.is-close-btn:hover { opacity: 1; } .fancybox__footer { padding: 0; margin: 0; position: relative; } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, 0.5); } .is-compact .fancybox__footer .fancybox__caption { padding: 12px; } .is-compact .fancybox__content > .f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px; } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1); } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1; } .is-idle .fancybox__nav { -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .is-idle.is-compact .fancybox__footer { pointer-events: none; -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .fancybox__slide > .f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer; } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; -o-object-fit: contain; object-fit: contain; z-index: 40; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .fancybox-focus-guard { outline: none; opacity: 0; position: fixed; pointer-events: none; } .fancybox__container:not([aria-hidden]) { opacity: 0; } .fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) { -webkit-animation: 0.25s ease 0.1s backwards f-fadeIn; animation: 0.25s ease 0.1s backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop { -webkit-animation: 0.35s ease backwards f-fadeIn; animation: 0.35s ease backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) { -webkit-animation: 0.15s ease forwards f-fadeOut; animation: 0.15s ease forwards f-fadeOut; } .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop { -webkit-animation: 0.35s ease forwards f-fadeOut; animation: 0.35s ease forwards f-fadeOut; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { max-width: 100%; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; min-height: 1px; overflow: visible; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: 100%; height: 100%; } .fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90%; } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0; } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; } .f-thumbs { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform: translateZ(0); transform: translateZ(0); } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeff2), to(#e2e8f0)); background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1; } .f-thumbs .f-spinner svg { display: none; } .f-thumbs.is-vertical { height: 100%; } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; } .f-thumbs__track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; will-change: transform; } .f-thumbs__slide { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); min-width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer; } .f-thumbs__slide.is-loading img { opacity: 0; } .is-classic .f-thumbs__viewport { height: 100%; } .is-modern .f-thumbs__track { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(var(--left, 0) * 1px); width: calc(100% - var(--width, 0) * 1px); cursor: pointer; } .is-modern .f-thumbs__slide { --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) ); -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); -webkit-transition: none; transition: none; pointer-events: none; } .is-modern .f-thumbs__slide:focus-within:not(.is-selected) { -webkit-filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); } .is-modern .f-thumbs__slide > * { -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } .is-modern.in-touch .f-thumbs__slide { -webkit-filter: none; filter: none; } .is-modern.is-resting .f-thumbs__slide { -webkit-transition: all 0.33s ease; transition: all 0.33s ease; } .is-modern.is-resting .f-thumbs__slide > * { -webkit-transition: all 0.33s ease; transition: all 0.33s ease; } .f-thumbs__slide__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: none; cursor: pointer; pointer-events: auto; -ms-touch-action: manipulation; touch-action: manipulation; opacity: var(--f-thumb-opacity); -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity); } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none; } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); -webkit-animation: f-fadeIn 0.2s ease-out; animation: f-fadeIn 0.2s ease-out; z-index: 10; } .f-thumbs__slide__img { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: var(--f-thumb-offset); -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; -o-object-fit: cover; object-fit: cover; } .f-thumbs.is-horizontal .f-thumbs__track { margin: 0 auto; padding: 8px 0 12px 0; } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0; } .f-thumbs.is-vertical .f-thumbs__track { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto 0; padding: 0 8px; } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0; } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); -webkit-transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-classic .f-spinner { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05))); background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-modern .f-spinner { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05))); background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap); } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0; } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px; } .fancybox__thumbs.is-hidden { max-height: 0px !important; } .is-closing .fancybox__thumbs { -webkit-transition: none !important; transition: none !important; } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5)); pointer-events: none; z-index: 20; } .fancybox__toolbar :focus-visible { z-index: 1; } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0; } .is-idle .fancybox__toolbar { pointer-events: none; -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .fancybox__toolbar__column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .fancybox__toolbar__column.is-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox__infobar span { padding: 0 5px; } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg); } [data-fancybox-toggle-slideshow] { position: relative; } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: 0.3; } [data-fancybox-toggle-slideshow] svg g:first-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-slideshow] svg g:last-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-fullscreen] svg g:first-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none; } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -webkit-box; display: -webkit-flex; display: flex; } :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -ms-flexbox; display: flex; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } /*!*******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper.min.css ***! \*******************************************************************************************************************************************************************************************************************************/ /** * Swiper 8.4.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 12, 2022 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -ms-flex-order: 9999; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/air-datepicker/air-datepicker.css ***! \*******************************************************************************************************************************************************************************************************************************************/ .air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- { color: var(--adp-color-other-month); } .air-datepicker-cell.-year-.-other-decade-:hover, .air-datepicker-cell.-day-.-other-month-:hover { color: var(--adp-color-other-month-hover); } .-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- { color: var(--adp-color-other-month); } .-selected-.air-datepicker-cell.-year-.-other-decade-, .-selected-.air-datepicker-cell.-day-.-other-month- { color: #fff; background: var(--adp-background-color-selected-other-month); } .-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-selected-.-focus-.air-datepicker-cell.-day-.-other-month- { background: var(--adp-background-color-selected-other-month-focused); } .-in-range-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.air-datepicker-cell.-day-.-other-month- { background-color: var(--adp-background-color-in-range); color: var(--adp-color); } .-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- { background-color: var(--adp-background-color-in-range-focused); } .air-datepicker-cell.-year-.-other-decade-:empty, .air-datepicker-cell.-day-.-other-month-:empty { background: none; border: none; } .air-datepicker-cell { border-radius: var(--adp-cell-border-radius); box-sizing: border-box; cursor: pointer; display: flex; position: relative; align-items: center; justify-content: center; z-index: 1; } .air-datepicker-cell.-focus- { background: var(--adp-cell-background-color-hover); } .air-datepicker-cell.-current- { color: var(--adp-color-current-date); } .air-datepicker-cell.-current-.-focus- { color: var(--adp-color); } .air-datepicker-cell.-current-.-in-range- { color: var(--adp-color-current-date); } .air-datepicker-cell.-disabled- { cursor: default; color: var(--adp-color-disabled); } .air-datepicker-cell.-disabled-.-focus- { color: var(--adp-color-disabled); } .air-datepicker-cell.-disabled-.-in-range- { color: var(--adp-color-disabled-in-range); } .air-datepicker-cell.-disabled-.-current-.-focus- { color: var(--adp-color-disabled); } .air-datepicker-cell.-in-range- { background: var(--adp-cell-background-color-in-range); border-radius: 0; } .air-datepicker-cell.-in-range-:hover { background: var(--adp-cell-background-color-in-range-hover); } .air-datepicker-cell.-range-from- { border: 1px solid var(--adp-cell-border-color-in-range); background-color: var(--adp-cell-background-color-in-range); border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius); } .air-datepicker-cell.-range-to- { border: 1px solid var(--adp-cell-border-color-in-range); background-color: var(--adp-cell-background-color-in-range); border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0; } .air-datepicker-cell.-range-to-.-range-from- { border-radius: var(--adp-cell-border-radius); } .air-datepicker-cell.-selected- { color: #fff; border: none; background: var(--adp-cell-background-color-selected); } .air-datepicker-cell.-selected-.-current- { color: #fff; background: var(--adp-cell-background-color-selected); } .air-datepicker-cell.-selected-.-focus- { background: var(--adp-cell-background-color-selected-hover); } .air-datepicker-body { transition: all var(--adp-transition-duration) var(--adp-transition-ease); } .air-datepicker-body.-hidden- { display: none; } .air-datepicker-body--day-names { display: grid; grid-template-columns: repeat(7, var(--adp-day-cell-width)); margin: 8px 0 3px; } .air-datepicker-body--day-name { color: var(--adp-day-name-color); display: flex; align-items: center; justify-content: center; flex: 1; text-align: center; text-transform: uppercase; font-size: 0.8em; } .air-datepicker-body--day-name.-clickable- { cursor: pointer; } .air-datepicker-body--day-name.-clickable-:hover { color: var(--adp-day-name-color-hover); } .air-datepicker-body--cells { display: grid; } .air-datepicker-body--cells.-days- { grid-template-columns: repeat(7, var(--adp-day-cell-width)); grid-auto-rows: var(--adp-day-cell-height); } .air-datepicker-body--cells.-months- { grid-template-columns: repeat(3, 1fr); grid-auto-rows: var(--adp-month-cell-height); } .air-datepicker-body--cells.-years- { grid-template-columns: repeat(4, 1fr); grid-auto-rows: var(--adp-year-cell-height); } .air-datepicker-nav { display: flex; justify-content: space-between; border-bottom: 1px solid var(--adp-border-color-inner); min-height: var(--adp-nav-height); padding: var(--adp-padding); box-sizing: content-box; } .-only-timepicker- .air-datepicker-nav { display: none; } .air-datepicker-nav--title, .air-datepicker-nav--action { display: flex; cursor: pointer; align-items: center; justify-content: center; } .air-datepicker-nav--action { width: var(--adp-nav-action-size); border-radius: var(--adp-border-radius); -webkit-user-select: none; -moz-user-select: none; user-select: none; } .air-datepicker-nav--action:hover { background: var(--adp-background-color-hover); } .air-datepicker-nav--action:active { background: var(--adp-background-color-active); } .air-datepicker-nav--action.-disabled- { visibility: hidden; } .air-datepicker-nav--action svg { width: 32px; height: 32px; } .air-datepicker-nav--action path { fill: none; stroke: var(--adp-nav-arrow-color); stroke-width: 2px; } .air-datepicker-nav--title { border-radius: var(--adp-border-radius); padding: 0 8px; } .air-datepicker-nav--title i { font-style: normal; color: var(--adp-nav-color-secondary); margin-left: 0.3em; } .air-datepicker-nav--title:hover { background: var(--adp-background-color-hover); } .air-datepicker-nav--title:active { background: var(--adp-background-color-active); } .air-datepicker-nav--title.-disabled- { cursor: default; background: none; } .air-datepicker-buttons { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; } .air-datepicker-button { display: inline-flex; color: var(--adp-btn-color); border-radius: var(--adp-btn-border-radius); cursor: pointer; height: var(--adp-btn-height); border: none; background: rgba(255, 255, 255, 0); } .air-datepicker-button:hover { color: var(--adp-btn-color-hover); background: var(--adp-btn-background-color-hover); } .air-datepicker-button:focus { color: var(--adp-btn-color-hover); background: var(--adp-btn-background-color-hover); outline: none; } .air-datepicker-button:active { background: var(--adp-btn-background-color-active); } .air-datepicker-button span { outline: none; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .air-datepicker-time { display: grid; grid-template-columns: max-content 1fr; grid-column-gap: 12px; align-items: center; position: relative; padding: 0 var(--adp-time-padding-inner); } .-only-timepicker- .air-datepicker-time { border-top: none; } .air-datepicker-time--current { display: flex; align-items: center; flex: 1; font-size: 14px; text-align: center; } .air-datepicker-time--current-colon { margin: 0 2px 3px; line-height: 1; } .air-datepicker-time--current-hours, .air-datepicker-time--current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1; } .air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after { content: ""; background: var(--adp-background-color-hover); border-radius: var(--adp-border-radius); position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; } .air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after { opacity: 1; } .air-datepicker-time--current-ampm { text-transform: uppercase; align-self: flex-end; color: var(--adp-time-day-period-color); margin-left: 6px; font-size: 11px; margin-bottom: 1px; } .air-datepicker-time--row { display: flex; align-items: center; font-size: 11px; height: 17px; background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat; } .air-datepicker-time--row:first-child { margin-bottom: 4px; } .air-datepicker-time--row input[type=range] { background: none; cursor: pointer; flex: 1; height: 100%; width: 100%; padding: 0; margin: 0; -webkit-appearance: none; } .air-datepicker-time--row input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; } .air-datepicker-time--row input[type=range]::-ms-tooltip { display: none; } .air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb { border-color: var(--adp-time-track-color-hover); } .air-datepicker-time--row input[type=range]:hover::-moz-range-thumb { border-color: var(--adp-time-track-color-hover); } .air-datepicker-time--row input[type=range]:hover::-ms-thumb { border-color: var(--adp-time-track-color-hover); } .air-datepicker-time--row input[type=range]:focus { outline: none; } .air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb { background: var(--adp-cell-background-color-selected); border-color: var(--adp-cell-background-color-selected); } .air-datepicker-time--row input[type=range]:focus::-moz-range-thumb { background: var(--adp-cell-background-color-selected); border-color: var(--adp-cell-background-color-selected); } .air-datepicker-time--row input[type=range]:focus::-ms-thumb { background: var(--adp-cell-background-color-selected); border-color: var(--adp-cell-background-color-selected); } .air-datepicker-time--row input[type=range]::-webkit-slider-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid var(--adp-time-track-color); background: #fff; cursor: pointer; -webkit-transition: background var(--adp-transition-duration); transition: background var(--adp-transition-duration); } .air-datepicker-time--row input[type=range]::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid var(--adp-time-track-color); background: #fff; cursor: pointer; -moz-transition: background var(--adp-transition-duration); transition: background var(--adp-transition-duration); } .air-datepicker-time--row input[type=range]::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid var(--adp-time-track-color); background: #fff; cursor: pointer; -ms-transition: background var(--adp-transition-duration); transition: background var(--adp-transition-duration); } .air-datepicker-time--row input[type=range]::-webkit-slider-thumb { margin-top: calc(var(--adp-time-thumb-size) / 2 * -1); } .air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track { border: none; height: var(--adp-time-track-height); cursor: pointer; color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); } .air-datepicker-time--row input[type=range]::-moz-range-track { border: none; height: var(--adp-time-track-height); cursor: pointer; color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); } .air-datepicker-time--row input[type=range]::-ms-track { border: none; height: var(--adp-time-track-height); cursor: pointer; color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); } .air-datepicker-time--row input[type=range]::-ms-fill-lower { background: rgba(0, 0, 0, 0); } .air-datepicker-time--row input[type=range]::-ms-fill-upper { background: rgba(0, 0, 0, 0); } .air-datepicker { --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --adp-font-size: 14px; --adp-width: 246px; --adp-z-index: 100; --adp-padding: 4px; --adp-grid-areas: "nav" "body" "timepicker" "buttons"; --adp-transition-duration: .3s; --adp-transition-ease: ease-out; --adp-transition-offset: 8px; --adp-background-color: #fff; --adp-background-color-hover: #f0f0f0; --adp-background-color-active: #eaeaea; --adp-background-color-in-range: rgba(92, 196, 239, .1); --adp-background-color-in-range-focused: rgba(92, 196, 239, .2); --adp-background-color-selected-other-month-focused: #8ad5f4; --adp-background-color-selected-other-month: #a2ddf6; --adp-color: #4a4a4a; --adp-color-secondary: #9c9c9c; --adp-accent-color: #4eb5e6; --adp-color-current-date: var(--adp-accent-color); --adp-color-other-month: #dedede; --adp-color-disabled: #aeaeae; --adp-color-disabled-in-range: #939393; --adp-color-other-month-hover: #c5c5c5; --adp-border-color: #dbdbdb; --adp-border-color-inner: #efefef; --adp-border-radius: 4px; --adp-border-color-inline: #d7d7d7; --adp-nav-height: 32px; --adp-nav-arrow-color: var(--adp-color-secondary); --adp-nav-action-size: 32px; --adp-nav-color-secondary: var(--adp-color-secondary); --adp-day-name-color: #ff9a19; --adp-day-name-color-hover: #8ad5f4; --adp-day-cell-width: 1fr; --adp-day-cell-height: 32px; --adp-month-cell-height: 42px; --adp-year-cell-height: 56px; --adp-pointer-size: 10px; --adp-poiner-border-radius: 2px; --adp-pointer-offset: 14px; --adp-cell-border-radius: 4px; --adp-cell-background-color-hover: var(--adp-background-color-hover); --adp-cell-background-color-selected: #5cc4ef; --adp-cell-background-color-selected-hover: #45bced; --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1); --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2); --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected); --adp-btn-height: 32px; --adp-btn-color: var(--adp-accent-color); --adp-btn-color-hover: var(--adp-color); --adp-btn-border-radius: var(--adp-border-radius); --adp-btn-background-color-hover: var(--adp-background-color-hover); --adp-btn-background-color-active: var(--adp-background-color-active); --adp-time-track-height: 1px; --adp-time-track-color: #dedede; --adp-time-track-color-hover: #b1b1b1; --adp-time-thumb-size: 12px; --adp-time-padding-inner: 10px; --adp-time-day-period-color: var(--adp-color-secondary); --adp-mobile-font-size: 16px; --adp-mobile-nav-height: 40px; --adp-mobile-width: 320px; --adp-mobile-day-cell-height: 38px; --adp-mobile-month-cell-height: 48px; --adp-mobile-year-cell-height: 64px; } .air-datepicker-overlay { --adp-overlay-background-color: rgba(0, 0, 0, .3); --adp-overlay-transition-duration: .3s; --adp-overlay-transition-ease: ease-out; --adp-overlay-z-index: 99; } .air-datepicker { background: var(--adp-background-color); border: 1px solid var(--adp-border-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: var(--adp-border-radius); box-sizing: content-box; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(4, max-content); grid-template-areas: var(--adp-grid-areas); font-family: var(--adp-font-family), sans-serif; font-size: var(--adp-font-size); color: var(--adp-color); width: var(--adp-width); position: absolute; transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease); z-index: var(--adp-z-index); } .air-datepicker:not(.-custom-position-) { opacity: 0; } .air-datepicker.-from-top- { transform: translateY(calc(var(--adp-transition-offset) * -1)); } .air-datepicker.-from-right- { transform: translateX(var(--adp-transition-offset)); } .air-datepicker.-from-bottom- { transform: translateY(var(--adp-transition-offset)); } .air-datepicker.-from-left- { transform: translateX(calc(var(--adp-transition-offset) * -1)); } .air-datepicker.-active-:not(.-custom-position-) { transform: translate(0, 0); opacity: 1; } .air-datepicker.-active-.-custom-position- { transition: none; } .air-datepicker.-inline- { border-color: var(--adp-border-color-inline); box-shadow: none; position: static; left: auto; right: auto; opacity: 1; transform: none; } .air-datepicker.-inline- .air-datepicker--pointer { display: none; } .air-datepicker.-is-mobile- { --adp-font-size: var(--adp-mobile-font-size); --adp-day-cell-height: var(--adp-mobile-day-cell-height); --adp-month-cell-height: var(--adp-mobile-month-cell-height); --adp-year-cell-height: var(--adp-mobile-year-cell-height); --adp-nav-height: var(--adp-mobile-nav-height); --adp-nav-action-size: var(--adp-mobile-nav-height); position: fixed; width: var(--adp-mobile-width); border: none; } .air-datepicker.-is-mobile- * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .air-datepicker.-is-mobile- .air-datepicker--pointer { display: none; } .air-datepicker.-is-mobile-:not(.-custom-position-) { transform: translate(-50%, calc(-50% + var(--adp-transition-offset))); } .air-datepicker.-is-mobile-.-active-:not(.-custom-position-) { transform: translate(-50%, -50%); } .air-datepicker.-custom-position- { transition: none; } .air-datepicker-global-container { position: absolute; left: 0; top: 0; } .air-datepicker--pointer { --pointer-half-size: calc(var(--adp-pointer-size) / 2); position: absolute; width: var(--adp-pointer-size); height: var(--adp-pointer-size); z-index: -1; } .air-datepicker--pointer:after { content: ""; position: absolute; background: #fff; border-top: 1px solid var(--adp-border-color-inline); border-right: 1px solid var(--adp-border-color-inline); border-top-right-radius: var(--adp-poiner-border-radius); width: var(--adp-pointer-size); height: var(--adp-pointer-size); box-sizing: border-box; } .-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer { top: calc(100% - var(--pointer-half-size) + 1px); } .-top-left- .air-datepicker--pointer:after, .-top-center- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after { transform: rotate(135deg); } .-right-top- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer { right: calc(100% - var(--pointer-half-size) + 1px); } .-right-top- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-bottom- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after { transform: rotate(225deg); } .-bottom-left- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer { bottom: calc(100% - var(--pointer-half-size) + 1px); } .-bottom-left- .air-datepicker--pointer:after, .-bottom-center- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after { transform: rotate(315deg); } .-left-top- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-bottom- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer { left: calc(100% - var(--pointer-half-size) + 1px); } .-left-top- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-bottom- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after { transform: rotate(45deg); } .-top-left- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer { left: var(--adp-pointer-offset); } .-top-right- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer { right: var(--adp-pointer-offset); } .-top-center- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer { left: calc(50% - var(--adp-pointer-size) / 2); } .-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer { top: var(--adp-pointer-offset); } .-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer { bottom: var(--adp-pointer-offset); } .-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer { top: calc(50% - var(--adp-pointer-size) / 2); } .air-datepicker--navigation { grid-area: nav; } .air-datepicker--content { box-sizing: content-box; padding: var(--adp-padding); grid-area: body; } .-only-timepicker- .air-datepicker--content { display: none; } .air-datepicker--time { grid-area: timepicker; } .air-datepicker--buttons { grid-area: buttons; } .air-datepicker--buttons, .air-datepicker--time { padding: var(--adp-padding); border-top: 1px solid var(--adp-border-color-inner); } .air-datepicker-overlay { position: fixed; background: var(--adp-overlay-background-color); left: 0; top: 0; width: 0; height: 0; opacity: 0; transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s; transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration); z-index: var(--adp-overlay-z-index); } .air-datepicker-overlay.-active- { opacity: 1; width: 100%; height: 100%; transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s; }