@font-face {
	font-family: 'PT Sans';
	src: url('/templates/kids/css/PTSans-Bold.eot');
	src: local('PT Sans Bold'), local('PTSans-Bold'), url('/templates/kids/fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'), url('/templates/kids/fonts/PTSans-Bold.woff') format('woff'), url('/templates/kids/fonts/PTSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'PT Sans';
	src: url('/templates/kids/css/PTSans-Italic.eot');
	src: local('PT Sans Italic'), local('PTSans-Italic'), url('/templates/kids/fonts/PTSans-Italic.eot?#iefix') format('embedded-opentype'), url('/templates/kids/fonts/PTSans-Italic.woff') format('woff'), url('/templates/kids/fonts/PTSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'PT Sans';
	src: url('/templates/kids/css/PTSans-Regular.eot');
	src: local('PT Sans'), local('PTSans-Regular'), url('/templates/kids/fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'), url('/templates/kids/fonts/PTSans-Regular.woff') format('woff'), url('/templates/kids/fonts/PTSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'PT Sans';
	src: url('/templates/kids/css/PTSans-BoldItalic.eot');
	src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('/templates/kids/fonts/PTSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/templates/kids/fonts/PTSans-BoldItalic.woff') format('woff'), url('/templates/kids/fonts/PTSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
    font-display: swap;
}

@font-face {
	font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url("/templates/kids/fonts/fa-brands-400.eot"); src: url("/templates/kids/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/templates/kids/fonts/fa-brands-400.woff2") format("woff2"), url("/templates/kids/fonts/fa-brands-400.woff") format("woff"), url("/templates/kids/fonts/fa-brands-400.ttf") format("truetype"), url("/templates/kids/fonts/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
	font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; font-display: auto; src: url("/templates/kids/fonts/fa-light-300.eot"); src: url("/templates/kids/fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/templates/kids/fonts/fa-light-300.woff2") format("woff2"), url("/templates/kids/fonts/fa-light-300.woff") format("woff"), url("/templates/kids/fonts/fa-light-300.ttf") format("truetype"), url("/templates/kids/fonts/fa-light-300.svg#fontawesome") format("svg");
}
@font-face {
	font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; font-display: auto; src: url("/templates/kids/fonts/fa-regular-400.eot"); src: url("/templates/kids/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/templates/kids/fonts/fa-regular-400.woff2") format("woff2"), url("/templates/kids/fonts/fa-regular-400.woff") format("woff"), url("/templates/kids/fonts/fa-regular-400.ttf") format("truetype"), url("/templates/kids/fonts/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
	font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; font-display: auto; src: url("/templates/kids/fonts/fa-solid-900.eot"); src: url("/templates/kids/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/templates/kids/fonts/fa-solid-900.woff2") format("woff2"), url("/templates/kids/fonts/fa-solid-900.woff") format("woff"), url("/templates/kids/fonts/fa-solid-900.ttf") format("truetype"), url("/templates/kids/fonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Duotone"; font-style: normal; font-weight: 900; font-display: auto; src: url("/templates/kids/fonts/fa-duotone-900.eot"); src: url("/templates/kids/fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"), url("/templates/kids/fonts/fa-duotone-900.woff2") format("woff2"), url("/templates/kids/fonts/fa-duotone-900.woff") format("woff"), url("/templates/kids/fonts/fa-duotone-900.ttf") format("truetype"), url("/templates/kids/fonts/fa-duotone-900.svg#fontawesome") format("svg");
}

@font-face {
  font-family: 'Albionic'; src: url('/templates/kids/fonts/Albionic.eot'); src: url('/templates/kids/fonts/Albionic.eot?#iefix') format('embedded-opentype'), url('/templates/kids/fonts/Albionic.woff2') format('woff2'); font-weight: normal; font-style: normal;
}
@font-face {
  font-family: 'FKAlbionickz'; src: url('/templates/kids/fonts/FKAlbionickz.svg#FKAlbionickz') format('svg'), url('/templates/kids/fonts/FKAlbionickz.ttf') format('truetype'), url('/templates/kids/fonts/FKAlbionickz.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;
}

*, *::before, *::after {box-sizing: border-box;}

html {font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}

body {margin: 0; font-family: -apple-system, BlinkMacSystemFont, "PT Sans", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background: #f0f1f4 url("/templates/kids/images/bgq.png") repeat;}

[tabindex="-1"]:focus:not(:focus-visible) {outline: 0 !important;}

hr {box-sizing: content-box; height: 0; margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); overflow: visible;}

p {margin-top: 0; margin-bottom: 1rem;}

abbr[title], abbr[data-original-title] {text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none;}

address {margin-bottom: 1rem; font-style: normal; line-height: inherit;}

ol, ul, dl {margin-top: 0; margin-bottom: 1rem;}
ol ol, ul ul, ol ul, ul ol {margin-bottom: 0;}

dt {font-weight: 700;}
dd {margin-bottom: .5rem; margin-left: 0;}

blockquote {margin: 0 0 1rem;}

b, strong {font-weight: bolder;}

small {font-size: 80%;}

sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}

a {color: #007bff; text-decoration: none; background-color: transparent;}
a:hover {color: #0056b3; text-decoration: underline;}
a:not([href]) {color: inherit; text-decoration: none;}
a:not([href]):hover {color: inherit; text-decoration: none;}

pre, code, kbd, samp {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em;}
pre {margin-top: 0; margin-bottom: 1rem; overflow: auto;}

figure {margin: 0 0 1rem;}

img {vertical-align: middle; border-style: none;}

svg {overflow: hidden; vertical-align: middle;}

table {border-collapse: collapse;}
caption {padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom;}
th {text-align: inherit;}

label {display: inline-block; margin-bottom: 0.5rem;}
input, button, select, optgroup, textarea {margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
select {word-wrap: normal;}
button {border-radius: 0;}
button:focus {outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {cursor: pointer;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {padding: 0; border-style: none;}
input[type="radio"], input[type="checkbox"] {box-sizing: border-box; padding: 0;}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {-webkit-appearance: listbox;}
textarea {overflow: auto; resize: vertical;}
fieldset {min-width: 0; padding: 0; margin: 0; border: 0;}
legend {display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal;}

progress {vertical-align: baseline;}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {outline-offset: -2px; -webkit-appearance: none;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

::-webkit-file-upload-button {font: inherit; -webkit-appearance: button;}

output {display: inline-block;}

summary {display: list-item; cursor: pointer;}

template {display: none;}
[hidden] {display: none !important;}

code {font-size: 87.5%; color: #e83e8c; word-wrap: break-word;}
a > code {color: inherit;}

kbd {padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem;}
kbd kbd {padding: 0; font-size: 100%; font-weight: 700;}

pre {display: block; font-size: 87.5%; color: #212529;}
pre code {font-size: inherit; color: inherit; word-break: normal;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;}
h1, .h1 {font-size: 2.5rem;}
h2, .h2 {font-size: 2rem;}
h3, .h3 {font-size: 1.75rem;}
h4, .h4 {font-size: 1.5rem;}
h5, .h5 {font-size: 1.25rem;}
h6, .h6 {font-size: 1rem;}

.container {width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}

.container-fluid {width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}

.row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px;}

.col, .col-auto, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {position: relative; width: 100%; padding-right: 10px; padding-left: 10px;}

.col {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.col-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}
.col-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.table {width: 100%; margin-bottom: 1rem; color: #212529;}
.table th,
.table td {padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6;}
.table thead th {vertical-align: bottom; border-bottom: 2px solid #dee2e6;}
.table tbody + tbody {border-top: 2px solid #dee2e6;}

.form-control {display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-control::-ms-expand {background-color: transparent; border: 0;}
.form-control:-moz-focusring {color: transparent; text-shadow: 0 0 0 #495057;}
.form-control:focus {color: #495057; background-color: #fff; border-color: #80bdff; outline: 0;}
.form-control::-webkit-input-placeholder {color: #6c757d; opacity: 1;}
.form-control::-moz-placeholder {color: #6c757d; opacity: 1;}
.form-control:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.form-control::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.form-control::placeholder {color: #6c757d; opacity: 1;}
.form-control:disabled, .form-control[readonly] {background-color: #e9ecef; opacity: 1;}
select.form-control:focus::-ms-value {color: #495057; background-color: #fff;}
select.form-control[size], select.form-control[multiple] {height: auto;}
textarea.form-control {height: auto;}
.form-group {margin-bottom: 1rem;}

.btn {display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.btn:hover {color: #212529; text-decoration: none;}
.btn:focus, .btn.focus {outline: 0; }
.btn.disabled, .btn:disabled {opacity: 0.65;}
a.btn.disabled,
fieldset:disabled a.btn {pointer-events: none;}

.fade {transition: opacity 0.15s linear;}
.fade:not(.show) {opacity: 0;}

.collapse:not(.show) {display: none;}
.collapsing {position: relative; height: 0; overflow: hidden; transition: height 0.35s ease;}

.btn-group, .btn-group-vertical {position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle;}
.btn-group > .btn, .btn-group-vertical > .btn {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {z-index: 1;}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {z-index: 1;}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {margin-left: -1px;}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.btn-group-vertical {-ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center;}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {width: 100%;}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {margin-top: -1px;}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {border-top-left-radius: 0; border-top-right-radius: 0;}
.input-group {position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%;}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {position: relative; -ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 0; margin-bottom: 0;}
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {margin-left: -1px;}
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {z-index: 3;}
.nav {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;}

@-webkit-keyframes progress-bar-stripes {
  from {background-position: 1rem 0;}
  to {background-position: 0 0;}
}

@keyframes progress-bar-stripes {
  from {background-position: 1rem 0;}
  to {background-position: 0 0;}
}

.progress {display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem;}
.progress-bar {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease;}
.progress-bar-striped {background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem;}
.progress-bar-animated {-webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite;}

.close {float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5;}
.close:hover {color: #000; text-decoration: none;}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {opacity: .75;}
button.close {padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
a.close.disabled {pointer-events: none;}

@media (prefers-reduced-motion: reduce) {
  .form-control {transition: none;}
  .btn {transition: none;}
  .fade {transition: none;}
  .collapsing {transition: none;}
  .progress-bar {transition: none;}
  .progress-bar-animated {-webkit-animation: none; animation: none;}
}*{-webkit-font-smoothing: antialiased;}

*:focus {outline: none;}



::selection {background: #044dad; color: #fff;}

::-moz-selection {background: #044dad; color: #fff;}



::-moz-placeholder {color: #7b7b7b;}

::-webkit-input-placeholder {color: #7b7b7b;}



*::-webkit-scrollbar {width: 13px;}

*::-webkit-scrollbar-track {background:#f0f1f4; box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset;}

*::-webkit-scrollbar-thumb {background:#9aa0a5 url("/templates/kids/images/sclbar.png") no-repeat center center; box-shadow: 0 0 40px rgba(0, 0, 0, .1); border-radius: 50rem;}



pre::-webkit-scrollbar {height: 13px;}

pre::-webkit-scrollbar-thumb {border-radius: 0;}



input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}

input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}

input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}

input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}

input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}

input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}

input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}

input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}



input:-webkit-autofill {-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}

@-webkit-keyframes autofill {to {color: inherit; background: #f0f1f4;}}





.bdkids {width: 100%; max-width: 1366px; margin: 0 auto; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); overflow: hidden;}



.header {position: relative; height: 665px; background: #fff url("/templates/kids/images/earth-r.webp") right bottom no-repeat; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08); padding: 20px 0; overflow: hidden;}



.header:before {content: ""; position: absolute; display: -ms-flexbox; display: flex; width: 100%; height: 71px; background: url("/templates/kids/images/tpthree.webp") 60% 0 no-repeat; top: -15px; z-index: 2;}



.header:after {content: ""; position: absolute; display: -ms-flexbox; display: flex; width: 100%; height: 121px; background: url("/templates/kids/images/bothree.webp") 100% 0 no-repeat; bottom: -15px;}





.oblique {display: -ms-flexbox; display: flex; background: #fff; position: absolute; top: -20px; width: 600px; height: 120%; box-shadow: 10px 0 10px 0px rgba(0, 0, 0, 0.25); -webkit-transform: skewX(10deg); -moz-transform: skewX(10deg); -ms-transform: skewX(10deg); -o-transform: skewX(10deg); transform: skewX(-10deg);}



.logokids {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 45px 0 0 0;}

.logokids a {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; text-align: center; text-decoration: none; text-transform: uppercase; margin: 0 0 0 110px;}

.logokids a h1 {font: normal 29px "Albionic"; color: #003c92; margin: 0;}

.logokids a span {color: #444; font-weight: 600; margin: 0 0 5px 0;}



.tophead {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin: 0 0 20px 0;}



/* для категорий */



.headercat {position: relative; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08); padding: 20px 0; overflow: hidden;}



.headercat .logokids, .headercat .logokids a {margin: 0;}



.headercat .logokids {-ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; height: 100%;}



.headercat #menu ul {margin-bottom: 0;}



.headercat #menu li {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}

.headercat .social {display: none;}

/* для категорий */



.lang {display: -ms-flexbox; display: flex;}

.lang a {position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #8BC34A; color: #fff; font-size: 14px; text-transform: uppercase; text-decoration: none; width: 35px; height: 35px; border-radius: 50rem; margin: 0 5px; z-index: 9;}

.lang a:hover, .lang a.active {background: #6c9f31;}



.topmenu {display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0;}

.topmenu li {margin: 0 30px 0 0;}

.topmenu li a {position: relative; font-size: 18px; color: #444; z-index: 9;}

.topmenu li a:hover {}



.searchbox {margin: 0 0 20px 0;}

.search-box {}

.input-group {position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; width: 100%;}

.search-box input[type="text"] {width: 100%; height: 40px; display: block; overflow: hidden; color: #333; background: #fff; border: 2px solid #f5c25e; border-radius: 3px; box-shadow: 1px 1px 2px #dadada inset; outline: none; padding: 0 35px 0 10px;}

.search-box button {position: absolute; right: 0px; border: 0; padding: 0; text-align: center; width: 40px; height: 40px; line-height: 40px; background: #f5c25e; color: #444; cursor: pointer; outline: none; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; text-indent: -9999px;}

.search-box button:before {content: "\f002"; display: -ms-flexbox; display: flex; font-family: "Font Awesome 5 Pro"; font-weight: 900; padding: 0 0 0 10px; text-indent: 0 !important;}



#menu {}

#menu ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; margin-bottom: 0; padding: 0; list-style: none;}

#menu li {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; padding-right: 10px; padding-left: 10px; margin: 0 0 20px 0;}

#menu li a {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; height: 100%; background: #f5c25e; color: #444; border-radius: 3px; text-decoration: none; text-transform: uppercase; padding: 10px; font-size: 15px; font-weight: 600; box-shadow: 6px 6px #ffd88c, 12px 12px #ffe9be;}

#menu li a:hover {background: #6c9f31; color: #3f6118;}

#menu li a:before {font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 50px;}



.creation:before {content: "\f630";}

.sports:before {content: "\f438";}

.fashion:before {content: "\f847";}

.excellent:before {content: "\f559";}

.babyboom:before {content: "\f77c";/* font-weight: 300 !important;*/}

.scientists:before {content: "\f501";;}



.social {display: -ms-flexbox; display: flex; margin: 50px 0 0 0;}

.social a {position: relative; z-index: 9; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 30px; height: 30px; text-indent: -9999px; color: #044dad; padding: 3px 0 0 0; margin: 0 20px; text-decoration: none; overflow: hidden;}

.social a:hover {color: #3e8bef;}

.social a:before {font-family: "Font Awesome 5 Brands"; text-indent: 0 !important; width: 30px; height: 30px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 25px;}



.face:before {content: "\f39e";}

.vk:before {content: "\f189";}

.insta:before {content: "\f16d";}



.contents {padding: 20px 0; background: #f0f1f4;}



.titmain {text-align: left; margin: 0 0 20px 0; overflow: hidden;}

.titmain h3 {color: #044dad; position: relative; display: inline-block; margin: 0; text-transform: uppercase; font: 600 18px "PT Sans";}

.titmain h3:after, .titmain h3:before {content: ""; background: #044dad; display: block; position: absolute; top: 50%; left: -10000px; width: 10000px; height: 2px; margin-left: -15px;}

.titmain h3:after {left: auto; right: -10000px; margin: 0 -15px 0 0;}



.kidsshort, #dle-content {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px;}

.kidsmain {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; position: relative; width: 100%; padding-right: 10px; padding-left: 10px;}



*[class^="column-"] .posimg {position: absolute; width: 100%; background: #bdd8e7; overflow: hidden;}

*[class^="column-"] .itmimg {position: relative; width: 101%; height: 320px; background-image: linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 3rem 3rem; overflow: hidden;}

*[class^="column-"] .itmimg img {position: absolute; top: 50%; left: 50%; height: 320px; transform: translate(-50%,-50%); z-index: 1;}

*[class^="column-"] .itmimg:before {content: "\f332"; font-family: "Font Awesome 5 Pro"; font-size: 40px; font-weight: 900; text-align: center; color: #a6c7d8; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%);}

*[class^="column-"] .itmimg:after {content: "\f05e"; font-family: "Font Awesome 5 Pro"; font-size: 80px; font-weight: 900; text-align: center; color: rgba(159, 191, 208, 0.5); position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%);}



*[class^="column-"] .data, .fullstory .data {display: -ms-flexbox; display: flex; font-size: 14px; color: #b4b7c1; margin: 0 0 10px 0;}

*[class^="column-"] .data:before, .fullstory .data:before {content: "\f017"; font-family: "Font Awesome 5 Pro"; margin: 0 10px 0 0;}



*[class^="column-"] h4 {display: -ms-flexbox; display: flex; font-size: 16px; margin: 0; font-weight: 600;}

*[class^="column-"] h4 a {display: -ms-flexbox; display: flex; text-decoration: none; color: #044dad; font-weight: 600;}



.column-3 h4 {position: relative; height: 100%; left: 0; right: 0; margin: auto; z-index: 9;}

.column-3 h4 a {-ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; font-size: 18px; font-weight: 600; text-align: center; padding: 0px 15px 75px 15px;}

.column-3 .yearskids {position: absolute; width: 100%; color: #8a8a8a; text-align: center; padding: 0 15px; bottom: 20px;}

.column-3 {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; background: #fff; position: relative; height: 100%; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08); border-radius: 3px; overflow: hidden;}

.column-3 .itmimg {height: 240px;}

.column-3 .posimg {padding: 15px; background: #fff;}



.songnews {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;}

.column-1 {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #e4e4e4;}

.songnews .column-1:last-child {border: none; padding: 0; margin: 0;}

.column-1 h4 a {color: #4b4b4b;}

.column-1 h4 a:hover {color: #9e9e9e;}





/*.lazimg {position: relative; width: 100%; height: 320px; background-image: linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 3rem 3rem; overflow: hidden;}

.lazimg img {position: absolute; top: 0; left: 50%; height: auto; transform: translate(-50%,0); z-index: 1; transition: all .3s;}



.column-3:hover .lazimg img {left: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}*/





.catalog {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center;  margin: 0; padding: 0; list-style: none;}

.catalog li {display: -ms-flexbox; display: flex;}

.catalog li:after {content: "|"; color: #ffd686;}

.catalog li:last-child:after {display: none;}

.catalog li a {font-size: 20px; text-transform: uppercase; color: #e2ad44; font-weight: 600; padding: 0 6px;}

.catalog li a:hover {}



#dle-content .kidsmain {margin: 20px 0 0 0;}



.fullstory {-ms-flex-item-align: stretch; align-self: stretch; width: 100%; height: 100%; margin: 0 10px; background: #fff; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08); overflow: hidden; padding: 20px; color: #333;}

.fullstory h1 {font-size: 23px; font-weight: 600; color: #4b4b4b; margin: 0 0 20px 0;}

.fullstory a {color: #2980b9; text-decoration: underline;}

.fullstory a:hover {text-decoration: none;}



img.fr-dii.fr-fil {margin: 5px 15px 10px 0 !important;}





.shortnews {display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; background: #fff; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08); padding: 20px; margin: 0 10px 20px 10px;}



.newscolt {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%;}

.newscolt h2 {font-size: 18px; font-weight: 600;}

.newscolt h2 a {color: #4b4b4b;}

.newscolt h2 a:hover {color: #9e9e9e; text-decoration: none;}

.newscolt .caption {padding: 0 0 20px 0;}

.shortnews .item-img {-ms-flex: 0 0 230px; flex: 0 0 230px; max-width: 230px; height: 157px; overflow: hidden; position: relative; margin: 0 15px 0 0;}

.shortnews .item-img img {height: 170px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.shortnews .detaliz-capt {position: absolute; bottom: 0px; left: 0; color: #c4c4c4;}

.shortnews .detaliz-capt span {margin: 0 15px 5px 0;}

.dates, .post-views {font-size: 12px; margin: 0 0 5px 0;}

.dates:before, .post-views:before {font-family: "Font Awesome 5 Pro"; margin: 0 10px 0 0;}

.dates:before {content: "\f017";}

.post-views:before {content: "\f06e";}



.navsh {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 30px 0;}

.shnav {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -35px 0;}

.shnav .navigation {display: -ms-flexbox; display: flex; text-align: center;}

.shnav .navigation a, .shnav .navigation span {display: -ms-flexbox; display: flex; margin: 0 3px;}

.shnav .navigation span:empty:before, .shnav .navigation a:empty:before {font-family: "Font Awesome 5 Pro"; font-size: 16px;}

.shnav .navigation span:first-child:empty:before, .shnav .navigation a:first-child:empty:before {content: "\f104";}

.shnav .navigation span:last-child:empty:before, .shnav .navigation a:last-child:empty:before {content: "\f105";}

.shnav .navigation a:link, .shnav .navigation a:active,.shnav .navigation a:visited {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background:#e5e5e5; border: 1px solid #bcbcbc; border-radius: 50%; width: 35px; height: 35px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); color: #444; font-weight: 600; padding: 5px 10px; text-shadow: 0 1px 0 #fff; text-transform: lowercase; text-decoration: none;}

.shnav .navigation a:hover {background-color: #efefef; color: #747474;}

.shnav .navigation span {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #f5c25e; border-radius: 50%; width: 35px; height: 35px; box-shadow: 0 1px 3px rgb(173, 128, 40) inset, 0 1px 0 #fff; color: #caa200; cursor: default; padding: 5px 10px; font-weight: 600;}



.errbox {color: #856404; background: #fff3cd; padding: 20px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08);}

.errbox h5 {margin: 0 0 15px 0; font-size: 18px; font-weight: 600;}

.errbox h5:before {content: "\f5f2"; font-family: "Font Awesome 5 Pro"; font-weight: 400; margin: 0 10px 0 0;}

.errbox p {margin: 0;}

.adcommkd {padding: 20px 0 0 0;}

.box-faq {display: block; overflow: hidden; line-height: 23px; padding: 0 0 20px 0;}

.btncomsform {display: block; overflow: hidden; background: #133f60; color: #fff; border: none; border-radius: 3px; padding:10px; text-align: center; margin: 20px 0; cursor: pointer;}

button.btncomsform:hover {background: #133f60;}

#dle-comments-form {padding: 20px;
    list-style: none;
    background: #ffdcb6;
    border-radius: 3px;}

.formfaq {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0; list-style: none;}
.formfq {}

.formfaq li p {
    display: block;
    padding: 5px 0;
    margin: 0;
}

.formfaq .f_input {
    height: auto;
    border: 1px solid #cecece;
    background: #f2f2f2;
    padding: 4px !important;
    vertical-align: middle;
    width: 100%;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
}

.formfaq li p span {
    color: #B70003;
}

.formfaq b {
    font-weight: normal;
    color: #00A507;
}


.addfaq {margin: 0 0 20px 0;}

/*---Comments---*/

.comments{width: 100%; float: left; }

.comments_list{float: left; width: 100%;}

.comment_box{width: 100%; float: left; margin-bottom: 15px; padding: 20px; border-bottom: 3px solid #ebebeb; background: #f6f6f6; border-radius: 5px;}

.comment_info{float: left; width: 100%; font-size: 15px; line-height: 17px; color: #b2182b;}

.comment_info a{color: #b2182b;}

.comment_text{float: left; width: 100%; font-size: 14px; line-height: 20px; color: #5D5D5D; text-align: justify; margin-top: 10px; background-color: #f6f6f6; padding: 10px; border-radius: 3px;}

.comment_text a{color: #3C76C2;}

.comment_avatar {float: left; margin: 10px 10px 0 10px; position: relative;}

.comment_avatar img {width: 50px; /*height: 36px;*/}

.comment_user {float: left; margin: 15px 0 0 15px;}

.comment_meta{float: right; margin: 10px 15px 0 0;}

.comment_meta ul{list-style: none; float: left; width: 100%; font-size: 15px;}

.comment_meta ul li{float: left; margin-right: 10px;}

.comment_meta ul li:last-child{margin: 0px;}

.comment_rating{float: right; margin: 9px 0 0 0; color: #2b2d31; border: 1px solid #ebebeb; border-radius: 5px;

	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FBFBFB), to(#EAEAEA));

    background-image: -webkit-linear-gradient(top, #FBFBFB, 0%, #EAEAEA, 100%);

    background-image: -moz-linear-gradient(top, #FBFBFB 0%, #EAEAEA 100%);

    background-image: linear-gradient(to bottom, #FBFBFB 0%, #EAEAEA 100%);

    background-repeat: repeat-x;}

.comment_rating a{color: #fbc24d !important;}

.mass_comments_action{float: left; width: 100%; margin-bottom: 10px; font-size: 13px;}

#dle-comments-list {width: 100%; overflow: hidden; }

#dle-comments-list .comments-tree-list {list-style: none; padding: 0; margin: 0;}

#dle-comments-list > .comments-tree-list > li > .comments-tree-list {padding: 0 0 0 8%;}

#blind-animation .comments-tree-list {list-style: none; padding: 0; margin: 0;}

.comments-tree-list > li > ol > li .comment {padding: 30px 0; position: relative; box-shadow: none; -webkit-box-shadow: none; border-width: 0;}

.comments-tree-list li ol li .comment {position: relative; box-shadow: none; -webkit-box-shadow: none; border-width: 0;}

.comments-tree-list > li > ol > li .comment:after {content: ""; position: absolute; width: 2000px; height: 1px; margin-left: -500px; left: 0; top: 0; background-color: #efefef;}

.comments-tree-list > li > ol > li .comment:before {content: ""; position: absolute; left: 0; top: 12px; margin: 30px 0 0 -20px; background-color: #e6e6e6; width: 10px; height: 2px;}

.addcomments{float: left; width: 100%; margin:0 0 20px 0;}

.addcomments_editor{float: left; width: 99%; margin-bottom: 10px;}

.addcomments_editor textarea{height: 120px !important;}

.addcomments_editor label {margin: 0; float: left;}

.topfull {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;}

.fullstory .rate {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%;}
.ratit {color: #919191; margin: 0 10px 0 0;}

/*--- Рейтинг - Звездами ---*/
.kidsmain .rate {padding: 265px 15px 15px 15px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center;}
.rating, .unit-rating { width: 115px; height: 23px; }
	.rating { font-size: 11px; }
	.unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAACKBAMAAAAnGmX8AAAALVBMVEX///+RkZH+12L/w0//7cP/5aj+24X/+u7/9d2tra3Jycne3t7/zGn5+fnx8fHkdmbhAAACEUlEQVRIx+2UuUsDQRTGF+8bp4yiyKDRUhiNFikW73LxwsIiRETL4F2KilpYmFYQklIE0VYbIQQsY2kjWkbwfzDjzvhm3rzCJiCSr1p+SfY7HsT7w2rYp3ltQPO6HpqPDdA8GSVxPeckr+HcJ205T1D8gHPSeJbzPopz7hrvnk4sSL4wcboLdIpb6v0ZxuY+LGB/HRY2ubn2MeB1a5ukxtEUGkEp4bSVchtvhLzfORaE/NV7VCDnlFzJPSKPJmEcczpffhg4x13zvB2nVxXvDdP2oKNHU+FOAyi+r/xRgWn9sOVVRKv8/ycJmlc/0nx8iOYrMRLXC5EibYUIKN4iBGl8KMQoaSsEaZwTIo7Z3tHkoihpdX7mBOiysJSHhJYCWMDExho1JjfXPgP8ZG2T0zhub7SjecJpK+U23gz5iHMsHRJpLuTDzmoqjnNEJRXTbByTv/Gd48YD+WHgHHddtsMnrhb5MO0gih/b/7ZfQQWWA+WPCizph22vojKr7Y3mTec0L7bT/K6T5ukIbctYgbRlLEPxRsbOSVvGuimeZYw0ZiVh9vpwfyX5xfXDJ1CJDHVAQlOQtvXOxMYazSa/9UDvGqIOrWmNI/ZxXjS/xCOrjHjSZ3g7Wg1CmsZZ6Eq9P1LAR1RCXDaOpKGtOV2mGUaD48pGRXliFL8jTNuF4odB2tKoQDaj/FGBG/3w4f0LfQHtX5JXyZBVcwAAAABJRU5ErkJggg==);
		-webkit-background-size: 23px auto; background-size:  23px auto;
	}
	.unit-rating {
		list-style: none;
		margin: 0; padding: 0;
		position: relative;
		background-position: 0 -46px;
	}
	.unit-rating li {
		text-indent: -90000px;
		padding: 0; margin: 0;
		float: left;
	}
	.unit-rating li a {
		display: block;
		width: 23px; height: 23px;
		text-decoration: none;
		border: 0 none !important;
		text-indent: -9000px;
		z-index: 17;
		position: absolute;
		padding: 0;
	}
	.unit-rating li a:hover {
		background-position: 0 -23px;
		z-index: 2;
		left: 0;
	}
	.unit-rating a.r1-unit { left: 0; }
	.unit-rating a.r1-unit:hover { width: 23px; }
	.unit-rating a.r2-unit { left: 23px; }
	.unit-rating a.r2-unit:hover { width: 46px; }
	.unit-rating a.r3-unit { left: 46px; }
	.unit-rating a.r3-unit:hover { width: 69px; }
	.unit-rating a.r4-unit { left: 69px; }
	.unit-rating a.r4-unit:hover { width: 92px; }
	.unit-rating a.r5-unit { left: 92px; }
	.unit-rating a.r5-unit:hover { width: 115px; }
	.unit-rating li.current-rating {
		background-position: 0 0;
		position: absolute;
		height: 23px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
		padding: 0px;
	}

	.ratingplus {
		color: #70bb39;
	}

	.ratingminus {
		color: red;
	}

	.ratingzero {
		color: #6c838e;
	}












.footer {}

.footer p {font-size: 14px; color: #7a7a7a;}

.footer p a {color: #044dad; text-decoration: underline;}
.footer p a:hover {color: #044dad; text-decoration: none;}



.posrealcloud {position: relative;}

.second-cloud-container {width: 100%; height: 240px; z-index: -1; margin: -25px 0 0 0;}



.margtopminus {margin-top: -30px;}



#toTop {position: fixed; width: 40px; height: 40px; right: 20px; bottom: 30px; background:#f5c25e; z-index:9998; display:none; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08); cursor: pointer; border-radius: 50rem;}

#toTop:before {content: "\f106"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 23px; color: #caa200; display: block; text-align: center; vertical-align: middle;position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 5px; line-height: 30px;}





/*--- Загрузчик AJAX ---*/

#loading-layer { background: #000; padding: 20px; text-align: center; color: #fff; border-radius: 2px }



/*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/

.highslide-wrapper, .highslide-outline { background: #fff }

	.highslide-image { border: 2px solid #fff }

	.highslide-active-anchor { visibility: hidden } 

	.highslide-active-anchor img { visibility: hidden }

	.highslide-dimming { background-color: black }

	.highslide-html { background-color: white }

	.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black }

	a.highslide-full-expand { background: url(/templates/kids/dleimages/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px }

	.highslide-display-block { display: block }

	.highslide-display-none { display: none }

	.highslide-caption { display: none; padding: 5px; background: white }

	.highslide-controls { width: 195px; height: 40px; background: url(/engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px }

	.highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(/engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px }

	.highslide-controls li { float: left; padding: 5px 0; }

	.highslide-controls a { background: url(/engine/classes/highslide/graphics/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px; outline: none }

	.highslide-controls a.disabled { cursor: default }

	.highslide-controls a span { display: none }

 

/*---Навигация по картинкам галереи---*/

.highslide-controls .highslide-previous a { background-position: 0 0 }

	.highslide-controls .highslide-previous a:hover { background-position: 0 -30px }

	.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important }

	.highslide-controls .highslide-play a { background-position: -30px 0 }

	.highslide-controls .highslide-play a:hover { background-position: -30px -30px }

	.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important }

	.highslide-controls .highslide-pause a { background-position: -60px 0 }

	.highslide-controls .highslide-pause a:hover { background-position: -60px -30px }

	.highslide-controls .highslide-next a { background-position: -90px 0 }

	.highslide-controls .highslide-next a:hover { background-position: -90px -30px }

	.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important }

	.highslide-controls .highslide-move a { background-position: -120px 0 }

	.highslide-controls .highslide-move a:hover { background-position: -120px -30px }

	.highslide-controls .highslide-full-expand a { background-position: -150px 0 }

	.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px }

	.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important }

	.highslide-controls .highslide-close a { background-position: -180px 0 }

	.highslide-controls .highslide-close a:hover { background-position: -180px -30px }



/*---Диалоговые и всплывающие окна jQuery UI---*/

.ui-front { z-index: 1000; }

.ui-widget-overlay {

	background: #000;

	opacity: 0.5;

	left: 0; top: 0; right: 0; bottom: 0;

	position: fixed;

	}

	.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }

	.ui-helper-clearfix { display: inline-block }

	* html .ui-helper-clearfix { height: 1% }

	.ui-helper-clearfix { display: block }

	.ui-dialog {

		text-align: left;

		overflow: hidden;

		padding: 0;

		position: absolute;

		width: 370px;

		border-radius: 2px;

		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);

		border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);

		background-color: #f7f7f7;

		background-clip: padding-box;

		outline: none;

	}

	.ui-dialog-titlebar { padding: 20px 20px; position: relative; }

	.ui-dialog-title { float: left; font-weight: bold; font-size: 1.15em; }

	.ui-dialog-titlebar-close {

		position: absolute;

		right: 10px; top: 50%;

		margin-top: -16px !important;

		height: 23px !important;

		width: 32px;

		border: 0 none !important;

		background-color: inherit !important;

		box-shadow: none !important;

		padding: 0px !important;

	}

	.ui-dialog-titlebar-close .ui-icon {

		display: block;

		margin: 10px auto 0 auto;

		width: 12px; height: 12px;

		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTW7eCkWAAAACHRSTlMA8DiyCsELwNb3saQAAABlSURBVBjTY2AxYoACZQcG10YFCJtJooTBokMIwlHsaAZioBRYAigKJoAAJAghoRIQCiYEoSEiUCmIBFQKLAGTAkvApCASCA6GMoQBGEYjLEV1DopDUbyA4jlUb6ciAiSMgQ0pqAB4linXHtbaoQAAAABJRU5ErkJggg==);

		-webkit-background-size: 12px auto; background-size: 12px auto;

		opacity: .5;

	}

	.ui-button {

		float: right;

		border: 0 none;

		display: inline-block;

		vertical-align: middle;

		cursor: pointer;

		height: 36px;

		border-radius: 18px;

		line-height: 22px;

		outline: none;

		background-color: #3394e6;

		color: #fff;

		border: 0 none;

		padding: 7px 22px;

		text-decoration: none !important;

		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);

		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

		-webkit-transition: all ease .1s; transition: all ease .1s;

	}

	.ui-dialog-titlebar-close:hover .ui-icon { opacity: 1; }

	.ui-icon, .ui-button-icon-only { overflow: hidden; text-indent: -9999px; }

	.ui-dialog label { color: #575757; }

	.ui-dialog-content { padding: 20px; border: 1px solid #fff; overflow: auto; position: relative; zoom: 1; }

	.loginbox.ui-dialog, .loginbox .ui-dialog-content { overflow: visible !important; }

	.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }

	.ui-dialog .ui-dialog-buttonpane { padding: 20px; text-align: center; }

	.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }

	.ui-draggable .ui-dialog-titlebar { cursor: move; }

	.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }

	.ui-button { margin: 0 3px; }

	.ui-helper-hidden-accessible{display: none;}



/*---Быстрый ответ на комментарии, упрощенная форма---*/

#dlefastreplycomments {

	padding: 10px;

}

/*---Выделение текста и всплывающее окно (поделиться ссылкой)---*/

#marker-bar,

	#txtselect_marker {

		display: block;

		visibility: hidden;

		position: absolute;

		z-index: 1200;

		opacity: 0;

		-webkit-transition: opacity .4s, visibility .1s linear .4s;

		transition: opacity .4s, visibility .1s linear .4s;

	}

	#txtselect_marker {

		cursor: pointer;

		background:url(/templates/kids/dleimages/marker.png) no-repeat 0 0;

	}

	#txtselect_marker:hover { background-position: 0 -32px; }

	#marker-bar{

		border: 1px solid #ccc;

		border-radius: 15px;

		background: #fff;

		padding: 5px 10px;

		cursor: default;

		box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc;

	}

	#marker-bar.show {

		-webkit-transition: opacity .4s, visibility 0s;

		transition: opacity .4s, visibility 0s;

		opacity: 1;

		visibility: visible;

	}

	#txtselect_marker.show {

		visibility: visible;

		width: 32px; height: 32px;

		-webkit-transition: opacity .4s, visibility 0s;

		transition: opacity .4s, visibility 0s;

		opacity: 1;

	}

	#marker-bar .masha-social,

	#marker-bar .masha-marker{

		cursor: pointer;

		display: block;

		margin: 0 5px;

		float: left;

	}

	#marker-bar .masha-marker{

		line-height: 1em;

		color: #aaa;

		border-bottom: 1px dotted #aaa;

		margin-right: 10px;

	}

	#marker-bar .masha-marker:hover {

		color: #ea3e26;

		border-color: #ea3e26;

	}

	.user_selection, .user_selection_true {

		background: #fff5d5;

		padding: 2px 0;

	}

	.user_selection a.txtsel_close,

	.user_selection_true a.txtsel_close { display: none; }

	.user_selection .closewrap, .user_selection_true .closewrap { position: relative; }

	.user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close {

		display: inline-block;

		position: absolute;

		top: -7px; left: -5px;

		width: 33px; height: 33px;

		background: url(/templates/kids/dleimages/closemarker.png) 0 0 no-repeat;

	}

	.user_selection.hover a.txtsel_close:hover,

	.user_selection_true.hover a.txtsel_close:hover { background-position: -0px -33px; }



	#share-popup {

		border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);

		border-radius: 2px;

		background: #fff;

		position: absolute; z-index: 100;

		width: 414px;

		display: none;

		padding: 20px 0;

		opacity: 0;

		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);

		background-clip: padding-box;

		-webkit-transition: opacity .4s, visibility .1s linear .4s;

		transition: opacity .4s, visibility .1s linear .4s;

	}

	#share-popup.show {

		display: block; opacity: 1;

		-webkit-transition: opacity .4s, visibility 0s;

		transition: opacity .4s, visibility 0s;

	}

	#share-popup .social { padding: 0 0 10px 17px; }

	#share-popup .social p { padding-bottom: 10px; margin: 0; font-weight: bold;}

	#share-popup .social ul { list-style: none; margin: 0; padding: 0; }

	#share-popup .social ul li { display: inline; margin-right: 20px; padding-top: 2px; }

	#share-popup .social ul a {

		text-decoration: none;

		font-size: 12px;

		display: inline-block;

		color: #919191;

	}

	#share-popup .social ul a:hover { text-decoration: underline; }

	#share-popup .social a span {

		cursor: pointer;

		width: 20px; height: 20px;

		background: url(/templates/kids/dleimages/social-icons.png) 20px 20px no-repeat;

		display: inline-block;

		vertical-align: middle;

		margin: -3px 5px 0 0;

	}

	#share-popup .social .tw span { background-position: 0 -20px; }

	#share-popup .social .tw:hover span { background-position: 0 0; }

	#share-popup .social .fb span { background-position: -20px -20px; } 

	#share-popup .social .fb:hover span { background-position: -20px 0; }

	#share-popup .social .vk span{ background-position: -40px -20px; }

	#share-popup .social .vk:hover span { background-position: -40px 0; }

	#share-popup .social .gp span{ background-position: -60px -20px; }

	#share-popup .social .gp:hover span { background-position: -60px 0; }

	#share-popup .link {

		clear: both;

		border-top: 1px solid #d9d9d9;

		padding: 10px 5px 0 10px;

		line-height: 1.2;

		overflow: hidden;

		margin: 0 7px;

	}

	#share-popup .link p {

		font-weight: bold;

		padding: 0 0 3px 0;

		margin: 0;

	}

	#share-popup .link span {

		color: #999;

		font-size: 10px;

		display: block;

		padding-top: 3px;

	}

	#share-popup .link a { display: block; }

	.dle-alert, .dle-confirm, .dle-promt { padding: 20px 1em !important; }/*--- laptop & tablet ---*/

@media all and (max-width: 1024px) {
  .header {background-position: 180% 100%;}
  .header::after {background-position: 500% 0; bottom: -30px;}
  .oblique {width: 425px;} 
}

@media all and (max-width: 768px) {
  .oblique, .header::after {display: none;}
  .headercat {background: #fff url("/templates/kids/images/earth-r.webp") right bottom no-repeat;}
  .headercat:before {content: ""; position: absolute; display: -ms-flexbox; display: flex; width: 100%; height: 71px; background: url("/templates/kids/images/tpthree.webp") 60% 0 no-repeat; top: -15px; z-index: 2;}
  .header, .headercat {background-position: 100% 100%; height: auto;}
  .header .col-5, .header .col-7, .header .col-10, .contents .col-9, .contents .col-3, .headercat .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .header .col-5 {-ms-flex-order: 2; order: 2;}
  .header .col-7 {-ms-flex-order: 1; order: 1;}
  .header .logokids {margin: 45px 0 20px 0;}
  .headercat .logokids {-ms-flex-pack: center; justify-content: center;}
  .header .logokids a {margin: 0;}
  .headercat .logokids a {margin: 45px 0 20px 0;}
  .headercat .social {display: -ms-flexbox; display: flex;}
  #menu li, .headercat #menu li {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
  .header .col-10, .achievement, .headercat .col-12 {margin: 0 0 20px 0;}
  .social {-ms-flex-pack: center; justify-content: center; margin: 0;}
  .titmain {text-align: center;}
  .songnews {-ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px;}
  .column-1 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; padding-right: 10px; padding-left: 10px; margin: 10px 0 0 0; border: none;}
  .songnews .column-1:last-child {padding-right: 10px; padding-left: 10px; margin: 10px 0 0 0;}
  .shnav {margin: 0;}
  
}


/*--- mobile l/m/s ---*/

@media all and (max-width: 414px) {
  .header, .headercat {background-image: none; padding: 20px 10px;}
  .header:before, .headercat:before {top: -25px;}
  .logokids a h1 {font: normal 28px "Albionic";}
  .logokids a span, #menu li a {font-size: 14px;}
  #menu li a::before {font-size: 40px;}
  .contents {padding: 20px 10px;}
  .kidsmain {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 20px;}
  .achievement {margin: 0;}
  .topmenu li a {text-decoration: underline;}
  .footer .col-9, .footer .col-3 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .footer p {padding: 0 10px;}
  .second-cloud-container canvas {display: none !important;}
  .second-cloud-container {background: #f0f1f4 url("/templates/kids/images/bgcloud.webp") no-repeat; background-size: cover; height: 174px; margin: 0 0 45px 0;}
    .lastnews {margin: 20px 0 0 0;}
   .fullstory img {width: 100%;}
}

@media all and (max-width: 411px) {}

@media all and (max-width: 375px) {
  .logokids a h1 {font: normal 25px "Albionic";}
  .tophead {-ms-flex-direction: column-reverse; flex-direction: column-reverse;}
  .lang {margin: 0 0 20px 0;}
  .topmenu li:last-child {margin: 0;}
  #menu li, .headercat #menu li {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

@media all and (max-width: 360px) {
  .logokids a h1 {font: normal 23px "Albionic";}
  .logokids a span {font-size: 13px;}
  .titmain h3 {font-size: 17px;}
  .kidsmain, .column-1 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .column-3 .itmimg {height: 325px;}
  .topmenu li a {font-size: 16px;}
  [class^="column-"] .itmimg img {height: 440px;}
  .column-3 h4 a {padding: 355px 15px 50px 15px;}
  #menu li a::before {font-size: 35px;}
}

@media all and (max-width: 320px) {
  .logokids a h1 {font: normal 21px "Albionic";}
  .logokids a span {font-size: 12px;}
  [class^="column-"] .itmimg img {height: 380px;}
}

/*--- other ---*/

@media (min-width: 576px) {
  .container {max-width: 540px;}
}

@media (min-width: 768px) {
  .container {max-width: 720px;}
}

@media (min-width: 992px) {
  .container {max-width: 960px;}
}

@media (min-width: 1200px) {
  .container {max-width: 1140px;}
}

@media print {

  *, *::before, *::after {text-shadow: none !important; box-shadow: none !important;}
  a:not(.btn) {text-decoration: underline;}
  abbr[title]::after {content: " (" attr(title) ")";}
  pre {white-space: pre-wrap !important;}
  pre, blockquote {border: 1px solid #adb5bd; page-break-inside: avoid;}
  thead {display: table-header-group;}
  tr, img {page-break-inside: avoid;}
  p, h2, h3 {orphans: 3; widows: 3;}
  h2, h3 {page-break-after: avoid;}
  @page {size: a3;}
  body {min-width: 992px !important;}
  .container {min-width: 992px !important;}
  .table {border-collapse: collapse !important;}
  .table td, .table th {background-color: #fff !important;}
}