/* Start:/bitrix/templates/veonix/assets/css/fonts.css?167961468025050*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on June 21, 2017 9:51 AM */ @font-face { font-display: swap; font-family: 'Proxima Nova Cn Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-LightIt.eot'); src: local('Proxima Nova Condensed Light Italic'), local('ProximaNovaCond-LightIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-LightIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-LightIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-LightIt.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-LightIt.eot'); src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-LightIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-LightIt.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Rg'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Regular.eot'); src: local('Proxima Nova Condensed Regular'), local('ProximaNovaCond-Regular'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Regular.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Extrabld.eot'); src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Extrabld.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Extrabld.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Bl'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Black.eot'); src: local('Proxima Nova Condensed Black'), local('ProximaNovaCond-Black'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Black.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Black.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-ExtrabldIt.eot'); src: local('Proxima Nova Condensed Extrabold Italic'), local('ProximaNovaCond-ExtrabldIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-ExtrabldIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-ExtrabldIt.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Regular.eot'); src: local('Proxima Nova Regular'), local('ProximaNova-Regular'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Semibold.eot'); src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Semibold.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Thin.eot'); src: local('Proxima Nova Extra Condensed Thin'), local('ProximaNovaExCn-Thin'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Thin.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Semibold.eot'); src: local('Proxima Nova Condensed Semibold'), local('ProximaNovaCond-Semibold'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Semibold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Semibold.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-SemiboldIt.eot'); src: local('Proxima Nova Extra Condensed Semibold Italic'), local('ProximaNovaExCn-SemiboldIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-SemiboldIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Semibold.eot'); src: local('Proxima Nova Extra Condensed Semibold'), local('ProximaNovaExCn-Semibold'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Semibold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Semibold.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-ThinIt.eot'); src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-ThinIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-ThinIt.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Thin.eot'); src: local('Proxima Nova Condensed Thin'), local('ProximaNovaCond-Thin'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Thin.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Rg'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-RegularIt.eot'); src: local('Proxima Nova Condensed Regular Italic'), local('ProximaNovaCond-RegularIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-RegularIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-RegularIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-RegularIt.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-ThinIt.eot'); src: local('Proxima Nova Extra Condensed Thin Italic'), local('ProximaNovaExCn-ThinIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-ThinIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-ThinIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-ThinIt.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-SemiboldIt.eot'); src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-SemiboldIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-RegularIt.eot'); src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-RegularIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-RegularIt.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Extrabld.eot'); src: local('Proxima Nova Condensed Extrabold'), local('ProximaNovaCond-Extrabld'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Extrabld.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Extrabld.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Extrabld.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-ExtrabldIt.eot'); src: local('Proxima Nova Extra Condensed Extrabold Italic'), local('ProximaNovaExCn-ExtrabldIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-ExtrabldIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-ExtrabldIt.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Bl'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-BlackIt.eot'); src: local('Proxima Nova Extra Condensed Black Italic'), local('ProximaNovaExCn-BlackIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-BlackIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-BlackIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-BlackIt.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-LightIt.eot'); src: local('Proxima Nova Extra Condensed Light Italic'), local('ProximaNovaExCn-LightIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-LightIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-LightIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-LightIt.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-ThinIt.eot'); src: local('Proxima Nova Condensed Thin Italic'), local('ProximaNovaCond-ThinIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-ThinIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-ThinIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-ThinIt.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Light.eot'); src: local('Proxima Nova Extra Condensed Light'), local('ProximaNovaExCn-Light'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Light.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Rg'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-BoldIt.eot'); src: local('Proxima Nova Condensed Bold Italic'), local('ProximaNovaCond-BoldIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-BoldIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-BoldIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Extrabld.eot'); src: local('Proxima Nova Extra Condensed Extrabold'), local('ProximaNovaExCn-Extrabld'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Extrabld.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Extrabld.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Extrabld.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Rg'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-BoldIt.eot'); src: local('Proxima Nova Extra Condensed Bold Italic'), local('ProximaNovaExCn-BoldIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-BoldIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-BoldIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Bl'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Black.eot'); src: local('Proxima Nova Black'), local('ProximaNova-Black'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Black.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Bold.eot'); src: local('Proxima Nova Bold'), local('ProximaNova-Bold'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Bold.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Rg'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Bold.eot'); src: local('Proxima Nova Extra Condensed Bold'), local('ProximaNovaExCn-Bold'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Bold.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaT-Thin.eot'); src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaT-Thin.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaT-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-BoldIt.eot'); src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-BoldIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Rg'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Bold.eot'); src: local('Proxima Nova Condensed Bold'), local('ProximaNovaCond-Bold'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Bold.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Bl'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Black.eot'); src: local('Proxima Nova Extra Condensed Black'), local('ProximaNovaExCn-Black'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Black.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Black.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Rg'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-RegularIt.eot'); src: local('Proxima Nova Extra Condensed Regular Italic'), local('ProximaNovaExCn-RegularIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-RegularIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-RegularIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-RegularIt.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Light.eot'); src: local('Proxima Nova Condensed Light'), local('ProximaNovaCond-Light'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Light.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Th'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-ExtrabldIt.eot'); src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-ExtrabldIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Bl'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-BlackIt.eot'); src: local('Proxima Nova Condensed Black Italic'), local('ProximaNovaCond-BlackIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-BlackIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-BlackIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-BlackIt.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova ExCn Rg'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Regular.eot'); src: local('Proxima Nova Extra Condensed Regular'), local('ProximaNovaExCn-Regular'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Regular.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaExCn-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Light.eot'); src: local('Proxima Nova Light'), local('ProximaNova-Light'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Light.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Proxima Nova Cn Lt'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-SemiboldIt.eot'); src: local('Proxima Nova Condensed Semibold Italic'), local('ProximaNovaCond-SemiboldIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-SemiboldIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNovaCond-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-display: swap; font-family: 'Proxima Nova Bl'; src: url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-BlackIt.eot'); src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-BlackIt.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/ProximaNova/ProximaNova-BlackIt.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-display: swap; font-family: 'Neue Machina'; src: url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Ultralight.eot'); src: local('Neue Machina Ultralight'), local('NeueMachina-Ultralight'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Ultralight.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Ultralight.woff2') format('woff2'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Ultralight.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Ultralight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-display: swap; font-family: 'Neue Machina'; src: url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Light.eot'); src: local('Neue Machina Light'), local('NeueMachina-Light'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Light.woff2') format('woff2'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Light.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Neue Machina'; src: url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Black.eot'); src: local('Neue Machina Black'), local('NeueMachina-Black'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Black.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Black.woff2') format('woff2'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Black.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-display: swap; font-family: 'Neue Machina'; src: url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Regular.eot'); src: local('Neue Machina Regular'), local('NeueMachina-Regular'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Regular.woff2') format('woff2'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Regular.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'Neue Machina'; src: url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Bold.eot'); src: local('Neue Machina Bold'), local('NeueMachina-Bold'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Bold.woff2') format('woff2'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Bold.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-display: swap; font-family: 'Neue Machina'; src: url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Medium.eot'); src: local('Neue Machina Medium'), local('NeueMachina-Medium'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Medium.woff2') format('woff2'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Medium.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-display: swap; font-family: 'Neue Machina'; src: url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Ultrabold.eot'); src: local('Neue Machina Ultrabold'), local('NeueMachina-Ultrabold'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Ultrabold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Ultrabold.woff2') format('woff2'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Ultrabold.woff') format('woff'), url('/bitrix/templates/veonix/assets/css/../fonts/NeueMachina/NeueMachina-Ultrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; } /* End */ /* Start:/bitrix/templates/veonix/assets/css/main.css?1679902412134229*/ :focus { outline: none; } * { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { height: 100% !important; } .fancybox__carousel .fancybox__slide.has-pdf { padding: 4vh 0 !important; } .lazy { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } img:not([src]):not([srcset]) { opacity: 0; display: block; } .main { max-width: 93.47vw; margin: 0px auto; width: 100%; } body { background: -o-linear-gradient(bottom, #111043, #111043), #190D31; background: -webkit-gradient(linear, left bottom, left top, from(#111043), to(#111043)), #190D31; background: linear-gradient(0deg, #111043, #111043), #190D31; margin: 0; font-family: "Proxima Nova"; } .hd_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.11vw 0; } .logo img { height: 4.17vw; width: 7.57vw; } .hd_box__phone { font-size: 1.39vw; line-height: 87.3%; /* or 17px */ color: #FFFFFF; text-decoration: none; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 0.35vw; padding: 0 1.09vw; height: 2.78vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin: 0 2.29vw 0 0; } .logo { font-size: 0; } .hd_box__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0.6vw 0 0; } .hd_box__menu { height: 2.78vw; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 0.35vw; background: none; width: 4.86vw; margin: 0 0 0 2.5vw; position: relative; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .hd_box__menu:after, .hd_box__menu:before { background: #FFFFFF; height: 0.14vw; width: 2.08vw; display: block; content: "" ""; position: absolute; left: 0; right: 0; margin: auto; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .hd_box__menu:before { top: 38%; } .hd_box__menu:after { bottom: 37%; } .hd_box__menu:hover { background: #fff; border-color: #fff; } .hd_box__menu:hover:after, .hd_box__menu:hover:before { background: #4059B7; } .hd_box__phone:hover { border-color: #fff; background: #fff; color: #4059B7; } .body_bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; mix-blend-mode: soft-light; background-position: center; z-index: 9999999999999; pointer-events: none; display: block !important; opacity: 0.5; } .web[scroll-box] { position: relative; /* z-index: 20; */ height: 100vh; width: 100%; overflow: hidden; z-index: 999; } .hd { position: fixed; z-index: 101; width: 100%; top: 0; z-index: 99999; } .hd_box__lang_bt { font-weight: 600; font-size: 1.25vw; line-height: 100%; text-align: center; color: #FFFFFF; border: 0; background: none; font-family: "Proxima Nova"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border: 1px solid rgba(255, 255, 255, 0); border-radius: 0.35vw; padding: 0 0.5vw 0 0.7vw; height: 2.78vw; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-transform: uppercase; } .hd_box__lang_bt:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.27714 4.56937C4.4724 4.37411 4.4724 4.05753 4.27714 3.86227L1.09516 0.680286C0.899895 0.485024 0.583313 0.485024 0.38805 0.680286C0.192788 0.875548 0.192788 1.19213 0.38805 1.38739L3.21648 4.21582L0.38805 7.04425C0.192788 7.23951 0.192788 7.55609 0.38805 7.75135C0.583312 7.94662 0.899894 7.94662 1.09516 7.75135L4.27714 4.56937ZM2.92358 4.71582L3.92358 4.71582L3.92358 3.71582L2.92358 3.71582L2.92358 4.71582Z' fill='white'/%3E%3C/svg%3E%0A"); width: 0.35vw; height: 0.56vw; display: block; background-size: contain; background-position: center; background-repeat: no-repeat; margin: -0.15vw 0 0 0.3vw; } .hd_box__lang:hover button { border-color: #ffffffb8; } .hd_box__lang:hover nav { display: block !important; position: absolute; right: 0; padding: 3.5vw 0 0; top: 0; } .hd_box__lang { position: relative; margin: 0 -0.5vw 0 -0.7vw; } .hd_box__lang ul { border: 1px solid #ffffffb8; border-radius: 0.35vw; list-style: none; padding: 0; width: 6vw; text-align: center; overflow: hidden; } .hd_box__lang ul a { font-size: 1.1vw; display: block; color: #fff; text-decoration: none; padding: 0.6vw 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .hd_box__lang ul li { border-bottom: 1px solid #ffffffb8; } .hd_box__lang ul li:last-child { border: 0; } .hd_box__lang ul a:hover { background: #fff; color: #151646; } .scroll-content > *:nth-child(1), .web > *:nth-child(1):not(.scroll-content) { padding: 6.39vw 0 0; } .bt { text-decoration: none; height: 4.51vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; position: relative; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 0.14vw; background: #ff0c3ee8; font-family: "Proxima Nova"; cursor: pointer; } .h_b1_box .bt { width: 22.78vw; } .bt:after { content: ""; background: -o-radial-gradient(28.75% 0%, 69.99% 69.99%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.05); background: radial-gradient(69.99% 69.99% at 28.75% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0.63vw 1.04vw 5.42vw rgba(24, 18, 60, 0.39), inset 0.56vw 0.28vw 3.33vw rgba(255, 255, 255, 0.06); box-shadow: 0.63vw 1.04vw 5.42vw rgba(24, 18, 60, 0.39), inset 0.56vw 0.28vw 3.33vw rgba(255, 255, 255, 0.06); display: block; width: 102%; height: 102%; position: absolute; /* opacity: 0.6; */ } .bt span { position: relative; z-index: 99; font-weight: 600; font-size: 1.53vw; line-height: 87.3%; text-align: center; color: #FFFFFF; } .del { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(/bitrix/templates/veonix/assets/css/../img/bt_bg.png); } a.bt:before { content: ""; width: 100%; position: absolute; height: 100%; background: -o-radial-gradient(28.75% 0%, 69.99% 69.99%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #d80f3a; background: radial-gradient(69.99% 69.99% at 28.75% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #d80f3a; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0; } .h_b1_box__left h1 { font-size: 4.79vw; line-height: 85.8%; /* or 59px */ color: #FFFFFF; margin: 0 0 3.68vw; font-family: "Neue Machina"; font-weight: normal; } .h_b1_box__left { width: 46.18vw; padding: 6vw 0 0; } .h_b1_bg__1 { font-size: 0; position: absolute; top: -4vw; left: 20.14vw; } .h_b1_bg__1 img { width: 81.11vw; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .h_b1 .main { position: relative; z-index: 99; } .h_b1_bg__2 img { /* width: 14.72vw; */ height: 62.64vw; opacity: 0.4; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .h_b1_bg__2 { position: absolute; top: -20vw; left: 0; } .scrollbar-track.scrollbar-track-x { display: none !important; } .h_b1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bg_noise { width: 78.125vw; height: 78.125vw; position: relative; background-size: 7.8125vw 8.75vw; background-repeat: repeat; background-image: -webkit-repeating-radial-gradient(1% 21%, closest-corner, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5), black 1.7%), -webkit-repeating-radial-gradient(51% 51%, closest-corner, #ffffff4f, #ffffff3b, #2c3f2c 10%); position: fixed; left: 0; top: 0; width: 100%; height: 100%; mix-blend-mode: soft-light; opacity: 0.6; pointer-events: none; display: none; } .bg_noise::before { content: ""; width: 100%; height: 100%; position: absolute; mix-blend-mode: exclusion; background-size: 3.75vw 6.875vw; background-repeat: repeat; background-image: -webkit-repeating-radial-gradient(61% 21%, closest-corner, white, rgba(255, 255, 255, 0.5), #0300ff 20%), -webkit-repeating-radial-gradient(91% 51%, closest-corner, white, rgba(42, 42, 23, 0.5), #000000 20%); left: 0; z-index: 998; } .bg_noise::after { content: ""; width: 100%; height: 100%; position: absolute; mix-blend-mode: exclusion; background-size: 4.6875vw 4.0625vw; background-repeat: repeat; background-image: -webkit-repeating-radial-gradient(21% 21%, closest-corner, white, rgba(0, 0, 255, 0.5), #3f3f3f 20%); left: 0; top: 0; z-index: 999; } .bg { /* -webkit-filter: blur(5.9em); */ /* filter: blur(5.9em); */ position: absolute; top: 0; left: 0; right: 0; } canvas#canvas2 { width: 100vw; height: 83.33vw; } .canvas-wrapper svg { display: none; } .canvas-wrapper { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .b_bg { position: absolute; top: 0; left: 0; right: 0; } .bg canvas { width: 100vw; height: 83.33vw; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; } .h_b1_box__box { background: -o-radial-gradient(28.75% 0%, 69.99% 69.99%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.05); background: radial-gradient(69.99% 69.99% at 28.75% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0.63vw 1.04vw 5.42vw rgba(24, 18, 60, 0.39), inset 0.56vw 0.28vw 3.33vw rgba(255, 255, 255, 0.06); box-shadow: 0.63vw 1.04vw 5.42vw rgba(24, 18, 60, 0.39), inset 0.56vw 0.28vw 3.33vw rgba(255, 255, 255, 0.06); /* Note: backdrop-filter has minimal browser support */ border-radius: 2.08vw; width: 20.53vw; padding: 3.54vw 0 2.78vw; position: relative; z-index: 2; -webkit-backdrop-filter: blur(3.75vw); backdrop-filter: blur(3.75vw); display: block; text-decoration: none; } .h_b1_box__right_t1 { font-family: "Neue Machina"; font-style: normal; font-size: 8.61vw; line-height: 87.3%; /* or 109px */ color: #FFFFFF; } .h_b1_box__right_t2 { font-size: 1.32vw; line-height: 115.8%; /* or 22px */ color: #FFFFFF; opacity: 0.7; } .h_b1_box__box p { margin-left: 2.85vw; width: 79%; } .h_b1_box { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4.08vw 0 1.597vw; } .h_b1_box__right { width: calc(20.69vw * 2); margin: 0 0 0 1.5vw; } a.bt:hover:before { opacity: 1; } .h_b1_box__right_item.h_b1_box__right_item_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .h_b1_box__right_item_1_bg { position: absolute; width: 82.74vw; left: -35vw; top: -8vw; } .h_b1_box__right_item { position: relative; } .cls-2 { -webkit-filter: drop-shadow(0px 0px 5px #6BD8FF) drop-shadow(0px 0px 2px #6BD8FF); filter: drop-shadow(0px 0px 5px #6BD8FF) drop-shadow(0px 0px 2px #6BD8FF); opacity: 0; fill: #a2e6fb; } @-webkit-keyframes krug_anim { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes krug_anim { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes planeta { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes planeta { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .svg_anim_play .kr2 { -webkit-animation: krug_anim 0.2s ease 1.05s both; animation: krug_anim 0.2s ease 1.05s both; } .svg_anim_play .kr1 { -webkit-animation: krug_anim 0.2s ease 1.35s both; animation: krug_anim 0.2s ease 1.35s both; } .svg_anim_play .kr3 { -webkit-animation: krug_anim 0.2s ease 1.5s both; animation: krug_anim 0.2s ease 1.5s both; } .svg_anim_play .kr4 { -webkit-animation: krug_anim 0.2s ease 1.8s both; animation: krug_anim 0.2s ease 1.8s both; } .svg_anim_play .kr5 { -webkit-animation: krug_anim 0.2s ease 1.2s both; animation: krug_anim 0.2s ease 1.2s both; } .svg_anim_play .kr6 { -webkit-animation: krug_anim 0.2s ease 1.75s both; animation: krug_anim 0.2s ease 1.75s both; } .svg_anim_play .kr7 { -webkit-animation: krug_anim 0.2s ease 1s both; animation: krug_anim 0.2s ease 1s both; } .svg_anim_play .kr8 { -webkit-animation: krug_anim 0.2s ease 1.25s both; animation: krug_anim 0.2s ease 1.25s both; } .svg_anim_play .kr9 { -webkit-animation: krug_anim 0.2s ease 1.4s both; animation: krug_anim 0.2s ease 1.4s both; } .svg_anim_play .kr10 { -webkit-animation: krug_anim 0.2s ease 2s both; animation: krug_anim 0.2s ease 2s both; } .h_b1_box__right_item_2_bg { position: absolute; right: -10vw; top: -9vw; width: 63.89vw; } .svg_anim_play .kr_1 { -webkit-animation: krug_anim 0.2s ease 2.4s both; animation: krug_anim 0.2s ease 2.4s both; } .svg_anim_play .kr_2 { -webkit-animation: krug_anim 0.2s ease 2.2s both; animation: krug_anim 0.2s ease 2.2s both; } .svg_anim_play .kr_9 { -webkit-animation: krug_anim 0.2s ease 1.5s both; animation: krug_anim 0.2s ease 1.5s both; } .svg_anim_play .kr_8 { -webkit-animation: krug_anim 0.2s ease 1.2s both; animation: krug_anim 0.2s ease 1.2s both; } .svg_anim_play .kr_7 { -webkit-animation: krug_anim 0.2s ease 1.4s both; animation: krug_anim 0.2s ease 1.4s both; } .svg_anim_play .kr_6 { -webkit-animation: krug_anim 0.2s ease 1.15s both; animation: krug_anim 0.2s ease 1.15s both; } .svg_anim_play .kr_5 { -webkit-animation: krug_anim 0.2s ease 1s both; animation: krug_anim 0.2s ease 1s both; } .svg_anim_play .kr_4 { -webkit-animation: krug_anim 0.2s ease 1.45s both; animation: krug_anim 0.2s ease 1.45s both; } .svg_anim_play .kr_3 { -webkit-animation: krug_anim 0.2s ease 2s both; animation: krug_anim 0.2s ease 2s both; } .h_b2 { position: relative; z-index: 2; } .h_b2_box { width: 86.083vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: start; align-content: flex-start; } .h_b2__item { width: 27.389vw; border: 1px solid rgba(168, 168, 168, 0.4); border-radius: 2.08vw; height: 17.431vw; } .h_b2__item_main { margin: 0 0 0 2.778vw; padding: 3.75vw 0 0; } .h_b2__item_t1 { font-size: 5.711vw; line-height: 87.3%; color: #FFFFFF; font-family: "Neue Machina"; white-space: nowrap; } .h_b2__item_t1 span { font-size: 2.847vw; } .h_b2__item_t2 { font-size: 1.319vw; line-height: 115.8%; color: #FFFFFF; opacity: 0.7; width: 90%; } .h_b2__item:nth-child(2) { margin: 6.389vw 0 0; } .h_b2__item:nth-child(3) { margin: 10.278vw 0 0; } .h_b3 { position: relative; z-index: 5; padding: 14.097vw 0 0; } .h_b3_top { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 3.819vw; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h2 { font-family: "Neue Machina"; font-style: normal; font-size: 4.792vw; line-height: 94.3%; /* or 65px */ color: #FFFFFF; } .h_b3_top p { font-weight: 600; font-size: 2.014vw; line-height: 126.8%; color: #FFFFFF; opacity: 0.8; width: 46.042vw; margin: -1vw 0 0 5.903vw; } .h_b3_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 79.167vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .h_b3_box__item { width: 32.014vw; margin: 0 0 6.167vw; } .h_b3_box__item:nth-child(2n) { width: 38.889vw; } .h_b3_box__item_t1 { font-weight: 600; font-size: 1.736vw; line-height: 126.8%; color: #FFFFFF; margin: 0 0 0.556vw; } .h_b3_box__item_t2 { font-size: 1.389vw; line-height: 133.3%; color: #FFFFFF; opacity: 0.6; } .h_b3_box__icon_svg { width: 3.75vw; height: 3.75vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .h_b3_box__icon_svg img { width: 100%; height: 100%; position: relative; z-index: 9; } .h_b3_box__icon { margin: 0 0 1.583vw; display: table; position: relative; } .h_b3_box__icon_svg:before { content: ""; display: block; background: #66F3DB; opacity: 0.54; width: 0; height: 0; position: absolute; left: auto; right: auto; bottom: auto; top: auto; margin: auto; border-radius: 60%; z-index: 2; width: 6.94444vw; height: 6.94444vw; -webkit-filter: blur(1.66667vw); filter: blur(1.66667vw); } .h_b4 { padding: 14.931vw 0; position: relative; z-index: 105; } .h_b4_top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h_b4_top_t1 { font-weight: 800; font-size: 16.667vw; line-height: 94.3%; color: #46FEDC; font-family: "Neue Machina"; } .h_b4_top_t2 { font-family: "Neue Machina"; font-style: normal; font-size: 2.847vw; line-height: 111.3%; text-transform: uppercase; background: -o-linear-gradient(177.83deg, #FFFFFF 68.01%, rgba(255, 255, 255, 0) 149.47%), #FFFFFF; background: linear-gradient(272.17deg, #FFFFFF 68.01%, rgba(255, 255, 255, 0) 149.47%), #FFFFFF; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; width: 35.069vw; margin: 1.9vw 0 0 3.125vw; } .h_b4_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; margin: 0 0 4.306vw; } .h_b4__item_content { border-left: 0.319vw solid #46FEDC; padding: 1px 0 1px 1.181vw; position: relative; } .h_b4__item { width: 20vw; /* overflow: hidden; */ margin: 0 2.222vw 0 0; } .h_b4__item p { font-size: 1.389vw; line-height: 133.3%; /* or 27px */ color: #FFFFFF; width: 17.639vw; padding: 0.964vw 0; position: relative; z-index: 1; } .h_b4__item_content:after { content: ""; background: -o-linear-gradient(left, rgba(70, 254, 220, 0.4) 11.74%, rgba(70, 254, 220, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(11.74%, rgba(70, 254, 220, 0.4)), to(rgba(70, 254, 220, 0))); background: linear-gradient(90deg, rgba(70, 254, 220, 0.4) 11.74%, rgba(70, 254, 220, 0) 100%); opacity: 0.7; position: absolute; height: 6.944vw; width: 20vw; top: 0; bottom: 0; margin: auto; left: -0.4vw; -webkit-filter: blur(2.5vw); filter: blur(2.5vw); } .h_b4__item:last-child { margin: 0; } .h_b4_bottom p { font-weight: 600; font-size: 1.736vw; line-height: 126.8%; color: #FFFFFF; width: 45.486vw; margin: 0 0 2.986vw; } .h_b4_bottom .bt { width: 17.847vw; } .h_b4_b4_img img { width: 101%; height: 101%; -webkit-transition: 10.3s; -o-transition: 10.3s; transition: 10.3s; -webkit-animation: planeta 150.2s infinite linear; animation: planeta 150.2s infinite linear; will-change: transform; } .h_b4_b4_img { border-radius: 50%; overflow: hidden; font-size: 0; width: 38.889vw; height: 38.889vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 8.5vw 0 0 -9.9vw; -webkit-filter: drop-shadow(0.625vw 1.25vw 42.1875vw #090a45); filter: drop-shadow(0.625vw 1.25vw 42.1875vw #090a45); background: #090a45; } .h_b4__right { position: relative; width: 0; } .h_b4_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .h_b5_left { text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 47.569vw; position: relative; z-index: 20; } .h_b5_t1 { font-family: "Neue Machina"; font-style: normal; font-weight: 800; font-size: 16.667vw; line-height: 94.3%; color: #46FEDC; width: 100%; margin: 0 0 -0.5vw; } .h_b5_t2 { font-family: "Neue Machina"; font-style: normal; font-size: 2.847vw; line-height: 111.3%; text-align: right; text-transform: uppercase; background: -o-linear-gradient(351.56deg, #FFFFFF 67.45%, rgba(255, 255, 255, 0) 134.37%); background: linear-gradient(98.44deg, #FFFFFF 67.45%, rgba(255, 255, 255, 0) 134.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; ill-color: transparent; display: table; margin-right: 8.572vw; } .h_b5_t3 { font-family: "Neue Machina"; font-style: normal; font-size: 2.847vw; line-height: 111.3%; text-transform: uppercase; background: -o-linear-gradient(179.21deg, #FFFFFF 77.99%, rgba(255, 255, 255, 0) 112.81%); background: linear-gradient(270.79deg, #FFFFFF 77.99%, rgba(255, 255, 255, 0) 112.81%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; fill-color: transparent; display: table; margin: 0 0 0.833vw; } .h_b5_t4 { font-weight: 600; font-size: 1.736vw; line-height: 126.8%; color: #FFFFFF; opacity: 0.7; } .h_b5_box_right p { width: 30.694vw; } .h_b5_box_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 89.847vw; padding: 0.5vw 0 0; } .h_b5_img_box img { width: 21.042vw; height: 39.722vw; } .h_b5_img { display: table; position: absolute; top: -3.2vw; right: -13.4vw; } .h_b6_top { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 0 7.986vw; width: 72.611vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .h_b6_top_t1 { font-family: "Neue Machina"; font-style: normal; font-weight: 800; font-size: 4.167vw; line-height: 97.9%; color: #FFFFFF; white-space: nowrap; } .h_b6_top_t2 { font-weight: 500; font-size: 1.25vw; line-height: 129.52%; color: #FFFFFF; } .h_b6_top__item { width: 14vw; } .h_b6_top__item:nth-child(1) { width: 22.917vw; } .h_b6_top__item:nth-child(2) { width: 17.361vw; } .h_b5 { padding: 0 0 3.056vw; position: relative; } .h_b6 { padding: 6.944vw 0; } .h_b6_box__item { position: relative; overflow: hidden; border-radius: 2.08vw; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .h_b6_box { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1.39vw; padding: 8.54vw 0 0; } .h_b6_box__item_svg { position: absolute; /* z-index: 9; */ } .h_b6_box__item_bg { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); -webkit-box-shadow: 2.8125vw 4.6875vw 24.375vw rgba(24, 18, 60, 0.39); box-shadow: 2.8125vw 4.6875vw 24.375vw rgba(24, 18, 60, 0.39); border-radius: 2.08vw; height: 15.56vw; -webkit-backdrop-filter: blur(3.125vw); backdrop-filter: blur(3.125vw); } .h_b6_box__item_t1 { font-weight: 600; font-size: 1.74vw; line-height: 100.8%; color: #FFFFFF; margin: 2.36vw 0 0.42vw; width: 83%; } .h_b6_box__item_t2 { font-size: 1.25vw; line-height: 139.8%; color: #FFFFFF; opacity: 0.6; width: 82%; } p.h_b6_box__item_t2 p { margin-left: 2.64vw; } .h_b6_box__item_bg p { margin-left: 2.64vw; } .h_b6_box__item_svg.h_b6_box__item_svg_1 img { -webkit-transform: rotate(296deg); -ms-transform: rotate(296deg); transform: rotate(296deg); height: auto; width: 14.65vw; } .h_b6_box__item_svg.h_b6_box__item_svg_1 { right: 1%; bottom: 14%; } .h_b6_box__item_svg.h_b6_box__item_svg_2 img { width: 8.96vw; height: auto; } .h_b6_box__item_svg.h_b6_box__item_svg_2 { right: 10%; bottom: -11%; -webkit-transform: rotate(26deg); -ms-transform: rotate(26deg); transform: rotate(26deg); } .h_b6_box__item_svg.h_b6_box__item_svg_3 { top: 0; left: 3%; } .h_b6_box__item_svg.h_b6_box__item_svg_3 img { width: 14.65vw; height: auto; } .h_b6_box__item_svg.h_b6_box__item_svg_4 img { width: 14.65vw; height: auto; } .h_b6_box__item_svg.h_b6_box__item_svg_4 { top: 5%; left: 24%; } .h_b6_box__item_svg.h_b6_box__item_svg_5 { bottom: 0; left: 4%; } .h_b6_box__item_svg.h_b6_box__item_svg_5 img { width: 19.03vw; height: auto; } .h_b6_box__item_svg.h_b6_box__item_svg_6 img { width: 19.1vw; height: auto; } .h_b6_box__item_svg.h_b6_box__item_svg_6 { left: 0; top: 23%; } .h_b6_box__item a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-decoration: none; color: #1A1148; } .h_b6_box__item_svg.h_b6_box__item_svg_6 + div { background: rgba(0, 255, 211, 0.65); border: 1px solid rgba(255, 255, 255, 0.15); } .h_b6_box__item a p { font-size: 2.57vw; line-height: 94.3%; /* or 35px */ text-transform: uppercase; font-family: "Neue Machina"; margin-top: 2.64vw; width: 60%; } .h_b6_box__item a p b { font-weight: 800; } .h_b6_box__item_svg.h_b6_box__item_svg_6:after { content: ""; background: #033CFF; width: 23.13vw; height: 15.63vw; border-radius: 50%; display: block; position: absolute; top: -36%; left: 0; } .h_b6_box__item:last-child:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .h_b6_box__item a:after { content: ""; width: 2.15vw; background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 50.3211L49.6063 2.21484M49.6063 2.21484H0M49.6063 2.21484V50.3211' stroke='%23200A3C' stroke-width='3'/%3E%3C/svg%3E%0A"); height: 2.15vw; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; right: 8.5%; top: 16.5%; } .h_b7_box_text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h_b7_box_text p { font-weight: 500; font-size: 1.74vw; line-height: 121.8%; /* or 30px */ color: #FFFFFF; opacity: 0.8; margin: 0vw 0 0 4.17vw; width: 28.13vw; } .h_b7_box { width: 83.54vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 0 3.47vw; padding: 11.81vw 0 9.51vw; } .h_b7_box .bt { width: 22.78vw; margin: 0.4vw 0 0; } .h_b7 { padding: 3.47vw 0 4.65vw; position: relative; } .ft { background: #1E1043; border-top: 1px solid rgba(255, 255, 255, 0.24); -webkit-box-shadow: 2.8125vw 4.6875vw 24.375vw rgba(24, 18, 60, 0.39); box-shadow: 2.8125vw 4.6875vw 24.375vw rgba(24, 18, 60, 0.39); padding: 2.78vw 0; z-index: 9; position: relative; } .ft_logo { width: 14.58vw; text-align: center; font-size: 0; } .ft_logo img { width: 6.81vw; height: 3.75vw; } .ft_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 85.42vw; } .ft_menu nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .ft_menu nav ul { list-style: none; padding: 0; margin: 0 4.86vw 0 0; } .ft_menu nav ul:last-child { margin: 0; } .ft_menu nav ul a { font-size: 1.11vw; line-height: 120%; color: #ffffff96; text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .ft_menu li { margin: 0 0 0.97vw; } .ft_menu li:last-child { margin: 0; } .ft_menu { margin: 0.6vw 0 0 4.51vw; } .ft_menu nav ul a:hover { color: #fff; } .ft_box__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ft_box__right { width: 24.22vw; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ft_box__right a { font-weight: 500; font-size: 1.25vw; line-height: 120%; color: #FFFFFF; text-decoration: none; } .lead { width: 77.78vw; padding: 0 !important; } .lead_form_box { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1.35fr 1fr; grid-template-columns: 1fr 1.35fr 1fr; grid-gap: 1.39vw; } .input_form { margin: 0 0 1vw; } .input_form:last-child { margin: 0; } .input_form * { width: 100%; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 0.28vw; padding: 1.22vw; font-family: "Proxima Nova"; font-style: normal; font-size: 1.59722vw; line-height: 135.52%; color: #fff; outline: none !important; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .input_form *::-webkit-input-placeholder { color: #AEAECA; -webkit-transition: 0.3s; transition: 0.3s; } .input_form *::-moz-placeholder { color: #AEAECA; -moz-transition: 0.3s; transition: 0.3s; } .input_form *:-ms-input-placeholder { color: #AEAECA; -ms-transition: 0.3s; transition: 0.3s; } .input_form *::-ms-input-placeholder { color: #AEAECA; -ms-transition: 0.3s; transition: 0.3s; } .input_form *::placeholder { color: #AEAECA; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .input_form *:focus::-webkit-input-placeholder { -webkit-transform: scale(0); transform: scale(0); } .input_form *:focus::-moz-placeholder { transform: scale(0); } .input_form *:focus:-ms-input-placeholder { -ms-transform: scale(0); transform: scale(0); } .input_form *:focus::-ms-input-placeholder { -ms-transform: scale(0); transform: scale(0); } .input_form *:focus::placeholder { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .lead_form_box_colum:nth-child(2) .input_form { height: 100%; } .lead_form_box_colum:nth-child(2) .input_form * { height: 100% !important; } .bt[type=submit] { width: 100%; } .input_form textarea { resize: none; } .lead_form_box { margin: 1.81vw 0 0; } .policy_text { font-size: 0.83vw; line-height: 139.8%; /* or 17px */ color: #E9E9ED; opacity: 0.6; margin: 0.81vw 0 0; } .policy_text a { color: #E9E9ED; text-decoration: none; border-bottom: 1px solid; outline: none !important; } .input_select_title { font-size: 1.39vw; line-height: 139.8%; color: #FFFFFF; opacity: 0.7; margin: 0 0 0.38vw; } .lead_main .h2 { margin: 0 0 2.64vw; } .input_select { position: relative; display: table; } .input_select select { display: none; } .input_select_block { position: relative; } .input_select_checked { border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 0.49vw; height: 2.64vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.39vw; line-height: 139.8%; /* identical to box height, or 28px */ color: #FFFFFF; padding: 0 1.22vw; cursor: pointer; } .input_select_checked p:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.591705 1.04004L7.44229 7.89062L14.2929 1.04004' stroke='white'/%3E%3C/svg%3E%0A"); width: 1.04vw; height: 0.63vw; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; margin: 0.05vw 0 0 0.69vw; } .input_select_checked p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input_select_checked_list { position: absolute; top: 100%; background: #FFFFFF; border-radius: 0.49vw; margin: 1.3vw 0 0; overflow: hidden; display: none; } .input_select_checked_item { border-bottom: 1px solid rgba(35, 33, 80, 0.4); padding: 0.35vw 1.22vw; white-space: nowrap; cursor: pointer; } .input_select_checked_item:last-child { border: 0; } .input_select_checked_item:hover { background: -o-linear-gradient(357.77deg, #2FE9C9 3.85%, #15CCDF 92.54%), #16C8A9; background: linear-gradient(92.23deg, #2FE9C9 3.85%, #15CCDF 92.54%), #16C8A9; } .input_form *:focus { background: #191744; border-bottom-color: #1ABEA2; } .pdf_modal .fancybox__slide { padding-top: 0 !important; padding-bottom: 0 !important; } .pdf_modal button.carousel__button.is-close { top: 0 !important; right: -4.25vw; } .pdf_modal .fancybox__slide::before, .pdf_modal .fancybox__slide::after { display: none; } .pdf_modal .fancybox__content { height: 100% !important; margin: 2vh 0; } .logo svg { width: 7.57vw; height: 4.17vw; } .menu_box { position: fixed; top: 0; z-index: 100; background: rgba(34, 33, 80, 0.6); width: 100%; height: 100%; display: none; overflow: auto; z-index: 10000000000000000; -webkit-backdrop-filter: blur(2.5vw); backdrop-filter: blur(2.5vw); } .menu_box_main { margin: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: calc(100% - 6.528vw); margin: 0 auto; min-height: 51vw; } .menu_box_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .menu_box__left ul { padding: 0; list-style: none; } .menu_box__left ul a { font-weight: 700; font-size: 4.17vw; line-height: 120%; color: rgba(255, 255, 255, 0.4); text-decoration: none; font-variant: petite-caps; font-variant: proportional-nums; position: relative; } .menu_box__left ul a i { font-style: normal; position: absolute; left: 0; z-index: 2; background: -o-linear-gradient(354.43deg, #2249B3 11.95%, #FFFFFF 59.11%); background: linear-gradient(95.57deg, #2249B3 11.95%, #FFFFFF 59.11%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; opacity: 0; bottom: auto; top: auto; margin: auto; } .menu_box__left ul a:hover i { opacity: 1; } .menu_box__left ul a:hover span { opacity: 0; } .menu_box__left ul a span { -webkit-transition: 0.15s; -o-transition: 0.15s; transition: 0.15s; } .menu_box__left li:nth-child(1) a i { background: -o-linear-gradient(354.43deg, #fff 11.95%, #fff 59.11%); background: linear-gradient(95.57deg, #fff 11.95%, #fff 59.11%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .menu_box__left li:nth-child(3) a i { background: -o-linear-gradient(354.43deg, #D93134 11.95%, #FFFFFF 59.11%); background: linear-gradient(95.57deg, #D93134 11.95%, #FFFFFF 59.11%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; fill-color: transparent; text-fill-color: transparent; } .menu_box__right { width: 39.028vw; margin-right: 6.944vw; } .menu_box__right nav > ul > li > a { font-weight: 700; font-size: 1.944vw; line-height: 120%; color: #FFFFFF; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 15.278vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 0.5px solid #3F3F3F; padding: 0 0 1.389vw; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu_box__right nav > ul { padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .menu_box__right nav > ul > li > a i svg { width: 1.458vw; height: 1.458vw; } .menu_box__right nav > ul > li > a:hover { border-color: #fff; } .menu_box__right nav > ul > li > a:hover i svg path { fill: #fff; } .menu_box__right nav > ul > li > a:hover i svg circle { stroke: #fff; } .menu_box__right nav > ul > li > a i svg * { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .menu_box__right nav > ul > li ul { padding: 0; list-style: none; margin: 1.597vw 0 0; } .menu_box__right nav > ul > li ul a { font-weight: 500; font-size: 1.111vw; line-height: 150%; color: rgba(255, 255, 255, 0.3); text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: table; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .menu_box__right nav > ul > li ul li { margin: 0 0 0.2vw; } .menu_box__right nav > ul > li ul a:hover { color: #fff; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .menu_box__right nav > ul > li > a:hover + ul a { color: #fff; } .menu_search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; right: 0; top: -3.75vw; width: 100%; margin: -6vw 0 0; position: absolute; } .menu_close { width: 3.75vw; height: 3.75vw; background: none; padding: 0; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 0.347vw; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; margin: 0 0 0 3.125vw; } .menu_close svg { width: 1.347vw; height: 1.347vw; } .menu_close:hover { border-color: #fff; background: #fff; } .menu_close:hover path { stroke: #293269; } .menu_close path { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .search_form { display: -webkit-box; display: -ms-flexbox; display: flex; } .search_form button { padding: 0; border: 0; background: none; padding: 0 0.903vw; cursor: pointer; } .search_form button svg { width: 1.528vw; height: 1.528vw; } .search_form input { width: 35.764vw; background: none; border: 0; border-bottom: 0.5px solid #FFFFFF; font-size: 1.111vw; line-height: 150%; font-family: "Proxima Nova"; padding: 0.486vw 0; color: #ffff; } .search_form input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .search_form input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .search_form input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .search_form input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .search_form input::placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .search_form input:focus::-webkit-input-placeholder { -webkit-transform: scale(0); transform: scale(0); } .search_form input:focus::-moz-placeholder { transform: scale(0); } .search_form input:focus:-ms-input-placeholder { -ms-transform: scale(0); transform: scale(0); } .search_form input:focus::-ms-input-placeholder { -ms-transform: scale(0); transform: scale(0); } .search_form input:focus::placeholder { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } canvas#h_b3_canvas { width: 100vw; height: 83.33vw; /* -webkit-filter: blur(1.5625vw); */ /* filter: blur(1.5625vw); */ } .h_b3_bg { position: absolute; } .h_b3_box__icon_line.h_b3_box__icon_line_3 { width: 32.01vw; } .h_b3_box__icon_line { position: absolute; bottom: 0.4vw; left: -1.6vw; } .svg_anim_play .b3_kr_1 { -webkit-animation: krug_anim 0.2s ease 1s both; animation: krug_anim 0.2s ease 1s both; } .svg_anim_play .b3_kr_2 { -webkit-animation: krug_anim 0.2s ease 1.7s both; animation: krug_anim 0.2s ease 1.7s both; } .svg_anim_play .b3_kr_3 { -webkit-animation: krug_anim 0.2s ease 2s both; animation: krug_anim 0.2s ease 2s both; } .svg_anim_play .b3_kr_4 { -webkit-animation: krug_anim 0.2s ease 1.5s both; animation: krug_anim 0.2s ease 1.5s both; } .svg_anim_play .b3_kr_5 { -webkit-animation: krug_anim 0.2s ease 1.2s both; animation: krug_anim 0.2s ease 1.2s both; } .svg-animate-img.hidden { display: none; } .svg_anim_play .b3_kr1 { -webkit-animation: krug_anim 0.2s ease 3s both; animation: krug_anim 0.2s ease 3s both; } .svg_anim_play .b3_kr2 { -webkit-animation: krug_anim 0.2s ease 2.3s both; animation: krug_anim 0.2s ease 2.3s both; } .svg_anim_play .b3_kr3 { -webkit-animation: krug_anim 0.2s ease 2.2s both; animation: krug_anim 0.2s ease 2.2s both; } .svg_anim_play .b3_kr4 { -webkit-animation: krug_anim 0.2s ease 3.2s both; animation: krug_anim 0.2s ease 3.2s both; } .svg_anim_play .b3_kr5 { -webkit-animation: krug_anim 0.2s ease 4s both; animation: krug_anim 0.2s ease 4s both; } .h_b3_box__icon_line.h_b3_box__icon_line_4 { width: 50.72vw; bottom: -2.5vw; left: 6vw; z-index: 99; } .h_b3_box__icon_line.h_b3_box__icon_line_1 { width: 95.14vw; top: 0.8vw; left: -4vw; } .h_b3_box__item:nth-child(2) { top: 3.3vw; position: relative; } .svg_anim_play .b3_kr__1 { -webkit-animation: krug_anim 0.2s ease 0.7s both; animation: krug_anim 0.2s ease 0.7s both; } .svg_anim_play .b3_kr__2 { -webkit-animation: krug_anim 0.2s ease 0.8s both; animation: krug_anim 0.2s ease 0.8s both; } .svg_anim_play .b3_kr__3 { -webkit-animation: krug_anim 0.2s ease 1.8s both; animation: krug_anim 0.2s ease 1.8s both; } .svg_anim_play .b3_kr__4 { -webkit-animation: krug_anim 0.2s ease 1.9s both; animation: krug_anim 0.2s ease 1.9s both; } .svg_anim_play .b3_kr__5 { -webkit-animation: krug_anim 0.2s ease 2.6s both; animation: krug_anim 0.2s ease 2.6s both; } .svg_anim_play .b3_kr__6 { -webkit-animation: krug_anim 0.2s ease 2.7s both; animation: krug_anim 0.2s ease 2.7s both; } canvas { -webkit-transform: translateZ(0px); transform: translateZ(0px); } .h_b1_bt { display: none; } .h_b1_box__right_bg { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: 0.6s 0.2s; -o-transition: 0.6s 0.2s; transition: 0.6s 0.2s; position: absolute; left: 0; top: 0; width: 20.53vw; height: 20.53vw; } .h_b1_box__box.wow-true + .h_b1_box__right_bg { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } p.h_b2__item_t1 i { font-style: normal; } .h_b5_img_svg { width: 63.26vw; position: absolute; left: -18vw; top: 1vw; } .h_b5_img_svg img { width: 100%; } .h_b5_img_box { position: relative; z-index: 2; } .svg_anim_play .b5_kr_1 { -webkit-animation: krug_anim 0.2s ease 1s both; animation: krug_anim 0.2s ease 1s both; } .svg_anim_play .b5_kr_2 { -webkit-animation: krug_anim 0.2s ease 1.4s both; animation: krug_anim 0.2s ease 1.4s both; } .svg_anim_play .b5_kr_3 { -webkit-animation: krug_anim 0.2s ease 1.8s both; animation: krug_anim 0.2s ease 1.8s both; } .svg_anim_play .b5_kr_4 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .svg_anim_play .b5_kr_5 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .svg_anim_play .b5_kr_6 { -webkit-animation: krug_anim 0.2s ease 1.8s both; animation: krug_anim 0.2s ease 1.8s both; } .svg_anim_play .b5_kr_7 { -webkit-animation: krug_anim 0.2s ease 1.8s both; animation: krug_anim 0.2s ease 1.8s both; } .svg_anim_play .b5_kr_8 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .svg_anim_play .b5_kr_9 { -webkit-animation: krug_anim 0.2s ease 1.2s both; animation: krug_anim 0.2s ease 1.2s both; } .svg_anim_play .b5_kr_10 { -webkit-animation: krug_anim 0.2s ease 1.6s both; animation: krug_anim 0.2s ease 1.6s both; } .svg_anim_play .b5_kr_11 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .h_b7_svg_1 { width: 22.92vw; position: absolute; left: -1vw; bottom: 4vw; } .h_b7_svg_2 { position: absolute; bottom: -4vw; width: 51.94vw; right: 0; } .h_b7_svg_3 { position: absolute; right: 0; top: 2vw; width: 57.36vw; } .svg_anim_play .b7_kr_1 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .svg_anim_play .b7_kr_2 { -webkit-animation: krug_anim 0.2s ease 1.7s both; animation: krug_anim 0.2s ease 1.7s both; } .svg_anim_play .b7_kr_3 { -webkit-animation: krug_anim 0.2s ease 1.2s both; animation: krug_anim 0.2s ease 1.2s both; } .svg_anim_play .b7_kr_4 { -webkit-animation: krug_anim 0.2s ease 1.6s both; animation: krug_anim 0.2s ease 1.6s both; } .svg_anim_play .b7_kr_5 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .svg_anim_play .b7_kr_1_1 { -webkit-animation: krug_anim 0.2s ease 1.75s both; animation: krug_anim 0.2s ease 1.75s both; } .svg_anim_play .b7_kr_1_2 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .svg_anim_play .b7_kr_1_3 { -webkit-animation: krug_anim 0.2s ease 1s both; animation: krug_anim 0.2s ease 1s both; } .svg_anim_play .b7_kr_1_4 { -webkit-animation: krug_anim 0.2s ease 1.5s both; animation: krug_anim 0.2s ease 1.5s both; } .svg_anim_play .b7_kr_1_5 { -webkit-animation: krug_anim 0.2s ease 1.8s both; animation: krug_anim 0.2s ease 1.8s both; } .svg_anim_play .b7_kr_1_6 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .svg_anim_play .b7_kr_2_1 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .svg_anim_play .b7_kr_2_2 { -webkit-animation: krug_anim 0.2s ease 2.3s both; animation: krug_anim 0.2s ease 2.3s both; } .svg_anim_play .b7_kr_2_3 { -webkit-animation: krug_anim 0.2s ease 1.5s both; animation: krug_anim 0.2s ease 1.5s both; } .svg_anim_play .b7_kr_2_4 { -webkit-animation: krug_anim 0.2s ease 1.4s both; animation: krug_anim 0.2s ease 1.4s both; } .svg_anim_play .b7_kr_2_5 { -webkit-animation: krug_anim 0.2s ease 1s both; animation: krug_anim 0.2s ease 1s both; } .h_b5_bg { position: absolute; top: -17vw; } .h_b7_bg { position: absolute; top: -19vw; max-height: 47vw; overflow: hidden; padding: 19vw 0 0; } canvas#b5_canvas { width: 100vw; height: 92.36vw; } canvas#b7_canvas { width: 100vw; height: 60.42vw; } p.veonix { margin: 0; color: #ffffff80; font-size: 0.7vw; line-height: 136%; text-align: right; } p.veonix a { display: table; margin: 0 auto; font-size: 0.87vw; font-weight: 300; color: #ffffff80; } p.veonix a:hover { border-bottom: 1px solid; color: #fff; } canvas#canvas2 { position: fixed; z-index: 99; pointer-events: none; top: 0; } .h_b6_box__item_svg { -webkit-filter: blur(6vw); filter: blur(6vw); } .canvas:not([data-staus=paused]) { -webkit-filter: blur(7vw); filter: blur(7vw); } canvas.canvas2 { -webkit-filter: blur(8vw); filter: blur(8vw); } .h1 { font-weight: 800; font-size: 16.67146vw; line-height: 94.3%; /* or 226px */ color: #46FEDC; font-family: "Neue Machina"; margin: 0 0 -3.26389vw; } .su_b1_right p { max-width: 39.58333vw; font-size: 2.85406vw; line-height: 111.3%; /* or 46px */ text-transform: uppercase; background: -o-linear-gradient(351.56deg, #FFFFFF 67.45%, rgba(255, 255, 255, 0) 134.37%); background: linear-gradient(98.44deg, #FFFFFF 67.45%, rgba(255, 255, 255, 0) 134.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .su_b1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7.08333vw 0 11.30556vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .su_b1_right { width: 46.04167vw; } .su_b1_bottom .h_b4_box { max-width: 100%; width: 100%; } .su_b1_bottom .h_b4_box .h_b4__item { width: 30%; } .su_b1_bottom .h_b4_box .h_b4__item p { width: 100%; font-size: 1.11111vw; margin: 0.90278vw 0; } .su_b1_bottom .h_b4_box .h_b4__item .h_b4__item_content:after { width: 100%; -webkit-filter: blur(0.55556vw); filter: blur(0.55556vw); height: 100%; left: -0.27778vw; } .su_b2_box { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 1.45833vw; max-width: 83.95833vw; margin: 0 auto; } .su_b2_item .h2 { font-size: 2.85406vw; line-height: 111.3%; /* or 46px */ text-transform: uppercase; } .su_b2_item .h2 span { color: #46FEDC; } .su_b2_item_block { height: 15.55556vw; border: 1px solid rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); border-radius: 2.08333vw; overflow: hidden; position: relative; z-index: 9; background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(4.47917vw); backdrop-filter: blur(4.47917vw); } .su_b2_item { position: relative; overflow: hidden; border-radius: 2.08333vw; } .su_b2_item_text { position: relative; z-index: 9; margin: 2.56944vw 2.56944vw 0 2.77778vw; } .su_b2_item .h_b6_box__item_svg { z-index: 1; } .su_b2_item_text_title { font-weight: 600; font-size: 1.73611vw; line-height: 100.8%; color: #FFFFFF; } .su_b2_item_text_descr { font-size: 1.25vw; line-height: 139.8%; color: #FFFFFF; margin: 0.41667vw 0 0; opacity: 0.6; } .su_b2_item .h_b6_box__item_svg { -webkit-filter: blur(3.40278vw); filter: blur(3.40278vw); } .su_b2_item.su_b2_item_2 .h_b6_box__item_svg { -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } section.su_b2 { position: relative; z-index: 99; } .su_b2_item.su_b2_item_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; } .su_b1_block .bg { opacity: 0.5; } .su_b2_item.su_b2_item_1:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1166 27.6662L2 1.99998M2 1.99998L2 29.9094M2 1.99998L29.9094 1.99998' stroke='%2346FEDC' stroke-width='3'/%3E%3C/svg%3E%0A"); width: 2.08333vw; height: 2.08333vw; position: absolute; top: 0; background-size: contain; background-position: top left; background-repeat: no-repeat; } .svg_anim_play { pointer-events: none; } .su_b3 { padding: 18vw 0; position: relative; } .su_b3_box { max-width: 83.88889vw; margin: 0 auto; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 1.66667vw; position: relative; } .su_b3_box_item_block { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); -webkit-backdrop-filter: blur(4.47917vw); backdrop-filter: blur(4.47917vw); /* Note: backdrop-filter has minimal browser support */ border-radius: 2.08333vw; height: 18.75vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .su_b3_box_item { position: relative; z-index: 4; } .su_b3_box_item.su_b3_box_item_1 .h_b6_box__item_svg { right: auto; left: 0; top: 15%; } .su_b3_box_item.su_b3_box_item_1 .h_b6_box__item_svg img { -webkit-transform: rotate(2deg) matrix(-1, 0, 0, -1, 0, 0); -ms-transform: rotate(2deg) matrix(-1, 0, 0, -1, 0, 0); transform: rotate(2deg) matrix(-1, 0, 0, -1, 0, 0); } .su_b3_box_item_block_text { margin: 0 2.15278vw 0 2.77778vw; } .su_b3_box_item_title { font-weight: 600; font-size: 1.73611vw; line-height: 100.8%; /* or 25px */ color: #FFFFFF; margin: 0 0 0.69444vw; } .su_b3_box_item_t1 { font-size: 1.25vw; line-height: 140%; /* or 25px */ color: #FFFFFF; opacity: 0.6; } .su_b3_box_item_icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0.34722vw 0 0; position: absolute; right: 2.77778vw; bottom: 2.43056vw; } .su_b3_bg { position: absolute; top: -50vw; -webkit-filter: blur(0.76389vw); filter: blur(0.76389vw); /* opacity: 0.9; */ } .su_b3_bg img { width: 100vw; height: auto; } .su_b3 .main { position: relative; z-index: 9; } .su_b3_box_item_t2 { font-size: 0.97222vw; line-height: 120%; /* or 17px */ color: #FFFFFF; } .su_b3_box_item_block_text ul { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; margin: 0.76389vw 0 1.04167vw; font-size: 0.97222vw; line-height: 140%; color: #FFFFFF; list-style: none; padding: 0; width: 60%; } .su_b3_box_item_block_text ul li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 0 0; } .su_b3_box_item_block_text ul li:before { content: ""; width: 0.27778vw; height: 0.27778vw; background: #AAEBFF; -webkit-box-shadow: 0px 0px 0.41667vw #6096FF, 0px 0px 0.34722vw #6BD8FF, 0px 0px 0.625vw #FFFFFF; box-shadow: 0px 0px 0.41667vw #6096FF, 0px 0px 0.34722vw #6BD8FF, 0px 0px 0.625vw #FFFFFF; display: block; border-radius: 50%; margin: 0 1.25vw 0 0; } .su_b3_box_item_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .su_b3_box_item_2 .h2 { font-size: 2.85406vw; line-height: 111.3%; /* or 46px */ text-align: right; text-transform: uppercase; } .su_b3_box_item_2 .h2 span { color: #46FEDC; } .su_b3_box_item_2:after { content: ""; width: 2.08333vw; height: 2.08333vw; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.24319 28.1166L27.9094 2M27.9094 2L0 2M27.9094 2L27.9094 29.9094' stroke='%2346FEDC' stroke-width='3'/%3E%3C/svg%3E%0A"); display: block; position: absolute; right: 0; top: 0; background-size: contain; background-position: right top; background-repeat: no-repeat; } section.su_b3:after { content: ""; position: absolute; display: block; -webkit-box-shadow: 0 0 61vw 14vw #2de0ff; box-shadow: 0 0 61vw 14vw #2de0ff; border-radius: 50%; right: 0; top: 22vw; display: none; } section.su_b3:before { content: ""; position: absolute; display: block; -webkit-box-shadow: 0 0 61vw 14vw #5592F3; box-shadow: 0 0 61vw 14vw #5592F3; border-radius: 50%; right: 16vw; top: 46vw; display: none; } .su_b3_box:before { content: ""; content: ""; position: absolute; display: block; -webkit-box-shadow: 0 0 61vw 14vw #5592f3; box-shadow: 0 0 61vw 14vw #5592f3; border-radius: 50%; left: -4vw; top: 17vw; z-index: 2; display: none; } .su_b3_box:after { content: ""; content: ""; position: absolute; display: block; -webkit-box-shadow: 0 0 61vw 14vw #fff; box-shadow: 0 0 61vw 14vw #fff; border-radius: 50%; left: -22vw; top: 9vw; z-index: 1; display: none; } .h_b3_box__icon_svg:after { background: #37ace3; content: ""; display: block; /* background: #66F3DB; */ width: 0; height: 0; position: absolute; left: auto; right: auto; bottom: auto; top: auto; margin: auto; border-radius: 60%; z-index: 1; /* -webkit-box-shadow: 0 0 2vw 3vw #140e42; */ /* box-shadow: 0 0 2vw 3vw #140e42; */ width: 3.75vw; height: 4.16667vw; /* backdrop-filter: blur(65px); */ -webkit-filter: blur(0.76389vw); filter: blur(0.76389vw); } .zg { font-size: 2.85417vw; line-height: 94.3%; /* or 39px */ color: #FFFFFF; } .bg.bg_page { position: fixed; top: 11vw; left: 0; width: 100%; opacity: 0.7; } section.su_b4 .zg { padding: 0 0 4vw; } .su_b5_center { width: 52.22222vw; height: 39.51389vw; position: relative; opacity: 0.8; margin: -16vw -16vw -5vw -11vw; } .su_b5_center:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='375' height='635' viewBox='0 0 375 635' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M374.985 427.154C42.8475 823.745 -67.128 571.344 50.2993 327.308C22.6851 327.308 0.299316 304.923 0.299316 277.308C0.299316 249.694 50.6043 177.048 102.569 0.369141C130.183 0.369141 374.985 399.54 374.985 427.154Z' fill='%2316133A'/%3E%3C/svg%3E%0A"); width: 26.04167vw; height: 44.09722vw; display: block; position: absolute; top: -8vw; right: -10vw; z-index: 9; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-filter: blur(6.73611vw); filter: blur(6.73611vw); } .su_b5_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .su_b5_left p { font-weight: 600; font-size: 1.73611vw; line-height: 126.8%; color: #FFFFFF; } .su_b5_left { position: relative; z-index: 9; max-width: 27.77778vw; text-shadow: 0 0 3.33333vw #0f1648; } .su_b5 { padding: 14vw 0 16vw; } .su_b5_right_number { font-weight: 800; font-size: 4.20054vw; line-height: 97.9%; /* or 59px */ color: #46FEDC; font-family: "Neue Machina"; white-space: nowrap; } .su_b5_right { position: relative; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5.90278vw; margin: 0 0 -2vw; } .su_b5_right_item_text { font-weight: 500; font-size: 1.18056vw; line-height: 129.52%; /* or 22px */ color: #FFFFFF; margin: 0.34722vw 0 0; } .su_b5_right_col { max-width: 18.26389vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3.75vw; } .su_b5_right_item ul { padding: 0; margin: 1.25vw 0 0; font-size: 0.97222vw; line-height: 100%; color: #FFFFFF; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.83333vw; } .su_b5_right_item ul li { width: 100%; position: relative; padding: 0 0 0 1.38889vw; } .su_b6_krug { width: 3.81944vw; height: 3.81944vw; /* -webkit-box-shadow: 0 0 0 1px #fff; */ /* box-shadow: 0 0 0 1px #fff; */ border-radius: 50%; position: relative; -webkit-backdrop-filter: blur(1.45833vw); backdrop-filter: blur(1.45833vw); } .su_b6_krug svg { width: calc(100% + 0.41667vw); height: calc(100% + 0.20833vw); display: block; position: absolute; top: -1px; left: -0.20833vw; } .su_b5_right_item ul li:before { content: ""; width: 0.27778vw; height: 0.27778vw; border-radius: 50%; background: #AAEBFF; -webkit-box-shadow: 0px 0px 0.41667vw #6096FF, 0px 0px 0.34722vw #6BD8FF, 0px 0px 0.625vw #FFFFFF; box-shadow: 0px 0px 0.41667vw #6096FF, 0px 0px 0.34722vw #6BD8FF, 0px 0px 0.625vw #FFFFFF; display: block; position: absolute; top: 0.41667vw; left: 0; } .su_b6_krug svg path { stroke-dasharray: 194; stroke-dashoffset: 194; -webkit-transition: 0.8s 0.5s; -o-transition: 0.8s 0.5s; transition: 0.8s 0.5s; stroke-width: 0.83333vw; } section.su_b6 { position: relative; z-index: 99; padding: 16vw 0 18vw; } .su_b6_item_1.wow.wow-true path, .su_b6_item_2.wow.wow-true path { stroke-dashoffset: 130; } .su_b6_krug_line { height: 2.29167vw; width: 1px; background: #4afadc; position: absolute; top: -0.41667vw; left: 0; right: 0; margin: auto; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: 0.8s 0.5s; -o-transition: 0.8s 0.5s; transition: 0.8s 0.5s; z-index: 9; } .su_b6_item_1.wow.wow-true .su_b6_krug_line, .su_b6_item_2.wow.wow-true .su_b6_krug_line { -webkit-transform: rotate(125deg); -ms-transform: rotate(125deg); transform: rotate(125deg); } .su_b6_item_number { font-family: "Neue Machina"; font-style: normal; font-weight: 800; font-size: 1.38889vw; line-height: 97.9%; /* identical to box height, or 20px */ color: #FFFFFF; margin: 1.18056vw 0 0; position: relative; z-index: 9; } .su_b6_item_text { font-weight: 500; font-size: 0.97222vw; line-height: 129.52%; /* or 18px */ color: #FFFFFF; position: relative; z-index: 9; } .su_b6__left { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; width: 45.83333vw; margin: 0 0 0 2vw; grid-gap: 5.55556vw 0; } .su_b6_krug_bg:after { content: ""; display: block; background: #66F3DB; opacity: 0.54; width: 0; height: 0; position: absolute; left: -1.6vw; bottom: 0; top: 0; margin: auto; border-radius: 60%; z-index: 2; width: 6.94444vw; height: 6.94444vw; -webkit-filter: blur(1.66667vw); filter: blur(1.66667vw); } .su_b6_item_3.wow.wow-true path { stroke-dashoffset: 159; } .su_b6_item_4.wow.wow-true path { stroke-dashoffset: 175; } .su_b6_item_5.wow.wow-true path { stroke-dashoffset: 180; } .su_b6_item_3.wow.wow-true .su_b6_krug_line { -webkit-transform: rotate(66deg); -ms-transform: rotate(66deg); transform: rotate(66deg); } .su_b6_item_4.wow.wow-true .su_b6_krug_line { -webkit-transform: rotate(36deg); -ms-transform: rotate(36deg); transform: rotate(36deg); } .su_b6_item_5.wow.wow-true .su_b6_krug_line { -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); } .su_b6_item_1 .su_b6_krug:before { content: ""; height: 1px; -webkit-box-shadow: inset 0px 0.27778vw 0.27778vw rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0.27778vw 0.27778vw rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 0.7); width: 31vw; display: block; position: absolute; top: 0; bottom: 0; margin: auto; left: 2vw; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; width: 0; } .su_b6_item_3 .su_b6_krug:before { content: ""; width: 1px; -webkit-box-shadow: inset 0px 0.27778vw 0.27778vw rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0.27778vw 0.27778vw rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 0.7); height: 14vw; display: block; position: absolute; top: 2vw; margin: auto; left: 0; right: 0; margin: auto; -webkit-transition: 0.3s 0.6s; -o-transition: 0.3s 0.6s; transition: 0.3s 0.6s; height: 0; } .su_b6_item_6 .su_b6_krug { -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .su_b6_item_6 .su_b6_krug:after { display: none; } .su_b6_krug_dots { width: 0.625vw; height: 0.625vw; background: #AAEBFF; -webkit-box-shadow: 0px 0px 0.41667vw #6096FF, 0px 0px 0.34722vw #6BD8FF, 0px 0px 0.625vw #FFFFFF; box-shadow: 0px 0px 0.41667vw #6096FF, 0px 0px 0.34722vw #6BD8FF, 0px 0px 0.625vw #FFFFFF; border-radius: 50%; position: relative; } .su_b6_item_6 .su_b6_krug:before { content: ""; height: 1px; -webkit-box-shadow: inset 0px 0.27778vw 0.27778vw rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0.27778vw 0.27778vw rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 0.7); width: 43vw; display: block; position: absolute; top: 0; bottom: 0; margin: auto; right: 2vw; width: 0; -webkit-transition: 2.5s 0.4s; -o-transition: 2.5s 0.4s; transition: 2.5s 0.4s; } .su_b6_item.su_b6_item_2 { position: relative; z-index: 0; } .su_b6_krug_bg { width: 100%; height: 100%; position: relative; z-index: 9; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; border-radius: 50%; } .su_b6_krug:after { content: ""; } .su_b6_krug:after { content: ""; display: block; background: #258fbb; opacity: 1; width: 0; height: 0; position: absolute; left: -2vw; bottom: 0; top: 0; margin: auto; border-radius: 60%; z-index: 2; width: 7.94444vw; height: 5.94444vw; -webkit-filter: blur(0.90278vw); filter: blur(1.20278vw); } .su_b6_item.su_b6_item_4, .su_b6_item.su_b6_item_5 { position: relative; z-index: 9; } .su_b6_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .su_b6__right { width: 41.66667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; } .su_b6__right p { font-family: "Proxima Nova"; font-style: normal; font-weight: 600; font-size: 1.73611vw; line-height: 126.8%; /* or 32px */ color: #FFFFFF; opacity: 0.7; } .su_b6_item_1.wow.wow-true .su_b6_krug:before { width: 31vw; } .su_b6_item_3.wow.wow-true .su_b6_krug:before { height: 14vw; } .su_b6_item_6.wow.wow-true .su_b6_krug:before { width: 43vw; } section.su_b7 { position: relative; z-index: 9; padding: 0 0 11vw; } .su_b7__left p { font-family: "Proxima Nova"; font-style: normal; font-weight: 600; font-size: 1.73611vw; line-height: 126.8%; /* or 32px */ color: #FFFFFF; opacity: 0.7; } .su_b7__left { width: 36.80556vw; padding: 2.70833vw 0 0; } .su_b7_box { padding: 4.86111vw 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .su_b7_title .zg { text-transform: uppercase; font-family: "Neue Machina"; line-height: 111%; } .su_b7_title .zg span { color: #46FEDC; } .su_b7__left_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 3.68056vw 0 0; } .su_b7__left__item img { height: 2.01389vw; width: auto; min-width: 2.08333vw; } .su_b7__right { width: 46.25vw; } .su_b7__right_col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; width: 19.44444vw; gap: 2.77778vw; } p.su_b7__right_t1 { font-style: normal; font-weight: 600; font-size: 1.73611vw; line-height: 100.8%; /* or 25px */ color: #FFFFFF; margin: 0 0 2.70833vw; } .su_b7__right__item { border-left: 0.27778vw solid #46FEDC; position: relative; } .su_b7__right__item_text p { margin: 2.29167vw 0; font-weight: 700; font-size: 0.97222vw; line-height: 100%; /* or 14px */ color: #FFFFFF; padding: 0 0 0; } .su_b7__right__item_text { margin: 0 0 0 1.25vw; height: 100%; position: relative; z-index: 9; } .su_b7__right_col:last-child { width: 22.22222vw; } .su_b7__right_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .su_b7__right_col:last-child .su_b7__right__item { height: 100%; } .su_b7__right_col:last-child .su_b7__right__item .su_b7__right__item_text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; } .su_b7__right__item_text ul { padding: 0; margin: 0; font-size: 0.83333vw; line-height: 100%; /* or 12px */ color: #FFFFFF; margin: 0 0 2.63889vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.90278vw; list-style: none; } .su_b7__right__item_text ul li { position: relative; padding: 0 0 0 1.31944vw; } .su_b7__right__item_text ul li:after { content: ""; width: 0.27778vw; height: 0.27778vw; background: #AAEBFF; -webkit-box-shadow: 0px 0px 0.41667vw #6096FF, 0px 0px 0.34722vw #6BD8FF, 0px 0px 0.625vw #FFFFFF; box-shadow: 0px 0px 0.41667vw #6096FF, 0px 0px 0.34722vw #6BD8FF, 0px 0px 0.625vw #FFFFFF; display: block; border-radius: 50%; position: absolute; top: 0.34722vw; left: 0; } .su_b7__right__item:after { content: ""; background: -o-linear-gradient(left, rgba(70, 254, 220, 0.4) 11.74%, rgba(70, 254, 220, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(11.74%, rgba(70, 254, 220, 0.4)), to(rgba(70, 254, 220, 0))); background: linear-gradient(90deg, rgba(70, 254, 220, 0.4) 11.74%, rgba(70, 254, 220, 0) 100%); opacity: 0.7; -webkit-filter: blur(0.59028vw); filter: blur(0.59028vw); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .su_b8 { position: relative; z-index: 9; padding: 5vw 0 12vw; } .su_b8_box { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; max-width: 83.88889vw; margin: 0 auto; gap: 1.11111vw; } .su_b8_item { position: relative; height: 15.48611vw; border-radius: 2.08333vw; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; will-change: transform; } .su_b8_item a, .su_b8_item .su_b8_items { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(4.47917vw); backdrop-filter: blur(2.47917vw); /* Note: backdrop-filter has minimal browser support */ border-radius: 2.08333vw; width: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-decoration: none; font-family: "Neue Machina"; font-style: normal; font-weight: 700; font-size: 2.36111vw; line-height: 94.3%; /* or 32px */ text-transform: uppercase; color: #fff; border: 1px solid rgba(255, 255, 255, 0.15); margin: 0; } section.ab_b3 .zg { text-transform: uppercase; font-family: "Neue Machina"; max-width: 83.88889vw; margin: 0 auto 4vw; } .su_b8_item a span, .su_b8_item .su_b8_items span { display: table; margin: 0 0 2.15278vw 2.63889vw; } .su_b8_item.su_b8_item_6 a { background: rgba(0, 255, 209, 0.69); } .su_b8_item.su_b8_item_6 .h_b6_box__item_svg.h_b6_box__item_svg_6:after { display: none; } .su_b8_box .h_b6_box__item_svg { -webkit-filter: blur(4.375vw); filter: blur(4.375vw); } .su_b8_item a:after { content: ""; width: 2.08333vw; height: 2.08333vw; top: 2.43056vw; right: 2.43056vw; display: block; position: absolute; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.37063 27.9818L28.0368 1.86523M28.0368 1.86523L0.127441 1.86523M28.0368 1.86523V29.7747' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; } .su_b8_item.su_b8_item_6 a:after { -webkit-filter: invert(1); filter: invert(1); } .su_b8_item.su_b8_item_6 a { color: #000; } .su_b8_item:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .su_b5_center img { width: 100%; height: 100%; } .su_b7_title_svg { position: absolute; top: 0.5vw; left: 100%; width: 60.48611vw; margin: 0 0 0 5vw; } .su_b7_title { display: table; position: relative; } .svg_anim_play .su_kr_1 { -webkit-animation: krug_anim 0.2s ease 0s both; animation: krug_anim 0.2s ease 0s both; } .svg_anim_play .su_kr_2 { -webkit-animation: krug_anim 0.2s ease 0.9s both; animation: krug_anim 0.2s ease 0.9s both; } .svg_anim_play .su_kr_3 { -webkit-animation: krug_anim 0.2s ease 1.2s both; animation: krug_anim 0.2s ease 1.2s both; } section.su_b4 .h_b3_box__item { margin: 0 0 10vw; } section.su_b4 .h_b3_box__icon { margin: 0 0 2vw; } .ab_h1_top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 9.01389vw 0 0; margin: 0 0 4.79167vw; } .ab_h1__left h1 { font-style: normal; font-size: 4.80769vw; line-height: 94.3%; color: #FFFFFF; font-family: "Neue Machina"; } .ab_h1__right { width: 52.77778vw; } .ab_h1__right p { font-weight: 500; font-size: 2.01389vw; line-height: 126.8%; color: #FFFFFF; opacity: 0.8; margin: -0.625vw 0 0; } .ab_h1_center_img img { display: table; font-size: 0; -webkit-animation: planeta 150.2s infinite linear; animation: planeta 150.2s infinite linear; } .ab_h1_center_img { display: table; font-size: 0; position: relative; } .ab_h1_center_img:after { content: ""; display: table; background: -o-radial-gradient(50% 41.55%, 49.27% 49.9%, #FFFFFF 0%, rgba(255, 181, 255, 0) 100%); background: radial-gradient(49.27% 49.9% at 50% 41.55%, #FFFFFF 0%, rgba(255, 181, 255, 0) 100%); background-blend-mode: overlay; mix-blend-mode: overlay; width: 43.19444vw; height: 1.45833vw; position: absolute; top: 0; z-index: 9; left: 0; right: 0; margin: auto; top: 34%; z-index: 10; -webkit-filter: blur(0.27778vw); filter: blur(0.27778vw); } .ab_h1_center_img:before { content: ""; background: -o-radial-gradient(49.92% 47.5%, 49.26% 50.17%, #FFB5FF 0%, rgba(255, 181, 255, 0) 100%); background: radial-gradient(49.26% 50.17% at 49.92% 47.5%, #FFB5FF 0%, rgba(255, 181, 255, 0) 100%); background-blend-mode: overlay; mix-blend-mode: overlay; width: 15.13889vw; height: 11.59722vw; display: block; position: absolute; top: 23%; left: 0; right: 0; margin: auto; z-index: 9; } .ab_h1_center_right_box { display: table; font-size: 0; position: relative; margin: -13vw 0 0; } .ab_h1_center_img img { width: 50.76389vw; height: 50.76389vw; } .ab_h1_center_right_box:after { content: ""; display: block; background: -o-radial-gradient(49.96% 48.76%, 49.26% 50.18%, #FFD2FF 0%, rgba(255, 181, 255, 0) 100%); background: radial-gradient(49.26% 50.18% at 49.96% 48.76%, #FFD2FF 0%, rgba(255, 181, 255, 0) 100%); background-blend-mode: overlay; mix-blend-mode: overlay; width: 30.13889vw; height: 23.125vw; display: block; position: absolute; z-index: 9; left: 0; right: 0; margin: auto; top: 12%; -webkit-filter: blur(0.76389vw); filter: blur(0.76389vw); } .ab_h1_center__item { background: -o-radial-gradient(28.75% 0%, 69.99% 69.99%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) rgba(255, 255, 255, 0.05); background: radial-gradient(69.99% 69.99% at 28.75% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 2.08333vw; width: 26.38889vw; height: 17.43056vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-backdrop-filter: blur(1.45833vw); backdrop-filter: blur(1.45833vw); } .ab_h1_center_left { min-width: 54.30556vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ab_h1_center__item_text { margin: 0 0 0 3.47222vw; position: relative; z-index: 99; width: 100%; } .ab_h1_center__item_t1 { font-family: "Neue Machina"; font-style: normal; font-weight: 300; font-size: 3.125vw; line-height: 87.3%; color: #FFFFFF; } .ab_h1_center__item_t1 span { font-size: 6.11111vw; } .ab_h1_center__item_t2 { font-size: 1.25vw; line-height: 115.8%; color: #FFFFFF; opacity: 0.7; margin: 0.41667vw 0 0; width: 90%; } .ab_h1_center__item_2 { margin: 7.01389vw 0 0; } .ab_h1_center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ab_h1_center_right { width: 34vw; } .ab_h1_bottom_item { border-left: 0.34722vw solid #46FEDC; padding: 1px 0 1px 1.52778vw; position: relative; width: 47.63889vw; } .ab_h1_bottom_item:after { content: ""; background: -o-linear-gradient(left, rgba(70, 254, 220, 0.4) 11.74%, rgba(70, 254, 220, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(11.74%, rgba(70, 254, 220, 0.4)), to(rgba(70, 254, 220, 0))); background: linear-gradient(90deg, rgba(70, 254, 220, 0.4) 11.74%, rgba(70, 254, 220, 0) 100%); opacity: 0.7; -webkit-filter: blur(0.59028vw); filter: blur(0.59028vw); position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .ab_h1_bottom_item p { position: relative; z-index: 9; font-size: 1.25vw; line-height: 126.8%; color: #FFFFFF; margin: 2.63889vw 0; width: 34.44444vw; } .ab_h1_bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: -9vw 0 0; } .ab_h1_bottom_box { width: 52.84722vw; } .ab_b2 .h_b3_box__item:nth-child(2) { top: 0; width: 38.75vw; } section.ab_b2 { padding: 19vw 0 0; } .ab_b2 .h_b3_box__item:nth-child(3) { width: 39.02778vw; left: 20.13889vw; position: relative; } section.ab_b2 .h_b3_box__item_t2 { font-size: 1.25vw; } section.ab_b2 .h_b3_box__item { margin: 0 0 8.40278vw; } .ab_b2 .h_b3_box__item:nth-child(1) { width: 36.11111vw; } .ab_b2 .h_b3_box__item:nth-child(3) .h_b3_box__icon_line.h_b3_box__icon_line_1 { left: -26vw; top: -2.2vw; } section.ab_b2 .h_b3_box__icon { margin: 0 0 2.84722vw; } .ab_b2 .svg_anim_play .b3_kr1 { -webkit-animation: krug_anim 0.2s ease 0.8s both; animation: krug_anim 0.2s ease 0.8s both; } .ab_b2 .svg_anim_play .b3_kr2 { -webkit-animation: krug_anim 0.2s ease 0.3s both; animation: krug_anim 0.2s ease 0.3s both; } .ab_b2 .svg_anim_play .b3_kr3 { -webkit-animation: krug_anim 0.2s ease 0.2s both; animation: krug_anim 0.2s ease 0.2s both; } .ab_b2 .svg_anim_play .b3_kr4 { -webkit-animation: krug_anim 0.2s ease 1s both; animation: krug_anim 0.2s ease 1s both; } .ab_b2 .svg_anim_play .b3_kr5 { -webkit-animation: krug_anim 0.2s ease 1.5s both; animation: krug_anim 0.2s ease 1.5s both; } .su_b8_item .su_b8_items span { font-family: "Proxima Nova"; font-style: normal; font-weight: 600; font-size: 1.73611vw; line-height: 100.8%; /* or 25px */ color: #FFFFFF; text-transform: math-auto; width: 84%; } .su_b8_item .su_b8_items:after { content: ""; width: 1.38889vw; height: 1.38889vw; display: block; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7231 8.51304V11.2666H11.2979V19.6918H8.54434V11.2666H0.119172V8.51304H8.54434V0.0878783H11.2979V8.51304H19.7231Z' fill='%236CF6E2'/%3E%3C/svg%3E%0A"); position: absolute; left: 2.77778vw; top: 1.94444vw; background-size: contain; background-repeat: no-repeat; } section.su_b8 .su_b8_item_6:before { content: ""; -webkit-box-shadow: 0 0 14vw 8vw #2DE0FF; box-shadow: 0 0 14vw 8vw #2DE0FF; position: absolute; right: 4vw; bottom: 3vw; z-index: 99; pointer-events: none; } .su_b8 .su_b8_item:not(.su_b8_item_6) { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } section.ab_b3 { padding: 2vw 0 12vw; } .ab_h1__left_svg { position: absolute; top: -7.5vw; width: 81.11111vw; left: 16vw; } .ab_h1__left { position: relative; } .svg_anim_play .ab_kr_5 { -webkit-animation: krug_anim 0.2s ease 0.85s both; animation: krug_anim 0.2s ease 0.85s both; } .svg_anim_play .ab_kr_4 { -webkit-animation: krug_anim 0.2s ease 1.05s both; animation: krug_anim 0.2s ease 1.05s both; } .svg_anim_play .ab_kr_3 { -webkit-animation: krug_anim 0.2s ease 1.85s both; animation: krug_anim 0.2s ease 1.85s both; } .svg_anim_play .ab_kr_1 { -webkit-animation: krug_anim 0.2s ease 2s both; animation: krug_anim 0.2s ease 2s both; } .svg_anim_play .ab_kr_2 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .lir_b1_bottom .h_b4_box { max-width: 100%; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .lir_b1_left h1 { font-family: "Neue Machina"; font-style: normal; font-weight: 800; font-size: 16.67146vw; line-height: 94.3%; /* or 226px */ color: #46FEDC; margin: 0 0 -3.40278vw; } .lir_b1_top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 7.01389vw 0 8.26389vw; } .lir_b1_right p { font-family: "Neue Machina"; font-style: normal; font-size: 2.08333vw; line-height: 111.3%; /* or 33px */ text-transform: uppercase; background: -o-linear-gradient(351.56deg, #FFFFFF 67.45%, rgba(255, 255, 255, 0) 134.37%); background: linear-gradient(98.44deg, #FFFFFF 67.45%, rgba(255, 255, 255, 0) 134.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; width: 38.40278vw; } .lir_b1_right { width: 46.04167vw; } .lir_b1_bottom .h_b4_box .h_b4__item { width: 30.41667vw; } .lir_b1_bottom .h_b4_box .h_b4__item p { width: auto; font-size: 1.11111vw; margin: 1.11111vw 0; } .lir_b1_bottom .h_b4_box .h_b4__item_content:after { width: 103%; -webkit-filter: blur(0.41667vw); filter: blur(0.41667vw); } .lir_b1_bottom .h_b4_box .h_b4__item:nth-child(1) { width: 27.91667vw; } .lir_b1_bottom .h_b4_box .h_b4__item .h_b4__item_content { padding: 1px 0 1px 1.52778vw; } .lir_b1_bottom_title { font-style: normal; font-weight: 600; font-size: 1.73611vw; line-height: 100.8%; /* or 25px */ color: #FFFFFF; margin: 0 0 2.70833vw; } .su_b1_left_svg_1 { position: absolute; top: -6vw; left: 18vw; width: 82.08333vw; } .svg_anim_play .su_krg_1 { -webkit-animation: krug_anim 0.2s ease 0.5s both; animation: krug_anim 0.2s ease 0.5s both; } .svg_anim_play .su_krg_2 { -webkit-animation: krug_anim 0.2s ease 1s both; animation: krug_anim 0.2s ease 1s both; } .svg_anim_play .su_krg_3 { -webkit-animation: krug_anim 0.2s ease 1.1s both; animation: krug_anim 0.2s ease 1.1s both; } .svg_anim_play .su_krg_4 { -webkit-animation: krug_anim 0.2s ease 2s both; animation: krug_anim 0.2s ease 2s both; } .svg_anim_play .su_krg_5 { -webkit-animation: krug_anim 0.2s ease 2.1s both; animation: krug_anim 0.2s ease 2.1s both; } .svg_anim_play .su_krg_6 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .su_b1_left_svg_2 { position: absolute; left: 31vw; width: 66.45833vw; top: 100%; margin: 1vw 0 0; } .su_b1_left { position: relative; } .svg_anim_play .su_krgs_1 { -webkit-animation: krug_anim 0.2s ease 2.5s both; animation: krug_anim 0.2s ease 2.5s both; } .svg_anim_play .su_krgs_2 { -webkit-animation: krug_anim 0.2s ease 2.2s both; animation: krug_anim 0.2s ease 2.2s both; } .svg_anim_play .su_krgs_3 { -webkit-animation: krug_anim 0.2s ease 2s both; animation: krug_anim 0.2s ease 2s both; } .svg_anim_play .su_krgs_4 { -webkit-animation: krug_anim 0.2s ease 1.7s both; animation: krug_anim 0.2s ease 1.7s both; } .svg_anim_play .su_krgs_5 { -webkit-animation: krug_anim 0.2s ease 1.5s both; animation: krug_anim 0.2s ease 1.5s both; } .lir_b1 .su_b1_right p { font-size: 2.08333vw; font-family: "Neue Machina"; width: 38.40278vw; margin: 0 0 -0.55556vw; } .lir_b2_maps { display: table; font-size: 0; position: relative; } .lir_b2_maps_line { position: absolute; top: 7.5%; left: -3vw; } .lir_b2_maps_bg img { width: 44.375vw; height: 44.375vw; } .lir_b2_maps_line img { width: 50.55556vw; height: 41.94444vw; } .lir_b2_maps_bg { -webkit-animation: planeta 100.2s infinite linear; animation: planeta 100.2s infinite linear; } .lir_b2_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .lir_b2_box_left { margin: 0 0 0 7.98611vw; position: relative; } .lir_b2_box_left p { font-weight: 600; font-size: 2.01389vw; line-height: 126.8%; /* or 37px */ color: #FFFFFF; opacity: 0.7; } .lir_b2_box_right { display: -webkit-box; display: -ms-flexbox; display: flex; width: 31vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 3vw 0 0; } .lir_b2_maps:after { content: ""; -webkit-box-shadow: 0 0 20vw 9vw #2de0ff; box-shadow: 0 0 20vw 9vw #2de0ff; display: block; position: absolute; top: 27%; left: 47%; } .lir_b2_maps:before { content: ""; -webkit-box-shadow: 0 0 20vw 9vw #d8f9ff; box-shadow: 0 0 20vw 9vw #d8f9ff; display: block; position: absolute; bottom: 27%; right: 41%; } .lir_b2_box .su_b1_left_svg_1 { top: auto; bottom: -12vw; left: -14vw; z-index: 99; } .lir_b2_box_left .su_b1_left_svg_2 { top: -12vw; left: -47vw; } .lir_b2_box_left .su_b1_left_svg_2 .svg-animate-img { -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); -ms-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); } .lir_b3 .su_b8_item_1 { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: lir_1; } .lir_b3 .su_b8_item_2 { -ms-grid-row: 1; -ms-grid-column: 2; grid-area: lir_2; } .lir_b3 .su_b8_item_3 { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: lir_3; } .lir_b3 .su_b8_item_6 { -ms-grid-row: 2; -ms-grid-column: 3; grid-area: lir_4; } .lir_b3 .su_b8_box { -ms-grid-rows: auto; grid-template: "lir_1 lir_2 ." ". lir_3 lir_4"; } .lir_b3 .su_b8_item { width: 27.01389vw; } .lir_b3 .su_b8_item .su_b8_items { -ms-flex-line-pack: start; align-content: flex-start; } .lir_b3 .su_b8_item_1 a { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .lir_b3 .su_b8_item_1 a span { margin-top: 2.43056vw; } .lir_b3 { padding: 5vw 0 11vw; } .content_page h1 { font-size: 5vw; padding: 3vw 0 5vw; text-transform: uppercase; } .content_page_text { position: relative; z-index: 99; max-width: 65.97222vw; margin: -3vw auto 0; padding: 0 0 6vw; } .content_page_text p { color: #fff; font-size: 1.38889vw; line-height: 125%; margin: 1.94444vw 0; } .content_page .su_b1_left { width: 100%; max-width: 65.97222vw; margin: 0 auto; } .content_page_text h2 { color: #fff; font-size: 1.80556vw; font-family: "Neue Machina"; margin: 3.26389vw 0 2.15278vw; } .page_pdf { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.76389vw; margin: 0 0 3vw; } .pdf_link { text-decoration: none; color: #fff; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); -webkit-backdrop-filter: blur(4.47917vw); backdrop-filter: blur(4.47917vw); border-radius: 0.55556vw; width: calc(50% - 4.58333vw - 2.77778vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.625vw 1.38889vw 0.41667vw 4.58333vw; font-size: 1.04167vw; min-height: 2.70833vw; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; } a.pdf_link:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M494.479 138.557 364.04 3.018A9.853 9.853 0 0 0 356.945 0h-194.41c-21.757 0-39.458 17.694-39.458 39.442v137.789H44.29c-16.278 0-29.521 13.239-29.521 29.513v147.744C14.769 370.761 28.012 384 44.29 384h78.787v88.627c0 21.71 17.701 39.373 39.458 39.373h295.238c21.757 0 39.458-17.653 39.458-39.351V145.385a9.85 9.85 0 0 0-2.752-6.828zM359.385 26.581l107.079 111.265H359.385V26.581zM44.29 364.308c-5.42 0-9.828-4.405-9.828-9.82V206.744c0-5.415 4.409-9.821 9.828-9.821h265.882c5.42 0 9.828 4.406 9.828 9.821v147.744c0 5.415-4.409 9.82-9.828 9.82H44.29zm433.248 108.341c0 10.84-8.867 19.659-19.766 19.659H162.535c-10.899 0-19.766-8.828-19.766-19.68V384h167.403c16.278 0 29.521-13.239 29.521-29.512V206.744c0-16.274-13.243-29.513-29.521-29.513H142.769V39.442c0-10.891 8.867-19.75 19.766-19.75h177.157v128c0 5.438 4.409 9.846 9.846 9.846h128v315.111z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M132.481 249.894c-3.269-4.25-7.327-7.01-12.173-8.279-3.154-.846-9.923-1.269-20.308-1.269H72.596v84.577h17.077v-31.904h11.135c7.731 0 13.635-.404 17.712-1.212 3-.654 5.952-1.99 8.856-4.01 2.904-2.019 5.298-4.798 7.183-8.336 1.885-3.538 2.827-7.904 2.827-13.096-.001-6.731-1.636-12.221-4.905-16.471zm-14.625 23.279c-1.288 1.885-3.067 3.269-5.337 4.154s-6.769 1.327-13.5 1.327h-9.346v-24h8.25c6.154 0 10.25.192 12.288.577 2.769.5 5.058 1.75 6.865 3.75 1.808 2 2.712 4.539 2.712 7.615.001 2.5-.644 4.692-1.932 6.577zM219.481 263.452c-1.846-5.404-4.539-9.971-8.077-13.702s-7.789-6.327-12.75-7.789c-3.692-1.077-9.058-1.615-16.096-1.615h-31.212v84.577h32.135c6.308 0 11.346-.596 15.115-1.789 5.039-1.615 9.039-3.865 12-6.75 3.923-3.808 6.942-8.788 9.058-14.942 1.731-5.039 2.596-11.039 2.596-18 0-7.923-.923-14.586-2.769-19.99zm-16.616 34.731c-1.154 3.789-2.644 6.51-4.471 8.163-1.827 1.654-4.125 2.827-6.894 3.519-2.115.539-5.558.808-10.327.808h-12.75v-56.019h7.673c6.961 0 11.635.269 14.019.808 3.192.692 5.827 2.019 7.904 3.981 2.077 1.962 3.692 4.692 4.846 8.192s1.731 8.519 1.731 15.058c0 6.538-.577 11.701-1.731 15.49zM294.827 254.654v-14.308h-57.981v84.577h17.077v-35.942h35.308v-14.308h-35.308v-20.019z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); display: block; width: 2.08333vw; height: 2.08333vw; display: block; content: ""; background-size: contain; position: absolute; left: 1.18056vw; top: 0; bottom: 0; margin: auto; } .pdf_link:hover { background: rgba(0, 255, 209, 0.69); } .content_page_text_bt .su_b8_item a { font-size: 2vw; } .su_b8_box.content_page_text_bt { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .page_standart-area { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; /* Note: backdrop-filter has minimal browser support */ border-radius: 2.08333vw; gap: 0.69444vw; margin: 0 0 0.76389vw; } .page_standart-area a { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); -webkit-backdrop-filter: blur(4.47917vw); backdrop-filter: blur(4.47917vw); /* Note: backdrop-filter has minimal browser support */ border-radius: 1.38889vw; text-decoration: none; padding: 2vw 1.5vw 1vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .page_standart-area a span { font-family: "Neue Machina"; font-style: normal; font-weight: 800; font-size: 1.18056vw; line-height: 94.3%; /* or 32px */ text-transform: uppercase; color: #fff; display: table; margin: 0 0 2vw; width: 100%; } .page_standart-area p { margin: 0; color: #fff; font-size: 1.18056vw; } .page_standart { padding: 3vw 0 3vw; } .page_standart-area a:hover { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .h_b1_box__box_bg { display: table; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .h_b1_box__box_bg:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .su_b1_right .h_b1_bt { display: block; margin: 1vw 0 0; } .su_b1_right .h_b1_bt a { max-width: 25vw; } .su_page .su_b1 .su_b1_left { padding: 3vw 0 3vw; } .content_page_text .bt { width: 25vw; } .fancybox__container { z-index: 999999999 !important; } .news_list_page { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 1.38889vw; max-width: 83.81944vw; margin: 0 auto; } .news__item { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); -webkit-backdrop-filter: blur(4.47917vw); backdrop-filter: blur(4.47917vw); /* Note: backdrop-filter has minimal browser support */ border-radius: 2.08333vw; } .news__item_main { margin: 0 2.43056vw; padding: 2.43056vw 0 5.625vw; } p.news_date { font-weight: 400; font-size: 0.97222vw; line-height: 139.8%; /* or 20px */ color: #FFFFFF; opacity: 0.6; margin: 0 0 0.97222vw; } .news_title { font-style: normal; font-weight: 600; font-size: 1.73611vw; line-height: 100.8%; /* or 25px */ color: #FFFFFF; text-decoration: none; margin: 0 0 2.01389vw; display: table; } .news_descr { font-weight: 400; font-size: 1.25vw; line-height: 139.8%; /* or 25px */ color: #FFFFFF; opacity: 0.6; } .news_more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600; font-size: 1.38889vw; line-height: 87.3%; /* or 17px */ color: #FFFFFF; text-decoration: none; position: absolute; bottom: 2.77778vw; left: 0; right: 0; margin: 0 2.43056vw; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news_more:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.12524 14.1007L14 1M14 1L0 1M14 1V15' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A"); width: 1.04167vw; height: 1.04167vw; display: table; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .news_more:hover { color: #46FEDC; } .news_more:hover:after { background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.12524 14.1007L14 1M14 1L0 1M14 1V15' stroke='%2346FEDC' stroke-width='2'/%3E%3C/svg%3E%0A"); } .news_pages_top .su_b1_left { max-width: 77.77778vw; } .news_pages_top .su_b1_left h1 { font-size: 7.08333vw; text-transform: revert; } .page_more_news h1 { font-family: "Neue Machina"; font-style: normal; font-weight: 400; font-size: 4.80769vw; line-height: 85.8%; /* or 59px */ color: #FFFFFF; width: 97%; } .page_more_news .su_b1_left { max-width: 77.98611vw; } .date_more_page { font-weight: 400; font-size: 1.38889vw; line-height: 139.8%; /* or 28px */ color: #FFFFFF; opacity: 0.6; position: absolute; bottom: -5vw; left: 0; } section.content_page_news { position: relative; z-index: 100; } section.content_page_news .main { max-width: 77.98611vw; } .content_page_news_image { height: 27.77778vw; width: 100%; border-radius: 2.08333vw; background-size: cover; background-position: center; background-color: #1f4cb3; margin: 0 0 6vw; } section.content_page_news p { font-weight: 400; font-size: 2.01389vw; line-height: 126.8%; /* or 37px */ color: #FFFFFF; opacity: 0.8; margin: 4vw 0; } section.content_page_news p a { color: #46FEDC; text-decoration: none; border-bottom: 1px solid; } section.content_page_news p a:hover { color: #fff; } .contacts_form_bottom .lead_main { width: 77.77778vw; margin: 0 auto; } .contacts_form_bottom .lead_main .h2 { font-size: 3.68056vw; } section.contacts_box_page { position: relative; z-index: 100; padding: 0 0 10vw; } .contacts_box_page_content { max-width: 77.77778vw; margin: 0 auto; position: relative; } .contacts_box_page_box { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); box-shadow: 0.625vw 1.04167vw 5.41667vw rgba(24, 18, 60, 0.39); -webkit-backdrop-filter: blur(4.47917vw); backdrop-filter: blur(4.47917vw); /* Note: backdrop-filter has minimal browser support */ border-radius: 2.08333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.90278vw 0; } .contacts_box_page_left { margin: 0 0 0 3.47222vw; width: 30.90278vw; padding: 2.84722vw 0; } p.contacts_box_page_name { font-weight: 600; font-size: 1.38889vw; line-height: 126.8%; /* or 25px */ color: #FFFFFF; margin: 0 0 0.41667vw; } p.contacts_box_page_text { font-weight: 400; font-size: 0.97222vw; line-height: 140%; /* identical to box height, or 20px */ color: #FFFFFF; opacity: 0.6; } .contacts_box_page_item { margin: 0 0 2.08333vw; } .contacts_box_page_maps { display: -webkit-box; display: -ms-flexbox; display: flex; width: 37.5vw; height: 33.68056vw; margin: 0 0.97222vw 0 0; overflow: hidden; border-radius: 2.08333vw; } .contacts_box_page_bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contacts_box_page_bottom a { font-weight: 400; font-size: 1.66667vw; line-height: 126.8%; /* or 30px */ color: #FFFFFF; text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .contacts_box_page_bottom a:hover { color: #46FEDC; } .contacts_box_page_content:before { background-image: url("data:image/svg+xml,%3Csvg width='350' height='374' viewBox='0 0 350 374' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.7' d='M10.9249 368.175C-43.1098 334.211 128.337 249.058 141.445 71.0454C169.838 6.40841 236.659 -18.4568 290.694 15.5073C344.729 49.4714 365.515 129.403 337.122 194.04C308.729 258.677 64.9596 402.139 10.9249 368.175Z' fill='%230BE2FF'/%3E%3C/svg%3E%0A"); width: 24.30556vw; height: 25.97222vw; display: block; content: ""; position: absolute; top: 10%; left: 22%; -webkit-filter: blur(5vw); filter: blur(5vw); } ymaps.ymaps-2-1-79-ground-pane { -webkit-filter: invert(88%) sepia(78%) saturate(481%) hue-rotate(180deg) brightness(98%) contrast(129%); filter: invert(88%) sepia(78%) saturate(481%) hue-rotate(180deg) brightness(98%) contrast(129%); } .news_pag { max-width: 83.81944vw; width: 100%; margin: auto; padding: 3vw 0 0; display: flex; gap: 2vw; color: #fff; } .news_pag a { color: #fff; margin: 0; } .body_en .h_b2__item_t1 span { font-size: 2.2vw; } .body_en .ab_h1_center__item_2 .ab_h1_center__item_t1 {font-size: 1.7vw;} .message_1 { color: #ffff; font-size: 2vw; text-align: center; text-transform: uppercase; font-weight: bold; } .message_2 { color: #fff; text-align: center; font-size: 2vw; width: 85%; margin: 0 auto; } .message { padding: 3vw 3vw; } .wow { will-change: transform, opacity; }.svg-animate-img path { will-change: stroke-dasharray, stroke-dashoffset, fill-opacity; } section.content_page_news .main { font-weight: 400; font-size: 2.01389vw; line-height: 126.8%; color: rgb(255 255 255 / 80%); } .number_anim { transform: translate3d(0px, 0px, 0px); will-change: transform; }body.body_en h1 span { display: none; } .smart-captcha { min-width: 0 !important; width: 100% !important; margin: 1vw 0 0; min-height: 100px; } body .SmartCaptcha-Shield.SmartCaptcha-Shield_position_bottom { bottom: 4% !important; z-index: 99999; } @media only screen and (max-width: 680px) { .main { width: 95vw; }.body_en .h_b2__item_t1 span { font-size: 7vw; }.body_en .ab_h1_center__item_2 .ab_h1_center__item_t1 {font-size: 2.7vw;} .content_page_text .bt { width: 100%; } .message_1 { font-size: 5vw; margin: 0 0 2vw; } .message_2 { font-size: 4vw; width: 100%; } .message { padding: 0 0; margin: 0 -9vw; } .logo svg, .logo img { width: 31.25vw; height: auto; } .scroll-content > *:nth-child(1), .web > *:nth-child(1):not(.scroll-content) { padding: 28.125vw 0 0; } .hd_box__menu { height: 9.375vw; width: 12.1875vw; border-radius: 1.25vw; } .hd_box__menu:after, .hd_box__menu:before { width: 55%; height: 1px; } .hd_box__lang_bt { font-size: 4.6875vw; height: 9.375vw; border-radius: 1.5625vw; padding: 0 2.1875vw; } .hd_box__lang_bt:after { width: 2.5vw; height: 2.8125vw; margin: -1px 0 0 1.875vw; } .hd_box__phone { font-size: 0; height: 9.375vw; width: 9.375vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 1.5625vw; background: none !important; } .hd_box__phone:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 482.6 482.6' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M98.339 320.8c47.6 56.9 104.9 101.7 170.3 133.4 24.9 11.8 58.2 25.8 95.3 28.2 2.3.1 4.5.2 6.8.2 24.9 0 44.9-8.6 61.2-26.3.1-.1.3-.3.4-.5 5.8-7 12.4-13.3 19.3-20 4.7-4.5 9.5-9.2 14.1-14 21.3-22.2 21.3-50.4-.2-71.9l-60.1-60.1c-10.2-10.6-22.4-16.2-35.2-16.2-12.8 0-25.1 5.6-35.6 16.1l-35.8 35.8c-3.3-1.9-6.7-3.6-9.9-5.2-4-2-7.7-3.9-11-6-32.6-20.7-62.2-47.7-90.5-82.4-14.3-18.1-23.9-33.3-30.6-48.8 9.4-8.5 18.2-17.4 26.7-26.1 3-3.1 6.1-6.2 9.2-9.3 10.8-10.8 16.6-23.3 16.6-36s-5.7-25.2-16.6-36l-29.8-29.8c-3.5-3.5-6.8-6.9-10.2-10.4-6.6-6.8-13.5-13.8-20.3-20.1-10.3-10.1-22.4-15.4-35.2-15.4-12.7 0-24.9 5.3-35.6 15.5l-37.4 37.4c-13.6 13.6-21.3 30.1-22.9 49.2-1.9 23.9 2.5 49.3 13.9 80 17.5 47.5 43.9 91.6 83.1 138.7zm-72.6-216.6c1.2-13.3 6.3-24.4 15.9-34l37.2-37.2c5.8-5.6 12.2-8.5 18.4-8.5 6.1 0 12.3 2.9 18 8.7 6.7 6.2 13 12.7 19.8 19.6 3.4 3.5 6.9 7 10.4 10.6l29.8 29.8c6.2 6.2 9.4 12.5 9.4 18.7s-3.2 12.5-9.4 18.7c-3.1 3.1-6.2 6.3-9.3 9.4-9.3 9.4-18 18.3-27.6 26.8l-.5.5c-8.3 8.3-7 16.2-5 22.2.1.3.2.5.3.8 7.7 18.5 18.4 36.1 35.1 57.1 30 37 61.6 65.7 96.4 87.8 4.3 2.8 8.9 5 13.2 7.2 4 2 7.7 3.9 11 6 .4.2.7.4 1.1.6 3.3 1.7 6.5 2.5 9.7 2.5 8 0 13.2-5.1 14.9-6.8l37.4-37.4c5.8-5.8 12.1-8.9 18.3-8.9 7.6 0 13.8 4.7 17.7 8.9l60.3 60.2c12 12 11.9 25-.3 37.7-4.2 4.5-8.6 8.8-13.3 13.3-7 6.8-14.3 13.8-20.9 21.7-11.5 12.4-25.2 18.2-42.9 18.2-1.7 0-3.5-.1-5.2-.2-32.8-2.1-63.3-14.9-86.2-25.8-62.2-30.1-116.8-72.8-162.1-127-37.3-44.9-62.4-86.7-79-131.5-10.3-27.5-14.2-49.6-12.6-69.7z' fill='%23ffffff' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-position: center; width: 7.1875vw; height: 5vw; display: block; content: ""; background-repeat: no-repeat; } .hd_box__lang { margin: 0 -1.25vw; } .h_b1_box__left { width: 100%; padding: 2.1875vw 0 15vw; min-height: 62.8125vw; } .h_b1_box { -ms-flex-wrap: wrap; flex-wrap: wrap; } .h_b1_box__left h1 { font-size: 9.6875vw; line-height: 106%; margin: 0 0 10vw; min-height: 34.375vw; } .bg canvas { width: 205vw; height: 197vw; opacity: 0.8; margin: 0 -31vw 0 0; } .w-embed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .bt { height: 15.9375vw; font-size: 4.6875vw; width: 100%; } .bt span { font-size: 4.6875vw; } .h_b1_box .bt { width: 73%; } .h_b1_box__right { margin: 0 auto 19vw; width: 100%; } .h_b1_box__box { width: 56vw; height: auto; padding: 9vw 0 8vw; margin: 0 0 5vw; } .h_b1_box__right_t1 { font-size: 20vw; margin: 0 0 2.1875vw; } .h_b1_box__box p { margin-left: 4.6875vw; width: 84%; } .h_b1_box__right_t2 { font-size: 4.0625vw; } .h_b1_box__right_item_2_bg { width: 189vw; top: 19vw; -webkit-transform: matrix(1, 0, 0, -1, 0, 0); -ms-transform: matrix(1, 0, 0, -1, 0, 0); transform: matrix(1, 0, 0, -1, 0, 0); right: auto; left: -6vw; pointer-events: none; } .web { height: auto; } .h_b1_box__right_item_1_bg { width: 226vw; left: -98vw; top: -21vw; pointer-events: none; } .h_b1_box__right_bg { width: 100%; height: 100%; } .bg { position: absolute; } .h_b1_box__right_bg:after { width: 44vw; height: 45vw; background-size: contain; left: 14%; opacity: 0.3; } .bg_noise { display: none; } .body_bg { display: block !important; position: fixed; height: 100%; background-size: 170%; } canvas { pointer-events: none; } .svg-animate-img { pointer-events: none; } .hd_box__lang:hover nav { top: 100%; } .hd_box__lang ul a { font-size: 5.3125vw; padding: 2vw 0; position: relative; z-index: 99; } .hd_box__lang ul { width: 25.625vw; border-radius: 1.5625vw; } .hd_box__lang ul li { position: relative; } .hd_box__lang ul li:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: block; background: -o-radial-gradient(28.75% 0%, 69.99% 69.99%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.05); background: radial-gradient(69.99% 69.99% at 28.75% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.05); } .hd { z-index: 9999999; } .h_b2__item { width: 68vw; height: auto; padding: 0 0 6vw; } .h_b2__item:nth-child(2) { margin: 5vw 0 5vw 20vw; } .h_b2__item_t1 { font-size: 12vw; } .h_b2__item_main { margin: 0 0 0 6vw; padding: 8vw 0 0; } .h_b2__item_t1 span { font-size: 8vw; } .h_b2__item_t2 { font-size: 4vw; width: 95%; margin: 1vw 0 0; } .h_b2__item_t2 br { display: none; } .h_b2_box { margin: 0 0 0 4vw; } .h_b2__item:nth-child(3) { margin: 0; } .h_b2 { padding: 0 0 12vw; } .h2 { font-size: 9vw; } .h_b3_top p { margin: 4vw 0 0; font-size: 4vw; width: 100%; } .h_b3 { padding: 16vw 0 0 0; } .h_b3_top { margin: 0 0 10vw; } .h_b3_box__item { width: 100%; } .h_b3_box__item_t1 { font-size: 5vw; } .h_b3_box__item_t2 { font-size: 4vw; margin: 3vw 0; } .h_b3_box__icon_svg { width: 12vw; height: 12vw; } .h_b3_box__icon { margin: 0 0 5vw; } .h_b3_box__item:nth-child(2) { top: 0; width: 100%; left: 14vw; } .h_b3_box__icon_line.h_b3_box__icon_line_1 { width: 135vw; top: 5vw; } .h_b3_box__icon_line.h_b3_box__icon_line_3 { width: 84vw; left: -5.625vw; bottom: 1.875vw; } .h_b3_box__item:nth-child(4) { width: 89%; left: 14vw !important; position: relative; } .h_b3_box__item_t2 br { display: none; } .h_b3_box__icon_line.h_b3_box__icon_line_4 { width: 70vw; -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); -ms-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); left: 12.8125vw; top: 5.3125vw; } .h_b3_box__item:nth-child(2) [data-pause] { -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important; } .h_b3_box__item:nth-child(4) [data-pause] { -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important; } .h_b3_box__item:nth-child(4) .svg-animate-img path { -webkit-animation-delay: 0ms, 500ms, 0ms !important; animation-delay: 0ms, 500ms, 0ms !important; } .h_b4_top_t2 { font-size: 5.3125vw; width: 61%; margin: 1vw 0 13vw 0; } .h_b4_content { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h_b4__left { width: 100%; } .h_b4_top { width: 100%; } .h_b4_top_t1 { font-size: 27vw; } canvas#h_b3_canvas { width: 200vw; height: 161vw; margin: 0 0 0 -38vw; } .h_b4_b4_img { width: 66vw; height: 66vw; margin: -21vw 0 0 -37vw; } .h_b4__item { width: 60%; margin: 0 0 5vw; padding: 0 0; } .h_b4_box { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .h_b4__item p { font-size: 4.0625vw; width: 100%; padding: 3vw 0; } .h_b4__item_content { padding: 0 0 0 3vw; } .h_b4__item:nth-child(2n) { left: 30vw; position: relative; } .h_b4__item_content:after { width: 100%; height: 100%; } .h_b4_bottom p { font-size: 4.6875vw; width: 100%; margin: 7vw 0 8vw; } .h_b4_bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h_b4_bottom .bt { width: 75%; } .h_b4_bottom p br { display: none; } .h_b4 { padding: 20.931vw 0 29vw; } .h_b5_img { -webkit-transform: scale(1.5) rotate(0); -ms-transform: scale(1.5) rotate(0); transform: scale(1.5) rotate(0); right: 13vw; } .h_b5_t2 { font-size: 5.3125vw; text-align: left; margin: 2vw 0 0; } p.h_b5_t1 { text-align: left; font-size: 22vw; } .h_b5_left { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .h_b5_box_right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 11vw 0 0; } .h_b5_t3 { font-size: 6vw; } .h_b5_box_right p { width: 67vw; } .h_b5_t4 { font-size: 4.375vw; width: 100% !important; margin: 3vw 0 0; } canvas#b5_canvas { width: 170vw; height: 140vw; margin: 0 0 0 -31vw; opacity: 0.7; } .h_b6_top_t1 { font-size: 11vw; } .h_b6_top__item { width: 100% !important; margin: 5vw 0; } .h_b6_top { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% !important; margin: 0; } .h_b6_top_t2 { font-size: 5vw; margin: 3vw 0 0; width: 100%; } .h_b6_box__item { width: 100%; height: auto; padding: 0 0 0; } .h_b6_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3.125vw; } .h_b6_box__item_t1 { font-size: 5.625vw; } .h_b6_box__item_bg { height: auto; padding: 0 0 6vw; } .h_b6_box__item_bg p { margin-left: 6.64vw; } .h_b6_box__item_t1 { margin: 7.36vw 0 3.42vw; } .h_b6_box__item_t2 { font-size: 4.6875vw; } .h_b6_box__item_svg { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); } .h_b6_box__item_svg.h_b6_box__item_svg_2 { -webkit-transform: rotate(26deg) scale(2.5); -ms-transform: rotate(26deg) scale(2.5); transform: rotate(26deg) scale(2.5); bottom: 15%; right: 17%; } .h_b7_bg { pointer-events: none; max-height: 91vw; top: -6vw; } .h_b6_box__item a p { font-size: 9vw; margin: 7vw 0 8vw 6.64vw; } .h_b6_box__item a:after { width: 6.25vw; height: 6.25vw; right: 5%; top: 7.5vw; } .h_b7 { padding: 22vw 0 22vw; } .h_b6_box__item_svg.h_b6_box__item_svg_3 { left: 20%; top: 26%; -webkit-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); } .h_b6_box__item_svg.h_b6_box__item_svg_1 { right: 14%; bottom: 18%; } .h_b6_box__item_svg.h_b6_box__item_svg_4 { top: 29%; left: 36%; } .h_b6_box__item_svg.h_b6_box__item_svg_5 { bottom: 22%; left: 22%; } .h_b7_svg_3 { width: 94vw; pointer-events: none; } .h_b7_box { width: 100%; padding: 0 0 2vw; display: block; } canvas#b7_canvas { width: 112vw; height: 104vw; } .h_b7_box_text { display: block; } .h_b7_box_text p { font-size: 4vw; margin: 3vw 0 8vw; width: 100%; } .h_b7_box_text p br { display: none; } .h_b7_box .h2 br { display: none; } .h_b7_box .bt { width: 70%; margin: 15vw 0 0; } .h_b7_svg_1 { left: 0px; bottom: 15vw; width: 26vw; } .h_b7_svg_2 { right: 0px; width: 65vw; } .ft { padding: 8vw 0; } .ft_logo img { height: 16.5625vw; width: 29.6875vw; } .ft_logo { width: 35.625vw; text-align: left; } .ft_menu nav ul a { font-size: 3vw; } .ft_menu { margin: 0vw 0 -1vw 0; width: 52.5vw; } .ft_box__left { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ft_box { width: 100%; display: block; } .ft_box__right { width: 100%; padding: 8.75vw 0 0; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ft_box__right a { font-size: 6.5vw; display: table; text-align: left; } p.veonix { font-size: 3vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 99%; width: 44%; } p.veonix a { font-size: 3.5vw; margin: 1.25vw 0 0; width: auto; } .search_form input { width: 67vw; font-size: 4.375vw; border-radius: 0 !important; } .search_form button svg { width: 5.625vw; height: 5.3125vw; } .menu_search { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: -15vw; position: static; margin: 0 0 10vw; } .menu_close { width: 10vw; height: 10vw; } .menu_close svg { width: 2.8125vw; height: 2.8125vw; } .menu_box__left ul a { font-size: 6.875vw; margin: 0 0 4vw; display: table; } .menu_box__right { width: 100%; margin: 12vw 0 0 0; } .menu_box__right nav > ul > li > a { font-size: 5.625vw; width: 100%; padding: 0 0 2vw; } .menu_box__right nav > ul li { width: 46%; } .menu_box__right nav > ul > li > a i svg { width: 6.25vw; height: 6.25vw; } .menu_box__right nav > ul > li ul a { font-size: 4vw; } .menu_box__right nav > ul > li ul { margin: 6vw 0 0; } .menu_box__right nav > ul ul li { width: 100%; margin: 0 0 2.5vw !important; display: table; } .h1 { font-size: 32vw; } .su_b1 { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 14vw 0 16vw 0; } .su_b1_right { margin: 6vw 0 0 0; width: 100%; } .su_b1_right p { max-width: 100%; font-size: 6.5vw; } .su_b1_bottom .h_b4_box .h_b4__item { left: 0; width: 88%; } .su_b1_bottom .h_b4_box .h_b4__item p { font-size: 3.5vw; padding: 3vw 0; margin: 0 0 0 3vw; } .h_b4__item:nth-child(2n) { margin: 2vw 0 8vw 8vw; } .su_b1_bottom .h_b4_box .h_b4__item br { display: none; } .su_b2_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5vw; max-width: 100%; } .su_b2_item { width: 100%; padding: 0 0 0; } .su_b2_item .h2 { font-size: 7vw; } section.su_b2 { padding: 16vw 0 16vw; } .su_b2_item.su_b2_item_1 { margin: 0 0 2vw; position: relative; } .su_b2_item_block { height: 36vw; } .web[scroll-box] { height: auto; } .su_b2_item_text_title { font-size: 5vw; } .su_b2_item_text { margin: 6vw 5vw 0; } .su_b2_item_text_descr { font-size: 4vw; margin: 2vw 0 0; } .su_b2_item.su_b2_item_1:after { width: 6vw; height: 6vw; right: 0; left: auto; -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); -ms-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); } .su_b3_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4vw; max-width: 100%; } .su_b3_box_item.su_b3_box_item_1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .su_b3_box_item_2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; padding: 0 0 5vw; } .su_b3_box_item.su_b3_box_item_3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .su_b3_box_item.su_b3_box_item_4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .su_b3_box > div { width: 100%; } .su_b3_box_item_2 .h2 { font-size: 7vw; text-align: left; } .su_b3_box_item_2:after { text-align: left; width: 6vw; height: 6vw; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -ms-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } .su_b3_box_item_icon svg { height: 7vw; width: auto; } .su_b3_box_item_title { font-size: 5.5vw; margin: 0 0 3vw; } .su_b3_box_item_block_text { margin: 0 0 0 7vw; } .su_b3_box_item_block { height: auto; padding: 9vw 0; } .su_b3_box_item_t1 { font-size: 3.5vw; width: 90%; } .su_b3_box_item_t1 br { display: none; } .su_b3_box_item_icon { bottom: 5vw; right: 4vw; } .su_b3_box_item_block_text ul { width: 100%; font-size: 3.5vw; margin: 2vw 0 4vw; } .su_b3_box_item_t2 { font-size: 3vw; width: 82%; } .su_b3_box_item_t2 br { display: none; } .zg { font-size: 7.5vw; } section.su_b4 { padding: 15vw 0 8vw; } .su_b5_left p { font-size: 4vw; } .su_b5_left { max-width: 100%; margin: 4vw 0 6vw; } .su_b5_box { display: block; } .su_b5_center { margin: -28vw 0 0vw; height: auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .su_b5_center img { width: 119%; } .su_b5_right_number { font-size: 8vw; } .su_b5_right_col { max-width: 46%; gap: 6vw; } .su_b5_right_item_text { font-size: 3.9vw; } .su_b5_right { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .su_b5_right_item ul { font-size: 3vw; line-height: 120%; gap: 1.5vw; margin: 4vw 0 0; } .su_b5_right_item ul li:before { width: 0.9vw; height: 0.9vw; top: 1vw; } .su_b5_right_item ul li { padding: 0 0 0 3vw; } .zg br { display: none; } section.su_b4 .zg { padding: 0 0 11vw; } .su_b6__left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 9vw 0; } .su_b6__right p { font-size: 4vw; margin: 6vw 0 0; } .su_b6__right { width: 100%; padding: 0 0 12vw; } .su_b6__right .zg { width: 77%; } .su_b6_krug { width: 15vw; height: 15vw; } .su_b6_item_1 .su_b6_krug:before { display: none; } .su_b6_krug svg path { stroke-width: 4vw; } .su_b6_krug_line { height: 9vw; -webkit-transition: none; -o-transition: none; transition: none; top: -2vw; } .su_b6_item_number { font-size: 6vw; margin: 4vw 0 1vw; } .su_b6_item_text { font-size: 3.5vw; width: 85%; } .su_b6_item { width: 50%; } .su_b6_item_3 .su_b6_krug:before { display: none; } .su_b6_item.su_b6_item_6 { display: none; } section.su_b7 { padding: 14vw 0 11vw; } .su_b7__left p { font-size: 4vw; } .su_b7__left { width: 100%; padding: 0 0 8vw; } .su_b7__left__item img { height: 5vw; } .su_b7__left_box { margin: 8vw 0 0; } p.su_b7__right_t1 { font-size: 4vw; margin: 0 0 7vw; } .su_b7__right_box { width: 100%; } .su_b7__right_col { width: 49%; } .su_b7__right { width: 100%; } .su_b7__right__item_text p { font-size: 3.5vw; margin: 3vw 0; } .su_b7__right__item_text { margin: 0 0 0 3vw; } .su_b7__right_col:last-child { width: 46%; } .su_b7__right__item_text ul { font-size: 3vw; gap: 2vw; } .su_b7__right__item_text ul li { padding: 0 0 0 2vw; } .su_b7__right__item_text ul li:after { width: 1vw; height: 1vw; top: 0.7vw; } .su_b7_title .zg span { display: table; } .su_b8_box { max-width: 100%; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 3vw; } .su_b8_item { height: 28vw; } .su_b8_item a { font-size: 4vw; line-height: 123%; } .su_b8_item a span { margin: 0 0 3vw 5vw; } .su_b8_item a:after { width: 3vw; height: 3vw; right: 4vw; top: 4vw; } section.su_b8 { padding: 15vw 0 19vw; } .ab_h1__left h1 { font-size: 9vw; margin: 0 0 6vw; } .ab_h1_top .ab_h1__left_svg { width: 127vw; top: -12vw; left: 0vw; } .ab_h1__right { width: 100%; } .ab_h1__right p { font-size: 3.7vw; } .ab_h1__right p br { display: none; } .ab_h1_top { margin: 5vw 0 8vw; padding: 10vw 0 6vw; } .ab_h1_center_left { width: 48%; min-width: 0; } .ab_h1_center { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -8vw 0 0; position: relative; } .ab_h1_center__item { width: 100%; height: auto; padding: 6vw 0; margin: 0 0 3vw; } .ab_h1_center_right { width: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0vw 0 0; } .ab_h1_center__item_t1 { font-size: 5vw; } .ab_h1_center__item_t2 { font-size: 3vw; } .ab_h1_center_img img { width: 95vw; height: 95vw; } .ab_h1_center_right_box { margin: 0; } .ab_h1_cente .ab_h1__left_svg { width: 124vw; } .ab_h1_center .ab_h1__left_svg { width: 109vw; top: 2vw; left: 0; } .ab_h1__left { padding: 4vw 0 0; } .ab_h1_bottom { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ab_h1_bottom_box { width: 100%; } .ab_h1_bottom_item { width: 100%; padding: 1px 0 1px 4vw; } .ab_h1_bottom_item p { width: 100%; font-size: 3vw; width: 81vw; } section.ab_b2 .h_b3_box__item { width: 100% !important; } section.ab_b2 .h_b3_box__item_t2 { font-size: 4vw; } section.ab_b2 { padding: 27vw 0 11vw; } section.ab_b3 .zg { font-size: 6.5vw; margin: 0 0 7vw; max-width: 100%; } .su_b8_item .su_b8_items span { font-size: 3.5vw; width: 90%; margin: 0 0 4vw 3vw; } .su_b8_item .su_b8_items span br { display: none; } .su_b8_item .su_b8_items:after { width: 3vw; height: 3vw; background-size: contain; background-repeat: no-repeat; } .su_b1_left_svg_1 { width: 108vw; top: -21vw; left: 0; } .su_b1_left_svg_2 { width: 115vw; margin: 20vw 0 0; } .lir_b1 .su_b1_right p { width: 100%; font-size: 5.5vw; } .lir_b1 .su_b1_left_svg_2 { margin: 30vw 0 0; } .lir_b2_maps_bg img { width: 93vw; height: 93vw; } .lir_b2_box_right { width: 100%; } .lir_b2_box { -ms-flex-wrap: wrap; flex-wrap: wrap; } .lir_b2_box_left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .lir_b2_maps_line img { width: 106%; height: auto; min-height: 100px; } .lir_b2_box_left p { font-size: 4vw; } .lir_b2_box_left p br { display: none; } section.lir_b2 { padding: 9vw 0 21vw; } .lir_b2_box .su_b1_left_svg_1 { bottom: -21vw; } .lir_b2_box_left .su_b1_left_svg_2 { top: -42vw; left: -75vw; } .lir_b3 .su_b8_item { width: 100%; } .lir_b3 .su_b8_box { -ms-grid-columns: 1fr 1fr !important; grid-template-columns: 1fr 1fr !important; -ms-grid-rows: auto; grid-template: "lir_1 lir_2" "lir_3 lir_4"; } .lir_b3 .su_b8_item_1 a { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .content_page .su_b1_left { max-width: 100%; } .content_page h1 { font-size: 8vw; } .content_page .su_b1_left_svg_2 { margin: -6vw 0 0; } .content_page_text { max-width: 100%; padding: 1vw 0 15vw; } .content_page_text p { font-size: 4vw; margin: 8vw 0; } .content_page_text h2 { font-size: 6vw; padding: 7vw 0 4vw; } .pdf_link { width: 100%; font-size: 3vw; height: auto; padding: 3vw 8vw 3vw 10vw; } .page_pdf { gap: 8px; } a.pdf_link:before { width: 6vw; height: 6vw; background-size: contain; background-position: center; background-repeat: no-repeat; } .content_page_text_bt .su_b8_item a { font-size: 3.5vw; } .page_standart-area { display: block; } .page_standart-area a { margin: 0 0 3vw; padding: 7vw 6vw 1vw; min-height: 0; } .page_standart-area a span { font-size: 4.5vw; } .page_standart-area p { margin: 3vw 0 4vw; } .su_b1_right .h_b1_bt a { max-width: 100%; margin: 5vw 0 0; } .news_list_page { -ms-grid-columns: 1fr; grid-template-columns: 1fr; max-width: 87%; gap: 3vw; } .news_pages_top .su_b1_left h1 { font-size: 11vw; } .news__item_main { margin: 0 4vw 0; padding: 6vw 0 6vw; } p.news_date { font-size: 3vw; margin: 0 0 2vw; } .news_title { font-size: 5vw; } .news_descr { font-size: 3vw; } a.news_more { font-size: 4vw; position: static; margin: 5vw 0 0; } .news_more:after { width: 4vw; height: 4vw; background-repeat: no-repeat !important; } .date_more_page { font-size: 3vw; bottom: -11vw; } section.content_page_news { padding: 7vw 0 9vw; } section.content_page_news .main { max-width: 90%; } .page_more_news .su_b1_left { max-width: 90% !important; } .page_more_news h1 { width: 100%; font-size: 6vw; line-height: 112%; } section.content_page_news p { font-size: 4vw; margin: 7vw 0; } section.content_page_news .main { font-size: 4vw; } .content_page_news_image { height: 42vw; background-position: left center; } .contacts_box_page_content { max-width: 100%; } .contacts_box_page_left { width: 100%; margin: 0 6vw; padding: 7vw 0 6vw; } .contacts_box_page_box { -ms-flex-wrap: wrap; flex-wrap: wrap; } p.contacts_box_page_name { font-size: 3vw; } p.contacts_box_page_text { font-size: 3.5vw; } .contacts_box_page_item { margin: 0 0 6vw; } .contacts_box_page_bottom a { font-size: 4.5vw; } .contacts_box_page_maps { width: 100%; margin: 0 4vw 3vw; height: 61vw; } .lead_main .h2 { font-size: 6vw; } .fancybox__content > .carousel__button.is-close { width: 7vw !important; height: 7vw !important; top: -1vw !important; border-radius: 5px !important; } .carousel__button svg { width: 3vw !important; height: 3vw !important; } .input_select_title { font-size: 3vw; } .input_select_checked { font-size: 3vw; height: 9vw; padding: 0 3vw; } .input_select_checked p:after { width: 3vw; height: 1vw; } .input_select_checked_item { font-size: 3vw; padding: 2vw 2vw; } .input_select_checked_list { z-index: 0; } .input_select { position: relative; z-index: 99; } .lead_form_box { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .input_form * { font-size: 4vw; padding: 3vw 4vw; } .input_form { margin: 0 0 3vw; } .lead_form_box_colum { margin: 0 0 2vw; } .policy_text { font-size: 3vw; margin: 4vw 0 0; } .lead_form_top { margin: 8vw 0 5vw; } } /* End */ /* Start:/bitrix/templates/veonix/assets/css/animate.css?167961468096168*/ @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1 } .wow { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both } .wow.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .wow.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat) } .wow.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat)*2); animation-iteration-count: calc(var(--animate-repeat)*2) } .wow.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat)*3); animation-iteration-count: calc(var(--animate-repeat)*3) } .wow.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay) } .wow.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay)*2); animation-delay: calc(var(--animate-delay)*2) } .wow.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay)*3); animation-delay: calc(var(--animate-delay)*3) } .wow.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay)*4); animation-delay: calc(var(--animate-delay)*4) } .wow.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay)*5); animation-delay: calc(var(--animate-delay)*5) } .wow.animate__faster { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: calc(var(--animate-duration)/2); animation-duration: calc(var(--animate-duration)/2) } .wow.animate__fast { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-duration: calc(var(--animate-duration)*0.8); animation-duration: calc(var(--animate-duration)*0.8) } .wow.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2) } .wow.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration)*3); animation-duration: calc(var(--animate-duration)*3) } @media (prefers-reduced-motion:reduce),print { .wow { -webkit-animation-duration: 1ms!important; animation-duration: 1ms!important; -webkit-transition-duration: 1ms!important; transition-duration: 1ms!important; -webkit-animation-iteration-count: 1!important; animation-iteration-count: 1!important } .wow[class*=Out] { opacity: 0 } } @-webkit-keyframes bounce { 0%,20%,53%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05) } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) } } @keyframes bounce { 0%,20%,53%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05) } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } .animate__flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shakeX { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes shakeX { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX } @-webkit-keyframes shakeY { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } } @keyframes shakeY { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration)*1.3); animation-duration: calc(var(--animate-duration)*1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } .animate__bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3) } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2) } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2) } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3) } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-10%,0); transform: translate3d(0,-10%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-10%,0); transform: translate3d(0,-10%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-10%,0,0); transform: translate3d(-10%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-10%,0,0); transform: translate3d(-10%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(10%,0,0); transform: translate3d(10%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(10%,0,0); transform: translate3d(10%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,20%,0); transform: translate3d(0,20%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,20%,0); transform: translate3d(0,20%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,40%,0); transform: translate3d(0,40%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,40%,0); transform: translate3d(0,40%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .wow.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .animate__flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .animate__flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .animate__flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .animate__flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0 } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1 } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0 } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1 } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateOut { 0% { opacity: 1 } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { opacity: 1 } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1 } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { opacity: 1 } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } .animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0) } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0) } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0) } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0) } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } /* End */ /* Start:/bitrix/templates/veonix/assets/css/swiper-bundle.min.css?167961468015821*/ /** * Swiper 8.0.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 14, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/veonix/assets/css/svg-animate.min.css?16796146801857*/ .svg-animate,.svg-animate-container .hidden{display:none}.svg-animate-img svg{max-width:100%}.svg-animate-img path{fill-opacity:0;stroke-opacity:0;animation-timing-function:linear;-webkit-animation-timing-function:linear;transition-timing-function:linear;-webkit-transition-timing-function:linear;animation-name:StrokeIn,DrawStroke,FillIn;animation-duration:1s,2s,1s;animation-delay:0s,.5s,1.5s;stroke-dasharray:300;stroke-dashoffset:300;animation-fill-mode:forwards;animation-iteration-count:1}.svg-animate-img path.stroked{stroke-dasharray:0}.svg-animate-img path.active-path{stroke:red!important;stroke-width:2px!important}svg.filtered{filter:none;transition:1s}svg.filtered.grayscale{filter:grayscale(100%)}@keyframes rotating{0%{transform:rotate(0degdeg)}to{transform:rotate(360degdeg)}}.rotating{animation:rotating 2s linear infinite!important;moz-transform-origin:50% 50%;transform-origin:50% 50%;fill-opacity:inherit!important;stroke-opacity:inherit!important}@keyframes DrawStroke{to{stroke-dashoffset:0}}@keyframes StrokeIn{0%{stroke-opacity:0}to{stroke-opacity:1}}@keyframes FillIn{0%{fill-opacity:0}to{fill-opacity:1}}svg path.draw-1{animation:draw 1s linear}svg path.draw-2{animation:draw 2s linear}svg path.draw-3{animation:draw 3s linear}svg path.draw-4{animation:draw 4s linear}@keyframes draw{to{stroke-dashoffset:0}}.svg-animate-triangle-img svg{overflow:visible}.svg-animate-triangle-container{position:absolute;top:0;overflow:hidden}.svg-animate-triangle-img svg{transition:1s;filter:grayscale(0)}.svg-animate-triangle-img path{opacity:0;transition:1.5s;transform-origin:50% 50%}.svg-animate-triangle-img.disabled path{opacity:0;transition:none}.svg-animate-triangle-img.grayscaled svg{filter:grayscale(100%)}.svg-animate-triangle-img.animated-visible path,.svg-animate-triangle-img.shown path{opacity:1}#slider,#slider svg{height:500px} /* End */ /* Start:/bitrix/templates/veonix/assets/css/jquery.fancybox.min.css?167961468018989*/ .carousel { position: relative; box-sizing: border-box } .carousel *,.carousel *:before,.carousel *:after { box-sizing: inherit } .carousel.is-draggable { cursor: move; cursor: grab } .carousel.is-dragging { cursor: move; cursor: grabbing } .carousel__viewport { position: relative; overflow: hidden; max-width: 100%; max-height: 100% } .carousel__track { display: flex } .carousel__slide { flex: 0 0 auto; width: var(--carousel-slide-width, 60%); max-width: 100%; padding: 1rem; position: relative; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain } .has-dots { margin-bottom: calc(0.5rem + 22px) } .carousel__dots { margin: 0 auto; padding: 0; position: absolute; top: calc(100% + 0.5rem); left: 0; right: 0; display: flex; justify-content: center; list-style: none; user-select: none } .carousel__dots .carousel__dot { margin: 0; padding: 0; display: block; position: relative; width: 22px; height: 22px; cursor: pointer } .carousel__dots .carousel__dot:after { content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: currentColor; opacity: .25; transition: opacity .15s ease-in-out } .carousel__dots .carousel__dot.is-selected:after { opacity: 1 } .carousel__button { width: 3.75vw; height: 3.75vw; padding: 0; border: 0; display: flex; justify-content: center; align-items: center; pointer-events: all; cursor: pointer; color: var(--carousel-button-color, currentColor); background: var(--carousel-button-bg, transparent); border-radius: 0.35vw; box-shadow: var(--carousel-button-shadow, none); transition: opacity .15s ease } .carousel__button.is-prev,.carousel__button.is-next { position: absolute; top: 50%; transform: translateY(-50%) } .carousel__button.is-prev { left: 10px } .carousel__button.is-next { right: 10px } .carousel__button[disabled] { cursor: default; opacity: .3 } .carousel__button svg { width: 1.35vw; height: 1.35vw; fill: none; stroke: currentColor; stroke-width: var(--carousel-button-svg-stroke-width, 1.5); stroke-linejoin: bevel; stroke-linecap: round; pointer-events: none } html.with-fancybox { scroll-behavior: auto } body.compensate-for-scrollbar { overflow: hidden !important; touch-action: none } .fancybox__container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; margin: 0; padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); box-sizing: border-box; display: flex; flex-direction: column; color: var(--fancybox-color, #fff); -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden; z-index: 1050; outline: none; transform-origin: top left; --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 24px; --carousel-button-svg-height: 24px; --carousel-button-svg-stroke-width: 2.5; --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)) } .fancybox__container *,.fancybox__container *::before,.fancybox__container *::after { box-sizing: inherit } .fancybox__container :focus { outline: none } body:not(.is-using-mouse) .fancybox__container :focus { box-shadow: 0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94)) } @media all and (min-width: 1024px) { .fancybox__container { --carousel-button-width:48px; --carousel-button-height: 48px; --carousel-button-svg-width: 27px; --carousel-button-svg-height: 27px } } .fancybox__backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: rgba(34, 33, 80, 0.6); -webkit-backdrop-filter: blur(2.08vw); backdrop-filter: blur(2.08vw); } .fancybox__carousel { position: relative; flex: 1 1 auto; min-height: 0; height: 100%; z-index: 10 } .fancybox__carousel.has-dots { margin-bottom: calc(0.5rem + 22px) } .fancybox__viewport { position: relative; width: 100%; height: 100%; overflow: visible; cursor: default } .fancybox__track { display: flex; height: 100% } .fancybox__slide { flex: 0 0 auto; width: 100%; max-width: 100%; margin: 0; padding: 48px 8px 8px 8px; position: relative; overscroll-behavior: contain; display: flex; flex-direction: column; outline: 0; overflow: auto; --carousel-button-width: 36px; --carousel-button-height: 36px; --carousel-button-svg-width: 22px; --carousel-button-svg-height: 22px } .fancybox__slide::before,.fancybox__slide::after { content: ""; flex: 0 0 0; margin: auto } @media all and (min-width: 1024px) { .fancybox__slide { padding:64px 100px } } .fancybox__content { margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px); padding: 36px; color: var(--fancybox-content-color, #374151); position: relative; align-self: center; display: flex; flex-direction: column; z-index: 20 } .fancybox__content :focus:not(.carousel__button.is-close) { outline: thin dotted; box-shadow: none } .fancybox__caption { align-self: center; max-width: 100%; margin: 0; padding: 1rem 0 0 0; line-height: 1.375; color: var(--fancybox-color, currentColor); visibility: visible; cursor: auto; flex-shrink: 0; overflow-wrap: anywhere } .is-loading .fancybox__caption { visibility: hidden } .fancybox__container>.carousel__dots { top: 100%; color: var(--fancybox-color, #fff) } .fancybox__nav .carousel__button { z-index: 40 } .fancybox__nav .carousel__button.is-next { right: 8px } @media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-next { right:40px } } .fancybox__nav .carousel__button.is-prev { left: 8px } @media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-prev { left:40px } } .carousel__button.is-close { position: absolute; top: 8px; right: 8px; top: calc(env(safe-area-inset-top, 0px) + 8px); right: calc(env(safe-area-inset-right, 0px) + 8px); z-index: 40 } @media all and (min-width: 1024px) { .carousel__button.is-close { right:40px } } .fancybox__content>.carousel__button.is-close { position: absolute; top: 0.39vw; right: 0; color: var(--fancybox-color, #fff); border: 1px solid rgb(255 255 255 / 0.3); transition: 0.3s; } .fancybox__no-click,.fancybox__no-click button { pointer-events: none } .fancybox__spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; color: var(--fancybox-color, currentColor) } .fancybox__slide .fancybox__spinner { cursor: pointer; z-index: 1053 } .fancybox__spinner svg { animation: fancybox-rotate 2s linear infinite; transform-origin: center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100% } .fancybox__spinner svg circle { fill: none; stroke-width: 2.75; stroke-miterlimit: 10; stroke-dasharray: 1,200; stroke-dashoffset: 0; animation: fancybox-dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: currentColor } @keyframes fancybox-rotate { 100% { transform: rotate(360deg) } } @keyframes fancybox-dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35px } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124px } } .fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close { opacity: var(--fancybox-opacity, 1) } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close { animation: .15s ease backwards fancybox-fadeIn } .fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close { animation: .15s ease both fancybox-fadeOut } .fancybox-fadeIn { animation: .15s ease both fancybox-fadeIn } .fancybox-fadeOut { animation: .1s ease both fancybox-fadeOut } .fancybox-zoomInUp { animation: .2s ease both fancybox-zoomInUp } .fancybox-zoomOutDown { animation: .15s ease both fancybox-zoomOutDown } .fancybox-throwOutUp { animation: .15s ease both fancybox-throwOutUp } .fancybox-throwOutDown { animation: .15s ease both fancybox-throwOutDown } @keyframes fancybox-fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fancybox-fadeOut { to { opacity: 0 } } @keyframes fancybox-zoomInUp { from { transform: scale(0.97) translate3d(0, 16px, 0); opacity: 0 } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1 } } @keyframes fancybox-zoomOutDown { to { transform: scale(0.97) translate3d(0, 16px, 0); opacity: 0 } } @keyframes fancybox-throwOutUp { to { transform: translate3d(0, -30%, 0); opacity: 0 } } @keyframes fancybox-throwOutDown { to { transform: translate3d(0, 30%, 0); opacity: 0 } } .fancybox__carousel .carousel__slide { scrollbar-width: thin; scrollbar-color: #ccc rgba(255,255,255,.1) } .fancybox__carousel .carousel__slide::-webkit-scrollbar { width: 8px; height: 8px } .fancybox__carousel .carousel__slide::-webkit-scrollbar-track { background-color: rgba(255,255,255,.1) } .fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 2px; box-shadow: inset 0 0 4px rgba(0,0,0,.2) } .fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content { cursor: move; cursor: grab } .fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content { cursor: move; cursor: grabbing } .fancybox__carousel .fancybox__slide .fancybox__content { cursor: auto } .fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content { cursor: zoom-in } .fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content { cursor: zoom-out } .fancybox__carousel .fancybox__slide.is-draggable .fancybox__content { cursor: move; cursor: grab } .fancybox__carousel .fancybox__slide.is-dragging .fancybox__content { cursor: move; cursor: grabbing } .fancybox__image { transform-origin: 0 0; user-select: none; transition: none } .has-image .fancybox__content { padding: 0; background: rgba(0,0,0,0); min-height: 1px } .is-closing .has-image .fancybox__content { overflow: visible } .has-image[data-image-fit=contain] { overflow: visible; touch-action: none } .has-image[data-image-fit=contain] .fancybox__content { flex-direction: row; flex-wrap: wrap } .has-image[data-image-fit=contain] .fancybox__image { max-width: 100%; max-height: 100%; object-fit: contain } .has-image[data-image-fit=contain-w] { overflow-x: hidden; overflow-y: auto } .has-image[data-image-fit=contain-w] .fancybox__content { min-height: auto } .has-image[data-image-fit=contain-w] .fancybox__image { max-width: 100%; height: auto } .has-image[data-image-fit=cover] { overflow: visible; touch-action: none } .has-image[data-image-fit=cover] .fancybox__content { width: 100%; height: 100% } .has-image[data-image-fit=cover] .fancybox__image { width: 100%; height: 100%; object-fit: cover } .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible } .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { width: 100%; height: 80% } .fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100% } .fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { padding: 0; background: rgba(24,24,27,.9); color: #fff } .fancybox__carousel .fancybox__slide.has-map .fancybox__content { background: #e5e3df } .fancybox__html5video,.fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0,0,0,0) } .fancybox-placeholder { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0 } .fancybox__thumbs { flex: 0 0 auto; position: relative; padding: 0px 3px; opacity: var(--fancybox-opacity, 1) } .fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs { animation: .15s ease-in backwards fancybox-fadeIn } .fancybox__container.is-animated.is-closing .fancybox__thumbs { opacity: 0 } .fancybox__thumbs .carousel__slide { flex: 0 0 auto; width: var(--fancybox-thumbs-width, 96px); margin: 0; padding: 8px 3px; box-sizing: content-box; display: flex; align-items: center; justify-content: center; overflow: visible; cursor: pointer } .fancybox__thumbs .carousel__slide .fancybox__thumb::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-width: 5px; border-style: solid; border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96)); opacity: 0; transition: opacity .15s ease; border-radius: var(--fancybox-thumbs-border-radius, 4px) } .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after { opacity: .92 } .fancybox__thumbs .carousel__slide>* { pointer-events: none; user-select: none } .fancybox__thumb { position: relative; width: 100%; padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5))); background-size: cover; background-position: center center; background-color: rgba(255,255,255,.1); background-repeat: no-repeat; border-radius: var(--fancybox-thumbs-border-radius, 4px) } .fancybox__toolbar { position: absolute; top: 0; right: 0; left: 0; z-index: 20; background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%); padding: 0; touch-action: none; display: flex; justify-content: space-between; --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4)) } @media all and (min-width: 1024px) { .fancybox__toolbar { padding:8px } } .fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar { animation: .15s ease-in backwards fancybox-fadeIn } .fancybox__container.is-animated.is-closing .fancybox__toolbar { opacity: 0 } .fancybox__toolbar__items { display: flex } .fancybox__toolbar__items--left { margin-right: auto } .fancybox__toolbar__items--center { position: absolute; left: 50%; transform: translateX(-50%) } .fancybox__toolbar__items--right { margin-left: auto } @media(max-width: 640px) { .fancybox__toolbar__items--center:not(:last-child) { display:none } } .fancybox__counter { min-width: 72px; padding: 0 10px; line-height: var(--carousel-button-height, 48px); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased } .fancybox__progress { background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96)); height: 3px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 30; user-select: none } .fancybox__container:fullscreen::backdrop { opacity: 0 } .fancybox__button--fullscreen g:nth-child(2) { display: none } .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) { display: none } .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) { display: block } .fancybox__button--slideshow g:nth-child(2) { display: none } .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) { display: none } .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) { display: block } .fancybox__content>.carousel__button.is-close:hover { background: #fff; } .fancybox__content>.carousel__button.is-close:hover svg path { stroke: #4059B7; } .fancybox__content>.carousel__button.is-close svg path { transition: 0.3s; } /* End */ /* /bitrix/templates/veonix/assets/css/fonts.css?167961468025050 */ /* /bitrix/templates/veonix/assets/css/main.css?1679902412134229 */ /* /bitrix/templates/veonix/assets/css/animate.css?167961468096168 */ /* /bitrix/templates/veonix/assets/css/swiper-bundle.min.css?167961468015821 */ /* /bitrix/templates/veonix/assets/css/svg-animate.min.css?16796146801857 */ /* /bitrix/templates/veonix/assets/css/jquery.fancybox.min.css?167961468018989 */