.mc-button{display:flex;justify-content:center;align-items:center;width:306px;max-width:100%;height:45px;border-radius:60px;font-size:20px;font-weight:500;transition:all .3s ease-in-out}.mc-button--primary{margin:0 auto;border-radius:30px;border:2px solid #1B68E7;color:#1b68e7}.mc-button--primary:hover{background-color:#fff;border-color:#fff;color:#1b68e7!important}.hero{padding-top:144px;background:linear-gradient(99deg,#124BA9 24.49%,#00D9FF 90.78%)}.hero h1.h1,.hero h2.h2,.hero b{color:#fff;line-height:normal}.hero h1.h1{margin:38px 0}.hero h2.h2{font-weight:200}.hero b{font-weight:600}.hero .hero-img{position:relative;margin:32px 0 -61px;z-index:1}.ws-card{position:relative;padding:38px 24px 28px;box-shadow:0 8px 24px #959da533;border-radius:20px;background:#FFF;height:100%;transition:all .3s ease-in-out}.ws-card *{transition:all .3s ease-in-out}.ws-card .date,.ws-card .day{color:#1b68e7;margin-right:220px}.ws-card .date{font-size:22px;font-weight:600;line-height:22px}.ws-card .day{font-size:18px;line-height:22px}.ws-card .badge{position:absolute;display:flex;align-items:center;flex-shrink:0;justify-content:center;width:204px;height:58px;border-radius:10px 0 0 10px;background:#1B68E7;font-size:20px;font-weight:600;text-transform:uppercase;top:32px;right:-6px}.ws-card h3.h3{margin:26px 0 8px;font-weight:400}.ws-card p{line-height:25px}.ws-card .description{height:75px}.ws-card .performer{display:flex;align-items:center;gap:10px}.ws-card .performer img{width:39px;height:39px}.ws-card .performer p{margin:0;color:#1b68e7}.ws-card .duration{position:relative;display:flex;align-items:center;padding-left:38px;margin:22px 0 24px;color:#1b68e7;font-weight:600;border-radius:18px;height:32px;max-width:115px}.ws-card .duration:before{content:"";position:absolute;width:19px;height:19px;background:url(/images/workshopok/clock.svg) no-repeat center;background-size:cover;left:9px;top:50%;transform:translateY(-50%)}.ws-card:hover{background:#1B68E7}.ws-card:hover .date,.ws-card:hover .day,.ws-card:hover .badge,.ws-card:hover h3.h3,.ws-card:hover p{color:#fff}.ws-card:hover .badge{background:#00F181}.ws-card:hover .duration{background-color:#fff;color:#1b68e7}.ws-card:hover .mc-button--primary{color:#fff;border-color:#fff}.placeholder{position:relative;border-radius:20px;background:#F1F1F1;height:100%}.placeholder:before{content:"";position:absolute;width:152px;height:111px;top:50%;left:50%;transform:translateY(-50%) translate(-50%);background:url(/images/workshopok/ph.svg)}@media only screen and (max-width: 1399px){.hero .hero-img{margin-top:48px}.ws-card .badge{width:184px;height:48px}.ws-card .date,.ws-card .day{margin-right:160px}}@media only screen and (max-width: 1199px){.hero h1.h1{font-size:40px}.hero h2.h2{font-size:30px}.ws-card .badge{width:204px;height:58px}.placeholder{height:400px}}@media only screen and (max-width: 992px){.hero{padding-top:24px;text-align:center}.hero h1.h1{font-size:35px}.hero h2.h2{font-size:28px}.hero .logo{margin:0 auto}.hero .hero-img{margin:0 auto;max-width:300px}.ws-card,.placeholder{margin:0 auto;max-width:500px}.ws-card h3.h3{font-size:28px;line-height:normal}}@media only screen and (max-width: 460px){.ws-card .badge{width:164px;height:48px}}