/* bootsrap */
@charset "UTF-8";
@media (prefers-reduced-motion:no-preference) {:root {scroll-behavior: smooth }}body {margin: 0;}hr {margin: 1rem 0;color: inherit;border: 0;border-top: 1px solid;opacity: .25 }.h1, .h3, h1, h3 {margin-top: 0;margin-bottom: .5rem;font-weight: 500;line-height: 1.2;}.h1, h1 {font-size: calc(1.375rem + 1.5vw) }@media (min-width:1200px) {.h1, h1 {font-size: 2.5rem }}.h3, h3 {font-size: calc(1.3rem + .6vw) }@media (min-width:1200px) {.h3, h3 {font-size: 1.75rem }}p {margin-top: 0;margin-bottom: 1rem }ul {padding-left: 2rem }ul {margin-top: 0;margin-bottom: 1rem }ul ul {margin-bottom: 0 }.small, small {font-size: .875em }img, svg {vertical-align: middle;}label {display: inline-block;}button {border-radius: 0;}button:focus:not(:focus-visible) {outline: 0 }button, input, textarea {margin: 0;}button {text-transform: none }[role=button] {cursor: pointer }[type=button]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {cursor: pointer }textarea {resize: vertical }.container, .container-fluid, .container-xxl {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);margin-right: auto;margin-left: auto }@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 (min-width:1400px) {.container, .container-xxl {max-width: 1320px }}.row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x)) }.row>* {flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);margin-top: var(--bs-gutter-y) }.col {flex: 1 0 0% }.col-auto {flex: 0 0 auto;width: auto }.gy-5 {--bs-gutter-y: 3rem }@media (min-width:576px) {.col-sm-7 {flex: 0 0 auto;width: 58.33333333% }}@media (min-width:768px) {.col-md-5 {flex: 0 0 auto;width: 41.66666667% }.col-md-6 {flex: 0 0 auto;width: 50% }}@media (min-width:992px) {.col-lg-3 {flex: 0 0 auto;width: 25% }.col-lg-6 {flex: 0 0 auto;width: 50% }.col-lg-10 {flex: 0 0 auto;width: 83.33333333% }}@media (min-width:1200px) {.col-xl-6 {flex: 0 0 auto;width: 50% }}.form-text {margin-top: .25rem;font-size: .875em;color: rgba(33, 37, 41, 0.75);} @media (prefers-reduced-motion:reduce) {.form-control {transition: none }} .form-control::-moz-placeholder {color: rgba(33, 37, 41, 0.75);opacity: 1 }.form-control::placeholder {color: rgba(33, 37, 41, 0.75);opacity: 1 }.form-control:disabled {background-color: #e9ecef;;opacity: 1 }textarea.form-control {min-height: calc(1.5em + .75rem + calc(1px) * 2) }.border-top {border-top: 1px solid #dee2e6 !important }.btn-close {--bs-btn-close-color: #000;--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity: 0.5;--bs-btn-close-hover-opacity: 0.75;--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: 0.25;--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);box-sizing: content-box;width: 1em;height: 1em;padding: .25em .25em;color: var(--bs-btn-close-color);background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border: 0;border-radius: .375rem;opacity: var(--bs-btn-close-opacity) }.btn-close:hover {color: var(--bs-btn-close-color);text-decoration: none;opacity: var(--bs-btn-close-hover-opacity) }.btn-close:focus {outline: 0;box-shadow: var(--bs-btn-close-focus-shadow);opacity: var(--bs-btn-close-focus-opacity) }.btn-close-white {filter: var(--bs-btn-close-white-filter) }.placeholder {display: inline-block;min-height: 1em;vertical-align: middle;cursor: wait;background-color: currentcolor;opacity: .5 }.placeholder.btn::before {display: inline-block;content: "" }@keyframes placeholder-glow {50% {opacity: .2 }}@keyframes placeholder-wave {100% {-webkit-mask-position: -200% 0%;mask-position: -200% 0% }}.d-flex {display: flex !important }.flex-column {flex-direction: column !important }.justify-content-between {justify-content: space-between !important }.my-4 {margin-top: 1.5rem !important;margin-bottom: 1.5rem !important }.mb-5 {margin-bottom: 3rem !important }.p-4 {padding: 1.5rem !important }.px-4 {padding-right: 1.5rem !important;padding-left: 1.5rem !important }.py-4 {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important }.pt-5 {padding-top: 3rem !important }.text-white {color: rgba(255, 255, 255, 1) }.bg-dark {background-color: rgba(33, 37, 41,1) }@media (min-width:576px) {.flex-sm-row {flex-direction: row !important }}@media (min-width:768px) {.d-md-flex {display: flex !important }}@media (min-width:992px) {.p-lg-5 {padding: 3rem !important }}
/* замена bootsrapa */
.container-article{
  --bs-gutter-y: 0;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 3%;
}


@media screen and (min-width:2000px){
    .container-article{
      padding: 0px 6% !important;}
}
/* default */

:root{
  --bg-site:rgb(1, 1, 1);
  --lazy-load-bg: #0025ff;
  --header-bg:  #011a41;
  --posts-bg:#2b2b2b ;
  --shapka-bg: rgb(56, 120, 133);
  --planet-stats:rgba(98, 82, 82, 0.146);
  --shapka-text-bg: rgba(0, 0, 0, 0.456);
  
  --a-hover-color:#0025ff;
  --a-red-hover-color :#be19f0; 
  --text-color: white;
  --a-intext-color: #00d9fffa;

  --menu-bg: rgb(12, 40, 122);
  --menu-border-color: #0715e0d9;
  --sub-menu-button-bg: rgb(0, 54, 140) ;
  --sub-menu-bg: rgb(0, 44, 115) ;

  --footer-bg: #0f1012;
  --menu-footer-bg: #4b4b4b;
  --menu-footer-border: #919191;

  --search-button-bg:blue ;
  --search-modal-bg: rgb(34, 34, 34);

  --button-color:rgb(20, 0, 241);
  --tag-bg :blue;

  --input-bg: #3a3a3a;
  --placeholder: rgb(156, 156, 156);
  --not-important-color: #919191;

  --coment-bg: #222222 ;
  --wrapper-coment-bg:  #1b1b1b;
  --coment-respond-bg: blue;
  --coment-send-bg: rgb(20, 83, 255);
  --coment-send-hover: #23017e;
  --coment-cancel-bg: rgb(233, 51, 34);

  --breadcrums-bg:rgb(27, 27, 27);

}



* {
  box-sizing: border-box;
  color:var(--text-color);



}
body, button, input, select, textarea, p {
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.66;
    font-family: rubik,helvetica,arial,sans-serif;

}

::-webkit-scrollbar-thumb {
  --tw-border-opacity: 1;
  background-color: rgba(217,217,227,.8);
  border-color: rgba(255,255,255,var(--tw-border-opacity));
  border-radius: 9999px;
  border-width: 1px;
}

::-webkit-scrollbar {
  height: 1rem;
  width: .5rem;
}
@media screen and (max-width:520px) {
  
::-webkit-scrollbar {
  height: 1rem;
  width: .3rem;
}
}
@media screen and (max-width:645px){

  body, button, input, select, textarea, p {

    /* font-size: 15px; */

    font-size: 1rem;

}
}
html{
  overflow-y: scroll !important;
  overflow-x:hidden;
  scroll-behavior: smooth;
}
body {
  min-height: 100vh;
  background-color: var(--bg-site); 
   /* overflow-y: hidden;  overflow-x: hidden; */
}
a {
  text-decoration: none;
  color: var(--text-color);
  transition: 0.5s;
}

a:hover {
  color: var(--a-hover-color);
}

h2{
  font-weight: 500;
  font-size: 2.2rem;
}
 ul{
  padding-left: 0px;
 }
article ul{
  padding-left: initial;
}
article a{
  color:var(--a-intext-color)
}
ul li {
  list-style:none;
  color: var(--text-color);
    display: list-item;
    list-style-position: inside !important;
}
article ul li{
  list-style: initial;
}

.lazy, .lazy-card{
  background-image: none !important;
  background-color: var(--lazy-load-bg);
}

.hiden{
  display: none !important;
}

/* header */
.container.full {
  clear: both;
  max-width: 100%
}

@media screen and (min-width:1000px) {
  .container.full {
    max-width: 970px
  }
}

@media screen and (min-width:1574px) {
  .container.full {
    max-width: 1200px
  }
}


header li ul {
  padding-left: 5px
}

#burgerbar-none {
  display: none
}

