html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  line-height: 150%;
}
h1{
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
 /* or 60px */
  text-transform: uppercase;
  color:#3E3E3E;
}
h1 span{
 color: #659C5A;
}
h2{
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  text-transform: uppercase;
  color: #659C5A;
}
h3{
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 60px;
  text-transform: uppercase;
}
h1, h2, h3 {
  padding-bottom:10px;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  height: 100%;
}
header, nav, section, article, aside, footer {
  display: block;
}
body {
  font-family: 'Open Sans';
  width: 100%;
  height: 100%;
}
a {
  color: #659C5A;
  outline: none;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
  color: #659C5A;
}
p {
  margin: 0 0 18px 
}
img {
  border: none;
}
input {
  vertical-align: middle;
}
.rejim{
 font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 23px;
  color: #659C5A;
}
.rejim span{
 font-weight: normal;
}
@media (max-width: 576px) {
  .rejim{
     text-align:center;
 }
}
.rejim i{
 color: #3E3E3E;
}
.bg-green{
 background: #48742C;
  backdrop-filter: blur(15.5px);
}
.logo{
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  color: #659C5A;
  text-decoration:none
}
.navbar-brand{
 font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
 /* identical to box height, or 150% */
  color: #FFFFFF;
}
.navbar-nav li{
 position:relative;
}
.navbar-nav .btn{
 color:#fff;
 padding-left: 0;
}
.navbar-nav .btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: none;
}
.dropdown-menu{
 position: absolute;
 background:#48742C;
  transform: translate3d(0px, 38px, 0px);
  top: 0px;
 border: none;
  border-radius:0;
  left: 0px;
  will-change: transform;
}
.nav-hover .dropdown-menu {
  display: block;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
#footer{
 background: #F3F3F3;
  padding:60px 0
}
#footer h3{
 font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #3E3E3E;
  margin-top:20px
}
#footer ul li a{
 font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-decoration:none;
 color: #3E3E3E;
}
#footer ul li {
 padding:5px 0 
}
.copirait{
 font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  color: #3E3E3E;
}
#footer .rejim{
 color: #3E3E3E;
}
#footer .rejim:after {
  content: "";
  display: block;
  width: 32px;
  padding-top: 3px;
  padding-left: 30px;
  border-bottom: 2px solid #659C5A;
}
#otziv{
 background: linear-gradient(280.27deg, #DEDEDE 16.2%, rgba(236, 236, 236, 0) 70.54%);
}
.newsflash-item{
 background: #EAEAEA;
 margin: 0 5px;
}
.otzivik-content{
  padding: 30px 20px;
}
.moduletablegl-otziv h3{
 font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  color: #659C5A;
  padding-top:30px
}
.moduletablegl-otziv h3 span{
 color:#3E3E3E
}
.newsflash-item:after {
  content: url(../images/pathvolna.svg);
  width: 100%;
  display: block;
  overflow: hidden;
}
.newsflash-item:before {
  content: url(../images/pathvolna.svg);
  width: 100%;
  display: block;
  overflow: hidden;
}
#otziv .kniga{
  background:url(../images/Vectorbook.svg) no-repeat left center;
}
#otziv .dama{
  background:url(../images/Framedama.svg) no-repeat right center;
}
.owl-next, .owl-prev{
 background: radial-gradient(104.17% 51.81% at 50% 53.87%, #7BC24D 0%, #688F4F 100%)!important;
  border-radius: 15px;
}
.owl-next i, .owl-prev i{
  padding: 20px 10px !important;
  color: #fff;
  font-size:24px
}
.newsflash-item .title{
 font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 34px;
  padding-bottom:15px
}
.owl-next{
 margin-top: -25px;
  position: absolute;
  text-align: center;
  top: 50%;
  right: -50px;
}
.owl-prev{
 margin-top: -25px;
  position: absolute;
  text-align: center;
  top: 50%;
  left: -50px;
}
@media (max-width: 991px){
  .owl-next{
     margin-top: -25px;
      position: absolute;
      text-align: center;
      top: 40%;
      right: -10px;
 }
  .owl-prev{
     margin-top: -25px;
      position: absolute;
      text-align: center;
      top: 40%;
      left: -10px;
 }
}
.newsflash-item .decr{
 height:250px;
  overflow:hidden
}
.round {
  overflow:hidden;
  width:150px !important;
  height:150px;
  border-radius: 150px;
 /* Радиус скругления */
  border: 9px solid #659C5A;
 /* Параметры рамки */
  box-shadow: 0 0 7px #666;
 /* Параметры тени */
}
.vidiplat{
 padding:20px 0;
}
.vidiplat h3{
 font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 60px;
 /* identical to box height, or 200% */
  text-transform: uppercase;
  color: #659C5A;
}
.banneritem img{
 width:100%
}
#mainbanner .owl-next{
 margin-top: -25px !important;
  position: absolute;
  text-align: center;
  top: 50%;
  right: 10px;
}
#mainbanner .owl-prev{
 margin-top: -25px !important;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 10px;
}
.namelomp{
 font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 41px;
  color: #3E3E3E;
}
.descrlomp{
 font-style: normal;
  font-size: 20px;
  line-height: 34px;
  color: #AAAAAA;
}
.kombanneritem{
 margin:0 20px 20px;
  padding:20px 15px 0px;
}
h3 span{
 color:#659C5A;
}
.diplom-block{
 background: linear-gradient(0deg, #FCFCFC -17.47%, #F2F2F2 65.89%);
  border-radius: 15px;
 padding:10px;
}
.diplom-block img{
 border-radius: 15px;
}
.diplom-block a{
 font-style: normal;
  font-size: 20px;
  line-height: 23px;
  text-decoration:none;
  color: #3E3E3E;
}
.shildik{
 display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  gap: 10px;
 background: linear-gradient(107.92deg, #4EAE11 11.96%, #688F4F 89.78%), rgba(57, 90, 50, 0.74);
  border-radius: 15px;
  position: absolute;
  right: 10px;
  top:10px;
 font-weight: 700;
  font-size: 15px;
 color: #FFFFFF;
}
.shildikfoto{
 display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 10px;
  position: absolute;
  left: 10px;
  top: 10px;
  background: #687465;
  border-radius: 15px;
}
.zakaz{
 font-style: normal;
  font-size: 16px;
  background: linear-gradient(0deg, #FCFCFC -17.47%, #F2F2F2 65.89%);
  border-radius: 7px;
  border: 2px solid #395A32;
 /* identical to box height, or 360% */
  display: flex;
 justify-content:center;
  padding:10px 10px;
  align-items: center;
  color: #395A32;
}
.serkv{
 background: #687465;
  border-radius: 7px;
 display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 10px;
  gap: 10px;
}
.metki a{
 display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 15px 10px;
  gap: 10px;
  background: radial-gradient(41.1% 396.32% at 50% 84.93%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.0912374) 68.91%, rgba(255, 255, 255, 0) 100%) 
 /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
 , #E2E2E2;
  border-radius: 7px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-decoration:none;
  margin:0 5px;
  color: #3E3E3E;
  flex: none;
  order: 5;
  flex-grow: 0;
}
.category-desc .metki .item-290 a{
 background: radial-gradient(41.1% 396.32% at 50% 84.93%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.0912374) 68.91%, rgba(255, 255, 255, 0) 100%) 
 /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
 , radial-gradient(104.17% 51.81% at 50% 53.87%, #478321 0%, #688F4F 100%) 
 /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
 , #659C5A;
  color: #FFFFFF;
}
@media (min-width: 768px){
  .kakzakaz{
     min-height:400px;
     background-image: url("/images/shablon/work33.png");
      background-size: no-repeat;
      background-position: center;
      background-size: cover;
 }
  .kakzakaz img{
     display:none;
 }
}
@media (max-width: 991px){
  .kakzakaz{
     min-height:100px;
     background: none;
 }
}
.navbar {
/* z-index: 100000000000000000; */
z-index: 2;
}
#cboxOverlay{
 z-index: 1000000000000000000 !important;
}
#colorbox{
 z-index: 10000000000000000000 !important;
}
.formafon{
 min-height: 650px;
  background-image: url("/images/shablon/formafon.jpg");
  background-size: no-repeat;
  background-position: top center;
  background-size: cover;
}
.sf2-description{
 font-weight:bold;
}
.formafon label{
/* display:none; */
}
.formafon input {
 width:100%;
 background: #FFFFFF;
  border: 1px solid #659C5A;
 padding: 10px 20px;
  border-radius: 15px;
}
.formafon textarea {
 width:100%;
 background: #FFFFFF;
  border: 1px solid #659C5A;
 padding: 10px 20px;
  border-radius: 15px;
}
.formafon input[type='checkbox']{
 width:40px;
}
.formafon .moduletable{
 background:#fff;
 padding: 40px;
 background: #FFFFFF;
  border: 4px solid #659C5A;
  border-radius: 50px 0px 200px 50px;
}
.formafon .moduletable button{
 display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 10px 20px !important;
  gap: 10px;
  background: radial-gradient(41.1% 396.32% at 50% 84.93%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.0912374) 68.91%, rgba(255, 255, 255, 0) 100%) 
 /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
 , radial-gradient(104.17% 51.81% at 50% 53.87%, #478321 0%, #688F4F 100%) 
 /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
 , linear-gradient(0deg, #659C5A, #659C5A), #659C5A !important;
  border-radius: 15px !important;
}
.banneritem .row{
 min-height: 600px;
}
@media (min-width: 1200px){
  .banneritem .row{
     min-height: 800px;
 }
  .kakzakaz {
      min-height: 600px;
 }
  .formafon{
     min-height: 700px;
      background-position: center center;
 }
}
.banneritem h1{
 max-width: 80%;
}
.banneritem a{
  padding: 15px 30px;
  gap: 10px;
  background: radial-gradient(41.1% 396.32% at 50% 84.93%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.0912374) 68.91%, rgba(255, 255, 255, 0) 100%) 
 /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
 , radial-gradient(104.17% 51.81% at 50% 53.87%, #478321 0%, #688F4F 100%) 
 /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
 , #659C5A;
  border-radius: 7px;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 23px;
  text-decoration:none;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.banneritem ul{
 list-style: none;
}
.banneritem ul > li{
  padding-left: 20px;
  position: relative;
  margin: 10px 0;
}
.banneritem ul > li:before{
  content: '✔';
  position: absolute;
  top: 0;
  left: 0;
  color: #48742C;
}
.mainbanner.owl-carousel .owl-item img {
  display: none;
}
.mainbanner2 img {
  display: none;
}
@media (max-width: 991px){
  .banneritem:before {
  /*    content: ' '; */
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: 0.6;
      background: #fff;
 }
  .banneritem{
     background:none !important;
 }
  .formafon .moduletable{
     border-radius: 50px 0px 120px 50px;
 }
  .formafon .moduletable button{
     width:100%;
 }
  #footer .rejim::after{
     display:none;
 }
  .kombanneritem {
      padding: 20px 45px 0px;
 }
  .otzivik-content {
      padding: 30px 50px;
 }
  #otziv .dama{
     background:none;
 }
  #otziv .kniga {
      background: url(../images/Vectorbook.svg) no-repeat right top;
     background-size: 100px 100px;
 }
  .banneritem h1 {
     font-size: 28px;
 }
  .banneritem .row {
      min-height: 500px;
     z-index: 1000000000;
      position: relative;
     padding-top:0 !important;
 }
  .osn{
     text-shadow: #fff 0 0 10px;
      padding: 40px 55px;
 }
  .mainbanner.owl-carousel .owl-item img {
      display: block !important;
      width: 150% !important;
      object-fit: cover;
 }
  .mainbanner2 img {
      display: block !important;
      width: 150% !important;
      object-fit: cover;
 }
  #mainbanner .owl-prev{
     left: -3px;
     opacity: .6;
 }
  #mainbanner .owl-next{
     right: -3px;
     opacity: .6;
 }
}
.dispn {
 font-size:0 !important;
  height:1px;
  width:1px;
 position:absolute;
 bottom:0;
  left:0;
}
.cen{
 display: flex;
  flex-wrap: wrap;
 align-items:center;
}
.cena {
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 41px;
 /* identical to box height */
  color: #3F6A36;
}
.cenaold{
 font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 35px;
  text-decoration-line: line-through;
  padding-right:20px;
  color: #A7A7A7;
}
.kombanneritem:hover{
 background: #EAEAEA;
  border-radius: 15px;
}
.kombanneritem:hover .namelomp{
 color:#659C5A;
}
.divider{
 margin: 0 7px;
}
.active .divider{
 margin: 0;
}
a.pathway{
 color:#000;
 text-decoration:none;
}
.breadcrumb .active{
 color: #659C5A;
}
.srok{
 font-style: normal;
  font-weight: 600;
  font-size: 30px;
  display:flex;
  line-height: 35px;
  text-align:center;
  padding: 30px 0;
 background: #C2F5BC;
 margin:20px 0 10px;
  color: #3E3E3E;
 justify-content: center;
  align-content: center;
}
.grfont{
 color:#659C5A;
 font-weight: bold;
}
.greenf{
 color:#659C5A;
 line-height: 35px;
  margin-left:10px;
}
.greenb{
 margin-bottom:20px;
}
/*.greenb:before {
  position: absolute;
  top: 3px;
  left: 0;
  content: url(../images/Rectangle.svg);
}
*/
.dostavka ul{
 margin-bottom:20px;
}
.dostavka ul li {
  font-size: 18px;
  line-height: 1.4em;
  padding-left: 25px;
  list-style-type: none;
  position: relative;
}
.dostavka ul li:before {
  position: absolute;
  top: 3px;
  left: 0;
  content: url(../images/Rectangle.svg);
}
.spisoklet{
 margin: 25px 0;
 text-align:center
}
.bggrad{
  background: url(../images/kalendar.svg) center no-repeat, linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
}
.bordser{
 position:relative;
}
.bordser:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
 width: 3px;
  border-radius: inherit;
 /* !importanté */
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
}
.metki li{
 margin-bottom:5px;
}


