/* Font */ @font-face { font-family: Font1; src: url("CalligraphRuss-Regular.ttf"); } @font-face { font-family: Font2; src: url("CormorantGaramond-Regular.ttf"); } @font-face { font-family: Font3; src: url("CormorantInfant-Regular.ttf"); } /* */ @media (max-width: 600px) { .aUUBQFWmEGmExNUVyyAXojyraZKJpAGXsrKpmWuIezAYwfIbvJbwCfxeDyYIDSWhfmPSMvHCayhkDTuFLDfeyviCMebxiCRGawqN{ width: 100%; } .YlpbVaVskNKYjsYRFLJwaDPElRYpNkVJMYvCNYMtAMRCYNDFARSTkUsDlwJtsFmZEPsEStEQQdVWTFGLrheTOCEdsQaIzxZZnzpQ{ width: 600px; } } @media (min-width: 600px) { .aUUBQFWmEGmExNUVyyAXojyraZKJpAGXsrKpmWuIezAYwfIbvJbwCfxeDyYIDSWhfmPSMvHCayhkDTuFLDfeyviCMebxiCRGawqN{ width: 450px; } .YlpbVaVskNKYjsYRFLJwaDPElRYpNkVJMYvCNYMtAMRCYNDFARSTkUsDlwJtsFmZEPsEStEQQdVWTFGLrheTOCEdsQaIzxZZnzpQ{ width: 450px; } } html{ overflow-x: hidden; } body{ margin: 0; padding: 0; background-color: #fff; display: flex; justify-content: center; font-family: Font2; } .aUUBQFWmEGmExNUVyyAXojyraZKJpAGXsrKpmWuIezAYwfIbvJbwCfxeDyYIDSWhfmPSMvHCayhkDTuFLDfeyviCMebxiCRGawqN { align-items: center; justify-content: flex-start; overflow-x: clip; position: relative; } .tyWhDmZmUNiNkWNkYyzWwWVEDLqSUYzEGuaAgkwBUEIFPuOmXckbXXujukWvFLkJaKVEXtpEYwtaFgqWebvRcddvsbNgyoVlqqnp{ display: flex; } .TRqYeZTReDdKtPhGaJZOgHkrMuegcgaXwxGeScJwtGfRjLxXuENNAtIBHVKvSVAAynCSTunHeEDCPJRrCMDFOXlmIPTPUpQkdULF{ align-items: center; } .tcenter{ text-align: center; } .KkrIqCxMnnzaOMwqWovUPphAVYFOArfohcvqaSFXYeLmgJFsEXKecRUncYpCsDazreXybvNSWrTRYRSBkgHBDxIRcpCNemhvvmtX{ justify-content: center; } .between{ justify-content: space-between; } .around{ justify-content: space-around; } .CFifRTvvEoJYPzdCmllUgmVFnaDTiNcpTyjQSfMdyTyZajYazfNSoqiRpXdoqPIXwVXAuStqTLrKrxeNHInwvpHihwZEhCYTxBKQ{ flex-direction: column; } .dxsXJTpEPcSbhWmbWPdSvhmcJgADQNfdIYerHILtRCkbNrhixqUvLlNSrhoLPksrzaOEsbzNvKrXIeutppaBvqWVQGxKFmbfwYIy{ flex-direction: row; align-items: center; } .edwGRmEiGjLIggMADvyiDfpfGAtojsbxtBsTUUjHSsTUVqnVYpwGrxbyWSwlWIRxuzSugoaVTxQqwRCYFFzOIabxoqXJyOJGQqlf{ width: 100%; } .h{ height: 100vh; } /* flex */ /* FadersIN */ .MXTaxCylyqrvxawtfdrAOQVooVzPmFFjkKPOVoogmfpRkqovSZCakiTXCbadWeURcgLYeHXSqFaJusgozUPuUZAoijANwnmGxgzV h1 { font-weight: 500; font-size: 51px; margin: 0; text-align: center; height: 53px; } h1 { font-family: 'Font1'; font-weight: 500; } .LhUQclpvTjjmMUJKJjqfVIeSadYmeHnwWXaYxCIspzCmPhTrRUSONKnDJlCotkniliXeDgqFMqxkdQXLHomDqcFpmoxJXoQbIuJx {} .LhUQclpvTjjmMUJKJjqfVIeSadYmeHnwWXaYxCIspzCmPhTrRUSONKnDJlCotkniliXeDgqFMqxkdQXLHomDqcFpmoxJXoQbIuJx { display: flex; align-items: center; flex-direction: column; height: 620px !important; justify-content: center; width: 100%; min-height: 620px !important; max-height: 620px !important; margin-top: 22px; } .YlpbVaVskNKYjsYRFLJwaDPElRYpNkVJMYvCNYMtAMRCYNDFARSTkUsDlwJtsFmZEPsEStEQQdVWTFGLrheTOCEdsQaIzxZZnzpQ { background: url(1.png) no-repeat; background-size: contain; background-position: center; height: 621px; /* max-width: 100%; */ position: absolute; z-index: -2; } h3 { font-family: 'Font2'; font-weight: 500; text-align: center; } h3.kJQtasPCvCkRzrGqdgiBGKWAfsetAJWDHfVSzwWBTpsAAazrhqHbbHgsxoniekkLEkKBuYvdUowYPBGwaVmReZjKLrTXjuxQYfvt {} h3.kJQtasPCvCkRzrGqdgiBGKWAfsetAJWDHfVSzwWBTpsAAazrhqHbbHgsxoniekkLEkKBuYvdUowYPBGwaVmReZjKLrTXjuxQYfvt { font-size: 13px; margin-bottom: 20px; } .ObQTQAkedsHUVZYrMetoqwEZpmxPyaCbZsqLJUGgWEqWtCHnbSiVBAZPIrNMNoVYnVontcvDjHsfSHVSCmwSQpbiVEvZWRamIEXe{ border-top: 1px black solid; border-bottom: 1px black solid; width: 80px; height: 23px; align-items: center; display: flex; justify-content: center; font-size: 14px; } .jhrIiLqPrgFTYLjwwoEFSdbjVWtKgmBqwseoirVBRcjHxuqNbKeVNoYPjvelFKihSuvyFLhcYfiQxzlmHCCQjgZuABKkXiOEDqBs .KkrIqCxMnnzaOMwqWovUPphAVYFOArfohcvqaSFXYeLmgJFsEXKecRUncYpCsDazreXybvNSWrTRYRSBkgHBDxIRcpCNemhvvmtX{ align-items: center; display: flex; } .jhrIiLqPrgFTYLjwwoEFSdbjVWtKgmBqwseoirVBRcjHxuqNbKeVNoYPjvelFKihSuvyFLhcYfiQxzlmHCCQjgZuABKkXiOEDqBs .BDexbhEJhKxXRScaDvRxSUILLdKiKvuqdMFyLEsfwrkEcYChhpFKLuPOuEczxBUJuNyTXhLFreoHNNMttPZCMaxZrQybJXEfFjiX{ font-size: 33px; font-family: 'Font3'; margin-top: 7px; } .byuWllbcQBBfSTveEwtciUwGASTCJAojSXjOYQNeEqkcsQzcvhEvcvASuLAoSuRSdlxDHuydsONQTWAPEOiRXTdgmzKHfrYpTJdN.ObQTQAkedsHUVZYrMetoqwEZpmxPyaCbZsqLJUGgWEqWtCHnbSiVBAZPIrNMNoVYnVontcvDjHsfSHVSCmwSQpbiVEvZWRamIEXe { font-size: 14px; font-family: 'Font3'; } .ECEFXfkaQRrJpLlXONZJhJzZCouzlBmTIsOzvDoJWDzYOuidBpELmvLPrNTjfspnGALfGBsoFVGTvumDjTWqgserXhVLxiqElebL { font-size: 14px; } .UHQpjwxGhDFWkkeLTrdJVnoENxoKTXKRpqchkRGzHLyMNczAiDMiOtBQoVRUioIGRrPRxVrFWEEGwVohylGRiwRhqRxxBjUDvwAe {font-size: 20px;} h1 {font-size: 42px;margin-top: 10px;margin-bottom: 5px;text-align: center;} p.hTymRNHpdhSfEjwUpPCINuFAimlgEKtlNDmpgcGEFQSewdHwZPvcAVLfcJMOTudUnGAjVvLCDGTFNmwpKbwlnHxADbxhAkVBJDCd { text-align: center; font-size: 16px; } .ryJvlyITHRRTMdxCwsbwRqwVkiZpkjYLvHueSdswShqBkyKGbcuWbeLTTQKefHkNOCfSMqLdYHREmyDcDHdqVrlgXEwJsyPDNvfF { background: url(calendar.png) no-repeat; width: 100%; min-height: 150px ! important; background-size: contain; background-position: center; } .xprObxNWIdwCsRbrSaiNgdHwRRagGXAPfZuPPJFNeJGEjsXhHPEXLeNLPDZSXTmZgwvQSKWzNraeOErRCQQaXcGBUHOkooEfeUjN .ECEFXfkaQRrJpLlXONZJhJzZCouzlBmTIsOzvDoJWDzYOuidBpELmvLPrNTjfspnGALfGBsoFVGTvumDjTWqgserXhVLxiqElebL {font-size: 41px;margin: 0;display: flex;justify-content: end;flex-direction: column;width: 100px;text-align: center;} .xprObxNWIdwCsRbrSaiNgdHwRRagGXAPfZuPPJFNeJGEjsXhHPEXLeNLPDZSXTmZgwvQSKWzNraeOErRCQQaXcGBUHOkooEfeUjN .tvSnLSxYsvRQabdKRguSsgymATOuwafcmAnCFmASnMegsefyruerzLQjZVcTkYitOEgIqVXxaIJenKQPgXoJwpwMbcgixivMiFit { display: flex; flex-direction: row; height: 86px; overflow: hidden; } .SVQRDwJANODpwZZjVvhEwpSWJvNFkjCZljTqpXUBWnmBjgJheYGyCspeFiofYQeYTmOIqrvMlxXgpzAlYvPHUerjDnjYwhRhTiIB { width: 100px; height: 100px; background: url(2.png); transform: rotateZ(215deg); } .uFUbMXnEwhJHtuTTwGRcxmcwInassZvdlAWnAFRZrmFjYKxZMJsxOLrrApdbosfqSEOYiyEUjYmvtIZNTbtGVNHCiFeSAIGlNyGO { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .kBcLKUxiqGRBWTeuuQSXGfpKqYhaWKvJzDSDiwNIzNhxNgacXwLvBIpxBCZNpPqOtAcwXHRqsSlgCaAgYjNbVWewkIjHBCDvmeDr{ background-size: contain !important; } .ZAeOZENaRXcYJCgweOIUGUOJTesiYQfHSwYPmMuOMnNXuLECZeJbjpqyytXLCXQNjAMEsMCwHTXvnfDWgJFYzlTpUdUvzxMVmtSZ { background: url(22.png); width: 100px; height: 100px; transform: rotateZ(140deg); } h1.UWVTsWwAoUHTzdkEQjaCgIOYzwtUtNKkEMrnsonnKdYhcVfwvabgjODgqGFMUJCsFmfeYMptPkZbvgpSUuPKDBSeZaWYsgUdCgUD { } .DgsagWQfbvNUAaQTJFpenplgHEkeYkqioJbMEgQCWtDKHNdcaXuLfDXNZbQKEfXxHUkIbbYCQArLkzXGzxRcayiiMfYKVXTpSrHP { gap: 19px; /* align-items: center; */ padding-top: 10px; width: 100%; } .DgsagWQfbvNUAaQTJFpenplgHEkeYkqioJbMEgQCWtDKHNdcaXuLfDXNZbQKEfXxHUkIbbYCQArLkzXGzxRcayiiMfYKVXTpSrHP .ANrtcgphFHVOFwSYyNaZFOFhVDJUJBXNJyjkljlwtGxeVfhJdoYfgltCQxnKRoICVZcRjtsGNsHvaSuFmIYlUyXBmSFCjkjnKaci span { text-align: center; } .IDlfGQjxddvUJiiYbGGvqZfZoIHkCcvgqWQNalCwmuHjZhEBxVtMAWexaLAJHLOcaWFfUXJQIensrJIfxzGeiqTtJsGTwKjMftTV { width: 1px; height: 60px; background: black; } .edwGRmEiGjLIggMADvyiDfpfGAtojsbxtBsTUUjHSsTUVqnVYpwGrxbyWSwlWIRxuzSugoaVTxQqwRCYFFzOIabxoqXJyOJGQqlfwQnCpNKUGcjrQDoRwSxYUfOjvNVvyonOwtcfNveeUeXQyfQTtwPSMMNvfkMMMrrrFLtGphHBvmYPzdydnsyZOjHQPyqDjjUfkSX { width: 96px; text-align: center; } .ANrtcgphFHVOFwSYyNaZFOFhVDJUJBXNJyjkljlwtGxeVfhJdoYfgltCQxnKRoICVZcRjtsGNsHvaSuFmIYlUyXBmSFCjkjnKaci { width: 170px; text-align: center; } h1.OoRHgKORGVSuROuPVyzYDbnDiAipDiThqXzxiLtbVNKeiAHYMmHJlMkHQNehhjTdLatHxhJAILoNOJhHDEilqRPrIjAjXqrIMmbl { margin-top: 40px; } .MPAMMEqqKypscleQuVMXxsOvKyewJPVbTtieCIwWoYCtPVJbZzwrGcDNyljbDRSppeVdEoaGUklMJhaCdZfhfSczhGgWmmKbpXhJ{ } .MPAMMEqqKypscleQuVMXxsOvKyewJPVbTtieCIwWoYCtPVJbZzwrGcDNyljbDRSppeVdEoaGUklMJhaCdZfhfSczhGgWmmKbpXhJ .rgzpMKCOnyjXyuVxRcRocnYCrQRhBQziGSGYHzGEgqJwaQApKPNHagCMQSZGkFLQVvDtIaBzTdaIzScgCDSXowqNysXXKPfXUrAN{ font-family: 'Font2'; font-size: 30px; } .MPAMMEqqKypscleQuVMXxsOvKyewJPVbTtieCIwWoYCtPVJbZzwrGcDNyljbDRSppeVdEoaGUklMJhaCdZfhfSczhGgWmmKbpXhJ .opTxdQGOBpvvZNXxhAIsWuxQvCCbFmVKnUNCshWsTtxeryiFbJRcPrqFfrASxKjgJUVNZXBNbzklFrvhhVrYzZwEwuEGVkljcMAO{ width: 25px; height: 1px; background: black; margin-left: 10px; margin-right: 10px; } .MPAMMEqqKypscleQuVMXxsOvKyewJPVbTtieCIwWoYCtPVJbZzwrGcDNyljbDRSppeVdEoaGUklMJhaCdZfhfSczhGgWmmKbpXhJ .tvSnLSxYsvRQabdKRguSsgymATOuwafcmAnCFmASnMegsefyruerzLQjZVcTkYitOEgIqVXxaIJenKQPgXoJwpwMbcgixivMiFit{ /* font-family: 'Font2'; */ font-size: 20px; width: 128px; } p.EotwHhZSyuUctxmwNbGTbdvovwqmUsRLxrIAVSMXgbTVDTYeEGdnyKRMhzCJoBWEDFMoIkhkUMqAoQlNLMUhjIPQKhFFRxrtzkqR { margin: 0; text-align: center; padding: 5px; } .edztpkeUzRvkxFLDNvkysSsVIHQNXaTBdWeVFUXGCkVkDkeJdelnjggvvqzvqwUNYcZBVFPxsTfGGhRclBRoCbzEQwRyfZhHQEiP { background: url(5.png); width: 200px; min-height: 100px; /* margin-bottom: 50px; */ } .sAobxMiphTcsmBbhrrqTTIMrWOxdgzDRiXylsUrXfYTiXRlhnBulHVwWMBajupgFsBKaipXcnScroEmyEZsRnguVIiFHRPLQVTot { min-height: 120px; width: 100%; display: flex; justify-content: space-between; } .clouds { position: absolute; max-width: 450px; overflow-x: clip; z-index: -1; height: 2000px; } .cloud{ background: url(7.png) no-repeat; width: 600px; height: 600px; /* position: absolute; */ z-index: -1; } #c1{ /* margin-top: 464px; */ opacity: .1; /* margin-left: -230px; */ max-width: 100%; transform: rotateZ(67deg); position: absolute; max-width: 100%; } #c2{ transform: rotateZ(239deg); position: absolute; top: 420px; right: -340px; opacity: 0.15; } #c3{ top: 804px; opacity: .08; left: -230px; max-width: 100%; transform: rotateZ(306deg); position: absolute; } #c4{ top: 804px; opacity: .08; left: -230px; max-width: 100%; transform: rotateZ(306deg); position: absolute; } #c5{ top: 993px; opacity: .15; right: -164px; max-width: 100%; transform: rotateZ(22deg); } #c6{ top: 1726px; opacity: .2; left: -144px; max-width: 100%; transform: rotateZ(155deg); } .QiZRqDSzuXeGSeUbBJGsVqBoxjYXXXZEwojFWRHmmLSNMMSJZGPPQJkvDIbAhnPlVvXzxokMJukJUCZMIOqGLAbsAiOltBdJPvme { background: url(6.png); width: 200px; height: 200px; /* position: absolute; */ filter: grayscale(1); opacity: .15; margin-left: -110px; margin-top: -150px; } .SwqnNFVBEwPcIxSPUgzDiXNkUZgcMAGiZscAttCuMGXqqCXdCIcvDbBQdnTDJaQBAYWbzaZwxWoHsszMIREaXzNtShSsmXELRDrQ { background: url(6.png); width: 200px; height: 200px; /* position: absolute; */ filter: grayscale(1); opacity: .15; margin-right: -110px; margin-top: -330px; transform: rotateZ(264deg); } .AJxVigbticwXfYLaYuLAahSKgvPKPhowyIukonOxNwnAJcMRvfaHYWPHNqRgLuBWnecJcyebBBEOpryRZAdRIZGiCuzyEJouYNcD { width: 100%; height: 1px; display: flex; justify-content: space-between; z-index: -1; } .zRWSZfViTPMkoOchSmGYmsWaRJLxPdzkwwWeDYDCLxApQjtRXoHsyAOhpsnGxgBebcPUebVtYHkxygniidfHalhqLBDmBiLCSbWS { background: url(4.png) no-repeat; width: 170px; height: 160px; /* position: absolute; */ background-size: contain; background-position: center; margin-left: -44px; margin-top: -56px; animation: t1a 5s cubic-bezier(0.51, 0.47, 0.54, 0.89) infinite alternate; transform-origin: bottom left; } .sfWLslDgbvFwnyCmSChkNTMKWaWsKPoGwgJwxMMWcQpNRvVwUhcAliZoDptmMeCCpOIjJRmQDhZuuanhTcVTSKbSPeUkXppLXBve { background: url(4.png) no-repeat; width: 160px; height: 160px; /* position: absolute; */ background-size: contain; background-position: center; margin-right: -210px; margin-top: 42px; transform: rotateZ(179deg); animation: t2a 4s cubic-bezier(0.51, 0.47, 0.54, 0.89) infinite alternate; transform-origin: left bottom; } @keyframes t1a{ from{ transform: rotateZ(0deg); } to{ transform: rotateZ(10deg); } } @keyframes t2a{ from{ transform: rotateZ(179deg); } to{ transform: rotateZ(190deg); } } .KIQcWXeeEIVwNvrZrfKShDJUYuROfGQRmifGNKxFzpRSHdCZhfBroyCXzQqtNEkKTKhmDZAvqIjRYsAeYUXsHAjnNTzBUcdQCNMh{ animation: roll 5s linear infinite alternate; } @keyframes roll{ from{ transform: rotateZ(0deg); scale: 1; } to{ transform: rotateZ(3deg); scale: 1.05; } } .hidden{ transition-duration: 2s; transition-property: opacity, transform, scale; opacity: 0; } .visible{ opacity: 1; /* transition-property: opacity; */ } .daOJLxoXdTWPZNklOGcZJkaQmvfQrKuZRsjAeQiYUbBMyQjSEbceqSVLxSWOigODRMmSvjjACmtKqtcgvkHolcicODOhiIKRBYCi.hidden{ transition-property: transform; transform: translateX(-99%); } .daOJLxoXdTWPZNklOGcZJkaQmvfQrKuZRsjAeQiYUbBMyQjSEbceqSVLxSWOigODRMmSvjjACmtKqtcgvkHolcicODOhiIKRBYCi.visible{ transition-property: transform; transform: translateX(0); } .DdsSxHaYwIcoyKCPMwynbTRdIrOhKXwUMkxqIspdOBHpfnCfFroZTHcdbyvQttRYbqkwemkilLuFUsnJIDQUyPbZuknEczMizQoW.hidden{ transition-property: transform; transform: translateX(99%); } .DdsSxHaYwIcoyKCPMwynbTRdIrOhKXwUMkxqIspdOBHpfnCfFroZTHcdbyvQttRYbqkwemkilLuFUsnJIDQUyPbZuknEczMizQoW.visible{ transition-property: transform; transform: translateX(0); } .LBeSkAQgvPexlcYnFRfdsdWFZPxreEtDzKTkqNhNnvQTsQsKQjnZHuMKXuejFGcgvcIfTylMksDmyDhcEwPIpryhadAWvEHrYyHu.hidden{ transition-property: scale; scale: 0; } .jZuuUJffghpgHLJTQdczANQpkHGjpmbCFkqdwyOszUolzaIeABIGEAsMogVvQvLZipeHzSpwoWonxAFeDyORwwbRYLeUEfvFvQmR.hidden{ transition-property: scale; scale: 0.5; } .LBeSkAQgvPexlcYnFRfdsdWFZPxreEtDzKTkqNhNnvQTsQsKQjnZHuMKXuejFGcgvcIfTylMksDmyDhcEwPIpryhadAWvEHrYyHu.visible{ transition-property: opacity, scale; scale: 1; } .jZuuUJffghpgHLJTQdczANQpkHGjpmbCFkqdwyOszUolzaIeABIGEAsMogVvQvLZipeHzSpwoWonxAFeDyORwwbRYLeUEfvFvQmR.visible{ scale: 1; } .JjMQYGlLcahaAArAXthPvRvVOHdjUYrhGkKSGMLXPIcSrmhhiDvReaTqOHglAYPtQDjUqRuABZxFLVxHIIcDednyiSpYNoUSmtJE.hidden{ transition-property: transform, opacity; transform: translateY(99%); } .JjMQYGlLcahaAArAXthPvRvVOHdjUYrhGkKSGMLXPIcSrmhhiDvReaTqOHglAYPtQDjUqRuABZxFLVxHIIcDednyiSpYNoUSmtJE.visible{ transform: translateY(0); } .SVQRDwJANODpwZZjVvhEwpSWJvNFkjCZljTqpXUBWnmBjgJheYGyCspeFiofYQeYTmOIqrvMlxXgpzAlYvPHUerjDnjYwhRhTiIB.hidden{ transition-duration: 2s; transform: rotateZ(255deg); } .SVQRDwJANODpwZZjVvhEwpSWJvNFkjCZljTqpXUBWnmBjgJheYGyCspeFiofYQeYTmOIqrvMlxXgpzAlYvPHUerjDnjYwhRhTiIB.visible{ transform: rotateZ(215deg); } .ZAeOZENaRXcYJCgweOIUGUOJTesiYQfHSwYPmMuOMnNXuLECZeJbjpqyytXLCXQNjAMEsMCwHTXvnfDWgJFYzlTpUdUvzxMVmtSZ.hidden{ transition-duration: 2s; transform: rotateZ(90deg); } .ZAeOZENaRXcYJCgweOIUGUOJTesiYQfHSwYPmMuOMnNXuLECZeJbjpqyytXLCXQNjAMEsMCwHTXvnfDWgJFYzlTpUdUvzxMVmtSZ.visible{ transform: rotateZ(140deg); }