:root {
    --bs-border-width: 0;
    --bs-border-radius: 3px;
    --bs-border-radius-sm: 3px;
    --bs-border-radius-lg: 3px;
    --bs-border-radius-xl: 3px;
    --bs-border-radius-xxl: 3px;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);


    --ico-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17'%3E%3Cpath fill='%23757575' d='M14.521 2.667h-3.35v-.834c0-.486-.186-.952-.515-1.296A1.72 1.72 0 0 0 9.415 0h-3.83c-.465 0-.912.193-1.241.537s-.514.81-.514 1.296v.834H.479a.47.47 0 0 0-.339.146.51.51 0 0 0 0 .707c.09.094.212.147.339.147h.798v12.166c0 .31.117.606.327.825.21.22.493.342.79.342h10.212c.297 0 .58-.123.79-.342s.327-.515.327-.825V3.667h.798a.47.47 0 0 0 .339-.147.51.51 0 0 0 0-.707.47.47 0 0 0-.339-.146m-9.734-.834c0-.22.084-.433.234-.589A.78.78 0 0 1 5.585 1h3.83c.212 0 .414.088.564.244s.234.368.234.59v.833H4.787zm7.979 14a.17.17 0 0 1-.047.118.16.16 0 0 1-.113.049H2.394a.16.16 0 0 1-.113-.049.17.17 0 0 1-.047-.118V3.667h10.532zM6.064 7.167V12.5c0 .133-.05.26-.14.354a.47.47 0 0 1-.339.146.47.47 0 0 1-.338-.146.5.5 0 0 1-.14-.354V7.167c0-.133.05-.26.14-.354a.47.47 0 0 1 .338-.146c.127 0 .249.052.339.146s.14.221.14.354m3.83 0V12.5c0 .133-.05.26-.14.354a.47.47 0 0 1-.34.146.47.47 0 0 1-.338-.146.5.5 0 0 1-.14-.354V7.167c0-.133.05-.26.14-.354a.47.47 0 0 1 .339-.146c.127 0 .249.052.338.146s.14.221.14.354'/%3E%3C/svg%3E");
    --ico-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='none'%3E%3Cpath fill='%23BFFF00' d='M4.5 9a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9'/%3E%3C/svg%3E");
    --ico-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21'%3E%3Cpath fill='%23000' d='M10.5 0A10.5 10.5 0 1 0 21 10.5 10.513 10.513 0 0 0 10.5 0M4.678 17.706a6.794 6.794 0 0 1 11.644 0 9.244 9.244 0 0 1-11.644 0M7 9.676a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0m10.244 7.17a7.98 7.98 0 0 0-4.118-3.231 4.735 4.735 0 1 0-5.25 0 7.98 7.98 0 0 0-4.118 3.23 9.265 9.265 0 1 1 13.486 0'/%3E%3C/svg%3E");
    --ico-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='20' fill='none'%3E%3Cpath fill='%23000' d='M7.5 0a3.75 3.75 0 0 0-3.75 3.75H0V20h15V3.75h-3.75A3.75 3.75 0 0 0 7.5 0m0 1.25a2.5 2.5 0 0 1 2.5 2.5H5a2.5 2.5 0 0 1 2.5-2.5M1.25 5h2.5v1.36a1.875 1.875 0 0 0-.7 3.09 1.875 1.875 0 0 0 2.855-2.406A1.88 1.88 0 0 0 5 6.36V5h5v1.36a1.875 1.875 0 0 0-.7 3.09 1.875 1.875 0 1 0 1.95-3.09V5h2.5v13.75H1.25zm3.125 2.5a.625.625 0 1 1 0 1.25.625.625 0 0 1 0-1.25m6.25 0a.625.625 0 1 1 0 1.25.625.625 0 0 1 0-1.25'/%3E%3C/svg%3E");
    --ico-search1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23BFFF00' d='m12.864 12.214 3.541 3.542a.46.46 0 1 1-.65.65l-3.54-3.542a7.351 7.351 0 1 1 .65-.65m-5.513 1.57a6.432 6.432 0 1 0 0-12.865 6.432 6.432 0 0 0 0 12.864'/%3E%3C/svg%3E");
    --ico-search: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg height='17' width='17' version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23BFFF00;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M495.272,423.558c0,0-68.542-59.952-84.937-76.328c-24.063-23.938-33.69-35.466-25.195-54.931 c37.155-75.78,24.303-169.854-38.72-232.858c-79.235-79.254-207.739-79.254-286.984,0c-79.245,79.264-79.245,207.729,0,287.003 c62.985,62.985,157.088,75.837,232.839,38.691c19.466-8.485,31.022,1.142,54.951,25.215c16.384,16.385,76.308,84.937,76.308,84.937 c31.089,31.071,55.009,11.95,69.368-2.39C507.232,478.547,526.362,454.638,495.272,423.558z M286.017,286.012 c-45.9,45.871-120.288,45.871-166.169,0c-45.88-45.871-45.88-120.278,0-166.149c45.881-45.871,120.269-45.871,166.169,0 C331.898,165.734,331.898,240.141,286.017,286.012z'/%3E%3C/g%3E%3C/svg%3E");
    --ico-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' fill='none'%3E%3Cpath fill='%23000' d='M16.84 6.27a.537.537 0 0 1-.538.537H.537a.537.537 0 1 1 0-1.074h15.765a.537.537 0 0 1 .537.537M.536 1.075h15.765a.537.537 0 0 0 0-1.075H.537a.537.537 0 0 0 0 1.075m15.765 10.39H.537a.537.537 0 0 0 0 1.075h15.765a.537.537 0 0 0 0-1.075'/%3E%3C/svg%3E");
    --ico-whatsapp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='none'%3E%3Cpath fill='%23fff' d='M22.771 10.722A11.4 11.4 0 0 0 9.464.16C4.7.946.884 4.809.144 9.571a11.4 11.4 0 0 0 1.378 7.52L.508 20.862c-.228.855.559 1.63 1.402 1.39l3.714-1.025a11.34 11.34 0 0 0 5.765 1.56c6.426 0 11.758-5.662 11.382-12.065m-5.81 4.91a2.7 2.7 0 0 1-.388.581c-.285.308-.592.536-.934.673a2.8 2.8 0 0 1-1.117.216c-.58 0-1.207-.137-1.857-.421-.66-.285-1.31-.661-1.96-1.128a16.5 16.5 0 0 1-1.868-1.596 16 16 0 0 1-1.595-1.868 10 10 0 0 1-1.117-1.948c-.273-.65-.41-1.276-.41-1.869 0-.387.069-.763.205-1.105.137-.353.353-.672.661-.957.365-.365.763-.536 1.185-.536.16 0 .319.035.467.103s.285.17.388.319l1.321 1.869c.103.148.182.273.228.398.057.126.08.24.08.354a.8.8 0 0 1-.126.41c-.08.136-.182.273-.319.41l-.433.456a.3.3 0 0 0-.09.227c0 .046.01.092.022.137.023.046.034.08.046.114.102.194.285.433.535.73a15.386 15.386 0 0 0 1.743 1.743c.297.25.547.421.741.524.034.011.068.034.103.045a.3.3 0 0 0 .148.023.31.31 0 0 0 .239-.103l.433-.432a1.8 1.8 0 0 1 .41-.32.8.8 0 0 1 .41-.125c.114 0 .228.023.353.08.126.057.262.125.4.228l1.89 1.344c.149.103.251.228.32.365.056.148.09.285.09.444-.068.194-.113.41-.204.615'/%3E%3C/svg%3E");
    --ico-telegram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='none'%3E%3Cpath fill='%23fff' d='M11.5 23C17.851 23 23 17.851 23 11.5S17.851 0 11.5 0 0 5.149 0 11.5 5.149 23 11.5 23m-1.913-9.161 5.333-4.812c.234-.208-.051-.309-.362-.12l-6.581 4.151-2.843-.887c-.614-.188-.618-.61.138-.913l11.077-4.271c.506-.23.995.121.801.896l-1.886 8.89c-.132.631-.513.782-1.042.49l-2.874-2.123-1.381 1.343c-.16.156-.288.288-.575.288z'/%3E%3C/svg%3E");
    --ico-dropdown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' fill='none'%3E%3Cpath fill='%23fff' d='M12.878.769 6.821 6.866a.453.453 0 0 1-.642 0L.122.77A.459.459 0 0 1 .446 0a.45.45 0 0 1 .318.123L6.5 5.896 12.236.123A.453.453 0 0 1 13 .449a.46.46 0 0 1-.122.32'/%3E%3C/svg%3E");
    --ico-dropup: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' fill='none'%3E%3Cpath fill='%23fff' d='M12.867 6.866a.453.453 0 0 1-.641 0L6.495 1.102.763 6.866A.452.452 0 0 1 0 6.54a.46.46 0 0 1 .122-.319L6.174.134a.453.453 0 0 1 .641 0l6.052 6.087a.46.46 0 0 1 0 .645'/%3E%3C/svg%3E");
    --ico-vk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='none'%3E%3Cpath fill='%23fff' d='M11.395 0C5.102 0 0 5.102 0 11.395S5.102 22.79 11.395 22.79 22.79 17.688 22.79 11.395 17.688 0 11.395 0m4.382 12.856s1.008.995 1.256 1.457q.01.016.013.023.15.254.075.4c-.083.164-.368.245-.465.252h-1.78c-.124 0-.383-.032-.696-.248-.241-.169-.479-.445-.71-.715-.346-.4-.645-.748-.946-.748a.4.4 0 0 0-.113.018c-.228.074-.52.4-.52 1.266 0 .27-.213.426-.364.426h-.816c-.277 0-1.724-.098-3.006-1.45C6.135 11.883 4.723 8.56 4.71 8.53c-.089-.215.095-.33.296-.33h1.798c.24 0 .318.146.373.275.064.15.299.75.685 1.424.625 1.1 1.008 1.546 1.316 1.546a.36.36 0 0 0 .165-.043c.401-.223.326-1.653.309-1.95 0-.056-.002-.64-.207-.92-.147-.203-.398-.28-.55-.309a.65.65 0 0 1 .237-.2c.275-.138.771-.158 1.264-.158h.274c.534.007.672.041.865.09.392.094.4.347.366 1.212-.01.246-.021.524-.021.851 0 .071-.004.147-.004.228-.012.44-.026.94.285 1.145q.061.04.135.04c.108 0 .433 0 1.314-1.511q.409-.731.706-1.513c.018-.03.07-.125.132-.162a.3.3 0 0 1 .147-.035h2.114c.23 0 .388.035.418.124.052.141-.01.572-.974 1.879l-.431.568c-.875 1.147-.875 1.205.054 2.075'/%3E%3C/svg%3E");
    --ico-login: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' fill='none'%3E%3Crect width='47' height='64' x='19' y='1' fill='%23BFFF00' rx='5'/%3E%3Cpath fill='%23000' d='M42.914 34.489 28.872 48.53a2.107 2.107 0 0 1-2.977-2.977l10.444-10.448H2.106a2.106 2.106 0 1 1 0-4.212H36.34L25.895 20.446a2.106 2.106 0 0 1 2.977-2.977l14.042 14.043a2.106 2.106 0 0 1 0 2.977M61.085 0h-19.66a2.106 2.106 0 0 0 0 4.213h19.66a.7.7 0 0 1 .702.702v56.17a.7.7 0 0 1-.702.702h-19.66a2.106 2.106 0 0 0 0 4.213h19.66A4.915 4.915 0 0 0 66 61.085V4.915A4.915 4.915 0 0 0 61.085 0'/%3E%3C/svg%3E");
    --ico-logout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='68' fill='none'%3E%3Cpath fill='%23BFFF00' d='M66 7a5 5 0 0 0-5-5H29a5 5 0 0 0-5 5v54a5 5 0 0 0 5 5h32a5 5 0 0 0 5-5z'/%3E%3Cpath fill='%23000' d='M39.317 65.148c0 .566.222 1.109.617 1.51.395.4.93.624 1.49.624h19.66a4.88 4.88 0 0 0 3.474-1.458 5.01 5.01 0 0 0 1.44-3.521V5.39c0-1.32-.518-2.587-1.44-3.521A4.88 4.88 0 0 0 61.083.41h-19.66c-.558 0-1.094.225-1.489.625s-.617.943-.617 1.51c0 .565.222 1.108.617 1.508s.93.625 1.49.625h19.66c.185 0 .364.075.496.209a.72.72 0 0 1 .205.503v56.912c0 .188-.074.37-.205.503a.7.7 0 0 1-.497.208h-19.66c-.558 0-1.094.225-1.489.625s-.617.943-.617 1.509M.616 32.338l14.043-14.227a2.09 2.09 0 0 1 2.925.052 2.15 2.15 0 0 1 .052 2.964L7.19 31.713h34.233c.558 0 1.094.224 1.489.625.395.4.617.943.617 1.509s-.222 1.108-.617 1.509-.93.625-1.49.625H7.192l10.445 10.585a2.14 2.14 0 0 1 .67 1.524 2.16 2.16 0 0 1-.617 1.547 2.1 2.1 0 0 1-1.527.625 2.08 2.08 0 0 1-1.503-.68L.616 35.356A2.15 2.15 0 0 1 0 33.847c0-.566.221-1.108.616-1.508'/%3E%3C/svg%3E");
    --ico-price: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='67' fill='none'%3E%3Cpath fill='%23BFFF00' d='M1.099 64V1.136C1.099.508 1.607 0 2.234 0h28.524a3 3 0 0 1 3 3v13.305a3 3 0 0 0 3 3h12.964a3 3 0 0 1 3 3V64a3 3 0 0 1-3 3H4.099a3 3 0 0 1-3-3'/%3E%3Cpath fill='%23000' d='M34.598 58.022c0 .342-.135.67-.376.912-.24.242-.566.378-.906.378h-8.97c-.34 0-.665-.136-.905-.378a1.3 1.3 0 0 1-.376-.912V39.971c0-.342.135-.67.375-.912a1.277 1.277 0 0 1 1.813 0c.24.242.375.57.375.912v16.762h7.688c.34 0 .666.136.906.377.24.242.376.57.376.912m-19.76-19.099a1.275 1.275 0 0 0-1.787.297l-5.363 7.559-5.365-7.56a1.28 1.28 0 0 0-1.77-.272 1.29 1.29 0 0 0-.313 1.775l5.872 8.274L.24 57.271a1.293 1.293 0 0 0 1.041 2.04 1.28 1.28 0 0 0 1.042-.538l5.365-7.559 5.363 7.56a1.28 1.28 0 0 0 1.044.538 1.285 1.285 0 0 0 1.262-1.08 1.3 1.3 0 0 0-.22-.961L9.26 48.996l5.876-8.274a1.293 1.293 0 0 0-.298-1.799m32.09 8.51c-3.373-.967-4.83-1.583-4.622-3.25a2.77 2.77 0 0 1 1.2-2.091c2.006-1.364 6.014-.722 7.391-.358.324.071.663.013.945-.162a1.297 1.297 0 0 0 .445-1.732 1.28 1.28 0 0 0-.75-.601 19.5 19.5 0 0 0-3.356-.519c-2.598-.174-4.658.242-6.116 1.231a5.35 5.35 0 0 0-1.589 1.696 5.4 5.4 0 0 0-.724 2.215c-.51 4.026 3.351 5.157 6.452 6.05 3.604 1.047 5.273 1.77 5.007 3.849a2.9 2.9 0 0 1-1.25 2.175c-2.011 1.345-5.96.661-7.313.284a1.27 1.27 0 0 0-1.39.423 1.293 1.293 0 0 0 .701 2.06c1.487.392 3.016.597 4.553.608 1.656 0 3.469-.277 4.875-1.215a5.5 5.5 0 0 0 1.634-1.732 5.5 5.5 0 0 0 .747-2.268c.573-4.506-3.71-5.744-6.84-6.663m4.328-26.803H34.598c-.34 0-.666-.136-.906-.378a1.3 1.3 0 0 1-.376-.911V2.579H3.844c-.34 0-.666.136-.906.377-.24.242-.375.57-.375.912v23.209c0 .342-.135.67-.376.912a1.277 1.277 0 0 1-1.812 0A1.3 1.3 0 0 1 0 27.077V3.868a3.88 3.88 0 0 1 1.126-2.735A3.83 3.83 0 0 1 3.844 0h30.754a1.27 1.27 0 0 1 .906.377l17.94 18.051a1.3 1.3 0 0 1 .375.913v7.736c0 .342-.135.67-.376.912a1.277 1.277 0 0 1-1.812 0 1.3 1.3 0 0 1-.375-.912zm-1.81-2.579L35.88 4.4v13.651z'/%3E%3C/svg%3E");
    --ico-message: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='69' height='69' fill='none'%3E%3Cpath fill='%23BFFF00' d='M34.5 37.375a2.875 2.875 0 1 1 0-5.75 2.875 2.875 0 0 1 0 5.75M23 37.375a2.875 2.875 0 1 1 0-5.75 2.875 2.875 0 0 1 0 5.75M46 37.375a2.875 2.875 0 1 1 0-5.75 2.875 2.875 0 0 1 0 5.75'/%3E%3Cpath fill='%23BFFF00' d='M14.173 14.174a28.75 28.75 0 0 1 46.805 31.624 3.05 3.05 0 0 0-.259 1.84L63.25 59.8a2.88 2.88 0 0 1-.776 2.616 2.88 2.88 0 0 1-2.099.834H59.8l-12.305-2.473a3.6 3.6 0 0 0-1.84.259A28.75 28.75 0 0 1 14.03 14.231zm-2.386 24.035a23 23 0 0 0 31.625 17.48 9.4 9.4 0 0 1 3.593-.748q.812.006 1.61.144l8.108 1.639-1.639-8.108a8.9 8.9 0 0 1 .604-5.204 23 23 0 0 0-17.48-31.625A22.998 22.998 0 0 0 11.787 38.21'/%3E%3C/svg%3E");
    --ico-content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='15' height='17' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg fill='%23494c4e' fill-rule='evenodd'%3E%3Cpath d='M8 9H5a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2zm0 4H5a1 1 0 0 1 0-2h3a1 1 0 1 1 0 2zm0 4H5a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zm8-8h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2zm0 4h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2zm0 4h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2z'%3E%3C/path%3E%3Cpath d='M22 2h-9c-.351 0-.696.093-1 .27A1.994 1.994 0 0 0 11 2H2a2.006 2.006 0 0 0-2 2v16a2.006 2.006 0 0 0 2 2h9c.34.003.676-.087.97-.26a.05.05 0 0 1 .06 0c.294.173.63.263.97.26h9a2.006 2.006 0 0 0 2-2V4a2.006 2.006 0 0 0-2-2zM10.5 20h-8a.5.5 0 0 1-.5-.5v-15a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5zm11.5-.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-15a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v15z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --ico-record: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 25 25'%3E%3Ctitle%3EWrite Message%3C/title%3E%3Cpath id='Write_Message' data-name='Write Message' d='M21,11h1V23.75A1.26,1.26,0,0,1,20.75,25H1.25A1.25,1.25,0,0,1,0,23.75V4.25A1.25,1.25,0,0,1,1.25,3H14V4H1.25A.25.25,0,0,0,1,4.25v19.5a.25.25,0,0,0,.25.25h19.5a.25.25,0,0,0,.25-.25ZM8.72,12.87,8,16.4a.5.5,0,0,0,.49.6h.1l3.5-.71a.5.5,0,0,0,.25-.14L22.68,5.82l-3.5-3.5L8.85,12.62A.5.5,0,0,0,8.72,12.87ZM24.54,1.75,23.25.46a1.56,1.56,0,0,0-2.2,0L19.88,1.61l3.5,3.5L24.54,4h0a1.56,1.56,0,0,0,0-2.2Z' fill='%230e1d25'%3E%3C/path%3E%3C/svg%3E");
}