#burgerbar {
  background: #1b1b1b
}

#burgerbar,
#burgerbar~.burgerbar .button-menu.checked {
  display: none
}

@media only screen and (max-width:699px) {
  #burgerbar:checked~.burgerbar .button-menu.unchecked {
    display: none
  }

  #burgerbar:checked~.burgerbar .button-menu.checked,
  #burgerbar:checked~.wrapper .menuitems {
    display: block
  }
}

.button-search {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 60px;
  height: 60px;
  margin-bottom: 0;
  line-height: 60px
}

@media only screen and (min-width:700px) {
  .button-search {
    position: relative
  }
}

:checked+.button-search {
  background-color: #3669c9
}

.search-box {
  z-index: 1000;
  position: absolute;
  right: 0;
  top: 60px;
  width: 100%;
  border: 2px solid #3669c9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--bg-site);
  padding: 16px 18px;
  font-size: 16px;
  display: none;
  line-height: 44px
}

.search-box .search-submit {
  position: absolute;
  right: 18px;
  width: 44px;
  height: 44px;
  background-color: var(--bg-site);
  color: #fff;
  border: none;
  padding: 0
}

:checked~.search-box {
  display: block
}

.burgerbar .burgerbar-small .search-box {
  width: 100%
}

@media screen and (min-width:575px) {
  .burgerbar .burgerbar-small .search-box {
    width: 480px
  }
}

.search-checkbox {
  display: none
}

.masthead-item {
  width: auto;
  text-align: center;
  font-size: 0
}

@media only screen and (min-width:700px) {
  .masthead-item {
    padding-right: 1rem;
    padding-left: 0.3rem;
    position: relative;
    height: 100%;
    float: right
  }
}

.masthead-item .search-icon {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  font-size: 1.4rem;
  line-height: 1.4rem;
  height: 20px;
  width: 20px
}


@media screen and (min-width:575px) {
  .masthead-item .search-icon {
    height: 20px;
    width: 20px
  }
}

.burgerbar {
  background-color: #1b1b1b;
  color: #fff;
  font-size: 24px;
  line-height: 60px;
  max-height: 60px;
  height: 60px
}

@media only screen and (min-width:700px) {
  .burgerbar {
    border-bottom: 1px solid #1b1b1b
  }
}

.burgerbar .logo {
  height: 100%;
  text-align: left
}

.burgerbar .logo>a {
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

@media only screen and (max-width:699px) {
  .burgerbar .logo {
    text-align: center;
    margin: auto
  }
}



.burgerbar .button-menu {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  left: 0;
  width: 60px
}

.burgerbar .burgerbar-small {
  width: 100%;
  max-height: 60px;
  height: 60px
}

@media only screen and (min-width:700px) {
  .burgerbar .burgerbar-small {
    position: relative
  }

  .burgerbar .burgerbar-small>.button-menu {
    display: none
  }

  .burgerbar .burgerbar-small .logo {
    padding: 0 16px;
    position: absolute
  }
}

input[type=search] {
  appearance: none;
  border: 1px solid #ddd;
  font-size: 1em;
  padding-right: 3em;
  line-height: 2.5em;
  padding-left: .75em;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline-offset: 0;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0
}

input[type=search]:focus {
  outline-offset: 0
}


@media screen and (min-width:900px) {
  input[type=search] {
    padding-right: 54px;
    padding-top: 13px;
    padding-bottom: 11px;
    line-height: 16px;
    font-size: 16px
  }
}

label {
  line-height: 1.4;
  display: block;
  margin: 0 0 5px
}

.icon-svg {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  fill: white;
  margin: 0 auto
}

.primary-nav {
  position: relative;
  z-index: 9997
}

.primary-nav .wrapper {
  background: #3669c9
}

.primary-nav .menuitems {
  display: none;
  position: absolute;
  width: 100%;
  left: 0
}

.primary-nav .menuitems:hover {
  z-index: 999
}

@media screen and (min-width:700px) {
  .primary-nav .menuitems {
    z-index: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 0;
    max-height: 44px;
    max-width: 970px
  }
}

.nav-list {
  font-size: 0;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;


}

@media screen and (max-width:699px) {
  .nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media screen and (min-width:700px) {
  .nav-list {
    height: 44px
  }
}

.nav-list .menu-item {
  visibility: visible
}

header .menu-item {
  background-color: #3669c9
}

@media screen and (min-width:700px) {
  header .menu-item {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 0;
    background-color: transparent;
    white-space: nowrap;
    position: relative
  }
}

header .menu-item a {
  display: block;
  line-height: 44px;
  font-size: 1rem;
}



@media screen and (min-width:700px) {
 header  .menu-item a {
    display: inline-block;
    zoom: 1;
    vertical-align: top
  }
}

header .menu-item a,
header .menu-item a:hover,
header .menu-item a:visited,
header .menu-item a:visited:hover {
  color: #fff;
  display: block
}

header .menu-item a:not(.menu-item-magazines):active {
  background-color: #1b1b1b
}

.sub-menu {
  vertical-align: top;
  display: none;
  background-color: #3669c9;
  font-size: 0
}

.sub-menu-item {
  font-size: 1rem
}

.menu-hamburger {
  height: 60px;
  margin-bottom: 0
}

.menu-hamburger:after,
.menu-hamburger:before {
  content: "";
  position: absolute;
  width: 18px;
  margin-left: -9px;
  top: 50%;
  left: 50%
}

.menu-hamburger:before {
  height: 8px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin-top: -6px
}

.menu-hamburger:after {
  height: 2px;
  background: #fff;
  margin-top: -1px
}

.menu-hamburger.checked:before {
  border-top: none;
  border-bottom: none;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 8px;
  height: 18px;
  margin-top: -9px;
  margin-left: -6px
}

.menu-hamburger.checked:after {
  width: 2px;
  height: 18px;
  margin-top: -9px;
  margin-left: -1px
}

.menu-item-hover-reveal {
  line-height: 44px;
  color: #fff;
  white-space: nowrap;
  cursor: default
}

.menu-item-hover-reveal.menu-item {
  font-size: 1rem
}

@media screen and (min-width:700px) {

  .menu-item-hover-reveal:focus .sub-menu,
  .menu-item-hover-reveal:hover .sub-menu,
  .menu-item-hover-reveal.active .sub-menu
{
    display: block;
    position: absolute;
    /* margin-left: -16px */
  }
}


.menu-item-hover-reveal .icon {
  font-size: 11px;
  line-height: 1;
  position: relative;
  top: -1px;
  left: 1px
}


header a:hover {
  text-decoration: underline
}

button:focus {
  outline: 0
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}



.burgerbar .switch-theme-wrapper {
  margin-left: 18px;
  float: right;
  font-size: 12px;
  font-weight: 700;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: grid;
  height: 100%;
  width: 49px
}



@media (max-width:699px) {
  .burgerbar .switch-theme-wrapper {
    position: absolute;
    top: 0;
    right: 60px
  }


  
}  

.burgerbar .button-search {
  margin-left: 10px;
  min-width: 60px
}

.search-box .search-submit {
  top: 16px
}

.sub-menu {
  /* visibility: hidden; */
  position: absolute;
  /* margin-left: -16px; */
  right: auto;
  left: auto
}

/* @media screen and (min-width:700px) {
  .menu-item-hover-reveal:hover .sub-menu {
    visibility: visible
  }
} */

@media (max-width:699px) {
  .burgerbar .logo {
    text-align: left;
    margin-left: 60px
  }
}

.theme-switch {
  border-radius: 90px;
  border: 0;
  text-align: center;
  padding: 0;
  background-color: #faebd700;
  display: grid;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}

.logo-pict {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  border-radius: 10px;
  margin-bottom: 9px
}

#logo {
  margin-right: 3vw
}

#logo-text {
  font-size: 32px;
  font-family: Rubik, sans-serif;
  font-weight: 700
}

