@font-face {
    font-family: 'light';
    src: url('/local/components/cyberlab/knowledgebase/fonts/Onest-Light.ttf')  format('truetype'); /* IE9 Compat Modes */
  }
@font-face {
    font-family: 'regular';
    src: url('/local/components/cyberlab/knowledgebase/fonts/Onest-Regular.ttf')  format('truetype'); /* IE9 Compat Modes */
  }
@font-face {
    font-family: 'medium';
    src: url('/local/components/cyberlab/knowledgebase/fonts/Onest-Medium.ttf')  format('truetype'); /* IE9 Compat Modes */
  }
@font-face {
    font-family: 'bold';
    src: url('/local/components/cyberlab/knowledgebase/fonts/Onest-Bold.ttf')  format('truetype'); /* IE9 Compat Modes */
  }
.sidebar-pulse-table .sidebar-pulse-percent{
color: #1f7f66 !important;
}
.sidebar-widget.sidebar-widget-birthdays .today-birth .user-birth-date{
	color: #1f7f66 !important;
}
.sidebar-widget.sidebar-widget-birthdays .sidebar-user-info{
	color: #1f7f66 !important;
}
.sidebar-widget .calendar-events-wrap .calendar-item-link{
color: #1f7f66 !important;
}
.sidebar-widget .calendar-events-wrap .calendar-item-icon{
background-color: #1f7f66 !important;
}
.help-block-icon{
background-color: #1f7f66 !important;
}
#header{
    background: #1f7f66 !important;
}

.header-search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    white !important;
}
.header-search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    white !important;
   opacity:  1;
}
.header-search-input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    white !important;
   opacity:  1;
}
.header-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    white !important;
}
.header-search-input::-ms-input-placeholder { /* Microsoft Edge */
   color:    white !important;
}
.header-search-input::placeholder { /* Most modern browsers support this now. */
   color:    white !important;
}
.bx-time{
color:white !important; 
}
.bitrix24-dark-theme .menu-switcher-lines, .bitrix24-dark-theme .menu-switcher-lines:after, .bitrix24-dark-theme .menu-switcher-lines:before{
background:white !important;
}
.bitrix24-dark-theme .menu-switcher-lines, .bitrix24-dark-theme .menu-switcher-lines:after, .bitrix24-dark-theme .menu-switcher-lines:before,.time-minutes,.timeman-right-side,.user-name{
color:white !important;
}
.timeman-tasks:before,.logo img{
filter:invert(1) !important;
}


/*/////////////*/
.sidebar-widget.sidebar-widget-popular .user-post-title{
	color: #1F7F66;
}
.about{
font-family:"regular";
font-size:14px;
}
.about .title{
	text-indent: 35px;
	font-size:16px;
}
.about .text p{
	margin:0px;
	font-family:"light";
	text-indent: 35px;
}
.about .text p.h2{
	font-size:29px;
	font-family:"regular";
	margin-top:37px;
}
.about .text .images{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	margin-bottom:35px;
	margin-top:20px;
}
/* SIDEBAR */
.sidebar-widget-top .sidebar-widget-top-title, .sidebar-widget-top .sidebar-widget-top-title a, .sidebar-pulse-block .sidebar-pulse-text{
color:black;
}
.sidebar-pulse-block, 
.sidebar-widget-top,
.b24-app-block-header,
.b24-app-block-header{
   /* background-color: #1F7F66 !important;*/
    /*background: rgba(255,255,255,.15) !important;*/
background: rgba(0,0,0,.07) !important;
}
/*///////////////////*/
#layout-left-column ul li a span.menu-item-link-text {
    font-size: 16px !important;
    font-family: 'regular' !important;
}
#layout-left-column .menu-default-more-btn{
	font-size: 16px !important;
    font-family: 'regular' !important;
}
#layout-left-column .menu-help-btn .menu-help-btn-text{
font-family:"regular";
}
#footer{
	/*background: #1f7f66;*/
	background: #f7f7f7;
    opacity: 0;
}
/*#bx-im-bar{
	background:#f7f7f7;
}*/
.page-header{
/*background: #1f7f66;*/
}
.workarea-content-paddings{
	/*overflow-x:inherit;*/
}
.page-header #pagetitle{
	/*color:white;*/
    font-family: "regular";
	font-size: 20px;
}
/* SWIPER */

.mpSwiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%;
    display: flex;
    top: 5px;
    
}

.mpSwiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: 0 !important;
    top: 8px !important;
    width: 100% !important;
}

.mpSwiper .swiper {
    width: 100%;
    height: 150px;
    border-radius: 8px;
  }

  .mpSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #1F7F66;
    display: flex;
    justify-content: left;
    align-items: center;
  }
  .mpSwiper .swiper-slide .title{
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.67);
    backdrop-filter: blur(1.5px);
    padding: 0px 15px;
    margin-left: 15px;
    color: #000;
    font-family: "regular";
    font-size: 16px;

    max-width: 215px;
    text-align: left;
margin: 30px 0px 20px 15px;
  }
  .mpSwiper .swiper-slide .title a{
    border-radius: 2.792px;
    background: #1F7F66;
    color: #FFF;
    font-family: "regular";
    font-size: 11.82px;

    padding: 5px;
  }

  .mpSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .mpSwiper .swiper-pagination-bullet{
    width: 100% !important;
    border-radius: 0px !important;
    height: 3px !important;
  }

  .mpSwiper{
    width: 100%;
    grid-column: 1/3;
    grid-row: 1/3;
}

  /* SWIPER END */

.mp-head-section{
    width: 100%;
    /*height: 153px;*/
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr;
    gap: 16px;
}

.mp-head-section-link{
  background-color: #1F7F66;
  padding: 8px 12px;
  border-radius: 8px;
  color: white;
  text-decoration: none;
  cursor: pointer;
	font-family:"regular";
font-size:16px;
}

.mp-head-section-link:hover{
  color: white;
}

.mp-vacancies-link{
  grid-row: 1/2;
  grid-column: 3/4;
}

.mp-instruct-link{
  grid-row: 1/2;
  grid-column: 4/5;
}

.mp-ideas-link{
  grid-row: 2/3;
  grid-column: 3/4;
}

.mp-events-link{
  grid-row: 2/3;
  grid-column: 4/5;
}