.container{padding:100px 0;}

.heading.underline::after{background-color:#faa819;}

.overlay{position:relative; z-index:1;}
.overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1;}
.overlay.startlt::after{width:50%;}

.bgded{background-position:top center; background-repeat:no-repeat; background-size:cover;}
.wrapper{display:block; position:relative; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word;}



#pageintro{padding:180px 0;}

#pageintro article{display:block; max-width:75%;}
#pageintro .heading{margin-bottom:20px; font-size:4rem;text-transform: capitalize;color: #fff;}

#pageintro .screen{transform: translate(-150%);}
#pageintro .screen.easy.right.delighter.started {transition: all .4s ease-out .4s;transform: translate(0); color:#fff;}

h3.heading.left {
	transform: translate(150%);
}
h3.heading.left.delighter.started {
	transition: all .4s ease-out .4s;transform: translate(0);
}

#pageintro p.easy:first-of-type{margin:30px 0 20px 0; text-transform:uppercase; font-size:1.6rem; letter-spacing:5px;opacity:0;}
#pageintro p.easy.delighter.started.ended{opacity: 1; transition: all .7s ease-out 1s;}

#pageintro .grid-box.bottom{transform:translatey(50%); opacity:0; transition: all .75s ease-out;}
#pageintro .grid-box.bottom.delighter{transform:none; opacity:1;}


.bottom{transform:translatey(50%); opacity:0;}
.bottom.delighter {transform: translatey(0);opacity: 1;transition: all .7s ease-out 1s;}


#pageintro footer{margin-top:10px;}
#pageintro{color:#FFFFFF;align-self: center;justify-self: center;}
#pageintro footer.grid-box{font-weight: bold;font-size: 18px;text-decoration: none;line-height: 26px;}
#pageintro footer.grid-box a{border:1px solid #fff;}
#pageintro footer.grid-box a{color: #fff;padding:12px 18px 12px; text-transform:uppercase;text-align: center;transition: background-color 0.2s ease-in-out;text-decoration:none;font-weight: bold;font-size:15px;text-wrap: nowrap;}
#pageintro footer.grid-box a.active:hover{background: rgb(0 152 71); }
#pageintro footer.grid-box a.active{background: #faa819;}

#pageintro img{background: #ffffff6b;border-radius: 105px;margin-bottom:30px;height:180px;padding-bottom: 7px;opacity:0;}

#pageintro img.easy.started{opacity: 1; transition: all .7s ease-out 1s;}

.word{height: 20px;}

.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(3 105 50 / 55%);}
.overlay.light{color:#474747;}
.overlay.light::after{background-color:rgba(255,255,255,.7);}


h1.easy{margin-bottom: 40px;opacity:0;}
h1.easy.started{opacity:1;transition: all .3s ease-out 0.5s;}


.course_item.bottom{transform:translatey(50%); opacity:0;position: relative;}
.course_item.bottom.delighter.started {transform: translatey(0);opacity: 1;transition: all .7s ease-out 0.5s;}

.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:left; margin:0 0 0 4.21052%; list-style:none;}

.first{margin-left:0; clear:left;}

.one_quarter{width:21.8421%;}
.one_third{width:30.52631%;}
.one_half, .two_quarter{width:47.89473%;}
.two_third{width:65.26315%;}
.three_quarter{width:73.94736%;}


.grid-box-3{}
.one .box-1, .one .box-2, .one .box-3{opacity:0;}
.one .box-1.delighter.started {opacity: 1;transition: all .7s ease-out 0.2s;}
.one .box-2.delighter.started {opacity: 1;transition: all .7s ease-out 0.4s;}
.one .box-3.delighter.started {opacity: 1;transition: all .7s ease-out 0.6s;}


.row0{background:#000;}
footer .limit{padding:80px 0;}


.one .box-1 img{width:100%;}
.one .box-2 img{width:51px;}
.one .box-2 {
    display: flex;
    gap: 20px;align-items: center;justify-content: center;
}

.one .box-3{text-align:center;color:#fff;}

.one .box-3 a{border:none;}
.one .box-3 a{color: #fff;padding:12px 18px 12px; text-transform:uppercase;text-align: center;transition: background-color 0.2s ease-in-out;text-decoration:none;font-weight: bold;font-size:15px;text-wrap: nowrap;}

.one .box-3 a.active:hover{background: rgb(0 152 71); }
.one .box-3 a.active{background: #faa819;border-radius: 5px;}
.one .knopka { margin-top: 50px;}
.one .box-3 p:first-of-type{margin:30px 0 20px 0; text-transform:uppercase; font-size:1.6rem; }


.grid-box-3.two {
    padding-top: 50px;
    text-align: center;
    color: #fff;
}

.grid-box-3.two a{color: #fff;}

.course_item span.free {
    background: rgb(0 152 71);
}
.course_item span.charge {
    background: #faa819;
}

.course_item span.charges_info {
    position: absolute;
    top: 10px;
    left: -8px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    padding: 11px 12px 10px 16px;
    font-size: 15px;
}

a.title {
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #111;
    padding-top: 10px;
}

.course_item span.charges_info span {
    display: block;
    width: 8px;
    height: 8px;
    background: url('../images/charges_info_slide_1.png') 0 0 no-repeat;
    position: absolute;
    left: 0;
    bottom: -8px;
}
.course_item span.charge span {
    background-position: 0 -8px;
}