.sub-menu-toggler-wrapper {
display: flex;
gap: 3px;
padding: 0px 1rem;
}

.sub-menu-toggler {
cursor: pointer;
}

@media screen and (max-width:700px) {

.menu-item-hover-reveal.active .sub-menu{
display: block;
position: relative;
margin-left: 5px
}

}
.rotare-180{
transform: rotateX(180deg);
}
@media screen and (max-width:550px) {

.logo-pict{
display: none;
}
}



@media screen and (max-width:400px) {

#logo-text {
font-size: 27px;
}
}
@media screen and (max-width:500px) {

#logo-text {
  font-size: 23px;
}
}

#publisherDetails {
display: grid;
height: 100%;
}
search-input {
background-color: var(--bg-site);
color: var(--text-color);
}
header * {
color: white;
}
.search-box .icon-svg {
fill: var(--text-color);
}

.search-input {
background-color: var(--input-bg);
color: var(--text-color);
}

/* форма поиска */
.form-search{
background-color: var(--search-modal-bg);
padding: 10px;
border-radius: 10px;  
}
.head-search-form{
display: flex; 
justify-content: space-between;
margin-bottom: 10px;
}
.search-field{
color: var(--text-color);
background-color: var(--input-bg);
border: 0px ridge rgba(29, 89, 211, 0.378);
}
.search-field:focus{
outline: 1px solid var(--text-color);

}
.search-field::placeholder{
color: var(--placeholder);
}
.btn-admit-tosearch{
background-color: var(--button-color);
border-radius: 5px;
border: 0px;
}

/* footer */
#footer {
  background-color: var(--footer-bg);
  margin-bottom: 0px;
  bottom: 0px;
  padding-bottom: 0px;
  padding-top: 5px;
  width: 100vw;
}

.text-footer-about-text {
  color:var(--text-color);
  font-weight: 700;
}

.text-footer-about-title {
  color: var(--text-color);
  font-weight: 700;
  font-size: 120%;
  font-family: 'Rubik', sans-serif;
  text-indent:20px; margin-bottom:5px;
}

.footer-copyright {
  color: var(--text-color)
}

.footer-copyright a {
  color: var(--text-color);
  text-decoration: none;
  font-size: x-large;
}

/* footer menu */
.footer-menu {
  margin-top: 10px;
  padding-left: 0rem;
}
.footer-menu li {
  margin-bottom: 10px;
}
.footer-menu li a {
  border: var(--menu-footer-border) 2px solid;
  text-decoration: none;
  color:var(--text-color);
  padding: 2px;

  background-color: var(--menu-footer-bg);
}

#footer-nav-menu {
  color: var(--text-color);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  font-size: x-large;
}


/* single post */
.teg-blog {
  text-decoration: none;
  color: white;
  background-color: var(--tag-bg);
  padding: 4px;
  border-radius: 2px;
  width: fit-content;
  margin-top: 5px;
  font-weight: 700;
  font-family: 'Rubik', sans-serif;
}

.teg-blog:hover {
  color: var(--a-red-hover-color);
}

.tag-container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 3px;
}

.meta-single {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.comments-count {
  margin-right: 10px;
  color: #919191;
}
.post-date {
  margin-left: 10px;
  color: var(--not-important-color);
}

.single-post-text {
  margin: 10px;
}
.single-post-content {
  background-color: var(--bg-site);
}

.single-title h1{
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  text-align: center;
}

.card-img-top{
  max-width: 95vw;
  width: 100%;
  height: auto;
  margin: auto;
  display: block;
  aspect-ratio: 16 / 11;
  object-fit:cover ;
}
.date-icon{
  margin-bottom: 3px;
}

@media screen and (max-width:750px) {
  .single-post-content h1{
    font-size: 40px;
}
  
}


@media screen and (max-width:560px) {
  .single-post-content h1{
    font-size: 30px;
}
.single-post-content .teg-blog{
  font-size: .9rem;
}
  
}
/* хлебные крошки */
.breadcrumb {
  background-color: var( --breadcrums-bg) ;
  font-style: italic;
  color: var(--text-color);
  padding: 3px;
  margin: 2vw;
}
.breadcrumb a {
  font-style: italic;
  color: var(--not-important-color);
}

/* виджет вы пропустили */
.widget-recent-card{
  width: 100%;
  height: 200px;
  position: relative;
  margin-bottom: 40px;
  overflow: hidden;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transition: all 0.3s linear;
}

.widget-recent-card::after{
  position: absolute;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0) 45%,
    rgba(0, 0, 0, 0.4) 60%,
    #000000d9 100%
  );
  content: "";
  width: 100%;
  height: 100%;
  z-index: 0;
}
.widget-recent-card:hover {
  transform: translateY(-8px);
}
.widget-recent-card a{
  display: block;
}
.recent-info{
  position: absolute;
  bottom: 0;
  padding: 20px;
  z-index: 6;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}


