/* 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) { .ocHhmVPtswVgONcIwxsLczzwzhHtlimMBJePkintIbNCJeMrXJvuvCXZyjlCnRblJbcCkyezYnRurlpNhqJcmojNUBIVCgJNuvyF{ width: 100%; } .zFqPVdjFlIAhqnNlgDOjqJaRoWWqmdKXRczORiBZrwAIBIvLQUCWhSTjqJdVXTHzpQhZTUGnClHqvbLUGbvwjBUtiStdlIhFPrHu{ width: 600px; } } @media (min-width: 600px) { .ocHhmVPtswVgONcIwxsLczzwzhHtlimMBJePkintIbNCJeMrXJvuvCXZyjlCnRblJbcCkyezYnRurlpNhqJcmojNUBIVCgJNuvyF{ width: 450px; } .zFqPVdjFlIAhqnNlgDOjqJaRoWWqmdKXRczORiBZrwAIBIvLQUCWhSTjqJdVXTHzpQhZTUGnClHqvbLUGbvwjBUtiStdlIhFPrHu{ width: 450px; } } html{ overflow-x: hidden; } body{ margin: 0; padding: 0; background-color: #fff; display: flex; justify-content: center; font-family: Font2; } .ocHhmVPtswVgONcIwxsLczzwzhHtlimMBJePkintIbNCJeMrXJvuvCXZyjlCnRblJbcCkyezYnRurlpNhqJcmojNUBIVCgJNuvyF { align-items: center; justify-content: flex-start; overflow-x: clip; position: relative; } .JdlkNEKFEmfdONayqWMMIqUQDFMpJyyNoqQvwLiugwkYCWVZhnRXxvTRMsDxsCHeElyTHZKJKwioQFroaGSRvAgqMluxNKgdRiXl{ display: flex; } .zTsocAxFjfaJhJiyDsrYvfQcNSGQTtChxNmwOwylTndYincQRHrOcWHCfZDEzqpfAsGEWZxqKTknxdnbkUPatkSVMJUxBXXLbwvJVLmyDaYAlCYzbUUlpJNiaqtfwVwNUTOxWwemXYuKcVhjYqWwzgHmBjcoCDHqsRLmiNmiYtuioMtJifzMbJfzGDdgwXDPcerSoqk{ align-items: center; } .tcenter{ text-align: center; } .rlHZqKJAsclbLuGuItKKXXBgXBmGQlaNAJbvpnkbYMbSwGQGTUfLjODcQzOJkwKqUuXZHXAuzetJrwvlARXzXPdqznJzIdUGBwVS{ justify-content: center; } .between{ justify-content: space-between; } .around{ justify-content: space-around; } .DyrnFGKDnvLQkdpwvyaagjvoGiHkmIVyqisoBAepbcKBQVzGuznFEGnGkwXhfisGYwqObAWNIEBiIkPEFwvwjaQKgaUTPRDhulSO{ flex-direction: column; } .WCjxxpIqxiVWbtLjbufPNimIQsGPTJtCFLJlngTGyyhAKstuVhBBVevweOUpueigapmowwFKOaDirtaesCDfTtvkfhoUUANoVflG{ flex-direction: row; align-items: center; } .zTsocAxFjfaJhJiyDsrYvfQcNSGQTtChxNmwOwylTndYincQRHrOcWHCfZDEzqpfAsGEWZxqKTknxdnbkUPatkSVMJUxBXXLbwvJ{ width: 100%; } .h{ height: 100vh; } /* flex */ /* FadersIN */ .BtbvJBTDIpsYYrUUXYFkkPHFvHFiAMozIqcfbMAWAHmKMoHaaCaEgjXkKejbxugHArVkTOGtDkvcwyHhEMizTtIcbhMNnubOFfGG h1 { font-weight: 500; font-size: 51px; margin: 0; text-align: center; height: 53px; } h1 { font-family: 'Font1'; font-weight: 500; } .nNoiHJTWzIAMEVXNJGNrDUrwWuPQzcVZMZGNcElshXyLlTxALNufmGAbqDsUYVodDewjuPyiQVSoiNoJJkmbHlMkoBIryaNspdRX {} .nNoiHJTWzIAMEVXNJGNrDUrwWuPQzcVZMZGNcElshXyLlTxALNufmGAbqDsUYVodDewjuPyiQVSoiNoJJkmbHlMkoBIryaNspdRX { 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; } .zFqPVdjFlIAhqnNlgDOjqJaRoWWqmdKXRczORiBZrwAIBIvLQUCWhSTjqJdVXTHzpQhZTUGnClHqvbLUGbvwjBUtiStdlIhFPrHu { 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.qNwWefDoEJVIczcIMHODVyXQAuXUrcSXrdmIRkjrolbalPvnMasDPJOJGJWyQXMvjCSnKybYWXjcutPsnqNXADowUPMktiySSvaj {} h3.qNwWefDoEJVIczcIMHODVyXQAuXUrcSXrdmIRkjrolbalPvnMasDPJOJGJWyQXMvjCSnKybYWXjcutPsnqNXADowUPMktiySSvaj { font-size: 13px; margin-bottom: 20px; } .jEpZYYquVJtzCDnlUGmUMENFTAZPrPluOvlsMeQIufIZHiiwTPYHbWiHnunwXiZYGCkvGdMWeoBYrmhiPgDpyuowdaAPaXCTfdUG{ 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; } .OWDmrloSuHarzuylRQRnydtSitrQwibzmQVvMEbnjTnNguoYxlqTdbnFQIXhBrNJJghTOHLBaYlymbebTlwmrukPulotdFfqqiwn .rlHZqKJAsclbLuGuItKKXXBgXBmGQlaNAJbvpnkbYMbSwGQGTUfLjODcQzOJkwKqUuXZHXAuzetJrwvlARXzXPdqznJzIdUGBwVS{ align-items: center; display: flex; } .OWDmrloSuHarzuylRQRnydtSitrQwibzmQVvMEbnjTnNguoYxlqTdbnFQIXhBrNJJghTOHLBaYlymbebTlwmrukPulotdFfqqiwn .vuyBSKkwmqxSwuaalClmlFAhbJdmhsnskhwWDeaUAoGulbWNKDNVEbObziWmvkjDdIMWkhfbsoCGsxqqOtOYZGASkwRlNbSaTSoK{ font-size: 33px; font-family: 'Font3'; margin-top: 7px; } .cebdrZFaILGelvWhCKnoJsrbXTGQITGSvzBwOLbpIMGNZNCSOlGWgnKbNaktDSwbKmyNlfTBUpssncZXzuvBCxgHretTJmihvYPJ.jEpZYYquVJtzCDnlUGmUMENFTAZPrPluOvlsMeQIufIZHiiwTPYHbWiHnunwXiZYGCkvGdMWeoBYrmhiPgDpyuowdaAPaXCTfdUG { font-size: 14px; font-family: 'Font3'; } .ycHerfCMDDHgNxOmKCdMmlLoSMzGynGHIlaftMengeCmdtceeSHqJyhlIGCatJZMNQLLLmCZePHckZSUbCZEezfdSqNKFXQPtjYG { font-size: 14px; } .KGwryYpLWFEbanhgMMSUeXSMLYjnRnodcCNWWPTmokqUUDxdcUshOwYjdlFHmSQfzuMrhIMmaDKFIqwNnCROjlsrGItGpMFvIsst {font-size: 20px;} h1 {font-size: 42px;margin-top: 10px;margin-bottom: 5px;text-align: center;} p.zTsocAxFjfaJhJiyDsrYvfQcNSGQTtChxNmwOwylTndYincQRHrOcWHCfZDEzqpfAsGEWZxqKTknxdnbkUPatkSVMJUxBXXLbwvJjwdAZkptJcFoUYdyktdaoqSGVnhspobjRTsXtakKdmToEqQYYGRVsAOQjYwyLMZzEsQaFSAXeamJhVGVjKvSWAMDrOGGiBdBSnn { text-align: center; font-size: 16px; } .WUHcRxdXpLytLjzhnhVQUQYHJHYbiMeDJHwuReSdWoisTzIkCFFHYvDwnENvBSnhxnFmAMkxXWixHOiocIaIoeKxhQbxdfqXJEKA { background: url(calendar.png) no-repeat; width: 100%; min-height: 150px ! important; background-size: contain; background-position: center; } .QACIRCZyvFyzNNImsmSzfhChzJpiuSEYvGVgRVjTrMpVePEbdieHUgdZhHQjoHetCTKAUgKMZVgZOjuVnPJEQwDQGanMNSHMvRYO .ycHerfCMDDHgNxOmKCdMmlLoSMzGynGHIlaftMengeCmdtceeSHqJyhlIGCatJZMNQLLLmCZePHckZSUbCZEezfdSqNKFXQPtjYG {font-size: 41px;margin: 0;display: flex;justify-content: end;flex-direction: column;width: 100px;text-align: center;} .QACIRCZyvFyzNNImsmSzfhChzJpiuSEYvGVgRVjTrMpVePEbdieHUgdZhHQjoHetCTKAUgKMZVgZOjuVnPJEQwDQGanMNSHMvRYO .kKrLjhQYyNJJpjbiRjcgGeaMnKZEFLEbOLwTSdRpIiQDzqUkxDItxLNYaxeclAMfmHYUDFNqbXGmBnnPXUuUPgjmthGteLOxwqHd { display: flex; flex-direction: row; height: 86px; overflow: hidden; } .uVUKqzMWgFKeFlFLpEJbPwALDXNAOfQllSnxTmYphxexbScjFXJDQmgPAzmEVBUXDdmDQIRYzJwtnmjumKTdbZstLSNTDHUkWKwc { width: 100px; height: 100px; background: url(2.png); transform: rotateZ(215deg); } .zTsocAxFjfaJhJiyDsrYvfQcNSGQTtChxNmwOwylTndYincQRHrOcWHCfZDEzqpfAsGEWZxqKTknxdnbkUPatkSVMJUxBXXLbwvJibNaRreKNUyRJTphJUWktAgfeEnXcwDXFopwwPUKTEoptHUTHZnyyEBylcRoEwZGaaDjJBjVBVAxONynHuBZsChaHBazusZDLHc { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .iVYdqhEOWnCXOrFpidVJSIeCNiKGLOxBXfWWApdkqMXaHUeRpXjQlcbDmlNqyOkTKAnCdKMXhCGIFsxICktbwlxhCREQJINCLPKV{ background-size: contain !important; } .EyjRjSdrNAtowwcyMrxzQQiDqHVkCUBfeWhoPQHrgawDBEdJsObfPFRSWLmvbNebKTTtVLtAGyVBaaVyDorrwVaCvgKGDYFnmZYt { background: url(22.png); width: 100px; height: 100px; transform: rotateZ(140deg); } h1.xnAuzshneZKwWvlXZugLaRhSBmCgWITdFWPqjzpgmIwYFcZrBMuxTsTUzeNNVmNBpMIZWneMMUUgqRjkgacPGWBDjZGYRzUYLcmo { } .xhwTFsHlLrPQmFWLbpYvrZlyOBMTeVfmDiMLuZBNevQfrIFEdaSChldnjXUTNBBMPwrGVlCqJGDvxcrKrwYaVlNZvozrSwZHXpxj { gap: 19px; /* align-items: center; */ padding-top: 10px; width: 100%; } .xhwTFsHlLrPQmFWLbpYvrZlyOBMTeVfmDiMLuZBNevQfrIFEdaSChldnjXUTNBBMPwrGVlCqJGDvxcrKrwYaVlNZvozrSwZHXpxj .hBpfpVwlQyTFxemhmgVZLbuvdHLUXRERIRbrtOgCyHPUQxRwLYStAprfFRzBVTsQGBDLguNVtjkPNzfOdooamZqRNOJlssWMoGMo span { text-align: center; } .TUquEOhdhjwQJorCxFNBrunykbiRJuBUYjSZzLpXXEvVbLoHjqPTZOdUSrYwgzdQwhQVFRnHWkoYbhcEGibwNyDTMjqcFjdWTljj { width: 1px; height: 60px; background: black; } .oPGWpFBFDYUuJnNoWNDcvTbMClYEReVnnraiXvYPsgjiKuyApCcWXtcFDemmwNOSPvPJoSYtKEojIgDbceTNaqYdhjMDXenBbtKd { width: 96px; text-align: center; } .hBpfpVwlQyTFxemhmgVZLbuvdHLUXRERIRbrtOgCyHPUQxRwLYStAprfFRzBVTsQGBDLguNVtjkPNzfOdooamZqRNOJlssWMoGMo { width: 170px; text-align: center; } h1.mcaPstcIhsxkazpIlohEFUzQAszxNFmmTFgAtVlEJAnSEwAFMfKJnMMXGQLdgyJuxJqDtXHEizPiGRnuisfOSQNKiswvUQRBxFQg { margin-top: 40px; } .myNsbvyVNkBIvumWozkcZrbqcPQBlvAqBhvnQsKUkysZFCZQbczcAsQTTmZZNZumyWGUiZCGIpxGkyAPirdjDOtXyPJwhhjbYwzG{ } .myNsbvyVNkBIvumWozkcZrbqcPQBlvAqBhvnQsKUkysZFCZQbczcAsQTTmZZNZumyWGUiZCGIpxGkyAPirdjDOtXyPJwhhjbYwzG .FkMgKUUJvezcXHRXhIOKaEPiiXUqOJBentzlBIfBntSPukxklOrDCHSFHhfYTorgqibEluZaYdQClkqEjitgQFWzJajobMxmPhwj{ font-family: 'Font2'; font-size: 30px; } .myNsbvyVNkBIvumWozkcZrbqcPQBlvAqBhvnQsKUkysZFCZQbczcAsQTTmZZNZumyWGUiZCGIpxGkyAPirdjDOtXyPJwhhjbYwzG .eocCCNADsDRZUtkqneulexuhmKmTFDyAJcKkyhuNECtRWTCMfJNXLqzkKuGKCzVbMaiwkrKOcmnakrdDHuFcWuizhxgpRYlqZxbo{ width: 25px; height: 1px; background: black; margin-left: 10px; margin-right: 10px; } .myNsbvyVNkBIvumWozkcZrbqcPQBlvAqBhvnQsKUkysZFCZQbczcAsQTTmZZNZumyWGUiZCGIpxGkyAPirdjDOtXyPJwhhjbYwzG .kKrLjhQYyNJJpjbiRjcgGeaMnKZEFLEbOLwTSdRpIiQDzqUkxDItxLNYaxeclAMfmHYUDFNqbXGmBnnPXUuUPgjmthGteLOxwqHd{ /* font-family: 'Font2'; */ font-size: 20px; width: 128px; } p.jlDCKAkhAdVxQsIyDrpXLPNdjukBOPpFLqvqivhErJRCeJIOilxXojaLoyTXRlmVvCadjzosehJGWqrjHVjAttcwMmAOVLMitSSF { margin: 0; text-align: center; padding: 5px; } .VkfTkbGavEpcoSOFEvhnvAWeYlOTpkzvdhaSZDJWtbUyeHVhSxYNCHbvoLYPDalyARUcEROOpsYmBZsZvocezPegQrdxhSbAjbls { background: url(5.png); width: 200px; min-height: 100px; /* margin-bottom: 50px; */ } .nfTGgsWHzRAdovWbeZDBfBXoRRgmyjdjzkrunAMkIDXNfcMgdAYzRurDVdfmGazdpcOQruxLrLiuYpVTOasWvZylyTRVCcyWllPK { 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); } .AKanDiZhUiGdECIadzsRKoEwGWloJMuazsLwNEkfXJbPkMFBhzMjjOVKYMqiIRTZNiPBJYcytzwVUAGdhePBmDqBcJiecvWdboOX { background: url(6.png); width: 200px; height: 200px; /* position: absolute; */ filter: grayscale(1); opacity: .15; margin-left: -110px; margin-top: -150px; } .thugyqQzIiOyxEzHeMtTgSJzoMKfHCfdzbrpcTbWJWMfhobMTzzLihRbVpoTVKwPOryvFqWROFrIMKHdryPzFWKYvoZvLSWVVvrn { background: url(6.png); width: 200px; height: 200px; /* position: absolute; */ filter: grayscale(1); opacity: .15; margin-right: -110px; margin-top: -330px; transform: rotateZ(264deg); } .kQzFvKsctyDGDALecyCJpglsfPENzomfImMeKFYYttnPPCzYmjAALHmbOJqrOnCwlUNnIoZdXhGqQaoxHjLAESJeHNaWMbpBjeuT { width: 100%; height: 1px; display: flex; justify-content: space-between; z-index: -1; } .UCFHlgFZkSJenAFoKVvoKLjKMrOzZqHuzLXwnbHVWSlLVJFrmNsejovwsuauazFropDYHQDVTgzRkxArQHmBzQHqPrFdFGlwfGXL { 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; } .rSeocKanncVttzilWCUxCLIaPhoUODXZrlANJSWQHlANZgUZJEWqIZJshcOobRCLSdLXJfiClnUIgZXIdBhcXBScXeswEmTmukPg { 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); } } .bvNuLbUHIEEhzjjcABSBnYLTmCpQDtGJuABWNFJTdWlqunIIlNNwZXjqorokyPqyAtDwlNdLTRuPJpFkrSuZuxEHEynnkHdgvTFn{ 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; */ } .FNPkeyappAyEfKDLoNxNRlFdEanicbvQaxcpbeDDWXaTyHvmMTsZkjoZYWrMqObtlnUTRlCzJUIKwoMYadQKIwROfHwRRMOQBjuT.hidden{ transition-property: transform; transform: translateX(-99%); } .FNPkeyappAyEfKDLoNxNRlFdEanicbvQaxcpbeDDWXaTyHvmMTsZkjoZYWrMqObtlnUTRlCzJUIKwoMYadQKIwROfHwRRMOQBjuT.visible{ transition-property: transform; transform: translateX(0); } .MQgczdRNTEZtqJcWDrfAKBiFIszKrNUdvbOBdkSPpVAFwfoDDaBfvxcGBqSiFvErNWrlwKLEsoIqBVeWUtjRzbTzHRxLcrZwKees.hidden{ transition-property: transform; transform: translateX(99%); } .MQgczdRNTEZtqJcWDrfAKBiFIszKrNUdvbOBdkSPpVAFwfoDDaBfvxcGBqSiFvErNWrlwKLEsoIqBVeWUtjRzbTzHRxLcrZwKees.visible{ transition-property: transform; transform: translateX(0); } .FSWFGAvFUZqjyapdwtjqYbqFqGvOYUUGmdtyzyggYvAhcZigycAaenDYPAaaTDBUocGMZcnkakKpXghCtzfkueNYfREWpvKyXluW.hidden{ transition-property: scale; scale: 0; } .kiKNzTenoDgXxCiMFCgmPRjpNDwRGlNtzfBytOmeKjrexVagVGfdLZpqyPKJlGnuWosdUyModSSoBqlVQJmmsGVUnpTdPfQRpqXO.hidden{ transition-property: scale; scale: 0.5; } .FSWFGAvFUZqjyapdwtjqYbqFqGvOYUUGmdtyzyggYvAhcZigycAaenDYPAaaTDBUocGMZcnkakKpXghCtzfkueNYfREWpvKyXluW.visible{ transition-property: opacity, scale; scale: 1; } .kiKNzTenoDgXxCiMFCgmPRjpNDwRGlNtzfBytOmeKjrexVagVGfdLZpqyPKJlGnuWosdUyModSSoBqlVQJmmsGVUnpTdPfQRpqXO.visible{ scale: 1; } .KVTxumSGHuEjyFeafMSKuDiekzwtktFcKbsrdbOGdMYVdGJBrtEoCokkPJXdEMeYnhgGHKcgVSUrsnsZpFtXkCSbFvNuNrZPoxMG.hidden{ transition-property: transform, opacity; transform: translateY(99%); } .KVTxumSGHuEjyFeafMSKuDiekzwtktFcKbsrdbOGdMYVdGJBrtEoCokkPJXdEMeYnhgGHKcgVSUrsnsZpFtXkCSbFvNuNrZPoxMG.visible{ transform: translateY(0); } .uVUKqzMWgFKeFlFLpEJbPwALDXNAOfQllSnxTmYphxexbScjFXJDQmgPAzmEVBUXDdmDQIRYzJwtnmjumKTdbZstLSNTDHUkWKwc.hidden{ transition-duration: 2s; transform: rotateZ(255deg); } .uVUKqzMWgFKeFlFLpEJbPwALDXNAOfQllSnxTmYphxexbScjFXJDQmgPAzmEVBUXDdmDQIRYzJwtnmjumKTdbZstLSNTDHUkWKwc.visible{ transform: rotateZ(215deg); } .EyjRjSdrNAtowwcyMrxzQQiDqHVkCUBfeWhoPQHrgawDBEdJsObfPFRSWLmvbNebKTTtVLtAGyVBaaVyDorrwVaCvgKGDYFnmZYt.hidden{ transition-duration: 2s; transform: rotateZ(90deg); } .EyjRjSdrNAtowwcyMrxzQQiDqHVkCUBfeWhoPQHrgawDBEdJsObfPFRSWLmvbNebKTTtVLtAGyVBaaVyDorrwVaCvgKGDYFnmZYt.visible{ transform: rotateZ(140deg); }