@charset "utf-8";
html {width:100%}
body {margin:0; padding:0; height: 100%; background: #fff}
.ns-fx {display: flex}
.ns-fx > div, .ns-fx > li, .ns-fx > a {display: block; box-sizing: border-box; position: relative}
.openmenu {overflow: hidden !important; scrollbar-gutter: stable}

.social {align-items: center; gap: 8px; padding: 0 20px; min-height: 68px; }
.social a {justify-content: center; align-items: center; width: 56px; height: 56px; border-radius: 50%;  text-align: center; overflow: hidden; box-sizing: border-box; line-height: 0}
.social svg {width: 26px; line-height: 0}
.social svg path {fill: #000}

.wrapper {margin-top: 130px; background: #f4f0ef; position: relative; z-index: 1}

header {width: 100%; height: 130px; background: rgba(255, 255, 255, 0.8); backdrop-filter: saturate(180%) blur(10px); box-shadow: 0 5px 20px rgba(0,0,0,0.09); position: fixed; top: 0; left: 0; z-index: 5}
header:hover {background: #fff}
.head {justify-content: space-between; align-items: center; margin: 0 auto; width: 100%; max-width: 1600px; height: 130px; box-sizing: border-box}
.head > div:nth-child(1) {min-width: 316px; max-width: 316px}
.head > div:nth-child(6), .head > div:nth-child(7) {display: none}
.head a {color: #0b121e}
.head .logo {display: block}
.head .logo-text {color: #6a7288; font-size: 13px; padding-top: 5px; word-spacing: 1px}
.head .social {border-left: 2px solid #f3f3f6}
.head .social a {border: 2px solid #f7f6f8}
.head .nav {align-items: center; gap: 30px; padding: 0 34px; min-height: 68px; font-size: 16px; font-weight: 700; text-transform: uppercase; border-right: 2px solid #f3f3f6; border-left: 2px solid #f3f3f6}
.head .phone {margin: 0 20px; font-size: 17px; font-weight: 700; text-transform: uppercase}
.head .btn_wrp {gap: 14px}
.head .button {display: block; padding: 0 20px; height: 64px; color: #0b121e; font-weight: 700; text-transform: uppercase; text-align: center; border-radius: 6px; box-sizing: border-box; line-height: 64px}
.head .button.green {background: #bbbc4d}
.head .button.border {border: 2px solid #969daa}
.head .button svg {display: inline-block; margin-right: 3px; width: 22px; vertical-align: middle}
.head .button path {fill: #0b121e}

footer {width: 100%; padding: 45px 0; background: #212529}
.footer {flex-wrap: wrap; margin: 0 auto; width: 100%; max-width: 1600px; font-size: 20px; color: #fff; box-sizing: border-box}
.footer > div {padding-bottom: 40px}
.footer > div:nth-child(1) {width: 100%}
.footer > div:nth-child(2) {width: 30%}
.footer > div:nth-child(3) {padding: 0 60px; width: 45%}
.footer > div:nth-child(4) { padding-left: 30px; width: 25%}
.footer .logo {display: block; width: 275px}
.footer .logo-text {width: 275px; margin-top: 10px; font-size: 12px; text-align: center; text-transform: uppercase; letter-spacing: 1.2px; word-spacing: 3.5px; position: relative}
.footer .logo-text:before, .footer .logo-text:after {content: ''; display: block; width: 10px; height: 1px; background: #fff; position: absolute; top: 50%; left: 0}
.footer .logo-text:after {left: inherit; right: 0}
.footer .social {gap: 15px; padding: 0 0 30px 0}
.footer .social a {border: 2px solid #9ea246}
.footer .social svg path {fill: #9ea246}
.footer .contact-bot {gap: 20px; padding-bottom: 20px; font-weight: 500; color: #fff}
.footer .contact-bot > div:nth-child(1) {min-width: 30px; width: 30px; max-width: 30px}
.footer .contact-bot > div:nth-child(2) {padding-top: 1px}
.footer .contact-bot a {color: #fff; text-decoration: none}
.footer .contact-bot svg path {fill: #9ea246}
.footer .contact-bot span {font-size: 16px; font-weight: normal; opacity: .8}
.footer .nav-bot {flex-wrap: wrap; margin: 0 -60px}
.footer .nav-bot > div {padding: 0 60px 25px 60px; width: 50%}
.footer .nav-bot .link {display: block; padding-right: 15px; color: #fff; cursor: pointer; box-sizing: border-box; position: relative}
.footer .nav-bot .link:before {content: ''; display: block; width: 12px; height: 19px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIiB3aWR0aD0iMTIiPjxwYXRoIGQ9Ik0yNjcuMyAyNDQuN2M2LjIgNi4yIDYuMiAxNi40IDAgMjIuNmwtMTYwIDE2MGMtNi4yIDYuMi0xNi40IDYuMi0yMi42IDBzLTYuMi0xNi40IDAtMjIuNkwyMzMuNCAyNTYgODQuNyAxMDcuM2MtNi4yLTYuMi02LjItMTYuNCAwLTIyLjZzMTYuNC02LjIgMjIuNiAwbDE2MCAxNjB6IiBmaWxsPSIjOWVhMjQ2Ii8+PC9zdmc+'); background-repeat: no-repeat; position: absolute; right: 0; top: 4px}
.footer .company {padding-top: 25px; border-top: 1px solid #45484c; line-height: 40px}
.footer .company span {display: inline-block; padding: 0 15px; color: #9ea246}

.bottom {margin: 0 auto; padding-top: 35px; width: 100%; max-width: 1600px; color: #fff; border-top: 1px solid #45484c; box-sizing: border-box}
.bottom > div {padding-right: 60px}
.bottom > div:last-child {padding-right: 0}
.bottom > div:after {content: ''; display: block; width: 1px; height: 21px; background: #45484c; position: absolute; right: 30px; top: 0}
.bottom > div:last-child:after {display: none}
.bottom > div span {display: inline-block; cursor: pointer} 

section {padding: 60px 0}
.s-backcall {max-width: 100%; overflow: hidden}
.content {margin: 0 auto; width: 100%; max-width: 1400px; box-sizing: border-box}
.content.center {text-align: center}
.gradient-1,
.gradient-2 {margin-top: -30px; padding-top: 30px; background: linear-gradient(45deg, #f4f0ef 0%, #e7e2dd 100%); box-shadow: 25px 25px 50px 0px rgba(15, 23, 42, 0.06); border-radius: 10px}
.gradient-2 {background: linear-gradient(45deg, #f4f0ef 0%, #f5f0ec 100%)}

.pre_title {color: #727532; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; word-spacing: 3px}
.post_title {padding-top: 10px; font-size: 18px; color: rgba(29, 53, 87, 0.75); line-height: 145%}
.post_title.big {font-size: 22px; line-height: 160%}
.post_title span {color: #727532}
.post_title div {padding: 10px 0 0 0}

.start {gap: 28px}
.start > div {width: 50%; color: #0e162e}
.start .title {margin-bottom: 20px; padding-bottom: 20px; font-size: 72px; font-weight: 900; font-family: "Roboto Condensed", sans-serif; color: #041026; line-height: 78px; position: relative}
.start .title:after {content: ''; display: block; width: 266px; height: 4px; background: #8c980c; border-radius: 6px; position: absolute; bottom: 0; left: 0}
.start .num {gap: 34px; align-items: center}
.start .num > div:nth-child(1) {font-size: 110px; font-weight: 900; font-family: "Roboto Condensed", sans-serif; background-image: repeating-linear-gradient(-5deg, #889202, #889202 10px, #929b03 10px, #929b03 20px);   -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 110px}
.start .num > div:nth-child(2) {font-size: 30px; font-weight: 800}
.start .text {padding-top: 20px; font-size: 24px; font-weight: 500; line-height: 160%}
.start .icons-right {gap: 12px; padding-top: 40px}
.start .icons-right > div {padding: 25px; width: calc(100% / 3); background: #fff; border-radius: 10px; box-shadow: 0 12px 32px rgba(7, 18, 41, 0.06); box-sizing: border-box}
.start .icons-right .icon {align-items: flex-start; flex-wrap: wrap}
.start .icons-right .icon > div:nth-child(1) {padding: 10px; width: 54px; height: 54px; border-radius: 10px; background: #f81212; line-height: 0}
.start .icons-right .icon > div:nth-child(2) {padding-left: 24px; height: 54px; font-size: 50px; font-weight: 800; font-family: "Roboto Condensed", sans-serif; line-height: 54px}
.start .icons-right .icon > div:nth-child(3) {padding-top: 14px; font-size: 17px; line-height: 150%}
.start .icons-right .icon > div span {display: inline-block; padding-bottom: 3px; width: 100%; font-weight: 700; font-size: 19px}
.start .icons-right .icon svg path {fill: #fff}
.start .bg {width: calc(100% + 15px); height: 490px; background: #f0ecdf; border-radius: 38% 51% 12% 10% / 48% 62% 59% 59%; position: absolute; bottom: 90px; left: -25px; z-index: 2}
.start .photo {width: 100%; position: absolute; bottom: 0; left: 20px; z-index: 3}
.start .icons-left {gap: 20px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5} 
.start .icons-left > div {padding: 20px; width: 50%; background: #fff; border-radius: 10px; box-shadow: 0 12px 32px rgba(7, 18, 41, 0.08); box-sizing: border-box}
.start .icons-left .icon {gap: 16px}
.start .icons-left .icon > div:nth-child(1) {padding: 10px; min-width: 60px; width: 60px; max-width: 60px; height: 60px; border-radius: 50%; background: repeating-linear-gradient(-5deg, #889202, #889202 10px, #929b03 10px, #929b03 20px); line-height: 0}
.start .icons-left .icon svg {width: 100%}
.start .icons-left .icon svg path {fill: #fff}
.start .icons-left .name {font-size: 22px; font-weight: 700}
.start .icons-left .info { padding-top: 7px; font-size: 17px; line-height: 150%}

.graphics {gap: 25px}
.graphics > div {margin-top: 30px; padding: 20px 20px 140px 20px; background: #fff; border-radius: 10px}
.graphics > div:nth-child(1) {width: 65%}
.graphics > div:nth-child(2) {width: 35%}
.graphics h3 {padding-bottom: 15px; font-size: 22px; font-weight: 700}
.graphics .img {line-height: 0}
.graphics .block-bottom {gap: 20px; padding: 20px; width: calc(100% - 40px); height: 120px; border-radius: 10px; background: #f4f7fe; box-sizing: border-box; overflow: hidden; position: absolute; bottom: 20px; left: 20px}
.graphics .block-bottom.small {gap: 12px; padding: 20px 15px; width: calc(100% - 30px)}
.graphics .block-bottom > div:nth-child(3) {color: #055cfb; font-size: 30px; font-weight: 700}
.graphics .block-bottom .icon {justify-content: center; align-items: center; width: 70px; height: 70px; background: #0055f9; border-radius: 50%; line-height: 0}
.graphics .block-bottom.small .icon {width: 56px; height: 56px}
.graphics .block-bottom svg {width: 36px}
.graphics .block-bottom.small svg {width: 32px}
.graphics .block-bottom svg path {fill: #fff}
.graphics .block-bottom h4,
.graphics .block-bottom h5 {padding-bottom: 5px; font-size: 20px; font-weight: 700}
.graphics .block-bottom h5 {font-size: 18px}
.graphics .block-bottom p {font-size: 18px; color: #242544}
.graphics .block-bottom p.small {font-size: 13px}
.graphics .block-bottom span {color: #055cfb; font-weight: 700}
.graphics .gr-result {padding-top: 10px}
.graphics .gr-result .item {align-items: center; gap: 20px; padding: 28px 0; border-bottom: 1px solid #f6f6f8; font-weight: 600}
.graphics .gr-result .item:last-child {border-bottom: none}
.graphics .gr-result .item > div:nth-child(1) {min-width: 78px; max-width: 78px; height: 48px; font-size: 18px; text-align: center; border-radius: 6px; line-height: 48px}
.graphics .gr-result .item > div:nth-child(2) {width: 100%; line-height: 0}
.graphics .gr-result .item > div:nth-child(3) {min-width: 55px; max-width: 55px; font-size: 20px; text-align: right}
.graphics .gr-result .item > div:nth-child(4) {min-width: 100px; max-width: 100px; font-size: 26px; text-align: right}
.graphics .gr-result .line {width: 100%; height: 22px; background: #f6f7fb; border-radius: 4px; line-height: 0; overflow: hidden; position: relative}
.graphics .gr-result .line .line-bg {height: 22px; border-radius: 4px; position: absolute; top: 0; left: 0}
.graphics .gr-result .item:nth-child(1) > div:nth-child(1) {background: #fff2d9; color: #05002a}
.graphics .gr-result .item:nth-child(2) > div:nth-child(1) {background: #f4f8ea; color: #587519}
.graphics .gr-result .item:nth-child(3) > div:nth-child(1) {background: #eaf0fe; color: #525284}
.graphics .gr-result .item:nth-child(4) > div:nth-child(1) {background: #ffeee7; color: #e21921}
.graphics .gr-result .item:nth-child(1) > div:nth-child(4) {color: #fabb0e}
.graphics .gr-result .item:nth-child(2) > div:nth-child(4) {color: #74b400}
.graphics .gr-result .item:nth-child(3) > div:nth-child(4) {color: #0052f6}
.graphics .gr-result .item:nth-child(4) > div:nth-child(4) {color: #e71508}
.graphics .gr-result .item:nth-child(1) .line-bg {background: #fdb801}
.graphics .gr-result .item:nth-child(2) .line-bg {background: #8fb806}
.graphics .gr-result .item:nth-child(3) .line-bg {background: #0057fe}
.graphics .gr-result .item:nth-child(4) .line-bg {background: #ea0004}
.graphics .block-top {align-items: center; gap: 10px; padding: 20px 15px; background: #fff; border: 2px solid #f2f6fd; border-radius: 10px; box-shadow: 0px 0px 8px 8px rgba(244, 247, 253, .35); position: absolute; top: 20px; right: 20px}
.graphics .block-top > div:nth-child(1) {width: 80px}
.graphics .block-top .icon {align-items: center; justify-content: center; width: 70px; height: 70px; background: #fff2f3; border-radius: 50%; line-height: 0}
.graphics .block-top .icon svg {width: 35px}
.graphics .block-top .icon svg path {fill: #f70d0d}
.graphics .block-top .num {font-size: 30px; color: #de1311; font-weight: 600}

.all-text {padding: 60px; width: 100%; font-size: 45px; font-weight: 500; color: #fff; text-align: center; background: #1c2028; box-sizing: border-box}
.all-text span {color: #778c46}

.faq-list {padding-top: 15px}
.faq-list .item {padding: 10px 25px; width: 100%; background: #fff; border: 1px solid rgba(7,18,41,.08); border-radius: 10px; box-sizing: border-box; position: relative}
.faq-list .question {gap: 20px; padding: 0 50px 0 0; font-size: 18px; font-weight: 600; color: #071229;   box-sizing: border-box; cursor: pointer; position: relative}
.faq-list .question > div:nth-child(1) {width: 44px; height: 44px; background: #faf8f5; border-radius: 10px}
.faq-list .question > div:nth-child(2) {padding-top: 10px}
.faq-list .icon {justify-content: center; align-items: center; width: 100%; height: 100%}
.faq-list .icon > div {width: 26px; line-height: 0}
.faq-list .icon svg path {fill: #79772f}
.faq-list .question:before {content: '+'; display: block; width: 34px; height: 44px; font-size: 36px; font-weight: 400; color: #79772f; text-align: center; line-height: 44px; transition: all .3s ease; position: absolute; top: 0; right: 0}
.faq-list .item.active .question:before {content: '-'}
.faq-list .ansver {display: none; padding: 15px 20px; font-size: 16px; box-sizing: border-box; line-height: 140%; opacity: .8}
.faq-list .ansver .text {padding: 15px 20px; background: #fbf9f7; border-radius: 10px}
.faq_post {align-items: center; margin-top: 10px; padding: 8px 45px; background: #efeae3; border-radius: 10px}
.faq_post > div:nth-child(1) {width: 190px}
.faq_post > div:nth-child(2) {padding: 0 180px 0 80px}
.faq_post > div:nth-child(3) {width: 300px}
.faq_post .img {width: 190px; height: 190px; border-radius: 50%; overflow: hidden; line-height: 0}
.faq_post .title {font-size: 26px; font-weight: 700; color: #000; line-height: 40px}
.faq_post .green {font-size: 24px; font-weight: 700; color: #727533; line-height: 40px}
.faq_post .small {font-size: 16px}
.faq_post .center {font-size: 15px; text-align: center; line-height: 22px}
.faq_post a {justify-content: center; align-items: center; gap: 15px; margin-bottom: 15px; height: 50px; color: #fff; font-size: 16px; font-weight: 600; background: #7d7f3b; border-radius: 100px} 
.faq_post a > div:nth-child(1) {width: 24px; line-height: 0}
.faq_post svg path {fill: #fff}

.swiper {padding-top: 20px !important}
.swiper-slide {height: auto !important}

.button-prev, .button-next {justify-content: center; align-items: center; width: 56px; height: 56px; background: #000 /*#fdfbf9*/; /*border: 1px solid #eae6e1;*/ border-radius: 50%; line-height: 0; cursor: pointer; position: absolute; top: calc(50% - 28px); z-index: 5} 
.button-prev svg, .button-next svg {width: 15px}
.button-prev svg path, .button-next svg path {fill: #fff}
.button-prev {left: 25px}
.button-next {right: 25px}

.slider_content_wrap {padding-top: 25px}
.slider_content_wrap h3 {margin: 10px auto 15px auto; width: 100%; max-width: 1400px; font-size: 24px; font-weight: 700}
.slider_content_wrap .slider_content {display: flex; align-items: stretch}
.slider_content_wrap .tns-item {display: block !important; height: auto !important}
.slider_content_width {position: relative; z-index: 1}
.slider_content_width:before, .slider_content_width:after {content: ''; display: block; width: 10%; height: 100%; position: absolute; top: 0; z-index: 2}
.slider_content_width:before {background: linear-gradient(90deg, rgba(244, 240, 239, 1) 0%, rgba(0, 0, 0, 0) 100%); left: 0}
.slider_content_width:after {background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(244, 240, 239, 1) 100%); right: 0} 
.slider_content .item {width: 100%; min-height: 270px; height: 100%; border: 1px solid #e7e1d9; border-radius: 6px; overflow: hidden; box-sizing: border-box}
.slider_content .item > div {width: 50%}
.slider_content .item .img {background-position: center top; background-repeat: no-repeat; background-size: cover; line-height: 0}
.slider_content .item .text {padding: 20px 20px 60px 20px; background: #f8f5f2}
.slider_content .item .name {font-size: 18px; font-weight: 600; color: #1D3557}
.slider_content .item .anons {display: -webkit-box; margin-top: 25px; font-size: 14px; color: #898a8b; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 145%}
.slider_content .item .view {padding: 7px 0; width: calc(100% - 40px); font-size: 12px; cursor: pointer; position: absolute; left: 20px; bottom: 13px; }
.slider_content .item .view:after {content: '\2192'; display: inline-block; padding-left: 5px; font-size: 14px; color: #585835}

.reviews-raiting {margin: 20px 0 -20px 0}
.reviews-raiting iframe {box-shadow: 0 5px 20px rgba(0,0,0,0.09);}

.after_slider {justify-content: space-between; align-items: center; margin: 35px auto 0 auto; padding: 20px 45px; width: 100%; max-width: 1400px; background: #efeae3; border-radius: 10px; box-sizing: border-box}
.after_slider .text {align-items: center; gap: 14px; font-size: 18px; color: #232523; line-height: 145%; position: relative}
.after_slider .text > div:nth-child(1) {line-height: 0}
.after_slider .text svg {width: 46px}
.after_slider .text svg path {fill: #787744}
.after_slider .button {align-items: center; gap: 18px; padding: 0 25px; height: 48px; color: #fff; font-size: 16px; font-weight: 600; background: #727141; border-radius: 10px}
.after_slider .button > div:nth-child(2) {padding-top: 3px; line-height: 0}
.after_slider .button svg {width: 13px}
.after_slider .button svg path {fill: #fff}

.message {padding-top: 50px}
.message > div {width: 50%}
.message > div:nth-child(1) {padding-bottom: 40px}
.message .pole {flex-wrap: wrap; padding: 7px; background: #fff; border-radius: 10px; box-sizing: border-box}
/*.message .frmPole {border: 1px solid #ecebeb}
.message .frmPole.error {border: 1px solid red}*/
.message .stat_pole.error {border: 1px solid red}
.message .pole > div {width: calc(50% - 3.5px);}
.message .pole > div:nth-child(1) {margin-right: 3.5px;}
.message .pole > div:nth-child(2) {margin-left: 3.5px;}
.message .pole > div:nth-child(4) {margin-top: 7px; padding: 0; width: 100%; border: none}
.message .pole .middle {display: none}
.message input[type='text'] {padding: 0 10px; width: 100%; height: 74px; font-size: 18px; border: 1px solid #76823f; border-radius: 10px; box-sizing: border-box}
.message .send_frm {justify-content: center; align-items: center; gap: 18px; height: 74px; font-size: 18px; font-weight: 600; color: #fff; background: #76823f; border-radius: 10px; cursor: pointer}
.message .send_frm > div:nth-child(2) {padding-top: 3px}
.message .send_frm svg {width: 13px}
.message .send_frm svg path {fill: #fff}
.message .icons {gap: 25px;padding-top: 30px} 
.message .icons > div {width: 50%}
.message .icon {margin-bottom: 20px; align-items: center; gap: 18px; font-size: 17px}
.message .icon > div:nth-child(1) {min-width: 50px; width: 50px; max-width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: contain; line-height: 0}
.message .icon > div:nth-child(2) {font-weight: 600; line-height: 145%}
.message .icon > div span {color: #76823f}
.message .icons .faximile {margin: 0 auto; max-width: 250px}
.message .icons .name {margin: 15px 0; font-size: 24px; font-weight: 700; color: #000012; text-align: center; opacity: .7}
.message .icons .info {font-size: 16px; color: #4d556c; text-align: center}
.message .post_icon {margin-top: 15px; font-size: 18px; font-weight: 500; text-align: center; color: #494854; line-height: 145%}
.message .post_icon span {color: #76823f; font-weight: 700}
.message .bg-img {width: 100%; height: calc(100% + 300px); line-height: 0; overflow: hidden; position: absolute; bottom: 0; left: -30px; z-index: 5}
.message .bg-img .bg {display: none}
.message .bg-img img {width: 100%; height: 100%; object-fit: contain; object-position: bottom center}

.wrp_how-education {position: relative}
.wrp_how-education .bg_photo {position: absolute; top: -290px; right: 270px; z-index: 1}
.wrp_how-education .bg_text {color: #000112; position: absolute; top: -125px; right: 60px; z-index: 1}
.wrp_how-education .bg_text .name {font-size: 15px; font-weight: 700}
.wrp_how-education .bg_text .text {padding-top: 7px; font-size: 14px; line-height: 120%; opacity: .8}

.how-education {flex-wrap: wrap; margin: 0 -5px; padding-top: 30px; position: relative; z-index: 3}
.how-education > div {padding: 5px; width: calc(100% / 3)}
.how-education .item {gap: 25px; padding: 22px; width: 100%; height: 100%; background: #fff; box-shadow: 0 12px 40px rgba(7,18,41,0.06); border-radius: 10px; box-sizing: border-box}
.how-education .item > div:nth-child(1) {min-width: 94px; width: 94px; max-width: 94px; height: 94px; text-align: center; background: #eef0e1; border-radius: 50%; box-sizing: border-box; line-height: 0}
.how-education .item > div:nth-child(2):after {content: ''; display: block; width: 34px; height: 2px; background: #769423; position: absolute; left: 0; bottom: 0}
.how-education .icon {justify-content: center; align-items: center; padding: 15px; width: 100%; height: 100%; box-sizing: border-box} 
.how-education .num {font-size: 22px; font-weight: 800; color: #66840b}
.how-education .name {padding-top: 4px; font-size: 21px; font-weight: 800; color: #060831; line-height: 24px}
.how-education .text {padding: 10px 0 15px 0; font-size: 16px; line-height: 150%; position: relative} 

.line-education {justify-content: space-between; margin-top: 5px; padding: 22px 0; background: #fff; border-radius: 10px; box-shadow: 0 12px 40px rgba(7,18,41,0.06)}
.line-education > div {padding: 0 22px; min-width: 256px; border-left: 1px solid #e8ebd9; overflow: hidden}
.line-education > div:first-child {border-left: none}
.line-education .icon_wrp {align-items: center}
.line-education .icon {padding: 12px; min-width: 70px; width: 70px; height: 70px; border-radius: 50%; background: #f4f5ea; box-sizing: border-box}
.line-education .icon.white {background: repeating-linear-gradient(-5deg, #889202, #889202 10px, #929b03 10px, #929b03 20px)}
.line-education .icon svg path {fill: #6f8e14}
.line-education .icon.white svg path {fill: #fff}
.line-education .info {padding-left: 25px; font-size: 16px; line-height: 150%; white-space: nowrap}
.line-education .info.big {font-size: 18px}
.line-education .info span {color: #859e24; font-weight: 700}

.slider-teachers-width {margin: 0 auto; width: 100%; max-width: 1400px; position: relative}
.teachers {margin-top: 25px} 
.teachers > div {position: relative}
.teachers .item {gap: 40px; padding: 20px 20px 85px 20px; width: 100%; height: 100%; background: #f8f7f5; border-radius: 10px; box-shadow: 0 12px 40px rgba(7, 18, 41, 0.06); box-sizing: border-box; position: relative}
.teachers .item > div {width: 50%; font-size: 18px}
.teachers .item .icon {justify-content: center; align-items: center; width: 56px; height: 56px; border-radius: 50%; background: #e9e8dd; box-sizing: border-box; line-height: 0}
.teachers .item .icon svg {width: 35px}
.teachers .item .icon path {fill: #6f8e14}
.teachers .item .img {width: 100%; text-align: center; line-height: 0; overflow: hidden; position: absolute; bottom: 0; left: 0}
.teachers .item .name {padding-top: 20px; font-size: 36px; font-weight: 700; line-height: 120%} 
.teachers .item .work {padding-top: 15px; font-weight: 700; color: #6f8e14}
.teachers .item .curse {padding-top: 5px; font-weight: 700} 
.teachers .item ul {margin: 20px 0 0 0; padding: 20px 0 5px 0; list-style: none; position: relative}
.teachers .item ul:before {content: ''; display: block; width: 46px; height: 2px; background: #6f8e14; position: absolute; top: 0; left: 0}
.teachers .item ul > li {margin: 0; padding: 0 0 20px 35px; position: relative}
.teachers .item ul > li:before {content: ''; display: block; width: 23px; height: 23px; background: url('images/chek.png') center no-repeat; position: absolute; top: 1px; left: 0}

.teachers .after-block {align-items: center; gap: 22px; padding: 12px; width: calc(100% - 40px); border-radius: 10px; background: #e9e8dd; box-sizing: border-box; position: absolute; bottom: 20px; left: 20px}
.teachers .after-block > div:nth-child(1) {min-width: 46px; width: 46px; max-width: 46px; height: 46px; background: #5f7806; border-radius: 50%; line-height: 0}
.teachers .after-block > div:nth-child(2) {font-size: 20px; font-weight: 600; color: #5f7806; text-transform: uppercase}
.teachers .after-block svg {display: inline-block; width: 25px; height: 25px; transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%}
.teachers .after-block path {fill: #fff}

.after_teachers {justify-content: space-between; align-items: center; gap: 15px; margin-top: 24px; padding: 25px; border-radius: 10px; background: #eeece5}
.after_teachers > div {white-space: nowrap}
.after_teachers > div:nth-child(1) {font-size: 22px; font-weight: 700} 
.after_teachers > div:last-child {font-size: 20px; font-weight: 700}
.after_teachers .arrow {min-width: 35px; width: 35px; max-width: 35px; height: 10px; background: url('images/arrow.png') center no-repeat}
.after_teachers .block {align-items: center; gap: 15px}
.after_teachers .block > div:nth-child(1) {min-width: 84px; width: 84px; max-width: 84px; height: 84px; background-position: center; background-repeat: no-repeat; border: 1px solid #455500; border-radius: 50%}
.after_teachers .block span {color: #455500}

.podgotovka {padding: 40px 25px 0 0; width: 100%; box-sizing: border-box}
.podgotovka > div:nth-child(1) {width: 30%}
.podgotovka > div:nth-child(2) {width: 70%; padding-bottom: 40px}
.podgotovka .img {position: absolute; bottom: 0}
.podgotovka .img img {width: 100%; height: 100%; object-fit: contain}
.podgotovka .photo_name {color: #1D3557; position: absolute; top: -25px; left: 0}
.podgotovka .photo_name .name {font-size: 17px; font-weight: 600}
.podgotovka .photo_name .info {font-size: 14px} 
.podgotovka .blockquote {display: inline-block; margin: 12px 0; padding: 0 85px 45px 85px; font-size: 40px; font-weight: 500; border-bottom: 2px solid #eae0db; line-height: 46px; position: relative}
.podgotovka .blockquote:before,
.podgotovka .blockquote:after {display: block; font-size: 110px; color: #d0c1b4; position: absolute}
.podgotovka .blockquote:before {content: '\275D'; top: 10px; left: 0}
.podgotovka .blockquote:after {content: '\275E'; bottom: 0; right: 0}
.podgotovka .blockquote span, 
.podgotovka .title span {color: #4a694a}
.podgotovka .title {padding-top: 15px; font-size: 24px; font-weight: 500}
.podgotovka .two {gap: 20px; padding-top: 25px}
.podgotovka .two > div:nth-child(1) {width: 65%}
.podgotovka .two > div:nth-child(2) {padding: 20px; width: 35%; text-align: center; background: #efe7e1; border-radius: 10px}
.podgotovka .icon-two {margin: 0 auto; width: 80px; height: 80px}
.podgotovka .icon-two path {fill: #476345}
.podgotovka .name_r {padding: 15px 0 20px 0; font-size: 20px; font-weight: 500; color: #476345 }
.podgotovka .text_r {padding-top: 15px; color: #354356; border-top: 1px solid #476345; line-height: 150%}
.podgotovka .three {margin: 0 -10px}
.podgotovka .three > div {padding: 100px 10px 10px 10px; width: calc(100% / 3); border-right: 1px solid #eee6e1}
.podgotovka .three > div:last-child {border-right: none}
.podgotovka .three .num {font-size: 38px; font-weight: 500; color: #3c5f3f; position: absolute; top: 0; left: 10px}
.podgotovka .three .icon {width: 90px; height: 90px; border-radius: 50%; background-color: #ede4dd; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; right: 20px}
.podgotovka .three .title { font-size: 17px; font-weight: 600; color: #061f46; line-height: 150%}
.podgotovka .three .text {padding-top: 30px; color: #2b4362}

.sun {align-items: center; gap: 30px; margin-top: 35px; padding: 15px 25px; font-size: 20px; background: linear-gradient(90deg, rgba(126,143,91,0.12), rgba(126,143,91,0.04)); border-radius: 10px}
.sun > div:nth-child(1) {width: 50px; height: 50px}
.sun svg {width: 50px}
.sun path {fill: #226f0c}

.slider-tarifs-wrap {margin: 0 auto; width: 100%; max-width: 1400px; position: relative}
.slider-tarifs-wrap .tns-item {display: block !important; height: auto !important}
.tarifs {gap:0; margin-top: 10px}
.tarifs .good {padding: 20px 20px 220px 20px; width: 100%; height: 100%; background: #fff; border: 2px solid rgba(7, 18, 41, 0.08); border-radius: 10px; box-sizing: border-box; position: relative}
.tarifs .good.v2 {border: 2px solid rgba(253, 150, 9, 0.5)}
.tarifs .popular {align-items: center; gap: 7px; padding: 0 10px; height: 24px; border-radius: 10px; background: #fd9d01; color: #fff; font-size: 13px; transform: translate(-50%, 0); position: absolute; top: -12px; left: 50%}
.tarifs .popular > div:nth-child(1) {width: 14px}
.tarifs .popular path {fill: #fff}
.tarifs .name {align-items: center; gap: 20px; margin-bottom: 15px; padding: 5px 0 15px 0; border-bottom: 1px solid #e1e4eb}
.tarifs .name > div:nth-child(1) {width: 84px; height: 84px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-color: #eef4e8}
.tarifs .name.v2 > div:nth-child(1) {background-color: #fef5e2}
.tarifs .name.v3 > div:nth-child(1) {background-color: #ecf1f9}
.tarifs .name .title {margin-bottom: 7px; font-size: 22px; font-weight: 700}
.tarifs .name .tag {display: inline-block; padding: 4px 11px; font-size: 14px; font-weight: 600; color: #2a740f; border-radius: 10px; background: #f0f7eb}
.tarifs .name.v2 .tag {color: #161e23; background: #fef5e2}
.tarifs .name.v3 .tag {color: #003298; background: #ecf1f9}
.tarifs .name .tag svg {padding-right: 7px; width: 10px}
.tarifs .name .tag path {fill: #2a740f}
.tarifs .name.v2 .tag path {fill: #fe9d00}
.tarifs .name.v3 .tag path {fill: #003298}
.tarifs .name .text {margin-top: 8px; font-size: 14px; font-weight: 600; color: #2a740f}
.tarifs .name.v3 .text {color: #003298}
.tarifs .info {font-weight: 600}
.tarifs .info ul {margin: 15px 0 0 0; padding: 0; list-style: none}
.tarifs .info li {margin: 0; padding: 5px 0 5px 30px; position: relative} 
.tarifs .info li:before {content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background-repeat: no-repeat; background-color: #0d7e0e; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiB3aWR0aD0iOSI+PHBhdGggZD0iTTQzOC42IDEwNS40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0yNTYgMjU2Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMGwtMTI4LTEyOGMtMTIuNS0xMi41LTEyLjUtMzIuOCAwLTQ1LjNzMzIuOC0xMi41IDQ1LjMgMEwxNjAgMzM4LjcgMzkzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+'); background-position: center; position: absolute; left: 0; top: 7px}
.tarifs .info.v2 li:before {background-color: #fd9609}
.tarifs .info.v3 li:before {background-color: #073fab}
.tarifs .wrp_select_item {width: calc(100% - 40px); position: absolute; left: 20px; bottom: 20px}
.tarifs .item {gap: 8px}
.tarifs .item > div {width: 50%}
.tarifs .item input[type="radio"] {display: none}
.tarifs .item input[type="radio"] + label {display: block; padding: 10px; width: 100%; height: 100%; background: #fff; border: 2px solid #65ae66; border-radius: 10px; box-sizing: border-box; cursor: pointer; position: relative}
.tarifs .item.v2 input[type="radio"] + label {border: 2px solid #fe9401}
.tarifs .item.v3 input[type="radio"] + label {border: 2px solid #0f32b0}
.tarifs .item input[type="radio"] + label span {position: absolute; top: 4px; right: 4px; display: block; width: 18px; height:18px; vertical-align: middle; cursor: pointer}
.tarifs .item input[type="radio"] + label span:before {content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; position: absolute; top: 0; left: 0}
.tarifs .item.v1 input[type="radio"] + label span:before {border: 1px solid #65ae66}
.tarifs .item.v2 input[type="radio"] + label span:before {border: 1px solid #fe9401}
.tarifs .item.v3 input[type="radio"] + label span:before {border: 1px solid #0f32b0}
.tarifs .item input[type="radio"]:checked + label span:after {content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 4px; left: 4px}
.tarifs .item.v1 input[type="radio"]:checked + label span:after {background: #65ae66}
.tarifs .item.v2 input[type="radio"]:checked + label span:after {background: #fe9401}
.tarifs .item.v3 input[type="radio"]:checked + label span:after {background: #0f32b0}
.tarifs .item input[type="radio"] + label .i-good { text-align: center; font-weight: 700}
.tarifs .item input[type="radio"] + label .i-good > div:nth-child(1) {font-size: 15px}
.tarifs .item input[type="radio"] + label .i-good > div:nth-child(2) {font-size: 24px}
.tarifs .wrp_select_item .txt {margin-top: 10px; font-size: 14px; font-weight: 600; color: #007f04; line-height: 145%}
.tarifs .wrp_select_item .txt.v2 {color: #fe9401}
.tarifs .wrp_select_item .txt.v3 {color: #0f32b0}
.tarifs .wrp_select_item .button { margin-top: 10px; width: 100%; height: 50px; font-size: 18px; font-weight: 700; color: #65ae66; border-radius: 10px; border: 2px solid #65ae66; text-align: center; cursor: pointer; box-sizing: border-box; line-height: 48px}
.tarifs .wrp_select_item .button.v2 {color: #fff; background: #fe9401; border: 2px solid #fe9401}
.tarifs .wrp_select_item .button.v3 {color: #0f32b0;border: 2px solid #0f32b0}

.after_tarif { margin-top: 20px; padding: 25px; background: #fff; box-shadow: 0 14px 40px rgba(7, 18, 41, 0.05); border-radius: 10px}
.after_tarif > div {width: calc(100% / 3); border-right: 2px solid #dcdee5}
.after_tarif > div:last-child {border-right: none}
.after_tarif .item {justify-content: center; align-items: center; gap: 20px; font-size: 14px; font-weight: 600}
.after_tarif .item > div:nth-child(1) {min-width: 68px; width: 68px; max-width: 68px; height: 68px; border-radius: 50%; background-color: #ecf4e7; background-position: center; background-repeat: no-repeat; line-height: 0}
.after_tarif .item span {color: #1a7e02}

.fly_basket {justify-content: center; align-items: center; width: 64px; height: 64px; background: red; border: 2px solid #fff; border-right: 0; border-radius: 6px 0 0 6px; line-height: 0; cursor: pointer; position: fixed; right: 0; top: 200px; z-index: 5}
.fly_basket .col {width: 16px; height: 16px; color: #fff; font-size: 12px; font-weight: 500; text-align: center; background: #090; border-radius: 50%; line-height: 16px; position: absolute; top: -8px; right: -8px}

.nav-left {display: none}

/* popup */
.popup {display: block; position: fixed; z-index:90002; top: 0; left: 0;  margin:0 ; width: 100%; height: 100%; background: rgba(255, 255, 255, .4); backdrop-filter: blur(10px); white-space: nowrap; text-align: center; overflow: auto; opacity: 0}
.popup.popupSmall {z-index:90000}
.popup:after {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle}
.popup .popup_form {position: relative; display: inline-block; padding: 70px 50px; max-width: 890px; vertical-align: middle; height: auto; white-space: normal; text-align: left; background: #fff; border-radius: 10px; box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, .15); border: 1px solid #eee;  box-sizing: border-box}
.popup .popup_form.small {max-width: 550px}
.popup .close {position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; cursor: pointer}
.popup .close:before, .popup .close:after {content: ""; position: absolute; top: 9px; right: 1px; width: 24px; height: 2px; background: #000}
.popup .close:before {transform: rotate(45deg)}
.popup .close:after {transform: rotate(-45deg)}
.popup .close:hover:before, .popup .close:hover:after {background: #f00}
.popup .name {padding-bottom: 20px; width: 100%; font-size: 34px; font-weight: 700; line-height: 120%}
.popup p {padding: 16px 0 0 0; font-size: 16px; line-height: 130%}
.popup p.error {color: #f00}
.popup .popup_form .row {margin-top: 20px}
.popup .popup_form .row input, .popup .popup_form .row textarea {padding: 0 20px; width: 100%; height: 54px; font-size: 16px; color: #000; border: 1px solid rgba(55, 55, 55, 0.9); border-radius: 20px; box-sizing: border-box}
.popup .popup_form .row input.error, .popup .popup_form .row textarea.error {border: 1px solid red}
.popup .popup_form .sogl {font-size: 14px; font-weight: 300}
.popup .popup_form .pop_link {color: #f49835; cursor: pointer}
.popup .popup_form .pop_link:hover {text-decoration: underline}
.popup .popup_form .button {display: block; padding: 0 20px; height: 60px; color: #fff; font-weight: 700; text-transform: uppercase; text-align: center; border-radius: 6px; background: #bbbc4d; box-sizing: border-box; line-height: 60px}

#loader {display: none; width:100%; height:100%; position:fixed; top:0px; left:0px; background: rgba(255, 255, 255, .4) url(images/loader.png) center center no-repeat; backdrop-filter: blur(10px); z-index: 90005}
.bgAll {display: none; width:100%; height:100%; position:fixed; top:0px; left:0px; background: rgba(255, 255, 255, .4); backdrop-filter: blur(10px); opacity: 0; z-index: 90005}

/*     */
.nav::before, .nav::after {display: none !important}

.bx-authform {font-size: 16px !important; margin: 0 auto; max-width: 890px}
.bx-authform-content-container {padding-bottom: 20px; font-size: 16px}
.bx-authform-label-container {padding-bottom: 5px; padding-left: 10px; font-size: 16px}
.bx-authform-link-container {font-size: 16px}
.bx-authform-description-container {font-size: 16px}
.bx-authform input[type="text"],
.bx-authform input[type="password"],
.bx_profile input[type="text"],
.bx_profile input[type="password"],
.wrap_autorization input[type="password"],
.autorization input[type="text"],
.autorization input[type="password"] {display: block; padding: 0 10px; width: 100%; height: 50px; font-size: 16px; color: #000; border: 1px solid #f4f0ef; border-radius: 10px; background: #fff; box-sizing: border-box}
.bx-authform input[type="submit"],
.bx_profile input[type="submit"],
.wrap_autorization input[type="submit"],
.wrap_autorization .button,
.autorization .button,
.bx-authform .btn-primary,
.bx-basket button {display: block; padding: 0 20px; max-width: 300px; width: 100%; height: 50px; font-size: 16px; font-weight: 600; color: #fff; text-align: center; text-decoration: none; background: #76823f; border-radius: 10px; line-height: 50px; cursor: pointer; box-sizing: border-box}
.bx-basket button {max-width: inherit; border: none}
.wrap_autorization {font-size: 16px}
.wrap_autorization .bx-authform-social {min-height: 162px}

.autorization {display: flex; margin: 0 auto; max-width: 890px}
.autorization > div {display: block; width: 50%; box-sizing: border-box}
.autorization > div:nth-child(1) {padding-right: 20px}
.autorization > div:nth-child(2) {padding-left: 20px}
.autorization .pole {padding-bottom: 15px}
.autorization input[type="checkbox"] + label div {font-weight: normal; font-size: 16px}
.autorization p {padding: 0 0 4px 10px}
.autorization  .bx-authform-social p {padding: 0 0 4px 0}

.main-user-consent-request {margin-bottom: 25px}
.main-user-consent-request input[type="checkbox"] + label div {font-weight: normal; font-size: 14px; opacity: .8}
.alert {font-size: 16px; border: 1px solid #F6532D; margin: 0 auto 20px auto; max-width: 890px; box-sizing: border-box}
#bx-soa-orderSave p { color: #F6532D; font-size: 18px; font-weight: 700}

.rewVote {cursor: pointer}

/* order */
.radio-inline {cursor:  pointer}
.radio-inline input[type="radio"] {display: block; width:  inherit; height: inherit}
.bx-soa-cart-total {background: #fff !important; border-radius: 10px !important}
.bx-soa-section-content {background: #fff !important}

.basket-item-amount-filed-block input {padding: 0 !important; border: none !important; height: 50px}

.filHide {display: none !important}

.bx-soa-cart-total-ghost {display: none}
.bx-dop-text-right, .bx-dop-text-right-v2 {display: block; margin: 20px 0; padding: 20px; font-size: 15px; border: 1px solid #e8e9eb; border-radius: 10px; background-color: #fff; box-sizing: border-box; transition: opacity .2s ease;   overflow: hidden}
.bx-dop-text-right-v2 {display: none}
.bx-soa-pp-list {margin: 0}
.bx-soa-pp-list li:before {display: none}
.bx-soa-pp-list-termin, .bx-soa-pp-list-description {display: inline-block !important; padding-right: 8px}
.bx-soa-pp-delivery-cost {display: none !important}

.offers_top_block {display: none}

/* cookies */
.ns-cookiesaccept {background: #bbbc4d !important}
.ns-cookiesaccept-text {font-size: 12px !important}
.ns-cookiesaccept-button {font-size: 13px !important}