.widget-recent-title{
  font-size: xx-large;
  font-weight: 700;
  font-family: 'Rubik', sans-serif;
  margin-bottom: 10px;
}




.teg-blog-nohover{
  text-decoration: none;
  color: rgb(255, 255, 255);
  background-color: var(--tag-bg);
  padding: 4px;
  border-radius: 2px;
  width: fit-content;
  margin-top: 5px;
  font-weight: 700;
  font-family: 'Rubik', sans-serif;
}

.widget-recent-card-title  {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 800;
  letter-spacing: 0;
  text-size-adjust: 100%;
  color: white;
  position: relative;
  z-index: 9999;
  font-size: 1.3rem;
  width: 100%;
  min-width: 100%;
  line-height: 1.3;
}

.blog-post-category {
  width: 100%;
  z-index: 10;
}
.widget-recent-card-title:hover {
  color: var(--a-hover-color);
}

/* виджет свежие коментарии */
.block-title::before {
  content: "";
  background: #0025ff;
  width: 12.5%;
  position: absolute;
  content: "";
  height: 3px;
  bottom: -1px;

  left: 0;
}
.block-title {
  margin-bottom: 0;
  padding: 5px 0;
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  border-style: solid;
  border-width: 0 0 1px 0;
}
.recent-comments {
  font-style: italic;
  margin-bottom: 4px;
}

/* популярные рубрики виджет */
.popular-category {
  text-rendering: optimizeLegibility;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 0.2;
}

/* пагинатор */
.page-numbers {
  margin: 3px;
  font-size: x-large;
  padding: 3px;
  border-radius: 10px;
}
.nav-links {
  background-color: var(--posts-bg);
  margin-bottom: 40px;
  margin-top: 30px;
  padding: 10px;
}
.page-numbers.current{
  color: rgb(36, 98, 254);
}
/* шапка */
#shapka {
  background-color: var(--shapka-bg);
  margin-bottom: 3vh;
  font-size: large;
  height: min-content;
  padding-top: 30px;
  padding-bottom: 30px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.cosmos-bg {

  background-image: url(img/shapka-fon.webp);

  
}
#shapka-text{
  font-family: 'Rubic', sans-serif !important;
  margin-left: 20px;
  font-size:small;
  letter-spacing:-0.61px;
  font-weight: 700;
  background-color:var(--shapka-text-bg);
  width: fit-content;
  padding: 10px;
  border-radius: 5px;
  margin-right: 8px;
}
 #shapka-text h1{
  font-family: 'Rubic', sans-serif;
  font-weight: 700;
  letter-spacing:-0.91px;

 }

@media screen and (max-width:750px) {
  #shapka-text h1{
 font-size: 35px;
  
   }
  
}

@media screen and (max-width:540px) {
  #shapka-text h1{
 font-size: 25px;
  
   }
   #shapka-text{
    margin-left: 10px;

  }
  
}

@media screen and (max-width:400px) {
  #shapka-text h1{
 font-size: 20px;
  
   }
  
   #shapka-text{
    font-size:0.7rem !important;

  }
}


@media screen and (max-width:300px) {
  #shapka-text h1{
 font-size: 18px;
  
   }
  
}

/* посты на глвной странице блога */

.blog-post-card {
  background-color: var(--posts-bg);
  border-radius: 2px;
  display: block;
  gap: 10px;
  /* height */
  padding: 15px;
  padding-bottom: 20px;
  height: 100%;
  contain: content;
}

.blog-post-img-wrapper {
  /* widht */
  max-height: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 8px;
}

.blog-post-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.blog-post-category {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0px;
  justify-content: center;
  margin-bottom: 10px;
}


.blog-post-info {
  text-align: center;
  padding: 0px 20px;
}

.blog-post-title{
  font-size: x-large;
  font-weight: 700;
  font-family: 'Rubik', sans-serif;
}
.blog-post-title:hover{
    color:var(--a-hover-color);
    transition: 0.5s;
  
}
/* большой пост */
.blog-post-category-100{

  position: absolute;
top: 30px;
left: 30px;
justify-content: normal;
}
.blog-post-img-wrapper-100 {
	 max-height:max-content;
	height: auto; 
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 4px;
	aspect-ratio: 1.7;
}
/* about page */
.main-about-site{
  width: 50%;
  margin-left: 30px;
  margin-top: 50px;
  background-color: rgba(0, 0, 0, 0.392);
  padding: 5px;
}
.main-about-site h1{
  font-weight: 600;
}
.main-about-site-text{
  font-family: "Rubic";
}
.about-site-img{
  background-image:url('img/astronaut-background.webp');
  height:fit-content;
  min-height: 700px;
  min-width: 100%;  background-size: cover;
}
.start-travel{
  margin-top: 20px;
  padding: 5px;
  background-color: #ff5b42;
  border: 2px solid var(--text-color);
  width: fit-content;
}
.about-blog{
  margin-top: 20px;
  font-family: "Rubic";
  margin-bottom: 30px;
}
.about-blog small{
  font-style: italic;
}
.about-blog h2{
  font-weight: 500;
 
}
/* 404 */
.wrapper404{
  margin:0;
  padding:0;
  font-family: 'Tomorrow', sans-serif;
  height:90vh;
background-image: linear-gradient(to top, #2e1753, #1f1746, #131537, #0d1028, #050819);
  display:flex;
  justify-content:center;

  overflow:hidden;

}
.text{
  top: 10%;
  position:relative;
  color:var(--text-color);
  text-align:center;
  height: fit-content;
  z-index: 10;
}
h1{
  font-size:50px;
}
.star{
  position:absolute;
  width:2px;
  height:2px;
  background:#fff;
  right:0;
  animation:starTwinkle 40s infinite linear;
  animation-iteration-count: infinite;
}
.astronaut img{
  width:100px;
  position:absolute;
  top:70%;
  z-index: 1;
  animation:astronautFly 6s infinite linear;
}
@keyframes astronautFly{
  0%{
    left:-100px;
  }
  25%{
    top:60%;
    transform:rotate(30deg);
  }
  50%{
    transform:rotate(45deg);
    top:65%;
  }
  75%{
    top:60%;
    transform:rotate(30deg);
  }
  100%{
    left:110%;
    transform:rotate(45deg);
  }
}
@keyframes starTwinkle{
  0%{
     background:rgba(255,255,255,0.4);
     right: 0px;
  }
  /* 25%{
    background:rgba(255,255,255,0.8);
  }
  50%{
   background:rgba(255,255,255,1);
  }
  75%{
    background:rgba(255,255,255,0.8);
  } */
  100%{
    background:rgba(255,255,255,0.4);
    right: 100%;
  }
}
.to-blog-404{
  margin-top: 20px;
  background-color: hsla(243, 72%, 25%, 0.372);
  padding: 5px;
  border: 2px solid rgb(133, 109, 255);
}
.to-blog-404 a{
  color:var(--text-color);
  font-size: x-large;
  font-weight: 700;
}



/* planets */
.container-withsidebar {
  overflow-x: hidden;
}
.stats-wrap{
  background-color: var(--planet-stats);
  width:32%;
  position: relative;
  right: 0px;
  padding: 10px;
  float: right;
  top:0px;
}
.article-excerpt{
  width: 67%;
}
  /* table statts */
.stats-body td{

border-bottom: 1px solid #ffffff;
}

.stats-table{
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 0px solid var(--text-color);
}
.stats-body td {
  padding:6px;
 vertical-align: top;
  font-size: 16px;
  font-size: 1rem;
  font-family: 'Roboto', Tahoma, Arial;
  line-height: 1.6;
}
.stats-body td:nth-child(1){
  font-weight: 500;
  width: 40%;
}
.stats-body td:nth-child(2){
  font-size: 0.9rem;
  width: 60%;
}
.stats-body tr:nth-child(odd) {
  background-color: #48484821;
}

.stats-body tr:nth-child(even) {
  background-color: #2a2a2a15;
}
.stats-table caption{
  text-align: left;
  font-weight: 600;
  padding-left: 10px;
  font-size: 1.4rem;
  border-left: 5px solid white;
}
#stats-wrap-2{
  display: none;
}
@media  screen and (max-width:1200px) {
  .stats-wrap{
    float: none;
    width: 95%;
    margin: 15px auto;

  }
  .container-withsidebar{
    width: 100%;
  }
  #stats-wrap-2{
    display: block;
  }
  #stats-wrap-1{
    display: none;
  }
}

