﻿@import url('/fonts/Roboto/roboto.css');
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.shadow-md {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
h1 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 2.625rem;
}
h2 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 35px;
}
h3 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 30px;
}
h4 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
}
h5 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
}
h6 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}
header .header-bg {
  background-color: #f8f9fa;
}
header .header-gradient {
  background: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
  padding: 30px !important;
}
header .logo-container {
  height: 184px;
}
header .container-lg {
  padding: 0 !important;
}
header .container-lg .logo {
  display: flex;
  padding-left: 40px;
  height: 60px;
  flex-direction: row;
}
header .container-lg .logo .logo-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3rem;
  margin-left: 20px;
  color: #ffffff;
}
header .col-lg-4 {
  padding-right: 60px;
}
header .finevision-block {
  cursor: pointer;
  display: block;
  /* смещает только блоки */
  margin-left: auto;
  width: 206px;
  height: 80px;
  background-color: #f8f9fa;
}
header .finevision-block .finevision-text {
  display: flex;
  padding-top: 20px;
  padding-left: 20px;
}
header .finevision-block .finevision-text .fas {
  color: black;
  font-size: 32px;
}
header .finevision-block .finevision-text span {
  margin-left: 15px;
  font-weight: 500;
}
header .navbar-bg {
  background-color: #e9ecef;
}
header .navbar-bg .navbar {
  padding: 15px 10px;
  border: none;
  border-radius: 0;
  height: 70px;
}
header .navbar-bg .navbar .btn {
  display: none;
}
main .container-lg {
  min-height: calc(100vh - 500px);
  background: #ffffff;
}
main .container-lg .space-container {
  padding: 0 30px;
  height: 25px;
}
footer .footer-bg {
  background-color: #e9ecef;
}
footer .container-lg {
  min-height: 240px;
  padding: 40px 30px 10px 30px;
}
footer .logo {
  display: flex;
}
footer .logo-img {
  padding-bottom: 15px;
}
footer .logo-info {
  margin-left: 20px;
}
footer .contacts .header {
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  padding-bottom: 20px;
}
footer .copyright {
  margin-top: 30px;
}
footer .social {
  margin-top: 30px;
  margin-left: 80px;
  margin-bottom: 1.875rem;
  display: flex;
  flex-flow: row nowrap;
}
footer .social .soc-item {
  margin-left: 10px;
}
#cookieInformation {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: auto;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.85);
  color: #ffffff;
  padding: 1.5rem 0px;
}
.yaSearchForm {
  width: 98%;
  height: 46px;
  transition: width 1s;
  background-color: #ffffff;
}
.yaSearchForm .ya-site-form__input-text {
  padding: 0.85rem;
  height: 40px;
}
.yaSearchForm #ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: black !important;
}
.yaSearchForm #ya-site-form0 .ya-site-form__form .ya-site-form__input-text:focus {
  border-color: #ffffff !important;
}
.yaSearchForm #ya-site-form0 .ya-site-form__form .ya-site-form__input-text::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C4C4C4;
  opacity: 1;
  /* Firefox */
}
.yaSearchForm #ya-site-form0 .ya-site-form__form .ya-site-form__input-text:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #C4C4C4;
}
.yaSearchForm #ya-site-form0 .ya-site-form__form .ya-site-form__input-text::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #C4C4C4;
}
.ya-page_js_yes .ya-site-form_inited_no {
  display: none;
}
.ya-site-form__search-input-layout-r,
input.ya-site-form__submit {
  display: none;
  /*font-family: "Font Awesome 5 Brands";
        background: url(../../../../../../../../f002) 50% 50% no-repeat;*/
}
#yaSearchBtn {
  display: block;
  padding-left: 1rem;
  color: #e9ecef;
  font-size: 1rem;
  position: absolute;
  top: 5px;
  right: 10px;
}
#yaSearchBtn.btn.focus,
#yaSearchBtn.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.col-9.col-sm-10 {
  background-color: #ffffff;
}
#sidebar {
  width: 260px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background-color: #F2F2F2;
  transition: all 0.3s;
  z-index: 10000;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
#sidebar .row {
  height: 80px;
  padding-right: 30px;
}
#sidebar .btn {
  display: none;
}
#sidebar .nav-item .nav-link {
  padding: 12px;
  padding-left: 20px;
  font-size: 16px;
  color: #000000;
}
#sidebar .nav-item .nav-link:hover,
#sidebar .nav-item .nav-link:focus {
  text-decoration: underline;
}
#content {
  width: calc(100% - 260px);
  min-height: 100vh;
  transition: all 0.3s;
  position: absolute;
  top: 0;
  right: 0;
}
#content.active {
  width: calc(100% - 260px);
}