:root{--pink:#ea2095}body{text-align:left}.cf-main-field,body,footer{background-color:#151515!important}main{overflow:hidden}h1,h2{letter-spacing:-.02rem}h2.title{text-transform:initial;text-align:left;color:#fff;font-size:2.4rem;margin-bottom:48px}.main-btn{font-size:.8rem;background-color:#fff;color:#151515}.round-block{display:flex;align-items:center;padding:.7rem 1.6rem;border-radius:1.2rem;font-weight:700;font-size:1rem;line-height:1;white-space:nowrap;text-transform:uppercase;transition:opacity .2s ease-in!important}.cf-box.vertical{display:flex;flex-direction:column;padding:1.6rem 0 0;margin:0;box-shadow:unset;max-width:420px;position:relative}@media screen and (min-width:993px){.cf-box.vertical{padding:0}}.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 a{transition:opacity .2s;display:flex;justify-content:center;align-items:center;color:#fff;width:100%;font-size:.8rem;text-align:center}.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{position:sticky}header.header .nav-menu>.menu-item>:not(.submenu):before{background-image:url(//varto.school/wp-content/themes/varto/media/icons/stroke-yellow.svg)}.main-screen{position:relative;display:flex;align-items:center;padding-top:60px;text-align:left}.main-screen .main-screen-container{position:relative;display:grid;grid-template-rows:auto;grid-template-columns:100%}.main-screen .content{position:static;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:3rem 0 0}@media screen and (min-width:993px){.main-screen .content{position:absolute;z-index:1;top:50%;left:0;transform:translateY(-50%);width:60%;padding:0}}.main-screen h1.title{font-size:3.6rem;text-transform:uppercase;text-wrap:nowrap;margin-bottom:.8rem;grid-column:1/2;grid-row:1/1}@media screen and (max-width:768px){.main-screen h1.title{font-size:2.4rem}.main-screen .title{text-align:left}}.main-screen .desc{font-size:.8rem;max-width:25rem;margin:0 0 1.6rem;grid-column:1/2;grid-row:2/3}@media screen and (min-width:769px){.main-screen .main-screen-container{grid-template-columns:50% auto}.main-screen .desc{font-size:1rem;margin:0 0 2.4rem}}.main-screen .info-list{display:flex;justify-content:center;align-items:center;font-size:.7rem;color:var(--light-grey);margin:1.6rem 0 0;grid-column:1/2;grid-row:4/5}@media screen and (min-width:769px){.main-screen .info-list{justify-content:flex-start;align-items:flex-start;grid-row:3/4;margin:0 -1rem}}.main-screen .info-list-item{display:flex;flex-direction:column;align-items:flex-start;margin:0 1rem}.main-screen .info-list-item .text{font-weight:700;color:#fff;text-transform:uppercase;font-size:1.2rem;margin-top:.4rem}.main-screen .media{position:relative;z-index:-1;display:flex;align-items:center;grid-column:1/2;grid-row:3/4}.main-screen .media:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;background-image:url(//varto.school/wp-content/themes/varto_school/media/icons/loader_white.svg);z-index:-1}.main-screen .media:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:102%;height:102%;background:linear-gradient(180deg,#151515 0,rgba(21,21,21,0) 10%,rgba(21,21,21,0) 90%,#151515 100%),linear-gradient(90deg,#151515 0,rgba(21,21,21,0) 10%,rgba(21,21,21,0) 90%,#151515 100%);z-index:2}.main-screen .media video{width:100%;height:auto;border-radius:1.2rem}.main-screen .media .author{display:none;left:50%;bottom:-8px;transform:translate(-50%,0);text-align:center}@media screen and (min-width:769px){.main-screen .media{grid-column:2/3;grid-row:1/4}.main-screen .media .author{display:block;left:0;transform:translateY(100%);text-align:right}}.pre-registration .pre-registration-container{display:grid;grid-template-columns:1fr;grid-column-gap:32px}.pre-registration .cf-box.vertical .cf-main li .cf-main-field{background-color:transparent!important;border-color:var(--light-grey)!important}.pre-registration .pre-registration-container .wpcf7-not-valid-tip{margin:8px 8px 0}.about-course{position:relative}.about-course .about-course-container{display:flex;align-items:flex-start;flex-wrap:wrap;position:relative}.about-course h2.title{width:100%}.about-course .desc{width:100%;display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width:993px){.pre-registration .pre-registration-container{grid-template-columns:1fr .6fr}.about-course .desc{width:55%;margin:0 auto 0 0}}.about-course .desc .round-block{background-color:transparent;color:#fff;margin-top:1.6rem}.about-course .media-box{margin-top:1.6rem;display:flex;flex-direction:column;align-items:flex-start;position:relative}@media screen and (min-width:993px){.about-course .media-box{width:35%;align-items:flex-end;margin-top:auto;margin-bottom:-.8rem}}.about-course .media-box:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,0);display:block;width:102%;height:calc(100% - 18px);background:linear-gradient(0deg,#151515 0,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%),linear-gradient(90deg,#151515 0,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%)}.about-course .media-box img{width:100%;height:auto;border-bottom-left-radius:1.6rem}.media-box .author{font-size:.6rem;opacity:.5;padding-top:4px;z-index:4}.about-course.your-skill .media-box:after{content:unset}@media screen and (min-width:993px){.about-course.your-skill .media-box{width:40%;margin-top:0}}@media screen and (min-width:1201px){.about-course .media-box{margin-top:-3rem;margin-bottom:0}.about-course.your-skill .media-box{margin-top:-4rem}}.about-course.your-skill .media-box .author{margin-left:auto;padding-top:.8rem}.format .format-list-item,.format.about-course ul li{position:relative;width:100%;padding:4px 0 8px 24px}.format .format-list-item:before,.format.about-course ul li:before{content:'';width:8px;height:8px;background-color:#000;position:absolute;top:4px;left:0;transform:translate(20%,50%)}.format .desc{order:-1;margin-bottom:32px}@media screen and (min-width:993px){.format .desc{order:initial;width:40%;margin:0 0 0 auto}}.format .media-box{display:flex;transform:unset;margin:0 auto;max-width:100%}.format .media-box img{max-height:420px}.program .program-container{flex-wrap:wrap}.program .title{margin-right:auto}.program .program-list{position:relative;padding:0;border-radius:32px;border:2px solid #fff;background-color:transparent;counter-reset:section}@media screen and (min-width:577px){.program .program-list{margin:0 auto}}.program .program-list-item{position:relative;padding:24px;border:0!important;border-radius:32px;margin-bottom:0!important;background-color:transparent;color:#fff}.program .program-list-item .wrap .content-box{display:flex;flex-direction:column}.program .program-list-item .amount{flex-shrink:0;margin-right:32px}.program .program-list-item:not(:last-of-type):after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:calc(100% - 32px);height:2px;background-color:var(--light-grey);transition:opacity .2s ease-in}.program .program-list-item .count{font-family:FixelDisplay,sans-serif!important;font-weight:700}.program .program-list-item.selected{z-index:2;transform:translateY(-2px)}.program .program-list-item .spoiler-title .title-box{display:flex;align-items:flex-start;flex-wrap:wrap}.program .program-list-item .spoiler-title .title{line-height:1.2;width:100%;margin:16px 24px 0 0!important}@media screen and (max-width:576px){h2.title{font-size:1.4rem;margin-bottom:32px!important;text-align:left!important}.main-screen h1.title{font-size:12vw;text-transform:initial;text-wrap:wrap}.program .program-list-item .spoiler-title .title{font-size:1rem!important}}.program .program-list-item .subtitle{font-size:1.2rem;font-weight:600;margin-right:16px}.program .program-list-item .subtitle:after{counter-increment:section;content:' ' counter(section)}.program .program-list-item .amount{font-size:.7rem;font-weight:700;background-color:#222;border:1px solid var(--pink);padding:6px 20px 4px;border-radius:12px;text-transform:uppercase;margin-top:0}@media screen and (min-width:577px){.program .program-list-item{padding:32px}.program .program-list-item:nth-of-type(2) .amount{margin-top:0}.program .program-list-item:not(:last-of-type):after{width:calc(100% - 64px)}.program .program-list-item .spoiler-title .title{font-size:.9rem}.program .program-list-item.selected .amount{margin-top:0;flex-shrink:0;margin-right:32px}}.program .program-list-item .spoiler-title .more-btn{background-color:#fff}@media screen and (max-width:576px){.program .program-list-item .spoiler-title .more-btn{margin-right:0}}.program .program-list-item .spoiler-title .more-btn .line{background-color:#000}.program .program-list-item .desc-box{display:block!important}.program .program-list-item .desc{margin-right:0!important}.program .program-list-item .desc *{color:#fff!important}.program .program-list-item .desc h4{color:var(--crocus)!important;text-transform:uppercase;margin-bottom:16px}.program .program-list-item .desc blockquote{display:inline-block!important;margin:0;margin-bottom:24px!important;vertical-align:top;width:100%}.program .program-list-item .desc blockquote:nth-of-type(odd){margin-right:2%}.program .program-list-item .desc li{margin-bottom:8px}.program .program-list-item .more-btn{margin-left:auto!important}.format.schedule .format-container,.format.soft .format-container{display:flex;flex-wrap:wrap}.format.schedule .desc,.format.soft .desc{order:initial;margin-left:0}@media screen and (min-width:993px){.format .media-box{max-width:50%}.format.schedule .container.wrap{position:relative;padding:1.6rem}.format.schedule .desc{width:50%}}.format.schedule .list{margin:-1.4rem 0}.format.schedule .item{display:flex;flex-direction:column;align-items:flex-start;padding:.8rem;margin:1.4rem 0;border:1px solid #fff;border-radius:1.6rem;font-size:.8rem;backdrop-filter:blur(1.5rem);-webkit-backdrop-filter:blur(1.5rem)}.format.schedule .item .title{padding:12px 16px 8px;border-radius:12px;background-color:#fff;color:#151515;font-size:.7rem;text-transform:uppercase;margin-bottom:16px}@media screen and (min-width:577px){.program .program-list-item .desc h4{color:#fff!important;text-transform:initial}.program .program-list-item .desc blockquote{width:48%}.format.schedule .item{padding:1.6rem;font-size:1rem}.format.schedule .item .title{font-size:.8rem}}.format.schedule .media-box{border-radius:1.2rem;flex-direction:column}.format.schedule .media-box img{border-radius:1.2rem;max-height:100%;width:100%;height:auto;object-fit:cover;object-position:left center;margin:1.6rem auto 0}.format.schedule .media-box .author{margin-top:auto;margin-left:auto}.format.soft .format-container{position:relative}.format.soft .media-box{max-width:420px}@media screen and (min-width:993px){.format.schedule .media-box{width:48%;margin-right:0}.format.schedule .media-box img{position:absolute;top:50%;left:100%;transform:translate(-100%,-50%) scale(-1,1);width:auto;height:100%;max-height:100%;max-width:100%;margin:0;z-index:-1}.format.schedule .media-box .author{transform:translateY(100%)}.format.soft .media-box{position:absolute;top:50%;left:100%;transform:translate(-100%,-50%);transform-origin:top right;width:40%;max-width:100%}.format.soft .media-box img{margin-left:auto}}.format.soft .media-box img{width:100%;height:auto}.format.soft .desc .title{font-size:1rem;margin-bottom:16px}.student-works.student-works .image{height:100%}.student-works.student-works .info-box .icon{color:var(--pink)}.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;border:2px solid #fff;padding:1rem}@media screen and (min-width:993px){.format.soft .desc{width:42%}.price .price-list .price-list-item{font-size:1rem}}@media screen and (max-width:768px){.price .price-list .calcWidthItem{width:calc(100% - calc(2 * (var(--column-margin))))!important}}.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-item .header{flex-direction:row;align-items:center}}.price .price-list-item .title{font-size:1.2rem;margin-right:.4rem}.price .price-list-item .header .date{margin-left:auto;font-size:.8rem;padding:4px 16px;border:2px solid #fff;border-radius:12px;flex-shrink:0}@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 .price-box{display:flex;flex-direction:column;align-items:flex-start;margin:auto 0 32px;font-weight:700}.price .price-list-item .price-box .desc:before{content:unset}.price .price-list-item .price{line-height:1}.price .price-list-item .price.old{font-weight:400;font-size:1.4rem;margin-bottom:8px;position:relative}.price .price-list-item .price.old:before{content:"";width:100%;height:2px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) skew(0deg,-20deg)}.price .price-list-item .main-btn{width:100%;justify-content:center;border-radius:12px;margin-top:auto;font-size:1rem;font-weight:700;text-align:center;background-color:var(--yellow);color:#000}.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}.footer{background-color:#151515}.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-color:var(--grey)}.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 .price{display:flex;font-weight:700;font-size:3rem;margin:.7rem 0 .5rem}.installment-modal .main-btn{width:100%;justify-content:center;border-radius:12px;margin:16px 0 0;font-size:1rem;background-color:#fff;color:var(--grey)}.scroll-trigger{width:100%}.opacity-100{opacity:0}