.link-dark {
    color: #fff;
}
.link-dark:hover {
    color: var(--bs-secondary-color);
}
.link-invert {
    color: #000;
}
.link-invert:hover {
    color: #757575;
}

.nav-tabs {
    margin-bottom: 30px;
    gap:37px;
}
.nav-tabs .nav-link {
    padding: 0;
    font-size: 24px;
    font-weight: 200;
    color: #757575;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    font-weight: 500;
}

.active {
    border-radius: 3px;
}

.selected {
    border-radius: 3px;
}


.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    content: "\2001";
    display: inline-block;
    font-size: 1rem;
    line-height: 1.25;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}
.bi-user:before {
    padding-right: 9px;
    line-height: 1.3;
    background-image: var(--ico-user);
}
.bi-cart:before {
    padding-right: 5px;
    background-image: var(--ico-cart);
}
.bi-search:before {
    background-image: var(--ico-search);
}
.bi-menu:before {
    background-image: var(--ico-menu);
}
.bi-whatsapp:before {
    background-image: var(--ico-whatsapp);
}
.bi-telegram:before {
    background-image: var(--ico-telegram);
}
.bi-vk:before {
    background-image: var(--ico-vk);
}
.bi-trash:before {
    background-image: var(--ico-trash);
}
.bi-price:before {
    width: 52px;
    height: 67px;
    background-image: var(--ico-price);
}
.bi-content:before {
    line-height: 3;
    margin-right: 5px;
    background-image: var(--ico-content);
}

