ul{list-style:none;margin:0;padding:0}a{text-decoration:none}img{display:block;width:100%;height:auto;max-width:100%}h1,h2,h3,p{margin:0}body{font-family:Montserrat,sans-serif}.container{max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.header{background-color:#0b0b0b80;background-image:linear-gradient(rgba(11,11,11,.5),rgba(11,11,11,.5)),linear-gradient(180deg,rgba(0,0,0,0) 77.08%,rgba(13,13,13,.19) 77.31%,rgba(14,14,14,.8) 100%),url(/project-4/assets/hero-bcg-mobile@1x-3ae0d4f1.webp)}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.header{background-image:linear-gradient(rgba(11,11,11,.5),rgba(11,11,11,.5)),linear-gradient(180deg,rgba(0,0,0,0) 77.08%,rgba(13,13,13,.19) 77.31%,rgba(14,14,14,.8) 100%),url(/project-4/assets/hero-bcg-mobile@2x-b4308b1e.webp)}}.header{background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:78px;padding-bottom:112px}@media screen and (min-width: 768px){.header{background-image:linear-gradient(rgba(11,11,11,.5),rgba(11,11,11,.5)),linear-gradient(180deg,rgba(0,0,0,0) 77.08%,rgba(13,13,13,.19) 77.31%,rgba(14,14,14,.8) 100%),url(/project-4/assets/hero-bcg-tablet@1x-a975bf78.webp);padding-top:40px;padding-bottom:183px}}@media screen and (min-width: 768px) and (min-device-pixel-ratio: 2),screen and (min-width: 768px) and (min-resolution: 192dpi),screen and (min-width: 768px) and (min-resolution: 2dppx){.header{background-image:linear-gradient(rgba(11,11,11,.5),rgba(11,11,11,.5)),linear-gradient(180deg,rgba(0,0,0,0) 77.08%,rgba(13,13,13,.19) 77.31%,rgba(14,14,14,.8) 100%),url(/project-4/assets/hero-bcg-tablet@2x-fb76ce23.webp)}}@media screen and (min-width: 1200px){.header{background-image:linear-gradient(rgba(11,11,11,.5),rgba(11,11,11,.5)),linear-gradient(180deg,rgba(0,0,0,0) 77.08%,rgba(13,13,13,.19) 77.31%,rgba(14,14,14,.8) 100%),url(/project-4/assets/hero-bcg-desktop@1x-2d9ef003.webp);padding-bottom:192px}}@media screen and (min-width: 1200px) and (min-device-pixel-ratio: 2),screen and (min-width: 1200px) and (min-resolution: 192dpi),screen and (min-width: 1200px) and (min-resolution: 2dppx){.header{background-image:linear-gradient(rgba(11,11,11,.5),rgba(11,11,11,.5)),linear-gradient(180deg,rgba(0,0,0,0) 77.08%,rgba(13,13,13,.19) 77.31%,rgba(14,14,14,.8) 100%),url(/project-4/assets/hero-bcg-desktop@2x-ea7d8238.webp)}}.header__logo{width:214px;height:180px;border-radius:214px;background:linear-gradient(136deg,rgba(196,196,196,.03) 10.75%,rgba(196,196,196,0) 92.33%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:absolute;top:-90px;left:-107px}@media screen and (min-width: 768px){.header__logo{width:359px;height:302px;border-radius:359px;top:-151px;left:-179.5px}}@media screen and (min-width: 1200px){.header__logo{width:477px;height:402px;border-radius:425px;top:-201px;left:-238.5px}}.header__logo__svg{fill:#fff;position:absolute;width:59.6px;height:29.67px;bottom:36.49px;right:24.35px}@media screen and (min-width: 768px){.header__logo__svg{width:100px;height:49.78px;bottom:61.22px;right:40px}}@media screen and (min-width: 1200px){.header__logo__svg{width:136.28px;height:67.85px;bottom:93.15px;right:62.72px}}.header__title{width:212px;margin-left:auto;margin-right:auto;margin-bottom:25px;color:#dc56c5;text-align:center;font-size:18px;font-weight:900}@media screen and (min-width: 768px){.header__title{width:353px;margin-bottom:27px;font-size:30px}}@media screen and (min-width: 1200px){.header__title{width:589px;margin-bottom:52px;font-size:50px}}.header__form{display:flex;flex-direction:column;gap:25px;align-items:center}@media screen and (min-width: 768px){.header__form{flex-direction:row;gap:30px;justify-content:center}}.header__field{width:270px;border-radius:20px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 30px;display:flex;justify-content:space-between;align-items:center}.header__search{color:#939393;font-size:16px;font-weight:400;background-color:#0000;border:none;width:196px}.header__search__icon{width:12px;height:12px;fill:#939393}.header__country{color:#939393;font-size:16px;font-weight:400;border:none;background-color:#0000;width:196px}.header__arrow__icon{width:12px;height:12px;fill:#939393}.main{background-color:#000}.event-container{display:flex;flex-wrap:wrap;-moz-column-gap:25px;column-gap:25px;row-gap:39px;position:relative;min-height:60vh;top:-36px;justify-content:center}@media screen and (min-width: 768px){.event-container{-moz-column-gap:27px;column-gap:27px;row-gap:58px}}@media screen and (min-width: 1200px){.event-container{-moz-column-gap:70px;column-gap:70px;row-gap:63px;top:-60px}}.event-item{width:128px;transition:transform .4s ease-in-out;cursor:pointer}.event-item:hover{transform:translateY(15px) scale(1.05)}@media screen and (min-width: 768px){.event-item{width:180px}}.event-img-decorate{position:relative;width:128px}@media screen and (min-width: 768px){.event-img-decorate{width:170px}}.event-img-decorate:after{content:"";display:block;width:108px;height:101px;position:absolute;right:-10px;top:-9px;border-radius:50px 0;border:1px solid rgba(220,86,197,.3)}@media screen and (min-width: 768px){.event-img-decorate:after{top:-13px;right:-14px;width:153px;height:143px}}.event-img-box{border-radius:50px 0;width:100%;height:161px;overflow:hidden;background-color:#000}@media screen and (min-width: 768px){.event-img-box{height:227px}}.event-img{-o-object-fit:cover;object-fit:cover;height:100%}.event-name{text-align:center;font-size:14px;font-weight:700;color:#dc56c5;margin:3px 0}@media screen and (min-width: 768px){.event-name{font-size:16px}}.event-date{text-align:center;font-size:14px;font-weight:400;color:#fff;margin-bottom:3px}@media screen and (min-width: 768px){.event-date{font-size:16px}}.event-place-box{justify-content:center;display:flex;gap:3px;align-items:baseline}.event-place{font-size:12px;font-weight:600;color:#fff}@media screen and (min-width: 768px){.event-place{font-size:14px}}.event-empty{background-color:transparent;border:2px solid #212121;border-radius:100px 0;padding:40px 15px;margin-top:15%;text-align:center}@media screen and (min-width: 1200px){.event-empty{border:none;margin-top:10%}}.event-empty-img{width:150px;display:block;margin:0 auto}@media screen and (min-width: 768px){.event-empty-img{width:185px}}@media screen and (min-width: 1200px){.event-empty-img{width:235px}}.event-empty-text{color:#dc56c5;font-weight:500;font-size:25px;text-transform:uppercase}@media screen and (min-width: 768px){.event-empty-text{font-size:30px}}@media screen and (min-width: 1200px){.event-empty-text{font-size:45px}}main{background-color:#000;padding:20px;min-height:100vh;box-sizing:border-box}.events-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:20px 30px;justify-content:center;max-height:1350px;overflow:hidden;margin-top:20px}.event-card{width:100%;cursor:pointer;transition:transform .4s ease-in-out;text-align:center;color:#fff}.event-card:hover{transform:translateY(-15px) scale(1.05)}.event-card img{width:100%;height:161px;-o-object-fit:cover;object-fit:cover;border-radius:50px 0;display:block;margin-bottom:5px;background-color:#15ff00;position:relative}.event-card img:after{content:"";display:block;width:108px;height:101px;position:absolute;right:-10px;top:-9px;border-radius:50px 0;border:1px solid rgba(220,86,197,.3)}.event-title{font-size:14px;font-weight:700;color:#dc56c5;margin:3px 0}.event-date{font-size:14px;font-weight:400;color:#fff;margin-bottom:3px}.event-venue{font-size:12px;font-weight:600;color:#fff}.pagination{display:flex;justify-content:center;margin-top:30px;gap:10px}.page-btn{background-color:#212121;color:#fff;border:none;padding:8px 14px;cursor:pointer;border-radius:5px;font-weight:600}.page-btn.active{background-color:#dc56c5}@media (min-width: 768px){.events-grid{gap:30px 40px}.event-card img{height:227px}.event-title,.event-date{font-size:16px}.event-venue{font-size:14px}}@media (min-width: 1200px){.events-grid{gap:40px 50px}.event-card img{height:250px}.event-title,.event-date{font-size:18px}.event-venue{font-size:16px}}.footer{background-color:#000;padding-top:17px;padding-bottom:17px}.footer__text{color:#939393;text-align:center;font-size:14px;font-weight:400}@media screen and (min-width: 768px){.footer__text{font-size:16px}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(32,13,29,.6);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .25s ease forwards}.backdrop.is-hidden{display:none}.modal{transform:none;transition:.25s;border-radius:200px 0;background:#fff2fd;width:90vw;max-width:860px;max-height:90vh;overflow-y:auto;text-align:center;display:flex;flex-direction:column;align-items:center;padding:24px 24px 52px;box-sizing:border-box;position:relative;animation:modalIn .3s ease forwards}@media screen and (max-width: 768px){.modal{border-radius:120px 0;padding:20px 20px 52px 36px}}@media screen and (max-width: 480px){.modal{border-radius:60px 0;padding:40px 16px 52px}}.modal__btnn{position:absolute;top:14px;right:14px;background:transparent;border:none;cursor:pointer;padding:8px}.modal__btnn:hover,.modal__btnn:focus{transform:scale(1.25)}@media screen and (max-width: 768px){.modal__btnn{width:33px;height:33px}}.modal__picture{width:80px;height:80px;display:block;border-radius:100%;margin-bottom:16px;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 768px){.modal__picture{width:60px;height:60px}}@media screen and (max-width: 480px){.modal__picture{width:70px;height:70px}}.modal__box{width:100%;display:flex;gap:28px;box-sizing:border-box;align-items:flex-start}.modal__pctr{display:block;width:40%;flex-shrink:0;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:6px}@media screen and (max-width: 768px){.modal__pctr{width:180px}}@media screen and (max-width: 480px){.modal__pctr{display:none}}.modal__list{flex:1;text-align:left;display:flex;flex-direction:column;list-style:none;padding:0;margin:0}.modal__item{color:#0e0e0e;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;margin-bottom:10px;display:flex;flex-direction:column}.modal__title{color:#dc56c5;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;line-height:normal;margin-bottom:4px;margin-top:0}@media screen and (max-width: 768px){.modal__title{font-size:15px}}.modal__text{color:#0e0e0e;font-family:Montserrat,sans-serif;font-size:13px;font-weight:400;line-height:1.4;margin:0}@media screen and (max-width: 768px){.modal__text{font-size:12px}}.modal__smallpicture{width:22px;height:auto;margin-right:10px;flex-shrink:0}@media screen and (max-width: 768px){.modal__smallpicture{width:18px}}.modal__divprice{display:flex;align-items:center;margin-bottom:6px}.modal__btn{display:flex;justify-content:center;align-items:center;border-radius:5px;background:#4c00fe;width:130px;height:34px;color:#fff;margin-bottom:12px;border:1px solid transparent;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .25s}.modal__btn:hover,.modal__btn:focus{background-color:#98c6c6}@media screen and (max-width: 768px){.modal__btn{font-size:13px;margin-bottom:10px}}@media screen and (max-width: 480px){.modal__btn{margin-bottom:8px}}.modal__button{position:absolute;bottom:8px;left:50%;transform:translate(-50%);white-space:nowrap;color:#4c00fe;font-family:Montserrat,sans-serif;font-size:13px;font-weight:500;line-height:normal;border-radius:5px;border:1px solid #4c00fe;background-color:transparent;width:220px;height:34px;cursor:pointer;transition:border-color .25s}.modal__button:hover,.modal__button:focus{background-color:#98c6c6}@media screen and (max-width: 480px){.modal__button{width:200px}}