/* Start:/local/templates/.default/kids/assets/css/style.css?1780318019104606*/ @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-SemiBold.woff2') format('woff2'), url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-Regular.woff2') format('woff2'), url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-Bold.woff2') format('woff2'), url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-BoldItalic.woff2') format('woff2'), url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-Italic.woff2') format('woff2'), url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-Italic.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-Medium.woff2') format('woff2'), url('/local/templates/.default/kids/assets/css/../fonts/Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } html {min-width: 320px;} body {color: #1A1A1A; min-width: 320px; position: relative; margin: 0; padding: 0px 0 0 0; height: auto !important; min-height: 100%; min-width:320px; font-family: 'Montserrat'; background: #fff;} html > body {padding: 0;} img {padding: 0; margin: 0; border: 0;} .cleaner {clear: both;} a:hover {text-decoration: none;} input::-moz-placeholder {opacity: 1; color: #A6A6A6;} input::-webkit-input-placeholder {opacity: 1; color: #A6A6A6;} input.error::-moz-placeholder {opacity: 1; color: #A6A6A6;} input.error::-webkit-input-placeholder {opacity: 1; color: #A6A6A6;} input:focus::-moz-placeholder {opacity: 0!important;} input:focus::-webkit-input-placeholder {opacity: 0!important;} textarea::-moz-placeholder {opacity: 1; color: #A6A6A6;} textarea::-webkit-input-placeholder {opacity: 1; color: #A6A6A6;} textarea:focus::-moz-placeholder {opacity: 0;} textarea:focus::-webkit-input-placeholder {opacity: 0;} * {outline: none; box-sizing: border-box; -webkit-appearance: none!important; max-height: 9999999px; -webkit-text-size-adjust: 100%;} .container {position: relative; max-width: 100%; overflow: hidden; padding: 280px 0 0 0;} .container.inner {padding-top: 150px;} .container.inner:before {display: none;} .container:before {content: ''; display: block; position: absolute; top: -265px; left: 360px; bottom: 0; width: 1671px; height: 1671px; background: url(/local/templates/.default/kids/assets/css/../img/bg-gradient01.svg) top left no-repeat;} .all {width:100%; max-width: 1440px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;} form {padding: 0; margin: 0; border: 0;} form fieldset {padding: 0; margin: 0; border: 0;} button, a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} p {padding: 0;margin: 0;} a {color: #C35CE7;} body.pop-open {overflow: hidden; max-height: 100dvh;} body.yellow-bg {transition: all 0.3s ease; background: #FFF133;} input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration { display: none;} .search-wrap .fields {z-index: 5; position: relative;} .search-wrap .text-field {position: relative; width: 100%; transition: all 0.3s ease; height: 64px; border-radius: 8px; border: 1px solid #E0E0E0; background: #fff; display: flex; align-items: center; } .search-wrap .text-field .tags-wrap {max-width: 9999999px;} .search-wrap .text-field .tags-wrap .tags-list {padding: 0 0 0 20px; margin: 0 0px -8px 0; flex-wrap: nowrap;} .search-wrap .text-field .tags-wrap + .inp-search-in input {padding-left: 0;} .search-wrap .text-field .remove {width: 24px; height: 24px; background: url(/local/templates/.default/kids/assets/css/../img/search-remove-ic.svg) center center no-repeat; top: 50%; margin-top: -12px; cursor: pointer; position: absolute; left: -999999px; opacity: 0; transition: opacity 0.3s ease;} .search-wrap .text-field.valid .remove {left: auto; right: 20px; opacity: 1;} .search-wrap .text-field:hover {box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);} .search-wrap .pseudo-input {display: none;} input.inp-search {width: 100%; cursor: pointer; transition: all 0.3s ease; height: 62px; font-family: inherit; padding: 0 20px; border-radius: 8px; border: 0; font-size: 20px; color: #1A1A1A; font-weight: 500;} input.inp-search:not(:focus)::-moz-placeholder {opacity: 0.3; color: #1A1A1A;} input.inp-search:not(:focus)::-webkit-input-placeholder {opacity: 0.3; color: #1A1A1A;} .search-wrap .search-drop {background: #fff; z-index: 5; position: absolute; left: -9999px; opacity: 0; transition: opacity 0.3s ease; top: calc(100% + 16px); width: 100%; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); padding: 4px; border-radius: 8px;} .search-wrap .search-drop .scroll-content {max-height: 380px; overflow: auto;} .search-wrap.open .search-drop {left: 0; opacity: 1;} .search-wrap .search-drop .tags-list {padding: 20px 20px 8px;} .search-wrap .search-results-list {padding: 0 12px 8px;} .search-wrap .search-results-list a {padding: 0 8px; color: inherit; font-size: 16px; line-height: 18px; font-weight: 500; text-decoration: none; display: flex; align-items: flex-start;} .search-wrap .search-results-list a + a {margin-top: 27px;} .search-wrap .search-results-list a .result-type {color: #fff; transition: all 0.3s ease; padding: 0 12px; margin: 0 8px 0 0; border-radius: 8px; background: #C35CE7; line-height: 32px;} .search-wrap .search-results-list a .result-type:hover {box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);} .search-wrap .search-results-list a .result-type.lightblue {background: #4AC6F4;} .search-wrap .search-results-list a .result-title {padding: 8px 0 0 0;} .search-page.search-wrap {margin: 0 0 64px;} .search-page.search-wrap .fields {display: flex; justify-content: space-between;} .search-page.search-wrap .fields .text-field {width: calc(100% - 221px);} .search-page.search-wrap .submit {width: 205px;} .search-page.search-wrap .valid input.inp-search {padding-right: 60px;} .search-page.search-wrap .text-field-in {display: flex; align-items: center; width: 100%;} .inp-search-in {width: 100%;} .search-wrap .pseudo-input {width: 100%;} .btn {display: table; line-height: 64px; text-align: center; padding: 0 30px; text-decoration: none; border-radius: 8px; transition: all 0.3s ease; background: #36E98D; font-size: 20px; font-weight: 500; font-family: inherit; border: 0; cursor: pointer; color: #1A1A1A;} .btn:hover {box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);} .content .btn.show-more {position: relative; padding-right: 64px; margin: 0 auto 56px; z-index: 2;} .content .btn.show-more:after {content: ''; transform: rotate(90deg); display: block; position: absolute; width: 24px; height: 24px; right: 30px; top: 50%; margin-top: -12px; background: url(/local/templates/.default/kids/assets/css/../img/all-arr.svg) center center no-repeat;} .tags-wrap .tags-list {width: 100%; display: flex; flex-wrap: wrap;} .tags-wrap .tags-list a {min-height: 32px; display: table; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; line-height: 32px; padding: 0 12px; border-radius: 8px; background: #FFFAB2; margin: 0 8px 8px 0; font-size: 16px; font-weight: 500; color: inherit;} .tags-wrap .tags-list a:hover {box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);} .tags-wrap .tags-list a.selected {background: #B3A700; color: #fff;} .tags-wrap .tags-list a.type {background: #C35CE7; color: #fff;} .tags-wrap .tags-list a.type.lightblue {background: #4AC6F4; color: #fff;} .tags-wrap .tags-drop {background: #fff; position: absolute; left: -9999px; opacity: 0; transition: opacity 0.3s ease; top: 100%; width: 100%; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); padding: 16px; border-radius: 8px;} .tags-wrap.open .tags-drop {left: 0; opacity: 1;} .tags-wrap .tags-drop .scroll-content {max-height: 195px; overflow: auto; display: flex; flex-wrap: wrap; } .tags-wrap a.show-all {display: flex; align-items: center;} .tags-wrap a.show-all:before {content: ''; display: block; width: 24px; height: 12px; background: url(/local/templates/.default/kids/assets/css/../img/dots-ic.svg) center center no-repeat;} .search-page .tags-wrap.limited {margin-top: 32px; margin-bottom: -8px;} header {position: fixed; z-index: 20; height: 100px; top: 0; left: 0; width: 100%; transition: all 0.3s ease;} header.scrolled {background: #fff;} header .all {display: flex; height: 100%; justify-content: space-between; align-items: center;} header .all > * {position: relative; z-index: 3;} header .title-drop .title {cursor: pointer; position: relative; display: flex; align-items: center;} header .title-drop .title .title-txt {text-decoration: none; color: #1A1A1A; font-size: 30px; font-weight: bold; cursor: pointer;} header .title-drop .title .arr {transition: all 0.3s ease; width: 28px; height: 28px; margin: 0 0 0 10px; background: url(/local/templates/.default/kids/assets/css/../img/site-title-arr.svg) center center no-repeat; display: block;} header .title-drop.open .title .arr {transform: scale(1,-1);} header .title-drop {position: relative;} header .title-drop .drop {color: #1A1A1A; font-size: 16px; line-height: 18px; font-weight: 500; width: calc(100% + 16px); top: calc(100% + 14px); box-shadow: 0 4px 16px 0 rgba(0,0,0,0.3); border-radius: 8px; background: #fff; padding: 16px; position: absolute; left: -9999px; opacity: 0; transition: opacity 0.3s ease; margin: 0; list-style-type: none; display: block;} header .title-drop .drop li {padding: 15px 8px;} header .title-drop .drop li + li {margin-top: 4px;} header .title-drop .drop li a {color: inherit; text-decoration: none;} header .title-drop.open .drop {left: -8px; opacity: 1;} header .btns {display: flex; align-items: center;} header .btns nav ul {font-size: 20px; font-weight: 500; line-height: 140%; padding: 0 0px; align-items: center; display: flex; margin: 0; list-style-type: none; display: flex;} header .btns nav ul li {margin: 0 0 0 16px;} header .btns nav ul li a {background: #fff; color: inherit; text-decoration: none; padding: 0 16px; border-radius: 40px; line-height: 48px; display: table; align-items: center;} header .btns nav ul li a.active {background: #B3A700; color: #fff;} header .btns nav ul li:first-child a {color: #fff; background: #C35CE7;} header .btns nav ul li:first-child a.active {background: #8940A2;} header .btns nav ul li:nth-child(2) a {color: #fff; background: #4AC6F4;} header .btns nav ul li:nth-child(2) a.active {color: #fff; background: #348BAB;} header .btns nav ul li a.active .count {background: #fff!important;} header .btns nav ul li a:hover {box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);} header .btns .search-btn {width: 48px; height: 48px; border-radius: 50%; margin: 0 0 0 16px; cursor: pointer; background: #fff url(/local/templates/.default/kids/assets/css/../img/header-loop.svg) center center no-repeat;} header .btns .search-btn.opened {background-image: url(/local/templates/.default/kids/assets/css/../img/search-close-ic.svg);} header .btns .lang-block {margin: 0 0 0 16px; line-height: 48px; background: #fff; border-radius: 30px;} header .btns .lang-block ul {display: flex; padding: 0; margin: 0; list-style-type: none;} header .btns .lang-block ul a {display: table; padding: 0 16px; font-size: 20px; color: #1A1A1A; font-weight: 500; text-decoration: none;} header .btns .lang-block ul a .tab, header .btns .lang-block ul a .mob {display: none;} header .btns .lang-block ul .active a {opacity: 0.3;} header .menu-ic {width: 48px; height: 48px; border-radius: 50%; margin: 0 0 0 16px; cursor: pointer; background: #fff url(/local/templates/.default/kids/assets/css/../img/menu-ic.svg) center center no-repeat; display: none;} header .mobile-nav {display: none;} .popup-search {opacity: 0; z-index: 2!important; padding: 158px 0 0 0; position: fixed!important; top: 0; bottom: 0; left: -99999px; transition: opacity 0.15s ease; width: 100%;} .popup-search.open {opacity: 1; left: 0; } .popup-search .ovlay {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(247, 247, 247, 0.8); backdrop-filter: blur(30px);} .popup-search .search-wrap {max-width: 1440px; margin: 0 auto; padding: 0 20px;} .popup-search .search-wrap .fields {display: flex; justify-content: space-between;} .popup-search .search-wrap .fields .text-field {width: calc(100% - 221px);} .popup-search .search-wrap .submit {width: 205px;} .first-screen {margin: 0 0 335px; position: relative; display: flex; align-items: stretch; justify-content: space-between;} .first-screen .txt {position: relative; z-index: 2; font-size: 24px; line-height: 140%; width: 50%;} .first-screen .txt:after {content: ''; width: 166px; height: 162px; display: block; position: absolute; top: -162px; left: -160px; background: url(/local/templates/.default/kids/assets/css/../img/thumb.webp) center center/contain no-repeat;} .first-screen .txt h1 {font-weight: bold; font-size: 80px; line-height: 100%; margin: 0 0 24px; padding: 0;} .first-screen .txt .descr {margin: 0 0 24px; font-weight: 500;} .first-screen .txt .search-wrap .fields {margin: 0 0 24px; display: flex; justify-content: space-between;} .first-screen .txt .search-wrap .fields .submit {width: 205px;} .first-screen .txt .search-wrap .fields .text-field {width: calc(100% - 221px);} .first-screen .txt .search-wrap .fields .search-drop {width: calc(100% - 221px);} .first-screen .txt .search-wrap .fields .search-drop .tags-list {max-width: 100%; margin: 0 0 12px;} .first-screen .txt .search-wrap .tags-list {max-width: 488px;} .first-screen .txt .search-wrap .tags-drop .tags-list {max-width: 100%;} .first-screen .txt .tags-wrap {position: relative;} .first-screen .txt .tags-list {position: static;} .first-screen .pic {display: flex; align-items: stretch; z-index: 1; margin: 0 -70px 0 0; position: relative; width: calc(50% + 21px); position: relative;} .first-screen .pic .bg {width: 1100px; height: 980px; position: relative; background: center center/cover; position: absolute; top: -218px; right: 0; background-image: url(/local/templates/.default/kids/assets/css/../img/fs-pic.webp);} .first-screen .pic:after {content: ''; width: 166px; height: 162px; display: block; position: absolute; top: -72px; right: -50px; background: url(/local/templates/.default/kids/assets/css/../img/cloud.webp) center center/contain no-repeat;} .content h2 {margin: 0 0 50px; padding: 0; font-size: 64px; font-weight: bold; line-height: 100%} .content .flex-title {margin: 0 0 72px; display: flex; align-items: center; justify-content: space-between;} .content .flex-title h2 {margin: 0;} .content .articles-block {margin: 0 0 252px; position: relative;} .content .articles-block > * {position: relative;} .owl-carousel.owl-articles {overflow: visible;} .owl-carousel.owl-articles .owl-stage-outer {overflow: visible; z-index: 5;} .owl-carousel.owl-articles .owl-stage {display: flex; align-items: stretch;} .owl-carousel.owl-articles .owl-item {display: flex; align-items: stretch;} .articles-block {padding-left: 480px; position: relative;} .articles-block:before {z-index: -1; content: ''; display: block; position: absolute; width: 1671px; height: 1671px; right: 55%; top: -440px; background: url(/local/templates/.default/kids/assets/css/../img/bg-gradient02.svg) center center no-repeat;} .articles-block .star-ic {top: -75px; right: calc(50% + 315px); width: 150px; height: 150px; position: absolute; background: url(/local/templates/.default/kids/assets/css/../img/star.webp) center center/contain no-repeat;} .articles-block .owl-carousel:before {z-index: -1; content: ''; display: block; position: absolute; top: 86px; bottom: -152px; left: -80px; width: 3000px; border-radius: 30px; background: #F9EFFD;} .articles-block .boy {display: block; position: absolute; z-index: 3; width: 772px; height: 942px; left: -330px; top: -46px;} .articles-block .boy:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: url(/local/templates/.default/kids/assets/css/../img/boy-pic.webp) center center no-repeat;} .articles-block:after {z-index: -2; content: ''; display: block; position: absolute; bottom: -206px; left: -316px; width: 927px; height: 158px; background: url(/local/templates/.default/kids/assets/css/../img/boy-shadow.svg) center center no-repeat;} .articles-block .owl-carousel .owl-nav {z-index: 5;} .articles-block .owl-carousel .owl-dots {display: none;} .articles-block .owl-carousel {z-index: 0;} .articles-block .owl-carousel .owl-stage-outer {position: static;} .articles-block .owl-carousel .owl-stage {position: static;} .articles-block .owl-carousel .owl-item.active {z-index: 5; position: relative;} .article-item {position: relative; font-size: 16px; line-height: 140%; border-radius: 32px; background: #fff; transition: all 0.3s ease; } .article-item.active {z-index: 3;} .article-item:hover {box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);} .article-item .pic {display: block; height: 240px; border-radius: 0 24px 24px 24px; background: center center/cover; margin: 0 0 32px;} .article-item .pic:before {content: ''; display: block; position: absolute; width: 140px; left: 0; height: 26px; top: -26px; background: url(/local/templates/.default/kids/assets/css/../img/violet-label.svg) top left no-repeat;} .article-item .inf {padding: 0 32px 132px;} .article-item .inf:first-child {padding-top: 32px;} .article-item .cat-author {font-size: 16px; font-weight: 500; display: flex; align-items: center; margin: 0 0 24px;} .article-item .cat-author .tag {margin: 0 12px 0 0; display: table; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; line-height: 32px; padding: 0 12px; border-radius: 8px; background: #C35CE7; font-size: 16px; font-weight: 500; color: #fff;} .article-item .cat-author .tag.lightblue {background: #4AC6F4;} .article-item .cat-author .tag:hover {box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);} .article-item .title {overflow: hidden; max-height: 84px; text-decoration: none; font-size: 24px; display: block; line-height: 28px; font-weight: bold; margin: 0 0 16px; color: inherit;} .article-item .descr {max-height: 68px; font-weight: 500; color: #808080;} .article-item .tags-wrap {position: absolute; bottom: 32px;} .article-item .tags-wrap .tags-list a {margin: 0 12px 12px 0;} .article-item .tags-wrap > .tags-list {max-height: 76px; overflow: hidden;} .article-item .tags-wrap .tags-drop {width: calc(100% + 30px); top: calc(100% + 8px);} .article-item .tags-wrap.open .tags-drop {left: -30px;} .owl-carousel .article-item {width: 100%;} .articles-list {display: flex; flex-wrap: wrap; margin-right: -32px; margin-bottom: -16px; width: calc(100% + 32px);} .articles-list .article-item {width: calc(100% / 3 - 32px); margin: 0 32px 56px 0;} .articles-list .article-item .descr {color: #808080;} .search-results.articles-list .article-item {border-radius: 0 32px 32px 32px;} .inner .articles-list .cat-author .tag:before {content: ''; display: block; position: absolute; width: 140px; left: 0; height: 26px; top: -26px; background: url(/local/templates/.default/kids/assets/css/../img/violet-label.svg) top left no-repeat;} .inner .articles-list .cat-author .tag.lightblue:before {background-image: url(/local/templates/.default/kids/assets/css/../img/blue-label.svg);} .search-page .loop-pic {top: 55px; left: calc(50% - 968px); width: 292px; height: 349px; display: block; position: absolute; background: url(/local/templates/.default/kids/assets/css/../img/loop-pic.webp) top left/349px auto no-repeat; z-index: 10;} .search-results {position: relative;} .search-results .brain-pic {top: 382px; right: -198px; width: 284px; height: 215px; display: block; position: absolute; background: url(/local/templates/.default/kids/assets/css/../img/brain-pic.webp) top left/contain no-repeat; z-index: 0;} .search-results .star-pic {bottom: -60px; left: -157px; width: 218px; height: 213px; display: block; position: absolute; background: url(/local/templates/.default/kids/assets/css/../img/star-pic.webp) top left/contain no-repeat; z-index: 0;} .content .owl-carousel .owl-nav {position: absolute; top: calc(100% + 32px); display: flex; left: 0px;} .content .owl-carousel .owl-nav button.owl-prev, .content .owl-carousel .owl-nav button.owl-next {transform: rotate(90deg); width: 64px; height: 64px; border-radius: 50%; background: #fff url(/local/templates/.default/kids/assets/css/../img/site-title-arr.svg) center center no-repeat;} .content .owl-carousel .owl-nav button.owl-next:hover, .content .owl-carousel .owl-nav button.owl-prev:hover {box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);} .content .owl-carousel .owl-nav button.disabled {cursor: default;} .content .owl-carousel .owl-nav button.owl-next {transform: rotate(-90deg); margin: 0 0 0 32px;} .content .owl-carousel .owl-stage:after {display: none;} .mini-game-block {margin: 0 0 100px;} .mini-game-block img {width: 100%; display: block;} .game-block {margin: 0 -80px 140px; display: block; text-decoration: none; position: relative; padding: 40px 80px; width:calc(100% + 160px);} .game-block:before {z-index: -1; content: ''; position: absolute; width: 1600px; height: 1600px; display: block; background: url(/local/templates/.default/kids/assets/css/../img/game-block-shadow.svg) center center/contain no-repeat; right: -500px; top: 50%; transform: translateY(-50%);} .game-block:after {border-radius: 30px; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: url(/local/templates/.default/kids/assets/css/../img/game-bg.webp) center center/cover no-repeat;} .game-block .screen {z-index: 2; position: relative; font-size: 16px; line-height: 140%; color: #1A1A1A; font-weight: 500; border-radius: 32px; padding: 32px; background: #fff; max-width: 448px; } .game-block .screen .title {font-size: 24px; line-height: 28px; font-weight: bold; margin: 0 0 16px;} .game-block .cards {z-index: 2; width: 700px; height: 656px; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); background: url(/local/templates/.default/kids/assets/css/../img/game-cards.webp) center center/contain no-repeat;} .game-block .go-btn {z-index: 2; position: relative; color: #1A1A1A; margin: 30px 0 0 0; text-align: center; font-size: 28px; font-weight: 900; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; line-height: 70px; width: 288px; height: 76px; display: block; background: url(/local/templates/.default/kids/assets/css/../img/game-btn.svg) center center no-repeat;} .game-block .go-btn:before {content: ''; position: absolute; display: block; top: 0; left: 0; bottom: 0; width: 100%; opacity: 0; transition: opacity 0.3s ease; background: url(/local/templates/.default/kids/assets/css/../img/game-btn-h.svg) center center no-repeat;} .game-block .go-btn:hover:before {opacity: 1;} .game-block .go-btn:hover {color: #fff;} .game-block .go-btn span {position: relative;} .game-block.game-block--split {min-height: 0; padding: 0; position: relative; display: block; overflow: hidden; background: none; border-radius: 0;} .game-block.game-block--split:before, .game-block.game-block--split:after {display: none;} .game-block--split .game-block__picture, .game-block--split .game-block__picture img {display: block; width: 100%;} .game-block--split .game-block__link {position: absolute; z-index: 2; top: 0; bottom: 0; width: 50%; font-size: 0;} .game-block--split .game-block__link--first {left: 0;} .game-block--split .game-block__link--second {right: 0;} .content .experts-block {margin: 0 0 280px; position: relative;} .content .experts-block > * {position: relative;} .content .experts-block .flex-title {margin-bottom: 48px;} .experts-list {display: flex; flex-wrap: wrap; margin: 0 -32px 0 0; width: calc(100% + 32px);} .expert-item {color: inherit; font-size: 16px; line-height: 140%; text-decoration: none; transition: all 0.3s ease; display: flex; align-items: center; margin: 0 32px 32px 0; border-radius: 30px; background: #fff; padding: 32px; width: calc(50% - 32px);} a.expert-item:hover {box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);} .expert-item .photo {position: relative; border-radius: 50px; width: 200px; height: 216px; margin: 0 32px 0 0; background: top center/cover;} .expert-item .inf {width: calc(100% - 232px);} .expert-item .inf .title {font-size: 24px; line-height: 110%; margin: 0 0 16px; font-weight: bold;} .expert-item .inf .descr {font-weight: 500;} .owl-carousel.experts-list .owl-dots {display: none;} .owl-carousel.experts-list:before {z-index: -1; content: ''; display: block; position: absolute; top: 86px; bottom: -152px; left: -80px; width: 3000px; border-radius: 30px; background: #FFFCCC;} .expert-item {width: 100%; margin: 0; display: block; border-radius: 30px; padding: 0;} .expert-item .photo {margin: 0 0 0; width: 100%; height: 328px; border-radius: 30px;} .expert-item .inf {padding: 32px; width: 100%;} .expert-item .inf .title {font-size: 20px;} .owl-carousel.experts-list {display: flex; align-items: stretch; overflow: visible;} .owl-carousel.experts-list .owl-stage {display: flex; align-items: stretch; flex-wrap: wrap;} .owl-carousel.experts-list .owl-stage-outer {overflow: visible;} .owl-carousel.experts-list .owl-item {display: flex; align-items: stretch; flex-wrap: wrap;} .content .quizzes-block {padding-left: 480px; margin: 0 0 255px; position: relative;} .content .quizzes-block:before {z-index: -1; content: ''; display: block; position: absolute; width: 1403px; height: 1403px; right: 55%; top: -305px; background: url(/local/templates/.default/kids/assets/css/../img/bg-gradient03.svg) center center no-repeat;} .content .quizzes-block .owl-carousel:before {z-index: -1; content: ''; display: block; position: absolute; top: 86px; bottom: -152px; left: -80px; width: 3000px; border-radius: 30px; background: #E1F7FF;} .content .quizzes-block .girl {content: ''; display: block; position: absolute; width: 727px; height: 857px; left: -282px; top: 95px; background: url(/local/templates/.default/kids/assets/css/../img/girl-pic.webp) center center no-repeat; z-index: 3;} .content .quizzes-block:after {z-index: -2; content: ''; display: block; position: absolute; bottom: -267px; left: -316px; width: 927px; height: 158px; background: url(/local/templates/.default/kids/assets/css/../img/girl-shadow.svg) center center no-repeat;} .content .quizzes-block .heart {top: -30px; right: calc(50% + 315px); width: 122px; height: 122px; position: absolute; background: url(/local/templates/.default/kids/assets/css/../img/heart.webp) center center/contain no-repeat;} .content .quizzes-block .gamepad {z-index: 3; bottom: -260px; left: 55%; width: 225px; height: 198px; position: absolute; background: url(/local/templates/.default/kids/assets/css/../img/gamepad.webp) center center/contain no-repeat;} .quizzes-block .article-item .pic:before {background-image: url(/local/templates/.default/kids/assets/css/../img/blue-label.svg);} footer {padding: 16px 0; display: flex; align-items: center; justify-content: space-between; position: relative;} footer nav {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} footer nav ul {font-size: 16px; font-weight: 500; padding: 0; margin: 0; list-style-type: none; display: flex;} footer nav ul li {margin: 0 6px;} footer nav ul li a {white-space: nowrap; display: table; border-radius: 8px; line-height: 42px; padding: 0 8px; color: #808080; text-decoration: none;} footer nav ul li a:hover {color: #1A1A1A;} footer .up {z-index: 50; bottom: 70px; right: 65px; position: fixed; opacity: 0; visibility: hidden; transition: all 0.3s ease; cursor: pointer; width: 72px; height: 72px; border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12); background: rgba(255,255,255,0.5) url(/local/templates/.default/kids/assets/css/../img/up-ic.svg) center center no-repeat;} footer .up.visible {visibility: visible; opacity: 1;} footer .up:hover {background-color: rgba(255,255,255,1);} .search-page:before {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: #F7F7F7 url(/local/templates/.default/kids/assets/css/../img/search-page-bg.svg) top center no-repeat; z-index: -1;} .content h1 {font-size: 48px; line-height: 100%; margin: 0 0 24px; padding: 0; font-weight: bold; position: relative;} .articles-page:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: url(/local/templates/.default/kids/assets/css/../img/articles-page-bg.svg) top center no-repeat;} .articles-page {padding-top: 50px;} .articles-page .tags-wrap.articles-tags {margin-bottom: 40px; position: absolute; left: -99999px; opacity: 0; transition: opacity 0.3s ease;} .articles-page .tags-wrap.articles-tags.ready {opacity: 1; position: relative; left: auto; z-index:4;} .articles-page .tags-wrap.articles-tags .hidden-tags {display: none;} .articles-page .tags-wrap.articles-tags.open .hidden-tags {display: block;} .articles-page .tags-wrap.articles-tags.open .hidden-tags .hidden-tags {display: none;} .articles-page .tags-wrap.articles-tags.open .hidden-tags.tags-drop .scroll-content {max-height: 360px; overflow: auto;} .articles-page .tags-wrap.articles-tags .tags-list {margin-right: -20px; width: calc(100% + 20px);} .articles-page .tags-wrap.articles-tags .tags-list a {margin: 0 20px 20px 0;} .articles-page .articles-list {z-index: 2; padding-top: 4px; position: relative;} .articles-page .articles-list-wrap {position: relative; padding-bottom: 80px;} .articles-page .articles-list-wrap:before {content: ''; display: block; position: absolute; top: 80px; bottom: 40px; border-radius: 30px; background: #F9EFFD; left: -80px; width: calc(100% + 160px);} .articles-page.quizzes .articles-list-wrap:before {background: #E1F7FF;} .articles-page .boy {z-index: 2; position: absolute; width: 840px; height: 820px; top: 16px; left: calc(50% + 360px); background: url(/local/templates/.default/kids/assets/css/../img/articles-boy.webp) center center/contain no-repeat;} .articles-page .girl {z-index: 2; position: absolute; width: 983px; height: 910px; top: -16px; left: calc(50% + 300px); background: url(/local/templates/.default/kids/assets/css/../img/quizzes-girl.webp) center center/contain no-repeat;} .articles-page .articles-list-wrap .pattern {position: absolute; width: 460px; height: 525px; bottom: -55px; left: -245px; background: url(/local/templates/.default/kids/assets/css/../img/articles-page-pattern.webp) center center/contain no-repeat;} .articles-page.quizzes .articles-list-wrap .pattern {position: absolute; width: 400px; height: 400px; bottom: -45px; left: -205px; background: url(/local/templates/.default/kids/assets/css/../img/gamepad.webp) center center/contain no-repeat;} .articles-page .tags-wrap.articles-tags .scroll-content .tags-list {margin-bottom: 0;} .experts-page {padding-top: 50px; padding-bottom: 50px;} .experts-page:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: url(/local/templates/.default/kids/assets/css/../img/experts-page-bg.svg) top center no-repeat;} .experts-page .experts-list {z-index: 2; position: relative; padding-top: 24px;} .experts-page .experts-list:before {content: ''; display: block; position: absolute; top: 110px; bottom: -150px; border-radius: 30px; background: #FFFCCC; left: -80px; width: calc(100% + 160px);} .experts-page .experts-list .expert-item {z-index: 4; position: relative; width: calc(100% / 3 - 32px); margin: 0 32px 32px 0;} .content .experts-page .btn.show-more {position: relative; z-index: 2; margin-top: 8px;} .experts-page .bakalavr-pic {display: block; position: absolute; width: 390px; height: 250px; top: 166px; left: calc(50% + 500px); background: url(/local/templates/.default/kids/assets/css/../img/bakalavr.webp) center center/contain no-repeat;} .experts-page .wifi-pic {display: block; position: absolute; width: 260px; height: 200px; top: 58%; right: calc(50% + 650px); z-index: 3; background: url(/local/templates/.default/kids/assets/css/../img/wifi.webp) center center/contain no-repeat;} .expert-inner-page {padding-bottom: 40px;} .expert-inner-page:before {z-index: -1; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: url(/local/templates/.default/kids/assets/css/../img/experts-page-bg.svg) top center no-repeat;} .expert-inner-page .articles-list {position: relative; z-index: 2;} .expert-inner-page .expert-item {margin: 0 0 64px; display: flex; align-items: center; background: none;} .expert-inner-page .expert-item .photo {width: 218px; height: 218px; margin: 0 32px 0 0; border-radius: 50%;} .expert-inner-page .expert-item .inf {width: calc(100% - 250px); padding: 0;} .expert-inner-page .expert-item .inf h1 {font-size: 36px; margin: 0 0 16px;} .expert-inner-page .articles-list:before {content: ''; display: block; position: absolute; top: 80px; bottom: -120px; border-radius: 30px; background: #F9EFFD; left: -80px; width: calc(100% + 160px);} .expert-inner-page .articles-list .bakalavr-pic {position: absolute; width: 224px; height: 228px; top: -330px; left: -195px; background: url(/local/templates/.default/kids/assets/css/../img/expert-bakalavr.webp) center center/contain no-repeat;} .expert-inner-page .articles-list .lamp-pic {position: absolute; width: 270px; height: 320px; bottom: -130px; left: -205px; background: url(/local/templates/.default/kids/assets/css/../img/lamp.webp) center center/contain no-repeat;} .expert-inner-page .articles-list .hand-pic {position: absolute; width: 322px; height: 374px; top: -140px; right: -165px; background: url(/local/templates/.default/kids/assets/css/../img/hand.webp) center center/contain no-repeat;} .back-link {display: table; line-height: 34px; font-size: 16px; color: #808080; text-decoration: none; position: relative; margin: 0 0 24px; font-weight: 500; padding-left: 32px;} .back-link:hover {color: #1a1a1a;} .back-link:hover:before {opacity: 1;} .back-link:before {transition: all 0.3s ease; opacity: 0.6; content: ''; display: block; position: absolute; width: 18px; height: 18px; top: 50%; margin-top: -10px; left: 3px; background: url(/local/templates/.default/kids/assets/css/../img/back-ic.svg) center center no-repeat;} .content.article-inner-page:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: #F7F7F7 url(/local/templates/.default/kids/assets/css/../img/article-bg.svg) top center no-repeat;} .article-inner-wrap {font-size: 20px; line-height: 140%; font-weight: 500; padding: 32px 32px 60px; display: flex; flex-wrap: wrap; max-width: 1232px; margin: 0 auto 88px; border-radius: 30px; background: #fff;} .article-inner-wrap > * {width: 100%;} .article-inner-wrap .tags-wrap {margin-bottom: 32px;} .article-inner-wrap .descr {font-size: 24px; line-height: 140%; font-weight: 500; margin: 0 0 62px;} .article-inner-wrap .txt {max-width: 928px; margin: 0 auto;} .article-inner-wrap p {padding: 0 0 24px;} .article-inner-wrap p:last-child {padding-bottom: 0;} .content.article-inner-page h1 {width: 100%;} .content.article-inner-page > .tags-wrap {width: 100%;} .content.article-inner-page > * {position: relative; z-index: 2;} .content.article-inner-page > .tags-wrap {padding-bottom: 24px;} .content.article-inner-page > .descr {max-width: 928px; margin: 0 0 56px; font-size: 24px; line-height: 140%;} .content.article-inner-page .article-inner-wrap:before {content: ''; width: 150px; height: 150px; display: block; position: absolute; right: 120px; top: 5px; background: url(/local/templates/.default/kids/assets/css/../img/article-star.webp) center center/contain no-repeat;} .content.article-inner-page .article-inner-wrap .pic {width: calc(100% + 240px); margin: 0 -120px;} .content.article-inner-page .article-inner-wrap .pic img {width: 100%; display: block; border-radius: 32px; margin: 0 0 62px;} .content.article-inner-page .article-inner-wrap ul {padding: 0 0 24px; margin: 0; list-style-type: none;} .content.article-inner-page .article-inner-wrap ul li {position: relative; padding-left: 36px;} .content.article-inner-page .article-inner-wrap ul li:before {width: 9px; height: 9px; border-radius: 50%; content: ''; display: block; position: absolute; top: 9px; left: 9px; background: #C35CE7;} .content.article-inner-page .article-inner-wrap ul li + li {margin-top: 16px;} .content.article-inner-page .theme-articles .owl-carousel .owl-nav {bottom: auto; top: -114px;} .content.article-inner-page .article-inner-wrap h2 {line-height: 28px; padding-top: 48px; font-size: 24px; margin: 0 0 24px;} .content.article-inner-page .article-inner-wrap h2:before {margin: -10px 0 0 0; content: ''; display: block; position: absolute; left: 0; width: 88px; height: 46px; background: url(/local/templates/.default/kids/assets/css/../img/h2-bg.svg) top left no-repeat;} .content.article-inner-page h2:first-child {padding-top: 0;} .content.article-inner-page .expert-item {text-decoration: none; color: inherit; font-size: 16px; line-height: 140%; color: #808080; display: flex; align-items: center; margin: 48px 0 0 0;} .content.article-inner-page .expert-item:hover {box-shadow: none;} .content.article-inner-page .expert-item .photo {width: 88px; height: 88px; margin: 0 8px 0 0; border-radius: 50%;} .content.article-inner-page .expert-item .inf {padding: 0; width: calc(100% - 96px);} .content.article-inner-page .expert-item .inf .title {margin: 0 0 4px; color: #1A1A1A; font-weight: bold;} .content.article-inner-page .expert-item .descr {margin: 0; font: inherit;} .content.article-inner-page h2 {font-size: 48px;} .content.article-inner-page .theme-articles {margin: 0 0 60px;} .content.article-inner-page .theme-articles .owl-carousel:before {content: ''; display: block; position: absolute; top: 80px; bottom: -40px; border-radius: 30px; left: -80px; width: 5000px; background: #F9EFFD;} .content.article-inner-page .theme-articles .owl-carousel .owl-nav {right: 0; left: auto;} .content.article-inner-page .theme-articles .owl-carousel {overflow: visible;} .content.article-inner-page .theme-articles .owl-carousel .owl-stage-outer {overflow: visible;} .content.article-inner-page .theme-articles .owl-carousel .owl-stage {display: flex; flex-wrap: wrap;} .content.article-inner-page .theme-articles .owl-carousel .owl-stage .owl-item {display: flex; align-items: stretch;} .article-inner-page .quiz-container {position: relative; max-width: 1232px; margin: -40px auto 88px;} .article-inner-page .quiz-container h2 {font-size: 36px;} .article-inner-page .quiz-container:after {width: 263px; height: 411px; content: ''; display: block; position: absolute; top: 304px; right: -263px; background: url(/local/templates/.default/kids/assets/css/../img/quiz-astrobot.webp) top right/auto 100% no-repeat;} .article-inner-page .quiz-container .smile {position: absolute; width: 244px; height: 230px; background: url(/local/templates/.default/kids/assets/css/../img/quiz-smile.webp) center center/contain no-repeat; top: 140px; left: -168px;} .article-inner-page .quiz-container .quiz-step {max-width: 928px; margin: 0 auto;} .article-inner-page .quiz-container .quiz-titlebar {max-width: 928px; margin: 0 auto;} .article-inner-page .quiz-container .quiz-titlebar .subtitle {margin: 0 0 8px; font-weight: 500; font-size: 20px; line-height: 140%;} .article-inner-page .quiz-container .quiz-titlebar .subtitle h2 {font-size: 36px; line-height: 30px; margin: 0 0 32px;} .quiz-container {border-radius: 32px; background: #fff; margin: 0 -26px 0 -46px; width: calc(100% + 72px); padding: 46px;} .quiz-container .scale {margin: 0 0 32px; height: 32px; position: relative; width: calc(100% - 84px);} .quiz-container .scale .flag {position: absolute; width: 34px; height: 34px; left: calc(100% + 50px); background: #F3DEFA url(/local/templates/.default/kids/assets/css/../img/flag-ic.svg) center center no-repeat; border-radius: 50%;} .quiz-container .scale .flag:before {content: ''; display: block; position: absolute; width: 23px; height: 4px; border-radius: 3px; right: calc(100% + 5px); top: 50%; margin-top: -2px; background: #F3DEFA;} .quiz-container .scale .line {content: ''; display: block; position: absolute; top: 50%; margin-top: -2px; left: 0; width: calc(100% - 23px); height: 4px; background: #F3DEFA; border-radius: 3px;} .quiz-container .scale .fill {z-index: 2; position: absolute; top: 0; left: 0; height: 4px; border-radius: 3px; background: #C35CE7;} .quiz-container .scale.finished {width: calc(100% - 44px);} .quiz-container .scale.finished .line {width: 100%; background-color: #C35CE7;} .quiz-container .scale.finished .flag {left: calc(100% + 10px); background-color: #C35CE7;} .quiz-container .scale.finished .flag:before {display: none;} .quiz-container .scale .fill .n, .quiz-container .scale .steps-count {position: absolute; border: 5px solid #fff; width: 44px; height: 44px; border-radius: 50%; left: 100%; top: 50%; transform: translateY(-50%); background: #F3DEFA; font-size: 16px; font-weight: bold; color: #fff; line-height: 34px; text-align: center;} .quiz-container .scale .fill .n {margin-left: -22px; background: #C35CE7;} .quiz-container .scale.last .fill .n {margin-left: 0;} .quiz-container .quiz-step {position: absolute; left: -99999px; top: -9999px; opacity: 0; transition: opacity 0.3s ease;} .quiz-container .quiz-step.active {position: relative; left: auto; opacity: 1; top: auto;} .quiz-container .quiz-step.result .pic {position: relative;} .quiz-container .quiz-step.result .pic:after {bottom: -33px; content: ''; display: block; position: absolute; right: 20px; width: 137px; height: 137px; background: url(/local/templates/.default/kids/assets/css/../img/quiz-ok.webp) center center/contain no-repeat;} .quiz-container .quiz-step .quiz-num {color: #808080; font-weight: 500; margin: 0 0 16px; font-size: 16px; line-height: 140%;} .quiz-container .quiz-step .quiz-num span {color: #1a1a1a;} .quiz-container .quiz-step .quiz-question {font-size: 24px; line-height: 28px; margin: 0 0 32px; font-weight: bold;} .quiz-container .quiz-step .quiz-answer {border-radius: 20px; border: 2px solid #F3DEFA; flex-wrap: wrap; cursor: pointer; display: flex; align-items: flex-start; font-weight: 500; font-size: 20px; line-height: 140%; padding: 32px;} .quiz-container .quiz-step .quiz-answer + .quiz-answer {margin-top: 8px;} .quiz-container .quiz-step.end .quiz-answer {cursor: default;} .quiz-container .quiz-step .quiz-answer .ic {display: flex; align-items: center; justify-content: center; position: relative; width: 30px; height: 30px; border-radius: 50%; border: 3px solid #C35CE7; margin: 0 11px 0 0;} .quiz-container .quiz-step .quiz-answer.open {border-color: #C35CE7; background: #F3DEFA;} .quiz-container .quiz-step .quiz-answer.open .ic:after {content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background: #C35CE7;} .quiz-container .quiz-step .quiz-answer .text {padding: 2px 0 0 0; width: calc(100% - 41px);} .quiz-container .quiz-btn {position: relative; z-index: 99; font-size: 20px; font-weight: 500; line-height: 64px; padding: 0 30px; text-decoration: none; display: table; border-radius: 8px; color: #1A1A1A; background: #36E98D; margin: 32px 0 0 0;} .quiz-container .quiz-btn:not(.disabled):hover {box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);} .quiz-container .quiz-btn.ok-btn {color: #fff; background: #4AC6F4;} .quiz-container .quiz-btn.ok-btn.disabled {opacity: 0.4;} .quiz-container .result .quiz-btn {margin-top: 8px;} .quiz-container .quiz-btn.disabled {cursor: default; opacity: 0.5;} .quiz-container .quiz-btn.hidden {position: absolute; left: -9999999px;} .quiz-container .quiz-step .pic img {width: 100%; display: block; margin: 0 0 32px; border-radius: 24px;} .quiz-container .quiz-step .emoji img {display: block; margin: 0 0 16px; width: 100%;} .quiz-container .quiz-step .result-block {margin-bottom: 32px; font-size: 20px; line-height: 140%; font-weight: 500; color: inherit;} .quiz-container .quiz-step .result-block p + p {padding-top: 16px;} .quiz-container .hidden-txt {display: none; width: 100%; margin: 0 0 0 0; border-radius: 8px; padding: 16px 0 0 40px; background: #FFE3E3; color: #DF222E; font-size: 20px; line-height: 140%; font-weight: 500;} .quiz-container .correct .hidden-txt {background: #EFFFD0; color: #5F8D05;} .quiz-container .selected .hidden-txt {display: block;} .quiz-page {display: flex; align-items: flex-start; margin: 0 0 135px;} .quiz-page > * {position: relative;} .quiz-page:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: url(/local/templates/.default/kids/assets/css/../img/quiz-page-bg.svg) top center no-repeat;} .quiz-page .leftcontent {position: relative; padding: 30px 0 0 0; width: calc(100% - 650px); padding: 0 69px 0 0;} .quiz-page .leftcontent .expert-item {display: flex; color: inherit; text-decoration: none; margin: 24px 0 30px; align-items: center; width: 100%; padding: 0; background: none; border-radius: 0;} .quiz-page .leftcontent .expert-item:hover {box-shadow: none;} .quiz-page .leftcontent .expert-item .photo {border-radius: 50%; width: 88px; height: 88px; margin: 0 8px 0 0;} .quiz-page .leftcontent .expert-item .inf {padding: 0; width: calc(100% - 96px);} .quiz-page .leftcontent .expert-item .inf .title {font-size: 16px; line-height: 20px; font-weight: bold; margin: 0 0 4px;} .quiz-page .leftcontent .expert-item .inf .descr {margin: 0; font-size: 16px; line-height: 140%; color: #808080;} .quiz-page .leftcontent:after {content: ''; display: block; position: absolute; bottom: -142px; left: 45%; background: url(/local/templates/.default/kids/assets/css/../img/gamepad.webp) center center/contain no-repeat; width: 208px; height: 190px;} .quiz-page .leftcontent .back-link {margin-bottom: 40px;} .quiz-page .leftcontent .txt {font-size: 20px; line-height: 140%; font-weight: 500; padding: 24px 0 32px;} .quiz-page .pic {position: relative; width: 650px;} .quiz-page .pic .bg {border-radius: 32px; position: relative; height: 650px; background: center center/cover;} .quiz-container.full .quiz-btn.go-btn {padding-right: 64px; position: relative;} .quiz-container.full .quiz-btn.go-btn.hidden {position: absolute;} .quiz-container.full .quiz-btn.go-btn:after {content: ''; display: block; position: absolute; width: 28px; height: 28px; top: 50%; margin-top: -14px; right: 30px; background: url(/local/templates/.default/kids/assets/css/../img/all-arrow.svg) center center no-repeat;} .popup .quiz-container {max-width: 1166px; margin-left: auto; margin-right: auto;} .popup {max-width: 100vw; padding: 100px 0 26px; flex-wrap: wrap; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 100; top: 0; bottom: 0; left: -9999px; opacity: 0; transition: opacity 0.3s ease; width: 100%; background: #E1F7FF url(/local/templates/.default/kids/assets/css/../img/quiz-pop-bg.svg) top center/cover no-repeat;} .popup.visible {left: 0; opacity: 1;} .popup.flex-start {padding-top: 26px; flex-wrap: wrap; align-items: flex-start; overflow-y: auto; overflow-x: hidden; max-height: 100dvh;} .popup.flex-start .toppanel {z-index:999;top: auto; width: 100%; position: relative; margin-bottom: 26px;} .popup .toppanel {z-index: 2; display: flex; position: absolute; left: 0; width: 100%; top: 26px;} .popup .toppanel .all {display: flex; justify-content: space-between;} .popup .toppanel .all .left {align-items: flex-start; max-width: calc(100% - 60px); display: flex; padding: 8px 16px 8px 16px; border-radius: 30px; background: #fff; font-size: 20px; line-height: 140%; color: #1A1A1A; font-weight: 500;} .popup .toppanel .all .left .title {padding: 2px 0 0 0;} .popup .toppanel .type {transition: all 0.3s ease; min-height: 32px; display: table; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; line-height: 32px; padding: 0 12px; border-radius: 8px; background: #4AC6F4; color: #fff; margin: 0 16px 0 0; font-size: 16px; font-weight: 500;} .popup .toppanel .type:hover {box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);} .popup .toppanel .close {width: 48px; height: 48px; cursor: pointer; border-radius: 50%; transition: all 0.3s ease; background: #fff url(/local/templates/.default/kids/assets/css/../img/menu-close-ic.svg) center center no-repeat;} .popup .toppanel .close:hover {box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);} .popup .quiz-container {box-shadow: 0 4px 16px 0 rgba(52, 139, 171, 0.4);} .popup .wrap {position: relative; z-index: 2; max-width: 100%;} .popup .quiz-container .quiz-step.result .quiz-question {max-width: calc(100% - 250px); font-size: 48px; line-height: 100%;} .popup .outer {min-height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; position: relative;} .popup .quiz-container .quiz-step .quiz-answer {border-color: #4AC6F4;} .popup .quiz-container .quiz-step .quiz-answer .ic {border-color: #43B2DC;} .popup .quiz-container .quiz-step .quiz-answer .ic:after {background: #43B2DC;} .popup .quiz-container .quiz-step .quiz-answer.selected .ic {border-color: #DF222E;} .popup .quiz-container .quiz-step .quiz-answer.selected .ic:after {background: #DF222E;} .popup .quiz-container .quiz-step .quiz-answer.selected.correct .ic {border-color: #5F8D05;} .popup .quiz-container .quiz-step .quiz-answer.selected.correct .ic:after {background: #5F8D05;} .popup .quiz-container .result-block {max-width: calc(100% - 250px); padding: 0 0 24px; font-size: 20px; line-height: 140%; font-weight: 500; color: #1A1A1A; } .popup .quiz-container .result-block p + p {padding-top: 16px;} .popup .quiz-container .result-block .result-boy {width: 832px; height: 608px; position: absolute; bottom: -20px; right: -296px; background: url(/local/templates/.default/kids/assets/css/../img/result-boy.webp) center center/contain no-repeat;} .popup .quiz-container .result-block .result-boy1 {width: 653px; height: 690px; position: absolute; bottom: -40px; right: -252px; background: url(/local/templates/.default/kids/assets/css/../img/result-boy1.webp) center center/contain no-repeat;} .popup .quiz-container .result-block .result-girl {width: 595px; height: 679px; position: absolute; bottom: -20px; right: -165px; background: url(/local/templates/.default/kids/assets/css/../img/result-girl.webp) center center/contain no-repeat;} .popup .quiz-container .emoji01 {position: absolute; top: 104px; left: -60px; width: 98px; height: 98px; background: url(/local/templates/.default/kids/assets/css/../img/emoji01.webp) center center/contain no-repeat;} .popup .quiz-container .emoji02 {z-index: -1; position: absolute; top: -23px; right: -174px; width: 225px; height: 220px; background: url(/local/templates/.default/kids/assets/css/../img/emoji02.webp) center center/contain no-repeat;} .popup .quiz-container .emoji03 {z-index: -1; position: absolute; bottom: -200px; left: -300px; width: 438px; height: 352px; background: url(/local/templates/.default/kids/assets/css/../img/emoji03.webp) center center/contain no-repeat;} .popup .quiz-container {position: relative;} .popup .quiz-container.finished .emoji01, .popup .quiz-container.finished .emoji02, .popup .quiz-container.finished .emoji03 {display: none;} .popup .quiz-container.finished:after {content: ''; width: 285px; height: 290px; display: block; position: absolute; top: 290px; left: -260px; background: url(/local/templates/.default/kids/assets/css/../img/win.webp) center center/contain no-repeat;} .popup .quiz-container.finished:before {content: ''; width: 224px; height: 224px; display: block; position: absolute; top: 5px; left: calc(100% + 50px); background: url(/local/templates/.default/kids/assets/css/../img/celebrate.webp) center center/contain no-repeat;} .popup .recomendations.hidden {width: 100%; position: absolute; left: -99999px; top: -99999px;} .popup .recomendations {margin: 70px 0 0 0; padding: 0 0 40px;} .popup .recomendations h2 {display: table; position: relative; font-size: 36px; line-height: 110%; font-weight: bold; color: #1A1A1A; padding: 0; margin: 0 0 76px;} .popup .recomendations h2:after {content: ''; display: block; position: absolute; top: -46px; left: calc(100% + 30px); width: 126px; height: 126px; background: url(/local/templates/.default/kids/assets/css/../img/ok.webp) center center/contain no-repeat;} .popup .recomendations.content .articles-block:before {display: none;} .popup .recomendations.content .articles-block:after {display: none;} .popup .recomendations.content .articles-block {margin: 0;} .popup .recomendations.content .articles-block .owl-carousel .owl-nav {top: -92px; bottom: auto;} .popup .recomendations.content .theme-articles .owl-carousel .article-item .inf {padding-bottom: 32px;} .popup .recomendations.content .theme-articles .owl-carousel .article-item .descr {color: #808080;} .popup .recomendations .owl-carousel {overflow: visible;} .popup .recomendations .owl-carousel .owl-stage-outer {overflow: visible;} .popup .recomendations .owl-carousel .tag:before {content: ''; display: block; position: absolute; width: 140px; left: 0; height: 26px; top: -26px; background: url(/local/templates/.default/kids/assets/css/../img/violet-label.svg) top left no-repeat;} .popup .recomendations .owl-carousel .tag.lightblue:before {background-image: url(/local/templates/.default/kids/assets/css/../img/blue-label.svg);} .popup .recomendations .owl-carousel .article-item {border-radius: 0 32px 32px 32px;} .popup .recomendations .owl-carousel .owl-nav {top: -128px; right: 0; left: auto;} .popup .quiz-container .scale .flag {background-color: #CFF2FF;} .popup .quiz-container .scale .flag:before {background: #CFF2FF;} .popup .quiz-container .scale .line {background: #CFF2FF;} .popup .quiz-container .scale .steps-count {background: #CFF2FF;} .popup .quiz-container .scale.finished .line {background: #4AC6F4;} .popup .quiz-container .scale.finished .flag {background-color: #4AC6F4;} .popup .quiz-container .scale .fill, .popup .quiz-container .scale .fill .n {background: #4AC6F4;} .popup .quiz-container .quiz-step .quiz-answer.open {background-color: #CFF2FF;} .popup .quiz-container .quiz-step .quiz-answer.open.selected {background: #FFE3E3; border-color: #DF222E;} .popup .quiz-container .quiz-step .quiz-answer.open.correct.selected {background: #EFFFD0; border-color: #5F8D05;} .mini-popup {opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 120; top: 0; bottom: 0; left: -99999px; width: 100%; background: rgba(0,0,0,0.4);} .mini-popup.visible {left: 0; opacity: 1;} .mini-popup .ovlay {position: absolute; top: 0; left: 0; bottom: 0; width: 100%;} .mini-popup .into {font-size: 24px; line-height: 140%; font-weight: 500; color: #000; position: relative; background: #fff; padding: 40px; border-radius: 16px; text-align: center; max-width: 743px; width: 100%;} .mini-popup .into .close {position: absolute; cursor: pointer; width: 24px; height: 24px; top: 16px; right: 16px; background: url(/local/templates/.default/kids/assets/css/../img/close-mini-ic.svg) center center no-repeat;} .mini-popup .into .emoji img {width: 70px; margin: 0 0 24px;} .mini-popup .into .btns {margin: 24px 0 0 0; display: flex; justify-content: center;} .mini-popup .into .btns a {margin: 0 12px;} .mini-popup .into .btns a:first-child {color: #1A1A1A; border: 2px solid #B3B3B3; background: #F7F7F7; line-height: 60px;} .page-404 {background: #F7F7F7 url(/local/templates/.default/kids/assets/css/../img/404-gradient.svg) top center/cover no-repeat; min-height: 100dvh; margin-top: -150px; display: flex; align-items: center;} .page-404 .wrap {width: 100%; font-size: 24px; line-height: 140%; font-weight: 500; color: #1A1A1A; position: relative;} .page-404 .wrap:before {width: 154px; height: 152px; content: ''; display: block; position: absolute; top: -170px; left: -110px; background: url(/local/templates/.default/kids/assets/css/../img/404-star.webp) center center/contain no-repeat;} .page-404 .wrap:after {width: 892px; height: 779px; content: ''; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(/local/templates/.default/kids/assets/css/../img/404-bg.webp) center center/contain no-repeat;} .page-404 .wrap h1 {font-size: 220px; line-height: 200px; margin: 0 0 32px; padding: 0; color: inherit; font-weight: bold; } .page-404 .wrap .btn {margin: 32px 0 0 0;} .popup.popup-form {padding: 0; z-index: 99; background: none; position: fixed; top: 0; left: -99999px; bottom: 0; width: 100%; opacity: 0; transition: opacity 0.3s ease;} .popup.popup-form:after {display: none;} .popup.popup-form.visible {left: 0; opacity: 1;} .popup.popup-form .ovlay {background: rgba(0,0,0,0.3); position: fixed; top: 0; left: -99999px; bottom: 0; width: 100%; opacity: 0; transition: opacity 0.3s ease;} .popup.popup-form.visible .ovlay {left: 0; opacity: 1;} .popup.popup-form .into {box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3); border-radius: 16px; position: relative; background: #fff; width: calc(100% - 20px); max-width: 743px; padding: 40px 100px;} .popup.popup-form .into .close {cursor: pointer; width: 24px; height: 24px; position: absolute; top: 16px; right: 16px; background: url(/local/templates/.default/kids/assets/css/../img/close-mini-ic.svg) center center no-repeat;} .popup.popup-form .into .title {text-align: center; font-size: 24px; line-height: 28px; margin: 0 0 24px; font-weight: bold;} .popup.popup-form .into .inp-outer {margin: 0 0 16px;} .popup.popup-form .into .text-inp {resize: none; overflow: hidden; font-size: 16px; font-weight: 500; height: 58px; border-radius: 8px; border: 1px solid #1A1A1A; padding: 0 20px; display: block; font-family: inherit; width: 100%;} .popup.popup-form .into .error .text-inp {border-color: #DF222E;} .popup.popup-form .into textarea.text-inp {height: 174px; padding: 20px;} .popup.popup-form .into .btn {width: 100%;} .popup.popup-form .checkbox {margin: 18px 0 25px; display: block; position: relative; cursor: pointer; font-size: 12px; line-height: 140%; color: #1A1A1A; padding-left: 30px;} .popup.popup-form .error .checbox {margin-bottom: 8px;} .popup.popup-form .checkbox input {position: absolute; left: -99999px;} .popup.popup-form .checkbox input:checked + .txt:before {background: #EFEDFD url(/local/templates/.default/kids/assets/css/../img/check-ic.svg) center center/10px auto no-repeat;} .popup.popup-form .error .checkbox input:not(:checked) + .txt:before {border-color: #DF222E;} .popup.popup-form .checkbox .txt:before {content: ''; display: block; position: absolute; width: 18px; height: 18px; border-radius: 4px; background: #EFEDFD; left: 0; } .popup.popup-form .err {font-weight: 500; display: none; font-size: 12px; line-height: 140%; color: #DF222E; margin: 6px 0 0 0;} .popup.popup-form .error .err {display: block;} /*owl-carousel*/.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/.default/kids/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*custom scrollbar*/.jspContainer{overflow:hidden;position:relative}.jspPane{position:relative; margin-left: 0!important; width: 100%!important;} .jspVerticalBar{position:absolute;top:0px;right:0px;width: 4px;height:100%;background: none; border-radius: 5px;} .jspHorizontalBar:before {content: ''; display: block; position: absolute; left: 0; top: -33px; width: 18px; height: 18px; background: url(/local/templates/.default/kids/assets/css/../img/drag-ic.svg) center center/contain no-repeat;} .jspHorizontalBar{display: none!important; position:absolute;bottom: 3px;left:0; width: calc(100% - 15px);height:3px;background:#fff; border-radius: 3px;}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{position:relative} .jspDrag{background: #EDEDED; border-radius: 2px; position:relative;top:0;left:px;cursor:pointer; width: 4px;}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:3px}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:none}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0} .jspHorizontalBar .jspTrack {height: 1px;} .jspPane {left: 0!important;} @media all and (max-height: 900px) { .page-404 {min-height: 890px;} } @media all and (max-height: 650px) { .popup.popup-form {overflow: auto; max-height: 100dvh; align-items: flex-start; padding: 40px 0;} } @media all and (max-width:1600px) { .articles-page .girl {left: auto; right: -460px;} .articles-page .boy {left: auto; right: -400px;} .experts-page .top-pattern {left: -200px; transform: none; width: 1700px; background-size: 100% auto; top: -50px; background-image: url(/local/templates/.default/kids/assets/css/../img/experts-page-tab-bg.svg);} .articles-page.quizzes .articles-list-wrap .top-pattern {width: 112vw; background-size: 100% auto; background-image: url(/local/templates/.default/kids/assets/css/../img/quizzes-page-tab-bg.svg); top: -100px;} .articles-page.quizzes .articles-list-wrap:after {width: 112vw; background-size: 100% auto; background-image: url(/local/templates/.default/kids/assets/css/../img/quizzes-page-tab-bg.svg);} .articles-page.quizzes .articles-list-wrap {padding-bottom: 100px;} .articles-page.quizzes .articles-list-wrap:before {bottom: 80px;} .experts-page:after {background-image: url(/local/templates/.default/kids/assets/css/../img/experts-page-tab-bg.svg); width: 100vw; background-size: 100% auto;} .expert-inner-page:after {left: auto; right: -100px; width: 190px; height: 234px;} } @media all and (max-width:1550px) { .game-block {margin-left: 0; margin-right: 0; width: 100%;} .game-block .cards {right: -50px;} } @media all and (max-width:1400px) { header .btns .lang-block ul a .desktop {display: none;} header .btns .lang-block ul a .tab {display: inline;} .expert-inner-page .articles-list .lamp-pic {display: none;} .expert-inner-page .articles-list .bakalavr-pic {top: auto; bottom: -200px; left: 50px; background-image: url(/local/templates/.default/kids/assets/css/../img/expert-bakalavr-tab.webp);} .expert-inner-page .articles-list .hand-pic {width: 230px; height: 268px; top: -172px; right: -30px;} .experts-page .bakalavr-pic {right: -40px; top: 60px; left: auto;} .experts-page .wifi-pic {right: auto; left: 50px; bottom: -210px; top: auto;} .experts-page .experts-list:before {left: -20px; width: calc(100% + 40px);} .experts-page {padding-top: 0;} .experts-page .experts-list {padding-top: 4px;} .search-results .brain-pic {display: none;} .search-results .star-pic {display: none;} .search-page .loop-pic {width: 190px; height: 200px; background: url(/local/templates/.default/kids/assets/css/../img/loop-pic-tab.webp) center center/305px auto no-repeat; top: 166px; left: auto; right: -35px;} .content .quizzes-block .gamepad {width: 180px; height: 180px; bottom: -90px; bottom: -230px;} .content .quizzes-block:after {bottom: -167px;} .content .quizzes-block .girl {width: 600px; background-size: contain; left: -130px;} .articles-block:after {bottom: -150px;} .articles-block .boy {width: 600px; left: -120px; top: 30px;} .articles-block .boy:after {background-size: contain; background-repeat: no-repeat;} .first-screen .pic:after {right: 0; top: -42px;} .first-screen .pic .bg {width: 1000px; height: 787px; position: relative; background-position: center center; background-size: contain; background-repeat: no-repeat; position: absolute; top: -88px; right: -100px;} .content h1 {font-size: 36px;} .quiz-page .leftcontent .back-link {margin-bottom: 20px;} .quiz-page .leftcontent .txt {font-size: 16px;} .quiz-page .leftcontent {width: calc(100% - 450px); padding: 0 60px 0 0;} .quiz-page .pic {width: 450px;} .quiz-page .pic .bg {height: 460px;} header {height: 92px;} .container {padding-top: 170px;} .first-screen {margin-bottom: 250px;} .first-screen:after {top: 140px;} .first-screen .txt {font-size: 20px;} .first-screen .txt h1 {font-size: 64px;} .first-screen .pic {margin-right: 0; width: calc(50% - 49px); height: 620px;} .first-screen .pic:before {width: 210px;} .first-screen .pic .bg:after {background-size: 715px auto;} .content h2 {font-size: 50px;} .content .owl-carousel .owl-nav {top: calc(100% + 34px);} .first-screen .txt input.inp-search {font-size: 16px; height: 46px; padding: 0 16px;} .first-screen .txt .search-wrap .fields .text-field {height: 48px; width: calc(100% - 168px);} .first-screen .txt .search-wrap .btn {font-size: 16px; line-height: 48px;} .first-screen .txt .search-wrap .fields .submit {width: 152px;} .content .experts-block:before {top: -150px;} .content .quizzes-block:before {top: -200px; height: 1060px;} .content .quizzes-block {margin-bottom: 160px;} .article-item .tags-wrap.open .tags-drop {left: -24px; width: calc(100% + 24px);} .articles-page .articles-list-wrap:before {left: -20px; width: calc(100% + 40px);} } @media all and (max-width:1300px) { .game-block {padding: 40px;} .game-block .cards {width: 500px; height: 500px;} .content.article-inner-page .theme-articles {margin-bottom: 100px;} .content.article-inner-page .theme-articles .owl-carousel:before {bottom: -100px; left: -20px; width: calc(100% + 40px);} .content .quizzes-block:before {display: none;} .content .experts-block {margin-bottom: 190px;} .content .quizzes-block .heart {display: none;} .first-screen .txt:after {left: 250px; top: calc(100% + 160px); width: 130px; height: 130px;} .content .flex-title {margin-bottom: 64px;} .content .experts-block .flex-title {margin-bottom: 40px;} .mini-game-block {margin-bottom: 72px;} .content .articles-block {margin-bottom: 184px;} .articles-block .owl-carousel:before, .owl-carousel.experts-list:before, .content .quizzes-block .owl-carousel:before {border-radius: 30px; width: calc(100% + 40px); left: -20px; top: 80px; bottom: -112px;} .content .owl-carousel .owl-nav {display: none;} .content .owl-carousel .owl-dots {align-items: center; display: flex; justify-content: center; position: absolute; top: calc(100% + 32px); position: absolute; left: 0; width: 100%;} .content .owl-carousel .owl-dots .owl-dot {position: relative; width: 12px; height: 12px; border-radius: 50%; margin: 0 3.5px; opacity: 0.2; background: #1A1A1A; transition: opacity 0.3s ease;} .content .owl-carousel .owl-dots .owl-dot.active {width: 16px; height: 16px; opacity: 1;} .content.recomendations .theme-articles .owl-carousel .owl-dots {top: auto; bottom: -45px;} .content.recomendations .theme-articles .owl-carousel .owl-stage {display: flex; flex-wrap: wrap;} .popup .recomendations {padding-bottom: 80px;} .articles-block .star-ic {width: 130px; height: 130px; top: auto; bottom: -290px; left: auto; right: 105px;} .articles-block .boy, .content .quizzes-block .girl, .content .quizzes-block:after, .content .articles-block:after {display: none;} .content .articles-block, .content .quizzes-block {padding-left: 0;} .first-screen .pic {height: 500px;} .first-screen:after {top: 40px;} .first-screen .pic .bg:after {background-size: 615px auto;} .first-screen .pic:before {width: 184px;} .content.article-inner-page .article-inner-wrap h2:before {display: none;} .page-404 .wrap:after {width: 745px; height: 641px;} .page-404 .wrap:before {bottom: -115px; top: auto; left: 40px;} .page-404 .wrap h1 {font-size: 160px; line-height: 160px; margin: 0 0 24px;} .page-404 .wrap {font-size: 20px;} .page-404 .wrap .txt {max-width: calc(100% - 450px);} .page-404 .wrap .txt br {display: none;} .page-404 {min-height: 100dvh; margin-top: -130px;} @media all and (max-height: 650px) { .page-404 {min-height: 650px;} } } @media all and (max-width:1100px) { .article-item {width: 328px; min-width: 328px;} .popup .quiz-container .result-block .result-boy1 {bottom: -100px; right: -180px;} .popup .quiz-container .result-block .result-girl {width: 651px; height: 766px; right: -120px; bottom: -100px;} .popup .quiz-container .result-block .result-boy {width: 781px; height: 608px; bottom: 20px; right: -166px;} .popup .quiz-container .result-block {max-width: calc(100% - 350px);} .popup .quiz-container.finished:before {width: 167px; transform: scale(-1,1); height: 167px; top: 100px; right: 180px; left: auto;} .popup .quiz-container .emoji01 {width: 93px; height: 92px; transform: scale(-1,1); bottom: -40px; top: auto; left: auto; right: 166px;} .popup .quiz-container .emoji03 {display: none;} .popup .quiz-container .emoji02 {display: none;} .quiz-page .leftcontent:after {display: none;} .article-inner-page .quiz-container:after {width: 230px; height: 250px; right: 40px; bottom: -114px; background-size: contain; top: auto;} .article-inner-page .quiz-container {padding: 46px 32px; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px);} .article-inner-page .quiz-container .smile {display: none;} .content.article-inner-page .quiz-container h2 {font-size: 36px; margin: 0 0 32px;} .content.article-inner-page .article-inner-wrap:before {right: 68px;} .article-inner-wrap {margin-left: -20px; width: calc(100% + 40px); max-width: calc(100% + 40px); margin-bottom: 72px;} .articles-page .articles-list-wrap .pattern {width: 240px; height: 240px; left: auto; right: 20px; bottom: -30px; background-image: url(/local/templates/.default/kids/assets/css/../img/articles-page-pattern-tab.webp);} .articles-page {padding-top: 0;} .articles-page .boy {width: 563px; height: 550px; top: 9px; right: -152px;} .articles-page .girl {width: 650px; height: 602px; top: 9px; right: -240px;} .articles-page.quizzes .articles-list-wrap .pattern {width: 230px; height: 230px; left: 50px; bottom: 25px;} .article-item .inf:first-child {padding-top: 16px;} .search-page:before {background-image: url(/local/templates/.default/kids/assets/css/../img/search-page-tab-bg.svg);} .container:after {content: ''; display: block; position: absolute; right: -300px; bottom: -107px; background: url(/local/templates/.default/kids/assets/css/../img/footer-shadow.svg) center center/contain no-repeat; z-index: -1; width: 1215px; height: 1215px;} .container:before {width: 1038px; height: 1038px; left: 35%; top: -80px; background-size: contain; background-repeat: no-repeat;} .first-screen .pic:after {width: 126px; height: 126px;} .popup .quiz-container .quiz-step.result .quiz-question {font-size: 36px;} .quiz-page {margin-bottom: 50px;} .quiz-page .leftcontent {position: relative; z-index: 2;} .quiz-page:before {width: 590px; height: 622px; left: -446px; top: -290px; bottom: auto;} .quiz-page {flex-wrap: wrap;} .quiz-page .leftcontent {margin: 0 0 66px; padding: 0; width: 100%;} .quiz-page .pic {width: 100%;} .quiz-page .pic .bg {height: auto;} .quiz-page .pic .bg:before {content: ''; display: block; padding-top: 56%;} .quiz-container {margin-left: 0; margin-right: 0; width: 100%;} .content.article-inner-page .rightcontent {width: 100%;} .content.article-inner-page .leftcol .expert-item {align-items: center;} .content.article-inner-page .leftcol ul.contents {display: none;} .content.article-inner-page:after {display: none;} .content.article-inner-page .leftcol {order: 1; margin: 0 0 32px; width: 100%;} .content.article-inner-page .leftcol .slick-wrap {max-width: 100%;} .content.article-inner-page .leftcol .slick-wrap.fix, .content.article-inner-page .leftcol.fix.bottom {position: relative!important; top: auto; left: auto; bottom: auto;} .content.article-inner-page > .descr, .content.article-inner-page .rightcontent, .content.article-inner-page .theme-articles {order: 2;} .content.article-inner-page .article-inner-wrap .pic {width: 100%; margin: 0;} .article-inner-wrap .txt {display: flex; flex-wrap: wrap; max-width: 100%;} .article-inner-wrap .txt > * {width: 100%;} .article-inner-wrap .descr {order: 3;} .article-inner-wrap .tags-wrap {margin-bottom: 16px;} .article-inner-wrap .txt-inner {order: 3;} .content.article-inner-page h1 {font-size: 36px; margin: 0 0 34px;} .content.article-inner-page .expert-item {margin-top: 0; margin-bottom: 32px;} .expert-inner-page:after {top: 87px; right: -122px;} .expert-inner-page .articles-list {padding-bottom: 8px;} .experts-page {padding-bottom: 50px;} .experts-page .top-pattern {top: -60px; width: calc(100vw + 300px); left: -200px; background-image: url(/local/templates/.default/kids/assets/css/../img/experts-page-tab-bg.svg);} .content .experts-page .btn.show-more {margin-top: 0;} .experts-page .experts-list {padding-bottom: 32px; margin-right: -8px; width: calc(100% + 8px);} .experts-page .experts-list .expert-item {display: block; width: calc(100% / 3 - 8px); margin: 0 8px 8px 0;} .experts-page .expert-item .photo {margin: 0 0 16px; width: 100%; height: auto;} .experts-page .expert-item .photo:before {content: ''; display: block; padding-top: 70%;} .experts-page .wifi-pic {width: 160px; height: 160px; bottom: -95px;} .experts-page .expert-item .inf {width: 100%; padding: 0 16px 16px;} .experts-page .expert-item, .experts-page .expert-item .photo {border-radius: 20px;} .experts-page .bakalavr-pic {width: 280px; height: 180px; right: -50px; top: 80px;} .experts-page .wifi-pic {width: 190px; height: 160px;} .experts-page:before {background-image: url(/local/templates/.default/kids/assets/css/../img/experts-page-bg-tab.svg);} .experts-page .experts-list:before {bottom: -110px;} .experts-page .bakalavr-pic {right: auto; left: calc(50% - 10px); top: 30px;} .owl-carousel .expert-item .photo {height: 240px;} .owl-carousel .expert-item .inf .title {margin-bottom: 8px;} .owl-carousel .expert-item .inf {padding: 16px;} .articles-page.quizzes .articles-list-wrap .top-pattern {top: -60px;} footer .up {right: 40px; bottom: 35px;} .content .btn.show-more {line-height: 64px; padding-left: 30px; font-size: 24px;} .articles-page .articles-list {padding-top: 20px; padding-bottom: 0; margin-bottom: -8px;} .articles-page .articles-list-wrap:after {height: 112px; width: 1178px; background-image: url(/local/templates/.default/kids/assets/css/../img/articles-page-tab-bg.svg);} .articles-page .articles-list-wrap {padding-bottom: 68px;} .container.inner {padding-top: 130px;} .search-page .tags-wrap.limited {margin-top: 24px;} .first-screen {margin-bottom: 223px; align-items: flex-start;} .first-screen .pic .bg {width: 820px; height: 730px; top: -114px; right: -80px;} .first-screen .txt {width: 57%;} .first-screen .pic:before {top: 0; left: -18px; width: 30%;} .first-screen:after {width: 305px; height: 308px; top: 155px; left: calc(50% + 280px); right: auto; background-size: contain; background-repeat: no-repeat;} .content .articles-block:before {height: 890px; background: url(/local/templates/.default/kids/assets/css/../img/articles-tab-bg.svg) top left no-repeat; left: -125px; top: -82px;} .content h2 {font-size: 48px; margin: 0 0 38px;} .content .flex-title {margin: 0 0 38px;} .content .btn {line-height: 48px; font-size: 16px; padding: 0 20px;} .article-item {border-radius: 20px;} .article-item .inf {padding: 0 16px 152px;} .article-item .pic {height: 176px; border-radius: 0 20px 20px 20px; margin: 0 0 16px;} .article-item .cat-author {margin: 0 0 16px; display: block;} .article-item .cat-author .tag {margin: 0 0 12px;} .article-item .title {font-size: 20px; line-height: 24px; margin: 0 0 8px;} .article-item .tags-wrap > .tags-list {max-height: 120px;} .content .experts-block:before {background-image: url(/local/templates/.default/kids/assets/css/../img/experts-tab-bg.svg); height: 910px; width: calc(100% + 220px); background-size: 100% auto; left: -140px; transform: none;} .content .quizzes-block:before {background-image: url(/local/templates/.default/kids/assets/css/../img/quizzes-tab-bg.svg); height: 1010px; width: 1216px; background-size: 100% auto;} .content .quizzes-block:after {width: 103px; height: 109px; background-size: contain; background-position: top right; bottom: -180px; right: calc(50% + 457px);} footer .alliance-logo {height: 132px;} footer {padding: 0;} .popup-search {padding-top: 122px;} .article-item .tags-wrap.open .tags-drop {left: -16px; width: calc(100% + 16px);} .articles-list.search-results {padding-bottom: 0;} .articles-list {margin-right: -8px; width: calc(100% + 8px); padding-bottom: 32px;} .articles-list .article-item {margin: 0 8px 48px 0; width: calc(100% / 3 - 8px); min-width: calc(100% / 3 - 8px);} .article-item .tags-wrap {bottom: 16px;} .popup:after {width: 433px; height: 457px; top: -200px; right: -200px; transform: none;} .content.article-inner-page .theme-articles h2 {margin-bottom: 64px;} } @media all and (max-width:1024px) { .content .quizzes-block:before {top: -140px;} } @media all and (max-width:1000px) { .popup.popup-form .into {max-width: 600px; padding: 40px;} .popup.popup-form .into .btn {line-height: 48px; font-size: 16px;} .game-block {display: flex; flex-direction: column;} .game-block .screen {max-width:100%; width: 100%;} .game-block .cards {position: relative; right: auto; margin: 0 auto; transform: none; top: auto; order: 2;} .game-block .go-btn {margin: 0 auto; order: 3;} .page-404 {background-image: url(/local/templates/.default/kids/assets/css/../img/404-gradient-tab.svg); text-align: center; padding: 100px 0; min-height: 100dvh; margin-top: -110px;} .page-404 .wrap:after {width: 690px; max-width: 100%; height: 603px;} .page-404 .wrap:before {display: none;} .page-404 .wrap h1 {font-size: 120px; line-height: 120px;} .page-404 .wrap .txt {max-width: 564px; margin: 0 auto;} .page-404 .wrap .btn {margin: 32px auto;} .page-404 .wrap:after {position: relative; top: auto; transform: translateX(-110px); right: auto; margin: 0 auto;} .popup .quiz-container.finished:before {transform: none; right: auto; left: 32px; top: 70px;} .quiz-container .scale.finished {margin-bottom: 180px;} .popup .quiz-container .result-block {margin-bottom: 8px;} .popup .quiz-container .result-block, .popup .quiz-container .quiz-step.result .quiz-question {max-width: 100%;} .popup .quiz-container .result-block .result-boy1, .popup .quiz-container .result-block .result-boy, .popup .quiz-container .result-block .result-girl {display: none;} .content.article-inner-page .quiz-container h2 {font-size: 24px; margin: 0 0 32px;} .article-inner-page .quiz-container .quiz-titlebar .subtitle {font-size: 16px;} .article-inner-page .quiz-container {padding: 32px; margin-left: 0; width: 100%; margin-top: -20px;} .content.article-inner-page .article-inner-wrap ul li + li {margin-top: 12px;} .content.article-inner-page .article-inner-wrap ul li:before {top: 6px;} .content.article-inner-page .article-inner-wrap ul {padding: 0 0 16px;} .article-inner-wrap {margin-left: 0; margin-right: 0; width: 100%; padding: 24px 32px 32px; font-size: 16px; margin-bottom: 56px;} .article-inner-wrap p {padding: 0 0 16px;} .article-inner-wrap .back-link {margin-bottom: 16px;} .content.article-inner-page .article-inner-wrap .pic {margin-left: -32px; margin-right: -32px; width: calc(100% + 64px);} .content.article-inner-page .article-inner-wrap .pic img {margin-bottom: 40px;} .article-inner-wrap .tags-wrap {order: 2;} .content.article-inner-page .expert-item {order: 2;} .content.article-inner-page h1 {margin-bottom: 16px;} .article-inner-wrap .tags-wrap {margin-bottom: 28px;} .article-inner-wrap .descr {font-size: 20px; margin: 0 0 40px;} .content.article-inner-page .article-inner-wrap h2 {padding-top: 24px; font-size: 20px; line-height: 24px; margin: 0 0 16px;} .content.article-inner-page .article-inner-wrap h2:first-child {padding-top: 0;} .expert-inner-page .articles-list .bakalavr-pic {width: 200px; height: 160px; left: calc(50% + 100px); bottom: -160px;} .expert-inner-page:before {background-size: 1500px auto;} .expert-inner-page .articles-list .hand-pic {width: 215px; height: 207px; background-image: url(/local/templates/.default/kids/assets/css/../img/hand-tab.webp); top: -400px; right: -50px;} .articles-page .articles-list-wrap .pattern {width: 240px; height: 240px; left: auto; right: 20px; bottom: -30px; background-image: url(/local/templates/.default/kids/assets/css/../img/articles-page-pattern-tab.webp);} .articles-page {padding-top: 0;} .articles-page .boy {width: 486px; height: 475px; top: 20px; right: -183px;} .articles-page .girl {width: 570px; height: 530px; top: 0; right: -228px;} .articles-page.quizzes .articles-list-wrap .pattern {width: 190px; height: 190px; left: 60px; bottom: 0;} .search-wrap .text-field .tags-wrap .tags-list {padding-left: 16px;} .search-page:before {background: url(/local/templates/.default/kids/assets/css/../img/search-page-stab-bg.svg) top center/100% auto no-repeat;} .articles-list.search-results {margin-bottom: -16px;} .search-page .loop-pic {width: 170px; background-size: 240px auto; height: 165px; top: 170px; right: -30px;} header .btns nav ul li:first-child a, header .btns nav ul li:nth-child(2) a {background: none; color: inherit;} .articles-block .star-ic {bottom: -250px; right: 75px;} .first-screen .txt .search-wrap .fields .search-drop {width: calc(100% - 52px);} .content .quizzes-block .gamepad {width: 162px; height: 142px; bottom: -180px; right: 72px; left: auto;} .owl-carousel .expert-item {width: 328px; min-width: 328px;} .content .articles-block {margin-bottom: 168px;} .container:before {width: 748px; height: 748px; left: auto; top: -100px; right: -100px;} .content .flex-title {margin-bottom: 64px;} .articles-block .owl-carousel:before, .owl-carousel.experts-list:before, .content .quizzes-block .owl-carousel:before {top: 50px; bottom: -96px;} .content .flex-title .btn {padding-right: 48px; position: relative;} .content .flex-title .btn:after {content: ''; display: block; position: absolute; top: 50%; right: 15px; width: 18px; height: 18px; margin-top: -9px; background: url(/local/templates/.default/kids/assets/css/../img/all-arr.svg) center center no-repeat;} .first-screen .txt .search-wrap .fields .submit {width: 48px; height: 48px; max-width: 48px; overflow: hidden; text-indent: 99999px; padding: 0; background: #36E98D url(/local/templates/.default/kids/assets/css/../img/header-loop.svg) center center no-repeat;} .first-screen .txt .search-wrap .fields .text-field {width: calc(100% - 52px);} .container {padding-top: 182px;} .mini-popup .into {font-size: 16px;} .mini-popup .into .emoji img {width: 50px; margin-bottom: 20px;} .mini-popup .into {padding: 40px 25px; width: calc(100% - 20px);} .mini-popup .into .btns{justify-content: space-between;} .mini-popup .into .btns .btn {margin: 0; font-size: 16px; line-height: 48px; padding: 0 0px; width: calc(50% - 4px);} .mini-popup .into .btns a:first-child {line-height: 44px;} .quiz-container .hidden-txt {font-size: 16px; padding-left: 32px;} .popup:after {top: -100px; right: -200px;} .popup .toppanel .all .left {font-size: 16px; border-radius: 0; background: none; padding: 0; display: block;} .popup .toppanel .all .left .type {margin: 0 0 8px;} .popup .toppanel {position: relative; top: auto; margin: 0 0 26px;} .popup {padding-top: 26px;} .quiz-page .leftcontent h1 {font-size: 24px;} .quiz-page .leftcontent {margin-bottom: 48px;} .quiz-container .quiz-step .quiz-answer.open .ic:after {width: 13px; height: 13px;} .quiz-container .quiz-step .quiz-answer {font-size: 16px!important;} .quiz-container .quiz-step .quiz-answer .ic {width: 25px; height: 25px; border-width: 2px;} .quiz-container .quiz-step .quiz-question {font-size: 20px!important; margin: 0 0 32px;} .article-inner-page .quiz-container:after {width: 185px; height: 202px; bottom: -140px; right: 0;} .quiz-container .quiz-step.result .pic:after {display: none;} .quiz-container .quiz-btn {padding: 0 20px; line-height: 48px; font-size: 16px; margin-top: 32px;} .quiz-container {margin-left: 0; margin-right: 0; width: 100%; padding: 32px; border-radius: 20px;} .quiz-container .result .pic img {width: 100%; max-width: 100%;} .owl-carousel.owl-articles {width: 100%;} .experts-list.owl-carousel {width: 100%;} .content.article-inner-page .theme-articles:before {width: 1100px; min-width: 1100px; left: -100px;} .theme-articles .owl-carousel .article-item {width: 328px; min-width: 328px;} .content.article-inner-page .theme-articles {margin-bottom: 120px;} .content.article-inner-page h2 {font-size: 36px; margin: 0 0 32px;} .content.article-inner-page .rightcontent h2 {font-size: 20px; margin: 0 0 16px; padding-top: 24px;} .content.article-inner-page .rightcontent p {padding-bottom: 16px;} .content.article-inner-page .rightcontent ul {padding-bottom: 16px;} .content.article-inner-page .rightcontent {font-size: 16px;} .content.article-inner-page .rightcontent ul li + li {margin-top: 12px;} .content.article-inner-page .rightcontent ul li:before {top: 6px;} .content.article-inner-page h1 {font-size: 24px;} .content.article-inner-page .leftcol .expert-item .inf {max-width: 512px;} .content.article-inner-page > .descr {font-size: 20px; margin: 0 0 40px;} .content.article-inner-page .pic img {margin: 0 0 40px;} .expert-inner-page .expert-item .inf h1 {font-size: 24px;} .experts-page .top-pattern {min-width: calc(100vw + 100px); width: 996px; left: auto; transform: none; right: -100px; background-size: 120% auto; background-position: top right;} .experts-page .experts-list .expert-item {width: calc(50% - 8px);} .articles-page.quizzes .articles-list-wrap {padding-bottom: 50px;} .articles-page.quizzes .articles-list-wrap .top-pattern {background-image: url(/local/templates/.default/kids/assets/css/../img/quizzes-page-stab-bg.svg); width: 108vw;} .articles-page.quizzes .articles-list {padding-top: 50px;} .articles-page.quizzes .articles-list-wrap .top-pattern {top: -40px;} .articles-page .tags-wrap.articles-tags .tags-list a {margin: 0 8px 8px 0;} .articles-page .tags-wrap.articles-tags .tags-list {margin-right: -8px; width: calc(100% + 8px); margin-bottom: 32px;} .search-page.search-wrap .valid .text-field-in {width: auto;} .valid .inp-search-in {width: auto;} .content h1 {font-size: 36px;} .container.inner {padding-top: 108px;} .articles-page .articles-list-wrap:before {top: 76px;} .articles-page .articles-list-wrap {padding-bottom: 40px;} .content .btn.show-more {position: relative; z-index: 2; line-height: 48px; padding-left: 20px; font-size: 18px; margin-top: 0; padding-right: 48px;} .content .btn.show-more:after {right: 20px; background-size: 12px auto;} .search-page.search-wrap .valid input.inp-search {padding-right: 40px;} .search-page.search-wrap .fields .btn {width: 48px; height: 48px; text-indent: 9999px; overflow: hidden; border-radius: 8px; padding: 0; background: #36E98D url(/local/templates/.default/kids/assets/css/../img/header-loop.svg) center center no-repeat;} .search-page.search-wrap .fields .text-field {height: 48px; width: calc(100% - 52px);} .search-page.search-wrap .fields .text-field input.inp-search {height: 46px; font-size: 16px;} .search-page.search-wrap {margin-bottom: 64px;} .search-page .tags-wrap.limited {margin-top: 16px;} .articles-list .article-item {width: calc(50% - 8px); min-width: calc(50% - 8px);} .article-item {width: 328px; min-width: 328px;} header {height: 64px;} header .btns {display: none;} header .menu-ic {display: block;} .container {padding-top: 136px;} header .title-drop .title .title-txt {font-size: 20px;} header .title-drop .title .arr {display: none;} header .title-drop.open .drop {display: none;} .first-screen .pic:after {width: 87px; height: 87px; top: -92px; left: -50px; right: auto;} .first-screen .pic .bg {width: 513px; height: 457px; top: -128px; right: -30px;} .first-screen .pic {width: 313px; position: absolute; top: 0; right: 0;} .first-screen .txt {position: relative; z-index: 5; font-size: 16px; width: 100%;} .first-screen .pic .bg:after {background-size: 316px auto; left: -2px; top: -2px; bottom: -2px; width: calc(100% + 4px);} .first-screen .pic:before {width: 33%; top: -9px;} .first-screen .txt h1 {font-size: 48px; width: calc(100% - 342px);} .first-screen .txt .descr {width: calc(100% - 342px);} .first-screen:after {opacity: 0;} .content .flex-title h2 {font-size: 36px;} .first-screen .tags-wrap.limited .tags-drop {width: auto; padding: 0; border-radius: 0; box-shadow: none; background: none; position: relative; opacity: 1; left: auto;} .first-screen .tags-wrap.limited .tags-drop .tags-list {flex-wrap: nowrap;} .first-screen .tags-wrap.limited .show-all {display: none;} .first-screen .tags-wrap.limited {display: flex; flex-wrap: nowrap; } .first-screen .tags-outer {-ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; width: calc(100% + 20px); overflow: auto;} .first-screen .txt .search-wrap .tags-wrap.limited.open .tags-list {flex-wrap: nowrap;} .first-screen .txt .search-wrap .tags-outer .tags-list {max-width: 99999999999px; width: auto; flex-wrap: nowrap;} .first-screen {margin-bottom: 103px;} .first-screen .txt:after {width: 100px; height: 100px; bottom: -150px; left: 35%; top: auto;} header .mobile-nav {min-height: 580px; padding: 88px 20px 0; width: 100%; max-width: 360px; bottom: 0; background: #fff; position: fixed; top: 0; right: -360px; z-index: 901; display: block; transition: right 0.3s ease;} .menu-open header .mobile-nav {right: 0;} header .mobile-nav .btns {display: block;} header .mobile-nav .btns nav {display: block;} header .mobile-nav .drop {line-height: 28px; left: 36px; bottom: 34px; position: absolute; padding: 0; margin: 0; list-style-type: none;} header .mobile-nav .drop li + li {margin-top: 28px;} header .mobile-nav .drop li a {color: inherit; text-decoration: none; font-size: 20px; font-weight: 500;} header .mobile-nav .drop li a.active {opacity: 0.3;} header .mobile-nav .drop {line-height: 28px; left: 20px; bottom: 130px; position: absolute; padding: 0 16px 20px; margin: 0; list-style-type: none; border-bottom: 1px solid #E0E0E0; width: calc(100% - 40px);} header .btns .lang-block {margin: 0; left: 20px; width: calc(100% - 40px); padding: 8px 16px 0; background: none; border-radius: 0; position: absolute; bottom: 18px; border-top: 1px solid #E0E0E0;} header .btns .lang-block ul {display: block;} header .btns .lang-block ul a {padding: 0;} header .btns .lang-block ul a .tab {display: none;} header .btns .lang-block ul a .mob {display: inline;} header .mobile-nav .close {position: absolute; top: 16px; right: 20px; width: 48px; height: 48px; background: url(/local/templates/.default/kids/assets/css/../img/menu-close-ic.svg) center center no-repeat;} header .mobile-nav .tags-wrap.limited {display: none;} header .mobile-nav .search-wrap .fields {margin: 0 0 24px; display: flex; justify-content: space-between;} header .mobile-nav .search-wrap .fields .btn {width: 48px; height: 48px; border-radius: 8px; padding: 0; background: #1A1A1A url(/local/templates/.default/kids/assets/css/../img/white-loop-ic.svg) center center no-repeat;} header .mobile-nav .search-wrap .text-field {height: 48px; width: calc(100% - 52px);} header .mobile-nav .search-wrap .text-field input.inp-search {height: 46px; font-size: 16px; padding: 0 16px;} header .btns nav ul li {margin-left: 0;} header .mobile-nav .btns nav ul {display: block;} header .mobile-nav .btns nav ul li a {position: relative; width: 100%;} header .mobile-nav .btns nav ul li + li {margin-top: 8px;} header .mobile-nav .btns nav ul li a .count {position: absolute; top: 8px; right: 16px;} header .mobile-nav .btns .search-btn {display: none;} body.menu-open header:before {content: ''; display: block; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 900;} header .mobile-nav .search-wrap .search-drop {box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12); top: calc(100% + 8px);} header .mobile-nav .search-wrap .text-field.valid .remove {right: 10px; background-size: 12px auto;} .popup .quiz-container .result-block {font-size: 16px;} } @media all and (max-width:915px) { .experts-page:after {display: none;} .experts-page:before {bottom: 0;} .experts-page {padding-bottom: 12px; margin-bottom: 20px;} } @media all and (max-width:800px) { .content.article-inner-page .theme-articles:before {background-image: url(/local/templates/.default/kids/assets/css/../img/theme-articles-stab-bg.svg); width: 900px; left: -100px; min-width: 850px;} } @media all and (max-width:750px) { .first-screen .txt h1 {font-size: 40px;} } @media all and (max-width:700px) { .articles-block .star-ic {z-index: 3;} .game-block.game-block--split {padding: 0; border-radius: 0;} .game-block--split .game-block__link {left: 0; right: 0; width: 100%; height: 50%;} .game-block--split .game-block__link--first {top: 0; bottom: auto;} .game-block--split .game-block__link--second {top: auto; bottom: 0;} .game-block .go-btn {width: 240px; background-size: contain;} .game-block {margin-bottom: 80px; border-radius: 20px; padding: 15px;} .game-block .screen {border-radius: 20px; padding: 15px;} .game-block .cards {width: 360px; height: 360px;} .page-404 {padding-top: 115px; padding-bottom: 20px;} .page-404 .wrap {padding-bottom: 405px;} .page-404 .wrap h1 {font-size: 80px; line-height: 80px;} .page-404 .wrap:after {left: 50%; transform: translateX(-300px); position: absolute; width: 444px; max-width: 444px; height: 388px;} .popup .recomendations h2 {font-size: 24px; margin-bottom: 48px;} .popup .recomendations h2:after {width: 65px; height: 65px; top: -20px; left: calc(100% + 20px);} .quiz-container .scale.finished {margin-bottom: 140px;} .popup .quiz-container.finished:before {width: 100px; height: 100px; left: 16px;} .popup .quiz-container .emoji01 {width: 69px; height: 69px; bottom: -40px; right: 20px; z-index: 3;} .quiz-page .pic .bg:before {padding-top: 76%;} .quiz-container .quiz-step .result-block {margin-bottom: 16px; font-size: 16px;} .quiz-container .quiz-step .result-block p + p {padding-top: 16px;} .article-inner-page .quiz-container:after {display: none;} .quiz-container .scale {margin: 0 0 16px;} .quiz-container .quiz-step .quiz-question {margin-bottom: 16px;} .quiz-container .quiz-step .quiz-answer {padding: 16px;} .quiz-container .quiz-btn {margin-top: 16px;} .content.article-inner-page .quiz-container h2 {margin: 0 0 16px; font-size: 20px;} .quiz-container .quiz-step .quiz-question {font-size: 16px!important; line-height: 20px;} .article-inner-page .quiz-container {margin-left: -16px; width: calc(100% + 32px); padding: 16px 16px 24px;} .article-inner-wrap .descr {font-size: 16px; margin: 0 0 32px;} .content.article-inner-page .article-inner-wrap:before {width: 108px; height: 106px; right: 20px; top: -40px;} .content.article-inner-page .expert-item {margin: 0 0 34px; display: block;} .content.article-inner-page .expert-item .photo {margin: 0 0 8px;} .content.article-inner-page .expert-item .inf {width: 100%;} .article-inner-wrap {padding: 16px 16px 32px; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px);} .content.article-inner-page .article-inner-wrap .pic img {margin-bottom: 32px; border-radius: 20px;} .content.article-inner-page .article-inner-wrap .pic {margin-left: -16px; width: calc(100% + 32px);} .expert-inner-page .articles-list .hand-pic {width: 202px; height: 212px; background-image: url(/local/templates/.default/kids/assets/css/../img/hand-mob.webp);} .expert-inner-page:before {background-image: url(/local/templates/.default/kids/assets/css/../img/expert-inner-bg-mob.svg);} .expert-inner-page .expert-item {display: block;} .expert-inner-page .expert-item .inf {width: 100%;} .expert-inner-page .expert-item .photo {width: 200px; height: 200px; margin: 0 0 16px;} .experts-page .bakalavr-pic {width: 190px; height: 120px; top: 61px; right: -50px; left: auto;} .experts-page .experts-list:before {bottom: -96px;} .experts-page .wifi-pic {width: 170px; height: 170px; transform: scale(-1,1); bottom: -220px; right: 20px; left: auto;} .articles-page.quizzes .articles-list-wrap:before {bottom: 40px;} .articles-page:before {background-color: #F7F7F7;} .articles-page .articles-list-wrap:before {bottom: 0;} .articles-page .articles-list-wrap .pattern {display: none;} .articles-page.quizzes .articles-list-wrap .pattern {display: none;} .articles-page:after {position: absolute; width: 190px; height: 190px; top: 10px; right: -20px; background: url(/local/templates/.default/kids/assets/css/../img/articles-page-pattern-tab.webp) center center/contain no-repeat; content: ''; display: block;} .articles-page.quizzes:after {position: absolute; width: 145px; height: 145px; top: 66px; right: -5px; background: url(/local/templates/.default/kids/assets/css/../img/gamepad.webp) center center/contain no-repeat; content: ''; display: block;} .articles-page .boy {display: none;} .articles-page .girl {display: none;} .search-page:before {background-image: url(/local/templates/.default/kids/assets/css/../img/search-page-mob-bg.svg);} .search-page .loop-pic {top: auto; bottom: 300px; right: -45px;} .first-screen .txt .search-wrap .fields .search-drop {width: 100%;} .mini-game-block {margin-bottom: 64px; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px);} .articles-block .star-ic {width: 100px; height: 100px; right: 10px; bottom: -290px;} .first-screen .txt:after {width: 90px; height: 90px; bottom: -537px; left: 50%;} .first-screen .pic:after {width: 80px; height: 80px; left: 0px; right: auto; top: 15px;} .container:before {width: 938px; height: 938px; top: 20px; left: 50%; transform: translateX(-50%); background-image: url(/local/templates/.default/kids/assets/css/../img/bg-gradient01-mob.svg);} .popup .outer {min-height: 1px;} .popup {align-items: flex-start; overflow: auto; overflow-x: hidden;} .popup .outer:before {left: -200px;} .popup .quiz-container .quiz-step.result .quiz-question {font-size: 24px;} .quiz-container .quiz-step .emoji img {max-width: 60px;} .popup .toppanel .all .left .title {width: calc(100% - 60px);} .popup:after {right: 0; width: 100px; background-position: bottom left; background-size: 290px auto; top: -180px;} .popup .outer:before {height: 200px; bottom: -50px;} .popup .quiz-container {margin-left: -16px; margin-right: -16px; width: calc(100% + 32px);} .quiz-page {margin-bottom: 0;} .quiz-page .leftcontent {margin-bottom: 54px;} .quiz-page:before {display: none;} .quiz-page .tags-wrap {width: calc(100% + 16px); overflow: auto; margin-right: -16px; -ms-overflow-style: none; scrollbar-width: none; overflow: auto;} .quiz-page .tags-wrap::-webkit-scrollbar {display: none;} .quiz-page .tags-wrap .tags-list {white-space: nowrap; flex-wrap: nowrap;} .quiz-page .tags-wrap .tags-list:after {content: ''; display: block; min-width: 10px; height: 1px;} .quiz-page .btn {width: 100%; text-align: center;} .quiz-container .quiz-btn {width: 100%; text-align: center;} .quiz-container {margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); padding: 24px 16px;} .content.article-inner-page .quiz-container .pic img {margin-left: 0; margin-right: 0; margin-bottom: 16px; width: 100%;} .content.article-inner-page .theme-articles {margin-bottom: 130px;} .content.article-inner-page .theme-articles:before {bottom: -150px; height: auto; width: 100vw; min-width: 100vw; transform: none; left: -16px; background-image: url(/local/templates/.default/kids/assets/css/../img/theme-articles-mob-bg.svg);} .content.article-inner-page .leftcol .expert-item {display: block;} .content.article-inner-page .leftcol .expert-item .photo {margin: 0 0 8px;} .content.article-inner-page .leftcol .expert-item .inf {width: 100%;} .content.article-inner-page > .descr {font-size: 16px; margin-bottom: 32px;} .content.article-inner-page .pic img {margin: 0 -16px 32px; width: calc(100% + 32px); border-radius: 20px;} .content.article-inner-page .article-inner-wrap .txt .tags-wrap {width: calc(100% + 16px); overflow: auto; margin-right: -16px; -ms-overflow-style: none; scrollbar-width: none; overflow: auto;} .content.article-inner-page .article-inner-wrap .txt .tags-wrap::-webkit-scrollbar {display: none;} .content.article-inner-page .article-inner-wrap .txt .tags-wrap .tags-list {white-space: nowrap; flex-wrap: nowrap;} .content.article-inner-page .article-inner-wrap .txt .tags-wrap .tags-list:after {content: ''; display: block; min-width: 10px; height: 1px;} .content .expert-inner-page .btn.show-more {margin-bottom: 24px;} .expert-inner-page .articles-list {padding-bottom: 0;} .back-link {margin-bottom: 12px;} .expert-inner-page .expert-item .inf {width: 100%;} .expert-inner-page .expert-item {position: relative; z-index: 2; margin-bottom: 80px; display: block;} .expert-inner-page:after {width: 137px; height: 168px; right: -60px; top: 340px;} .expert-inner-page .expert-item .photo {margin-bottom: 16px;} .expert-inner-page .expert-item .inf h1 {font-size: 24px; margin-bottom: 8px;} .experts-page .experts-list {padding-bottom: 24px;} .experts-page .experts-list .expert-item {width: calc(100% - 8px);} .experts-page .top-pattern {width: 600px; top: -30px;} .articles-page.quizzes .articles-list-wrap .top-pattern {top: -20px;} .articles-page .tags-wrap.articles-tags .tags-list {margin-bottom: 22px;} .content .btn.show-more {display: flex; align-items: center; justify-content: center; padding: 0;} .content .btn.show-more:after {position: relative; right: auto; margin: 0 0 0 8px;} .articles-page .tags-wrap.articles-tags {margin-bottom: 22px;} .articles-page .articles-list {padding-top: 60px;} .articles-page .articles-list-wrap {padding-bottom: 10px;} .articles-page .articles-list-wrap:after {background-image: url(/local/templates/.default/kids/assets/css/../img/articles-mob-bg.svg);} .search-wrap.search-wrap .inp-search-in:first-child {width: 100%; display: block;} .search-page.search-wrap .valid .text-field-in {display: table; margin-left: auto; position: relative; white-space: nowrap;} .search-page.search-wrap .valid .text-field-in.no-tags {width: 100%;} .search-page.search-wrap .fields .text-field.valid {-ms-overflow-style: none; scrollbar-width: none; direction: rtl; overflow: auto;} .search-page.search-wrap .fields .text-field::-webkit-scrollbar {display: none;} .search-wrap .text-field.valid .remove {z-index: 3;} .search-wrap.search-wrap .text-field .tags-wrap .tags-list {padding-left: 12px; direction: ltr;} .search-wrap.search-page .text-field .tags-wrap {position: absolute; right: 100%; top: 8px; } .search-wrap.search-page .text-field .tags-wrap .tags-list a {margin-bottom: 0;} .search-page.search-wrap .fields .text-field.valid input.inp-search {z-index: 2; direction: ltr; left: 0; top: 0; width: auto; position: absolute;} .search-wrap.search-wrap .valid .pseudo-input {display: table; opacity: 0;} .search-wrap.search-wrap .inp-search-in {height: 46px; padding-right: 40px; overflow: hidden;} .search-page.search-wrap {margin-bottom: 64px;} .search-page.search-wrap .submit {position: relative; z-index: 2;} .articles-list .article-item {min-height: 414px; width: 100%; min-width: 100%; margin: 0 0 48px;} .articles-list {width: 100%; margin-right: 0; padding-bottom: 24px;} .btn.show-more {width: 100%;} .container {padding-top: 100px;} .all {padding: 0 16px;} .first-screen {margin-bottom: 50px; display: block;} .first-screen .txt {margin: 0 0 0; width: 100%; padding-top: 15px;} .first-screen .pic {height: 440px; position: relative; top: auto; right: auto; width: 100%;} .first-screen .pic .bg {background-image: url(/local/templates/.default/kids/assets/css/../img/fs-pic-mob.webp); width: 100%; height: 440px; right: auto; top: auto; left: auto;} .first-screen .pic .bg:after {background-size: 100% 100%;} .first-screen .pic:before {width: 30%; top: -5px; left: -8px;} .first-screen .txt h1 {margin-bottom: 16px; width: 100%; font-size: 36px;} .first-screen .txt .descr {margin-bottom: 16px; width: 100%;} .first-screen .txt .search-wrap .fields {margin-bottom: 16px;} .search-wrap .text-field.valid .remove {right: 10px; background-size: 12px auto;} .content .flex-title .btn {padding: 0; position: absolute; top: calc(100% + 80px); width: 100%; display: flex; align-items: center; justify-content: center; z-index: 5;} .content .flex-title .btn:after {position: relative; margin: 0 0 0 16px; right: auto;} .content .flex-title {position: static;} .content .flex-title h2 {position: relative;} .content h2, .content .flex-title {margin-bottom: 48px;} .content .articles-block {margin-bottom: 240px;} .articles-block .owl-carousel:before, .owl-carousel.experts-list:before, .content .quizzes-block .owl-carousel:before {bottom: -176px;} footer {position: relative; padding: 30px 0 50px; display: block;} footer nav {position: relative; transform: none; top: auto; left: auto;} footer nav ul {display: block;} footer .up {bottom: 52px; right: 24px;} .first-screen:after {width: 206px; height: 192px; opacity: 1; bottom: 140px; top: auto; left: 74%;} .content .articles-block:before {width: 100vw; background: url(/local/templates/.default/kids/assets/css/../img/articles-mob-bg.webp) top center/100% 100% no-repeat; height: 930px;left: -16px; transform: none; } .content .experts-block:before {width: 100vw; background: url(/local/templates/.default/kids/assets/css/../img/experts-mob-bg.svg) top center/100% auto no-repeat; height: 930px; left: -16px; transform: none; top: -83px;} .content .experts-block {margin-bottom: 240px;} .content .quizzes-block:before {width: 100vw; background: url(/local/templates/.default/kids/assets/css/../img/quizzes-mob-bg.svg) top center/100% auto no-repeat; height: 910px; left: -16px; transform: none; top: -104px;} .content .quizzes-block .gamepad {width: 110px; height: 96px; top: -45px; bottom: auto; right: 10px;} .container:after {width: 1079px; height: 1079px; left: 50%; transform: translateX(-40%); bottom: 202px; background: url(/local/templates/.default/kids/assets/css/../img/footer-shadow-mob.svg) center center/contain no-repeat;} } @media all and (max-width:350px) { header .title-drop .title .title-txt {font-size: 16px;} .page-404 .wrap .btn {padding: 0 10px;} } /* End */ /* Start:/local/templates/.default/assets/css/custom.css?1765876030567*/ .js-form-success, .js-form-error { display: none; padding: 20px 0; font-size: 18px; text-align: center; } .rec-rao { display: flex; position: relative; padding-top: 80px; } .rec-rao.kids { padding-top: 0; margin-bottom: 60px; } @media (max-width: 768px) { .rec-rao { justify-content: center; align-items: center; padding-top: 50px; } .rec-rao.kids { margin-bottom: 10px; } .rec-rao img { width: 80%; } } /* .jspContainer { min-height: 100px !important; } */ /* End */ /* /local/templates/.default/kids/assets/css/style.css?1780318019104606 */ /* /local/templates/.default/assets/css/custom.css?1765876030567 */