.bi-record:before {
    line-height: 3;
    margin-right: 5px;
    background-image: var(--ico-record);
}

/** overlay */
.overlay {
    --overlay-zindex: 1050;
    --overlay-bg: #000;
    --overlay-opacity: 0.65;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--overlay-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--overlay-bg);
}
.overlay.fade {
    opacity: 0;
}
.overlay.show {
    opacity: var(--overlay-opacity);
}


/** forms **/
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
}
form {
    max-width: 828px;
}
.form-control {
    /*display: inline-block;*/
    padding: 0 0 13px 0;
    font-size: 19px;
    font-weight: 100;
    line-height: 1.25;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0;
    transition: border-color 0.15s ease-in-out;

    border-bottom: 1px solid #000;
    margin-top: 5px;
}
.form-control-dark {
    color: #000;
    border-bottom: 1px solid #fff;
}
.form-control-dark:focus  {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    outline: 0;
}
.form-control-dark::placeholder {
    color: #757575;
    font-size: 14px;
}

.form-select {
    --bs-border-radius: 0;
    --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8406 1.00567L8.9198 8.97896C8.80841 9.09095 8.65743 9.15385 8.5 9.15385C8.34257 9.15385 8.19159 9.09095 8.0802 8.97896L0.159438 1.00567C0.054504 0.892305 -0.00262286 0.742371 9.2552e-05 0.587449C0.00280796 0.432527 0.0651537 0.284713 0.173995 0.17515C0.282837 0.0655865 0.429676 0.00282658 0.583577 9.31647e-05C0.737479 -0.00264025 0.886426 0.0548663 0.999039 0.160496L8.5 7.71021L16.001 0.160496C16.1136 0.0548663 16.2625 -0.00264025 16.4164 9.31647e-05C16.5703 0.00282658 16.7172 0.0655865 16.826 0.17515C16.9348 0.284713 16.9972 0.432527 16.9999 0.587449C17.0026 0.742371 16.9455 0.892305 16.8406 1.00567Z' fill='%23757575'/%3E%3C/svg%3E");
    background-size: 17px 10px;
    background-position: right 0 top 9px;
    font-weight: 100;
    font-size: 19px;
    max-width: 528px;
    border-bottom: 1px solid #000;
    padding: 0 0 13px 0;
    margin-top: 5px;
    outline: 0;
}
.form-select:focus {
    border-color: #000;
}

