/* Start:/bitrix/templates/loft_2025/styles.css?174650549336967*/ :root { --black: #171717; --white: #ffffff; --red: #e61408; --red-l: #FF5349; --gray-text: #6b6a6a; --gray-footer: #BEBEBE; --gray-border: #E5E5E5; --gray-bg: #F7F7F7; --gray-bg-l: #F9F9F9; --logo: url('data: image/svg+xml, %3Csvg%20width%3D%22147%22%20height%3D%2246%22%20viewBox%3D%220%200%20147%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M31.8865%2020.8388H30.321C30.0415%2020.8388%2029.9017%2020.6973%2029.9017%2020.4143V1.45615C29.9017%201.17319%2030.0415%201.03171%2030.321%201.03171H31.8865C32.166%201.03171%2032.3058%201.17319%2032.3058%201.45615V20.4143C32.3058%2020.6973%2032.166%2020.8388%2031.8865%2020.8388Z%22%20fill%3D%22%23171717%22%2F%3E%3Cpath%20d%3D%22M37.7536%2020.8388H36.3279C36.0484%2020.8388%2035.9086%2020.6973%2035.9086%2020.4143V1.45615C35.9086%201.17319%2036.0484%201.03171%2036.3279%201.03171H38.0611C38.2847%201.03171%2038.4524%201.12603%2038.5642%201.31467L48.4321%2016.9057V1.45615C48.4321%201.17319%2048.5718%201.03171%2048.8514%201.03171H50.305C50.5845%201.03171%2050.7243%201.17319%2050.7243%201.45615V20.4143C50.7243%2020.6973%2050.5845%2020.8388%2050.305%2020.8388H48.5439C48.3203%2020.8388%2048.1525%2020.7444%2048.0407%2020.5558L38.1729%204.90823V20.4143C38.1729%2020.6973%2038.0331%2020.8388%2037.7536%2020.8388Z%22%20fill%3D%22%23171717%22%2F%3E%3Cpath%20d%3D%22M62.2748%2020.8388H60.2342C59.9919%2020.8388%2059.8335%2020.7256%2059.759%2020.4992L53.3016%201.51274C53.2084%201.19205%2053.3202%201.03171%2053.637%201.03171H55.3143C55.5565%201.03171%2055.7149%201.14489%2055.7895%201.37126L61.2685%2017.8677L66.7475%201.37126C66.8221%201.14489%2066.9805%201.03171%2067.2227%201.03171H68.9279C69.2448%201.03171%2069.3566%201.19205%2069.2634%201.51274L62.7501%2020.4992C62.6569%2020.7256%2062.4985%2020.8388%2062.2748%2020.8388Z%22%20fill%3D%22%23171717%22%2F%3E%3Cpath%20d%3D%22M73.821%2020.8388H72.2556C71.976%2020.8388%2071.8363%2020.6973%2071.8363%2020.4143V1.45615C71.8363%201.17319%2071.976%201.03171%2072.2556%201.03171H73.821C74.1005%201.03171%2074.2403%201.17319%2074.2403%201.45615V20.4143C74.2403%2020.6973%2074.1005%2020.8388%2073.821%2020.8388Z%22%20fill%3D%22%23171717%22%2F%3E%3Cpath%20d%3D%22M84.2446%2021.1783C82.3438%2021.1783%2080.3031%2020.8482%2078.1227%2020.188C77.899%2020.1125%2077.7872%2019.9522%2077.7872%2019.7069V18.4336C77.7872%2018.1129%2077.9456%2017.9998%2078.2624%2018.0941C80.387%2018.6411%2082.2226%2018.9147%2083.7694%2018.9147C85.7635%2018.9147%2087.1985%2018.6223%2088.0744%2018.0375C88.9503%2017.4338%2089.3882%2016.4812%2089.3882%2015.1796C89.3882%2013.9535%2088.9968%2013.1329%2088.2141%2012.7179C87.655%2012.4161%2086.8164%2012.1708%2085.6983%2011.9822L82.5674%2011.4729C80.8901%2011.171%2079.6136%2010.7372%2078.7377%2010.1713C77.694%209.49215%2077.1722%208.23771%2077.1722%206.40791C77.1722%202.59741%2079.567%200.692162%2084.3565%200.692162C86.4437%200.692162%2088.4657%200.965687%2090.4225%201.51274C90.6648%201.56933%2090.7859%201.72024%2090.7859%201.96547V3.26708C90.7859%203.58776%2090.6368%203.71981%2090.3386%203.66322C88.2328%203.19162%2086.2853%202.95582%2084.4962%202.95582C82.819%202.95582%2081.561%203.21992%2080.7224%203.74811C79.9024%204.27629%2079.4924%205.18176%2079.4924%206.4645C79.4924%207.50202%2079.8186%208.19055%2080.4708%208.5301C81.1045%208.83192%2081.9338%209.07715%2082.9587%209.26579L85.9219%209.74681C87.7855%2010.0675%2089.1832%2010.5485%2090.115%2011.1899C91.2145%2011.9256%2091.7643%2013.2555%2091.7643%2015.1796C91.7643%2017.1037%2091.1959%2018.5845%2090.0591%2019.622C88.9223%2020.6596%2086.9841%2021.1783%2084.2446%2021.1783Z%22%20fill%3D%22%23171717%22%2F%3E%3Cpath%20d%3D%22M96.6997%2020.8388H95.1343C94.8548%2020.8388%2094.715%2020.6973%2094.715%2020.4143V1.45615C94.715%201.17319%2094.8548%201.03171%2095.1343%201.03171H96.6997C96.9793%201.03171%2097.1191%201.17319%2097.1191%201.45615V20.4143C97.1191%2020.6973%2096.9793%2020.8388%2096.6997%2020.8388Z%22%20fill%3D%22%23171717%22%2F%3E%3Cpath%20d%3D%22M109.052%2020.8388H101.141C100.862%2020.8388%20100.722%2020.6973%20100.722%2020.4143V1.45615C100.722%201.17319%20100.862%201.03171%20101.141%201.03171H108.633C110.869%201.03171%20112.463%201.43728%20113.413%202.24843C114.382%203.05958%20114.867%204.40834%20114.867%206.29473C114.867%208.59612%20113.851%2010.0109%20111.82%2010.5391C112.975%2010.7655%20113.842%2011.2654%20114.419%2012.0388C114.997%2012.8122%20115.286%2013.944%20115.286%2015.4343C115.286%2017.3395%20114.801%2018.7166%20113.832%2019.5655C112.863%2020.4143%20111.27%2020.8388%20109.052%2020.8388ZM103.07%203.21049V9.54874H108.465C111.13%209.54874%20112.463%208.53953%20112.463%206.52109C112.463%205.27608%20112.164%204.41777%20111.568%203.94618C110.972%203.45572%20109.937%203.21049%20108.465%203.21049H103.07ZM103.07%2011.586V18.66H108.884C110.375%2018.66%20111.419%2018.4148%20112.015%2017.9243C112.63%2017.415%20112.938%2016.5095%20112.938%2015.2079C112.938%2013.7743%20112.556%2012.8122%20111.792%2012.3217C111.028%2011.8313%20109.956%2011.586%20108.577%2011.586H103.07Z%22%20fill%3D%22%23171717%22%2F%3E%3Cpath%20d%3D%22M130.414%2020.8388H118.477C118.198%2020.8388%20118.058%2020.6973%20118.058%2020.4143V1.45615C118.058%201.17319%20118.198%201.03171%20118.477%201.03171H119.987C120.266%201.03171%20120.406%201.17319%20120.406%201.45615V18.5185H130.414C130.693%2018.5185%20130.833%2018.66%20130.833%2018.9429V20.4143C130.833%2020.6973%20130.693%2020.8388%20130.414%2020.8388Z%22%20fill%3D%22%23171717%22%2F%3E%3Cpath%20d%3D%22M146.321%2020.8388H133.602C133.322%2020.8388%20133.183%2020.6973%20133.183%2020.4143V1.45615C133.183%201.17319%20133.322%201.03171%20133.602%201.03171H146.237C146.517%201.03171%20146.656%201.17319%20146.656%201.45615V2.75775C146.656%203.04071%20146.517%203.18219%20146.237%203.18219H135.531V9.63363H142.799C143.078%209.63363%20143.218%209.77511%20143.218%2010.0581V11.1899C143.218%2011.4729%20143.078%2011.6143%20142.799%2011.6143H135.531L135.503%2018.6883H146.321C146.601%2018.6883%20146.74%2018.8298%20146.74%2019.1127V20.4143C146.74%2020.6973%20146.601%2020.8388%20146.321%2020.8388Z%22%20fill%3D%22%23171717%22%2F%3E%3Cpath%20d%3D%22M37.2816%2044.9896H30.321C30.0415%2044.9896%2029.9017%2044.8481%2029.9017%2044.5652V25.607C29.9017%2025.324%2030.0415%2025.1826%2030.321%2025.1826H37.2816C38.9589%2025.1826%2040.2727%2025.3335%2041.2232%2025.6353C42.1923%2025.9182%2042.975%2026.4464%2043.5713%2027.2198C44.1677%2027.9744%2044.587%2028.9553%2044.8293%2030.1626C45.0715%2031.3699%2045.1927%2033.0205%2045.1927%2035.1144C45.1927%2039.0192%2044.6615%2041.6413%2043.5993%2042.9806C42.537%2044.3199%2040.4311%2044.9896%2037.2816%2044.9896ZM32.3058%2027.3613V42.7825H36.9741C38.3346%2042.7825%2039.3875%2042.6694%2040.133%2042.443C40.8784%2042.1978%2041.4468%2041.7639%2041.8382%2041.1414C42.2482%2040.5%2042.5091%2039.736%2042.6209%2038.8494C42.7327%2037.9628%2042.7886%2036.7178%2042.7886%2035.1144C42.7886%2032.6998%2042.6022%2030.936%2042.2295%2029.8231C41.95%2028.9176%2041.4002%2028.2857%2040.5802%2027.9272C39.7602%2027.55%2038.5582%2027.3613%2036.9741%2027.3613H32.3058Z%22%20fill%3D%22%23E52B21%22%2F%3E%3Cpath%20d%3D%22M55.4977%2045.3292C53.7645%2045.3292%2052.3855%2045.1594%2051.3605%2044.8198C50.3355%2044.4803%2049.5248%2043.8955%2048.9285%2043.0655C48.3321%2042.2355%2047.9221%2041.2263%2047.6985%2040.0378C47.4749%2038.8306%2047.363%2037.18%2047.363%2035.0861C47.363%2031.2001%2047.9221%2028.5215%2049.0403%2027.0501C50.1957%2025.5787%2052.3482%2024.843%2055.4977%2024.843C58.7218%2024.843%2060.8742%2025.5787%2061.9551%2027.0501C63.0733%2028.4837%2063.6324%2031.1624%2063.6324%2035.0861C63.6324%2038.9343%2063.0546%2041.613%2061.8992%2043.1221C60.7438%2044.5935%2058.6099%2045.3292%2055.4977%2045.3292ZM55.3859%2043.1221C57.6781%2043.1221%2059.2249%2042.5562%2060.0263%2041.4243C60.8463%2040.2548%2061.2563%2038.142%2061.2563%2035.0861C61.2563%2033.3695%2061.1817%2032.0679%2061.0326%2031.1813C60.9022%2030.2758%2060.632%2029.4929%2060.222%2028.8327C59.8306%2028.1725%2059.2622%2027.7103%2058.5168%2027.4462C57.7899%2027.1821%2056.7836%2027.0501%2055.4977%2027.0501C53.5782%2027.0501%2052.1898%2027.3613%2051.3325%2027.9838C50.8853%2028.2857%2050.5498%2028.7855%2050.3262%2029.4835C49.9348%2030.6531%2049.7391%2032.5206%2049.7391%2035.0861C49.7391%2036.7461%2049.8044%2038.0383%2049.9348%2038.9626C50.0839%2039.8681%2050.3541%2040.6603%2050.7455%2041.3394C51.1369%2041.9997%2051.6959%2042.4618%2052.4227%2042.7259C53.1496%2042.99%2054.1373%2043.1221%2055.3859%2043.1221Z%22%20fill%3D%22%23E52B21%22%2F%3E%3Cpath%20d%3D%22M74.4443%2045.3292C72.7111%2045.3292%2071.3321%2045.1594%2070.3071%2044.8198C69.2821%2044.4803%2068.4714%2043.8955%2067.8751%2043.0655C67.2787%2042.2355%2066.8687%2041.2263%2066.6451%2040.0378C66.4215%2038.8306%2066.3096%2037.18%2066.3096%2035.0861C66.3096%2031.2001%2066.8687%2028.5215%2067.9869%2027.0501C69.1423%2025.5787%2071.2948%2024.843%2074.4443%2024.843C77.6683%2024.843%2079.8208%2025.5787%2080.9017%2027.0501C82.0199%2028.4837%2082.579%2031.1624%2082.579%2035.0861C82.579%2038.9343%2082.0012%2041.613%2080.8458%2043.1221C79.6904%2044.5935%2077.5565%2045.3292%2074.4443%2045.3292ZM74.3325%2043.1221C76.6247%2043.1221%2078.1715%2042.5562%2078.9729%2041.4243C79.7929%2040.2548%2080.2029%2038.142%2080.2029%2035.0861C80.2029%2033.3695%2080.1283%2032.0679%2079.9792%2031.1813C79.8488%2030.2758%2079.5785%2029.4929%2079.1686%2028.8327C78.7772%2028.1725%2078.2088%2027.7103%2077.4633%2027.4462C76.7365%2027.1821%2075.7302%2027.0501%2074.4443%2027.0501C72.5248%2027.0501%2071.1364%2027.3613%2070.2791%2027.9838C69.8319%2028.2857%2069.4964%2028.7855%2069.2728%2029.4835C68.8814%2030.6531%2068.6857%2032.5206%2068.6857%2035.0861C68.6857%2036.7461%2068.751%2038.0383%2068.8814%2038.9626C69.0305%2039.8681%2069.3007%2040.6603%2069.6921%2041.3394C70.0834%2041.9997%2070.6425%2042.4618%2071.3693%2042.7259C72.0961%2042.99%2073.0839%2043.1221%2074.3325%2043.1221Z%22%20fill%3D%22%23E52B21%22%2F%3E%3Cpath%20d%3D%22M87.6882%2044.9896H86.1508C85.8712%2044.9896%2085.7314%2044.8481%2085.7314%2044.5652V25.607C85.7314%2025.324%2085.8712%2025.1826%2086.1508%2025.1826H93.6984C95.8974%2025.1826%2097.4442%2025.6541%2098.3388%2026.5973C99.252%2027.5217%2099.7085%2029.1628%2099.7085%2031.5208C99.7085%2033.3883%2099.4383%2034.8031%2098.8979%2035.7652C98.3574%2036.7084%2097.4629%2037.3309%2096.2143%2037.6327L99.4569%2044.4803C99.606%2044.8198%2099.5035%2044.9896%2099.1494%2044.9896H97.4722C97.2486%2044.9896%2097.0902%2044.8859%2096.997%2044.6784L94.0897%2037.8874H88.1076V44.5652C88.1076%2044.8481%2087.9678%2044.9896%2087.6882%2044.9896ZM88.1076%2027.3047V35.7652H93.335C94.9377%2035.7652%2095.9906%2035.5105%2096.4938%2035.0012C97.0156%2034.4919%2097.2765%2033.3317%2097.2765%2031.5208C97.2765%2029.8231%2097.0063%2028.7007%2096.4658%2028.1536C95.944%2027.5877%2094.9004%2027.3047%2093.335%2027.3047H88.1076Z%22%20fill%3D%22%23E52B21%22%2F%3E%3Cpath%20d%3D%22M109.442%2045.3292C107.541%2045.3292%20105.5%2044.999%20103.32%2044.3388C103.096%2044.2633%20102.984%2044.103%20102.984%2043.8578V42.5845C102.984%2042.2638%20103.143%2042.1506%20103.459%2042.2449C105.584%2042.792%20107.42%2043.0655%20108.966%2043.0655C110.96%2043.0655%20112.395%2042.7731%20113.271%2042.1883C114.147%2041.5847%20114.585%2040.6321%20114.585%2039.3304C114.585%2038.1043%20114.194%2037.2837%20113.411%2036.8687C112.852%2036.5669%20112.013%2036.3217%20110.895%2036.133L107.764%2035.6237C106.087%2035.3219%20104.811%2034.888%20103.935%2034.3221C102.891%2033.643%20102.369%2032.3885%20102.369%2030.5588C102.369%2026.7483%20104.764%2024.843%20109.553%2024.843C111.641%2024.843%20113.663%2025.1165%20115.619%2025.6636C115.862%2025.7202%20115.983%2025.8711%20115.983%2026.1163V27.4179C115.983%2027.7386%20115.834%2027.8707%20115.536%2027.8141C113.43%2027.3425%20111.482%2027.1067%20109.693%2027.1067C108.016%2027.1067%20106.758%2027.3708%20105.919%2027.8989C105.099%2028.4271%20104.689%2029.3326%20104.689%2030.6153C104.689%2031.6529%20105.016%2032.3414%20105.668%2032.6809C106.301%2032.9828%20107.131%2033.228%20108.156%2033.4166L111.119%2033.8977C112.982%2034.2183%20114.38%2034.6994%20115.312%2035.3407C116.412%2036.0764%20116.961%2037.4063%20116.961%2039.3304C116.961%2041.2546%20116.393%2042.7354%20115.256%2043.7729C114.119%2044.8104%20112.181%2045.3292%20109.442%2045.3292Z%22%20fill%3D%22%23E52B21%22%2F%3E%3Cpath%20d%3D%22M0.583269%201.40842H3.00885V44.9896H0.583269V1.40842Z%22%20fill%3D%22%23E52B21%22%2F%3E%3Cpath%20d%3D%22M0.583269%201.40842H25.4745V3.86365H0.583269V1.40842Z%22%20fill%3D%22%23E52B21%22%2F%3E%3Cpath%20d%3D%22M0.583252%2042.5344H25.4744V44.9896L0.583269%2044.9896L0.583252%2042.5344Z%22%20fill%3D%22%23E52B21%22%2F%3E%3Cpath%20d%3D%22M0.583252%2021.8371H7.3106V24.2923H0.583252V21.8371Z%22%20fill%3D%22%23E52B21%22%2F%3E%3C%2Fsvg%3E'); --arrow: url('data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L6.2929%206.2929C6.6262%206.6262%206.7929%206.7929%206.7929%207C6.7929%207.2071%206.6262%207.3738%206.2929%207.7071L1%2013%22%20stroke%3D%22%23E52B21%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat center; --check: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.9375%209C0.9375%2013.4528%204.5472%2017.0625%209%2017.0625C13.4528%2017.0625%2017.0625%2013.4528%2017.0625%209C17.0625%204.5472%2013.4528%200.9375%209%200.9375C4.5472%200.9375%200.9375%204.5472%200.9375%209ZM12.5068%206.19714C12.8121%206.47703%2012.8327%206.95146%2012.5529%207.2568L8.4279%2011.7568C8.2896%2011.9076%208.0958%2011.9953%207.89127%2011.9998C7.68675%2012.0043%207.48932%2011.925%207.34467%2011.7803L5.46967%209.90532C5.17678%209.61245%205.17678%209.13755%205.46967%208.84468C5.76257%208.5518%206.23744%208.5518%206.53033%208.84468L7.85145%2010.1658L11.4471%206.24321C11.727%205.93787%2012.2014%205.91724%2012.5068%206.19714Z%22%20fill%3D%22%23E52B21%22%2F%3E%3C%2Fsvg%3E')no-repeat center; --star: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_12220_454)%22%3E%3Cpath%20d%3D%22M8.95671%200C9.83113%200%2010.5199%200.660442%2010.9595%201.55159L12.428%204.51263C12.4725%204.60428%2012.578%204.73332%2012.7367%204.85137C12.8952%204.96929%2013.0505%205.03434%2013.1525%205.0515L15.8105%205.49678C16.7707%205.65811%2017.5755%206.12874%2017.8367%206.94825C18.0977%207.76708%2017.7153%208.618%2017.0248%209.30967L17.0241%209.31042L14.9592%2011.3924C14.8774%2011.4749%2014.7857%2011.6303%2014.7282%2011.8328C14.6711%2012.034%2014.666%2012.2173%2014.692%2012.3356L14.6923%2012.3373L15.283%2014.9128C15.5281%2015.9847%2015.4469%2017.0478%2014.6909%2017.6035C13.9322%2018.1611%2012.8955%2017.9139%2011.9537%2017.353L9.46213%2015.8658C9.35746%2015.8033%209.17779%2015.7527%208.96088%2015.7527C8.74554%2015.7527%208.56213%2015.8027%208.45063%2015.8675L8.44904%2015.8684L5.96236%2017.3527C5.02167%2017.9156%203.98624%2018.1583%203.22755%2017.6002C2.47203%2017.0443%202.38674%2015.9833%202.63255%2014.9122L3.22321%2012.3373L3.22357%2012.3356C3.24947%2012.2173%203.2444%2012.034%203.18729%2011.8328C3.12979%2011.6303%203.03812%2011.4749%202.95628%2011.3924L0.889834%209.30883C0.203834%208.61717%20-0.177366%207.767%200.0815837%206.94938C0.341284%206.12937%201.14448%205.65817%202.10523%205.49672L4.76106%205.05183L4.7619%205.05168C4.85927%205.03479%205.01221%204.97047%205.17036%204.85223C5.3288%204.73378%205.43462%204.60446%205.47923%204.51263L5.48148%204.50806L6.94798%201.55081L6.94856%201.54964C7.39246%200.659233%208.08329%200%208.95671%200Z%22%20fill%3D%22%23FFB800%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_12220_454%22%3E%3Crect%20width%3D%2223.9192%22%20height%3D%2217.9178%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'); --ya: no-repeat center url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M10%2019.1047C15.0284%2019.1047%2019.1047%2015.0284%2019.1047%209.99998C19.1047%204.97157%2015.0284%200.895243%2010%200.895243C4.97159%200.895243%200.895264%204.97157%200.895264%209.99998C0.895264%2015.0284%204.97159%2019.1047%2010%2019.1047Z%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23FC3F1D%22%20%2F%3E%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M13.2947%2015.7155H11.296V5.83026H10.4056C8.77359%205.83026%207.9187%206.64629%207.9187%207.86442C7.9187%209.24643%208.50834%209.88676%209.72816%2010.7028L10.7334%2011.3803L7.84436%2015.7139H5.69531L8.29546%2011.8449C6.80025%2010.7771%205.95887%209.7347%205.95887%207.97593C5.95887%205.77788%207.49126%204.28267%2010.3921%204.28267H13.2812V15.7122H13.2947V15.7155Z%22%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22white%22%20%2F%3E%3C%2Fsvg%3E'); --p40: 40px; } @font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/fonts/onest/Onest.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/fonts/onest/gNMKW3F-SZuj7xmb-HYoEoeyxMI.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/fonts/onest/gNMKW3F-SZuj7xmR-HYoEoeyxMI.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/fonts/onest/gNMKW3F-SZuj7xmf-HYoEoey.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body, html { padding: 0; margin: 0; } button, body { font-family: "Onest", sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 150%; color: var(--black); } button * { pointer-events: none; } body * { box-sizing: border-box; font-size: 16px; } img { max-width: 100%; display: block; height: auto; width: auto; } .max-width { max-width: 1280px; margin: 0 auto; padding: 0 20px; width: 100%; } h1 { margin: 0; font-size: 54px; font-weight: 400; line-height: 100%; } h2 { margin: 0; font-size: 36px; font-weight: 400; line-height: 100%; } h3 { margin: 0; font-size: 32px; font-weight: 500; line-height: 110%; } a { text-decoration: none; color: var(--black); font-weight: 300; } a:hover { color: var(--red); } button { padding: 0; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; } .btn { background-color: var(--red); gap: 6px; display: flex; align-items: center; justify-content: center; color: var(--white); height: 54px; padding: 0 24px; font-weight: 500; border: 1px solid transparent; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } .btn:hover { opacity: .8; } a.btn:hover { color: var(--white); } .btn.btn-outborder { border: 1px solid var(--red); background-color: transparent; color: var(--black); } a.btn.btn-outborder:hover { color: var(--black); } .btn:disabled { pointer-events: none; opacity: .3; } input:focus { outline: none; } header { display: flex; flex-direction: column; position: sticky; top: 0; z-index: 999; background-color: var(--gray-bg); } .center-flex .logo, header .logo { background: var(--logo); background-size: contain; background-repeat: no-repeat; width: 273px; height: 44px; display: block; } header .logo>span { border-left: 1px solid var(--gray-footer); font-size: 12px; line-height: 130%; padding-left: 14px; height: 100%; display: flex; margin-left: 155px; } header .logo:not(:hover)>span { color: var(--gray-text); } header>.nav-header { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; gap: 10px; } header>.nav-header>#mobilenav { display: none; } header>.nav-header>nav>ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 30px; } main { display: flex; flex-direction: column; background: var(--gray-bg); background: linear-gradient(0deg, #F3F3F3 0%, var(--gray-bg) 100%); } .mb100 { display: block; margin-bottom: 100px; } .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1; justify-content: center; align-items: center; z-index: 999; } /* Стили для содержимого модального окна */ .modal-content { display: flex; max-width: 100%; flex-direction: column; position: relative; max-height: 80%; background-color: var(--white); margin: 5% auto; padding: 24px; min-width: 320px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2); border-radius: 24px; animation-name: modal-open; animation-duration: 0.3s; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; } .next-image, .prev-image { position: absolute; top: 50%; width: 64px; height: 64px; background: var(--white) var(--arrow); border: none; font-size: 22px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .next-image { right: 10%; } .prev-image { left: 10%; transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); } .modal-body { display: flex; flex-direction: column; gap: 24px; overflow: auto; max-height: 100%; position: relative; } .modal-body>.success { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; padding: 20px 0; } .modal-body>.success .btn { width: 100%; } .modal-body .modalhead { display: flex; flex-direction: column; gap: 8px; } .modal-body .modal-xhr video { max-width: 500px; width: 100%; } .modal-body>.modalhead>h3 { padding-right: 20px; } .modal-body .modalhead>.modal-desc { color: var(--gray-text); } .modal-body::-webkit-scrollbar { display: none; } .modal-body { scrollbar-width: thin; scrollbar-color: transparent transparent; } .modal-body:hover { scrollbar-color: transparent transparent; } .modal-content, .modal img { animation-name: zoom; animation-duration: 0.6s; min-width: auto; } @keyframes zoom { from { transform: scale(0); max-height: 0; } to { transform: scale(1); max-height: 3000; } } .close { position: absolute; top: 5px; right: 15px; color: var(--white); font-size: 40px; font-weight: bold; transition: 0.3s; z-index: 2; } .close:hover, .close:focus { color: var(--red); text-decoration: none; cursor: pointer; } .loader-box { width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; } .loader-container { position: relative; width: 60px; height: 60px; } .loader { position: absolute; width: 100%; height: 100%; border: 4px solid var(--red); border-top: 4px solid transparent; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #form-container { display: flex; flex-direction: column; gap: 16px; } #form-container>.f-privacy { font-size: 13px; color: var(--gray-text); } #form-container>.f-privacy>a { font-size: 13px; } #form-container>.form-input { position: relative; } #form-container>.form-input-messager { padding: 10px 0; border-radius: 10px; display: flex; gap: 6px; } #form-container>.form-input-messager>label { font-weight: 600; } #form-container>.form-input>textarea, #form-container>.form-input>input { padding: 28px 16px 10px; width: 100%; border: 1px solid var(--gray-border); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } #form-container>.form-input-file .error, #form-container>.form-input>.error { display: none; color: var(--red); font-size: 12px; } #form-container>.form-input>*.novalid { border-color: var(--red); } #form-container>.form-input-file .novalid~.error, #form-container>.form-input>.novalid~.error { display: block; } #form-container>.form-input>label { position: absolute; top: 6px; left: 16px; font-size: 12px; color: var(--gray-text); } .form-input-file input[type="file"] { display: none; /* Скрываем input */ } .file-label { display: inline-block; position: relative; display: flex; flex-direction: column; align-items: center; border: 1px dashed var(--gray-border); padding: 20px; border-radius: 12px; cursor: pointer; text-align: center; transition: opacity 0.3s ease; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } .file-label * { cursor: pointer; } .file-selected { margin-bottom: 8px; } .form-input-file.dragover { opacity: 0.5; } /* footer */ footer { background-color: var(--black); padding: 81px 0; color: var(--gray-footer); } footer>div { display: flex; gap: 20px; flex-wrap: wrap; } footer a { color: var(--white); } footer a:hover { color: var(--red-l); } footer .f-container { display: flex; flex-direction: column; gap: 10px; align-items: start; } footer .f-container:not(.f-socials) { text-wrap: nowrap; flex-grow: 1; } footer .f-container.f-first>.f-logo { flex-grow: 1; } footer .f-container.f-first>button { background-color: transparent; color: var(--red-l); padding: 0; } footer .f-container.f-first>button:hover { color: red; } footer nav.f-container { gap: 16px } footer .f-container.f-socials { flex-grow: 1; width: 413px; } footer .f-container.f-socials .social-desc { color: var(--white); } footer .f-container.f-socials>.social { display: flex; gap: 16px; margin-bottom: 10px; } footer .f-container.f-socials>.social>button { width: 54px; height: 54px; background-color: #393939; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } footer .f-container.f-socials>.social>button>img { max-width: 24px; overflow: hidden; } footer .f-container.f-socials .company { font-size: 14px; } footer .f-container .fgrow { flex-grow: 1; display: flex; align-items: end; } .quiz { position: fixed; right: 0; top: 50%; z-index: 999; border-radius: 10px 0 0 10px; overflow: hidden; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; } .text-content { margin-top: 100px; } @media (max-width:1262px) { header .logo { width: 143px; } header .logo>span { display: none; } } @media (max-width:1214px) { header>.contact-header>div>.yandex-raiting { display: none; } } @media (max-width:1018px) { .contact-header>div>.header-phone>button.fbck { display: none; } } @media (max-width:1114px) { header .nav-header>button { display: none; } } @media (min-width:910.000001px) { header>.nav-header>nav { padding: 0; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; flex: 1; } header>.nav-header>nav::-webkit-scrollbar { display: none; } header>.nav-header>.mobile-contact { display: flex; flex-direction: column; align-items: end; white-space: nowrap; } header>.nav-header>.mobile-contact>a.mtel { font-size: 19px; font-weight: 500; } header>.nav-header>.mobile-contact>a:not(.mtel) { font-size: 14px; font-weight: 400; } header>.nav-header>.mobile-contact>a:not(.mtel):not(:hover) { color: var(--gray-text); } header>.nav-header .wsap{ min-width: 42px; width: 42px; height: 42px; background: var(--white); border-radius: 12px; } } @media (max-width:910px) { header>.nav-header>.mobile-contact>.mtel { font-weight: 500; } header>.nav-header>.mobile-contact { display: flex; flex-direction: column; flex-grow: 1; align-items: flex-end; padding-right: 20px; } header>.nav-header>#mobilenav { display: flex; flex-direction: column; align-items: center; justify-content: space-between; background-color: transparent; gap: 10px; width: 44px; height: 100%; } header>.nav-header>#mobilenav::before, header>.nav-header>#mobilenav::after { content: ''; } header>.nav-header>#mobilenav::before, header>.nav-header>#mobilenav::after, header>.nav-header>#mobilenav>span { height: 3px; border-radius: 2px; width: 100%; background-color: var(--black); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } header { top: 0; } header .nav-header>nav, header>.contact-header { display: none; } /* Основные стили для модального окна */ .mobileNavModal { position: fixed; left: 0; right: 0; bottom: 0; top: 10%; max-height: 90%; background-color: var(--white); box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2); border-top-left-radius: 44px; border-top-right-radius: 44px; transform: translateY(100%); transition: transform 0.3s ease-in-out; z-index: 1001; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; } .mobileNavModal.show { display: block; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .mobileNavModal-header { display: flex; justify-content: flex-end; padding: 0; position: absolute; top: 20px; right: 30px; } .mobileNavModal-header button { background: none; border: none; line-height: 34px; font-size: 54px; color: var(--black); } .mobileNavModal-content { padding: var(--p40); overflow-y: auto; max-height: 100%; border-radius: 30px; -webkit-border-radius: 50px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 2px; } .mobileNavModal-content::-webkit-scrollbar { display: none; } } /* Стили для фона, блокирующего прокрутку страницы при открытом модальном окне */ .mobileNavModal-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; } .mobileNavModal-backdrop.show { display: block; } /* Стили для элементов header внутри модального окна */ .mobileNavModal-content nav, .mobileNavModal-content .btn, .mobileNavModal-content .contact-header { margin-bottom: 20px; } .mobileNavModal-content .contact-header { border: none; } .mobileNavModal-content .contact-header>div>.header-phone { flex-direction: column; justify-content: center; width: 100%; padding: 0; gap: 20px; } .mobileNavModal-content .contact-header>div>.header-phone>button { border: 1px solid var(--red); background-color: transparent; color: var(--black); gap: 6px; display: flex; align-items: center; justify-content: center; width: 100%; height: 54px; padding: 0 24px; font-weight: 500; border-radius: 12px; -webkit-border-radius: 12px; } .mobileNavModal-content nav { width: 100%; } .mobileNavModal-content nav>ul { list-style: none; display: flex; flex-direction: column; gap: 20px; margin: 0; padding: 0; margin-top: 40px; } .mobileNavModal-content nav>ul>li>a>span { font-size: 18px; font-weight: 400; } .mobileNavModal-content nav>ul>li>a { height: 54px; font-size: 28px; display: flex; background-color: var(--gray-bg-l); align-items: center; justify-content: center; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; } .mobileNavModal-content>.btn { width: 100%; } .mobileNavModal-content .contact-header>div { flex-direction: column; padding: 0; } @media (max-width:910px) { h1 { font-size: 36px; } } @media (max-width:610px) { :root { --p40: 20px; } h1 { font-size: 36px; } h2 { font-size: 34px; } footer .f-container:not(.f-socials) { min-width: 47%; flex-grow: 1; } } @media (max-width:445px) { header>.nav-header>#mobilenav { gap: 8px; width: 34px; } .mobile-contact>a:not(.mtel) { font-size: 14px; } .modal-content { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .next-image { right: 5px; } .prev-image { left: 5px; } } @media (max-width:400px) { footer { padding: 30px 0; } .center-flex .logo, header .logo { width: 102px; height: 29px; } header>.nav-header>.mobile-contact { padding-right: 10px; } header>.nav-header>.mobile-contact>a { font-size: 12px; line-height: 12px; } footer>div { flex-direction: column; gap: 30px; align-items: center; text-align: center; } footer .f-container { width: auto; max-width: 100%; align-items: center; } } @media (max-width:375px) { h1 { font-size: 34px; } h2 { font-size: 30px; } h3 { font-size: 28px; } } /* End */ /* /bitrix/templates/loft_2025/styles.css?174650549336967 */