/* -------------------------------------------------------------- # Add Fonts -------------------------------------------------------------- */ @font-face { font-family: 'MontR'; src: url('../fonts/Mont/MontRegular.woff2') format('woff2'), url('../fonts/Mont/MontRegular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'MontSB'; src: url('../fonts/Mont/MontSemiBold.woff2') format('woff2'), url('../fonts/Mont/MontSemiBold.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'OswaldEL'; src: url('../fonts/Oswald/OswaldExtraLight.woff2') format('woff2'), url('../fonts/Oswald/OswaldExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'ManropeR'; src: url('../fonts/Manrope/Manrope-Regular.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'ManropeSB'; src: url('../fonts/Manrope/Manrope-Semibold.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Semibold.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } /* -------------------------------------------------------------- # Animation Styles -------------------------------------------------------------- */ @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* ------ */ @keyframes myPulse { 0% { transform: scale(0.95); opacity: 0; } /*25% { transform: scale(0.88);opacity: 0.7;}*/ 50% { transform: scale(1); opacity: 0.8; } /*75% { transform: scale(0.96);opacity: 0.9;}*/ 100% { transform: scale(1.05); opacity: 0; } } /* ------ */ @keyframes myH { 0% { transform: scaleX(0); transform-origin: 100% 100%; } 100% { transform: scaleX(1); transform-origin: 100% 100%; } } /* -------------------------------------------------------------- # Common Styles -------------------------------------------------------------- */ ::-webkit-input-placeholder { color: #1a1a1a; } :-moz-placeholder { color: #1a1a1a; opacity: 1; } ::-moz-placeholder { color: #1a1a1a; opacity: 1; } :-ms-input-placeholder { color: #1a1a1a; } ::-ms-input-placeholder { color: #1a1a1a; } ::placeholder { color: #1a1a1a; } body { background-color: #151515; font-family: 'ManropeR'; font-size: 17px; color: #ffffff; line-height: 1.3; } body img { height: auto; } body a, body a:active, body a:focus, body button, body button:active, body button:focus, body input, body input:active, body input:focus { text-decoration: none; transition: color 300ms ease-in-out; outline: none; } .site-wrapper { overflow: hidden; position: relative; } .container { display: flex; justify-content: center; width: 100%; } .container__row { padding: 0 15px; max-width: 1170px; width: 100%; } @media (min-width: 1600px) { .container__row { max-width: 1480px; } } .is-open-menu { overflow: hidden; } /* Container width media @media (max-width: 1200px) { .container__row { width: 1000px; } } @media (max-width: 1030px) { .container__row { width: 100%; } } */ /* -------------------------------------------------------------- # Header Styles -------------------------------------------------------------- */ .header { background-color: #292929; display: flex; align-items: stretch; align-content: stretch; justify-content: space-between; border-bottom: 1px solid #484848; position: fixed; width: 100%; z-index: 101; transition: all .4s ease; top: 0; left: 0; right: 0; } .header__mobile { width: 100%; display: flex; } .header__mobile > button { display: none; margin: 30px 0 0 0; } .header__mobile.open > button { display: inline-block; } .header__left { padding-left: 35px; display: flex; align-items: center; width: 100%; } .header__left > a { display: flex; } .header__left > a img { max-height: 70px; } .header__left .header__hamburger { cursor: pointer; background-color: transparent; border: 0; outline: none; padding: 0; margin: 0 30px 0 0; display: none; } .header__hamburger img { width: 34px; } .header__mobile ul { list-style-type: none; padding: 0; margin: 0 30px 0 80px; display: flex; justify-content: space-between; width: 100%; max-width: 480px; } .header__mobile.open ul { width: auto; max-width: none; min-width: auto; } .header__hamburger_close { display: none; position: absolute; right: 20px; top: 20px; width: 24px; cursor: pointer; } .header__mobile.open { position: fixed; z-index: 100; width: 100%; top: 0; left: 0; bottom: 0; right: 0; background-color: #292929; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: auto; } .header__left .header__mobile.open ul a { font-size: 20px; } .header__mobile.open .header__hamburger_close { display: flex; } .header__mobile.open ul { display: flex; flex-direction: column; margin: 0; } .header__mobile.open ul li { margin: 7px 0; } .header__mobile ul a { font-size: 17px; color: #686868; padding: 4px; position: relative; line-height: 22px; display: inline-block; transition: color 300ms ease-in-out; font-weight: 600; } .header__left ul a.active, .header__left ul a:hover, .header__mobile ul a.active, .header__mobile ul a:hover { color: #ffffff; } .header__left ul a:after, .header__mobile ul a:after { content: ''; width: 23px; height: 1px; bottom: -10px; left: 4px; background-color: #fff; position: absolute; opacity: 0; transition: all 300ms ease-in-out; } .header__left ul a.active:after, .header__left ul a:hover:after, .header__mobile ul a.active:after, .header__mobile ul a:hover:after { opacity: 1; bottom: 0; } .header__right { display: flex; align-items: stretch; width: 100%; justify-content: flex-end; } .header__messenger, .header__right > a { display: flex; align-items: center; border-left: 1px solid #484848; padding: 35px 40px; font-size: 17px; color: #686868; font-weight: 600; line-height: 1em; } .header__right > a { background-color: #1c1c1c; } .header__right a:hover { color: #ffffff; } .header__messenger a { margin: 0 0 0 13px; display: flex; } .header__messenger a:last-child { display: none; } .header__messenger img { width: 24px; transition: all 300ms ease-in-out; } .header__messenger img:hover { filter: grayscale(100%); } .header__right > a img { margin: 0 13px 0 0; } .hide { transform: translateY(-100%); transition: all .4s ease; } /* -------------------------------------------------------------- # Offer Styles -------------------------------------------------------------- */ .offer { padding: 100px 0 10px; } .offer__cols { display: flex; position: relative; flex-direction: column; } @media (max-width: 1000px) { .offer__cols::before { position: absolute; content: ''; background-image: url("data:image/svg+xml,%3Csvg width='303' height='412' viewBox='0 0 303 412' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M244.5 65L244.011 64.8948L244.5 65ZM256 181.5L256.466 181.682L256 181.5ZM4.80702 411.961C5.06176 412.068 5.35468 411.948 5.46129 411.693L7.19855 407.542C7.30516 407.287 7.18507 406.994 6.93034 406.888C6.67561 406.781 6.38268 406.901 6.27607 407.156L4.73184 410.846L1.04195 409.302C0.787212 409.195 0.494287 409.315 0.38768 409.57C0.281073 409.824 0.401154 410.117 0.655888 410.224L4.80702 411.961ZM5.46269 411.31C5.14318 410.531 4.85131 409.752 4.58655 408.973L3.63974 409.295C3.91118 410.093 4.21025 410.892 4.53742 411.69L5.46269 411.31ZM3.31909 404.301C2.99083 402.688 2.77444 401.075 2.66556 399.462L1.66783 399.53C1.7797 401.186 2.00204 402.843 2.33918 404.5L3.31909 404.301ZM2.658 394.61C2.76057 392.995 2.96671 391.379 3.27232 389.762L2.28972 389.576C1.97675 391.232 1.76529 392.889 1.66001 394.547L2.658 394.61ZM4.4391 385.055C4.90984 383.515 5.4671 381.975 6.10738 380.434L5.18394 380.051C4.53195 381.62 3.96355 383.19 3.48282 384.762L4.4391 385.055ZM8.16966 376.011C8.90344 374.59 9.70488 373.168 10.5712 371.745L9.71716 371.225C8.83936 372.666 8.02628 374.109 7.28106 375.552L8.16966 376.011ZM13.2707 367.609C14.1817 366.299 15.1453 364.989 16.1593 363.679L15.3685 363.067C14.3447 364.39 13.371 365.713 12.4497 367.038L13.2707 367.609ZM19.289 359.822C20.3227 358.603 21.398 357.385 22.5132 356.166L21.7755 355.491C20.6523 356.718 19.5686 357.946 18.5263 359.175L19.289 359.822ZM25.9282 352.561C27.053 351.412 28.2116 350.263 29.4025 349.115L28.7083 348.395C27.5109 349.55 26.3454 350.705 25.2136 351.862L25.9282 352.561ZM33.0071 345.729C34.2043 344.632 35.4295 343.536 36.6815 342.44L36.0229 341.688C34.7655 342.788 33.5346 343.889 32.3316 344.991L33.0071 345.729ZM40.414 339.24C41.671 338.184 42.9517 337.128 44.2547 336.073L43.6253 335.296C42.3178 336.355 41.0325 337.414 39.7706 338.475L40.414 339.24ZM48.0763 333.028C49.3702 332.014 50.6836 331.001 52.0157 329.987L51.4103 329.191C50.0746 330.207 48.7572 331.224 47.4594 332.241L48.0763 333.028ZM55.9422 327.042C57.2542 326.07 58.5822 325.099 59.9255 324.129L59.3399 323.319C57.9937 324.291 56.6624 325.264 55.3472 326.238L55.9422 327.042ZM63.9709 321.241C65.297 320.304 66.6363 319.369 67.9879 318.434L67.419 317.611C66.0648 318.548 64.7229 319.486 63.3941 320.424L63.9709 321.241ZM72.0791 315.63C73.4331 314.711 74.7982 313.792 76.1736 312.874L75.6184 312.042C74.2409 312.962 72.8736 313.882 71.5174 314.803L72.0791 315.63ZM80.2801 310.154C81.6584 309.248 83.046 308.343 84.442 307.438L83.8982 306.599C82.5005 307.505 81.1111 308.411 79.7308 309.319L80.2801 310.154ZM88.5772 304.776C89.9591 303.892 91.3483 303.009 92.7441 302.126L92.2096 301.281C90.8124 302.164 89.4217 303.049 88.0382 303.934L88.5772 304.776ZM96.9446 299.484C98.3314 298.616 99.7239 297.748 101.121 296.882L100.594 296.032C99.1957 296.899 97.8021 297.767 96.4141 298.636L96.9446 299.484ZM105.328 294.284C106.731 293.421 108.138 292.559 109.548 291.697L109.027 290.844C107.616 291.706 106.208 292.569 104.804 293.432L105.328 294.284ZM113.761 289.132C115.169 288.278 116.579 287.424 117.991 286.571L117.474 285.715C116.061 286.569 114.651 287.423 113.243 288.277L113.761 289.132ZM122.227 284.019C123.637 283.171 125.05 282.323 126.462 281.477L125.948 280.619C124.535 281.466 123.123 282.314 121.711 283.162L122.227 284.019ZM130.702 278.939C132.117 278.092 133.533 277.246 134.947 276.402L134.435 275.543C133.02 276.388 131.604 277.234 130.189 278.08L130.702 278.939ZM139.193 273.867C140.607 273.023 142.019 272.18 143.43 271.338L142.917 270.479C141.507 271.321 140.094 272.164 138.68 273.008L139.193 273.867ZM147.681 268.797C149.099 267.95 150.513 267.103 151.924 266.257L151.41 265.399C149.999 266.245 148.585 267.091 147.168 267.939L147.681 268.797ZM156.146 263.722C157.568 262.866 158.986 262.012 160.399 261.158L159.882 260.302C158.47 261.156 157.052 262.01 155.63 262.865L156.146 263.722ZM164.625 258.598C166.033 257.742 167.435 256.888 168.831 256.034L168.309 255.181C166.915 256.034 165.513 256.888 164.106 257.743L164.625 258.598ZM173.069 253.432C174.474 252.566 175.871 251.701 177.26 250.837L176.732 249.988C175.344 250.851 173.948 251.715 172.544 252.581L173.069 253.432ZM181.452 248.215C182.861 247.33 184.26 246.445 185.649 245.561L185.112 244.718C183.725 245.6 182.328 246.484 180.92 247.369L181.452 248.215ZM189.782 242.914C191.187 242.009 192.58 241.104 193.959 240.201L193.411 239.364C192.034 240.266 190.643 241.169 189.24 242.074L189.782 242.914ZM198.085 237.476C199.46 236.56 200.822 235.645 202.167 234.732L201.605 233.904C200.262 234.816 198.904 235.729 197.53 236.644L198.085 237.476ZM206.282 231.908C207.636 230.968 208.973 230.03 210.291 229.093L209.712 228.278C208.397 229.213 207.063 230.149 205.712 231.086L206.282 231.908ZM214.345 226.174C215.688 225.192 217.01 224.213 218.308 223.235L217.707 222.436C216.412 223.411 215.094 224.388 213.755 225.366L214.345 226.174ZM222.238 220.225C223.563 219.192 224.86 218.161 226.129 217.131L225.499 216.355C224.235 217.38 222.943 218.407 221.623 219.436L222.238 220.225ZM229.913 213.993C231.206 212.897 232.464 211.802 233.685 210.71L233.018 209.965C231.804 211.051 230.553 212.139 229.266 213.231L229.913 213.993ZM237.294 207.386C238.53 206.212 239.721 205.04 240.866 203.871L240.151 203.172C239.016 204.332 237.833 205.495 236.605 206.661L237.294 207.386ZM244.24 200.278C245.378 199.011 246.458 197.746 247.477 196.485L246.698 195.856C245.692 197.103 244.624 198.354 243.496 199.61L244.24 200.278ZM250.485 192.509C251.455 191.134 252.347 189.761 253.157 188.392L252.297 187.883C251.501 189.227 250.623 190.577 249.667 191.933L250.485 192.509ZM255.514 183.919C255.857 183.172 256.175 182.427 256.466 181.682L255.534 181.318C255.251 182.044 254.941 182.771 254.606 183.501L255.514 183.919ZM256.466 181.682C256.781 180.874 257.083 180.075 257.372 179.284L256.433 178.941C256.146 179.725 255.847 180.517 255.534 181.318L256.466 181.682ZM258.991 174.512C259.507 172.86 259.965 171.244 260.369 169.661L259.4 169.414C259 170.979 258.547 172.578 258.036 174.214L258.991 174.512ZM261.474 164.736C261.802 163.036 262.066 161.375 262.272 159.751L261.28 159.625C261.077 161.228 260.816 162.867 260.492 164.546L261.474 164.736ZM262.73 154.725C262.826 153.005 262.855 151.326 262.825 149.685L261.826 149.704C261.855 151.32 261.826 152.974 261.732 154.67L262.73 154.725ZM262.54 144.626C262.379 142.916 262.155 141.247 261.878 139.614L260.892 139.781C261.165 141.391 261.386 143.035 261.545 144.72L262.54 144.626ZM260.861 134.672C260.462 133.014 260.013 131.391 259.526 129.797L258.569 130.089C259.051 131.667 259.495 133.27 259.889 134.906L260.861 134.672ZM257.931 125.016C257.359 123.424 256.758 121.857 256.14 120.306L255.211 120.676C255.826 122.219 256.423 123.776 256.99 125.354L257.931 125.016ZM254.225 115.656C253.573 114.108 252.913 112.568 252.261 111.034L251.341 111.425C251.994 112.962 252.652 114.498 253.304 116.045L254.225 115.656ZM250.325 106.41C249.693 104.863 249.079 103.313 248.496 101.752L247.559 102.102C248.147 103.675 248.764 105.235 249.399 106.789L250.325 106.41ZM246.855 97.0328C246.351 95.4555 245.89 93.8606 245.483 92.2408L244.513 92.4843C244.926 94.127 245.393 95.7423 245.903 97.3372L246.855 97.0328ZM244.45 87.3647C244.174 85.754 243.96 84.1136 243.817 82.4373L242.82 82.5222C242.966 84.2281 243.184 85.8965 243.465 87.5336L244.45 87.3647ZM243.614 77.4652C243.62 75.8464 243.696 74.1912 243.851 72.4946L242.855 72.4037C242.697 74.1295 242.62 75.8138 242.614 77.4615L243.614 77.4652ZM244.507 67.5741C244.649 66.761 244.81 65.9382 244.989 65.1052L244.011 64.8948C243.829 65.7404 243.666 66.5759 243.522 67.4019L244.507 67.5741ZM244.989 65.1052C245.165 64.2848 245.354 63.4709 245.556 62.6635L244.585 62.4216C244.382 63.2394 244.19 64.0638 244.011 64.8948L244.989 65.1052ZM246.918 57.8551C247.428 56.2522 247.984 54.6777 248.583 53.1324L247.651 52.771C247.045 54.3351 246.481 55.9291 245.965 57.5521L246.918 57.8551ZM250.532 48.5244C251.232 46.9968 251.973 45.5008 252.75 44.0374L251.866 43.5686C251.081 45.0487 250.331 46.562 249.623 48.1076L250.532 48.5244ZM255.221 39.6817C256.091 38.2424 256.995 36.8386 257.926 35.4711L257.1 34.9081C256.159 36.2902 255.245 37.7091 254.365 39.1642L255.221 39.6817ZM260.856 31.404C261.877 30.0616 262.922 28.7593 263.987 27.4983L263.222 26.8534C262.147 28.127 261.091 29.4424 260.06 30.7987L260.856 31.404ZM267.315 23.7485C268.472 22.5087 269.643 21.316 270.822 20.1717L270.126 19.4542C268.935 20.6098 267.753 21.8142 266.584 23.0662L267.315 23.7485ZM274.5 16.7738C275.786 15.644 277.073 14.5724 278.351 13.5605L277.73 12.7764C276.439 13.7989 275.139 14.8815 273.84 16.0226L274.5 16.7738ZM282.361 10.5585C283.778 9.55767 285.173 8.63546 286.533 7.79401L286.007 6.94357C284.629 7.79603 283.217 8.72951 281.784 9.74175L282.361 10.5585ZM290.875 5.31581C292.463 4.48828 293.974 3.79168 295.383 3.22952L295.013 2.30068C293.568 2.87679 292.027 3.5879 290.413 4.42899L290.875 5.31581ZM300.101 1.76737C300.998 1.58818 301.801 1.5 302.5 1.5V0.5C301.72 0.5 300.85 0.598009 299.905 0.786753L300.101 1.76737Z' fill='%23FFD23D' /%3E%3C/svg%3E"); top: 10px; left: 55px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: bottom; } } @media (min-width: 1000px) { .offer__cols { flex-direction: row; } .offer__cols::before { position: absolute; content: ''; top: 90px; right: -490px; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg width='1085' height='522' viewBox='0 0 1085 522' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M419 466.5L419.263 467.465L419 466.5ZM3.03985 520.779C3.1942 521.31 3.7492 521.614 4.27948 521.46L12.9208 518.945C13.4511 518.79 13.7559 518.235 13.6015 517.705C13.4472 517.175 12.8922 516.87 12.3619 517.024L4.68067 519.26L2.44483 511.579C2.29048 511.049 1.73547 510.744 1.2052 510.898C0.674919 511.053 0.370172 511.608 0.524525 512.138L3.03985 520.779ZM4.87655 520.981C5.70086 519.48 6.54129 518.01 7.39754 516.57L5.67854 515.548C4.81042 517.007 3.95863 518.498 3.12345 520.019L4.87655 520.981ZM12.7466 508.257C14.6856 505.47 16.6926 502.815 18.7648 500.284L17.2173 499.017C15.1116 501.589 13.0732 504.286 11.105 507.114L12.7466 508.257ZM25.3844 492.843C27.7151 490.434 30.1159 488.157 32.5836 486.009L31.2703 484.5C28.7594 486.687 26.3172 489.002 23.9468 491.453L25.3844 492.843ZM40.3429 479.822C43.0348 477.861 45.7955 476.028 48.6214 474.319L47.5862 472.608C44.7122 474.346 41.9039 476.21 39.165 478.206L40.3429 479.822ZM57.3411 469.527C60.303 468.054 63.3275 466.697 66.4112 465.45L65.6614 463.596C62.5316 464.861 59.46 466.239 56.4503 467.737L57.3411 469.527ZM75.7675 462.054C78.9092 461.037 82.1047 460.119 85.3507 459.296L84.8587 457.357C81.5729 458.191 78.3359 459.12 75.1515 460.151L75.7675 462.054ZM95.1068 457.123C98.3381 456.5 101.613 455.957 104.93 455.491L104.652 453.511C101.303 453.981 97.9941 454.529 94.7277 455.16L95.1068 457.123ZM114.839 454.33C118.128 454.018 121.454 453.772 124.812 453.587L124.702 451.59C121.319 451.777 117.967 452.024 114.65 452.339L114.839 454.33ZM134.833 453.213C138.131 453.146 141.458 453.131 144.81 453.163L144.829 451.163C141.458 451.13 138.112 451.146 134.792 451.214L134.833 453.213ZM154.809 453.391C158.127 453.509 161.467 453.668 164.826 453.863L164.942 451.866C161.569 451.67 158.214 451.511 154.88 451.392L154.809 453.391ZM174.819 454.541C178.127 454.797 181.451 455.082 184.789 455.395L184.975 453.403C181.627 453.09 178.292 452.803 174.973 452.547L174.819 454.541ZM194.769 456.399C198.08 456.753 201.403 457.13 204.735 457.524L204.97 455.538C201.631 455.143 198.302 454.766 194.982 454.41L194.769 456.399ZM214.678 458.747C217.988 459.168 221.305 459.602 224.627 460.047L224.892 458.064C221.566 457.62 218.245 457.184 214.93 456.763L214.678 458.747ZM234.568 461.401C237.877 461.858 241.189 462.322 244.503 462.788L244.781 460.807C241.467 460.341 238.153 459.877 234.842 459.419L234.568 461.401ZM254.442 464.189C257.755 464.656 261.068 465.122 264.379 465.584L264.655 463.603C261.346 463.142 258.034 462.676 254.721 462.209L254.442 464.189ZM274.33 466.953C277.652 467.404 280.971 467.845 284.282 468.275L284.539 466.291C281.232 465.863 277.918 465.421 274.598 464.971L274.33 466.953ZM294.24 469.528C297.58 469.934 300.911 470.324 304.231 470.693L304.452 468.705C301.139 468.337 297.815 467.948 294.481 467.542L294.24 469.528ZM314.221 471.742C317.566 472.07 320.897 472.374 324.214 472.649L324.379 470.656C321.074 470.382 317.752 470.079 314.416 469.751L314.221 471.742ZM334.261 473.392C337.628 473.609 340.976 473.791 344.304 473.933L344.389 471.935C341.077 471.793 337.743 471.612 334.39 471.396L334.261 473.392ZM354.334 474.241C357.719 474.301 361.08 474.315 364.414 474.277L364.392 472.277C361.078 472.315 357.737 472.301 354.37 472.241L354.334 474.241ZM374.491 473.998C377.871 473.846 381.22 473.634 384.534 473.357L384.367 471.364C381.08 471.638 377.757 471.849 374.401 472L374.491 473.998ZM394.53 472.303C397.899 471.871 401.229 471.363 404.515 470.772L404.161 468.804C400.91 469.388 397.614 469.892 394.276 470.32L394.53 472.303ZM414.401 468.708C416.034 468.317 417.655 467.903 419.263 467.465L418.737 465.535C417.149 465.968 415.549 466.377 413.935 466.763L414.401 468.708ZM419.263 467.465C420.882 467.024 422.501 466.539 424.121 466.01L423.5 464.109C421.912 464.627 420.324 465.103 418.737 465.535L419.263 467.465ZM433.728 462.378C436.822 461.052 439.914 459.575 443.006 457.957L442.078 456.185C439.03 457.781 435.983 459.235 432.94 460.54L433.728 462.378ZM451.852 452.943C454.708 451.202 457.563 449.346 460.416 447.381L459.281 445.734C456.457 447.679 453.634 449.515 450.811 451.235L451.852 452.943ZM468.732 441.342C471.383 439.321 474.031 437.209 476.677 435.012L475.399 433.474C472.773 435.654 470.147 437.748 467.52 439.752L468.732 441.342ZM484.396 428.359C486.917 426.108 489.436 423.784 491.951 421.389L490.572 419.941C488.071 422.321 485.568 424.631 483.064 426.868L484.396 428.359ZM499.177 414.316C501.553 411.927 503.925 409.479 506.295 406.976L504.842 405.601C502.483 408.093 500.122 410.529 497.759 412.905L499.177 414.316ZM513.209 399.507C515.465 397.017 517.718 394.48 519.967 391.898L518.459 390.584C516.218 393.156 513.974 395.684 511.727 398.164L513.209 399.507ZM526.611 384.133C528.77 381.565 530.925 378.959 533.078 376.316L531.527 375.053C529.381 377.688 527.232 380.286 525.08 382.846L526.611 384.133ZM539.484 368.332C541.564 365.701 543.641 363.039 545.715 360.347L544.13 359.127C542.062 361.812 539.99 364.467 537.915 367.091L539.484 368.332ZM551.907 352.208C553.927 349.522 555.942 346.81 557.954 344.075L556.343 342.89C554.335 345.62 552.324 348.326 550.309 351.006L551.907 352.208ZM563.964 335.819C565.933 333.086 567.899 330.333 569.86 327.561L568.227 326.406C566.269 329.173 564.307 331.922 562.341 334.65L563.964 335.819ZM575.718 319.211C577.645 316.44 579.568 313.654 581.486 310.855L579.837 309.724C577.921 312.52 576.001 315.302 574.076 318.069L575.718 319.211ZM587.219 302.428C589.112 299.627 590.999 296.814 592.882 293.992L591.218 292.882C589.338 295.701 587.452 298.51 585.562 301.308L587.219 302.428ZM598.511 285.506C600.376 282.68 602.235 279.846 604.089 277.007L602.414 275.913C600.562 278.75 598.704 281.581 596.842 284.405L598.511 285.506ZM609.634 268.475C611.477 265.628 613.314 262.777 615.145 259.925L613.462 258.845C611.632 261.695 609.796 264.544 607.955 267.389L609.634 268.475ZM620.624 251.362C622.451 248.498 624.272 245.634 626.087 242.772L624.398 241.701C622.584 244.561 620.764 247.424 618.938 250.287L620.624 251.362ZM631.517 234.19C633.334 231.312 635.145 228.438 636.949 225.571L635.256 224.506C633.453 227.373 631.642 230.245 629.826 233.122L631.517 234.19ZM642.348 216.981C644.162 214.093 645.968 211.213 647.767 208.345L646.073 207.283C644.274 210.151 642.468 213.03 640.655 215.917L642.348 216.981ZM653.155 199.756C654.971 196.862 656.778 193.982 658.578 191.118L656.885 190.054C655.085 192.918 653.277 195.799 651.461 198.693L653.155 199.756ZM663.977 182.537C665.801 179.644 667.616 176.769 669.422 173.916L667.732 172.846C665.925 175.701 664.109 178.576 662.285 181.471L663.977 182.537ZM674.859 165.351C676.696 162.466 678.524 159.606 680.342 156.773L678.659 155.693C676.84 158.528 675.01 161.39 673.172 164.277L674.859 165.351ZM685.851 148.232C687.708 145.365 689.556 142.531 691.391 139.733L689.719 138.636C687.881 141.438 686.032 144.275 684.172 147.144L685.851 148.232ZM697.013 131.225C698.897 128.394 700.77 125.604 702.629 122.859L700.974 121.738C699.111 124.487 697.235 127.282 695.348 130.117L697.013 131.225ZM708.417 114.404C710.369 111.583 712.306 108.817 714.228 106.109L712.597 104.951C710.67 107.666 708.729 110.439 706.772 113.266L708.417 114.404ZM720.151 97.8874C722.203 95.0826 724.237 92.3515 726.252 89.6989L724.659 88.4891C722.636 91.152 720.595 93.8927 718.537 96.7063L720.151 97.8874ZM732.454 81.7112C734.6 79.0113 736.723 76.4105 738.822 73.9151L737.291 72.6277C735.179 75.1385 733.045 77.7537 730.888 80.4667L732.454 81.7112ZM745.529 66.2159C747.891 63.6071 750.219 61.1485 752.513 58.8496L751.097 57.437C748.778 59.7614 746.428 62.2437 744.047 64.8737L745.529 66.2159ZM759.874 51.9269C761.136 50.822 762.387 49.7726 763.625 48.7804L762.375 47.2196C761.112 48.2312 759.839 49.2992 758.557 50.4218L759.874 51.9269ZM763.625 48.7804C764.912 47.7496 766.218 46.7367 767.544 45.7419L766.344 44.1422C765.001 45.1496 763.678 46.1754 762.375 47.2196L763.625 48.7804ZM775.676 40.0183C778.427 38.2023 781.247 36.455 784.132 34.7756L783.126 33.0472C780.21 34.7449 777.358 36.512 774.574 38.3492L775.676 40.0183ZM792.864 29.9973C795.797 28.4892 798.788 27.0452 801.83 25.6647L801.004 23.8434C797.932 25.237 794.913 26.6951 791.949 28.2185L792.864 29.9973ZM810.994 21.7584C814.061 20.5323 817.173 19.366 820.326 18.2592L819.663 16.3721C816.484 17.4881 813.346 18.6643 810.252 19.9014L810.994 21.7584ZM829.798 15.1484C832.96 14.1789 836.158 13.2659 839.386 12.4086L838.873 10.4756C835.621 11.3392 832.399 12.2592 829.211 13.2362L829.798 15.1484ZM849.072 10.0241C852.3 9.29015 855.555 8.6095 858.831 7.98161L858.455 6.01735C855.156 6.64945 851.88 7.33477 848.629 8.0739L849.072 10.0241ZM868.654 6.26683C871.929 5.74983 875.222 5.28376 878.53 4.86809L878.28 2.8837C874.952 3.30195 871.638 3.77096 868.342 4.29129L868.654 6.26683ZM888.447 3.77594C891.753 3.46253 895.07 3.19822 898.394 2.98249L898.265 0.98669C894.921 1.20368 891.585 1.46956 888.258 1.78487L888.447 3.77594ZM908.361 2.48129C911.685 2.36236 915.012 2.2912 918.339 2.26731L918.325 0.267359C914.979 0.291392 911.633 0.36295 908.29 0.482565L908.361 2.48129ZM928.318 2.33693C931.646 2.40719 934.971 2.52437 938.288 2.68793L938.387 0.69036C935.051 0.525872 931.707 0.408033 928.36 0.337375L928.318 2.33693ZM948.249 3.32005C951.575 3.57834 954.89 3.88326 958.189 4.23425L958.401 2.24547C955.083 1.89246 951.749 1.58581 948.404 1.32605L948.249 3.32005ZM968.099 5.43309C971.409 5.88238 974.7 6.37846 977.967 6.92075L978.295 4.94774C975.008 4.40219 971.697 3.90318 968.367 3.45126L968.099 5.43309ZM987.785 8.70321C991.067 9.35099 994.32 10.0463 997.541 10.7884L997.99 8.83945C994.749 8.09253 991.475 7.39287 988.173 6.74107L987.785 8.70321ZM1007.22 13.1864C1010.46 14.0457 1013.66 14.9538 1016.81 15.9099L1017.39 13.9959C1014.22 13.0328 1011 12.1185 1007.74 11.2534L1007.22 13.1864ZM1026.3 18.9742C1029.47 20.0649 1032.6 21.2063 1035.66 22.3978L1036.39 20.5337C1033.29 19.3323 1030.15 18.1819 1026.95 17.0829L1026.3 18.9742ZM1044.87 26.2025C1047.95 27.5529 1050.96 28.9569 1053.9 30.4138L1054.79 28.6219C1051.82 27.1507 1048.78 25.7335 1045.67 24.3711L1044.87 26.2025ZM1062.71 35.0608C1065.64 36.7087 1068.49 38.4141 1071.24 40.1759L1072.32 38.4909C1069.53 36.7077 1066.65 34.9827 1063.69 33.3169L1062.71 35.0608ZM1079.45 45.7942C1080.79 46.7761 1082.1 47.7731 1083.38 48.785L1084.62 47.215C1083.32 46.1883 1081.99 45.1772 1080.63 44.1819L1079.45 45.7942Z' fill='%23FFD23D' /%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: bottom; } } .offer__left { position: relative; z-index: 2; } @media (min-width: 1000px) { .offer__left { padding-top: 70px; width: 55%; } } .offer h1 { font-family: 'OswaldEL'; font-style: normal; font-size: 25px; line-height: 1.15; color: #ffffff; font-weight: 200; margin: 0; position: relative; margin-bottom: 20px; } @media (min-width: 1000px) { .offer h1 { margin-bottom: 40px; font-size: 48px; } } @media (min-width: 1600px) { .offer h1 { margin-bottom: 50px; font-size: 64px; } } .offer h1 span { color: #ffbc3a; } .offer p { font-size: 14px; line-height: 1.45; margin: 0; margin-bottom: 20px; color: #dadada; width: 95%; } @media (min-width: 1000px) { .offer p { margin-bottom: 40px; font-size: 20px; } } @media (min-width: 1600px) { .offer p { margin-bottom: 60px; font-size: 24px; } } .offer__btns { display: flex; flex-direction: column; } @media (min-width: 1000px) { .offer__btns { row-gap: 10px; } } .offer__btns button { padding: 19px; width: 100%; } .offer__btns .yellow__button-dark { margin-left: 12px; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 210px; box-sizing: border-box; padding: 19px 10px; } @media (min-width: 768px) { .offer__btns .yellow__button-dark { max-width: 240px; } } @media (min-width: 1200px) { .offer__btns { flex-direction: row; } .offer__btns button { padding: 30px 0; width: 100%; } } @media (min-width: 1600px) { .offer__btns .yellow__button-dark { max-width: 290px; } } */ /* .offer__left button img { transition: all 300ms ease-in-out; width: 50px; } */ /* .offer__left button span { margin: 0 0 0 16px; } .offer__left button:hover img { animation: rotating 3s linear infinite; } */ .offer__left > img { position: absolute; top: -40px; left: -590px; transition: transform 30s cubic-bezier(.31, .19, .50, .50); } .offer__left > img:hover { transform: rotate(720deg); } .offer__right {} @media (min-width: 1000px) { .offer__right { position: absolute; z-index: 1; bottom: -55px; right: -50px; width: 70%; } } @media (min-width: 1200px) { .offer__right { width: 63%; bottom: -35px; } } @media (min-width: 1600px) { .offer__right { width: 57%; } } .offer__left > img { position: absolute; top: -40px; left: -590px; transition: transform 30s cubic-bezier(.31, .19, .50, .50); } .offer__right img { max-width: none; width: 900px; margin: 0 0 0 -300px; height: auto; } .offer__img, .offer__img--mobile { position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition: 3s } .offer__img:hover { opacity: 1; } .offer__right-mobile { display: none; width: 60%; position: relative; margin: 30px 0; } .offer__img--click { opacity: 1; } .order { position: relative; padding: 10px 0 80px; } @media (max-width: 1000px) { .order::before { position: absolute; content: ''; background-image: url("data:image/svg+xml,%3Csvg width='304' height='55' viewBox='0 0 304 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M120 38L120.184 37.5352L120 38ZM300.905 0.206516C300.743 -0.0170515 300.43 -0.0668918 300.207 0.0951948L296.563 2.73655C296.34 2.89864 296.29 3.21127 296.452 3.43484C296.614 3.65841 296.927 3.70825 297.15 3.54616L300.389 1.19829L302.737 4.43673C302.899 4.6603 303.211 4.71014 303.435 4.54805C303.658 4.38597 303.708 4.07333 303.546 3.84976L300.905 0.206516ZM0.474342 51.6581C0.683308 51.0312 1.03912 50.3634 1.5457 49.6624L0.735181 49.0767C0.184308 49.839 -0.22599 50.5968 -0.474342 51.3419L0.474342 51.6581ZM4.88287 46.2886C6.01278 45.3767 7.3357 44.4518 8.83814 43.5283L8.31449 42.6764C6.78232 43.6182 5.42347 44.5673 4.25485 45.5104L4.88287 46.2886ZM13.0908 41.1648C14.4603 40.4723 15.9252 39.7886 17.479 39.1201L17.0837 38.2015C15.5123 38.8776 14.0286 39.5699 12.6395 40.2724L13.0908 41.1648ZM22.0139 37.3085C23.4835 36.7634 25.0136 36.2339 26.6 35.7239L26.294 34.7719C24.6939 35.2863 23.1499 35.8206 21.6662 36.3709L22.0139 37.3085ZM31.2665 34.3274C32.7995 33.9013 34.3755 33.4945 35.9912 33.1096L35.7595 32.1368C34.1318 32.5245 32.5438 32.9345 30.9987 33.3639L31.2665 34.3274ZM40.7593 32.0633C42.3244 31.7486 43.921 31.4552 45.5465 31.1856L45.3828 30.199C43.7461 30.4706 42.1384 30.766 40.5622 31.083L40.7593 32.0633ZM50.3639 30.4687C51.9544 30.259 53.5686 30.0725 55.2044 29.9113L55.1063 28.9161C53.4595 29.0784 51.8344 29.2661 50.2332 29.4773L50.3639 30.4687ZM60.0615 29.5126C61.667 29.4072 63.2903 29.3268 64.9296 29.273L64.8968 28.2736C63.2465 28.3277 61.6123 28.4087 59.996 28.5148L60.0615 29.5126ZM69.803 29.1934C71.4149 29.1937 73.04 29.2204 74.6764 29.2751L74.7099 28.2757C73.0622 28.2206 71.426 28.1937 69.8032 28.1934L69.803 29.1934ZM79.5443 29.52C81.1546 29.6283 82.774 29.7644 84.4011 29.93L84.5023 28.9351C82.8637 28.7684 81.2329 28.6313 79.6114 28.5222L79.5443 29.52ZM89.2408 30.5073C90.841 30.7266 92.447 30.9751 94.0574 31.2541L94.2281 30.2688C92.606 29.9877 90.9883 29.7374 89.3765 29.5165L89.2408 30.5073ZM98.8442 32.1726C100.424 32.5053 102.006 32.8685 103.589 33.2632L103.831 32.2929C102.236 31.8951 100.641 31.5293 99.0503 31.1941L98.8442 32.1726ZM108.291 34.5284C109.842 34.9769 111.392 35.4568 112.942 35.9693L113.256 35.0199C111.694 34.5034 110.131 34.0197 108.569 33.5678L108.291 34.5284ZM117.535 37.5866C118.296 37.8711 119.056 38.1638 119.816 38.4648L120.184 37.5352C119.418 37.2317 118.652 36.9367 117.885 36.6499L117.535 37.5866ZM119.816 38.4648C120.557 38.7587 121.312 39.0505 122.08 39.3401L122.433 38.4045C121.67 38.1168 120.921 37.8269 120.184 37.5352L119.816 38.4648ZM126.727 41.0135C128.252 41.5378 129.818 42.0531 131.422 42.558L131.722 41.6041C130.126 41.1017 128.568 40.5892 127.052 40.0678L126.727 41.0135ZM136.16 43.987C137.709 44.4346 139.288 44.8722 140.894 45.2989L141.15 44.3324C139.551 43.9076 137.98 43.4719 136.438 43.0263L136.16 43.987ZM145.662 46.5136C147.242 46.8991 148.844 47.2737 150.466 47.6365L150.684 46.6606C149.068 46.2992 147.473 45.9261 145.899 45.5422L145.662 46.5136ZM155.299 48.6698C156.892 48.9949 158.502 49.3084 160.127 49.6093L160.309 48.6261C158.69 48.3262 157.087 48.0139 155.499 47.69L155.299 48.6698ZM164.977 50.4629C166.59 50.732 168.215 50.9885 169.851 51.2315L169.998 50.2424C168.368 50.0002 166.748 49.7447 165.141 49.4766L164.977 50.4629ZM174.733 51.9127C176.355 52.1242 177.984 52.3221 179.621 52.5057L179.732 51.512C178.102 51.329 176.478 51.1318 174.862 50.9211L174.733 51.9127ZM184.525 53.011C186.159 53.1642 187.797 53.3026 189.438 53.4256L189.513 52.4284C187.878 52.3059 186.246 52.168 184.619 52.0154L184.525 53.011ZM194.355 53.747C195.995 53.8383 197.638 53.9136 199.28 53.9723L199.315 52.9729C197.68 52.9145 196.045 52.8395 194.41 52.7485L194.355 53.747ZM204.205 54.0976C205.852 54.1223 207.496 54.1295 209.138 54.1185L209.131 53.1185C207.497 53.1294 205.859 53.1223 204.22 53.0977L204.205 54.0976ZM214.069 54.0296C215.715 53.9809 217.356 53.913 218.989 53.8252L218.936 52.8267C217.31 52.914 215.678 52.9816 214.039 53.03L214.069 54.0296ZM223.915 53.4975C225.563 53.3663 227.202 53.2137 228.83 53.0389L228.723 52.0446C227.105 52.2184 225.475 52.3702 223.836 52.5007L223.915 53.4975ZM233.722 52.4414C235.361 52.2162 236.986 51.9671 238.597 51.6932L238.429 50.7074C236.829 50.9794 235.214 51.2269 233.586 51.4507L233.722 52.4414ZM243.457 50.7807C245.081 50.4459 246.687 50.084 248.273 49.694L248.034 48.723C246.461 49.1098 244.867 49.469 243.255 49.8013L243.457 50.7807ZM253.034 48.4196C254.631 47.9561 256.203 47.4615 257.749 46.9349L257.426 45.9883C255.895 46.5098 254.338 46.9998 252.755 47.4593L253.034 48.4196ZM262.395 45.2218C263.941 44.606 265.457 43.9544 266.938 43.2661L266.517 42.3592C265.053 43.0393 263.555 43.6835 262.025 44.2928L262.395 45.2218ZM271.356 41.0478C272.818 40.2553 274.24 39.422 275.621 38.5466L275.085 37.7022C273.725 38.5648 272.322 39.3866 270.88 40.1687L271.356 41.0478ZM279.704 35.7388C281.038 34.744 282.324 33.703 283.558 32.6142L282.897 31.8644C281.684 32.9343 280.42 33.9581 279.106 34.937L279.704 35.7388ZM287.13 29.1737C288.269 27.9741 289.351 26.7243 290.374 25.4231L289.587 24.8053C288.585 26.0815 287.523 27.3077 286.405 28.4852L287.13 29.1737ZM293.247 21.38C294.133 19.9958 294.957 18.5606 295.716 17.073L294.825 16.6184C294.081 18.0769 293.273 19.484 292.404 20.841L293.247 21.38ZM297.762 12.5376C298.359 11.025 298.895 9.46427 299.366 7.85435L298.406 7.5735C297.943 9.15453 297.418 10.6864 296.832 12.1704L297.762 12.5376ZM300.547 3.0577C300.711 2.24283 300.86 1.41654 300.994 0.578716L300.006 0.421284C299.875 1.24574 299.728 2.05856 299.566 2.85985L300.547 3.0577Z' fill='%23FFD23D' /%3E%3C/svg%3E"); bottom: calc((-100%) - (-70px)); right: 90px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; } } @media (min-width: 1000px) { .order { padding: 100px 0; } .order::before { position: absolute; content: ''; bottom: -13px; left: 5px; width: 100%; height: 90%; background-image: url("data:image/svg+xml,%3Csvg width='463' height='285' viewBox='0 0 463 285' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117 121L117.998 120.938L117 121ZM459.449 225.684C459.274 225.16 458.708 224.877 458.184 225.051L449.646 227.897C449.122 228.072 448.839 228.638 449.013 229.162C449.188 229.686 449.754 229.969 450.278 229.795L457.868 227.265L460.397 234.854C460.572 235.378 461.138 235.661 461.662 235.487C462.186 235.312 462.469 234.746 462.295 234.222L459.449 225.684ZM0.5 2C2.1467 2 3.79324 2.05797 5.43835 2.17186L5.57648 0.176636C3.88627 0.0596262 2.19366 0 0.5 0V2ZM15.2331 3.49994C18.4424 4.14458 21.6366 4.98907 24.8058 6.01789L25.4233 4.11561C22.1845 3.0642 18.9157 2.1997 15.627 1.5391L15.2331 3.49994ZM34.0626 9.5681C37.0601 10.8939 40.0248 12.3765 42.948 14.0018L43.9199 12.2538C40.9463 10.6005 37.9272 9.0906 34.8716 7.73904L34.0626 9.5681ZM51.4302 19.1886C54.1656 21.0153 56.8536 22.9618 59.486 25.0151L60.7161 23.4382C58.0465 21.3558 55.3187 19.3804 52.5409 17.5253L51.4302 19.1886ZM67.1191 31.403C69.5836 33.6101 71.9867 35.9072 74.3207 38.2823L75.7472 36.8804C73.3841 34.4758 70.9503 32.1492 68.4533 29.9131L67.1191 31.403ZM81.0804 45.5965C83.2621 48.106 85.3674 50.6804 87.3889 53.3075L88.974 52.0878C86.9283 49.4294 84.7978 46.8241 82.5897 44.2843L81.0804 45.5965ZM93.224 61.3785C95.1003 64.1451 96.8818 66.9531 98.5608 69.7897L100.282 68.771C98.5818 65.8987 96.7782 63.056 94.8792 60.2559L93.224 61.3785ZM103.357 78.519C104.877 81.5152 106.278 84.5277 107.55 87.542L109.392 86.7643C108.101 83.7054 106.681 80.6505 105.14 77.6139L103.357 78.519ZM111.06 96.8384C112.125 100.042 113.033 103.229 113.775 106.383L115.722 105.925C114.966 102.709 114.04 99.4641 112.957 96.2073L111.06 96.8384ZM115.54 116.136C115.747 117.794 115.901 119.437 116.002 121.062L117.998 120.938C117.895 119.271 117.736 117.587 117.525 115.889L115.54 116.136ZM116.002 121.062C116.103 122.685 116.23 124.31 116.383 125.935L118.374 125.747C118.223 124.143 118.098 122.54 117.998 120.938L116.002 121.062ZM117.606 135.64C118.112 138.848 118.717 142.052 119.42 145.246L121.373 144.817C120.679 141.661 120.081 138.497 119.582 135.329L117.606 135.64ZM121.798 154.732C122.679 157.858 123.652 160.968 124.715 164.059L126.606 163.409C125.555 160.353 124.594 157.279 123.723 154.19L121.798 154.732ZM128.149 173.21C129.374 176.219 130.685 179.204 132.08 182.16L133.889 181.306C132.509 178.383 131.213 175.432 130.001 172.456L128.149 173.21ZM136.486 190.88C138.028 193.74 139.651 196.567 141.352 199.354L143.059 198.313C141.377 195.555 139.772 192.76 138.246 189.93L136.486 190.88ZM146.661 207.559C148.499 210.24 150.411 212.878 152.396 215.468L153.984 214.252C152.02 211.69 150.128 209.08 148.311 206.428L146.661 207.559ZM158.546 223.064C160.659 225.536 162.842 227.956 165.093 230.319L166.541 228.939C164.315 226.602 162.156 224.209 160.066 221.764L158.546 223.064ZM172.022 237.208C174.39 239.438 176.823 241.607 179.32 243.711L180.608 242.181C178.14 240.102 175.734 237.957 173.393 235.752L172.022 237.208ZM186.967 249.798C189.567 251.75 192.226 253.633 194.945 255.443L196.053 253.778C193.367 251.99 190.738 250.128 188.168 248.199L186.967 249.798ZM203.235 260.625C206.04 262.267 208.9 263.833 211.815 265.317L212.722 263.535C209.843 262.068 207.017 260.521 204.246 258.899L203.235 260.625ZM220.65 269.494C223.624 270.793 226.649 272.01 229.722 273.139L230.412 271.262C227.376 270.146 224.389 268.945 221.451 267.661L220.65 269.494ZM239.001 276.235C242.104 277.168 245.252 278.013 248.444 278.766L248.903 276.82C245.751 276.076 242.641 275.241 239.576 274.32L239.001 276.235ZM258.018 280.724C259.622 281.003 261.235 281.258 262.859 281.49L263.141 279.51C261.538 279.281 259.944 279.029 258.36 278.754L258.018 280.724ZM262.859 281.49C264.449 281.717 266.043 281.929 267.639 282.125L267.883 280.14C266.3 279.945 264.719 279.735 263.141 279.51L262.859 281.49ZM277.237 283.121C280.44 283.394 283.65 283.607 286.863 283.764L286.961 281.767C283.772 281.611 280.585 281.399 277.407 281.129L277.237 283.121ZM296.504 284.069C299.723 284.116 302.94 284.108 306.15 284.048L306.112 282.048C302.924 282.108 299.73 282.116 296.533 282.069L296.504 284.069ZM315.788 283.711C319.007 283.547 322.216 283.331 325.407 283.067L325.242 281.074C322.071 281.336 318.884 281.55 315.686 281.714L315.788 283.711ZM335.002 282.122C338.214 281.755 341.405 281.339 344.569 280.878L344.28 278.899C341.137 279.357 337.967 279.77 334.775 280.135L335.002 282.122ZM354.09 279.337C357.279 278.77 360.435 278.156 363.551 277.499L363.138 275.542C360.043 276.195 356.908 276.805 353.74 277.368L354.09 279.337ZM372.954 275.357C376.116 274.581 379.231 273.761 382.29 272.899L381.748 270.974C378.71 271.83 375.618 272.644 372.477 273.415L372.954 275.357ZM391.521 270.119C394.636 269.118 397.682 268.073 400.653 266.989L399.967 265.11C397.022 266.186 394 267.222 390.909 268.215L391.521 270.119ZM409.653 263.483C412.696 262.22 415.642 260.913 418.48 259.566L417.623 257.759C414.816 259.091 411.9 260.385 408.886 261.636L409.653 263.483ZM427.094 255.18C430.025 253.575 432.81 251.925 435.432 250.237L434.35 248.555C431.77 250.216 429.027 251.842 426.133 253.426L427.094 255.18ZM443.352 244.636C446.04 242.535 448.481 240.386 450.65 238.198L449.23 236.79C447.127 238.91 444.75 241.004 442.12 243.06L443.352 244.636ZM456.906 230.683C457.851 229.283 458.683 227.87 459.394 226.447L457.606 225.553C456.936 226.892 456.149 228.23 455.248 229.564L456.906 230.683Z' fill='%23FFD23D' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } } .order__row { position: relative; } .order__wrapper { padding: 1.5px; background-image: linear-gradient(180deg, #ffbc3a, transparent 100%); border-radius: 30px; overflow: hidden; position: relative; z-index: 2; } .order__block { background: #1a1a1a; border-radius: 30px; padding: 25px; display: flex; justify-content: space-between; align-items: center; } @media (min-width: 1000px) { .order__block { padding: 50px; } } .order__left { display: flex; align-items: center; gap: 15px; margin-bottom: 32px; } @media (min-width: 991px) { .order__left { margin-bottom: 0; } } @media (min-width: 768px) { .order__left { gap: 40px; } } .order__txt { text-align: start; max-width: 700px; margin-right: 20px; } .order__txt h2 { margin: 0; line-height: 1.35; font-size: clamp(1.125rem, 0.952rem + 0.77vw, 1.875rem); margin-bottom: 20px; } .order__txt h2 span { color: #ffbc3a; } .order__txt p { margin: 0; font-weight: 600; line-height: 1.45; color: #dadada; font-size: clamp(0.75rem, 0.606rem + 0.64vw, 1.375rem); } .order__block img { max-width: 180px; display: inline-block; transition: all 300ms ease-in-out; } .order__block img:hover { transform: rotate(42deg); } .order__wr { width: 100%; position: relative; padding: 12px; } @media (min-width: 768px) { .order__wr { max-width: 270px; padding: 15px; } } @media (min-width: 1600px) { .order__wr { max-width: 340px; padding: 20px; } } .order__block .yellow__button { width: auto; box-shadow: 0px 5px 120px rgba(255, 188, 58, 0.5); z-index: 2; padding: 32px 10px; font-size: 14px; letter-spacing: -0.02em; display: flex; align-items: center; justify-content: center; box-shadow: inset 4px 4px 20px 0 rgba(255, 255, 255, 0.6); background-color: #4ec964; border: none; color: #ffffff; } @media (min-width: 1000px) { .order__block .yellow__button { font-size: 16px; } } @media (min-width: 1600px) { .order__block .yellow__button { font-size: 18px; } } .order__block .yellow__button svg { margin-right: 5px; } .order__block .yellow__button:hover { color: #000000; } .order__block .order__wr:before { content: ''; position: absolute; border: 1px solid rgba(78, 201, 100, 0.6); border-radius: 64px; top: 6px; left: 6px; bottom: 6px; right: 6px; animation: myPulse 3s linear 0s infinite normal forwards; z-index: 1; } .order__block .order__wr:after { content: ''; position: absolute; border: 1px solid rgba(78, 201, 100, 0.2); border-radius: 64px; top: 0; left: 0; bottom: 0; right: 0; animation: myPulse 3s linear 0s infinite normal forwards; z-index: 1; } .order__block .order__wr::before { top: 10px; left: 10px; bottom: 10px; right: 10px; } .yellow__wr, .yellow__button-dark { width: 100%; max-width: 210px; padding: 12px; position: relative; } @media (min-width: 768px) { .yellow__wr, .yellow__button-dark { width: 100%; max-width: 240px; position: relative; } } @media (min-width: 1200px) { .yellow__wr { padding: 20px; } .yellow__button-dark { margin: 20px 0; } } @media (min-width: 1600px) { .yellow__wr, .yellow__button-dark { max-width: 290px; } } .yellow__button { padding: 29px 52px; border-radius: 500px; width: auto; background-color: #ffbc3a; color: #1a1a1a; cursor: pointer; transition: all 300ms ease-in-out; font-family: 'ManropeSB'; position: relative; z-index: 2; font-size: 14px; border: none; box-shadow: inset 4px 4px 20px 0 rgba(255, 255, 255, 0.6); line-height: 1.45; } @media (min-width: 1000px) { .yellow__button { font-size: 16px; } } @media (min-width: 1600px) { .yellow__button { font-size: 20px; } } .yellow__button:hover { background-color: #ffffff; } .yellow__button:hover svg path { fill: #4ec964; } .yellow__wr::after { content: ''; position: absolute; border: 1px solid rgba(255, 188, 58, 0.09); border-radius: 64px; top: 0; left: 0; right: 0; bottom: 0; animation: myPulse 3s linear 0s infinite normal forwards; z-index: 1; } .yellow__wr::before { content: ''; position: absolute; border: 1px solid rgba(255, 188, 58, 0.5); border-radius: 64px; top: 6px; left: 6px; right: 6px; bottom: 6px; animation: myPulse 3s linear 0s infinite normal forwards; z-index: 1; } @media (min-width: 768px) { .yellow__wr::before { top: 10px; left: 10px; right: 10px; bottom: 10px; } } .yellow__button-dark { border-radius: 500px; width: auto; background-color: transparent; color: #ffffff; cursor: pointer; transition: all 300ms ease-in-out; font-family: 'ManropeSB'; position: relative; z-index: 2; font-size: 14px; border: 2px solid #ffbc3a; } @media (min-width: 1000px) { .yellow__button-dark { font-size: 16px; } } @media (min-width: 1600px) { .yellow__button-dark { font-size: 20px; } } .yellow__button-dark:hover { background-color: #ffbc3a; color: #1a1a1a; } /* -------------------------------------------------------------- # Popus Styles -------------------------------------------------------------- */ .fancybox-content { background: transparent; padding: 0; } .form__wrapper { width: 100%; max-width: 350px; background-color: #151515; color: #ffffff; font-size: 20px; border-radius: 30px; padding: 40px 30px; } .form__title { text-align: center; color: #ffbc3a; } .form__title span { display: block; font-size: 17px; margin: 5px 0 20px 0; line-height: 21px; color: #fff; } .form__form input, .form__form input:focus, .form__form input:active { outline: none; } .form__form input[type="text"], .form__form input[type="tel"] { border: 2px solid #ffbc3a; display: inline-block; width: 100%; border-radius: 300px; font-size: 17px; padding: 13px; color: #1a1a1a; margin: 0 0 20px 0; outline: none; transition: all 300ms ease-in-out; } .form__form input[type="submit"] { border: 2px solid #ffbc3a; display: inline-block; width: 100%; border-radius: 300px; font-size: 17px; padding: 23px; color: #1a1a1a; margin: 0; outline: none; background-color: #ffbc3a; transition: all 300ms ease-in-out; font-family: 'ManropeSB'; cursor: pointer; } .form__form input[type="submit"]:hover { border: 2px solid #fff; color: #1a1a1a; background-color: #fff; } .form__form input.error { border: 2px solid red !important; } .form__thank { text-align: center; font-size: 14px; display: none; margin: 10px 0 0 0 } /* -------------------------------------------------------------- # Media Styles -------------------------------------------------------------- */ @media (max-width: 1329px) { .header__left ul { margin: 0 20px 0 30px; width: 400px; } .header__left ul a { font-size: 16px; } .header__messenger, .header__right > a { font-size: 16px; } } @media (max-width: 1199px) { .header__left .header__hamburger { display: flex; } .header__mobile { display: none; } .header__mobile ul a { font-size: 20px; } .header__left { width: auto; } .offer { padding-top: 115px; } .offer__right img { margin: 0 0 0 -370px; } .order__block img { max-width: 160px; } .header__left { padding-left: 15px; } .header__messenger, .header__right > a { padding: 25px 15px; font-size: 16px; } } @media (max-width: 1099px) { .offer__right img { width: 840px; margin: 0 0 0 -380px; } .order__block img { max-width: 140px; } } @media (max-width: 991px) { .header__left > a img { max-height: 56px; } .offer h2 { font-size: 18px; } .offer__right img { width: 760px; margin: 0 0 0 -310px; } .order__block { flex-direction: column; } .order__block img:hover { transform: rotate(131deg); } } @media (max-width: 767px) { .header__messenger > span, .header__right > a { display: none; } .header__messenger, .header__right > a { padding: 25px 10px; } .header__messenger a:last-child { display: flex; } .header__messenger a { margin: 0 5px; } .header__hamburger img { width: 30px; } .offer__right > img:first-child { display: none; } .offer__img { display: none; } .offer__right-mobile { display: block; } .offer__right img:last-child { display: flex; width: 100%; margin: 0; } .offer__cols { flex-direction: column; } .offer__right img { width: 60%; margin: 30px 0; } .offer__img--mobile { display: flex; width: 100% !important; margin: 0 !important; } .offer__right { display: flex; justify-content: center; align-items: center; } } @media (max-width: 479px) { .header__left .header__hamburger { margin: 0 20px 0 0; } .header__left > a img { max-height: 50px; } .header__messenger, .header__right > a { padding: 18px 10px; } .header__left > a img { max-height: 46px; } .offer h2 { font-size: 16px; margin: 20px 0 24px; } .order__block img { max-width: 90px; } } /* -------------------------------------------------------------- # Footer Styles -------------------------------------------------------------- */ .footer { background-color: #111111; padding: 50px 0; } .footer__row { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer__col { width: 25.3%; } .footer__col--left { width: 43.3%; } .footer__left { display: flex; } .footer__center { margin-top: 22px; margin-bottom: 22px; display: flex; justify-content: center; flex-direction: column; align-items: flex-start; row-gap: 15px; } .footer__center a { margin: 0; } .footer__right { display: flex; flex-direction: column; align-items: flex-end; } .footer__logo { margin: 0 40px 0 0; display: inline-block; } .footer__logo img { width: 130px; } .footer__menu { list-style-type: none; padding: 0; margin: 20px 0 0 0; display: flex; flex-direction: column; } .footer__menu li { margin: 0 0 10px 0; } .footer__menu li:last-child { margin: 0; } .footer__menu a { font-size: 17px; color: #686868; padding: 4px; position: relative; line-height: 22px; display: inline-block; transition: color 300ms ease-in-out; font-weight: 600; } .footer__menu a:after { content: ""; width: 23px; height: 1px; bottom: -10px; left: 4px; background-color: #fff; position: absolute; opacity: 0; transition: all 300ms ease-in-out; } .footer__menu a.active, .footer__menu a:hover { color: #ffffff; } .footer__menu a.active:after, .footer__menu a:hover:after { opacity: 1; bottom: 0; } .footer__pol { color: #686868; font-size: 17px; text-align: start; transition: color 300ms ease-in-out; } .footer__pol:hover { color: #fff; } .yellow__button-dark { padding: 29px 52px; border-radius: 500px; width: auto; background-color: transparent; color: #ffffff; cursor: pointer; transition: all 300ms ease-in-out; font-family: "ManropeSB"; position: relative; z-index: 2; font-size: 17px; border: 2px solid #ffbc3a; } .yellow__button-dark:hover { background-color: #ffbc3a; color: #1a1a1a; } .footer__messenger { display: flex; align-items: center; margin: 16px 0 10px; } .footer__messenger a { margin: 0 0 0 15px; } .footer__messenger a img { width: 24px; } .footer__links a { display: flex; align-items: center; font-size: 17px; color: #686868; font-weight: 600; line-height: 1em; transition: color 300ms ease-in-out; } .footer__links a:hover { color: #fff; } .footer__links a img { margin: 0 13px 0 0; } .footer__item { color: #686868; font-size: 16px; text-align: center; transition: color 0.3 ease-in-out; } a.footer__item:hover { color: #fff; } @media (min-width: 1200px) { .footer__item { font-size: 18px; text-align: start; } } .footer__bottom { margin-top: 40px; display: flex; justify-content: center; } @media (min-width: 1200px) { .footer__bottom { justify-content: flex-start; } } .footer__bottom img { max-width: 500px; width: 100%; height: auto; object-fit: contain; } .footer__items { display:flex; flex-direction: column; align-items: center; } @media (min-width: 1200px) { .footer__items { align-items: start; } } @media (min-width: 481px) { .footer .footer__right .yellow__button-dark { padding: 24px 38px; } } /* Min Width */