.shildikfoto2 {
 display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  left: 10px;
  top: 10px;
  background: #687465;
  border-radius: 15px;
}

.shildikfoto2 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    vertical-align: bottom;
}


.col-lg-4 i {
padding: 0 0 4px 0;
}

.zakaz img{
    width:24px;
    height:24px;
    margin-left:10px;
}

.serkv img {
    width:24px;
    height:24px;
}

.row2 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    justify-content: center;
}


.shildik2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    gap: 10px;
    background: linear-gradient(107.92deg, #E68523 11.96%, #8f6f4f 89.78%), rgba(57, 90, 50, 0.74);
    border-radius: 15px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 700;
    font-size: 15px;
    color: #FFFFFF;
}

.tooltip2 {
  position: relative;
}

.tooltip2 .tooltiptext2 {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Разместите всплывающую подсказку */
  position: absolute;
  z-index: 1;
}

.tooltip2 .tooltiptext2 {
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Используйте половину ширины (120/2 = 60), чтобы центрировать подсказку */
}

.tooltip2:hover .tooltiptext2 {
  visibility: visible;
}

.tooltip2 .tooltiptext2::after {
  content: " ";
  position: absolute;
  top: 100%; /* В нижней части всплывающей подсказки */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.list6b {
    padding:0;
    list-style: none;
}
.list6b li{
    padding:6px;
}
.list6b li:before {
    padding-right:10px;
    font-weight: bold;
    color: #67ce43;
    content: "\2714";
    transition-duration: 0.5s;
}
.list6b li:hover:before {
    color: #659c5a;
    content: "\2714";
}



/* RESET RULES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
  --black: #3a3a3a;
  --white: #fff;
  --green: #49b293;
}

* {
  margin: 0;
  padding: 0;
}


.author-archive {
  padding: 1.5rem;
}



h1 a {
  transition: all 0.1s;
}

h1 a:hover {
  background: #ffdd2d;
  color: var(--white);
}

input[type="radio"] {
  position: absolute;
  left: -9999px;
}


/* FILTERS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.filters {
  text-align: center;
  margin-bottom: 2rem;
}

.filters * {
  display: inline-block;
}

.filters label {
  padding: 0.5rem 1rem;
  margin-bottom: 0.25rem;
  border-radius: 2rem;
  min-width: 50px;
  line-height: normal;
  cursor: pointer;
  transition: all 0.1s;
}

.filters label:hover {
  background: #4EAE11;
  color: var(--white);
}

[value="All"]:checked ~ .filters [for="All"],
[value="vuz"]:checked ~ .filters [for="vuz"],
[value="bak"]:checked ~ .filters [for="bak"],
[value="mag"]:checked ~ .filters [for="mag"],
[value="asp"]:checked ~ .filters [for="asp"],
[value="kand"]:checked ~ .filters [for="kand"],
[value="rsfsr"]:checked ~ .filters [for="rsfsr"],
[value="otl"]:checked ~ .filters [for="otl"],
[value="teh"]:checked ~ .filters [for="teh"],
[value="ptu"]:checked ~ .filters [for="ptu"],
[value="10-11"]:checked ~ .filters [for="10-11"],
[value="8-9"]:checked ~ .filters [for="8-9"],
[value="docent"]:checked ~ .filters [for="docent"],
[value="svid"]:checked ~ .filters [for="svid"],
[value="sprav"]:checked ~ .filters [for="sprav"],
[value="perep"]:checked ~ .filters [for="perep"],
[value="povish"]:checked ~ .filters [for="povish"],
[value="med"]:checked ~ .filters [for="med"],
[value="apost"]:checked ~ .filters [for="apost"],
[value="kazah"]:checked ~ .filters [for="kazah"],
[value="bel"]:checked ~ .filters [for="bel"],
[value="ukr"]:checked ~ .filters [for="ukr"],
[value="razn"]:checked ~ .filters [for="razn"]

{
  background: #688F4F;
  color: var(--white);
}

[value="All"]:checked ~ .posts [data-category] {
  display: block;
}

[value="vuz"]:checked ~ .posts .post:not([data-category~="vuz"]),
[value="bak"]:checked ~ .posts .post:not([data-category~="bak"]),
[value="mag"]:checked ~ .posts .post:not([data-category~="mag"]),
[value="asp"]:checked ~ .posts .post:not([data-category~="asp"]),
[value="kand"]:checked ~ .posts .post:not([data-category~="kand"]),
[value="rsfsr"]:checked ~ .posts .post:not([data-category~="rsfsr"]),
[value="otl"]:checked ~ .posts .post:not([data-category~="otl"]),
[value="teh"]:checked ~ .posts .post:not([data-category~="teh"]),
[value="ptu"]:checked ~ .posts .post:not([data-category~="ptu"]),
[value="10-11"]:checked ~ .posts .post:not([data-category~="10-11"]),
[value="8-9"]:checked ~ .posts .post:not([data-category~="8-9"]),
[value="docent"]:checked ~ .posts .post:not([data-category~="docent"]),
[value="svid"]:checked ~ .posts .post:not([data-category~="svid"]),
[value="sprav"]:checked ~ .posts .post:not([data-category~="sprav"]),
[value="perep"]:checked ~ .posts .post:not([data-category~="perep"]),
[value="povish"]:checked ~ .posts .post:not([data-category~="povish"]),
[value="med"]:checked ~ .posts .post:not([data-category~="med"]),
[value="apost"]:checked ~ .posts .post:not([data-category~="apost"]),
[value="kazah"]:checked ~ .posts .post:not([data-category~="kazah"]),
[value="bel"]:checked ~ .posts .post:not([data-category~="bel"]),
[value="ukr"]:checked ~ .posts .post:not([data-category~="ukr"]),
[value="razn"]:checked ~ .posts .post:not([data-category~="razn"])

{
  display: none;
}


/* FILTERED ELEMENTS (POSTS)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.posts {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}


@media screen and (max-width: 900px) {
  .posts {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

  .posts {
    grid-template-columns: repeat(2, 1fr);
  }
}