/* 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) { .IITKTZaPNxrrCZtMFlPbZZpilndbVgNFTBAVHhATeqoUYxrPWSWaOXMnStzFzdMYYienKrpteuerlPWoCWmemQOZXKiygfzCqTws{ width: 100%; } .nuCuJvTGrRSgYFaxUkFMUkCjDTWAwUFsgqkQYuhupYioSdtnInQGRxeSTrxPNeyZwzrtOzgdVhHZebUceDQjTLJsxdrfWJTVsxUi{ width: 600px; } } @media (min-width: 600px) { .IITKTZaPNxrrCZtMFlPbZZpilndbVgNFTBAVHhATeqoUYxrPWSWaOXMnStzFzdMYYienKrpteuerlPWoCWmemQOZXKiygfzCqTws{ width: 450px; } .nuCuJvTGrRSgYFaxUkFMUkCjDTWAwUFsgqkQYuhupYioSdtnInQGRxeSTrxPNeyZwzrtOzgdVhHZebUceDQjTLJsxdrfWJTVsxUi{ width: 450px; } } html{ overflow-x: hidden; } body{ margin: 0; padding: 0; background-color: #fff; display: flex; justify-content: center; font-family: Font2; } .IITKTZaPNxrrCZtMFlPbZZpilndbVgNFTBAVHhATeqoUYxrPWSWaOXMnStzFzdMYYienKrpteuerlPWoCWmemQOZXKiygfzCqTws { align-items: center; justify-content: flex-start; overflow-x: clip; position: relative; } .MrErzTpQIddJmiQhoPaDjyOEehFywmFmQnbNgQscGdNJgstbkfmEjqGwgSpzFuQYeHiQTojEsjGDbcUnzvkiXgQAkfKNgTJjVtKB{ display: flex; } .sWeXgCpAhIHjtOVgdfRkSWlIDJBrHCYnHubNfDbtHWtNofpYRHzCVFBNVwKeGfXiNNksEfamRBmyLutmObbkPYBcZiKTIVqNYPdt{ align-items: center; } .tcenter{ text-align: center; } .KpUDmhrkOCVHgugEBJIfXRRoadFHRKiUIBxZdRpsbyNTdhesKnQeSGGjayuUZjTuYHVpmEGNihtvsiNNEHHcRXqFxFYpKFZTqSBU{ justify-content: center; } .between{ justify-content: space-between; } .around{ justify-content: space-around; } .QITwJJelblvXFOMQqhxHENlTPkZxAmShdzzYRqlUuRmRGFBDLWibSripJlmcadWZtpYuTLzpPqHTYdogqKmQQtSLxyuddRYDMHPz{ flex-direction: column; } .BFOhjuIKRaKBhdNQjIHsAojpXboZrrMjDRsYmkebkZKPYUyUmyHqMgGdThXhXWngRGjglDGHHMSwQpFfGLlvpvnVAlVIzmwKNUgS{ flex-direction: row; align-items: center; } .HnHtWNAFLAeHGqMTVJFLJfDuwzPGgnIfreOSQoexxqAWMZPZZShBwkbavLtkAkNLIaMgwOsTPQGhyamjvOoHjNBAUApdpzaUsBjY{ width: 100%; } .h{ height: 100vh; } /* flex */ /* FadersIN */ .rIHZLFKEbDbFSMNjSRbgFhnRHSCGpLymISmGbAOSAYfAovyPhdQDKGqwulOTQWjRcbIIPyhoikRhmmwhVjVZdfKAjiDblaFMWdtL h1 { font-weight: 500; font-size: 51px; margin: 0; text-align: center; height: 53px; } h1 { font-family: 'Font1'; font-weight: 500; } .uhShEyPPoWtQmAtwfHsKitjNXVaAFnKdOINNTXqxyXfGEYKkXzgkBonrUhlamDHsNyxAZFTyQTiUQcIyKzupjKNSWzJFdtppGYcr {} .uhShEyPPoWtQmAtwfHsKitjNXVaAFnKdOINNTXqxyXfGEYKkXzgkBonrUhlamDHsNyxAZFTyQTiUQcIyKzupjKNSWzJFdtppGYcr { 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; } .nuCuJvTGrRSgYFaxUkFMUkCjDTWAwUFsgqkQYuhupYioSdtnInQGRxeSTrxPNeyZwzrtOzgdVhHZebUceDQjTLJsxdrfWJTVsxUi { 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.lUoaCvbsfkbETHHJVBBtLuonnddyqjAQgUeIYDcHOOXEZmpvxzjLGtGWpCZDzCPitOXxkEtSZOSpRnvdOaWnwboDOyUAzNAgCgGy {} h3.lUoaCvbsfkbETHHJVBBtLuonnddyqjAQgUeIYDcHOOXEZmpvxzjLGtGWpCZDzCPitOXxkEtSZOSpRnvdOaWnwboDOyUAzNAgCgGy { font-size: 13px; margin-bottom: 20px; } .WQkDHfWyEcCdSjJOzUPOUqFuNgmyKvVXlirJWjYFlGwxiuOXHKJLvAmVJEkjKzLplOpOHueyabylNyyGLppmSYjuraDPmtakWcXo{ 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; } .dNWoPPizIyLzzinsGwPvpNUckNBLbJRpTpSCTaRnlxoMipCRRFapYdKxpxoPVjrzrAfQnYsPEmHEVWLDzAiVFgGHpyIqLYuNyFGr .KpUDmhrkOCVHgugEBJIfXRRoadFHRKiUIBxZdRpsbyNTdhesKnQeSGGjayuUZjTuYHVpmEGNihtvsiNNEHHcRXqFxFYpKFZTqSBU{ align-items: center; display: flex; } .dNWoPPizIyLzzinsGwPvpNUckNBLbJRpTpSCTaRnlxoMipCRRFapYdKxpxoPVjrzrAfQnYsPEmHEVWLDzAiVFgGHpyIqLYuNyFGr .EEqMNqfVuSudMkRiNohMGQLTJDUYlTUssXgwmbNRsxSoKtuJpulutHmCmxFKRiZgDolohFivZHnSWQzVXrTxFbSDpYjleLZJMYxo{ font-size: 33px; font-family: 'Font3'; margin-top: 7px; } .spjlzKUcboPBziYMsKEuVgZrtvohVcGcMmaKhwpUXZEuBHpuxfizUeNPPCaOUhAuXrhkghRkIppMywcudDaeQOKuNePmpEXUfhUO.WQkDHfWyEcCdSjJOzUPOUqFuNgmyKvVXlirJWjYFlGwxiuOXHKJLvAmVJEkjKzLplOpOHueyabylNyyGLppmSYjuraDPmtakWcXo { font-size: 14px; font-family: 'Font3'; } .aDybURqFzALamhIBPFYKWgVImBPEOUzAQLFGeAmRGJTyaTVrOHrRSqjqYjzcUGnQiAAAPfRwKRWDnEVxsgWaKqOpwHxydmrSoVBd { font-size: 14px; } .VRyaBZRsYCrChIODRiirXVdgDivVOJCmUcuBDnPzbpUVhcJgZjPawPFYOaHtOjsMTnfbURmRUIevQftlUfmgXxGfbreEYEOYYIVB {font-size: 20px;} h1 {font-size: 42px;margin-top: 10px;margin-bottom: 5px;text-align: center;} p.TBXeuANWuwCvLojzzzGIGyEGarMQNXXUghzSNeNXJmuexoKqSfDyrAqNpehFNIFMHxyVtmlGNUQCTYLHeDVjoCMdtLvudKTPMzzu { text-align: center; font-size: 16px; } .dEdtrEEuMuhnJlctNFBftWUUCEMQCTdJEdMRxHWCZwudObmIJUIiYCmEuEbTOmUuPOvZdWAKlZEQSOUfEqrJhNZIjtbLcZkAQjNs { background: url(calendar.png) no-repeat; width: 100%; min-height: 150px ! important; background-size: contain; background-position: center; } .UFPduVOnMrFLBAdnloyYwzywxRNXZJmklbDvxExIWmDeXgqynMNyPFIFjYtYmGjjONHjLfeiZacXgXTewyCIMYpWKxeUUcQcntOz .aDybURqFzALamhIBPFYKWgVImBPEOUzAQLFGeAmRGJTyaTVrOHrRSqjqYjzcUGnQiAAAPfRwKRWDnEVxsgWaKqOpwHxydmrSoVBd {font-size: 41px;margin: 0;display: flex;justify-content: end;flex-direction: column;width: 100px;text-align: center;} .UFPduVOnMrFLBAdnloyYwzywxRNXZJmklbDvxExIWmDeXgqynMNyPFIFjYtYmGjjONHjLfeiZacXgXTewyCIMYpWKxeUUcQcntOz .PpsjakFbHMRoACKsARsaUYmfXOlREXOilHyileZhCjmmRLmeenLMdHykewoKbtRftTyFACEYiCstZeYpTQxVgdojECZbFQAOejfo { display: flex; flex-direction: row; height: 86px; overflow: hidden; } .qoqigSQWdFsxSwZlMZWfYsuWsjUoGCPTsywewshdJsZcYqTmUiLXFfpuAtVlPyiSUxxZcjkgnPmMhkafKObJSqjxvOurRvHJDiLl { width: 100px; height: 100px; background: url(2.png); transform: rotateZ(215deg); } .RxaTiqZYgREiNpmvSHiZKwKFttHLnKURlXhwxhYYatfOmbWurChmNDpdFEulNGNSfPSBlqsRRrgigNMWfjOlLAndDLOMatBCaSdo { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .MDbDUMfnnVoUrIGaOKliXIwyqTwuCUKNQARWcqxgxDgbeuZLWTDAAVxDlUGYTengJCNyNFoXwpnuPuAkEvWaKcgDpOTutjTfnqxs{ background-size: contain !important; } .HDemiheXtNWPkzePQvfMqJwuXIvRaNqQxPnRQrkojBOSqHXxHtbQDGqIELlkPkTcQCWYNNwykQaDkGGRNnGzEdXyyDDtjmukNvUY { background: url(22.png); width: 100px; height: 100px; transform: rotateZ(140deg); } h1.yMTegVAstbVFuAfKBmGipBqCMcYXhLrASrBlJVYstrKCHKlXMruWYvZbYMsziySlSXzqkQGwqSDcVtXzdLdyXXhlFvCdIayUZaxf { } .SlLlxKIZTvRSWHjQFJIOrmIUzMIkKsoUACuvwYYJtqeGWUbqJfJRcJOyVwYuGpsGEijwPbAZjKIeOFTjvCfgEZLuVLWoOnYGDSJR { gap: 19px; align-items: center; padding-top: 10px; width: 100%; } .SlLlxKIZTvRSWHjQFJIOrmIUzMIkKsoUACuvwYYJtqeGWUbqJfJRcJOyVwYuGpsGEijwPbAZjKIeOFTjvCfgEZLuVLWoOnYGDSJR .l span { text-align: center; } .HEbFACwXeAzJBDgFkWjHvpXcovBMupLQFnKrDiesHbflHblKJvvygAGBSPYcWhHftjBQCxYpGccFVYaRQeDFlOAVPavFOElHDqGM { width: 1px; height: 60px; background: black; } .f { width: 96px; text-align: center; } .l { width: 170px; text-align: center; } h1.hGxVAKMgFuaQIyeKBuIJxYmxZgzNaVMEQXZxWncSYYpXSlOEyDZNRhoqKbCCxcDVNRPhULelOOpyaiKhhRfLSXunONtPbGxvsJLh { margin-top: 40px; } .NkuIKfwRJXabyZfcGHaneRjZeBLaZTJuTJQQQGHVIKmyPcYzaBuaBGeYlIqtsvDmyWMXuuYpBxaSBHpabQPUluiPlCRhUGLEelpX{ } .NkuIKfwRJXabyZfcGHaneRjZeBLaZTJuTJQQQGHVIKmyPcYzaBuaBGeYlIqtsvDmyWMXuuYpBxaSBHpabQPUluiPlCRhUGLEelpX .TXEBFJhhtCvwWcYupFALTNXLTstvEaKDeVGxiybmYVaHohvGyNVKYItOALXAZVCxgLrIPuWuVklmxAbgAaskPuSMCqLKXsqroLgZ{ font-family: 'Font2'; font-size: 30px; } .NkuIKfwRJXabyZfcGHaneRjZeBLaZTJuTJQQQGHVIKmyPcYzaBuaBGeYlIqtsvDmyWMXuuYpBxaSBHpabQPUluiPlCRhUGLEelpX .jVngWqTdSjQCmFQLteyWUoQNeHhnUttXucQtTJlEYSnLwnsdpqCbaRMnAZeWJHZPXqCQWfktxsyTmuoqwpBjXdjKSooVruJRMiuX{ width: 25px; height: 1px; background: black; margin-left: 10px; margin-right: 10px; } .NkuIKfwRJXabyZfcGHaneRjZeBLaZTJuTJQQQGHVIKmyPcYzaBuaBGeYlIqtsvDmyWMXuuYpBxaSBHpabQPUluiPlCRhUGLEelpX .PpsjakFbHMRoACKsARsaUYmfXOlREXOilHyileZhCjmmRLmeenLMdHykewoKbtRftTyFACEYiCstZeYpTQxVgdojECZbFQAOejfo{ /* font-family: 'Font2'; */ font-size: 20px; width: 128px; } p.RgymXkEYNCtKSzdfKEFaAdhyimbgdsMUryORHVBKaQSSyfpSiEDitYVnlzEJUocPLJSfgIMGnpxqrTqKptxmEExCVsEpxAYdpujP { margin: 0; text-align: center; padding: 5px; } .iTcMtjNvzhrfzaRaidPEoUwMPxTetYPfDxEOscwjQUBQLdUIywVjHjrHQPuNAZOLRLwbLojZAJUswMNawQrhHWBkyuNWicWUZXxg { background: url(5.png); width: 200px; min-height: 100px; /* margin-bottom: 50px; */ } .mAOEvUYhwmcGkPYoRROTSldKKnskkkmfxwqezXQUwYCEZmxpXlTftLrccsxyUQZwrlJEtoDEJsAMMqtdznCBggAqWIVucqUQbIZn { 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); } .oDoDdgqucFoEddxAjafCAeySFZYPWxWcjhNuhIfqGxTitxIVIMhDvjWTizKKMvXcwTEwlYjqdDXSLJpXRurPcpFVegPBshquiiut { background: url(6.png); width: 200px; height: 200px; /* position: absolute; */ filter: grayscale(1); opacity: .15; margin-left: -110px; margin-top: -150px; } .RiKTrZkAQfBRSeFtFmUnupNgIPipdVuSKTSnFivMbMZeYfQxXDqOtAvjKepMhTmfWLJUBFOikHrPsTYgjjhYnbCAaxROZtriiFRN { background: url(6.png); width: 200px; height: 200px; /* position: absolute; */ filter: grayscale(1); opacity: .15; margin-right: -110px; margin-top: -330px; transform: rotateZ(264deg); } .KAAWBYhRrVWunKMPLTasMowEZsUWUaxEiXWABhsZlBxzDFnRTAsxBVPFCEcggKmKiBEdRDGBgzQVyYeRupXgFvwKTshfowDEsncR { width: 100%; height: 1px; display: flex; justify-content: space-between; z-index: -1; } .QTCOIAhpWEwnybQkcBGRfUhQvHRgIbniYbLGvksJirExCNzPcAfOChyGXwZBnMZxjCSUcIDzVRdKaRhXDWmjlFcCTqZvFVZIuUrq { 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; } .knQfVYZxArsECZZHaBPwiqyREGnPbuNQLALUBIgFKpKBqxjIarXMOpAriUOZjEWIzyrrXRXfSXXeWHtxXjRqyopSEMeLzNnIOqHA { 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); } } .xKbsXlvmxJZEBXPnXEiftMSTnCSkdhjImFRJvwDFVpShJlzoBETTRxFmTFcQtclOeLlBmTxzKQezgmjMEXPYwiVpafgrUoZhlBTx{ animation: roll 5s linear infinite alternate; } @keyframes roll{ from{ transform: rotateZ(0deg); scale: 1; } to{ transform: rotateZ(3deg); scale: 1.05; } } .zGMPzEZFUwsMtXyQjIwdmcDTZFcykSMeIeYsieSdCVAGLWtDxSspqATZHQbawbiZVJtVysDLWdQxvLdDGTkzovntPlmtWmmypdmX{ transition-duration: 2s; transition-property: opacity, transform, scale; opacity: 0; } .visible{ opacity: 1; /* transition-property: opacity; */ } .muIEqLPEsUHTWpCeLmrhnqPygBufzITSphMtKbcKPDoYuGpepxlwtpoVxhLNczKWyMLIcpYkqOVmehpcNAyUeeTeXDrtFDeOwGqo.zGMPzEZFUwsMtXyQjIwdmcDTZFcykSMeIeYsieSdCVAGLWtDxSspqATZHQbawbiZVJtVysDLWdQxvLdDGTkzovntPlmtWmmypdmX{ transition-property: transform; transform: translateX(-99%); } .muIEqLPEsUHTWpCeLmrhnqPygBufzITSphMtKbcKPDoYuGpepxlwtpoVxhLNczKWyMLIcpYkqOVmehpcNAyUeeTeXDrtFDeOwGqo.visible{ transition-property: transform; transform: translateX(0); } .ukkTGcVLKHfjdBJrvxkUiLKIlImvARmpPMFUbhvdNaDhJFpiatHIKRZzJXyVokxqpbNMciXOkCPzVNBHyRtMjKMglvAXMQHkTvXj.zGMPzEZFUwsMtXyQjIwdmcDTZFcykSMeIeYsieSdCVAGLWtDxSspqATZHQbawbiZVJtVysDLWdQxvLdDGTkzovntPlmtWmmypdmX{ transition-property: transform; transform: translateX(99%); } .ukkTGcVLKHfjdBJrvxkUiLKIlImvARmpPMFUbhvdNaDhJFpiatHIKRZzJXyVokxqpbNMciXOkCPzVNBHyRtMjKMglvAXMQHkTvXj.visible{ transition-property: transform; transform: translateX(0); } .IpcZUnwLbPDYhgmcEciqvRftNWDjMRWDyvKncWEHxYRsUlavBlckOfswRUljgVzpfuAxkYGwFGCaLBRIvvcPKHXmgJjAcZEdkeDg.zGMPzEZFUwsMtXyQjIwdmcDTZFcykSMeIeYsieSdCVAGLWtDxSspqATZHQbawbiZVJtVysDLWdQxvLdDGTkzovntPlmtWmmypdmX{ transition-property: scale; scale: 0; } .DutwRzPbKSoKQlKhnkLPUDdJRcoOFIgTjovPOxIXXRpyQrxAXpXsWNXaaNzAPUCQaZBZThlMQJgBHCtDfxsWDjWUTLlxXMwcMXPs.zGMPzEZFUwsMtXyQjIwdmcDTZFcykSMeIeYsieSdCVAGLWtDxSspqATZHQbawbiZVJtVysDLWdQxvLdDGTkzovntPlmtWmmypdmX{ transition-property: scale; scale: 0.5; } .IpcZUnwLbPDYhgmcEciqvRftNWDjMRWDyvKncWEHxYRsUlavBlckOfswRUljgVzpfuAxkYGwFGCaLBRIvvcPKHXmgJjAcZEdkeDg.visible{ transition-property: opacity, scale; scale: 1; } .DutwRzPbKSoKQlKhnkLPUDdJRcoOFIgTjovPOxIXXRpyQrxAXpXsWNXaaNzAPUCQaZBZThlMQJgBHCtDfxsWDjWUTLlxXMwcMXPs.visible{ scale: 1; } .bXxXwlNWmxkUNBkBZXdkJWTuXZQzpBPzsSnuRystNABxpAvZmiQryyBurZotJYsdANWqGPPRIKTkluYXUMvPfyJoEjwzHJuntBex.zGMPzEZFUwsMtXyQjIwdmcDTZFcykSMeIeYsieSdCVAGLWtDxSspqATZHQbawbiZVJtVysDLWdQxvLdDGTkzovntPlmtWmmypdmX{ transition-property: transform, opacity; transform: translateY(99%); } .bXxXwlNWmxkUNBkBZXdkJWTuXZQzpBPzsSnuRystNABxpAvZmiQryyBurZotJYsdANWqGPPRIKTkluYXUMvPfyJoEjwzHJuntBex.visible{ transform: translateY(0); } .qoqigSQWdFsxSwZlMZWfYsuWsjUoGCPTsywewshdJsZcYqTmUiLXFfpuAtVlPyiSUxxZcjkgnPmMhkafKObJSqjxvOurRvHJDiLl.zGMPzEZFUwsMtXyQjIwdmcDTZFcykSMeIeYsieSdCVAGLWtDxSspqATZHQbawbiZVJtVysDLWdQxvLdDGTkzovntPlmtWmmypdmX{ transition-duration: 2s; transform: rotateZ(255deg); } .qoqigSQWdFsxSwZlMZWfYsuWsjUoGCPTsywewshdJsZcYqTmUiLXFfpuAtVlPyiSUxxZcjkgnPmMhkafKObJSqjxvOurRvHJDiLl.visible{ transform: rotateZ(215deg); } .HDemiheXtNWPkzePQvfMqJwuXIvRaNqQxPnRQrkojBOSqHXxHtbQDGqIELlkPkTcQCWYNNwykQaDkGGRNnGzEdXyyDDtjmukNvUY.zGMPzEZFUwsMtXyQjIwdmcDTZFcykSMeIeYsieSdCVAGLWtDxSspqATZHQbawbiZVJtVysDLWdQxvLdDGTkzovntPlmtWmmypdmX{ transition-duration: 2s; transform: rotateZ(90deg); } .HDemiheXtNWPkzePQvfMqJwuXIvRaNqQxPnRQrkojBOSqHXxHtbQDGqIELlkPkTcQCWYNNwykQaDkGGRNnGzEdXyyDDtjmukNvUY.visible{ transform: rotateZ(140deg); }