@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --color-g: #8F8271;
    --color-g-xl: #e7f6f6;
    --color-g-l: #F2E3CA;
    --color-g-d: #a98603;
    --color-p-l: #b1b9b2;
    --color-p: #4A6453;
    --color-p-d: #364b3d;
    --color-r: #f75660;
    --color-r-d: #b63840;
    --color-r-l: #f69da3;
    --btn-h: 80px;
    --header-h: 100px;
    --font-xxsm: 75%;
    --font-xsm: 85%;
    --font-sm: 95%;
    --font-l: 130%;
    --font-xl: 150%;
    --font-xxl: 220%;
	--font-super: 290%;
    --font-nums: 470%;
    --book-h: 50px;
    --color-purp: #9564a5;
    --color-purp-l: #a496a9;
    --color-purp-d: #86489a;
    --color-yell: #d6a900;
    --color-yell-l: #fbf9ee;
    --color-yell-d: #a98603;
    --color-red: #f75660;
    --color-red-l: #f69da3;
    --color-red-d: #b63840;
    --margin-60: 60px;
}
html { height: 100vh; min-height: 100vh; scroll-behavior: smooth; }
#fader { z-index: 1000; width: 100%; height: 100vh; display: none; position: fixed; background: rgba(0,0,0,.6); left: 0; top: 0; }
/* body { background: url(../images/pages/figure_home.png) no-repeat left bottom; background-size: 20%; } */
body { scroll-behavior: smooth; outline: none; min-height: 100vh; font-family: 'Montserrat', sans-serif !important; font-weight: 500; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html, html a { -webkit-font-smoothing: antialiased; }
footer { background: var(--color-p); color: #fff; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; }}
p { font-weight: 400; }
.main-content { padding-top: calc(var(--header-h) + 10px); margin-bottom: 20px; }
#lk-wait { width: 18px; fill: var(--color-p); }
#lk-wait:hover { fill: var(--color-p-d) !important; }
#lk-del { width: 20px; fill: var(--color-r); }
#lk-del:hover { fill: var(--color-r-d) !important; }
#lk-check { width: 16px; fill: var(--color-g); }
#lk-check:hover { fill: var(--color-g-d) !important; }
#high-faq { display: block; }
#high-tt { display: block; }
.b__invoice{ background-color: transparent !important; width: 100% !important; padding: 0px !important; }
.ui-form { list-style: none; }
.accordion-item:first-of-type { margin-top: 0; }
img { width: 99.9%; }
a:hover { text-decoration: none; }
.grid-wrp { display: grid; place-items: center; }
.btn-main { text-decoration: none; border-radius: 8px; background: var(--color-p); border: 0; color: #fff; padding: 12px 55px; font-size: .85rem; font-weight: 400; }
.btn-sub { border-radius: 8px; background: #D9D9D9; border: 1px solid var(--color-g); color: var(--color-g); padding: 11px 25px; font-size: .85rem; font-weight: 400; }
.btn-send { background: var(--color-p); border: 0; border-radius: 20px; height: 54px; color: #fff; padding: 17px 50px; font-size: var(--font-sm); font-weight: 500; letter-spacing: .5; }
.btn-main:hover, .btn-send:hover, .btn-login:hover { text-decoration: none; box-shadow: 0px 6px 6px 0px rgba(0,0,0,.2); transition: .2s; }
.btn-main:active { background: var(--color-p-d); }
.btn-send:active { background: var(--color-p-d); }
.btn-main:disabled { background: var(--color-p-l) !important; box-shadow: unset; color: #637067; }
.btn-login { display: block; margin-bottom: 8px;  background: var(--color-g); border: 0; height: 40px; padding-left: 40px; padding-right: 40px; border-radius: 20px; color: #fff; font-size: var(--font-xsm); font-weight: 500; letter-spacing: .5; }
.btn-login:active { background: var(--color-g-d); }
.btn-reg { background: var(--color-g); } .btn-reg:active { background: var(--color-g-d); }
.section { padding-top: var(--header-h); }
.main-title { padding-bottom: 4px; font-family: 'Montserrat', sans-serif !important; text-transform: uppercase; font-size: 1.85rem; font-weight: 800; display: inline-block; color: var(--color-p); border-bottom: 2px solid var(--color-p); width: auto; }
.main-title::after { position: absolute; content: url("../images/arrow.png"); display: inline-block; width: 20px; height: 20px; margin-top: 14px; margin-left: 4px; }
.main-subtitle { font-family: 'Montserrat', sans-serif !important; font-size: 1.2rem; font-weight: 600; margin: 18px 0px; }
.main-subtitle-2 { font-family: 'Montserrat', sans-serif !important; font-size: 1.25rem; font-weight: 700; padding: 0px; color: var(--color-p); margin-bottom: 25px; }
.margin-60 { height: var(--margin-60); }
.bg-p { background: var(--color-p); }
.bg-g { background: var(--color-g-l); }
.radius-left { border-radius: 20px 0px 0px 20px; border: 2px solid #CCCDCD; border-right: 0; }
.radius-right { border-radius: 0px 20px 20px 0px; border: 2px solid #CCCDCD; background: #fff; }
.radius-left > div, .radius-right > div { margin: 40px 60px; }
.mtop-50 { margin-top: 50px; }

h1 { font-size: var(--font-xxl); font-weight: 700; text-transform: uppercase; color: var(--color-p); }
.stars { font-size: var(--font-xsm); font-weight: 400; text-wrap: balance; }
#log input { border-radius: 10px; }
#log a { font-weight: 400; color: #000; text-decoration: none; }
#log a:hover { font-weight: 400; color: var(--color-p); text-decoration: underline; }
.name-init { border: 3px solid var(--color-g) !important; aspect-ratio: 1 / 1; border-radius: 50%; font-weight: 600; font-size: 1rem; }
input.feedback-form:read-only { background-color: rgba(251,251,251); }
input.feedback-form:read-only:hover, input.feedback-form:read-only:focus { border-color: #d7d7d7; }
.informer-wrp { width: 100%; margin-top: 20px; border-radius: 20px; padding: 20px 40px; background: var(--color-r-l); }
.speedbar a { color: var(--color-p); }

/* PROFILE */
.lk-block { background: rgba(217, 217, 217, 0.22); border-radius: 20px; padding: 30px; margin-bottom: 10px; }
.lk-user-info { padding-left: 50px; display: grid; }
.lk-user-name { font-size: var(--font-l); text-transform: uppercase; font-weight: 700; color: var(--color-p); }
.lk-user-group { font-size: var(--font-sm); align-self: start; }
.lk-user-balance { align-self: end; }
.lk-links { padding-left: 30px; }
.lk-links > a, .lk-next { display: block; color: var(--color-g); text-decoration: none; font-size: var(--font-sm); }
.lk-links > a:hover, .lk-next:hover { color: var(--color-g-d); margin-left: 3px; transition: .1s; }
.lk-block-title { color: var(--color-p); font-size: 1.1rem; font-weight: 500; }
.lk-history-plus { color: var(--color-g); }
.lk-history-minus { color: var(--color-r-d); }

/* SECTIONS */
main { }
#section-home { padding-top: var(--header-h); height: 100vh; display: grid; place-items: center; background: linear-gradient(38.51deg, #F5E6CE 14.42%, #F4EEE8 28.65%, #F4F2F0 50.72%, #F4EFEB 68.51%, #F5E6CE 85.59%); }
#section-photo { background: url(../images/pages/pics_pc_2.png) bottom 3% left 8% / 20% auto no-repeat, url(../images/pages/pics_pc_1.png) top 5% right 4% / 20% auto no-repeat; }
#section-school { background: url(../images/pages/pics_pc_2.png) bottom -4% left -1% / 20% auto no-repeat, url(../images/pages/pics_pc_1.png) top 5% right 4% / 20% auto no-repeat; }
#section-teachers { background: url(../images/pages/figure_teachers.png) no-repeat; background-position: left bottom 13%; background-size: 85%; }
.section-foo { padding-top: 40px !important; padding-bottom: 40px !important; }
/* #school-lib { height: calc(100% - var(--header-h)); background: url(../images/pages/figure_home.png) no-repeat; background-position: left bottom; background-size: 20%; } */
    .lk-nav { transition: .3s; max-width: 350px; position: fixed; right: 0; top: calc(var(--header-h) + 1px); height: 100vh; width: 100%; background: #fff; padding: 20px 30px; }
	.lk-closed { right: -350px; }
	.lk-nav-close { font-size: 200%; color: var(--color-p); position: absolute; }
    .lk-nav-close:hover { cursor: pointer; }
    .lk-nav-header { display: grid; width: 100%; justify-content: end; margin-bottom: 20px; }
    .lk-nav-header img { width: 60px; height: 60px; display: none; margin-right: 20px;}
    .lk-nav-header ul, .lk-nav-links { margin: 0; padding: 0; list-style: none; font-size: 100%; font-weight: 500; display: block; }
    .lk-nav-header ul li { margin: 0; padding: 0; text-align: left; text-align: right; font-size: 90%; }
    .lk-nav-header ul li:nth-child(1) { color: var(--color-p); font-weight: 600; font-size: 110%; }
    .lk-nav-header ul li span { text-transform: uppercase; font-size: .8rem !important; color: #000; font-weight: 400; }
    .nav-h { padding: 12px 10px 5px 0px; text-transform: uppercase; font-size: .8rem; font-weight: 400; text-align: left; }
    
	.lk-nav-links, .lk-nav-links li, .lk-nav-links li > a { width: 100%; position: relative; font-size: 1rem; }
	.lk-nav-links > li > a > i { position: absolute; left: 14px; top: 9px; color: #efe8f0; font-size: 1.1rem; }
	.lk-nav-links a { letter-spacing: .01rem; text-align: left; color: var(--secondary-color); padding: 6px 10px 6px 45px; display: block; border-left: 3px solid #efe8f0; text-decoration: none; font-weight: 500; }
	.lk-nav-links a:hover { background: #efe8f0; text-decoration: none; color: var(--color-p); }
	.lk-nav-links a:hover, .nav-active-link { border-left: 3px solid var(--color-p); color: var(--color-p); }
	.lk-nav-links > i { color: var(--rose-color); }
	.lk-nav-links > li > a:hover i { color: var(--rose-color); } 
.section-title { align-self: start; padding-top: 20px; padding-bottom: 20px; }
.active_settings, .active_online { border-left: 3px solid var(--color-p) !important; color: var(--color-p) !important; background: #efe8f0 !important; } 
.active_settings i, .active_online i { color: var(--color-p) !important; }
.elbook { display: flex; justify-content: space-around; padding-left: 0px; font-weight: 300; font-size: .75rem; padding-top: 5px; }
.elbook > li { display: inline; padding-left: 0; }
.elbook > li > i { font-size: .65rem; }
.elbook > li > span { background: #efe8f0; color: var(--color-p); font-size: .85rem; font-weight: 500; padding: 3px; border-radius: 2px; }

/* FORMS */
.feedback-form { color: #637067; background: #E5E5E6 !important; border-color: #E5E5E6 !important; border-width: 2px !important; font-weight: 500; width: 100% !important; border-radius: 8px !important; padding: 14px 20px; font-size: var(--font-sm); margin: 12px 0px; }
.feedback-form:focus { transition: .3s; border-width: 2px !important; border-color: #797979 !important; }
input.feedback-form { height: 54px; padding-left: 20px; color: #637067; }
textarea.feedback-form { padding-top: 24px; }   
.login-form { margin-bottom: 10px; font-weight: 400; border-radius: 20px !important; border-width: 2px !important; border-color: #e5e5e5; padding: 8px 18px !important; font-size: var(--font-sm); }
.login-form:focus { border-color: var(--color-g); transition: .3s; }
#log { font-size: 85%; margin: 10px 20px; }
#log > p { font-weight: 600; }
.dropdown-menu { width: 100%; margin-top: 20px !important; width: 330px; min-height: 265px; border: 3px solid rgba(196, 196, 196, 0.26); border-radius: 10px; box-shadow: 10px 4px 4px 0px rgba(0, 0, 0, 0.07);}

/* HEADER */
header {
    position: absolute;
    width: 100%;
    z-index: 1000;
}
header .row { height: var(--header-h); }
img.logo { width: 90%; }
nav, .doplink { font-weight: 500; }
nav a, .doplink { text-decoration: none; color: #000; margin-right: 15px; position: relative; }
nav a:last-child { margin-right: 15px; }
.phone-call { text-decoration: none; font-weight: 600; color: #000; font-size: 90%; }
.phone-call-icon { display: none; font-weight: 600; color: var(--color-g); font-size: 160%; }
.phone-call-icon:hover { color: var(--color-p); }
nav a::after, nav a.active::after, .doplink::after, .doplink.active::after {
  	position: absolute;
  	content: '';
  	left: 50%;
  	transform: translateX(-50%);
  	bottom: -6px;
  	display: block;
  	width: 0;
  	transition: 0.3s;
  	height: 2px;
  	background: var(--color-p);
}
.doplink::after, .doplink.active::after {
    background: #fff;
}
.doplink { color: #fff; }
nav a:hover:after, nav a.active::after { width: 70%; }
.doplink:hover:after, .doplink.active::after { width: 70%; }

.header-login { color: var(--color-g); font-size: 130%; background: unset; border: 0; font-family: unset; }
.header-login:hover { color: #fff; background: var(--color-g); }
.header-login-reg { color: var(--color-g); font-size: 160%; background: unset; border: 0; font-family: unset; }
.header-login-reg:hover { color: var(--color-p); }
#navi > ul { margin: 0px; list-style: none; padding: 0px; }
#navi > ul > li { display: inline; margin: 0; padding: 0px; }

/* REGISTER */
.register-page { list-style: none; padding-left: 0; }
.register-page > li { position: relative; }
.register-page > li > button { font-size: var(--font-l); margin-top: 17px; text-shadow: unset; box-shadow: unset; position: absolute; right: 0px; padding-right: 18px; overflow: visible; z-index: 109; background: transparent; border: 0; color: var(--bs-border-color); }
.register-page > li > button:hover, .register-page > li > button:active { color: var(--color-g) !important; background-color: transparent !important; }
.tooltip { background: color(--color-g-l) !important; }

/* MAIN */
.main-contacts { list-style: none; font-size: 16px; }
.main-contacts > li { height: 60px; }
.main-contacts a { color: #fff; width: 30px; aspect-ratio: 1 / 1; background: var(--color-p); border-radius: 50%; text-decoration: none; }
.main-contacts a:hover { transform: scale(1.15); transition: .12s; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .4); }
.main-h0 { color: var(--color-p); font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: .85rem; letter-spacing: 0.2em; }
.main-h1, .main-h2, .main-h3, .main-h22, .main-h33 { text-transform: uppercase; font-family: 'Montserrat'; font-style: normal; }
.main-h1 { font-weight: 600; color: var(--color-g); margin-top: 20px; font-weight: 700; font-size: 1.15rem; }   
.main-h2 { font-size: 2.35rem; font-weight: 700; color: var(--color-g); line-height: 2.5rem; }
.main-h22 { color: var(--color-g); font-weight: 700; font-size: .85rem; margin-top: 5px;} 
.main-h3 { font-size: 2.25rem; font-weight: 800; line-height: 2.7rem; color: var(--color-p); margin-top: 50px; }
.main-h33 { color: var(--color-g); font-family: 'Montserrat'; font-style: normal; font-weight: 700; line-height: 5rem; font-size: 1.75rem; text-transform: lowercase; }
.main-line { display: block; width: 120px; height: 1px; background: #637067; margin-top: 5px; }
.main-p { margin-bottom: 7%; padding-right: 80px; text-wrap: balance; margin-top: 20px; font-size: .85rem; }
.main-image { margin-top: -10px; }
  
/* ABOUT */
#section-about { margin-top: var(--margin-60); background: url(../images/pages/about-bg2.png) no-repeat bottom right / 10%, linear-gradient(to top, #F1EEED 30%, transparent 30%); }
#section-about > div:nth-child(1) { background-image: url(../images/pages/about-bg.png); background-size: 100%; background-repeat: no-repeat; }
.about-1 { margin: 80px 0px; }
.left-list, .right-list { margin: 0 0 80px 0; padding: 0; list-style: none !important; }
.left-list > li, .right-list > li { display: flex; margin-bottom: 22px; position: relative; }
.left-list > li > img, .right-list > li > img { width: 54px; margin-right: 20px;}
.left-list > li > div, .right-list > li > div { display: grid; place-items: center; }
.left-list > li > div:nth-child(2) { place-items: center start; font-weight: 700; font-size: 1.5rem; width: 84px; }
.left-list > li > div:nth-child(3) > span { display: block; width: 2px; background: #637067; height: 30px; margin: 0 15px 0 0; }
.left-list p, .right-list p { margin: 0; }
.left-list > li:nth-child(5) > div, .left-list > li:nth-child(6) > div { width: auto; font-size: 1.2rem; line-height: 1.5rem; }
.right-list > li::after { content: ''; display: block; height: 1px; width: 80px; background: #637067; position: absolute; top: 80px; left: 74px; }
.right-list > li { margin-bottom: 50px; }
.fix-h-770 { height: 770px; }
.about-end { margin-bottom: 70px; margin-left: auto; margin-right: auto; margin-top: -25px; color: var(--color-p); font-weight: 700; font-size: 1.25rem; background: #fff; border: 2px solid #B4B5B5; display: grid; place-items: center; height: 50px; width: 650px; border-radius: 25px; }

/* HISTORY */
.hist-list { list-style: none; columns: 2; }
.hist-list > li { page-break-inside: avoid; margin-bottom: 4%;}
.hist-date { display: grid; align-items: center; font-size: var(--font-nums); color: var(--color-g-l); font-weight: 700; line-height: 1rem; }
.hist-name { display: grid; align-items: center; color: var(--color-p); font-weight: 500; font-size: var(--font-xl); line-height: 2.1rem; text-transform: uppercase; letter-spacing: -.02rem;}
.hist-desc { font-weight: 500; text-wrap: balance; line-height: 1.4rem; padding-top: 10px; min-height: 60px; }
.history-bg { margin-left: -20px; width:110%; }

/* PICS */
#section-photo .owl-stage-outer { padding: 0 0px; }
.picture-card { background: #fff; border-radius: 20px; margin-bottom: 30px; box-shadow: 0px 10px 10px 0px rgba(0,0,0,.14); overflow: hidden; padding-bottom: -2px; overflow: hidden; }
.picture-card img { border-radius: 20px; height: 310px; }
.picture-card-t img { border-radius: 20px; }
.picture-card-t { background: #fff; border-radius: 20px; margin-bottom: 30px; box-shadow: 0px 10px 10px 0px rgba(0,0,0,.14); padding-bottom: -2px; overflow: hidden; }
.picture-card div { text-align: center; font-size: var(--font-sm); font-weight: 500; padding: 15px 0px; }
#section-photo .owl-stage > .owl-item:nth-child(2n + 1) > div > div:nth-child(2) img { height: 300px; } 
#section-photo .owl-stage > .owl-item:nth-child(2n) > div > div:nth-child(1) img { height: 300px; } 
#section-photo .fake-col-wrapper > div:nth-child(1) { margin-bottom: 40px; }
#section-photo .fake-col-wrapper > div:nth-child(2) { margin-bottom: 20px; }
/* #section-photo .owl-stage > .owl-item:nth-child(3) { margin-left: 20px !important; } */
.photo-next > img, .photo-prev > img { width: 70%; }
.photo-next > img:hover { cursor: pointer; transition: .15s; transform: translateX(4px); }
.photo-prev > img:hover { cursor: pointer; transition: .15s; transform: translateX(-4px); } 
.pic-pad { padding-bottom: 30px; }

/* PRICING */
.title-col { font-size: var(--font-xl); font-weight: 500; color: var(--color-p); text-transform: uppercase; text-align: center; margin-top: 16px; }
.subtitle-col { font-weight: 500; text-align: center; font-size: var(--font-sm); }
.price-block { width: 100%; max-width: 350px; text-align: center; color: #fff; padding: 10px; border-radius: 20px; margin: 30px auto; }
.price-block > div:nth-child(1) { font-size: var(--font-sm); font-weight: 500; }
.price-block > div:nth-child(2) { font-size: var(--font-l); font-weight: 600; padding-top: 8px; }
.price-block > div:nth-child(3) { font-size: var(--font-sm); font-weight: 300; padding-top: 8px; }
.p-last { margin-bottom: 30px; }


/* TEACHERS */
.teacher-card img { border-radius: 20px; height: unset; max-height: 510px; }
.teacher-name { color: var(--color-p); font-size: 100%; margin-top: 20px; }
.teacher-card p { font-size: var(--font-xsm); }
.owl-teachers { padding-left: 80px; padding-right: 80px; position: relative !important; }
#section-teachers .owl-stage { margin-top: 20px; margin-bottom: 15px; }
#section-teachers .owl-dots { margin-bottom: 80px; }
#section-teachers .picture-card { margin-right: 10px !important; }
.owl-teachers .owl-nav { margin-bottom: -32px; margin-top: -10px;}
.owl-teachers > .owl-nav > button > span { font-size: var(--font-super); color: var(--color-p); }
.owl-teachers > .owl-nav > .owl-prev, .owl-teachers > .owl-nav > .owl-next { margin: 0px 240px; line-height: 0.5rem;}
.owl-teachers > .owl-nav > .owl-prev:hover, .owl-teachers > .owl-nav > .owl-next:hover { background: unset; }


/* FEEDS */
.feed-box { background: var(--color-p-l); padding: 20px; border-radius: 20px; font-size: var(--font-xxsm);  height: 350px; }
.feed-box i { color: #fff; font-size: var(--font-super); margin-bottom: 20px; }
.owl-feeds .owl-stage { padding-bottom: 50px; }
.owl-feeds > .owl-stage-outer > .owl-stage > .owl-item { margin-top: 100px; }
.owl-item.center { margin-top: 0px !important; transition: .5s; }
.owl-item.center .feed-box { background: var(--color-p); color: #fff; }
.owl-feeds .owl-nav { margin-bottom: -32px; margin-top: 30px;}
.owl-feeds > .owl-nav > button > span { font-size: var(--font-super); color: var(--color-p); }
.owl-feeds > .owl-nav > .owl-prev, .owl-feeds > .owl-nav > .owl-next { margin: 0px 240px; line-height: 0.5rem;}
.owl-feeds > .owl-nav > .owl-prev:hover, .owl-feeds > .owl-nav > .owl-next:hover { background: unset; }
.feed-author img { width: 50px !important; }
.feed-author { position: absolute; bottom: -40px; width: calc(100% - 40px); color: #000; }

/* TT */
#section-tt { margin-top: var(--margin-60); background: url(../images/pages/tt-bg.png) no-repeat top right, linear-gradient(to top, var(--color-p) 15%, transparent 15%); }
.tt-wrp { position: relative; background: #F1EEED; border-radius: 20px; width: 100%; padding: 80px 0 60px 0; display: grid; place-items: center; }
.tt-list, { margin: 0 0 80px 0; padding: 0; list-style: none !important; }
.tt-list > li { display: flex; padding-bottom: 30px; margin-bottom: 30px; position: relative; border-bottom: 1px solid #B4B5B5; }
.tt-list > li > img { width: 70px; margin-right: 40px; }
.tt-list > li > div { display: grid; place-items: center; }
.tt-list > li > div:nth-child(2) { font-weight: 700; font-size: 1.5rem; color: var(--color-g); margin-right: 40px; }
.tt-list > li > div:nth-child(3) > span { display: block; width: 22px; height: 22px; border-radius: 50%; margin-right: 40px; }
.tt-list > li > div:nth-child(4) { place-items: stretch start; }
.tt-list > li > div:nth-child(4) .main-subtitle-2, .tt-list > li > div:nth-child(4) p { margin: 0; }
.tt-list > li > div:nth-child(4) p { font-size: .9rem; }
.tt-list > li > div:nth-child(4) h3 { font-size: .9rem; }
.tt-list > li:nth-child(6) { border: 0px; margin: 0px; padding: 0; }
.tt-wrp > img { width: 40px; position: absolute; top: -30px; right: 50px; }
.tt-margin { margin-top: 50px; }
.tt-sign > img { width: 40%; margin: 40px 0; }
.tt-sign { display: grid; place-items: center; }
.img-tt { position: absolute; width: 20%; top: -200px; }
.img-tt-2 { position: absolute; width: 27%; top: -200px; right: 0; }
.bg-o { background: #EE8C68; }
.bg-r { background: #CE3F34; }
.bg-dg { background: #98826A; }

/* PARENTS */
.parent-wrp { overflow: hidden; margin: 80px 0; padding: 65px 40px; position: relative; background: var(--color-p); border-radius: 20px; }
.parent-wrp h2, .parent-wrp h3 { color: #fff; border-color: #fff; }
.parent-tick, .parent-text { display: table-cell; color: #fff; }
.parent-text { font-size: 1.1rem; margin: 0; }
.parent-tick { width: 40px; }
.parent-tick > img { width: 25px; }
.parent-text { max-width: calc(100% - 42px); }
.parent-text > p { line-height: 1.5rem; }
.parent-block { margin-top: 40px; }
.parent-img { position: absolute; width: 140%; bottom: -80px; right: -70px; }

/* STEPS */
.steps-wrp { margin: 60px 0; }
.steps-wrp img { max-height: 150px; }
.step-text { text-align: center; margin-top: 30px; font-size: 1rem; }
.step-arrow { margin-top: 70px; }

/*FAQ*/
#faq { background: linear-gradient(to top, #E3CDAB 25%, #F1EEED 25%); padding-top: 80px; }
.faq-wrp { background: #fff; border-radius: 20px; padding: 40px; margin-bottom: 80px; }
.accordion-item { background: transparent; margin-bottom: 0; border-bottom: 1px solid var(--color-g); border-radius: 0 !important; }
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed, .accordion-button:not(.collapsed) { background-color: transparent; !important; background: transparent; !important; }
.accordion-body { background: #F1EEED; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-style: italic; font-weight: 400; }
.accordion-button { font-weight: 700; font-size: 1.25rem; padding-left: 0; }
.accordion-button:not(.collapsed)::after { background-size: 53%; }
.faq-img { position: absolute; bottom: 40px; width: 90%; }

/* PRICE */
#price { padding-top: 80px; background: #E6E6E6; }
.price-card { border-radius: 20px; background: #fff; overflow: hidden; margin: 40px 0 80px 0; }
.price-card > h3 { font-size: 1.5rem; font-weight: 700; background: var(--color-p); color: #fff; padding: 25px 35px; }
.price-card > div { padding: 25px 35px; height: 340px; }
.price-card > div > p { font-weight: 700; font-size: 1.15rem; }
.price-card ul { list-style: none; margin: 0; position: relative; }
.price-card li { margin: 0px 0; padding-left: 10px; line-height: 2rem; }
.price-card li::before { position: absolute; content: url("../images/icons/icon_ok.svg"); display: inline-block; margin-top: 4px; left: 0px; } 
.price-card span { display: block; margin-top: 50px; font-size: 1.25rem; font-weight: 500; }
.li-stretch { place-content: space-between; display: flex; }

/* Cont */
#contacts { padding: 80px 0px; background: linear-gradient(38.51deg, #F5E6CE 14.42%, #F4EEE8 28.65%, #F4F2F0 50.72%, #F4EFEB 68.51%, #F5E6CE 85.59%); }
.contacts-wrp i { margin-top: -6px; position: absolute; left: 0; font-size: 1.15rem; display: inline-grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: var(--color-p); color: #fff; } 
.contacts-wrp { position: relative; list-style: none; margin: 0; padding: 0; }
.contacts-wrp { padding-left: 60px; }
.contacts-wrp li { margin: 60px 0; }
.contact-form { background: #fff; border-radius: 20px; padding: 50px; }
.feedback-form { background: #E5E5E6; }

#menu-content { display: none; position: fixed; top: 0; z-index: 999; width: 100%; height: 100%; background: #fff; }

/* BOOKS */
    .books-wrp { list-style: none; columns: 2; column-gap: 40px; padding-left: 40px; padding-right: 40px; position: relative; }
    .book-card { background: #fff; box-shadow: 0px 10px 10px 0px rgba(0,0,0,.14); border-radius: 20px; overflow: hidden; height: 190px; width: 100%; }
    .book-card > div { display: inline-block; }
    .book-card > div:nth-child(1) { width: 30%; }
    .book-card > div:nth-child(2) { width:69%; padding: 15px; }
    .book-card h5 { color: var(--color-p); font-size: 90%; font-weight: 600; text-wrap: balance; }
    .book-card p { font-size: 85%; margin: 0; }
    .book-card p > a { color: var(--color-g); text-decoration: none; }
    .book-card p > a:hover { color: var(--color-g-d); }
    .books-wrp > li:nth-child(1) { margin-top: 105px; }
    .books-wrp > li { margin-bottom: 20px; }
    .book-upload { color: var(--color-r-d); text-decoration: none; }
    .book-upload:hover { text-decoration: underline; } 
    .book-class-nav, .book-class-nav > li { list-style: none; margin: 0; }
    .book-class-nav > li { padding-bottom: 12px; float: right; }
    .book-class-link { font-size: 140%; color: #fff; text-decoration: none; width: 200px; display: grid; grid-template-columns: var(--book-h) auto; align-items: center; height: var(--book-h); border-radius: calc(var(--book-h) / 2); overflow: hidden; background: var(--color-g-l); }
    .book-class-nav div { text-align: left; padding-left: 18px; display: grid; align-items: center; }
    .book-class-link > div:nth-child(1) { font-weight: 900; height: var(--book-h); width: var(--book-h); border-radius: calc(var(--book-h) / 2); background: var(--color-g); }
    .book-class-switcher { transition: .3s; }
    .book-class-link:hover { box-shadow: 0px 7px 7px 0px rgba(0,0,0,.14); }
	.book-class-wrp { }

/* MAP */
.map-b { padding-right: 20px; position: relative; }
.map-b img { position: absolute; width: 20%; z-index: -1; }
.map-b img:nth-child(1) { left: -60px; bottom: -40px; }
.map-b img:nth-child(2) { right: -40px; top: -40px; }

/*FOOTER*/
.foo-logo { max-width: 150px; }
.foo-nav ul { columns: 3; }
.foo-nav ul > li { display: list-item !important; height: 34px; }
.foo-nav ul > li > a { color: #fff; }
.foo-nav ul > li > a::after { background: var(--color-r-l) !important; }
.foo-addr { font-size: 80%; margin-top: 16px; }
.foo-social { padding-top: 10px; }
.foo-social a { color: var(--color-p); background: #fff; }
.foo-social li { display: inline-block; margin: 0px 5px; }
.copyright { font-size: 85%; text-align: center; padding-top: 10px; }
.copyright a { color: #fff; }

/* NAVI */
.navigation { width: 100%; text-align: center; margin-bottom: 30px; }
.page_next-prev { display: none; }
.pages { display: flex; align-items: center; justify-content: center;}
.pages > span { display: grid; align-items: center; height: 30px; width: 30px; background: var(--color-p); border-radius: 50%; color: #fff; margin: 0 2px;}
.pages > a { display: grid; align-items: center; height: 30px; width: 30px; background: var(--color-p); border-radius: 50%; background: var(--color-p-l); color: var(--color-p); text-decoration: none; margin: 0 2px; border: 1px solid var(--color-p); } 
.pages > a:hover { background: var(--color-p); color: #fff; }
.sortbar { background: var(--color-p-l); border-radius: 20px; padding: 20px; box-shadow: 0px 10px 10px 0px rgba(0,0,0,.14); margin-bottom: 20px; }
.sort { list-style: none; display: flex;  margin-bottom: 0; padding-left: 14px; }
.sort a { color: var(--color-p); }
.sort li { padding: 0 2px; }
.sortbar_in form { display: inline-block; }
.speedbar { display: inline-block; }
#combo-tools { font-size: 85%; }

/*ALERTS */
.alert-access { background: var(--color-g-xl); border-left: 6px solid var(--color-g); }
.alert-access i { color: var(--color-g); margin-right: 30px; }
.alert-access p, .alert-warning p, .alert-error p { font-size: 80%; margin-bottom: 0; }
.alert-error { background: var(--color-r-l); border-left: 6px solid var(--color-r); }
.alert-error i { color: var(--color-r); margin-right: 30px; }

/* VIDEO */
.video-wrp { text-align: center; }
.video-container { height: 450px; max-width: 800px; align-self: center;}
.logo-line, .abuse { display: none !important; }   

.is-invalid {
    border-color: red !important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}