/* home planets */
.planets-post-card{

 
  gap: 10px;
  /* height */

  height: 100%;
  contain: content;
}
.planets-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.planets-img-wrapper{
  height: 400px;
  width:400px;
  margin-bottom: 8px;
  border-radius: 100%;
}
.planets-title{
  text-align: center;
  font-size: xx-large;
  font-weight: 600;
}
.list-planets{
  justify-content: center;
}


@media screen  and (max-width:900px){
  .planets-img-wrapper{
    width: 200px;
  height: 200px;  }
  
}

@media screen  and (max-width:500px){
  .planets-img-wrapper{
    width: 130px;
  height: 130px;  }
  .planets-title{
    font-size: large;
  }
}
@media screen  and (max-width:1350px){
  .planets-img-wrapper{
    width: 200px;
  height: 200px;  }
  
}
.planet-list-title{
  font-size: xx-large;
  border-left: 6px solid white;
  padding-left: 20px;
}
.solar-system-bg{
  background-image: url('img/solar-system.webp');
}

/* 3d  */
.threemodel-wrapper{
  width: 100%;
  aspect-ratio: 1;
}

.model-excerpt p{
  font-family: 'Rubik', sans-serif ;
  font-weight: 700;
  font-size: 1.3rem;
}
.threemodel-loading-wrap{
  width: 100%;
  aspect-ratio: 1;
  display: grid;

  position: absolute;
  align-content: center;
  justify-content: center;
  top: 0px;
  left: 0px;
  background-color: var(--bg-site);
}
.threemodel-loading-wrap .preload_percents{
  position: absolute;
  z-index: 9998;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Arial, sans-serif;
  font-size: 20px;
}
.single-post-text.model{
  position: relative;
}


  @keyframes ldio-a1pysxumwf {
    0% { transform: translate(-50%,-50%) rotate(0deg); }
    100% { transform: translate(-50%,-50%) rotate(360deg); }
  }
  .ldio-a1pysxumwf div {
    position: absolute;
    width: 108px;
    height: 108px;
    border: 32px solid #17b3dd;
    border-top-color: transparent;
    border-radius: 50%;
  }
  .ldio-a1pysxumwf div {
    animation: ldio-a1pysxumwf 1s linear infinite;
    top: 100px;
    left: 100px
  }
  .loadingio-spinner-rolling-jp6h9rdqce {
    width: 200px;
    height: 200px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: none;
  }
  .ldio-a1pysxumwf {
    width: 100%;
    height:100%;

    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
  }
  .ldio-a1pysxumwf div { box-sizing: content-box; }


/* карточки 3д */
.planets-model-card{
  background-color: var(--posts-bg);
  border-radius: 10px;
  margin: 0px 10px;
  margin-bottom: 3vh !important;
  width: 15%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    
    
}
.model-title{
  text-align: center;
  font-size: x-large;
  font-weight: 600;

} 
.model-img-wrapper{
  height: 100%;
  width: 100%;
}

.list-model{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center; 
  justify-content: flex-start; 

}

.models-bg{
  background-image: url(img/models-bg-titile.webp);
}

.model-title-hint{
  margin-bottom: 20px;
}

@media screen and (max-width:1500px){
  .planets-model-card{
    width: 18%;
  }

}

@media screen and (max-width:1150px){
  .planets-model-card{
    width: 22%;
  }
  .model-title{
    font-size: x-large;
  }

}

@media screen and (max-width:750px){
  .planets-model-card{
    width: 29%;
  }

}

@media screen and (max-width:500px){
  .planets-model-card{
    width: 44%;
  }
  .model-title{
    font-size: larger;
  }
}

@media screen and (max-width:350px){
  .planets-model-card{
    width: 95%;
  }
}

/* вмджет на главной странице */

.carusel-wrapper{
  margin: auto;
  width: 94%;
  position: relative;
  overflow:hidden;
  margin-bottom: 20px;
  
}

.carusel-wrapper:hover .caurusel-switcher{
display: block !important;
}

#main-widjet-archive{
display:flex ;

  width: 100%;
  background-color: var(--bg-site);

  scroll-behavior: auto;
  overflow-x: hidden;
  scrollbar-width: 0;
  transition-duration: 300ms;
  

}
#main-widjet-archive::-webkit-scrollbar{
display: none;
transition: all  1s ease-in-out;
}


#main-widjet-archive::before{
  position: absolute;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.434) 0,
    #00000081 100%
  );
  content: "";
  width: 100%;
  height: 100%;
  z-index: 0;
}
#main-widjet-archive > a{

  aspect-ratio: 1;  
  flex: 1 0 calc(100% / 3);
   padding:  0px 4px;
    scroll-snap-align: start;
  
    object-fit: cover;



 


}
#main-widjet-archive .title{
  font-family: Montserrat,Arial,"Josefin Sans","Helvetica Neue",Helvetica,sans-serif;
  font-weight: 800;
  letter-spacing: 0;
  text-size-adjust: 100%;
  color: white;
  position: relative;
  z-index: 999;
  font-size: 1.5rem;
  width: 100%;
  min-width: 100%;
  line-height: 1.3;

}
#main-widjet-archive .w-thumbnail{
  filter: brightness(1);
    display: flex;
    height: 100%;
    padding: 0px 7px;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 2%;  background-repeat: no-repeat;

  background-size: cover;
}

