@charset "UTF-8";
:root{--pink:#df2a93;--main-color:#df2a93;--purple:#31124e}.pink{color:var(--pink)}.main-color{color:var(--main-color)}body{background-color:#000;color:#fff;text-align:left}h1,h2{letter-spacing:-.02rem}h2{margin-bottom:48px}.main{overflow:hidden}.round-block{display:flex;align-items:center;padding:14px 32px;border:2px solid transparent;border-radius:24px;font-size:.8rem;line-height:1;white-space:nowrap;transition:opacity .2s;font-weight:700}.round-block.link{margin:12px 0 0}@media screen and (min-width:993px){.round-block.link{margin-left:12px}}.round-block.link:hover{opacity:.7}.background .author{text-align:right;right:12px}.cf-box.vertical{display:flex;flex-direction:column;padding:1.6rem 0 0;margin:0;box-shadow:unset;max-width:420px;position:relative}.cf-box.vertical a{transition:opacity .2s;display:flex;justify-content:center;align-items:center;width:100%;font-size:.8rem;text-align:center}.cf-box.vertical a:hover{opacity:.7}.cf-box.vertical a,.cf-box.vertical input{padding:.8rem 1rem!important;background-color:#000;color:#fff;font-weight:600;border-radius:1.6rem!important}.cf-box.vertical input{border:2px solid #fff!important}.cf-box.vertical a,.cf-box.vertical input[type=submit]{border:unset!important;font-weight:700}.cf-box.vertical input[type=submit]{height:auto;background-color:#fff;color:#000;text-transform:unset;margin-top:0;font-size:1rem}.cf-box.vertical>span{padding-bottom:.4rem;text-align:center;font-size:1rem}.cf-box.vertical .icon{width:1.2rem;height:1.2rem;fill:#fff;margin-right:.4rem}.cf-box.vertical .warning{padding-top:.6rem;text-align:center;font-size:.6rem;max-width:280px;margin:0 auto;opacity:.8}.cf-box.vertical li.pr .wpcf7-spinner{transform:translate(-50%,-50%);bottom:0}.cf-box.vertical .wpcf7-not-valid-tip{padding:0 1rem}.cf-box.vertical .wpcf7-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}header.header .nav-menu>.menu-item>:not(.submenu):before{background-image:url(//varto.school/wp-content/themes/varto_school/media/icons/stroke-yellow.svg)}.pre-registration .pre-registration-container{display:grid;grid-template-columns:1fr;grid-column-gap:32px}@media screen and (min-width:993px){.cf-box.vertical{padding:0}.pre-registration .pre-registration-container{grid-template-columns:1fr 0.6fr}}.pre-registration .pre-registration-container .wpcf7-not-valid-tip{margin:8px 8px 0}.pre-registration .cf-box.vertical .cf-main li .cf-main-field{background-color:transparent!important;border-color:var(--light-grey)!important}.main-screen{position:relative;min-height:100vh;color:#fff;display:flex;align-items:center;padding-top:90px;padding-bottom:90px;text-align:left}.main-screen .content{position:relative;z-index:4;padding:90px 0;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%;margin:0 auto}.main-screen .content .main-title{font-size:12vw;text-transform:uppercase;margin-bottom:32px}@media screen and (min-width:577px){.main-screen .content .main-title{font-size:3.6rem}}@media screen and (min-width:993px){.main-screen .content .main-title{max-width:80%;font-size:5rem}}.main-screen .info-list{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.7rem;color:var(--light-grey)}@media screen and (min-width:769px){.round-block{font-size:1rem}.main-screen .info-list{flex-direction:row;align-items:flex-start}}.main-screen .info-list-item{display:flex;flex-direction:column;align-items:center;margin:4px 0}@media screen and (min-width:769px){.main-screen .info-list-item{margin:0 20px}.about-course .content{max-width:60%}}.main-screen .info-list-item .text{color:var(--yellow);text-transform:uppercase;font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.main-screen .main-btn{background-color:var(--yellow);color:#000;margin-top:32px;font-size:1rem;box-shadow:0 4px 24px 0 var(--pink)}.about-course{position:relative}.about-course .content{position:relative;z-index:4;padding-top:30px;text-align:left}.about-course .background .gradient{background:linear-gradient(0deg,#000 0,rgba(0,0,0,.5) 50%,#000 100%);opacity:1}@media screen and (min-width:769px){.about-course .background .gradient{background:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 50%,#000 100%)}}.about-course .background .author{transform:translateY(200%)}.test-week{position:relative;z-index:1}.test-week .test-week-box{overflow:initial}.test-week .test-week-box:before{content:"";position:absolute;left:0;top:0;z-index:-1;width:calc(90% - 4vw);height:100%;background:linear-gradient(90deg,#1a1a1a 80%,rgba(26,26,26,.3) 100%);border-radius:48px}@media screen and (max-width:1200px){.test-week .test-week-box:before{width:100%}}@media screen and (max-width:576px){.test-week .test-week-box:before{background-color:var(--grey)}.program .program-list-item .spoiler-title .title{font-size:1rem}}.test-week .content{margin:0}.test-week .content .text{font-weight:700}.test-week .background-image{z-index:-1}@media screen and (min-width:1201px){.test-week .background-box{position:relative}.test-week .background-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:130%}}.test-week .main-button{align-items:center;border-radius:32px;background-color:var(--yellow);color:#000;text-transform:none}.test-week .main-button .icon{fill:#000;width:24px;height:24px;margin-right:12px}.test-week.test-week2 .test-week-box:before{content:unset}.test-week2 .test-week-box{display:grid;grid-template-columns:1fr;grid-gap:24px;padding:0}.test-week2 .test-week-box .content{display:flex;flex-direction:column;padding:0;margin:0;width:100%}.test-week2 .test-week-box .content .text{font-weight:400}.test-week2 .test-week-box .content .icon.arrow{display:none}.test-week2 .test-week-box .media{position:relative;padding-bottom:56.25%;border-radius:32px;border:2px solid var(--yellow);overflow:hidden}@media screen and (min-width:769px){.test-week2 .test-week-box{grid-template-columns:0.5fr 0.5fr}.test-week2 .test-week-box .content .icon.arrow{display:flex;width:50%;height:auto;margin-left:auto;color:var(--yellow)}.test-week2 .test-week-box .media{height:56.25%;min-height:320px;padding-bottom:56.25%}}.test-week2 .test-week-box .background-image{position:absolute;inset:0;width:100%;height:100%;transform:unset;padding:0;margin:0;filter:blur(4px);-webkit-filter:blur(4px);-moz-filter:blur(4px);object-fit:cover}.test-week2 .test-week-box .media .main-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:initial;background-color:#fff;color:#000;justify-content:center;padding:16px 32px;font-size:1rem;white-space:nowrap}.after-course{position:relative}.after-course .after-course-container{display:flex;flex-direction:column}.after-course .title{text-align:left;margin-bottom:32px}@media screen and (min-width:577px){.after-course .after-course-container{flex-direction:row}.after-course .title{margin:0 32px 0 0}}.after-course .content,.after-course .title{position:relative;z-index:4}.after-course .content{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-left:auto}.after-course .content .list{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width:577px){.after-course .content{width:65%}.after-course .content .list{margin-left:auto}}.after-course .content .list-item{position:relative;padding:4px 0 4px 54px;margin:6px 0;text-align:left;font-size:.8rem}@media screen and (min-width:993px){.after-course .content .list-item{font-size:.9rem;padding-left:32px}}.after-course .content .list-item:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#000;width:12px;height:12px;border-radius:50%;border:4px solid #fff}.after-course .background .gradient{background:linear-gradient(0deg,#000 0,rgba(0,0,0,.5) 50%,#000 100%);opacity:1}@media screen and (min-width:769px){.after-course .content{width:50%}.after-course .background .gradient{background:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 50%,#000 100%)}}.program .program-container{flex-direction:column}.program .title{text-align:left}.program .program-list{position:relative;padding:0;border-radius:32px;background-color:#fff}@media screen and (min-width:577px){.after-course .content .list-item{margin:10px 0}.program .program-list{margin:0 auto}}.program .program-list-item{position:relative;padding:32px;border:0!important;border-radius:32px;margin-bottom:0!important;background-color:#fff;color:#000;transition:width .4s ease-in,transform .2s ease-in}.program .program-list-item:not(:last-of-type):after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:calc(100% - 64px);height:2px;background-color:var(--light-grey);transition:opacity .2s ease-in}.program .program-list-item.selected{z-index:2;transform:translateY(-2px);box-shadow:0 0 30px 0 #000}.program .program-list-item.selected:not(:last-of-type):after{opacity:0}.program .program-list-item .count{font-weight:700}.program .program-list-item .desc{display:flex;flex-direction:column;align-items:flex-start}.program .program-list-item .desc *{color:#000!important;line-height:1.4}.program .program-list-item .amount{padding:4px 12px;margin-bottom:24px!important;border-radius:24px;border:2px solid #000;font-weight:700}.format{position:relative}.format .format-container{position:relative;z-index:4}.format .title{text-align:left}.format .calcWidth .list-item.calcWidthItem{width:calc(100% - 2 * (var(--column-margin)));margin-right:auto}@media screen and (min-width:769px){.format .calcWidth .list-item.calcWidthItem{width:calc(50% - 2 * (var(--column-margin)))}.format .list{margin-bottom:36px}}.format .list-item{display:flex;flex-direction:column;align-items:flex-start;padding:32px;border-radius:32px;text-align:left;background-color:#fff;color:#000}.format .list-item .title{font-size:.8rem;padding:12px 24px;border-radius:24px;border:2px solid #000;margin-bottom:32px}.format .background .gradient{background:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 50%,#000 100%);opacity:1}.teacher.teacher{margin-top:-90px}.teacher.teacher .teacher-info .photo{box-shadow:0 0 20px 0 #df2a93}.teacher.teacher .teacher-info .position{max-width:240px}@media (hover:hover){.student-works.student-works .list-item:hover .image-box{box-shadow:0 4px 28px 0 #390937;border-color:transparent}}.student-works img[alt="Юлія Гончар"]{object-position:90% center}.student-works .main-btn{background-color:#fff;color:#000}.price .price-container{display:flex;flex-direction:column}.price .title{text-align:left}.price .price-list .price-list-item{min-width:auto;font-size:.8rem;background-color:var(--grey);background:linear-gradient(312deg,#803381 0,rgba(49,18,78,.6) 100%);min-height:240px}.price .price-list .price-list-item.calcWidthItem{width:calc(100% - 2 * (var(--column-margin)))}.price .price-list-item .header{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:32px}@media screen and (min-width:993px){.price .price-list .price-list-item{font-size:1rem}.price .price-list .price-list-item.calcWidthItem{width:calc(50% - 2 * (var(--column-margin)))}.price .price-list-item .header{flex-direction:row;align-items:center}}.price .price-list-item .header .date{margin-left:auto;font-size:.8rem;padding:4px 16px;border:2px solid #fff;border-radius:12px}@media screen and (max-width:992px){.price .price-list-item .header .date{margin:12px 0 0}}.price .price-list-item .header .icon{position:absolute;right:0;top:0;transform:translate(20%,-40%);width:72px;height:72px}.price .price-list-item .header .icon.bf{display:flex;align-items:center;justify-content:center;background:unset;border:unset;width:120px;height:120px;top:-6px;right:28px;z-index:0}.price .price-list-item .title{font-size:1.2rem;max-width:80%}.price .price-list-item .price-box{display:flex;flex-direction:column;align-items:flex-start;margin:auto 0 32px}.price .price-list-item .price-box.bf{display:block}.price .price-list-item .price{color:var(--yellow);line-height:1;font-weight:700}.price .price-list-item .price.old{font-size:1.4rem;margin-bottom:8px;position:relative;color:var(--light-grey);font-weight:400}.price .price-list-item .price.old:before{content:"";width:100%;height:2px;background-color:var(--light-grey);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:576px){.price .price-list-item .desc{display:block}}.price .price-list-item .main-btn{width:100%;justify-content:center;border-radius:12px;margin-top:auto;font-size:1rem;background-color:#fff;color:var(--purple)}.loyalty-program.loyalty-program h2.title{color:#fff}.loyalty-program.loyalty-program .main-btn{background-color:#fff;color:#000}.loyalty-program.loyalty-program .main-btn .icon{background-color:#000;color:#fff}.consultation.consultation h2.title .stroke{color:var(--yellow)}.installment-modal{font-size:.8rem}.installment-modal .installment-box{position:relative;text-align:left;padding:32px;border-radius:32px;max-width:640px;margin:auto;background:linear-gradient(312deg,var(--purple) 0,#803381 100%)}.installment-modal .modal_close{position:absolute;right:4px;top:4px;transform:translate(-50%,0);line-height:1}.installment-modal .title{font-size:1.2rem;margin-bottom:16px}.installment-modal ul{margin:8px 0;counter-reset:section}.installment-modal li{margin:4px 0;position:relative;padding-left:16px}.installment-modal li:before{counter-increment:section;content:counter(section) ". ";position:absolute;left:0;top:0}.installment-modal .main-btn{width:100%;justify-content:center;border-radius:12px;margin:16px 0;font-size:1rem;background-color:#fff;color:var(--purple)}