.popup{position:absolute;height:100vh;width:100vw;top:0;right:0;bottom:0;left:0;z-index:-1200;opacity:0;display:flex;flex-direction:row;align-items:center;justify-content:center;background:rgba(0,0,0,.7);overflow:auto;display:none}.popup .popup-content{background:#fff;max-width:calc(100% - 20px);width:1000px;max-height:calc(100% - 80px);padding:60px;position:relative;display:flex;flex-direction:column;overflow-y:auto}.popup .popup-content .content-holder{max-height:100%;overflow-y:auto;flex:1;padding:0 20px 0 0}.popup .close-btn{position:absolute;top:25px;cursor:pointer;top:13px;right:13px;width:24px;height:24px;display:block;background:url("/wp-content/themes/eteacher/images/icons/close-round.svg") no-repeat center center rgba(0,0,0,0)}[dir=ltr] .popup .close-btn{right:20px}[dir=rtl] .popup .close-btn{left:20px}.popup .close-btn:before,.popup .close-btn:after{display:none}.popup.opened{z-index:1200;opacity:1;display:flex}@media(width <= 767px){.popup .popup-content{margin:0 10px;padding:50px 30px 30px;height:calc(100% - 100px);max-height:none}}body.popup-opened{overflow:hidden}#articles{margin:75px 0 0;color:#18486b;font-size:16px}#articles header{text-align:center;max-width:900px;margin:0 auto 40px}#articles header .subtitle{font-size:20px;font-weight:700;margin:0 0 5px}#articles .items{gap:40px;justify-content:center}#articles .items .item{border:1px solid #f5f5f5;border-radius:10px;overflow:hidden}#articles .items .item a.preview{aspect-ratio:2.92/1;overflow:hidden;display:block;position:relative}#articles .items .item a.preview img{display:block;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}#articles .items .item .info{padding:20px;text-align:center}#articles .items .item .info h3{margin:0 auto 10px;max-width:250px;font-size:20px}#articles .items .item .info p{margin:0}@media(width <= 991px){#articles{margin-top:55px}#articles header{margin-bottom:30px}#articles .items{flex-direction:column}#articles .items .item{width:400px;max-width:100%}}#info-popup .popup-content{overflow:auto;max-width:450px;background:#f8f6f4;border-radius:8px;padding:0;height:auto}#info-popup .popup-content header{background:#fff;text-align:center;padding:47px 20px 30px;border-radius:8px 8px 0 0}#info-popup .popup-content header .title{font-size:22px;font-family:"freight-text-pro",serif;font-weight:700;margin:0 0 10px}#info-popup .popup-content header .subtitle{margin:0}#info-popup .popup-content header .mark{position:relative;padding-bottom:20px}#info-popup .popup-content header .mark:after{content:"";height:5px;width:50px;background:#f0af37;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}#info-popup .popup-content .content-box{padding:40px 20px 50px}#info-popup .popup-content .content-box form{max-width:320px;margin:0 auto}#info-popup .popup-content .content-box form label{display:block;color:#000;font-size:15px;margin:0 0 8px}#info-popup .popup-content .content-box form .submit-holder{margin:20px 0 0}#info-popup .popup-content .content-box form .submit-holder .btn{width:100%}#info-popup .popup-content .content-box form .fieldset{display:grid;grid-template-columns:1fr 2fr;gap:35px 20px}#info-popup .popup-content .content-box form .fieldset .field-row{margin:0}#info-popup .popup-content .content-box form .fieldset .field-row.class-row{grid-column:span 2}#info-popup .popup-content .content-box form .fieldset .field-row.class-row .title{font-size:16px;font-weight:600;margin:0 0 10px;color:#c47f00}#info-popup .popup-content .content-box form .fieldset .field-row.class-row .description{font-size:15px;line-height:1.7;margin:0 0 20px}#info-popup .popup-content .content-box form .fieldset .field-row .input-box{background:#fff;border:1px solid #d0d0d0;height:48px}#info-popup .popup-content .content-box form .fieldset .field-row .input-box input,#info-popup .popup-content .content-box form .fieldset .field-row .input-box select,#info-popup .popup-content .content-box form .fieldset .field-row .input-box .styled-select{line-height:50px;font-style:normal}#info-popup .popup-content .content-box form .fieldset .field-row .input-box li[role=option]{line-height:40px;font-style:normal}#info-popup .popup-content .content-box form .fieldset .field-row .input-box input.placeholder{font-style:normal}#info-popup .popup-content .content-box form .fieldset .field-row .input-box input:-moz-placeholder{font-style:normal}#info-popup .popup-content .content-box form .fieldset .field-row .input-box input::-moz-placeholder{font-style:normal}#info-popup .popup-content .content-box form .fieldset .field-row .input-box input:-ms-input-placeholder{font-style:normal}#info-popup .popup-content .content-box form .fieldset .field-row .input-box input::-webkit-input-placeholder{font-style:normal}#info-popup .popup-content .content-box form .fieldset .field-row .input-box .input-feedback{font-style:normal}#info-popup .popup-content .content-box form .fieldset .field-row .input-box.textarea{height:auto}#info-popup .popup-content .content-box form .fieldset .field-row .input-box.textarea textarea{resize:none}#info-popup .popup-content .content-box form .fieldset .field-row.class-row .input-box.select-box ul{max-height:130px}#info-popup .popup-content .content-box form .fieldset .field-row.is-invalid .input-box{border-color:#b60a05}#info-popup .popup-content .content-box form .form-error{opacity:0;font-size:15px;color:#b60a05;padding:10px 0 0 20px;position:relative}#info-popup .popup-content .content-box form .form-error:before{background:#b60a05;color:#fff;content:"i";width:14px;height:14px;line-height:14px;font-size:11px;text-align:center;display:inline-block;border-radius:50px;font-weight:700;position:absolute;left:0;bottom:0}#info-popup .popup-content .content-box form .form-error.shown{opacity:1}footer{margin:130px 0 0}