#main-widjet-archive .excerpt{
  font-size: .7rem;
  opacity: .75;
  font-family: Montserrat,Arial,"Helvetica Neue",Helvetica,sans-serif;
}


.carusel-wrapper .handle {
  top: 0;
  position: absolute;
  width: 40px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 40px;
  border-radius: 10px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.279);
  z-index: 99;

  transition: transform .2s ease-out;
}

.carusel-wrapper .handle:first-child {

  left: 0px;
  transform: translateX(-100%);
}

.carusel-wrapper .handle:last-child {
  right: 0px;
  transform: translateX(100%);
}

.carusel-wrapper:hover .handle {
  transform: translateX(0);
}


@media screen and (max-width:900px) {

  #main-widjet-archive > a{
    flex: 1 0 calc(100% / 2)
  }
}

@media screen and (max-width:600px) {
  #main-widjet-archive > a{
    flex: 1 0 calc(100% );
      aspect-ratio: 2;
  }


}

@media screen and (max-width:450px) {
  #main-widjet-archive .title{
  font-size: 1.1rem;
  }
  #main-widjet-archive .teg-blog{
    font-size: 0.8rem;
  }
  #main-widjet-archive .excerpt{
    display: none;
  }
}

@media screen and (max-width:600px) {
  .carusel-wrapper .handle {
  display: none !important;
  }
  
}


#main-widjet-archive .teg-blog:hover{
  color: wheat;
}
#main-widjet-archive > a {
  cursor: grab;
  user-select: none;
}

#main-widjet-archive.no-transition{
 scroll-behavior: auto;
}

/* кнопка скрола вверх */

.scrollup{
  position: fixed;
  height: 60px;
  width: 60px;
  bottom: 20px;
  background-color: rgb(41, 177, 215);
  right: 30px;
  border-radius: 40%;
  display: none;
  animation: fadebutton 1s;
  animation-iteration-count: 1;
}
.scrollup.visible{
  display: block;
  opacity: 1;
  cursor: pointer;
}
.scrollup.unvisible-anim{
  opacity: 0; 
  animation: unfadebutton 0.3s;
  animation-iteration-count: 1;
}
@keyframes fadebutton{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes unfadebutton{
  0%{
    opacity: 1;
    display: block;
  }

  100%{
    opacity: 0;
  
  }
}

@media screen and (max-width:1200px) {

  .scrollup.visible{
  display: none;
}
}
/* кнопка поделиться в соц сетях */

.social-media-share{
  display: flex;
  flex-direction: row;
  gap:20px;
  margin-left: 10px;
}
.social-media-share a{ 
  height: 40px;
  width: 40px;
  border-radius: 20%;
  background-color: blue;
}
.social-media-share .telegram{
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-color: rgb(101,169,220);
}

.social-media-share .vk{
  background-color: rgb(117,172,255);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.878 17.304c-5.411 0-8.695-3.755-8.823-9.994h2.74c.086 4.583 2.171 6.528 3.77 6.925V7.31h2.627v3.954c1.542-.17 3.155-1.97 3.698-3.954h2.584c-.414 2.441-2.17 4.24-3.412 4.983 1.242.6 3.24 2.17 4.011 5.01h-2.84c-.6-1.898-2.07-3.369-4.04-3.569v3.57h-.315Z' fill='%23fff'/%3E%3C/svg%3E");
}
.social-media-share .twitter{
  background-color: rgb(0,172,237);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7.539a6.56 6.56 0 01-1.885.517 3.294 3.294 0 001.443-1.816 6.575 6.575 0 01-2.085.796 3.283 3.283 0 00-5.593 2.994A9.32 9.32 0 015.114 6.6a3.28 3.28 0 001.016 4.382 3.274 3.274 0 01-1.487-.41v.041a3.285 3.285 0 002.633 3.218 3.305 3.305 0 01-1.482.056 3.286 3.286 0 003.066 2.28A6.585 6.585 0 014 17.524 9.291 9.291 0 009.032 19c6.038 0 9.34-5 9.34-9.337 0-.143-.004-.285-.01-.425A6.672 6.672 0 0020 7.538z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.social-media-share .whatsapp{
  background-color: rgb(101,188,84);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.794c0 4.304-3.517 7.794-7.855 7.794a7.87 7.87 0 01-3.796-.97L4 20l1.418-4.182a7.714 7.714 0 01-1.127-4.024C4.29 7.489 7.807 4 12.145 4S20 7.49 20 11.794zm-7.855-6.553c-3.641 0-6.603 2.94-6.603 6.553A6.48 6.48 0 006.8 15.636l-.825 2.433 2.537-.806a6.6 6.6 0 003.633 1.084c3.642 0 6.604-2.94 6.604-6.553s-2.962-6.553-6.604-6.553zm3.967 8.348c-.049-.08-.177-.128-.37-.223-.192-.095-1.139-.558-1.315-.621-.177-.064-.305-.096-.434.095a10.92 10.92 0 01-.61.749c-.112.128-.224.143-.416.048-.193-.096-.813-.297-1.549-.948a5.76 5.76 0 01-1.07-1.323c-.113-.191-.013-.295.084-.39.086-.086.192-.223.289-.334.096-.112.128-.191.192-.319s.032-.239-.016-.335c-.048-.095-.433-1.035-.594-1.418-.16-.382-.32-.318-.433-.318-.112 0-.24-.016-.369-.016a.71.71 0 00-.513.239c-.177.19-.674.653-.674 1.593s.69 1.848.786 1.976c.096.127 1.332 2.119 3.289 2.884 1.958.764 1.958.51 2.31.477.353-.031 1.14-.461 1.3-.908.16-.446.16-.829.113-.908z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.social-media-share .odnoklasniki{
  background-color: rgb(255,176,115);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.83 10.77a3.951 3.951 0 0 1-5.604 0 3.951 3.951 0 0 1 0-5.604 3.95 3.95 0 0 1 5.604 0 3.951 3.951 0 0 1 0 5.604Zm-2.802-4.615c-.494 0-.942.2-1.271.53a1.79 1.79 0 0 0 0 2.542 1.789 1.789 0 0 0 2.543 0 1.789 1.789 0 0 0 0-2.543 1.839 1.839 0 0 0-1.272-.53Zm4.168 5.792 1.166 1.59c.059.082.047.188-.036.247-.977.8-2.119 1.33-3.308 1.613l2.249 4.332c.059.13-.024.271-.165.271H13.7a.206.206 0 0 1-.176-.118l-1.496-3.579-1.507 3.567a.181.181 0 0 1-.176.118H7.943c-.141 0-.224-.153-.165-.27l2.249-4.321a8.262 8.262 0 0 1-3.308-1.613c-.071-.06-.095-.177-.036-.248l1.166-1.589c.07-.094.188-.106.27-.035 1.096.93 2.45 1.542 3.898 1.542s2.79-.6 3.897-1.542c.094-.07.223-.06.282.035Z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.widjet-social{
  margin-bottom: 40px;
}
.widjet-social .title{
  font-size: large;
  margin-left: 10px;
  font-weight: 500;
  
}



/* виджет вопроса */

.main-survey {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;

}
.main-survey ul{
  width: 95%;

}
.main-survey .title{
  font-size: 1.3rem;
  font-weight: 600;
}
#main-servey-question{
  font-size: 1.1rem;
  font-family: monospace, sans-serif;
}
.main-servey-answer{
  background-color: #2c25af;
  border: none;
  margin-bottom: 20px;
  border-radius: 6%;
  font-size: 1.3rem;
  width: 100%;
}

.main-servey-answer.right{
  
  background-color: #009402 !important;
}

.main-servey-answer.mistake{
  background-color: #db1515 !important;

}

.main-survey  .hint svg{
  
width: 20px;
height: 20px;
}
.main-survey-hint.green #false{
  display: none;
}
 .main-survey-hint.green span{
  color: rgb(27, 185, 27);
  
}

.main-survey-hint.red #true{
  display: none;
}
 .main-survey-hint.red span{
  color: rgb(220, 13, 13);
}

.main-survey-hint{
  display: none;
}
.main-survey-hint.green{
  display: block;
}
.main-survey-hint.red{
  display: block;
}

/* белая тема */
html.light-theme{
  --bg-site:rgb(255, 255, 255);
  --lazy-load-bg: #334fe9;
  --header-bg:  #3ac6f0;
  --posts-bg:#eef3f9 ;
  --shapka-bg: rgb(141, 169, 234);
  --shapka-text-bg: rgba(255, 255, 255, 0.748);
  --planet-stats:rgba(209, 209, 209, 0.146);
  
  --a-hover-color:#2a46e6;
  --a-red-hover-color :#8909b0; 
  --text-color: rgb(0, 0, 0);
  --a-intext-color: #00d9fffa;

  --menu-bg: rgb(117, 192, 236);
  --menu-border-color: #77d0f2d9;
  --sub-menu-button-bg: rgb(131, 211, 251) ;
  --sub-menu-bg: rgb(131, 201, 245) ;

  --footer-bg: #eef3f9;
  --menu-footer-bg: #ececec;
  --menu-footer-border: #919191;

  --search-button-bg:#233cd6 ;
  --search-modal-bg: rgb(147, 200, 253);

  --button-color:rgb(94, 201, 250);
 

  --input-bg: #f7f7f7;
  --placeholder: rgb(99, 99, 99);
  --not-important-color: #515151;

  --coment-bg: #c4f1ff ;
  --wrapper-coment-bg:  #ebebeb6a;
  --coment-respond-bg: #41a8f2;
  --coment-send-bg: rgb(14, 73, 212);
  --coment-send-hover: #129afc;
  --coment-cancel-bg: rgb(233, 51, 34);

  --breadcrums-bg:rgb(245, 245, 245);

}

.light-theme #main-widjet-archive::before {

    background-image: linear-gradient( 180deg, rgba(66, 61, 61, 0) 0, #0000003b 100% );


}

.light-theme #main-widjet-archive .excerpt {
  padding: 0px 2px;
	background: #00000078;
	border-radius: 2px;
}

