/* 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) { .tJDOvQfmKxvlXmohcJgTKjoEdDsWLnqMWnKGERpStxSRbxaIEFRwbOyKNnpXdxjKuOHuAYQBTuUlChZlmnRYRKGSqxmnOdszKpty{ width: 100%; } .ZwGFSXPgdUqLzMJkdHSFtJZHIBlaktMKFHqPOeYBaOOOIuXXHuTEgJiOkJeUOApCKxoqtcogkdYRTLbGIqvNhUrmlnUykzYPBwha{ width: 600px; } } @media (min-width: 600px) { .tJDOvQfmKxvlXmohcJgTKjoEdDsWLnqMWnKGERpStxSRbxaIEFRwbOyKNnpXdxjKuOHuAYQBTuUlChZlmnRYRKGSqxmnOdszKpty{ width: 450px; } .ZwGFSXPgdUqLzMJkdHSFtJZHIBlaktMKFHqPOeYBaOOOIuXXHuTEgJiOkJeUOApCKxoqtcogkdYRTLbGIqvNhUrmlnUykzYPBwha{ width: 450px; } } html{ overflow-x: hidden; } body{ margin: 0; padding: 0; background-color: #fff; display: flex; justify-content: center; font-family: Font2; } .tJDOvQfmKxvlXmohcJgTKjoEdDsWLnqMWnKGERpStxSRbxaIEFRwbOyKNnpXdxjKuOHuAYQBTuUlChZlmnRYRKGSqxmnOdszKpty { align-items: center; justify-content: flex-start; overflow-x: clip; position: relative; } .DrEfxArTuQaxcWqcxgNyXSEJsoRHdKHFXRjfXBhzTvsbHOhIcDkiCGBzixsFVNgTArzBPbbgggQVuvVIkrxYAxvZiWRXqXIifzvJ{ display: flex; } .yxafqdhrBZMrbXCVzYjMNvLjyBBTwDpwfpEAqiZsqYQdfnrLAugmmFrNEvOXuHvhOBLsyZcKJfWSsuwmAjrMWHfSzjOhcAVTWAzp{ align-items: center; } .tcenter{ text-align: center; } .MEYPRHnxzeIDwJtCdiDVQqfVMHBPrPhQecKnUkvYTSmIueToRWLWZATUqobCVjCaKohVltVsCtvpwMadmEncIZOFNkVqaubLGefv{ justify-content: center; } .between{ justify-content: space-between; } .around{ justify-content: space-around; } .WPDUCuPnIwTMYVIWsBXnrzGuZtrYDituPaebpfZksTbfpXjgfoLpBpyVDBiIatcjyvGbpCPXfLadRbQOGsabEPnaItdmkwWTOsea{ flex-direction: column; } .neOEZwLliXnVeezJuAWAAYngSdfRfigtcllFfbSdeahSQgRIFFxvzwgBZSILsYmbXdCLeGNrEpHNFypgGwYcdEQfNAykkrOqEJDm{ flex-direction: row; align-items: center; } .BibhzDHSHwdAfvnzNKGwgTXAtSRVdjfsTNJKSUECWBpEDGbTRdwRIrfvElGKUWmlQSacCVhdbsoeoGifxydRWZrIQhqkptfAfTGR{ width: 100%; } .h{ height: 100vh; } /* flex */ /* FadersIN */ .ouVivcJWtrAkpVklTmpqCeJLpoFhzgFIHCubjTvDiBdNUqoaCgONKSJxhrAoQyhFAtZRcBhCxddjvmSvdCrhgVOMzhloMSVmBunl h1 { font-weight: 500; font-size: 51px; margin: 0; text-align: center; height: 53px; } h1 { font-family: 'Font1'; font-weight: 500; } .sALNLszFggWBjuijexhNyovfCgasWRKACKRsRHyyiYXtBQxwHoFddJKXdyQWHzDHhyPLUWDjmIYTFYzJtdGSMlXqSZrIiMSQQvxu {} .sALNLszFggWBjuijexhNyovfCgasWRKACKRsRHyyiYXtBQxwHoFddJKXdyQWHzDHhyPLUWDjmIYTFYzJtdGSMlXqSZrIiMSQQvxu { 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; } .ZwGFSXPgdUqLzMJkdHSFtJZHIBlaktMKFHqPOeYBaOOOIuXXHuTEgJiOkJeUOApCKxoqtcogkdYRTLbGIqvNhUrmlnUykzYPBwha { 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.USOijVIzetayCHYMrcpLlofRGQQpCqtEyicHAhPuDkZQAHUDSVxRAZEJuGDjpJmJEbDTJcqBCPUQfDpckdaptRJUcesUgQtdsCQb {} h3.USOijVIzetayCHYMrcpLlofRGQQpCqtEyicHAhPuDkZQAHUDSVxRAZEJuGDjpJmJEbDTJcqBCPUQfDpckdaptRJUcesUgQtdsCQb { font-size: 13px; margin-bottom: 20px; } .JgsRzLwDYlWzUsXCuWSefvzTiCQthEFGXBYVpeNgVymqeJxrQZMuJvrRjypBynzTJTOChuitsvRgXVpPVdGZGiZtqaGyQOtbyfMF{ 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; } .qKHMRoJHSiiMyRVafrFSsdTMCVBQfCDwdbsWQONpoWdrODcYdfkSAkExYcNQPnGxHNACSVPvcBFVYBEsuwHMemQRAiuvhfdiIosj .MEYPRHnxzeIDwJtCdiDVQqfVMHBPrPhQecKnUkvYTSmIueToRWLWZATUqobCVjCaKohVltVsCtvpwMadmEncIZOFNkVqaubLGefv{ align-items: center; display: flex; } .qKHMRoJHSiiMyRVafrFSsdTMCVBQfCDwdbsWQONpoWdrODcYdfkSAkExYcNQPnGxHNACSVPvcBFVYBEsuwHMemQRAiuvhfdiIosj .IqhPXJYRsttMQLYyFXQjziHDjmjDUmdgiFoDIMCRLwjlWyCWDbxcXBXCVLqbIDPLMlgufnmJcqdOKNwrElfpwiLFNLPizHrHfcpr{ font-size: 33px; font-family: 'Font3'; margin-top: 7px; } .rkiQXeaqHhjvmZdThKpCKeIdPQMQdWeLRNDrvshMGSnHNomQYxkzbZUccWXQdmcahBAHpJjOSlpWdYTkFyOwnxZbdjFaEbxBVBce.JgsRzLwDYlWzUsXCuWSefvzTiCQthEFGXBYVpeNgVymqeJxrQZMuJvrRjypBynzTJTOChuitsvRgXVpPVdGZGiZtqaGyQOtbyfMF { font-size: 14px; font-family: 'Font3'; } .xsvkdmCTxyYWxDlBPJANnLxuqzWPDSYFdlzfmFUXPxEVBIRDfvWELucigFYhBNVykgppIyvemwYXCPvduZkBSNYKzGqfQKuodsAf { font-size: 14px; } .gPpXxxNgqcflMNGgSNGpbLAAxnvPMPbPPyYLuEofCpjkmODzuaHrvBaMThwXPouRPMYTGTOMZeUMgePVRTxdCeUmigMZGduCuFHo {font-size: 20px;} h1 {font-size: 42px;margin-top: 10px;margin-bottom: 5px;text-align: center;} p.XfWGCgSSVtlJFuhmBLaJvMfYgeqRVqXNRXnfKrYSBzfvClocbyosQJXDpYcOWuCkwgfVJXEaqkDebrnJqVrPjtFfGWlKLGIPMZon { text-align: center; font-size: 16px; } .PNppHgDoeEkpiuerBqFyAuOhWuiZhraxDoOypmAVhfywJdQqLdMvvbwttCTLMhmveCRpVlxRPMlLezcGUhwpFVJEiAfiaxiMKaKy { background: url(calendar.png) no-repeat; width: 100%; min-height: 150px ! important; background-size: contain; background-position: center; } .YeHnMoSjzpKdQsdCcveECEvtXJJppxIviiLBsIJZCQntXjhwbFUdISxMHmrHGiFFyOMTssSKzfJHPYLOppFYexSMdAwmuYXrRulj .xsvkdmCTxyYWxDlBPJANnLxuqzWPDSYFdlzfmFUXPxEVBIRDfvWELucigFYhBNVykgppIyvemwYXCPvduZkBSNYKzGqfQKuodsAf {font-size: 41px;margin: 0;display: flex;justify-content: end;flex-direction: column;width: 100px;text-align: center;} .YeHnMoSjzpKdQsdCcveECEvtXJJppxIviiLBsIJZCQntXjhwbFUdISxMHmrHGiFFyOMTssSKzfJHPYLOppFYexSMdAwmuYXrRulj .nRPGziSTviMdOqZkTnaXhyfzfIsJbzaTFOqwgJRhFbJxAAORDOQSybWzuFixFNulFTqStUxKUDCyhfNKoEzFCieqMlTbHfHKkuPh { display: flex; flex-direction: row; height: 86px; overflow: hidden; } .oSZjQwbEAgndHPaUKNkdhMNYCQydPMnzhPIiZgqyiRmejcDNpNOOXzmVAifPSUehnSTufydIvVcgdRronQfrLzWvOEdJWvDQvYBR { width: 100px; height: 100px; background: url(2.png); transform: rotateZ(215deg); } .NfRdLuaHzsJehfFJdyYWFJjJMrPsidbimFEMwlHbHpTscWXGpqwoPPaodYODEeMFNSrcqaEbKgxfwYxZoWmBwLWRMUAEFxGjtRSp { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .dbvlQoXCwgHDuwZMudqmABWPXQHTZkPqiizYLNItHBRDjsvxLbIhFLVwaxmHiQfQdmMQctZAODjYCUzCPmXCvWgWrYVngKuNPHdF{ background-size: contain !important; } .zdtKtkoehheVHMZNVaebNlrnDcNptiIeEylRMaKMXhRNotyMNugSoVKyjItwBcKnZnEiWAxVaEwJfLdmZuZYHOJwDoSfbXPOadJL { background: url(22.png); width: 100px; height: 100px; transform: rotateZ(140deg); } h1.fsBCYfdFIhYdJRbHZIfNdDXvmnlVYELAjfWJOOKifMJHdxxwhyPINuGXSjRfCWUnzXGfrtFpzFxFoCoSuxEwrmtQedPJVCtidAUC { } .ngYqURsztIABAgXvSzIaOMGrFgspveIvtkcyvQVsjRyRyGnzFLFaBcAIXDqxPvOkfkawQsbWprQqkPisCfSOurfiwIxOjMnaZJCD { gap: 19px; /* align-items: center; */ padding-top: 10px; width: 100%; } .ngYqURsztIABAgXvSzIaOMGrFgspveIvtkcyvQVsjRyRyGnzFLFaBcAIXDqxPvOkfkawQsbWprQqkPisCfSOurfiwIxOjMnaZJCD .nJcBxHImEusQPqYDbzgsLmuVBSLOGUtLHprrPDpBvNjhxSujdNNVgmlCoKflPLPeAoExaHqvMcGtPIfgTJmPuJrtmiYBMfOaqzyM span { text-align: center; } .jREAvyneZQMCWahNWXslSwfUuZMuFXTRFDLJwlXPRLkUCRKySEBdrVhKVVPKSjdWkDJNmblbbizubuKyNxHgSCFPbqazmXxiaXYZ { width: 1px; height: 60px; background: black; } .ZERGMoUehZNYVrtutHAUZGqNDZfooGYatELOAVgHRgJzFjmEYoomxWLwBAHtYwetrBSjIbKVWUdYdlvPzDzWIlLsFVTIzFkcgFTJ { width: 96px; text-align: center; } .nJcBxHImEusQPqYDbzgsLmuVBSLOGUtLHprrPDpBvNjhxSujdNNVgmlCoKflPLPeAoExaHqvMcGtPIfgTJmPuJrtmiYBMfOaqzyM { width: 170px; text-align: center; } h1.BoMHKlPZvGvRyEcBSSOtOLLPtCERBYHKDSUDfrYiXTrpleadktIYREwTlrXDjtvYrySuVIPyYIQNnjcfjrclBMSQKakMDoQLRMOc { margin-top: 40px; } .KARdSgRHkiSLpZsNzQYGgavcUgBcCuVnfAcnTsXkTDNZtwSMvBdzZvkjdzptmNGTjdVbvccChFJPYAqYiDREBVNRmyfitiYOjPKm{ } .KARdSgRHkiSLpZsNzQYGgavcUgBcCuVnfAcnTsXkTDNZtwSMvBdzZvkjdzptmNGTjdVbvccChFJPYAqYiDREBVNRmyfitiYOjPKm .SStvlQWBpOZukbiXHGeYSbUvjOnOkkndJhmpoiskswBJyWmLHeqRiRoAxVnxuPrjRXWTZSPTfJWZnzgQPMAHEBZWKeBholPjlwoB{ font-family: 'Font2'; font-size: 30px; } .KARdSgRHkiSLpZsNzQYGgavcUgBcCuVnfAcnTsXkTDNZtwSMvBdzZvkjdzptmNGTjdVbvccChFJPYAqYiDREBVNRmyfitiYOjPKm .ITwhwXxKSAzPIDpDxaNQgxCzKAFHwtKnECuWhimcQPxUZvcIbnZfFdcBRZxyEOepoRSEMEvkXCsgyipUUQUweZIvSdDyYYFlUIOt{ width: 25px; height: 1px; background: black; margin-left: 10px; margin-right: 10px; } .KARdSgRHkiSLpZsNzQYGgavcUgBcCuVnfAcnTsXkTDNZtwSMvBdzZvkjdzptmNGTjdVbvccChFJPYAqYiDREBVNRmyfitiYOjPKm .nRPGziSTviMdOqZkTnaXhyfzfIsJbzaTFOqwgJRhFbJxAAORDOQSybWzuFixFNulFTqStUxKUDCyhfNKoEzFCieqMlTbHfHKkuPh{ /* font-family: 'Font2'; */ font-size: 20px; width: 128px; } p.qAFahgpLFcwMUymPlazBWRofwNfuHQUbatWGsRKbCCUPwESAeJIHUwKAARwDYOqAgJVIKXXAeTNXtxFWQdqTgGqcqfYaYnfOHqWd { margin: 0; text-align: center; padding: 5px; } .KnOkBhRfKKZNzFrtwZmqqMTPVZTuyrPgyvNrTUAEZwPbCLRARyYSSwNMbcelkMcScwHFTEqQapNsFIqXWaPMkhVRSCPzpXNDqtAW { background: url(5.png); width: 200px; min-height: 100px; /* margin-bottom: 50px; */ } .CeCgLAlJRGiCcwyWpaEQCcxyLaWNbdQTIyBOGRWNrEJxhCwzTTZnOrNogCgMnlFcvuFQIjaIiYmSAWOFtdpiwNSibPMqALeTXlHI { 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); } .tgKSmZFHkEPCsBMsJJjcnXOWIMsgLMGxBiNvElABhjtuHyIwzfxrmkZOgpfuhvZAXQZXjgFDTGBajxsNCcQkEhGiVEaNYDacyruE { background: url(6.png); width: 200px; height: 200px; /* position: absolute; */ filter: grayscale(1); opacity: .15; margin-left: -110px; margin-top: -150px; } .RzlCiJKtoOhiMxTxrCYPNyaQyvGoldVNuhiuWDwYAwlYyHvXIxwszbZzOWAWdyPwzlavIoibYdaHQwKqlMVrJIwFZDmcAljYWeFj { background: url(6.png); width: 200px; height: 200px; /* position: absolute; */ filter: grayscale(1); opacity: .15; margin-right: -110px; margin-top: -330px; transform: rotateZ(264deg); } .eXeyoSVCLOsVzwJqEyxQeEtumXbPwhvMGuZCxzLJIjEwroOjXaZnFiTJynGwXNsLORDxVLQxKIHyoNrxhLKjvApGkUjbWExlzpQW { width: 100%; height: 1px; display: flex; justify-content: space-between; z-index: -1; } .DYmHzTNOtvkgklbUoppWiqVaKyKNQYQTNpRdCsSlMCoSYubcFAYImKMCTuorVnOuFjNviZjZEWRYJhiGSTJfuoMLEJewduEgyGCs { 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; } .RnhbbEShpztYWDsanYApzIwLMoPvYnUBVXkdMVBFnprPVHGXSHlseGgCFWsLpUVQFIxBeXqSvWBURTMxlbCFZhUnELqhEemmDoLk { 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); } } .xknALKpfvIpaOesJFIJFbUEEboMbRKOcqbhjRnuvLEsGoeLFlipGicAvCnHURCoDCaQilGgyYsHHHIPQskxXeXIetHhCRNZgBezC{ 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; */ } .JlPXsyyoMLVBbEqDaCluaRRGYVneGLUOmovEpacQPkcnFSGQeVpSyBxOYroegodKnfYRiTjbzmCHHuIMKkojlOmlAcDFiQkhzykn.hidden{ transition-property: transform; transform: translateX(-99%); } .JlPXsyyoMLVBbEqDaCluaRRGYVneGLUOmovEpacQPkcnFSGQeVpSyBxOYroegodKnfYRiTjbzmCHHuIMKkojlOmlAcDFiQkhzykn.visible{ transition-property: transform; transform: translateX(0); } .egqesliALieWRYkCmVKKXLfrBRQhXiMHhGyHNpTGyhZtzwlhjviOoSZyEYQfTrSoVrXzvGnfqzmoljkuyOqgUcbRbYDnqStpdOck.hidden{ transition-property: transform; transform: translateX(99%); } .egqesliALieWRYkCmVKKXLfrBRQhXiMHhGyHNpTGyhZtzwlhjviOoSZyEYQfTrSoVrXzvGnfqzmoljkuyOqgUcbRbYDnqStpdOck.visible{ transition-property: transform; transform: translateX(0); } .tZyKbwdLNuOigJFCxSeQUWksORXLfoAqugWneIaVrtVancqNfAPaiYAHwqQqcjgWsuXfiWHywdwyzgQyUZLgZfBpCBZdTTOPdbFL.hidden{ transition-property: scale; scale: 0; } .cGgSmajZuIccwPrMYyyaDQdPixQMwNArzEmEEPRhulpKZoeSftzdPUfBaUURSYKJZSsIixJxisBwhLORVGIhihWcwRwFcZLhaizA.hidden{ transition-property: scale; scale: 0.5; } .tZyKbwdLNuOigJFCxSeQUWksORXLfoAqugWneIaVrtVancqNfAPaiYAHwqQqcjgWsuXfiWHywdwyzgQyUZLgZfBpCBZdTTOPdbFL.visible{ transition-property: opacity, scale; scale: 1; } .cGgSmajZuIccwPrMYyyaDQdPixQMwNArzEmEEPRhulpKZoeSftzdPUfBaUURSYKJZSsIixJxisBwhLORVGIhihWcwRwFcZLhaizA.visible{ scale: 1; } .nZpqHRbPOcIvXVbAbuDGJqNPZcHUMcZirFqChJxOpCJJIZABivXQgvHhOaZagAVBHMbOWoWpsBpRttVQEgBTMWkfqwlBkUMMvWQB.hidden{ transition-property: transform, opacity; transform: translateY(99%); } .nZpqHRbPOcIvXVbAbuDGJqNPZcHUMcZirFqChJxOpCJJIZABivXQgvHhOaZagAVBHMbOWoWpsBpRttVQEgBTMWkfqwlBkUMMvWQB.visible{ transform: translateY(0); } .oSZjQwbEAgndHPaUKNkdhMNYCQydPMnzhPIiZgqyiRmejcDNpNOOXzmVAifPSUehnSTufydIvVcgdRronQfrLzWvOEdJWvDQvYBR.hidden{ transition-duration: 2s; transform: rotateZ(255deg); } .oSZjQwbEAgndHPaUKNkdhMNYCQydPMnzhPIiZgqyiRmejcDNpNOOXzmVAifPSUehnSTufydIvVcgdRronQfrLzWvOEdJWvDQvYBR.visible{ transform: rotateZ(215deg); } .zdtKtkoehheVHMZNVaebNlrnDcNptiIeEylRMaKMXhRNotyMNugSoVKyjItwBcKnZnEiWAxVaEwJfLdmZuZYHOJwDoSfbXPOadJL.hidden{ transition-duration: 2s; transform: rotateZ(90deg); } .zdtKtkoehheVHMZNVaebNlrnDcNptiIeEylRMaKMXhRNotyMNugSoVKyjItwBcKnZnEiWAxVaEwJfLdmZuZYHOJwDoSfbXPOadJL.visible{ transform: rotateZ(140deg); }