@font-face{
font-family:'blur';
src:
url('/onlineurok/static/fonts/blur/blur.ttf?v1.1') format('truetype'),
url('/onlineurok/static/fonts/blur/blur.woff?v1.1') format('woff'),
url('/onlineurok/static/fonts/blur/blur.svg?v1.1#blur') format('svg');
font-weight:normal;
font-style:normal;
font-display:block;}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'blur' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-check:before{content:"\e90a";}
.icon-shield:before{content:"\e900";}
.icon-pencil:before{content:"\e901";}
.icon-next:before{content: "\e902";}
.icon-gift:before{content:"\e903";}
.icon-file:before{content:"\e904";}
.icon-question:before{content:"\e905";}
.icon-exclamation:before{content:"\e906";}
.icon-dollar:before{content:"\e907";}
.icon-briefcase:before{content:"\e908";}
.icon-bell:before{content:"\e909";}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#71d0ff url(bg-pattern.png) repeat;background:rgba(59, 168, 211, 1);}
.wrapper{display:flex;justify-content:center;padding:10px;flex-direction:column;align-items:center;gap:30px;background:#71d0ff;background:linear-gradient(180deg,rgba(59, 168, 211, 1) 0%,rgba(77, 172, 210, 1) 15%,rgba(95, 181, 215, 1) 32%,rgba(236, 247, 254, 1) 40%,rgba(255, 255, 255, 1) 53%,rgba(182, 236, 251, 1) 62%,rgba(231, 245, 249, 1) 70%,rgba(80, 179, 215, 1) 80%,rgba(80, 179, 215, 1) 90%,rgba(114, 179, 223, 1) 95%,rgba(114, 179, 223, 1) 100%);position:relative;overflow:hidden;}
.decor-bg{position:absolute;left:0;right:0;top:0;bottom:0;margin:0 auto;width:100%;max-width:440px;z-index:0;pointer-events:none;}
main.hero-box{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;border-radius:7px;border:solid 1px rgb(255 255 255 / 20%);box-shadow:0px 3px 8px rgba(0, 0, 0, 0.20);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);    background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 15%) 100%);}
.hero{;padding:8px 10px 40px 10px;color:#fff;position:relative;overflow:hidden;}
.top_tags{display:flex;justify-content:space-between;}
.tag{display:inline-flex;align-items:center;font-size:15px;color:#01658B;font-family:inherit;background:transparent;margin:0 0 14px 0;letter-spacing:0;}
.tag::before{content:'';display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:radial-gradient(circle at 45% 45%, #03658a 70%, #a4a6fe 100%);box-shadow:0 1px 2px #fff6, inset 0 2px 4px #68d0ff80;}
.start{display:inline-flex;align-items:center;font-size:15px;color:white;font-family:inherit;background:transparent;margin:0 0 14px 0;letter-spacing:0;}
.title{font-size:18px;text-transform:uppercase;color:#01658B;font-weight:700;line-height:24px;margin:0 0 12px;}
.hero .title strong{display:inline-block;padding:0 10px;line-height:26px;border-radius:9px;color:#E7CD87;background:rgb(4 53 121 / 25%);background:linear-gradient(0deg, rgb(4 53 121 / 25%) 0%, rgb(0 85 104 / 24%) 100%);font-size:18px;font-weight:700;vertical-align:middle;margin-top:-5px;}
.subtitle{font-size:16px;font-weight:700;color:#fff;margin:0 0 10px;line-height:20px;}
.cen{text-align:center;}
.subtitle strong{display:inline-block;padding:0 5px;line-height:20px;border-radius:6px;background:#E7CD87;color:#88702B;font-weight:700;vertical-align:middle;}
.bullets{list-style:none;padding:0;margin:0 0 15px;display:flex;flex-direction:column;}
.bullet{display:flex;font-size:14px;margin-bottom:10px;line-height:20px;flex-direction:row;}
.bullet strong{display:contents;}
.bullet-icon{flex:none;width:21px;height:21px;background:url(/onlineurok/static/img/check.png) no-repeat center/contain;margin-right:6px;}

.iti__country-name{color:#444}
.iti__search-input{padding:8px;font-size:16px;}
.input-error{background-color:red !important;color:white !important;animation:shake .5s;}
@keyframes shake{
0%{transform: translateX(0);}
20%{transform: translateX(-5px);}
40%{transform: translateX(5px);}
60%{transform: translateX(-5px);}
80%{transform: translateX(5px);}
100%{transform: translateX(0);}
}

form{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px;}
.input{display:block;margin-inline:auto;width:230px;height:40px;max-width:380px;padding:0 10px;border-radius:6px;border:none;color:#444444;font-size:18px;transition:background-color .1s ease, color .1s ease;}
.input::placeholder{color:#ccc;font-size:18px;opacity:1;}

/*.phone-mask {
  color: #444;
}*/

/*.phone-mask::placeholder {
  color: #ccc;
  opacity: 1;
}*/

.btn{display:block;width:80%;height:63px;margin:0 auto 30px auto;padding:8px 0;background:linear-gradient(270deg, #E72E29 0%, #D18883 50%, #E72E29 100%);color:#fff;font-size:18px;font-family:inherit;font-weight:700;text-align:center;border:none;border-radius:50px;letter-spacing:0.01em;text-decoration:none;transition:filter .15s;cursor:pointer;line-height:1.3;box-shadow:0px 10px 15px rgb(0 0 0 / 20%);}
.btn:active{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);}
.btn:hover{filter:brightness(1.08) contrast(1.1);}

.btn-anim {
    position: relative;
    animation: btnPulse 2.5s ease-in-out infinite;
}

.btn-anim:hover {
    animation-play-state: paused;
    filter: brightness(1.05);
}

@keyframes btnPulse {
    0% {
        transform: scale(1);
        box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.20);
    }
    50% {
        transform: scale(1.08);
        box-shadow: 0px 14px 24px rgba(231, 46, 41, 0.55);
    }
    100% {
        transform: scale(1);
        box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.20);
    }
}

.progress{width:80%;height:6px;border-radius:4px;overflow:hidden;background:#fff;display:flex;justify-self:center;}
/*.bar{width:77%;height:100%;background:repeating-linear-gradient(135deg,#006cff 0 6px,#009bff 6px 12px);border-radius:4px;}*/
.bar{width:0%;height:100%;background:repeating-linear-gradient(135deg,#006cff 0 8px,#009bff 8px 16px);border-radius:4px;transition:width 1.1s cubic-bezier(.33,1.09,.61,1);animation:barstripe 32s linear infinite;}
.capacity{text-align:center;margin:7px 0 20px;color:#fff;font-size:14px;font-family:inherit;font-weight:400;text-shadow:0 2px 7px #1a628899;}
/*@keyframes barstripe {
0%{background-position:0 0;}
100%{background-position:320px 0;}
}*/
.bonus{background:#f0dcae;background:linear-gradient(135deg,rgba(167, 197, 190, 1) 0%, rgba(240, 220, 174, 1) 8%, rgba(240, 220, 174, 1) 92%, rgba(167, 197, 190, 1) 100%);color:#88702B;padding:15px;border-radius:25px 5px;font-size:14px;display:flex;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);}
.bonus .icon_box{min-width:65px;display:flex;flex-direction:column-reverse;}
.icon_box img{height:50px;width:50px;margin-bottom:10px;}
.bonus .text_box{display:flex;flex-direction:column;gap:7px;}
.bonus h2{font-size:18px;line-height:24px;margin-bottom:5px;}

.schedule{background:#fff;padding:0 5px 10px 20px;border-radius:10px;color:#333;text-align:left;margin:0 10px 25px;font-size:14px;position:relative;overflow:visible;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);}
.schedule::before{content:'';position:absolute;right:-60px;top:170px;width:110px;height:140px;background:url('/onlineurok/static/img/pdf.webp') no-repeat center/cover;background-size:100%;transform:rotate(375deg);pointer-events:none;}
.schedule h2.timing{font-size:18px;color:#fff;margin-inline:auto;width:fit-content;background:#53afd4;padding:0px 20px 10px 20px;margin-top:-10px;margin-bottom:10px;border-radius:0 0 20px 20px;background: linear-gradient(90deg, rgb(85 175 211) 0%, rgb(84 176 213) 50%, rgb(99 181 216) 100%);}
.circle-mini{background:#88702B;width:9px;height:9px;border-radius:50%;position:absolute;left:-3px;top:3px;}
.old{color:#B1B1B0 !important;}
.bg_old{background:#B1B1B0 !important;}
.bord{position:relative;}
.bord::before{content:'';position:absolute;left:0px;top:5px;bottom:-10px;width:3px;background:#88702B;border-radius:2px;z-index:0;}
.bord.bord-old::before{background:#B1B1B0;}
.bord:first-child::before{top:5px;}
.bord:last-child::before{display:none;}
.iw{min-width:15px;display:flex;justify-content:center;font-size:12px;color:#88702B;margin-top:2px;}
.schedule-row{display:flex;padding-bottom:12px;align-items:flex-start;position:relative;gap:6px;padding-left:10px;margin-left:-10px;}
.schedule-time{color:#88702B;flex:none;}
.schedule-text{font-size:13px;line-height:18px;color:#494949;padding:0 10px;}
.blur_box{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}

.attention{border:solid 2px #1D7293;padding:15px 20px;border-radius:10px;margin:0 10px 35px;color:#18799E;font-size:14px;line-height:20px;position:relative;}
.attention h2{font-size:18px;margin-bottom:10px;}
.attention::before{content:"\e906";font-family:'blur';position:absolute;left:-5px;top:0;font-size:24px;}
.benefits{margin:0 15px 25px;text-align:left;position:relative;}
.online{font-size:18px;margin-bottom:15px;color:#E7AB00;}
.benefit{display:flex;font-size:14px;margin-bottom:15px;line-height:1.4;}
.benefit-icon{flex:none;display:flex;width:25px;margin-right:15px;align-items:center;font-size:23px;justify-content:center;}
.benefit-icon img{width:25px;height:25px;vertical-align:middle;}
.author{margin:0 10px 30px;color:#1C1C1C;font-size:14px;}
.lesson{font-size:18px;text-align:center;color:#E7AB00;margin-bottom:15px;}

.benefits .btn{margin:30px auto;}

.author-imgs{display:grid;grid-template-columns:1.4fr 0.8fr 1.5fr;grid-template-rows:0.9fr 1.1fr;gap:5px;margin-bottom:20px;position:relative;}
.author-img{width:100%;height:100%;border-radius:10px;display:block;}
.author-img.main {grid-column:1 / 2;grid-row:1 / span 2;}
.author-img:nth-child(2) {grid-column:2 / 3;grid-row:1 / 2;}
.author-img:nth-child(3) {grid-column:3 / 4;grid-row:1 / 2;}
.author-img.wide,.author-img:nth-child(4){grid-column:2 / 4;grid-row:2 / 3;}
.author-main-wrap{display:grid;grid-template-rows:1fr auto;grid-column:1 / 2;grid-row:1 / span 2;height:100%;}
.author-main-wrap .main{width:100%;height:100%;border-radius:10px 10px 0 0;display:block;}
.author-name{font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:6px;background:#D2BB68;background:linear-gradient(65deg,rgba(203, 180, 116, 1) 0%, rgba(203, 180, 116, 1) 25%, rgba(234, 215, 164, 1) 50%, rgba(231, 205, 135, 1) 75%, rgba(231, 205, 135, 1) 100%);color:#836D2C;border-radius:0 0 10px 10px;min-height:40px;margin-top:-30px;}
.icon-check{width:15px;}
.hero .rating_box{margin:0 0 25px 0}
.rating_box{display:flex;flex-direction:row;align-items:center;justify-content:center;}
.rating_box a{font-size:11px;}
.rating_box img{width:30px;height:30px;border-radius:15px;border:solid 1px white;box-shadow:0px 5px 5px rgb(0 0 0 / 20%);}
.rating_box img:nth-child(4){margin-left:8px;}
.rating_box img:nth-child(5),
.rating_box img:nth-child(6){margin-left:-10px;}
.author-rating{font-size:11px;color:#ffb703;margin-bottom:2px;filter:drop-shadow(0px 2px 8px rgb(0 0 0 / 30%));}
.grade{font-size:11px;}
.cta{display:inline-block;background:#ff4136;color:#fff;border-radius:40px;padding:15px 34px;font-weight:700;text-decoration:none;margin:0 0 35px;}
.offer_box{position:relative;display:flex;flex-direction:row;align-items:center;margin-bottom:25px;color:#fff;font-size:14px;}
.video-frame{min-width:185px;height:130px;}
.offer{margin:0 10px 25px;}
.macbook{left:-13px;position:absolute;top:2px;width:200px;}
.offer-img{height:82px;left:23px;position:absolute;top:20px;width:130px;}
.security{display:flex;justify-content:center;height:35px;background:#fff;border-radius:6px;padding:10px 20px;font-size:14px;color:#18799E;gap:8px;width:fit-content;margin:0 auto 10px auto;}
span.icon-shield{width:14px;}
.link_master{font-size:10px;color:#fff;margin:-15px 0 0;}

.q{width:50px;height:30px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px;}
.pay_box{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;}
.pay_b{display:flex;gap:5px;}

.footer{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;border-radius:7px;border:solid 1px rgb(255 255 255 / 20%);box-shadow:0px 3px 8px rgba(0, 0, 0, 0.20);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:20px;background:linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 15%) 100%);}
.footer h2{font-size:16px;font-weight:normal;}
.footer p{font-size:14px;line-height:18px;}
.footer a{font-size:14px;line-height:18px;color:#fff;}

.review-block{position:relative;margin:0 30px 35px;background:#fff;border-radius:7px;box-shadow:0 6px 18px #2ebee933,/*0 1.5px 0 #fff,*/0 0 0 6px #fff6,0px 10px 15px rgb(0 0 0 / 20%);border:0.5px solid #e4f6fb;padding:15px 15px 10px;display:flex;align-items:center;width:calc(100% - 30px);}
.review-content{flex:1;z-index:1;position:relative;min-height:125px;overflow: hidden;}
.review-header{display:flex;align-items:center;margin-bottom:10px;}
.review-avatar{width:45px;height:45px;border-radius:50%;margin-right:14px;box-shadow:0 2px 8px #8ec9ea44;}
.review-info{display:flex;flex-direction:column;}
.review-name{font-weight:700;font-size:13px;line-height:1.2;color:#363636;}
.review-stars{display:flex;align-items:center;margin-top:2px;}
.star{color:#f8de4b;font-size:13px;margin-right:2px;}
.review-date{font-size:12px;color:#B2B2B3;margin-left:8px;}
.review-text{font-size:12px;line-height:16px;margin-top:8px;color:#000;}
.review-arrow{position:absolute;top:50%;width:34px;height:34px;background:#fff;box-shadow:0 4px 16px #9ad3ef33;z-index:2;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);cursor:pointer;}
.review-arrow-left{left:-22px;}
.review-arrow-right{right:-22px;}
.review-arrow-left:after{content:'\e902';font-family:'blur';font-size:16px;color:#88702b;transform:rotate(180deg);}
.review-arrow-right:after{content:'\e902';font-family:'blur';font-size:16px;color:#88702b;}
.review-slide{position:absolute;width:100%;top:0;left:0;transition:transform .5s cubic-bezier(.38,.68,.44,1), opacity .5s cubic-bezier(.38,.68,.44,1);opacity:1;}
.slide-right-in{transform:translateX(100%);opacity:0;}
.slide-right-in-active{transform:translateX(0%);opacity:1;}
.slide-left-out{transform:translateX(0%);opacity:1;}
.slide-left-out-active{transform:translateX(-100%);opacity:0;}
.slide-left-in{transform:translateX(-100%);opacity:0;}
.slide-left-in-active{transform:translateX(0);opacity:1;}
.slide-right-out{transform:translateX(0);opacity:1;}
.slide-right-out-active{transform:translateX(100%);opacity:0;}
@media (max-width:360px){
.review-avatar{width:35px;height:35px;}
.review-name{font-size:12px;}
.review-date{font-size:11px;}
.review-text{font-size:11px;}
.review-arrow{width:30px;height:30px;}}

.iti__selected-dial-code {
    color: #444444;
    font-size: 18px;
}