.light-theme #main-widjet-archive .title {
	margin: 0px 3px;
}

.light-theme #main-widjet-archive .widjet-data {
	padding: 0px 0px;
}
.light-theme #main-widjet-archive .excerpt {
	font-size: .83rem;
	opacity: .9;
	font-family: Montserrat,Arial,"Helvetica Neue",Helvetica,sans-serif;
	color: white;
}

.light-theme .main-survey .title{
  background-color: #7dd3dc6a;
  width: 100%;
}

.light-theme #main-servey-question{
  background-color: #2a46e613;
}

.light-theme .main-servey-answer{
  background-color: #25d5e9f0;
}



.light-theme .bg-dark{
  background-color: var(--input-bg);
}

.light-theme .text-white{
  color: var(--text-color);
}

.light-sw{
  display: none;
}
.light-theme .theme-switch .light-sw{
  display: initial !important;
}

.light-theme .theme-switch .dark-sw{
  display: none !important;
}

.light-theme .main-about-site{
  background-color:rgba(255, 255, 255, 0.614);

}

/* youtube */

.wp-block-embed iframe {
  width: 70%;
  margin: 0% 15%;
  aspect-ratio: 16/9;
  height: auto;
}

@media screen and (max-width:800px) {
  .wp-block-embed iframe {
    width: 100%;
    margin: 0% 0%;
    aspect-ratio: 16/9;
    height: auto;
  }
}

/* html карта сайта */
.htmlmap ul{
  padding-left: 2rem;

}
.htmlmap{
  padding-left: 1rem;
  padding-bottom: 3rem;

}
.htmlmap a{

text-decoration: underline;

}
@media screen and (max-width:650px) {
  .htmlmap h2{

    font-size: x-large;
    font-weight: 700;
    
    }
  
}







/* Inline таблица стилей #16 | http://localhost/testsite/2023/10/lorem-2/#ca8f6b3d-fb3c-4235-89fd-fbfb879da9f8-link */

.wp-block-image figure, figure.wp-block-image, figure.wp-block-image a, figure.wp-block-video a, figure.wp-block-video, .wp-block-video figure {
  display: grid;
align-items: center;
justify-content: center;
}

 .wp-block-image img, .wp-block-video video {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

.wp-element-caption {
  text-align: center;
  }
  figcaption {
    margin-bottom: 1em;
    margin-top: .5em;
    color: #878787;
  }
/*
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright {
  display: table;
} */

.wp-block-table {
  overflow-x:auto;
  width: 100%;
}
.wp-block-table table {
  border-collapse:collapse;
  width:100%
}
.wp-block-table thead {
  border-bottom:3px solid
}
.wp-block-table tfoot {
  border-top:3px solid
}
.wp-block-table td,
.wp-block-table th {
  border:1px solid;
  padding:.5em
}
.wp-block-table .has-fixed-layout {
  table-layout:fixed;
  width:100%
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
  word-break:break-word
}
.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
  display:table;
  width:auto
}
.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
  word-break:break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
  background-color:#f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
  background-color:#e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
  background-color:#e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
  background-color:#fcf0ef
}
.wp-block-table.is-style-stripes {
  background-color:transparent;
  border-bottom:1px solid #f0f0f0;
  border-collapse:inherit;
  border-spacing:0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color:#f0f0f030;
}