.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #000;
}

html {
    scroll-behavior: smooth;
}

body {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 300;
    background-color: transparent;
    color: #000;
}
.container-xxl {
    max-width: 1440px;
}
.container {
    max-width: 1108px;
}

h1, h2, h3, .h1, .h2, .h3 {
    line-height: 1.25;
    letter-spacing: 0;
}
h1, .h1 {
    font-size: 32px;
    font-weight: 700;
}
h2,.h2 {
    font-size: 24px;
    font-weight: 600;
}
h3, .h3 {
    font-size: 20px;
    font-weight: 500;
}

.fs-10 {
    font-size: 10px;
}
.fs-12 {
    font-size: 12px;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-20 {
    font-size: 20px;
}
.fs-24 {
    font-size: 24px;
}
.fs-26 {
    font-size: 26px;
}

.mt-18 {
    margin-top: 18px !important;
}
.mb-18 {
    margin-bottom: 18px !important;
}
.mt-28 {
    margin-top: 28px !important;
}
.mb-28 {
    margin-bottom: 28px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mt-35 {
    margin-top: 35px !important;
}
.mb-35 {
    margin-bottom: 35px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mt-45 {
    margin-top: 45px !important;
}
.mb-45 {
    margin-bottom: 45px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mt-70 {
    margin-top: 70px !important;
}
.mb-70 {
    margin-bottom: 70px !important;
}
.mb-90 {
    margin-bottom: 90px !important;
}
.mb-145 {
    margin-bottom: 145px !important;
}


.text-theme {
    color: #bff000;
}

.aside-categories {
    list-style: none;
    padding-left: 0;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0;
    color: #000;
}
.aside-categories ul {
    margin-top: 4px;
    padding-left: 16px;
 }
.aside-categories li {
    margin-bottom: 4px;
}
.aside-categories a {
    display: block;
    color: #000;
    padding: 6px 0 6px 6px;
}
.aside-categories li.active > a, .aside-categories a:hover {
   background: #bff000;
   border-radius: 3px;
}

/** modals **/
.modal {
  --bs-modal-padding: 36px 23px;
    --bs-modal-footer-padding: ;
}
.modal-alert, .modal-confirm {
    --bs-modal-padding: 36px 23px 0;
    --bs-modal-footer-padding: 23px;
}

.modal-footer, .modal-alert .modal-footer, .modal-confirm .modal-footer {
    padding: var(--bs-modal-footer-padding);
}

.modal-backdrop {
    z-index: auto;
    opacity: 0.65;
}
.modal .btn-close {
    position: absolute;
    top: 21px;
    right: 23px;
    width: 15px;
    height: 15px;
    z-index: 1;
}
@media (min-width: 576px) {
    .modal {
        --bs-modal-padding: 55px;
    }
    .modal-alert, .modal-confirm {
        --bs-modal-padding: 55px 55px 0;
        --bs-modal-footer-padding: 23px;
    }
}

/** Было max-width 575.98px **/
@media (max-width: 859.98px) {
    .pagination {
        --bs-pagination-font-size: 15px;
        --bs-pagination-padding-x: 0.62rem;
        --bs-pagination-padding-y: 0.31rem;
    }
    body {
        font-size: 13px;
        margin-top: 70px;
    }
    h1, .h1 {
        font-size: 15px;
    }
    h2, .h2 {
        font-size: 15px;
    }
    h3, .h3 {
        font-size: 14px;
    }
    .nav-tabs .nav-link {
        font-size: 14px;
    }

    .form-control {
        font-size: 16px;
        padding: 0 0 9px 0;
        margin-top: 3px;
    }

    .ps-6 {
        padding-left: 29px !important;
    }
}
@media (min-width: 576px) {
    .mt-sm-18 {
        margin-top: 18px !important;
    }
    .mb-sm-18 {
        margin-bottom: 18px !important;
    }
    .mt-sm-28 {
        margin-top: 28px !important;
    }
    .mb-sm-28 {
        margin-bottom: 28px !important;
    }
    .mt-sm-30 {
        margin-top: 30px !important;
    }
    .mb-sm-30 {
        margin-bottom: 30px !important;
    }
    .mt-sm-35 {
        margin-top: 35px !important;
    }
    .mb-sm-35 {
        margin-bottom: 35px !important;
    }
    .mt-sm-40 {
        margin-top: 40px !important;
    }
    .mb-sm-40 {
        margin-bottom: 40px !important;
    }
    .mt-sm-50 {
        margin-top: 50px !important;
    }
    .mb-sm-50 {
        margin-bottom: 50px !important;
    }
    .mt-sm-70 {
        margin-top: 70px !important;
    }
    .mb-sm-70 {
        margin-bottom: 70px !important;
    }
    .mb-sm-90 {
        margin-bottom: 90px !important;
    }
    .mb-sm-145 {
        margin-bottom: 145px !important;
    }
}
.price-paragraph {
    --price-paragraph-bg_w: 60px;
    --price-paragraph-icon-indent: 18px;
    --price-paragraph-title-fs: 13px;
    --price-paragraph-btn-fs: 11px;
    background: var(--ico-price) no-repeat left center;
    background-size: contain;
    padding-left: calc(var(--price-paragraph-bg_w) + var(--price-paragraph-icon-indent));
    margin: 40px 0 52px;
}
.price-paragraph__title {
    font-size: var(--price-paragraph-title-fs);
    font-weight: 300;
    line-height: 1.25;
}
.price-paragraph .price-paragraph__btn {
    --bs-btn-padding-x: 30px;
    margin-top: 13px;
    font-size: var(--price-paragraph-btn-fs);
    font-weight: 400;
}
@media (min-width: 576px) {
    .price-paragraph {
        --price-paragraph-bg_w: 68px;
        --price-paragraph-icon-indent: 36px;
        --price-paragraph-title-fs: 20px;
        --price-paragraph-btn-fs: 14px;
        margin: 70px 0 94px;
    }
}

.achievements {
    background: url("data:image/svg+xml,%3Csvg width='9' height='90' viewBox='0 0 9 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_1)'%3E%3Cpath d='M4.49975 9.0005C2.01433 9.0005 -0.000504494 6.98567 -0.000504494 4.50025C-0.000504494 2.01483 2.01433 0 4.49975 0C6.98517 0 9 2.01483 9 4.50025C9 6.98567 6.98517 9.0005 4.49975 9.0005Z' fill='%23BFFF00'/%3E%3C/g%3E%3Cline x1='4.5' y1='15' x2='4.5' y2='90' stroke='black'/%3E%3Cdefs%3E%3CclipPath id='clip0_0_1'%3E%3Crect width='9' height='9' fill='white' transform='matrix(-1 0 0 1 9 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat left top;
    padding-top: 12px;
    padding-left: 27px;
    padding-right: 30px;
    min-height: 96px;
}

.main-category-list-link {
    background: url("data:image/svg+xml,%3Csvg width='98' height='23' viewBox='0 0 98 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 23L98 23L87.3091 11.5L98 -1.30348e-06L-1.00536e-06 2.98023e-06' fill='%23BFFF00'/%3E%3C/svg%3E%0A") no-repeat left center;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 5px;

}
.main-category-list-link a:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
 
.auth-accordion {
    padding: 16px 0px;
}

.checkout_button
{
    padding: 10px 20px 10px 20px;
    border: 1px solid #51a400;
    background-color: #d3ffa9;
    color: #2e5e00;
    font-size: 14px;
}

.button {
    /*-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    text-shadow:1px 1px 0px #ffffff;
        font-weight:bold;
    */
        border:1px solid #F36223;
        -moz-border-radius:6px;
    -webkit-border-radius:6px;
        border-radius:6px;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#F36223;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:16px;
    
    padding:6px 20px;
    text-decoration:none;

}.button:hover {
    /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#ffffff;
        color:#F36223;
}.button:active {
    position:relative;
    top:1px;
}

.book-content {
    white-space: pre-wrap;
    font-size:14px;
    background-color:#F0F0F0;
}

.bib_record {
    white-space: pre-wrap;
    font-size:14px;
}

#cookie_note{
    display: none;
    z-index: 5000;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 2px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
}

.cookie_accept{
    width: 160px;
    height: 30px;
    margin-left: 15px;
}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
        
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
        
    }
    .cookie_accept{
        margin-top: 15px;
        margin-left: 0px;
    }
}