@charset "UTF-8"; @font-face { font-family: 'PTSans'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/PT-Sans/PTSans-Regular.eot'); src: url('../fonts/PT-Sans/PTSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PT-Sans/PTSans-Regular.woff') format('woff'), url('../fonts/PT-Sans/PTSans-Regular.ttf') format('truetype'), url('../fonts/PT-Sans/PTSans-Regular.svg#PTSans') format('svg'); } @font-face { font-family: 'PTSans'; font-weight: 700; font-style: normal; font-display: swap; src: url('../fonts/PT-Sans/PTSans-Bold.eot'); src: url('../fonts/PT-Sans/PTSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/PT-Sans/PTSans-Bold.woff') format('woff'), url('../fonts/PT-Sans/PTSans-Bold.ttf') format('truetype'), url('../fonts/PT-Sans/PTSans-Bold.svg#PTSans') format('svg'); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :root { --container-width: 1260px; --transition: 0.3s ease; --default-font-family: 'PTSans'; --heading-font-family: 'PTSans'; --mt: 40px; --sp: 120px; --primary: #c01681; --secondary: #34383c; --white: #ffffff; --black: #000; --grey-50: #f2f4f5; --grey-100: #e1e4e5; --grey-400: #949799; --grey-600: #5d6063; --red: #ff4c51; --green: #00e067; --fz-default: 16px; --h1: 100px; --h2: 60px; --h3: 36px; --h4: 20px; --body1-20: 20px; --body2-16: 16px; --m: 18px; --s: 14px; --xs: 12px; --xxs: 10px; } body { font: 400 var(--body2-16) var(--default-font-family), Helvetica, Arial, sans-serif; background: var(--white); min-width: 360px; color: var(--secondary); position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.overflow-hidden { overflow: hidden; height: 100vh; } *, *:before, *:after { box-sizing: border-box; outline: none; } img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: var(--wp-block-synced-color) } @media (min-resolution:192dpi) { :root { --wp-admin-border-width-focus: 1.5px } } .wp-element-button { cursor: pointer } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px } :root .has-very-light-gray-background-color { background-color: #eee } :root .has-very-dark-gray-background-color { background-color: #313131 } :root .has-very-light-gray-color { color: #eee } :root .has-very-dark-gray-color { color: #313131 } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084, #0693e3) } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe) } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8, #dad0ec) } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1, #67a671) } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a, #004a59) } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968, #31cdcf) } :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381, #2874fc) } .has-regular-font-size { font-size: 1em } .has-larger-font-size { font-size: 2.625em } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal) } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge) } .has-text-align-center { text-align: center } .has-text-align-left { text-align: left } .has-text-align-right { text-align: right } #end-resizable-editor-section { display: none } .aligncenter { clear: both } .items-justified-left { justify-content: flex-start } .items-justified-center { justify-content: center } .items-justified-right { justify-content: flex-end } .items-justified-space-between { justify-content: space-between } .screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important } .screen-reader-text:focus { background-color: #ddd; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } html :where(.has-border-color) { border-style: solid } html :where([style*=border-top-color]) { border-top-style: solid } html :where([style*=border-right-color]) { border-right-style: solid } html :where([style*=border-bottom-color]) { border-bottom-style: solid } html :where([style*=border-left-color]) { border-left-style: solid } html :where([style*=border-width]) { border-style: solid } html :where([style*=border-top-width]) { border-top-style: solid } html :where([style*=border-right-width]) { border-right-style: solid } html :where([style*=border-bottom-width]) { border-bottom-style: solid } html :where([style*=border-left-width]) { border-left-style: solid } html :where(img[class*=wp-image-]) { height: auto; max-width: 100% } :where(figure) { margin: 0 0 1em } html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px) } @media screen and (max-width:600px) { html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px } } .hidden { display: none; overflow: hidden; } .wrapper { margin: 0 auto; position: relative; overflow: hidden; min-height: 100vh; display: flex; flex-flow: column; } [class*='__container'] { margin: 0 auto; max-width: var(--container-width); padding: 0 10px; width: 100%; } [class*='__container'] [class*='__container'] { padding: 0; } form input.error { box-shadow: inset 0px 0px 20px 1px rgba(255, 0, 0, 0.3); border: 2px solid var(--red) !important; } form input.not_error { box-shadow: inset 0px 0px 20px 1px rgba(100, 255, 100, 0.3); border: 2px solid var(--green) !important; } h1, ._h1 { font: 700 var(--h1) / 100% var(--heading-font-family); } h2, ._h2 { font: 700 var(--h2) / 100% var(--heading-font-family); } h3, ._h3 { font: 700 var(--h3) / 120% var(--heading-font-family); } h4, ._h4 { font: 700 var(--h4) / 120% var(--heading-font-family); } h5, ._h5 { font: 700 var(--h5) / 140% var(--heading-font-family); } h6, ._h6 { font: 700 var(--h6) / 140% var(--heading-font-family); } a { color: var(--secondary); text-decoration: none !important; } ._semibold { font-weight: 600; } ._bold { font-weight: 700; } ._primary { color: var(--primary); } ._secondary { color: var(--secondary); } ._s { font-size: var(--s); line-height: 140%; } ._m { font-size: var(--m); line-height: 140%; } ._l { font-size: var(--l); line-height: 140%; } .btn { -moz-appearance: none; appearance: none; -webkit-appearance: none; display: flex; justify-content: center; align-items: center; gap: 10px; padding: 20px 30px; border-radius: 60px; background: var(--primary); transition: var(--transition); font-weight: 700; line-height: 120%; text-transform: uppercase; font-size: 16px; height: 50px; padding: 0 30px; color: var(--white); box-shadow: 0 0 24px rgba(33, 52, 88, 0.3), inset 0 -4px 1px #6a1060f2; width: 50%; transition: all 0.3s ease; animation: pulse-light 2s infinite; } @keyframes pulse-light { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(243, 6, 223, 0.7); } 70% { transform: scale(1.03); box-shadow: 0 0 0 10px rgba(0, 206, 209, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 206, 209, 0); } } .btn::after { content: ''; display: block; width: 20px; aspect-ratio: 1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1.08243 8.84291L14.4884 8.84291L9.2815 3.63605L10.9176 1.99994L18.9177 9.99999L10.9176 18L9.2815 16.3639L14.4884 11.1571L1.08243 11.1571L1.08243 8.84291Z' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat; } .btn:hover { background:#dc4f98 } .subm { cursor: pointer; border: none; display: block; margin: 0 auto; } .form { max-width: 400px; position: relative; } .form__inputs { display: flex; flex-flow: column; gap: 15px; } .form .input { background: #fff; width: 100%; height: 60px; border: 2px solid #dcdcdc; border-radius: 3px; padding-left: 15px; font-weight: 400; font-size: 16px; line-height: 60px; display: block; } .form .input__wrap { display: block; text-align: left; } .form .input__label { font-weight: 400; font-size: 15px; line-height: 22px; display: block; } .form:before { content: ''; display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.7) url(../img/loading.svg) 50% no-repeat; z-index: 10; } .form.loading:before { display: block; } .form .intl-tel-input { width: 100%; } .form .country-list .country-name { color: #333; } .section404 { padding: var(--sp) 0; text-align: center; } .section404__container { display: flex; flex-flow: column; gap: 20px; } .section404__code { font-size: 100px; font-weight: 700; } .hero { background: var(--black); position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; min-height: 100vh; justify-content: space-around; padding: var(--sp) 0; color: var(--white); } .hero__images { position: absolute; left: 50%; transform: translateX(-50%); top: 0; min-width: 100%; height: 100%; display: flex; justify-content: space-between; gap: 0.8064516129vw; z-index: 1; } .hero__images-col { min-width: 300px; width: 100%; display: flex; flex-flow: column; gap: 0.8064516129vw; } .hero__images-col:nth-child(even) { margin-top: -30vh; } .hero__images .down { -webkit-animation: moveDown 10s infinite ease-out alternate; animation: moveDown 10s infinite ease-out alternate; } .hero__images .up { -webkit-animation: moveUp 10s infinite ease-out alternate; animation: moveUp 10s infinite ease-out alternate; } @-webkit-keyframes moveDown { 0% { transform: translateY(0); } 100% { transform: translateY(15vw); } } @keyframes moveDown { 0% { transform: translateY(0); } 100% { transform: translateY(15vw); } } @-webkit-keyframes moveUp { 0% { transform: translateY(0); } 100% { transform: translateY(-15vw); } } @keyframes moveUp { 0% { transform: translateY(0); } 100% { transform: translateY(-15vw); } } .hero__images .image { background: 50% / cover no-repeat; opacity: 0.3; border-radius: 10px; } .hero__images .image:after { content: ''; display: block; padding-bottom: 166.6666666667%; } .hero__container { position: relative; z-index: 2; text-align: center; margin: auto; } .hero__title { text-shadow: 2px 2px 1px #ffffff; color: #c01681; background: linear-gradient(180deg, #c01681 0%, #7155c1db 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; width: 66.5322580645%; } .hero__items { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 40px; } .hero__items .item { display: flex; align-items: center; gap: 10px; } .hero__items .item__icon { width: 36px; } .hero__items .item__icon svg { display: block; width: 100%; height: auto; } .hero__items .item__text { opacity: 0.8; font-size: var(--body1-20); } .hero__row { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 45px; } .hero__desc { width: 100%; max-width: 340px; opacity: 0.8; line-height: 140%; opacity: 0; line-height: 1; color: var(--grey-100); } .hero__sticky-cta { display: none; } .hero__sticky-cta._active { display: flex; opacity: 1; } .hero2__container { position: relative; display: flex; width: 100%; max-width: 1920px; min-height: 100vh; padding: 0; } .hero2__image { width: 100%; background: url('../img/hero2.jpeg') center / cover no-repeat; } .hero2__content { width: 100%; padding: 30px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .hero2__uptitle { margin-bottom: 30px; padding-top: 50px; text-align: center; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cmask id='mask0_2014_289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='60' height='60'%3E%3Cpath d='M4.60875 9.7525C4.85875 7.59 6.17125 5.805 8.29625 5.335C11.6113 4.60125 18.0375 3.75 30 3.75C41.9625 3.75 48.3875 4.60125 51.7037 5.335C53.8287 5.805 55.1412 7.59 55.3912 9.7525C55.7712 13.0225 56.25 18.4075 56.25 24.75C56.25 36.6 49.9963 47.6875 39.46 53.11C35.94 54.9225 32.505 56.25 30 56.25C27.495 56.25 24.06 54.9212 20.54 53.11C10.0037 47.6875 3.75 36.6 3.75 24.75C3.75 18.4075 4.22875 13.0225 4.60875 9.7525Z' stroke='white' stroke-width='3.75' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M14.175 17.3588C14.3775 15.3263 15.6088 13.6675 17.6188 13.305C19.8813 12.8963 23.7012 12.5 30 12.5C36.2988 12.5 40.1175 12.8963 42.3812 13.305C44.3912 13.6675 45.6225 15.3263 45.8238 17.3588C46.1062 20.2305 46.2485 23.1144 46.25 26C46.25 32.6425 43.025 38.7625 37.6225 42.6275C34.8675 44.5975 31.97 46.25 30 46.25C28.03 46.25 25.1325 44.5975 22.3775 42.6275C16.975 38.7625 13.75 32.6425 13.75 26C13.75 22.515 13.9663 19.48 14.175 17.3588Z' stroke='white' stroke-width='3.75' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/mask%3E%3Cg mask='url(%23mask0_2014_289)'%3E%3Crect width='60' height='60' fill='%2326E05E'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E%0A") center top/50px no-repeat; font-size: var(--body1-20); } .hero2__text-content { max-width: 512px; border: 1px solid #edaab5; border-radius: 25px; padding: 80px 30px 0; margin-bottom: 30px; } .hero2__title { font-size: 32px; font-weight: 400; color: #dc566c; text-align: center; margin-bottom: 20px; } .hero2__sub-title { font-size: 24px; line-height: 1.3; color: #4a4a4a; text-align: center; margin-bottom: 30px; } .hero2__btn { height: 50px; border-radius: 25px; font-size: 22px; font-weight: 700; color: #fff; background: #16c065; transition: all 0.2s ease; box-shadow: 0 0 24px rgba(33, 52, 88, 0.3), inset 0 -4px 1px #16a659; display: inline-block; line-height: 50px; padding: 0 35px; cursor: pointer; margin: 0 10px; border: none; font-family: 'NoahRegular', sans-serif; } .hero2__btn:hover { background: #29d478; } .hero2__btn::after { display: none; } .hero2__btn svg { position: relative; transform: translateY(5px); } .girls { padding: var(--sp) 0; } .girls__text{ font-family: Arial; line-height: 1.3; padding: 10px 0 0; letter-spacing: 0.5px; } .girls__text > p{ padding: 5px; } .share__span { font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } .girls__title { text-align: center; display: flex; align-items: center; justify-content: center; margin: auto; } .girls__title > img{ filter: invert(); } .girls__items { margin-top: var(--mt); } .girls__items .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .girls__items .item { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: calc((100% - 60px) / 4); aspect-ratio: 295/360; border-radius: 30px; background: center/cover no-repeat; overflow: hidden; } .girls__items .item::before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 58px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 15%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .girls__items .item__header, .girls__items .item__buttons { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; } .girls__items .item__header { padding: 15px 20px; color: var(--white); } .girls__items .item__count { display: flex; align-items: center; gap: 5px; font-size: 20px; } .girls__items .item__count::before { content: ''; display: block; width: 22px; aspect-ratio: 22/20; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath d='M7.45866 8.75C7.18239 8.75 6.91744 8.85975 6.72209 9.0551C6.52674 9.25045 6.41699 9.5154 6.41699 9.79167C6.41699 10.0679 6.52674 10.3329 6.72209 10.5282C6.91744 10.7236 7.18239 10.8333 7.45866 10.8333H7.46699C7.74326 10.8333 8.00821 10.7236 8.20356 10.5282C8.39891 10.3329 8.50866 10.0679 8.50866 9.79167C8.50866 9.5154 8.39891 9.25045 8.20356 9.0551C8.00821 8.85975 7.74326 8.75 7.46699 8.75H7.45866Z' fill='white'/%3E%3Cpath d='M6.02397 3.19046C6.02397 2.5653 6.27231 1.96575 6.71436 1.5237C7.15641 1.08165 7.75596 0.833313 8.38111 0.833313H17.8097C18.4348 0.833313 19.0344 1.08165 19.4764 1.5237C19.9185 1.96575 20.1668 2.5653 20.1668 3.19046V12.619C20.1668 13.2442 19.9185 13.8437 19.4764 14.2858C19.0344 14.7278 18.4348 14.9762 17.8097 14.9762H15.9764V16.8095C15.9764 17.4347 15.728 18.0342 15.286 18.4763C14.8439 18.9183 14.2444 19.1666 13.6192 19.1666H4.19064C3.56549 19.1666 2.96594 18.9183 2.52389 18.4763C2.08184 18.0342 1.8335 17.4347 1.8335 16.8095V7.38093C1.8335 6.75578 2.08184 6.15623 2.52389 5.71418C2.96594 5.27213 3.56549 5.02379 4.19064 5.02379H6.02397V3.19046ZM14.4049 7.38093C14.4049 7.17255 14.3221 6.9727 14.1748 6.82535C14.0274 6.678 13.8276 6.59522 13.6192 6.59522H4.19064C3.98225 6.59522 3.7824 6.678 3.63505 6.82535C3.4877 6.9727 3.40492 7.17255 3.40492 7.38093V14.6535L9.34283 11.5756C9.77401 11.3518 10.2638 11.2668 10.7452 11.332C11.2266 11.3973 11.676 11.6097 12.0321 11.9402L14.4049 14.1444V7.38093ZM3.40492 16.8095C3.40492 17.2432 3.75692 17.5952 4.19064 17.5952H13.6192C13.8276 17.5952 14.0274 17.5124 14.1748 17.3651C14.3221 17.2177 14.4049 17.0179 14.4049 16.8095V16.2888L10.9624 13.0926C10.8439 12.9824 10.6943 12.9115 10.534 12.8895C10.3737 12.8676 10.2105 12.8957 10.0667 12.97L3.40492 16.424V16.8095ZM7.5954 5.02379H13.6192C14.2444 5.02379 14.8439 5.27213 15.286 5.71418C15.728 6.15623 15.9764 6.75578 15.9764 7.38093V13.4047H17.8097C18.0181 13.4047 18.2179 13.322 18.3653 13.1746C18.5126 13.0273 18.5954 12.8274 18.5954 12.619V3.19046C18.5954 2.98207 18.5126 2.78222 18.3653 2.63487C18.2179 2.48752 18.0181 2.40474 17.8097 2.40474H8.38111C8.17273 2.40474 7.97288 2.48752 7.82553 2.63487C7.67818 2.78222 7.5954 2.98207 7.5954 3.19046V5.02379Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat; } .girls__items .item__buttons { gap: 4px; padding: 10px; } .girls__items .item__buttons .btn { padding: 15px 22px; } .girls__items .item__btn--like { flex: 1 1 auto; background: #2dff9e; border-color:#1c9c60; box-shadow: 0 0 24px rgba(33, 52, 88, 0.3), inset 0 -4px 1px #1c9c60; color: var(--black); animation: pulse-light2 2s infinite; } @keyframes pulse-light2 { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(6, 243, 105, 0.7); } 70% { transform: scale(1.03); box-shadow: 0 0 0 10px rgba(0, 206, 209, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 206, 209, 0); } } .girls__items .item__btn--like::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.24984 3.33337C3.71859 3.33337 1.6665 5.38546 1.6665 7.91671C1.6665 12.5 7.08317 16.6667 9.99984 17.6359C12.9165 16.6667 18.3332 12.5 18.3332 7.91671C18.3332 5.38546 16.2811 3.33337 13.7498 3.33337C12.1998 3.33337 10.829 4.10296 9.99984 5.28087C9.57713 4.67895 9.01565 4.18771 8.3629 3.84872C7.71016 3.50973 6.98536 3.33296 6.24984 3.33337Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; transition: var(--transition); } .girls__items .item__btn--like:hover { color: #00381e; } .girls__items .item__btn--like:hover::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.24984 3.33337C3.71859 3.33337 1.6665 5.38546 1.6665 7.91671C1.6665 12.5 7.08317 16.6667 9.99984 17.6359C12.9165 16.6667 18.3332 12.5 18.3332 7.91671C18.3332 5.38546 16.2811 3.33337 13.7498 3.33337C12.1998 3.33337 10.829 4.10296 9.99984 5.28087C9.57713 4.67895 9.01565 4.18771 8.3629 3.84872C7.71016 3.50973 6.98536 3.33296 6.24984 3.33337Z' stroke='%23FF4C51' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; } .reviews { padding: var(--sp) 0; background: var(--grey-50); } .reviews__subtitle { margin-top: 20px; font-size: var(--body1-20); line-height: 140%; } .reviews__slider { position: relative; } .reviews__items { overflow: visible; margin-top: var(--mt); } .reviews__items .item { display: block; height: auto; width: 400px; padding: 20px; border-radius: 20px; background: var(--white); } .reviews__items .item__header { display: flex; align-items: center; gap: 20px; } .reviews__items .item__photo { flex: 0 0 80px; aspect-ratio: 1; border-radius: 50%; background: center/cover no-repeat; } .reviews__items .item__info { flex: 1 1 auto; } .reviews__items .item__date { margin-top: 10px; } .reviews__items .item__desc { margin-top: 20px; line-height: 140%; } .reviews .swiper-nav { position: absolute; top: -40px; right: 10px; transform: translateY(-100%); display: flex; gap: 10px; } .reviews .swiper-pagination { position: relative; margin-top: var(--mt); } .reviews .swiper-pagination-progressbar { background: var(--white); } .reviews .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--secondary); } .swiper-button-prev, .swiper-button-next { position: relative; top: auto; left: auto; right: auto; width: 60px; height: auto; aspect-ratio: 1; margin-top: 0; border-radius: 50%; border: 1px solid var(--secondary); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.338 17.2296C11.9397 17.6486 11.2716 17.6486 10.8732 17.2296L4 9.99994L10.8732 2.77032C11.2716 2.3513 11.9397 2.3513 12.338 2.77032C12.7089 3.16044 12.7089 3.7728 12.338 4.16292L6.78871 9.99999L12.338 15.837C12.7089 16.2271 12.7089 16.8395 12.338 17.2296Z' fill='%2334383C'/%3E%3C/svg%3E") center no-repeat; transition: var(--transition); } .swiper-button-prev:hover, .swiper-button-next:hover { background: var(--secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.338 17.2296C11.9397 17.6486 11.2716 17.6486 10.8732 17.2296L4 9.99994L10.8732 2.77032C11.2716 2.3513 11.9397 2.3513 12.338 2.77032C12.7089 3.16044 12.7089 3.7728 12.338 4.16292L6.78871 9.99999L12.338 15.837C12.7089 16.2271 12.7089 16.8395 12.338 17.2296Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat; } .swiper-button-prev::after, .swiper-button-next::after { display: none; } .swiper-button-next { transform: scale(-1, 1); } .verification { padding: var(--sp) 0; } .verification__title { text-align: center; } .verification__items { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 20px; margin-top: var(--mt); } .verification__items .item { position: relative; width: calc((100% - 40px) / 3); text-align: center; } .verification__items .item__number { position: absolute; top: 0; left: 0; right: 0; text-align: center; color: var(--grey-50); font-weight: 700; line-height: 80%; font-size: 260px; z-index: -1; } .verification__items .item__icon { height: 60px; background: center/contain no-repeat; } .verification__items .item__title { margin: 20px 0 10px; } .verification__items .item__desc { font-size: var(--body1-20); line-height: 140%; } .verification__btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: var(--mt) auto 0; } .indicator__wrap { position: relative; display: flex; align-items: center; gap: 40px; padding: 40px; border-radius: 40px; border: 1px solid var(--red); } .indicator__title { line-height: 140%; font-size: 36px; } .indicator__photo { position: absolute; right: 62px; top: 50%; transform: translateY(-50%) rotate(15deg); width: 200px; aspect-ratio: 1; background: center/cover no-repeat; } .faq { padding: var(--sp) 0; } .faq__container { position: relative; } .faq__items { display: flex; flex-direction: column; gap: 10px; max-width: 800px; margin-top: var(--mt); } .faq__items .item { position: relative; padding: 30px 90px 30px 40px; border-radius: 20px; border: 2px solid var(--secondary); overflow: hidden; transition: var(--transition); } .faq__items .item._active, .faq__items .item:hover { color: var(--white); } .faq__items .item._active::before, .faq__items .item:hover::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.77037 13.338C2.35136 12.9397 2.35136 12.2716 2.77038 11.8732L10 5L17.2296 11.8732C17.6487 12.2716 17.6487 12.9397 17.2296 13.338C16.8395 13.7089 16.2272 13.7089 15.837 13.338L9.99998 7.78871L4.16293 13.338C3.77282 13.7089 3.16048 13.7089 2.77037 13.338Z' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat; } .faq__items .item._active::after, .faq__items .item:hover::after { height: calc(100% + 4px); } .faq__items .item::before { content: ''; position: absolute; top: 40px; right: 30px; width: 20px; aspect-ratio: 1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.77036 6.66199C2.35134 7.06035 2.35135 7.7284 2.77036 8.12675L10 15L17.2296 8.12677C17.6486 7.72841 17.6486 7.06034 17.2296 6.66197C16.8395 6.29109 16.2271 6.29109 15.837 6.66197L9.99996 12.2113L4.16291 6.66199C3.77281 6.29112 3.16046 6.29112 2.77036 6.66199Z' fill='%2334383C'/%3E%3C/svg%3E") center/contain no-repeat; transition: var(--transition); } .faq__items .item::after { content: ''; position: absolute; z-index: -1; left: -2px; right: -2px; bottom: -2px; height: 0; background: var(--secondary); transition: var(--transition); border-radius: 20px; } .faq__items .item__question { cursor: pointer; } .faq__items .item__answer { display: none; margin-top: 30px; line-height: 140%; font-size: var(--body1-20); } .faq__photo { position: absolute; top: 0; right: 0; transform: translate(0, 18%) rotate(-15deg); width: 363px; aspect-ratio: 363/544; background: center/cover no-repeat; } .page-success { background: var(--grey-50); } .page-success .footer { display: none; } .success { display: flex; align-items: center; min-height: 100vh; padding: var(--sp) 0; } .success.show-result .success__select { opacity: 0; pointer-events: none; z-index: -11; } .success.show-result .success__result { opacity: 1; pointer-events: all; z-index: 11; } .success__container { position: relative; } .success__title { max-width: 718px; margin-left: auto; margin-right: auto; text-align: center; } .success__select, .success__result { position: absolute; top: 50%; left: 10px; right: 10px; transform: translateY(-50%); transition: var(--transition); } .success__select-image { position: relative; max-width: 386px; width: 100%; margin: 0 auto; } .success__select-image picture { display: block; width: 100%; } .success__select-search { position: absolute; top: 160px; left: 24%; width: 160px; aspect-ratio: 1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none'%3E%3Cg clip-path='url(%23clip0_137_525)'%3E%3Cg filter='url(%23filter0_d_137_525)'%3E%3Cpath d='M63.3333 20C74.826 20 85.8481 24.5655 93.9746 32.692C102.101 40.8186 106.667 51.8406 106.667 63.3333C106.667 74.0667 102.733 83.9333 96.2667 91.5333L98.0667 93.3333H103.333L136.667 126.667L126.667 136.667L93.3333 103.333V98.0667L91.5333 96.2667C83.6691 102.976 73.671 106.664 63.3333 106.667C51.8406 106.667 40.8186 102.101 32.692 93.9746C24.5655 85.8481 20 74.826 20 63.3333C20 51.8406 24.5655 40.8186 32.692 32.692C40.8186 24.5655 51.8406 20 63.3333 20ZM63.3333 33.3333C46.6667 33.3333 33.3333 46.6667 33.3333 63.3333C33.3333 80 46.6667 93.3333 63.3333 93.3333C80 93.3333 93.3333 80 93.3333 63.3333C93.3333 46.6667 80 33.3333 63.3333 33.3333Z' fill='%2326E05E'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_137_525' x='-12' y='-12' width='180.667' height='180.667' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='16'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_137_525'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_137_525' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_137_525'%3E%3Crect width='160' height='160' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center/contain no-repeat; -webkit-animation: searchMove 2s linear infinite; animation: searchMove 2s linear infinite; transform-origin: bottom right; } @-webkit-keyframes searchMove { 0%, 90%, 100% { transform: translate(0, 0) rotate(0); } 50% { transform: translate(0%, -20%) rotate(33deg); } } @keyframes searchMove { 0%, 90%, 100% { transform: translate(0, 0) rotate(0); } 50% { transform: translate(0%, -20%) rotate(33deg); } } .success__select-progress { width: 90%; max-width: 642px; height: 4px; margin: 30px auto 40px; background: var(--white); } .success__select-progress span { display: block; width: 0; height: 100%; background: var(--primary); } .success__select-progress._animate span { width: 100%; } .success__result { opacity: 0; pointer-events: none; z-index: -11; display: flex; justify-content: space-between; flex-wrap: wrap; } .success__result-left { max-width: 540px; width: 100%; } .success__result-title { text-align: left; } .success__result-progress { position: relative; height: 10px !important; border-radius: 20px; margin-top: 20px; overflow: hidden; background: var(--white); } .success__result-progress .swiper-pagination-progressbar-fill { background: var(--primary); } .success__result-right { width: 100%; max-width: 467px; overflow: hidden !important; } .success__result-items .item { position: relative; display: flex; flex-direction: column; justify-content: space-between; aspect-ratio: 467/700; padding: 20px; border-radius: 30px; background: center/cover no-repeat; overflow: hidden; } .success__result-items .item::before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 68px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 15%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .success__result-items .item__header, .success__result-items .item__buttons { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .success__result-items .item__header { color: var(--white); } .success__result-items .item__count { display: flex; align-items: center; gap: 5px; font-size: 20px; } .success__result-items .item__count::before { content: ''; display: block; width: 22px; aspect-ratio: 22/20; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath d='M7.45866 8.75C7.18239 8.75 6.91744 8.85975 6.72209 9.0551C6.52674 9.25045 6.41699 9.5154 6.41699 9.79167C6.41699 10.0679 6.52674 10.3329 6.72209 10.5282C6.91744 10.7236 7.18239 10.8333 7.45866 10.8333H7.46699C7.74326 10.8333 8.00821 10.7236 8.20356 10.5282C8.39891 10.3329 8.50866 10.0679 8.50866 9.79167C8.50866 9.5154 8.39891 9.25045 8.20356 9.0551C8.00821 8.85975 7.74326 8.75 7.46699 8.75H7.45866Z' fill='white'/%3E%3Cpath d='M6.02397 3.19046C6.02397 2.5653 6.27231 1.96575 6.71436 1.5237C7.15641 1.08165 7.75596 0.833313 8.38111 0.833313H17.8097C18.4348 0.833313 19.0344 1.08165 19.4764 1.5237C19.9185 1.96575 20.1668 2.5653 20.1668 3.19046V12.619C20.1668 13.2442 19.9185 13.8437 19.4764 14.2858C19.0344 14.7278 18.4348 14.9762 17.8097 14.9762H15.9764V16.8095C15.9764 17.4347 15.728 18.0342 15.286 18.4763C14.8439 18.9183 14.2444 19.1666 13.6192 19.1666H4.19064C3.56549 19.1666 2.96594 18.9183 2.52389 18.4763C2.08184 18.0342 1.8335 17.4347 1.8335 16.8095V7.38093C1.8335 6.75578 2.08184 6.15623 2.52389 5.71418C2.96594 5.27213 3.56549 5.02379 4.19064 5.02379H6.02397V3.19046ZM14.4049 7.38093C14.4049 7.17255 14.3221 6.9727 14.1748 6.82535C14.0274 6.678 13.8276 6.59522 13.6192 6.59522H4.19064C3.98225 6.59522 3.7824 6.678 3.63505 6.82535C3.4877 6.9727 3.40492 7.17255 3.40492 7.38093V14.6535L9.34283 11.5756C9.77401 11.3518 10.2638 11.2668 10.7452 11.332C11.2266 11.3973 11.676 11.6097 12.0321 11.9402L14.4049 14.1444V7.38093ZM3.40492 16.8095C3.40492 17.2432 3.75692 17.5952 4.19064 17.5952H13.6192C13.8276 17.5952 14.0274 17.5124 14.1748 17.3651C14.3221 17.2177 14.4049 17.0179 14.4049 16.8095V16.2888L10.9624 13.0926C10.8439 12.9824 10.6943 12.9115 10.534 12.8895C10.3737 12.8676 10.2105 12.8957 10.0667 12.97L3.40492 16.424V16.8095ZM7.5954 5.02379H13.6192C14.2444 5.02379 14.8439 5.27213 15.286 5.71418C15.728 6.15623 15.9764 6.75578 15.9764 7.38093V13.4047H17.8097C18.0181 13.4047 18.2179 13.322 18.3653 13.1746C18.5126 13.0273 18.5954 12.8274 18.5954 12.619V3.19046C18.5954 2.98207 18.5126 2.78222 18.3653 2.63487C18.2179 2.48752 18.0181 2.40474 17.8097 2.40474H8.38111C8.17273 2.40474 7.97288 2.48752 7.82553 2.63487C7.67818 2.78222 7.5954 2.98207 7.5954 3.19046V5.02379Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat; } .success__result-items .item__buttons { position: absolute; left: 0; right: 0; bottom: 0; gap: 10px 7px; padding: 20px; } .success__result-items .item__btn--dislike, .success__result-items .item__btn--like, .success__result-items .item__btn--write { background: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 20px; height: 60px; text-transform: uppercase; font-size: 36px; font-weight: 700; cursor: pointer; } .success__result-items .item__btn--dislike, .success__result-items .item__btn--like { flex: 1 1 45%; } .success__result-items .item__btn--dislike:hover svg, .success__result-items .item__btn--like:hover svg { transform: scale(1.5); } .success__result-items .item__btn--dislike svg, .success__result-items .item__btn--like svg { width: 35px; height: auto; display: block; transition: var(--transition); } .success__result-items .item__btn--write { flex: 1 1 100%; gap: 10px; font-size: 24px; } .success__result-items .item__btn--write svg { width: 25px; height: auto; display: block; } .success__result-items .item--last { background: var(--white); display: flex; align-items: center; justify-content: center; gap: 10px; } .success__result-items .item--last::before { display: none; } .success__result-items .item--last .item__text { font-size: 20px; } .footer { padding: 30px 0; margin-top: auto; background: var(--grey-50); font-size: 16px; } .footer__container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; } .footer__copyright { margin-right: auto; } .footer__nav ul { display: flex; flex-wrap: wrap; gap: 20px; } .footer__social { display: flex; flex-wrap: wrap; gap: 10px; margin-left: auto; } .footer__social a { display: flex; align-items: center; justify-content: center; width: 60px; aspect-ratio: 1; border-radius: 50%; border: 1px solid var(--secondary); transition: var(--transition); } .footer__social a:hover { background: var(--secondary); } .footer__social a:hover svg rect { fill: var(--white); } .footer__social a svg { display: block; width: 20px; height: auto; } .footer__social a svg rect { transition: var(--transition); } .modal-overlay { display: none; padding-top: 1px; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 999; overflow: auto; align-items: center; justify-content: center; padding-top: 60px; } .modal-overlay .modal-content { margin-bottom: 0px; border-radius: 4px; } .modal-overlay .close-button { position: absolute; top: 10px; right: 10px; cursor: pointer; transition: 0.2s linear; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.75 6.81984L17.1802 5.25L12 10.4302L6.81984 5.25L5.25 6.81984L10.4302 12L5.25 17.1802L6.81984 18.75L12 13.5698L17.1802 18.75L18.75 17.1802L13.5698 12L18.75 6.81984Z' fill='%23949799'/%3E%3C/svg%3E") center/contain no-repeat; } .modal-overlay .close-button:hover { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.75 6.81984L17.1802 5.25L12 10.4302L6.81984 5.25L5.25 6.81984L10.4302 12L5.25 17.1802L6.81984 18.75L12 13.5698L17.1802 18.75L18.75 17.1802L13.5698 12L18.75 6.81984Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat; } #modal-video .modal-content { height: auto; width: 100%; } #modal-video .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #modal-video .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-leave .modal-content { position: relative; width: 90%; max-width: 425px; } .modal-leave .close-button { top: 18px; right: 18px; } .modal-leave__wrap { padding: 40px; background: var(--white); color: var(--secondary); } .modal-leave__wrap--start { display: flex; flex-direction: column; justify-content: center; align-items: center; } .modal-leave__subtitle { margin-top: 20px; font-size: var(--body1-20); line-height: 1.4; } .modal-leave__btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 40px; } .modal-leave__btn::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4809 0.691638C15.6868 0.604963 15.9122 0.57507 16.1336 0.605069C16.355 0.635067 16.5643 0.723861 16.7398 0.862209C16.9152 1.00056 17.0504 1.1834 17.1312 1.39171C17.212 1.60001 17.2355 1.82617 17.1992 2.04664L15.3092 13.5108C15.1259 14.6166 13.9125 15.2508 12.8984 14.7C12.05 14.2391 10.79 13.5291 9.6567 12.7883C9.09004 12.4175 7.3542 11.23 7.56754 10.385C7.75087 9.66247 10.6675 6.94747 12.3342 5.33331C12.9884 4.69914 12.69 4.33331 11.9175 4.91664C9.99921 6.36497 6.9192 8.56747 5.90087 9.18747C5.00254 9.73414 4.5342 9.82747 3.9742 9.73414C2.95254 9.56414 2.00504 9.30081 1.2317 8.97997C0.186703 8.54664 0.237537 7.10997 1.23087 6.69164L15.4809 0.691638Z' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat; } .modal-leave__btn--exit { padding: 0 15px; margin-top: 10px; font-weight: 400; font-size: 12px; height: 30px; transition: none; animation: none; background: #e953b2; box-shadow: none; } .modal-leave__btn--exit::after { display: none; } .countdownHolder { margin: 0 auto; font: 30px/1 Roboto, sans-serif; text-align: center; letter-spacing: -3px; display: flex; align-items: flex-start; justify-content: center; /*Параметры цифр */ /*Параметры подложки для секций */ /*Параметры секций разделения (:)*/ /*Параметры вспомогательного текста (дни, часы, минуты, секунды)*/ } .countdownHolder .position { display: inline-block; height: 1em; overflow: hidden; position: relative; width: 0.5em; } .countdownHolder .digit { position: absolute; display: block; border-radius: 0.2em; text-align: center; color: #000; letter-spacing: -1px; left: 50%; transform: translateX(-50%); } .countdownHolder .countDays, .countdownHolder .countHours, .countdownHolder .countMinutes, .countdownHolder .countSeconds { background: #fff; border-radius: 5px; padding: 10px; } .countdownHolder .countDiv { display: none; width: 10px; height: 1em; position: relative; } .countdownHolder .countDiv:before, .countdownHolder .countDiv:after { background: #444; position: absolute; width: 5px; height: 5px; border-radius: 50%; left: 50%; margin-left: -3px; top: 0.2em; box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5); content: ''; } .countdownHolder .countDiv:after { top: 0.6em; } .countdownHolder .textdigit { font-size: 15px; letter-spacing: 0px; } @media (max-width: 1260px) { :root { --container-width: 760px; --sp: 100px; --h1: 70px; --h2: 45px; --h3: 30px; --body1-20: 18px; --body2-16: 14px; } .hero__images { gap: 10px; } .hero__images-col { gap: 10px; } .hero__title { width: 100%; } .hero__items { gap: 25px; } .hero2__container { min-height: 100vh; flex-direction: column; } .hero2__content { margin: auto 0; } .hero2__image { height: 45vh; } .girls__items { overflow: visible; } .girls__items .swiper-wrapper { gap: 0; flex-wrap: nowrap; } .girls__items .item { width: 320px; } .verification__items .item { width: calc((100% - 20px) / 2); } .indicator__wrap { gap: 20px; padding: 30px; } .indicator__number { font-size: 40px; } .indicator__title { max-width: 400px; font-size: 26px; } .indicator__photo { right: 10px; width: 170px; } .faq__photo { display: none; } .success__result { justify-content: center; } .success__result-left { margin-bottom: 40px; } .success__result-title { text-align: center; } } @media (max-width: 760px) { :root { --container-width: 360px; --sp: 70px; --h1: 42px; --h2: 26px; --h3: 22px; --body1-20: 16px; --body2-16: 12px; } [class*='__container'] { flex-direction: column; } .hero__images-col { min-width: 135px; } .hero__btn { width: 100%; } .hero__desc { max-width: none; text-align: center; } .hero__sticky-cta { position: fixed; bottom: 5px; left: 5px; right: 5px; z-index: 111; transition: var(--transition); opacity: 0; } .hero2__content { padding: 18px; } .hero2__text-content { padding: 16px; margin-bottom: 20px; } .hero2__uptitle { padding-top: 36px; margin-bottom: 20px; font-size: 12px; background-size: 32px; } .hero2__title { font-size: 30px; } .hero2__sub-title { margin: 0; } .reviews__items .item { width: 320px; } .reviews .swiper-nav { display: none; } .verification__items .item { width: 100%; } .verification__items .item__number { font-size: 200px; } .verification__items .item__icon { height: 45px; } .verification__items .item__title { margin-top: 10px; } .indicator__wrap { gap: 10px; padding: 15px; border-radius: 25px; } .indicator__number { font-size: 27px; } .indicator__title { max-width: 180px; font-size: 16px; } .indicator__photo { right: -20px; top: 5%; width: 90px; } .faq__items .item { padding: 20px 30px 20px 20px; } .faq__items .item::before { top: 22px; right: 13px; } .faq__items .item__question { font-size: 20px; } .faq__items .item__answer { margin-top: 15px; } .success__select-search { width: 110px; top: 155px; left: 31%; } .success__result-title .emoji, .success__result-title img { transform: translateY(9px) rotate(90deg); } .success__result-items .item__btn--dislike svg, .success__result-items .item__btn--like svg { width: 30px; } .success__result-items .item--last .btn { padding: 20px; font-size: 14px; } .footer { padding-bottom: 90px; } .footer__copyright { margin-left: auto; } .footer__nav ul { flex-direction: column; } } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--color--var-black: #212425; --wp--preset--color--var-primary: #F97729; --wp--preset--color--var-secondary: #2B3234; --wp--preset--color--var-gray-700: #626667; --wp--preset--color--var-grey-400: #AAADAD; --wp--preset--color--var-grey-300: #E8E8E8; --wp--preset--color--var-grey-100: #F1F1F1; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); --wp--preset--font-size--small: 14px; --wp--preset--font-size--medium: 18px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--font-size--extra-small: 12px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--spacing--16: 16px; --wp--preset--spacing--24: 24px; --wp--preset--spacing--32: 32px; --wp--preset--spacing--48: 48px; --wp--preset--spacing--64: 64px; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } :where(body) { margin: 0; } .wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); } .has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); } .has-global-padding>.alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); } .has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; } .has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull))>.alignfull { margin-left: 0; margin-right: 0; } .wp-site-blocks>.alignleft { float: left; margin-right: 2em; } .wp-site-blocks>.alignright { float: right; margin-left: 2em; } .wp-site-blocks>.aligncenter { justify-content: center; margin-left: auto; margin-right: auto; } :where(.wp-site-blocks)>* { margin-block-start: 24px; margin-block-end: 0; } :where(.wp-site-blocks)> :first-child { margin-block-start: 0; } :where(.wp-site-blocks)> :last-child { margin-block-end: 0; } :root { --wp--style--block-gap: 24px; } :root :where(.is-layout-flow)> :first-child { margin-block-start: 0; } :root :where(.is-layout-flow)> :last-child { margin-block-end: 0; } :root :where(.is-layout-flow)>* { margin-block-start: 24px; margin-block-end: 0; } :root :where(.is-layout-constrained)> :first-child { margin-block-start: 0; } :root :where(.is-layout-constrained)> :last-child { margin-block-end: 0; } :root :where(.is-layout-constrained)>* { margin-block-start: 24px; margin-block-end: 0; } :root :where(.is-layout-flex) { gap: 24px; } :root :where(.is-layout-grid) { gap: 24px; } .is-layout-flow>.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-flow>.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-flow>.aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained>.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-constrained>.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-constrained>.aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex> :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid> :is(*, div) { margin: 0; } body { --wp--style--root--padding-top: 0px; --wp--style--root--padding-right: 0px; --wp--style--root--padding-bottom: 0px; --wp--style--root--padding-left: 0px; } a:where(:not(.wp-element-button)) { text-decoration: underline; } :root :where(.wp-element-button, .wp-block-button__link) { background-color: #32373c; border-width: 0; color: #fff; font-family: inherit; font-size: inherit; line-height: inherit; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-var-black-color { color: var(--wp--preset--color--var-black) !important; } .has-var-primary-color { color: var(--wp--preset--color--var-primary) !important; } .has-var-secondary-color { color: var(--wp--preset--color--var-secondary) !important; } .has-var-gray-700-color { color: var(--wp--preset--color--var-gray-700) !important; } .has-var-grey-400-color { color: var(--wp--preset--color--var-grey-400) !important; } .has-var-grey-300-color { color: var(--wp--preset--color--var-grey-300) !important; } .has-var-grey-100-color { color: var(--wp--preset--color--var-grey-100) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-var-black-background-color { background-color: var(--wp--preset--color--var-black) !important; } .has-var-primary-background-color { background-color: var(--wp--preset--color--var-primary) !important; } .has-var-secondary-background-color { background-color: var(--wp--preset--color--var-secondary) !important; } .has-var-gray-700-background-color { background-color: var(--wp--preset--color--var-gray-700) !important; } .has-var-grey-400-background-color { background-color: var(--wp--preset--color--var-grey-400) !important; } .has-var-grey-300-background-color { background-color: var(--wp--preset--color--var-grey-300) !important; } .has-var-grey-100-background-color { background-color: var(--wp--preset--color--var-grey-100) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-var-black-border-color { border-color: var(--wp--preset--color--var-black) !important; } .has-var-primary-border-color { border-color: var(--wp--preset--color--var-primary) !important; } .has-var-secondary-border-color { border-color: var(--wp--preset--color--var-secondary) !important; } .has-var-gray-700-border-color { border-color: var(--wp--preset--color--var-gray-700) !important; } .has-var-grey-400-border-color { border-color: var(--wp--preset--color--var-grey-400) !important; } .has-var-grey-300-border-color { border-color: var(--wp--preset--color--var-grey-300) !important; } .has-var-grey-100-border-color { border-color: var(--wp--preset--color--var-grey-100) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } .has-extra-small-font-size { font-size: var(--wp--preset--font-size--extra-small) !important; } :root { --primary-color: #c01681; --accent-color: #ff8c42; --bg-gradient: linear-gradient(180deg, #c01681 0%, #7155c1db 100%); } .offers-container { display: flex; gap: 10px; padding: 10px; width: 100%; max-width: 1260px; margin-top: auto; box-sizing: border-box; justify-content: center; z-index: 99; } .offer-card { flex: 1; min-width: 0; background: var(--bg-gradient); border-radius: 15px; padding-top: 35px; position: relative; font-family: Arial, sans-serif; color: white; text-align: center; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.1);border: 1px solid #838383; } .offer-card__badge { position: absolute; top: 0; left: 0; right: 0; background: #1f1f1f; color: white; font-size: 15px; font-weight: bold; padding: 8px 0; text-transform: uppercase; } .offer-card__badge--last { color:#ffd700; font-weight: 800; line-height: 1.15; } .offer-card__detail-item { font-size: 17px; } .offer-card__content { padding: 10px; } .offer-card__title { margin: 5px 0; font-size: 1.2rem; } .offer-card__rating { line-height: 1; font-size: 0.8rem; margin-bottom: 5px; } .offer-card__stars { color: #ffd700; } .offer-card__info-group { display: flex; flex-direction: column; gap: 8px; padding-top: 13px; margin-bottom: 15px; } .offer-card__image-wrapper { position: relative; } .offer-card__img { width: 100%; height: 40px; width: auto; max-width: 80%; border-radius: 10px; display: block; margin: 7px auto; } .offer-card__details { background: rgba(255, 255, 255, 0.2); border-radius: 10px; padding: 8px; text-align: left; font-size: 0.75rem; } .offer-card__detail-item strong { display: block; font-size: 0.7rem; opacity: 0.9; } .offer-card__btn { width: 100%; padding: 10px 5px; border-radius: 20px; border: none; font-weight: bold; cursor: pointer; font-size: 1.3rem; transition: transform 0.2s; animation: none; } .offer-card__btn::after{ display: none; } .offer-card__btn:hover { transform: scale(1.02); } @media (max-width: 480px) { .offer-card__badge { font-size: 13px; } .offer-card__img { height: 30px; } .hero { padding-top: 25px; }; .offer-card__badge { font-size: 0.8rem; } .offer-card__title { font-size: 0.9rem; } .offer-card__detail-item { font-size: 0.65rem; } .offer-card__btn { font-size: 0.7rem; } .offers-container { padding: 5px; } .offer-card { padding-top: 15px;} .hero__items { gap: 10px; } .hero__items {margin-top: 10px;} .hero__row {margin-top: 20px;} .hero__desc {display: none;} .offers-container{margin-top: 10px;} .girls { padding: 40px 20px; } } @media (max-width: 480px) and (max-height:630px){ .hero__title { width: 100%; line-height: 1; font-size: 25px; } .hero__items { gap: 5px; } }