.light-theme .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color:#f0f0f0
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
  background-color:#f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
  background-color:#e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
  background-color:#e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
  background-color:#fcf0ef
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
  border-color:transparent
}
.wp-block-table .has-border-color td,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color tr,
.wp-block-table .has-border-color>* {
  border-color:inherit
}
.wp-block-table table[style*=border-top-color] tr:first-child,
.wp-block-table table[style*=border-top-color] tr:first-child td,
.wp-block-table table[style*=border-top-color] tr:first-child th,
.wp-block-table table[style*=border-top-color]>*,
.wp-block-table table[style*=border-top-color]>* td,
.wp-block-table table[style*=border-top-color]>* th {
  border-top-color:inherit
}
.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
  border-top-color:currentColor
}
.wp-block-table table[style*=border-right-color] td:last-child,
.wp-block-table table[style*=border-right-color] th,
.wp-block-table table[style*=border-right-color] tr,
.wp-block-table table[style*=border-right-color]>* {
  border-right-color:inherit
}
.wp-block-table table[style*=border-bottom-color] tr:last-child,
.wp-block-table table[style*=border-bottom-color] tr:last-child td,
.wp-block-table table[style*=border-bottom-color] tr:last-child th,
.wp-block-table table[style*=border-bottom-color]>*,
.wp-block-table table[style*=border-bottom-color]>* td,
.wp-block-table table[style*=border-bottom-color]>* th {
  border-bottom-color:inherit
}
.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
  border-bottom-color:currentColor
}
.wp-block-table table[style*=border-left-color] td:first-child,
.wp-block-table table[style*=border-left-color] th,
.wp-block-table table[style*=border-left-color] tr,
.wp-block-table table[style*=border-left-color]>* {
  border-left-color:inherit
}
.wp-block-table table[style*=border-style] td,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] tr,
.wp-block-table table[style*=border-style]>* {
  border-style:inherit
}
.wp-block-table table[style*=border-width] td,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] tr,
.wp-block-table table[style*=border-width]>* {
  border-style:inherit;
  border-width:inherit
}

:where(figure) {
  margin: 0 0 1em;
}

.has-text-align-right {
  text-align: right;
}



article li::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 7px;
  width: 8px;
  height: 8px;
  background: #5a80b1;
    background-color: rgb(90, 128, 177);
}

 article ul  li {
  font-size: 16px;
  position: relative;
  padding-left: 30px;
  margin: .7em 0;
list-style: none;
}





/* коментарии */
#submit {
  background-color: var(--coment-send-bg);
  border-radius: 30px;
  padding: 2px 6px;
  border: 0;
  color: #fff
}

#submit:hover {
  background-color: var(--coment-send-hover)
}

.form-control::placeholder {
  color: var(--placeholder)
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  background-color: var(--bg-site);
  background-clip: padding-box;
  border: 1px solid #dee2e6;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.coment-form-title {
  margin-bottom: 30px;
  font-size: 1.1rem;
  font-weight: 600
}

.comment-respond {
  background-color: var(--wrapper-coment-bg);
  padding: 3px;
  border-radius: 10px
}

.comments-title {
  margin: 29px 0;
  text-align: center;
  background-color: var(--wrapper-coment-bg);
  border-radius: 10px;
  font-family: Rubik, sans-serif;
  font-weight: 700;
  font-size: 1.5rem
}

.comments-area {
  background-color: var(--wrapper-coment-bg);
  padding: 10px 10px;
  border-radius: 3px
}

#cancel-comment-reply-link {
  background-color: var(--coment-cancel-bg);
  float: right;
  padding: 0 3px;
  border-radius: 5px
}

.comments-list ul {
  padding-left: 20px
}

.form-control:focus {
  background-color: var(--bg-site);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

@media screen and (max-width:750px) {
  .shesht-comments-list {
    width: calc(100% - 10px) !important;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 30px
  }

  .shesht-comments-list& :not(:empty) {
    margin-top: 30px !important
  }
}

.shesht-comment-template-author-desc__title>a {
  text-decoration-line: none
}

div.shesht-comment-template-head__img-wrapp img.shesht-comment-template-head__img {
  width: 24px;
  height: 24px
}

@media screen and (max-width:750px) {
  a:hover {
    color: inherit !important
  }
}

.shesht-comments-list:not(:empty) {
  margin-top: 37px
}

.shesht-comment-template__head {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.shesht-comment-template-head__img-wrapp {
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  position: relative
}

.shesht-comment-template-head__img {
  position: absolute;
  margin: auto;
  height: 100%;
  min-width: 100%;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  object-fit: cover
}

.shesht-comment-template-head__author {
  display: flex
}

.shesht-comment-template-author-desc__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  padding-left: 3px;

}

.shesht-comment-template-author-desc__time {
  font-size: 14px;
  color: #999;
  line-height: 22px;
  margin-left: 8px
}

.shesht-comment-template-author__desc {
  margin-left: 4px;
  height: 100%;
  display: flex;
  justify-content: space-evenly
}

.shesht-comment-template {
  padding-left: 20px
}

.shesht-comment-template__content {
  font-size: 15px !important;
  line-height: 22px !important;
  margin-top: 8px;
  color: #1a1a1a
}

.shesht-comment-template__content-text {
  white-space: pre-line;
  word-wrap: break-word;
  overflow: hidden
}

.shesht-comment-template__content-text a {
  text-decoration: none;
  color: #f55710
}

.shesht-comment-template-footer {
  margin-top: 10px
}

.comment-reply-link {
  width: max-content;
  font-size: 14px;
  background: #f7f7f7;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 2px;
  color: #ffffff;
  text-decoration: none;
  background-color: var(--coment-respond-bg);
}

.shesht-comment-template-footer {
  display: flex
}

.shesht-comments-list {
  width: 716px
}

.shesht-comments-list:not(:empty) {
  margin-top: 25px
}

.comment-reply-link {
  cursor: pointer
}

.comment-reply-link:hover {
  background: #f55710;
  color: #fff
}

.coment-list-section ul.children {
  margin-left: 28px;
  margin-top: -10px;
  border-left: 1px dotted #999
}

.shesht-comment-template {
  margin-top: 22px
}

.children:not(.second-level)>.shesht-comment-template:first-child {
  margin-top: -4px
}

.children:not(.second-level)+.shesht-comment-template {
  margin-top: 16px
}

.shesht-comments-list {
  width: 100%
}

.shesht-comment-template {
  padding-right: 20px
}

@media screen and (max-width:750px) {
  .shesht-comments-list {
    width: 82%;
    margin-left: auto;
    margin-right: auto
  }

  .shesht-comment-template {
    padding-left: 15px;
    padding-right: 9px
  }

  .shesht-comment-template {
    padding-left: 0;
    padding-right: 0
  }

  .shesht-comments-list {
    padding-left: 15px;
    padding-right: 10px;
    box-sizing: border-box
  }

  .shesht-comments-list {
    padding-left: 0
  }

  .shesht-comment-template__content-text {
    display: block;
    word-break: break-word;
    font-size: 16px
  }

  .coment-list-section ul.children {
    margin-left: 19px;
    padding-left: 6px
  }
}
.shesht-comment-template__content-text p{
  padding: 0;
  margin: 0;
}