@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);button,h1,h2,h3,h4,h5,h6,input,p,textarea{font-family:Roboto;font-weight:400}header{width:100%;height:100px;background:#1b2e28;display:flex;justify-content:space-between;align-items:center;margin-top:50px}header .btn_auth{width:150px;height:66px;background:#63a583;color:#fff;font-size:20px;font-weight:700;outline:none;border:none;cursor:pointer;margin-left:20px;transition:all .2s}header .btn_auth:hover{box-shadow:inset 0 0 0 9px #b1d2db}header .btn_auth:active{box-shadow:inset 0 0 0 9px #fff}header .reg_wrap{display:flex;align-items:center}header .reg_wrap .userName{color:#fff;font-weight:700}@media (max-width:730px) and (min-width:476px){header{flex-direction:column;height:200px;justify-content:space-around}}@media (max-width:475px) and (min-width:300px){header{flex-direction:column;height:250px;justify-content:space-around}header .btn_auth{height:60px;margin-left:0}.reg_wrap{width:90%}.userName{width:75%}.btns_wrap{display:flex;flex-direction:column;align-items:flex-start;height:130px;justify-content:space-between}}.container{width:1500px;margin:0 auto;margin-bottom:60px}@media (max-width:1530px) and (min-width:1021px){.container{width:900px}}@media (max-width:1020px) and (min-width:731px){.container{width:700px}}@media (max-width:730px) and (min-width:476px){.container{width:450px}}@media (max-width:475px) and (min-width:300px){.container{width:300px}}.modal{overflow-x:hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000000;background:rgba(0,0,0,.48627450980392156);justify-content:center}.modal,.modal .content{display:flex;align-items:center}.modal .content{width:500px;height:400px;background:#fff;text-align:center;flex-direction:column;justify-content:space-evenly;box-shadow:0 8px 18px -2px rgba(0,0,0,.62)}.modal .content .title_form{font-weight:900;font-size:40px}.modal .content .form{width:330px;height:220px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.modal .content .form .inp_item{width:100%;padding-right:30px;padding-left:30px;font-weight:400;background:#fff}.modal .content .form .btn_form,.modal .content .form .inp_item{height:60px;font-size:20px;outline:none;border:none;box-shadow:0 8px 18px -2px rgba(0,0,0,.62)}.modal .content .form .btn_form{width:150px;background:#fff;cursor:pointer;font-weight:900;background:#63a583;color:#fff}.modal .content .form_reg{width:330px;height:290px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.modal .content .form_reg .inp_item{width:100%;padding-right:30px;padding-left:30px;font-weight:400;background:#fff}.modal .content .form_reg .btn_form,.modal .content .form_reg .inp_item{height:60px;font-size:20px;outline:none;border:none;box-shadow:0 8px 18px -2px rgba(0,0,0,.62)}.modal .content .form_reg .btn_form{width:150px;background:#fff;cursor:pointer;font-weight:900;background:#63a583;color:#fff}@media (max-width:730px) and (min-width:300px){.modal .content{width:300px}.modal .content .form,.modal .content .form_reg{width:100%}}.navigation{width:100%;margin-top:60px}.navigation,.navigation_text{height:75px;display:flex;justify-content:space-between;align-items:center}.navigation_text{width:350px}.navigation_text h2{font-weight:500;cursor:pointer;text-decoration:none}.navigation_text a{color:#000}.navigation_search{width:500px;height:75px;display:flex;justify-content:space-between}.navigation_search input{width:425px;height:75px;background:#b1d2db;padding-right:30px;padding-left:30px;border:none;outline:none;font-size:20px}.navigation_btn-search{width:75px;height:75px;background:#1c4a47;display:flex;justify-content:center;align-items:center;transition:all .2s}.navigation_btn-search img{width:36px;height:33px}.navigation_btn-search:hover{box-shadow:inset 0 0 0 9px #63a583;cursor:pointer}.active:after{display:block;content:"";height:4px;width:100%;background-color:#000;transition:width .5s ease-in-out}a{text-decoration:none}@media (max-width:1020px) and (min-width:731px){.navigation_search{width:450px}.navigation{flex-direction:column-reverse;justify-content:space-between;align-items:flex-start;height:150px}}@media (max-width:730px) and (min-width:476px){.navigation_search{width:450px}.navigation{flex-direction:column-reverse;justify-content:space-between;align-items:flex-start;height:150px}}@media (max-width:475px) and (min-width:300px){.navigation_search{width:200px}.navigation_search input{width:225px}.navigation{flex-direction:column-reverse;justify-content:space-between;align-items:flex-start;height:150px}.navigation_text{width:100%}}.footer{width:100%;height:100px;background:#1b2e28;margin-top:60px;margin-bottom:50px;display:flex;justify-content:center;align-items:center;color:#fff}.footer a{color:#000;font-weight:700;text-shadow:0 0 8px #fff}@media (max-width:475px) and (min-width:300px){.footer h2{width:300px;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}.allMeetups{width:100%;margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:50px 100px;grid-auto-rows:minmax(100px,auto)}.allMeetups .addNewMeetup{width:300px;height:330px;background:#202020;display:flex;justify-content:center;align-items:center}.allMeetups .addNewMeetup .circle{width:124px;height:124px;background:#b1d2db;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:100px}.allMeetups .item{width:300px;height:330px;background:#202020;position:relative}.allMeetups .item .wrap_title{width:100%;height:200px;background:#1b2e28;display:flex;justify-content:center;align-items:center}.allMeetups .item .wrap_title h2{font-weight:900;font-size:30px;color:#fff}.allMeetups .item .wrap_btn{width:100%;height:130px;display:flex;justify-content:flex-end;align-items:center}.allMeetups .item .wrap_btn button{width:126px;height:60px;border:none;background:#fff;font-size:25px;font-weight:900;outline:none;cursor:pointer;margin-right:30px}.loadingAll{width:1100px;display:flex;justify-content:center;align-items:center}@media (max-width:1530px) and (min-width:1021px){.allMeetups{grid-template-columns:repeat(2,1fr)}.loadingAll{width:300px}}@media (max-width:1020px) and (min-width:731px){.allMeetups{grid-template-columns:repeat(2,1fr)}.loadingAll{width:200px;height:100px;height:330px}}@media (max-width:730px) and (min-width:476px){.allMeetups{grid-template-columns:repeat(1,1fr);display:flex;align-items:center;flex-direction:column}.loadingAll{width:450px;height:100px}}@media (max-width:475px) and (min-width:300px){.allMeetups{grid-template-columns:repeat(1,1fr);display:flex;align-items:center;flex-direction:column}.loadingAll{width:300px;height:100px}.item{margin-top:30px}}.yourMeetups{width:100%;margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:50px 100px;grid-auto-rows:minmax(100px,auto)}.yourMeetups .item{width:300px;height:330px;background:#202020}.yourMeetups .item .wrap_title{width:100%;height:200px;background:#1b2e28;display:flex;justify-content:center;align-items:center}.yourMeetups .item .wrap_title h2{font-weight:900;font-size:30px;color:#fff}.yourMeetups .item .wrap_btn{width:100%;height:130px;display:flex;justify-content:flex-end;align-items:center}.yourMeetups .item .wrap_btn button{width:126px;height:60px;border:none;background:#fff;font-size:25px;font-weight:900;outline:none;cursor:pointer;margin-right:30px}.empty,.loadingYour{width:1500px;display:flex;justify-content:center;align-items:center}.empty{background:#63a583}@media (max-width:1530px) and (min-width:1021px){.yourMeetups{grid-template-columns:repeat(2,1fr)}.empty,.loadingYour{width:900px}}@media (max-width:1020px) and (min-width:731px){.yourMeetups{grid-template-columns:repeat(2,1fr)}.empty,.loadingYour{width:700px;height:100px}}@media (max-width:730px) and (min-width:476px){.yourMeetups{grid-template-columns:repeat(1,1fr);display:flex;align-items:center;flex-direction:column;margin-top:30px}.empty,.loadingYour{width:450px;height:100px}}@media (max-width:475px) and (min-width:300px){.yourMeetups{grid-template-columns:repeat(1,1fr);display:flex;align-items:center;flex-direction:column;margin-top:30px}.empty,.loadingYour{width:300px;height:100px}}.createMeetup{width:100%;margin-top:60px;display:flex;flex-direction:column;align-items:center}.createMeetup h2{font-size:30px;font-weight:900;margin-bottom:30px}.createMeetup input{width:350px;height:60px}.createMeetup input,.createMeetup textarea{font-size:20px;padding-right:30px;padding-left:30px;outline:none;margin-bottom:30px;border:none;box-shadow:0 8px 18px -2px rgba(0,0,0,.62)}.createMeetup textarea{width:500px;height:200px;padding-top:20px;padding-bottom:20px;resize:vertical}.createMeetup button{width:200px;height:60px;outline:none;font-weight:900;font-size:20px;background:#fff;cursor:pointer;border:none;box-shadow:0 8px 18px -2px rgba(0,0,0,.62)}@media (max-width:730px) and (min-width:476px){.createMeetup textarea{width:100%}}@media (max-width:475px) and (min-width:300px){.createMeetup input,.createMeetup textarea{width:100%}}.meetup{width:100%;padding-top:60px}.meetup-wrap{background:#1b2e28;color:#fff;padding-top:30px;padding-bottom:30px;padding-left:30px}.meetup-title{font-size:30px;font-weight:700;margin-bottom:30px}.meetup-descr{font-size:20px;margin-bottom:30px;width:700px}.meetup-user{font-weight:700}@media (max-width:1020px) and (min-width:300px){.meetup-descr{width:100%}.meetup-wrap{padding-right:30px}}.search{width:100%;margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:50px 100px;grid-auto-rows:minmax(100px,auto)}.search .item{width:300px;height:330px;background:#202020;position:relative}.search .item .wrap_title{width:100%;height:200px;background:#1b2e28;display:flex;justify-content:center;align-items:center}.search .item .wrap_title h2{font-weight:900;font-size:30px;color:#fff}.search .item .wrap_btn{width:100%;height:130px;display:flex;justify-content:flex-end;align-items:center}.search .item .wrap_btn button{width:126px;height:60px;border:none;background:#fff;font-size:25px;font-weight:900;outline:none;cursor:pointer;margin-right:30px}.loading{width:1100px}.loading,.visible{display:flex;justify-content:center;align-items:center}.visible{width:100%;height:330px;background:hsla(0,0%,100%,.45098039215686275);position:absolute;top:0;left:0;right:0;bottom:0}.wrp_cont{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:50px 100px;grid-auto-rows:minmax(100px,auto)}@media (max-width:1530px) and (min-width:1021px){.search,.wrp_cont{grid-template-columns:repeat(2,1fr)}.loading{width:900px}}@media (max-width:1020px) and (min-width:731px){.search,.wrp_cont{grid-template-columns:repeat(2,1fr)}.loading{width:700px;height:100px;height:330px}}@media (max-width:730px) and (min-width:476px){.search{margin-top:30px}.search,.wrp_cont{grid-template-columns:repeat(1,1fr);display:flex;align-items:center;flex-direction:column}.loading{width:450px;height:100px}}@media (max-width:475px) and (min-width:300px){.search{margin-top:30px}.search,.wrp_cont{grid-template-columns:repeat(1,1fr);display:flex;align-items:center;flex-direction:column}.loading{width:300px;height:100px}}