@font-face {
  font-family: 'notosans';
  src: url('fonts/notosans.woff'), url('fonts/notosans.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'notosansbold';
  src: url('fonts/notosansbold.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'notoserif';
  src: url('fonts/notoserif.woff'), url('fonts/notoserif.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'notoserifitalic';
  src: url('fonts/notoserifitalic.woff'), url('fonts/notoserifitalic.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GratoGrotesk';
  src: url('fonts/GratoGrotesk-Regular-Web.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GratoGrotesk Light';
  src: url('fonts/GratoGrotesk-Light-Web.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GratoGrotesk Medium';
  src: url('fonts/GratoGrotesk-Medium-Web.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GratoGrotesk Bold';
  src: url('fonts/GratoGrotesk-Bold-Web.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}


html { width:100%; height: 100%; }

body
{
	height:100%;
	margin:0;
	padding:0;
    font-family: "notosans", sans-serif;
    //color: #304e6b;
    color: #fff;
    margin: 0;
    font-size: 1rem;
    background: #3d3d3d;
    line-height:1.3;
}

a
{
    color: #0c7fff;
}

a:hover
{
    //color: #304e6b;
    color: #a9b4c5;
}

.h1, 
h1,
.index h1
{
  font-size: 32px;
  font-weight:normal;
}

.h2, 
h2
{
  font-size: 32px;
  font-weight:normal;
}

.h2.blue-h, 
h2.blue-h
{
color: #0c7fff;
font-family: "notosansbold", sans-serif;
}


input[type="text"],
input[type="login"],
input[type="password"],
select,
textarea
{
    padding: 0.8rem 1.2rem;
    border: 1px solid transparent;
    border-radius:5px;
}

.btn,
#header .vopros,
input[type="submit"],
.index .news-list.trend .item a .readme
{
    color:#0c7fff;
    border:1px solid #0c7fff;
    background: none;
    border-radius:5px;
    text-transform: uppercase;
    //padding: 0.7rem 2rem;
    padding: 0.5rem 2rem;
}

.btn,
input[type="submit"]
{
    color:#fff;
    background: #0c7fff;
    padding: 0.74rem 1.7rem;
}

#header .vopros
{
    padding: 0.7rem 2rem;
}

#header .vopros:hover,
.index .news-list.trend .item a .readme:hover
{
    color:#fff;
    background: #0c7fff;
}

.btn:hover,
input[type="submit"]:hover
{
    color:#0c7fff;
    background: none;
}

#header
{
    background:#3d3d3d;
    color:#fff;
}

#top-menu ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

#top-menu #horizontal-multilevel-menu
{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: none;
min-height: 0;
width: 100%;
font-size: 1rem;
float: none;
}

#horizontal-multilevel-menu ul 
{
  font-size: 1rem;
}

#horizontal-multilevel-menu span {
  display: block;
}

#horizontal-multilevel-menu li a.root-item,
#horizontal-multilevel-menu li span.root-item,
#horizontal-multilevel-menu li a.root-item-selected,
#horizontal-multilevel-menu li span.root-item-selected
{
  color: #fff;
  font-weight: normal;
  //padding: 0.65rem 1.8rem 0.75rem;
  padding: 0.65rem 0.3rem 0.75rem;
  text-transform: uppercase;
}

#horizontal-multilevel-menu li a.root-item-selected,
#horizontal-multilevel-menu li a.root-item:hover,
#horizontal-multilevel-menu li:hover a.root-item,
#horizontal-multilevel-menu li span.root-item-selected,
#horizontal-multilevel-menu li span.root-item:hover,
#horizontal-multilevel-menu li:hover span.root-item
{
  background: #0c7fff !important;
  font-weight: normal;
  text-transform: uppercase;
}

#horizontal-multilevel-menu li span.root-item-selected
{
background: none !important;
color: #0c7fff;
}

#horizontal-multilevel-menu li:hover span.root-item-selected,
#horizontal-multilevel-menu li span.root-item-selected:hover
{
background: #0c7fff !important;
color: #fff;
}

#horizontal-multilevel-menu li ul {
  background: #0c7fff;
  border: none;
}


#horizontal-multilevel-menu li li a
{
  color: #fff !important;
  font-weight: normal !important;
  padding: 5px 1.5rem;
}

#horizontal-multilevel-menu li li:hover a
{
  color: #304e6b !important;
  font-weight: normal;
}

#horizontal-multilevel-menu li li 
{
  border-bottom: none;
}

#horizontal-multilevel-menu li li:hover 
{
  background: #fff !important;
}

#horizontal-multilevel-menu > li
{
    position:relative;
text-align: center;
}

#horizontal-multilevel-menu > li > ul
{
    //width:100%;
    width: auto;
    padding-bottom:1rem;
padding-top:1rem;
}

#header .vopros
{
    padding: 0.65rem 2rem 0.75rem;
}

#header .loginname
{
    position: absolute;
    bottom: -3.9rem;
    right: 0;
    left:-3rem;
    background: #3d3d3d;
    color: #fff;
    font-size: 18px;
    padding: 0.7rem 1rem;
}

#header .loginname:before
{
    position: absolute;
    top: 0;
    right: 0;
    left: 100%;
    height: 100%;
    background: #3d3d3d;
    //content: "";
    width: 2.3rem;
}

#header .loginphoto
{
    border-radius: 50%;
    overflow: hidden;
    width: 45px;
    height: 45px;
    display: inline-flex;
}

#header .loginphoto img
{
    margin:auto;
    width:100%;
    height:auto;
    flex-shrink: 0;
    margin-top:0;
}

.dobavl {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 95%;
  height: auto;
  border-radius: 0.2rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  background: #fff;
  z-index: 999;
  padding: 2.5rem 4.5rem;
  text-align: center;
  max-height: 95%;
  display: none;
}

.searchmodal 
{
  width: 30rem;
  //box-shadow: 0 0 10px 1000px rgba(0, 0, 0, 0.5);
//background:#323232;
background: #d3e5ff;
padding:0 1rem 1rem;
border-radius: 0.2rem;
}

.searchmodal form
{
    padding:10px;
}

.searchmodal input[type="text"]
{
     width:100%;
     margin:20px 0 30px;
}

#header a.searchhead
{
  background: url('images/icon-main-search.svg') no-repeat 0% 50%;
  font-size:0;
  height:23px;
  width:23px;
  display:inline-block;
}

.index h1.trend
{
    background: url('images/icon-main-molniya.svg') no-repeat 0% 50%;
    padding-left:3rem;
    font-size: 32px;
    font-weight:normal;
}

.index h2.news,
.index h2.videos
{
    background: url('images/icon-main-news.svg') no-repeat 0% 50%;
    font-size: 27px;
    padding-left:3.5rem;
    font-weight:normal;
color: #fff;
font-family: "notosans", sans-serif;
}

.index h2.videos
{
    background: url('images/icon-main-video.svg') no-repeat 0% 50%;
    background-size:auto 80%;
color: #fff;
font-family: "notosans", sans-serif;
}


.index .news-list.trend .item
{
    position:relative;
}

.index .news-list .item a
{
    text-decoration:none;
}

.index .news-list .item a *
{
    color: #fff;
}

.index .news-list.trend .item a *
{
    color: #304e6b;
}

.index .news-list .item a .readme,
.index .news-list .item a .readme span
{
   color: #009fe3
}

.index .news-list .item a .readme:hover,
.index .news-list .item a .readme:hover span
{
   color: #fff;
}

.index .news-list.trend .item a > .row
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    padding:2rem 2.2rem;
    margin:0;
}

.index .news-list.trend .item a .name
{
    color: #0c7fff;
    font-family: 'notosansbold';
    font-size:32px;
    line-height:1.5;
}

.index .news-list.trend .item a .readme
{
    color:#fff;
    background: #0c7fff; 
    display:inline-block;
    padding-top: 0.5rem !important;
    //position:absolute;
    //bottom:-1rem;
    //left:1rem;
}

.index .news-list.trend .item a .readme:hover
{
    color:#0c7fff;
    border:1px solid #0c7fff;
    background: none; 
}

.index .news-list.trend .item a .readme span
{
    display:none;
}

.index .news-list.trend .item a .preview
{
    font-size:18px;
}

.index .container-fluid
{
   overflow: hidden; 
}

.index .news-list.owl-carousel,
.index .news-list.owl-carousel .owl-stage-outer,
.index .news-list.owl-carousel .owl-stage,
.index .news-list.owl-carousel .owl-item,
.index .news-list.owl-carousel .item,
.index .news-list.owl-carousel .item a,
.index .news-list.owl-carousel .item .img,
.index .news-list.owl-carousel .item img
{
  //overflow: hidden;
  //height: 100%;
  width: auto;
}

.index .newsblock .news-list .item a .date,
.index .newsblock .news-list .item a .name
{
    //line-height: 1.3;
}

.index .newsblock .news-list .item a .date
{
    color: #a9b4c5;
}

.owl-carousel .owl-nav
{
   display:inline-block;
   position:absolute;
   bottom:0.5rem;
   right:1rem;
}

.owl-carousel .owl-nav > *
{
    background: url('images/Arrow1.svg') no-repeat 0% 50%;
background-size: contain;
    width:7vw;
    //height:1vw;
    font-size:0;
    display:inline-block;
    cursor:pointer;
    padding: 2rem;
}

.owl-carousel .owl-nav .owl-prev
{
    //-webkit-transform: rotate(180deg);
    //transform: rotate(180deg);
    transform: scale(-1, 1);
    margin-right: 2.7vw;
    position: relative;
    top: -1px;
}

.index .all
{
    position:relative;
    top:-2px;
}

.news-list .item a.video > *
{
    position:relative;
    z-index:1;
}

.news-list .item a.video:after
{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:5;
}

.news-list .item a.video .img:after
{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background: url('images/icon-main-play.svg') no-repeat 50% 50%;
    background-size: auto 24%;
    opacity: 0.9;
}

.fancybox-lock
{
  overflow-y: scroll;
}

.fancybox-lock .fancybox-overlay 
{
  overflow-y: hidden;
}

.birthdaysblock > div > *
{
    background:#d3e5ff;
    color:#38649b;
    font-size: 18px;
}

.birthdaysblock .owl-carousel .owl-nav > * 
{
  background: url('images/Arrow2.svg') no-repeat 0% 50%;
background-size: contain;
}

.birthdaysblock .owl-carousel .owl-stage-outer, 
.birthdaysblock .owl-carousel .owl-stage, 
.birthdaysblock .owl-carousel .owl-item,
.birthdaysblock .interview > div > div,
.birthdaysblock .interview > div > div > div,
.birthdaysblock .interview .voting-form-box,
.birthdaysblock .interview .voting-form-box form
{
  height: 100%;
}

.birthdaysblock .owl-carousel .owl-stage
{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.birthdaysblock .owl-carousel .owl-nav
{
  bottom: auto;
  top: -5rem;
  right: 5rem;
}

.birthdaysblock h2
{
    color: #0a7dff;
    font-family: 'notosansbold';
    font-size: 32px;
    padding: 0 3.2rem;
}

.birthdaysblock .birthdays
{
    padding: 2.5rem 0;
    background: #d3e5ff url('images/img-main-hb-bg.jpg') no-repeat 100% 100%;
}

.birthdaysblock .birthdays .date
{
    font-size: 22px;  
    color: #0a7dff;
    text-transform: uppercase;
}

.birthdaysblock .birthdays .img > div
{
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
  padding-top:100%;
  position:relative;
}

.birthdaysblock .birthdays .img img
{
    position:absolute;
    transform: translate(-50%,0);
    top:0;
    left:50%;
}

.birthdaysblock .birthdays .prof
{
    font-size:1rem;
}

.birthdaysblock .birthdays .mail .btn,
.kalendar .news-list .item .dialog .mail_event .btn
{
    position: relative;
    padding-left: 3.5rem;
    padding-right: 1rem;
    color: #fff;
    background: #0c7fff;
    font-size:1rem;
}

.birthdaysblock .birthdays .mail .btn:hover,
.kalendar .news-list .item .dialog .mail_event .btn:hover
{
    color: #0c7fff;
    background: none;
}

.birthdaysblock .birthdays .mail .btn svg,
.kalendar .news-list .item .dialog .mail_event .btn svg
{
    height: 55%;
    position: absolute;
    left: 1.2rem;
    top: 45%;
    transform: translate(0,-50%);
    fill: #fff;
    transition: fill .15s ease-in-out;
}

.birthdaysblock .birthdays .mail .btn:hover svg,
.kalendar .news-list .item .dialog .mail_event .btn:hover svg
{
    fill: #0c7fff;
}

.birthdaysblock .interview
{
    padding: 2.5rem 0 1rem;
}


.birthdaysblock .interview .vote-item-title 
{
  font-weight: normal;
}

.birthdaysblock .interview .voting-form-box 
{
  border: none;
  //padding: 0 3.2rem;
padding: 0 0 1.5rem;
}

.birthdaysblock .interview ol.vote-answers-list li,
.birthdaysblock .interview .vote-answer-table
{
  //margin-bottom: 0.2em;
  margin-left: 0;
  font-size:1rem;
}

.vote-items-list .vote-answer-item-radio input
{
    display:none;
}

.vote-items-list .vote-answer-item-radio input + label 
{
  position: relative;
  padding-left: 1.5rem;
  cursor:pointer;
}

.vote-items-list .vote-answer-item-radio input + label:before 
{
  border: 2px solid #0a7dff;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0.2rem;
  left:0;
  content: "";
  cursor:pointer;
}

.vote-items-list .vote-answer-item-radio input:checked + label:after
{
  background: #0a7dff;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 0.45rem;
  left: 0.25rem;
  content: "";
}

.birthdaysblock .interview input[type="submit"]
{
    color: #fff;
    background: #0c7fff;
    font-size:1rem;
    padding-left:1rem;
    padding-right:1rem;
}

.birthdaysblock .interview input[type="submit"]:hover
{
    color: #0c7fff;
    background: none;
}

.birthdaysblock .interview .voting-form-box form
{
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.birthdaysblock .interview .vote-vote-footer 
{
  margin-top: auto;
  padding: 0 3.2rem;
}

.birthdaysblock .interview .vote-items-list,
.birthdaysblock .interview .vote-items-list vote-note-box
{
    padding: 0 3.2rem;
    margin: 0;
}

.birthdaysblock .interview .vote-items-list .vote-items-list
{
    padding: 1.6rem 0;
}

.birthdaysblock .interview .vote-answer-table
{
    margin: 1.6rem 0;
}

.birthdaysblock .interview .vote-items-list li
{
    list-style-type: none;
}

.birthdaysblock .interview .vote-answer-bar 
{
  //margin-left: 1rem;
}

.birthdaysblock .interview .voting-result-box .vote-answer-table td:first-child
{
    padding-right:1rem;
}

.index .newsblock.newsltdblock .news-list .item .img
{
    overflow: hidden;
    width: 100%;
    padding-top: 56.2%;
    position: relative;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size: cover;
}

.index .newsblock.newsltdblock h2
{
  font-size: 27px;
  font-weight: normal;
color: #fff;
font-family: "notosans", sans-serif;
}

#footer
{
    background:#323232;
}

#footer .bottom-menu ul 
{
  list-style-type: none;
  margin: 0;
min-width: 8vw;
}

#footer .bottom-menu ul ul
{
  padding: 0;
}

#footer .bottom-menu .row > ul > li > a,
#footer .bottom-menu .row > ul > li > span 
{
  position: relative;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
  margin-bottom: 1.3rem;
}

#footer .bottom-menu a, 
#footer .bottom-menu span 
{
  text-decoration: none;
  display: inline-block;
  color:#fff;
  padding: 0.5rem 0;
  font-size:14px;
}

#footer .bottom-menu a:hover
{
  color:#0c7fff;
}

#footer .bottom-menu .row > ul > li > a::before, 
#footer .bottom-menu .row > ul > li > span::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 4rem;
  height: 2px;
  background: #0c7fff;
}

.vote-form-box-button-last {
    padding-top: 0.5rem;
    display: inline-block;
}

#horizontal-multilevel-menu li a.root-item
{
text-align:left;
}

.index .news-list.trend .item a > .row {
    padding: 1rem 0;
}

.index .news-list.trend .item a .name 
{
    font-size: 22px;
}

#header .loginname 
{
    position: static;
display: inline-block;
}

.index .news-list .item img {
  width: 100%;
  height: auto;
}

.bx-breadcrumb .bx-breadcrumb-item span,
.bx-breadcrumb i
{
font-family: "notosans", sans-serif;
  color: #0c7fff;
font-size: 1rem;
line-height: 1.3;
}

.bx-breadcrumb .bx-breadcrumb-item a span,
.bx-breadcrumb i
{
color: #fff;
}

.bx-breadcrumb .fa-angle-right::before 
{
  content: "-";
}

#filtrkalendar a
{
    width:100%;
    height:100%;
    //line-height:1rem;
    //display:flex;
    padding: 0.5rem 1.5rem;
}
#filtrkalendar a span
{
    //margin:auto 0;
    line-height:1.8rem;
}

#filtrkalendar .kalendar-birthdays a img
{
    position:relative;
    bottom:0.2rem;
    max-width: 2.7rem;
}

#filtrkalendar a img
{
    padding-right:0.9rem;
    max-height: 1.8125rem;
}

#filtrkalendar a
{
    background:#eae5df;
    border:1px solid #eae5df;
    color: #4f5457;
}

#filtrkalendar a.active
{
    background:#b8926b;
    border:1px solid #b8926b;
    color: #fff;
}

#filtrkalendar a.active img
{
    display:none;
}

#filtrkalendar a.active img.d-none
{
    display:inline-block !important;
}

#datefilter
{
    align-items: center; 
    justify-content: end;
    display:flex;
}

#datefilter input
{
    width: auto;
    background: none;
    text-align:center;
font-size:32px;
border: 0;
color:#fff;
outline: none !important;
position: relative;
top: -3px;
max-width: 18rem;
}

#datefilter a
{
  background: url('images/Arrow1.svg') no-repeat 0% 50%;
  background-size: contain;
  width: 7vw;
  font-size: 0;
  display: inline-block;
  cursor: pointer;
  padding: 2rem;
}

#datefilter a.prev
{
    transform: scale(-1, 1);
  //position: relative;
  //top: -1px;
}

.kalendar .news-list
{
background: #323232;
}

.kalendar .news-list .row > div
{
    -ms-flex: 0 0 14.2857142%;
    flex: 0 0 14.2857142%;
    max-width: 14.2857142%;
}

.kalendar .news-list .row.first > div
{
   background: #0c7fff; 
   color:#fff;
   padding: 1rem 0.5rem 1.1rem;
}

.kalendar .news-list .row.first > div:before
{
    position:absolute;
    content:"";
    top:0.7rem;
    bottom:0.7rem;
    right:0;
    width:2px;
    background: #fff; 
}

.kalendar .news-list .row.first > div:last-child:before
{
    display:none;
}

.kalendar .news-list .row:not(.first) > div
{
    height:9.9rem;
    border-right: 2px solid #b8926b;
    border-bottom: 2px solid #b8926b;
}

.kalendar .news-list .row:not(.first) > div:last-child
{
    border-right: 0;
}

.kalendar .news-list .row:not(.first):last-child > div
{
    border-bottom: 0;
}

.kalendar .news-list .date
{
    //font-family: "notoserif", sans-serif;
    font-size: 28px;
    color:#b0b0b0;
    position:absolute;
    top:0.2rem;
    left:0.6rem;
}

.kalendar .news-list .item
{
width: 100%;
font-size: 0.875rem;
    cursor:pointer;
}

.kalendar .news-list .ico
{
    background: url('images/icon-main-4.svg') no-repeat 10% 40%;
    background-size:contain;
    position:absolute;
    top:0.5rem;
    right:0.6rem;
    width:1.5rem;
    height:1.5rem;
    z-index:1;
}

.kalendar .news-list .item .img {
    width: 4.5rem;
    height: 4.5rem;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    max-width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.kalendar .news-list .item .img img {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.kalendar .news-list .item .dialog
{
    position: absolute;
    bottom:50%;
    left:50%;
    transform: translate(-50%,0);
    background:#d4e5ff;
    border-radius:0.2rem;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    width: auto;
    height: auto;
    font-size:1rem;
    z-index:10;
    min-width: 16rem;
    opacity: 0;
    visibility: hidden;
    transition: .55s opacity, .55s visibility;
    cursor:default;
}

.kalendar .news-list .item .dialog:after 
{
    content: ''; 
    position: absolute;
    bottom:-2rem;
    left:50%;
    transform: translate(-50%,0);
    border: 1rem solid transparent;
    border-top: 1rem solid #d4e5ff;
    z-index:7;
    opacity: 0;
    visibility: hidden;
    transition: .3s opacity, .3s visibility;
}

.kalendar .news-list .item .dialog:hover,
.kalendar .news-list .item .dialog:hover:after,
.kalendar .news-list .item .dialog:hover:before,
.kalendar .news-list .item:hover .dialog,
.kalendar .news-list .item:hover .dialog:after,
.kalendar .news-list .item:hover .dialog:before
{
    opacity: 1;
    visibility: visible;
}

.kalendar .news-list .item .dialog div
{
color:#4f5457;
}

.kalendar .news-list .item .dialog .img {
    width: 7rem;
    height: 7rem;
}

.kalendar .news-list .item .dialog .name
{
    font-weight:bold;
}

.kalendar .nav-item
{
    position:absolute;
    bottom:0.5rem;
    left:0;
    right:0;
    z-index: 3;
}

.kalendar .nav-item > span
{
    border-radius:50%;
    background:#eae5df;
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    cursor:pointer;
}

.kalendar .nav-item > span.active
{
    background:#4f5457;
}

.kalendar .news-list .row.first > div:before 
{
    width: 1px;
}

.kalendar .news-list .row:not(.first) > div 
{
    border-right: 1px solid #0c7fff;
    border-bottom: 1px solid #0c7fff;
}

.news-list-page .news-item .news-inner
{
    //background:#d3e5ff;
}

.news-list-page .news-item .tegblock span
{
padding: 0.35rem 1.1rem 0.45rem;
display: inline-block;
}

.news-list-page .news-item .tegblock span.teg
{
background: #c2cfe5;
border-radius: 1.5rem;
display: inline-block;
color: #304766;
}

.news-list-page .news-item img
{
width:100%;
height:auto;
}

.news-list-page .news-item a:hover
{
text-decoration:none;
color: #0c7fff;
}

.news-list-page .news-item h3
{
font-size:1rem;
color: #304766;
line-height: 1.6;
}

.iblock-vote
{
display:inline-block;
}

.iblock-vote div.star-empty,
.iblock-vote div.star-over,
.iblock-vote div.star-voted
{
  background: none;
  width: auto;
  height: auto;
  overflow: hidden;
  font-size: 36px;
  color: #97b1dc;
}

.iblock-vote div.star-voted
{
color: #ddd;
}

.iblock-vote .vote-result
{
color: #97b1dc;
padding-left:0.6rem;
//font-weight:bold;
font-family: "notosansbold", sans-serif;
}

.news-list-page .news-item .next
{
  background: url('images/Arrow2.svg') no-repeat 50% 50%;
  background-size: 7vw auto;
  width: 10vw;
  font-size: 0;
  display: inline-block;
  cursor: pointer;
  padding: 2.3rem;
position:absolute;
bottom:0;
right:0;
}

.news-list-page .news-item .next:hover
{
background-color:#93b2eb;
}

.news-list-page .detail .iblock-vote
{
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
display:inline-flex;
}

#content .blue
{
background:#d3e5ff;
color:#304e6b;
height:100%;
}

.news-list-page .detail .news-page-time
{
color:#0c7fff;
}

.news-list-page .detail h2
{
color:#0c7fff;
//font-weight:bold;
font-family: "notosansbold", sans-serif;
position: relative;
left: -1px;
}

.news-list-page .detail ol,
.news-list-page .detail ul 
{
counter-reset: item;
list-style-type: none;
padding:0;
}

.news-list-page .detail ol li,
.news-list-page .detail ul li
{
padding: 1rem 0;
display: flex;
}

.news-list-page .detail ol > li:before 
{
content: counter(item, decimal);
counter-increment: item;
color: #0c7fff;
//font-weight: bold;
font-family: "notosansbold", sans-serif;
font-size: 32px;
display: inline-flex;
position: relative;
top: -10px;
margin-right: 25px;
margin-bottom: -32px;
}

.news-list-page .detail ul > li:before 
{
content: counter(item, disc);
counter-increment: item;
display: inline-flex;
margin-right: 25px;
}

.news-list-page .detail .news-page-image img
{
width:100%;
height:auto;
}

#content
{
overflow: hidden;
}

#horizontal-multilevel-menu li.item-selected {
  //background: #d3e5ff;
background: #fff;
}

#horizontal-multilevel-menu li.item-selected a
{
  color: #304766 !important;
}

.btn.live
{
background: #ed1c24;
padding: 0.65rem 1.7rem 0.75rem;
color:#fff;
border: 1px solid #ed1c24;
}

.staff .searhlist .name
{
    font-family: "notosansbold", sans-serif;
    font-size:1.3125rem;
    color:#0c7fff;
}

.staff .searhlist .mail
{
    background: url('images/icon-mail-new.png') no-repeat 0 50%;
    background-size: 1.7rem auto;
    padding-left:3rem;
}

.staff .searhlist .birthday
{
    background: url('images/icon-calendar-new.png') no-repeat 0 50%;
    background-size: 1.7rem auto;
    padding-left:3rem;
}

.staff .searhlist .phone
{
    background: url('images/icon-phone-new.png') no-repeat 0.2rem 50%;
    background-size: auto 2.1rem;
    padding-left:3rem;
}

select {
  outline: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-appearance: none;
  position:relative;
//background: linear-gradient(to right, #fff 90%, #d3e5ff 90%), url('images/spisok.svg') 94% 50% no-repeat;
background-image: url('images/spisok.svg'), linear-gradient(to left, #d3e5ff 3rem, #fff 3rem);
background-size: 1.2rem auto, auto;
background-repeat:no-repeat;
background-position: calc(100% - 0.9rem) 50%, 0 0;
}

.staff .otziv_staff .img {
  //width: 6rem;
  //height: 6rem;
  //position: relative;
  //border-radius: 50%;
  //overflow: hidden;
  //background-size: cover;
  //background-repeat: no-repeat;
  //background-position: 50% 50%;
}

.staff .otziv_staff .img > div {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.staff .otziv_staff .img img {
    display: block;
    width: 100%;
    position: absolute;
    transform: translate(-50%,0);
    top: 0;
    left: 50%;
}

.nav-items > div
{
    align-items: center; 
    justify-content: end;
margin-bottom: -1.8rem;
}

.nav-items span,
.nav-items a
{
    color:#fff;
    text-decoration:none;
    display:inline-flex;
    width:2.7rem;
    height:2.7rem;
    background-color: #323232;
    align-items: center; 
    justify-content: center;
    margin-left:0.2rem;
border-radius: 0.2rem;
border:1px solid #323232;
}

.nav-items span.prev,
.nav-items a.prev
{
    background: #b8926b url('images/page-left.svg') no-repeat 50% 50%;
    background-size: 30%;
    font-size:0;
}

.nav-items span.next,
.nav-items a.next
{
    background: #b8926b url('images/page-right.svg') no-repeat 50% 50%;
    background-size: 30%;
    font-size:0;
}

.nav-items > div > *:first-child
{
    margin-left:auto;
}

.nav-items span,
.nav-items a:hover
{
    color: #0c7fff;
border:1px solid #0c7fff;
}

.nav-items span.prev, 
.nav-items a.prev,
.nav-items span.next,
.nav-items a.next
{
    background-color: #0c7fff;
border:1px solid #0c7fff;
}

.nav-items span.prev:hover, 
.nav-items a.prev:hover,
.nav-items span.next:hover, 
.nav-items a.next:hover
{
    background-color: #323232;
border:1px solid #323232;
}

.faceboock form[name="messenger_ads"] {
    display: block;
    position: static;
    transform: none;
    box-shadow: none;
    height: auto;
}

.faceboock .fancybox-close
{
    display:none;
}

.faceboock form[name="messenger_ads"] > div 
{
    padding: 0;
}

.faceboock form[name="messenger_ads"] input[type="text"]
{
    margin-bottom:1.5rem;
width:100%;
}

.faceboock form[name="messenger_ads"] textarea
{
width:100%;
}

.faceboock form[name="messenger_ads"] .form-required
{
    color:#fff;
}

.faceboock form input[type="submit"]
{
    padding: 0.85rem 1.7rem;
}

#kps-list .news-list .item a 
{
text-decoration: none;
}

#kps-list .news-list .item a * 
{
  color: #fff;
}

#kps-list .news-list .item a .date,
.gallery .news-list .item a .date
{
  color: #a9b4c5;
}

.video #kps-list .news-list .item a .readme,
.video #kps-list .news-list .item a .readme span,
.gallery .news-list .item a .readme,
.gallery .news-list .item a .readme span
{
  color: #009fe3;
}

a.cancel
{
color: #fff;
text-decoration:underline;
}

a.cancel:hover
{
color: #0c7fff;
text-decoration:none;
}

.gallery a
{
    color: #fff;
    text-decoration:none;
}

.gallery .img
{
    background: #d3e5ff;
}

.gallery .img img
{
    width:100%;
height:auto;
}

.fancybox-opened,
.fancybox-wrap
 {
  //z-index: 8030;
  //height: 90% !important;
  //transform: translate(-50%,-50%);
  //left: 50% !important;
  //top: 50% !important;
  //width: 90% !important;
//max-height:90% !important;
//min-height:90% !important;
}

.fancybox-skin,
.fancybox-inner, 
.fancybox-outer
{
//height: 100% !important;
//width: 100% !important;
//max-height:100% !important;
//min-height:100% !important;
}

.fancybox-skin {
  background: none !important;
box-shadow:none !important;
}

.searchhead
{
cursor:pointer;
}

#header .restore a
{
    color: #fff;
    text-decoration:underline;
}

#header .restore a:hover
{
color: #0c7fff;
text-decoration:none;
} 


@media (min-width: 768px)
{
.index .news-list.row,
.video #kps-list .news-list.row,
.gallery .news-list .row,
.news-list-page .detail .row .photos,
.staff .searhlist > .row
{
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}
.index .news-list.row .item
{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.index .newsblock > div .news-list.row .item .row,
.index .newsblock.newsltdblock .news-list .item .row
{
    padding-left:1rem;
padding-right:1rem;
}
.index .news-list.trend .item a .preview
{
display:none;
}
.index .news-list.trend .item a > .row > .col-auto
{
max-width:65%;
}

}

@media (min-width: 992px)
{
.index .newsblock > div .news-list.row .item .row,
.index .newsblock.newsltdblock .news-list .item .row
{
padding-left:0;
padding-right:0;
}
.index .newsblock > div:first-child .news-list.row .item:first-child .row,
.index .newsblock.newsltdblock .news-list .item:first-child .row
{
    padding-left:3.2rem;
}
.index .newsblock > div:last-child .news-list.row .item:last-child .row,
.index .newsblock.newsltdblock .news-list .item:last-child .row
{
    padding-right:3.2rem;
}

#kps-list .news-list .item:first-child .description,
.gallery .news-list .item:first-child .description,
#kps-list .news-list .item:nth-child(5n) .description,
.gallery .news-list .item:nth-child(5n) .description
{
padding-left:3.2rem;
}

#kps-list .news-list .item:nth-child(4n) .description,
.gallery .news-list .item:nth-child(4n) .description
{
padding-right:3.2rem;
}

.index .news-list.trend .item a .name {
    font-size: 27px;
}
}

@media (min-width: 1100px)
{
#horizontal-multilevel-menu li a.root-item
{
text-align:center;
}
.index .news-list.trend .item a > .row {
    padding: 2rem 2.2rem;
}
.index .news-list.trend .item a .name 
{
    //font-size: 32px;
font-size: 28px;
}
}

@media (min-width: 1400px)
{
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 100%;
  padding-right: 3.2rem;
padding-left: 3.2rem;
}
.index .news-list.trend .item a .preview
{
display:block;
}
#header .loginname 
{
    bottom: -4.5rem;
}
#header .loginname 
{
    //bottom: -10rem;
    position: absolute;
    bottom: -7rem;
}
}

@media (min-width: 1600px)
{
#horizontal-multilevel-menu > li
{
    -ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.birthdaysblock .birthdays .img
{
margin: 0 3.7vw;
}
.index .news-list.trend .item a > .row > .col-auto
{
max-width:55%;
}
#header .loginname {
    bottom: -3.9rem;
}
}

//@media (max-width: 1500px)
//{
//.staff .otziv_staff .img 
//{
//    width: 5rem;
//    height: 5rem;
//}
//}

//@media (max-width: 1200px)
//{
//.staff .otziv_staff .img 
//{
    //width: 4rem;
    //height: 4rem;
//}
//}

@media (max-width: 1000px)
{
.container, 
.container-md, 
.container-sm 
{
    max-width: 100%;
}
#header .loginphoto 
{
    display: inline-block;
    float: left;
}
//.staff .otziv_staff .img 
//{
    //width: 30vw;
    //height: 30vw;
//}
}

@media (max-width: 768px)
{
.h1, 
h1, 
.index h1,
.index h1.trend 
{
    font-size: 27px;
}
#header .buttonmenu button 
{
    background:url(images/menu.svg) 50% 50% no-repeat;
    background-size: cover;
    width: 2.12rem;
    height: 1.44rem;
    border: 0 !important;
    outline: 0 !important;
}
#horizontal-multilevel-menu li {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
}
#horizontal-multilevel-menu li a.root-item, 
#horizontal-multilevel-menu li span.root-item, 
#horizontal-multilevel-menu li a.root-item-selected, 
#horizontal-multilevel-menu li span.root-item-selected 
{
    padding: 0.65rem 1rem 0.75rem;
}
#horizontal-multilevel-menu li ul,
.index .news-list.trend .item a > .row
{
    position: static;
}
#horizontal-multilevel-menu li ul
{
width:100%;
}
#header .loginname 
{
    display: block;
}
#header .loginphoto 
{
    margin-top: 1rem;
margin-right: 1rem;
}
.index .news-list.owl-carousel .item, 
.index .news-list.owl-carousel .item a, 
.index .news-list.owl-carousel .item .img, 
.index .news-list.owl-carousel .item img 
{
    height: auto;
    width: 100%;
}
.index .news-list.trend .item a *
{
    color: #fff;
}
.owl-carousel .owl-nav 
{
    bottom: 0.2rem;
}
.owl-carousel .owl-nav .owl-prev {
    top: 0;
}
.index h2.news, 
.index h2.videos {
    background-size: 2rem;
}
.birthdaysblock .owl-carousel .owl-nav 
{
    bottom: -2rem;
    top: auto;
    right: 1rem;
//transform: translate(-50%,0);
}
.birthdaysblock .birthdays .img img
{
//max-width:40vw;
}
.owl-carousel .owl-nav > * 
{
    //width: 30vw;
}
.index .all {
    //float: right;
}
.kalendar .news-list .item
{
    display:block !important;
}
.kalendar .news-list .item .dialog 
{
    position: relative;
    transform: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    font-size: 1rem;
    min-width: 0;
    opacity: 1;
    visibility: visible;
    border:2px solid #b8926b;
    bottom: auto;
    left: auto;
    display:flex !important; 
}
.kalendar .news-list .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height:auto !important;
    border:0 !important;
}
.kalendar .news-list .item .dialog .date 
{
    font-family: "notoserif", sans-serif;
    font-size: 2.3125rem;
    color: #d4c7be;
    position: absolute;
    top: -1.9rem;
    left: 1.5rem;
    background: #fff;
}

.kalendar .news-list .item .dialog > div
{
    display:inline-block;
}

.kalendar .news-list .item .mail_event
{
    //float:right;
    margin-top:auto;
    margin-bottom:auto;
    margin-left:auto;
}

.kalendar .news-list .item .dialog:before,
.kalendar .news-list .item .dialog:after
{
    display:none;
}
#filtrkalendar a {
    padding: 0.5rem 0.5rem;
}

.kalendar .news-list .item .dialog {
    display: block !important;
}

.kalendar .news-list .item .mail_event
{
    padding-top:1rem;
    text-align:center;
    display:block;
    width:100%;
}
#filtrkalendar a img {
    max-width: 2.7rem;
}
.news-list-page .news-item .next
{
background-size: contain;
right: 1rem;
}
}







body
{
  font-family: "GratoGrotesk", sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  background:#202328;
height:auto;
}

#content
{
  background:#202328 url('images/fon.png') no-repeat 100% 0;
background-size: cover;
}

a 
{
    color: #B8926B;
}


@media (min-width: 1400px)
{
.container, .container-lg, .container-md, .container-sm, .container-xl 
{
  //max-width: 1340px;
max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
}

@media (min-width: 1800px)
{
.container, .container-lg, .container-md, .container-sm, .container-xl 
{
  max-width: 1740px;
}
}

input[type="text"], 
input[type="login"], 
input[type="password"], 
select,
textarea 
{
color:#fff;
background:#101010;
  padding: 0.34rem 1.3rem;
  border: 1px solid #101010;
  border-radius: 5px;
}

input, button, select, textarea,.btn
{
  outline: none !important;
}

select {
  background: #101010 url(images/arrw.png) 94% 50% no-repeat;
  background-size: 16px auto !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-appearance: none;
}

#header 
{
  background: none;
  color: inherit;
}

.searchblock 
{
position:relative;
//min-width: 204px;
}

.searchblock input[type="text"]
{
width:100%;
padding: 0.34rem 1.3rem 0.34rem 2.2rem;
border-radius:1rem;
}

.searchblock  #search-submit-button
 {
  background: url('images/icon-main-search.svg') no-repeat 0% 50%;
  font-size: 0;
  height: 16px;
  width: 16px;
  display: inline-block;
position:absolute;
top:50%;
left:0.7rem;
transform: translate(0,-50%);
padding:0;
border:0;
}

.btn, 
#header .vopros,
input[type="submit"],
div.reviews-reply-buttons input
{
  color: #fff;
  border: 1px solid #B8926B;
  background: none;
border-radius: 0.5rem;
  text-transform: none;
  padding: 0.31rem 1.3rem 0.33rem;
font-weight:normal;
font-size: inherit;
line-height: inherit;
font-family: 'GratoGrotesk Medium';
}

.btn:hover, 
#header .vopros:hover,
input[type="submit"]:hover,
div.reviews-reply-buttons input:hover
{
background: #B8926B;
color: #fff;
}

#header .loginphoto 
{
  width: 30px;
  height: 30px;
}

#top-menu #horizontal-multilevel-menu {
  font-size: 14px;
}

#horizontal-multilevel-menu li a.root-item, 
#horizontal-multilevel-menu li span.root-item, 
#horizontal-multilevel-menu li a.root-item-selected, 
#horizontal-multilevel-menu li span.root-item-selected 
{
  padding: 0.31rem 0;
  text-transform: none;
color:#808080;
}

#horizontal-multilevel-menu li
{
background: none !important;
padding-right:2.5rem;
}

#horizontal-multilevel-menu li a.root-item-selected, 
#horizontal-multilevel-menu li a.root-item:hover, 
#horizontal-multilevel-menu li:hover a.root-item, 
#horizontal-multilevel-menu li span.root-item-selected, 
#horizontal-multilevel-menu li span.root-item:hover, 
#horizontal-multilevel-menu li:hover span.root-item
{
background: none !important;
text-transform: none;
position:relative;
color:#fff;
}

#horizontal-multilevel-menu li a.root-item-selected:after,  
#horizontal-multilevel-menu li span.root-item-selected:after
{
  background-image: linear-gradient(to left,#524130, #B8926B, #524130);
position:absolute;
bottom:-0.2rem;
left:0;
right:0;
content:"";
height:1px;
}

#horizontal-multilevel-menu li ul {
  //background: #b8926b;
font-size:14px;

    border-radius: 0.5rem;
    overflow: hidden;
    color: #fff;
    background: #2B2E35;
    //border: 1px solid #2B2E35;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 50%);

}

#horizontal-multilevel-menu li li a:hover
{
  //color: #808080 !important;
  color: ##202328 !important;
}

#horizontal-multilevel-menu li a
{
    text-align: left;
}

#horizontal-multilevel-menu li.item-selected a {
  color: #808080 !important;
}

#horizontal-multilevel-menu li:hover span.root-item-selected, 
#horizontal-multilevel-menu li span.root-item-selected:hover
{
background: none !important;
}


@media (min-width: 1600px)
{
#horizontal-multilevel-menu > li {
  -ms-flex: none;
  flex: none;
}
}

.index .news-list.trend,
.index .news-list.trend .item,
.index .news-list.trend .item > a,
.index .news-list.trend .item .img
{
height:100%;
}

.index .news-list.trend .item
{
border-radius: 0.5rem;
overflow: hidden;
box-shadow: 5px 5px 20px rgba(0,0,0,0.5);
}

.index .news-list.trend .item a * 
{
  color: #fff;
}

.index .news-list.trend .item a .name,
.videos .news-list .item a.video .name 
{
  color: #fff;
  font-family: inherit;
  font-size: 1rem !important;
  text-transform: uppercase;
}

.index .news-list.trend .item a .date
{
text-transform: lowercase;
}

.index .news-list.trend .item .text,
.videos .news-list .item a.video .text
{
position:absolute;
bottom:0;
left:0;
right:0;
background-image: linear-gradient(transparent,#505050, #000);
padding-top:5rem;
}

.index .news-list.trend .item img {
  width: auto;
  min-height: 85%;
min-width: 100%;
max-width: none;
position:absolute;
}

.bloks
{
border-radius: 0.5rem;
overflow: hidden;
 color: #fff;
background:#2B2E35;
border:1px solid #2B2E35;
box-shadow: 5px 5px 20px rgba(0,0,0,0.5);
text-decoration:none;
}

.block-list .block a:hover
{
color: #fff;
background:#20262d;
border:1px solid #B8926B;
text-decoration:none;
}

.block-list .block .readme,
.index .news-list .item a .readme, 
.index .news-list .item a .readme span
{
color: #B6B6B6;
}

.block-list .block a:hover .readme,
.index .news-list .item a:hover .readme, 
.index .news-list .item a:hover .readme span
{
color: #fff;
}

.row.index h3
{
font-family: 'GratoGrotesk Medium';
font-size:1rem;
line-height: 1.3;
font-weight:normal;
margin-bottom: 0;
}

.block-list .block a div.time > div
{
font-size:56px;
}

.row.index a
{
color: #fff;
}

.row.index,
.searhlist.staff,
.news-list-page .item-list
{
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.row.index > div,
.searhlist.staff .item,
.news-list-page .item-list .item
{
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.newsltdblock .news-list .img,
.videos .news-list .item a.video
{
border-radius: 0.5rem;
overflow: hidden;
aspect-ratio: 4 / 3;
position: relative;
}

.newsltdblock .news-list .img > img,
.videos .news-list .item a.video .img > img
{
width: auto;
max-height: 125%;
max-width: 125%;
}

.videos .news-list .item a.video .img
{
height:100%;
}

.videos .news-list .item a.video
{
  aspect-ratio: 5 / 3;
display: block;
}

.videos .news-list .item a.video .img > img
{
position:absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
}

.news-list .item a.video .img:after 
{
  background: url('images/play.png') no-repeat 50% 50%;
  background-size: 43px;
}

.videos .news-list .owl-nav
{
display: none !important;
}

.videos .news-list .owl-dots,
.owl-carousel .owl-controls .owl-dots
{
text-align:center;
margin-top:0.75rem;
}

.kalendar .nav-item > span,
.videos .news-list .owl-dot,
.owl-carousel .owl-controls .owl-dot
{
background:#6D5B48;
display:inline-block;
width:8px;
height:8px;
border-radius:50%;
margin:2px;
font-size:0;
cursor:pointer;
}

.videos .news-list .owl-dot.active,
.kalendar .nav-item > span.active
{
background:#B8926B;
}

.birthdays
{
aspect-ratio: 4/3;
width: 100%;
}

.owl-carousel .owl-controls .owl-nav
{
position:static;
display:block;
text-align:center;
padding-top:3rem;
}

.searhlist.staff .owl-carousel .owl-controls .owl-nav
{
padding-top:1.5rem;
}

.owl-carousel .owl-nav .owl-next, 
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-dots .owl-next, 
.owl-carousel .owl-dots .owl-prev,
#datefilter a.next,
#datefilter a.prev
 {
transform: translate(0, -50%);
margin:0;
background: url('images/str.png') no-repeat -1.5% 50%;
width: 34px;
height: 34px;
cursor: pointer;
padding: 0;
border-radius:50%;
overflow: hidden;
border: 1px solid #B8926B;
}

#datefilter a.next,
#datefilter a.prev
 {
transform: translate(0, 0);
}

.owl-carousel .owl-nav .owl-next:hover, 
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-dots .owl-next:hover, 
.owl-carousel .owl-dots .owl-prev:hover,
#datefilter a.next:hover,
#datefilter a.prev:hover
{
background-color: #101010;
background-color: #2B2E35;
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dots .owl-next,
#datefilter a.next
{
background-position: 101.5% 50%;
margin-left:1rem;
margin-bottom:1px;
}

#datefilter a.next
{
margin-left:0;
}


.birthdays .owl-carousel .owl-controls .owl-nav .owl-next, 
.birthdays .owl-carousel .owl-controls .owl-nav .owl-prev
{
position:absolute;
top:50%;
left:0;
//transform: translate(0, -50%);
//margin:0;
//background: url('images/str.png') no-repeat 0 50%;
width: 1.5rem;
height: 1rem;
//cursor: pointer;
//padding: 0;
border:0;
background-color: transparent !important;
background-position: 0 50%;
}

.birthdays .owl-carousel .owl-controls .owl-nav .owl-next
{
left:auto;
right:0;
background-position: 100% 50%;
}


.birthdays .owl-carousel
{
height:calc(100% - 60px);
}

.birthdays .owl-carousel .owl-stage-outer,
.birthdays .owl-carousel .owl-stage,
.birthdays .owl-carousel .owl-item
{
height:100%;
}

.birthdays .owl-carousel .owl-item .img > div
{
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
position:absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
//background:#D9D9D9;
//width: 75%;
border:1px solid #D9D9D9;
}

.birthdays .owl-carousel .owl-item .img,
.birthdays .owl-carousel .owl-item.active + .active + .active .img
{
//height:124px;
//height:120px;
position:relative;
//transition: height 0.2s ease-in-out;
//width: 75%;
aspect-ratio: 1;
}

.birthdays:not(.one) .owl-carousel .owl-item .img,
.birthdays:not(.one) .owl-carousel .owl-item.active + .active + .active .img
{
margin:0 12%;
}

.birthdays:not(.one) .owl-carousel .owl-item.active + .active .img
{
//height:187px;
//height:180px;
transition: height 0.15s ease-in-out,width 0.15s ease-in-out,margin 0.15s ease-in-out;
margin:0 -7%;
}

.birthdays.one .owl-carousel .owl-item .img
{
width: 4.5rem;
height: 4.5rem;
}


.birthdays:not(.one) .owl-carousel .owl-item .text,
.birthdays:not(.one) .owl-carousel .owl-item.active + .active + .active .text
{
position:relative;
bottom:-100%;
overflow: hidden;
height:0;
margin:0 -100%;
}

.birthdays .owl-carousel .owl-item.active + .active .text
{
height:auto;
bottom:0;
transition: height 0.25s ease-in-out,bottom 0.25s ease-in-out;
}

.birthdays .owl-carousel .owl-item .prof
{
color:#B6B6B6;
}

#footer 
{
  background: #2B2E35;
}

#footer .socset a
{
text-decoration:none;
}

.socblock img
{
max-height:24px;
}

#footer .socset img
{
max-height:41px;
}

#top-menu button 
{
    background: url('images/menu.svg');
    background-position: 0 53%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.9rem;
    height: 1.4rem;
    border: 0 !important;
    outline: 0 !important;
}

#header .loginphoto {
    margin: 0 !important;
}

.videopage .item > *
{
background:#2B2E35;
}

.videopage .name,
.searhlist.staff .item .name,
.gallery .item .name
{
font-family: 'GratoGrotesk Medium';
font-size:1rem;
}

.searhlist.staff .item .img
{
  position: relative;
  aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
border:1px solid #B8926B;
}

.searhlist.staff .item .img > img
{
//margin:-2px;
//width: calc(100% + 4px);
//max-width: none;
}

.searhlist.staff .item .prof
{
  color: #B6B6B6;
}

.searhlist.staff .item .mail,
.searhlist.staff .item .birthday,
.searhlist.staff .item .phone
{
padding-left:1.2rem;
}

.searhlist.staff .item .mail
{
background:url('images/icn_email.png') no-repeat 0 50%;
background-size: 13px auto;
}

.searhlist.staff .item .birthday
{
background:url('images/icn_calendar.png') no-repeat 0 50%;
background-size: 13px auto;
}

#keysfilters input[type="text"], 
#keysfilters select
{
border-radius:1rem;
width:100%;
}

#keysfilters input[name="searhuser"]
{
max-width:204px;
}

.searhlist.staff .owl-item:not('.active') .bloks
{
  box-shadow: none;
}

.kalendar .news-list .item
{
transition: left 0.25s ease-in-out,opacity 0.25s ease-in-out;
position:absolute;
left:-100%;
width:100%;
opacity: 0;
}

.kalendar .news-list .item.active
{
position:static;
left:0;
opacity: 1;
}

.kalendar .news-list .row > div
{
//overflow: hidden;
}

#datefilter input 
{
  max-width: 10rem;
}

.kalendar .news-list {
  background: none;
border-radius: 0.5rem;
//overflow: hidden;
border: 1px solid #B8926B;
}

.kalendar .news-list .row.first > div {
  background: #B8926B;
  padding: 1.2rem 0.5rem 1.3rem;
}

.kalendar .news-list .row:not(.first) > div {
  border-right: 1px solid #B8926B;
  border-bottom: 1px solid #B8926B;
}

.kalendar .news-list .row.first > div::before,
.kalendar .news-list .ico,
.birthdaysblock .birthdays .mail .btn svg, 
.kalendar .news-list .item .dialog .mail_event .btn svg,
.news-list-page .detail .news-page-time
{
display: none !important;
}

.kalendar .news-list .item .dialog
 {
  background: #B8926B;
}

.kalendar .news-list .item .dialog::after 
{
  border-top: 1rem solid #B8926B;
}

.birthdaysblock .birthdays .mail .btn, 
.kalendar .news-list .item .dialog .mail_event .btn 
{
  color: #B8926B;
  background: #fff;
border:1px solid #fff;
padding-left: 1rem;
font-size: 14px;
}

.birthdaysblock .birthdays .mail .btn:hover, 
.kalendar .news-list .item .dialog .mail_event .btn:hover 
{
  background: none;
color: #fff;
}

.kalendar .news-list .date 
{
  font-family: 'GratoGrotesk Medium';
  font-size: 18px;
  color: #fff;
left:1rem;
top:1rem;
}

.kalendar .news-list .row:not(.first) > div 
{
  height:auto;
}

.kalendar .news-list .item .dialog div {
  color: #fff;
}

.kalendar .news-list .item .dialog {
  font-size: 14px;
}

.kalendar .news-list .item .img 
{
  background-size: contain;
border: 1px solid #B8926B;
}

.kalendar .news-list .item .dialog .img
{
border: 1px solid #D9D9D9;
}

#kalendar-list
{
overflow: hidden;
}

.news-list-page .detail .bloks 
{
  color: #000000;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: none;
}

.news-list-page .item-list .bloks 
{
text-decoration: none !important;
color:#fff !important;
}

.news-list-page img,
.news-list-page iframe
{
max-width:100%;
}

.news-list-page .detail h2,
.news-list-page .item-list h3 
{
  color: #000;
  font-family: 'GratoGrotesk Medium';
  font-size: 24px;
  left: 0;
text-transform: uppercase;
}

.news-list-page .item-list h3 
{
color: #fff;
}

.h2.blue-h, h2.blue-h
 {
  color: #fff;
  font-family: 'GratoGrotesk Medium';
  font-size: 24px;
}

.news-list-page .btn
{
  color: #000;
}

div.reviews-reply-buttons input
{
  border-color: #fff;
}

div.reviews-reply-buttons input:hover
{
background: #fff;
color: #B8926B;
}

iblock-vote div.star-empty, 
.iblock-vote div.star-over, 
.iblock-vote div.star-voted,
.iblock-vote div.star-empty, 
.iblock-vote div.star-over, 
.iblock-vote div.star-voted
 {
  font-size: 14px;
}

.iblock-vote .vote-result 
{
  color: #000;
  font-family: 'GratoGrotesk';
  padding-left: 1rem;
}

.btncomment span
{
cursor:pointer;
}

div.reviews-info-box, 
div.reviews-reply-form 
{
margin-top:3rem;
  background: #B8926B;
  border-color: #B8926B;
border-radius: 0.5rem;
color:#fff;
}

form.reviews-form {
  background: none;
padding: 1.5rem;
}

div.reviews-reply-header, 
div.reviews-bbcode-line a:hover, 
div.reviews-bbcode-line a:hover img 
{
  background: none;
}

.feed-add-post-text {
  color: #000;
  font-size: 14px;
  padding: 15px 0 0 0;
}

div.reviews-reply-header 
{
  font-size: 14px;
  padding: 0.462em 0;
}

.owl-carousel .owl-item .btncomment img 
{
  display: inline-block;
  width: auto;
  -webkit-transform-style: none;
  transform-style: none;
}

.news-list-page .item-list .news-time
{
color:#B6B6B6;
font-size:12px;
}

.news-list-page .item-list .iblock-vote .vote-result 
{
  color: #fff;
}

.news-list-page .item-list .item .img
{
//height:100%;
overflow: hidden;
position: relative;
width:100%;
//height:100%;
aspect-ratio: 1.1/ 1;
}

.news-list-page .item-list .item .img img 
{
height: 100%;
    width: auto;
    max-width: none;

}

.news-list-page .item-list .item .trend .img
{
aspect-ratio: auto;
height:auto;
}

.news-list-page .item-list .item .trend .img img
{
height:auto;
position:static;
max-width:100%;
width:100%;
}

.news-list-page .item-list .item .trend .description
{
display:none;
}

.news-list-page .item-list.owl-carousel .owl-controls .owl-dot
{
background:none;
width:29px;
height:29px;
//margin:2px;
font-size:14px;
color:#fff;
line-height: 29px;
}

.news-list-page .item-list.owl-carousel .owl-controls .owl-dot.active
{
background:#4B4B4B;
}

.news-list-page .item-list.owl-carousel .owl-controls .owl-dots
{
margin-top:0;
}

.news-list-page .item-list.owl-carousel .owl-controls .owl-prev,
.news-list-page .item-list.owl-carousel .owl-controls .owl-next
{
margin:0 12px;
display:inline-block;
transform: translate(0, 12px);
}

.news-list-page .item-list .owl-item:not(.active) .bloks
{
box-shadow:none;
}

.news-list-page .item-list.owl-carousel .owl-controls .owl-nav
{
display: none !important;
}


.gallery .nav-items span, 
.gallery .nav-items a:hover 
{
  color: #B8926B;
  border: 1px solid #B8926B;
//background-color: #B8926B
}

.gallery .nav-items span.prev, 
.gallery .nav-items a.prev,
.gallery .nav-items span.next,
.gallery .nav-items a.next
{
    background-color: #B8926B;
border:1px solid #B8926B;
}

.gallery .nav-items span.prev:hover, 
.gallery .nav-items a.prev:hover,
.gallery .nav-items span.next:hover, 
.gallery .nav-items a.next:hover
{
    background-color: transparent;
border:1px solid #B8926B;
}

.bx-system-auth-form
{
height:100vh;
}

.newscount
{
border-radius: 0.5rem;
color: #fff;
//border: 1px solid #2B2E35;
box-shadow: 5px 5px 20px rgba(0,0,0,0.5);
text-decoration: none;
background: linear-gradient(246.37deg, #2B2E35 5.92%, #161B27 101.04%);
position:absolute;
top: 100%;
right: 1rem;
//z-index: 999;
z-index: 9;
width: 18vw;
font-size: 16px;
}

.newscount a
{
font-size:14px;
text-decoration:none;
}

.newscount a:hover
{
text-decoration:underline;
}

.newscount a.exitnewscount
{
position:absolute;
top:0;
right:0;
width:15px;
height:15px;
background: url('images/maki_cross.png') no-repeat 50% 50%;
background-size: cover;
}

.newsltdblock .news-list .img > img
{
max-height: 110%;
max-width: 110%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.news-list-page .item-list .item .bloks:not(.trend) .img
{
height:100%;
}

.news-list-page .item-list .item .bloks:not(.trend) .img img 
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
height:100%;
}

.news-list-page .item-list .item .img img {
    height: auto;
    width: auto;
    max-width: 110%;
    max-height: 110%;
max-width: none;
}

#kalendar-list {
  overflow: visible;
}

.kalendar .news-list .row:not(.first) > div 
{
  min-height: 12rem;
}

.videos .news-list .item a.video {
  aspect-ratio: 5 / 3.3;
}
.videos .news-list .item a.video .img > img {
  top: 40%;
}
.videos .news-list .item a.video .img > img {
  width: auto;
  max-height: 105%;
  max-width: 105%;
}

.index .news-list.trend .item img
{
max-height: 110%;
max-width: 110%;
}

.socsetr .news-list .img
{
aspect-ratio: 1 / 2;
background: url("/images/iPhone16Pro.png") no-repeat 50% 50%;
background-size: cover;
}

.socsetr .news-list .img > div.img-fluid
{
width: 87%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
aspect-ratio: 1 / 1.8;
}

.socsetr .news-list .httpcopy
 {
  font-family: 'GratoGrotesk Medium';
  color: #fff;
  font-size: 14px;
text-decoration:underline;
}

.socsetr .news-list .httpcopy:hover
 {
text-decoration:none;
}

.socsetr .socblock h3 
{
  font-family: 'GratoGrotesk Medium';
  font-size: 1rem;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 0;
}

.socsetr .socblock a,
.socsetr .news-list a
{
color:#fff;
}

#content 
{
  background-position:100% 100%;
  //background-size: contain;
background-size: 100% auto;
}


@media (max-width: 1450px)
{
.news-list-page .item-list
{
  margin-right: 0;
  margin-left: 0;
}

.news-list-page .item-list .item
{
width:calc(63.5% + 32px);
margin:0 auto;
max-width:100%;
}

.news-list-page .item-list .item .img
{
height:100%;
aspect-ratio: auto;
}

.newscount
{
width: 25vw;
}
}

@media (max-width: 1200px)
{
.block-list .block a div.time > div {
    font-size: 40px;
}

.index .news-list.trend .item img 
{
  position: static;
height: auto;
}

.newscount
{
width: 30vw;
}
.news-list-page .item-list .item .bloks:not(.trend) .img img 
{
height:auto;
}
}

@media (max-width: 1140px)
{
.news-list-page .item-list .item
{
width:100%;
}
}

@media (max-width: 768px)
{
.kalendar .news-list .item .dialog .date 
{
    font-family: 'GratoGrotesk Medium';
  font-size: 18px;
    color: #fff;
    position: static;
background:none;
text-align:right;
display: block;
}

.news-list-page .item-list .item .bloks:not(.trend) .img img 
{
  position: static;
  transform: none;
}

}

@media (max-width: 720px)
{
#top-menu #navbarNav
{
    background: #202328;
    position: absolute;
    top: 6.5rem;
    left: 1.9rem;
    z-index: 100;
    padding: 1rem 0.5rem 1.5rem;
    right:1.9rem;


 border-radius: 0.5rem;
    overflow: hidden;
    color: #fff;
    background: #2B2E35;
    //border: 1px solid #2B2E35;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 50%);
}

#top-menu #horizontal-multilevel-menu > li > a,
#top-menu #horizontal-multilevel-menu > li > span
{
display:inline-block;
margin:0.5rem 0;
}

#top-menu #horizontal-multilevel-menu li ul 
{
    background: none;
border-radius: 0;
box-shadow:none;
}

#top-menu #horizontal-multilevel-menu li:hover a,
#top-menu #horizontal-multilevel-menu li a:hover
{
background: none !important;
}

#horizontal-multilevel-menu li li a 
{
   color: #808080 !important;
background: none !important;
}

#top-menu #horizontal-multilevel-menu li.item-selected a 
{
    color: #fff !important;
background: none !important;
}

.index .news-list.trend, 
.index .news-list.trend .item, 
.index .news-list.trend .item > a, 
.index .news-list.trend .item .img 
{
    height: auto;
}

.index .news-list.trend .item img 
{
    width: 100%;
}

.birthdays 
{
    aspect-ratio: auto;
}

.birthdays .owl-carousel .owl-item .text,
.birthdays .owl-carousel .owl-item.active .text
{
height:auto;
bottom:0;
margin: 0;
}

#footer .bottom-menu a, 
#footer .bottom-menu span 
{
    padding: 0.25rem 0;
}

#keysfilters input[name="searhuser"]
{
max-width:100%;
}

form.reviews-form 
{
    padding-left: 1rem;
padding-right: 1rem;
}

.feed-add-post div.bx-html-editor
{
min-width:100% !important;
}

.news-list-page .item-list .item .img,
.news-list-page .item-list .item .img img 
{
    height: auto;
width:100%;
}

.news-list-page .item-list .item .trend .img 
{
    aspect-ratio: 1.1 / 1;
    height: auto;
//margin:auto 0;
}

.news-list-page .item-list .item .trend .img img
{
height: 100%;
    position: absolute;
    max-width: none;
    width: auto;
}

.news-list-page .item-list .item .trend .description
{
display:block;
padding:2rem 1rem;
}

.news-list-page .item-list.owl-carousel .owl-controls .owl-dot
{
display:none !important;
}

.newscount
{
width: calc(100vw - 2rem);
}

}

.bx-system-auth-form h3
{
      font-size: 2rem;
font-weight:normal;
}

.bx-system-auth-form h3 + div
{
font-size: 1rem;
}