@charset "UTF-8";

.finevision .container {
  position: relative;
}
.garn2 * {
  font-family: "PT Serif", serif !important;
}

.kern2 * {
  letter-spacing: 1.5px;
}

.kern2 #sv_settings *,
.kern2 #morespecial * {
  letter-spacing: 0px !important;
}

.kern3 * {
  letter-spacing: 2px;
}

.kern3 #sv_settings *,
.kern3 #morespecial * {
  letter-spacing: 0px !important;
}

.intr2 .mid-block *,
.intr2 .mid-left * {
  line-height: 1.5 !important;
}

.intr3 .mid-block *,
.intr3 .mid-left * {
  line-height: 2 !important;
}

.font1  body {
  font-size: 14px !important;
}

.font2 body {
  font-size: 16px !important;
}

.font3 body {
  font-size: 18px !important;
}


.noimage img {
  display: none !important;
}


.special * {
  box-shadow: none !important;
}
.special .line__bg, .special .footer__bg {
  display:none;
}
.special .baikal_web a {
  color:var(--text-color);
}
.special footer {
  margin-top: 50px;
}
/*  кнопки выбора цвета */

.special #cs-bw {
  background-color: white !important;
  color: black !important;
}

.special #cs-bw.active {
  border-bottom: 3px solid black !important;
  padding-top: 3px;
}

.special #cs-wb {
  background-color: black !important;
  color: white !important;
}

.special #cs-wb.active {
  border-bottom: 3px solid white !important;
  padding-top: 3px;
}

.special #cs-g {
  background-color: #9dd1ff !important;
  color: #195183 !important;
}

.special #cs-g.active {
  border-bottom: 3px solid black !important;
  padding-top: 3px;
}

.special #cs-j {
  background-color: #f7f3d6 !important;
  color: #4d4b64 !important;
}

.special #cs-j.active {
  border-bottom: 3px solid black !important;
  padding-top: 3px;
}

.special #cs-z {
  background-color: #3b2716 !important;
  color: #a9db3d !important;
}

.special #cs-z.active {
  border-bottom: 3px solid white !important;
  padding-top: 3px;
}

.special button {
  outline: none !important;
}

.special #morespecial {
  background-color: white;
  border-bottom: 3px solid black;
}

/*  стили панели версии для слабовидящих */

.sv_settings {
  display: flex;
  padding: 10px 0;
  font-size: 20px;
  color: #333;
  background: white;
}
.special .sv_settings {
  display: block !important;
  width: 100%;
  background-color: white;
  border-bottom: 3px solid black;
  font-size: 16px;
  font-weight: 400;
}

.special .cont {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}

.special .mgl20 {
  margin: 1em 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.sv_settings .btn-st,
#morespecial .btn {
  padding: .5em;
}

.fs-outer button {
  display: inline-block;
  background: white !important;
  color: black !important;
  height: 35px;
  width: 35px;
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
}

.cs-outer button {
  display: inline-block;
  height: 35px;
  width: 35px;
  font-weight: bold;
  padding: 0;
  line-height: 24px;
  text-transform: uppercase;
  vertical-align: top;
  transition: all 0s ease 0s;
  text-decoration: none;
}

 .sv_settings .fs-n {
  font-size: 14px !important;
}

 .sv_settings .fs-m {
  font-size: 18px !important;
}

 .sv_settings .fs-l {
  font-size: 22px !important;
}




.special .img-outer button {
  text-decoration: none;
  display: inline-block;
  background-color: white;
  transition: all 0s ease 0s;
  vertical-align: top;
  height: 35px;
  text-transform: uppercase;
  font-size: 14px !important;
  font-weight: normal;

}

.special .fs-outer,
.special .cs-outer {
  margin-left: 10px;
  margin-right: 50px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
}

.special .img-outer {
  margin-left: 10px;
  margin-right: 50px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
}

.color1 .fs-outer button {
  border: 1px solid #ebebeb;
  color: #333333;
  background-color: white;
}

.color1 .cs-outer button {
  border: 1px solid #ebebeb;
  color: #333333;
  background-color: white;
}

.color1 .fs-outer button:hover,
.color1 #moreoption:hover,
.color1 #moreoption.active,
.color1 .cs-outer button:hover,
.color1 .img-back button:hover,
.color1 .img-outer button:hover,
.color1 .fs-outer button.active,
.color1 .cs-outer button.active,
.color1 .img-outer button.active {
  background-color: black !important;
  color: white !important;
  cursor: pointer;
}

.color1 #backtodef,
.color1 #moreoption {
  border: 1px solid #ebebeb;
  color: #333333;
  background-color: white;
}

.color1 .img-outer button {
  border: 1px solid #ebebeb;
  color: #333333;
  background-color: white;
}



.color2.special .sv_settings {
  background-color: black;
  color: white;
  border-bottom: 3px solid white;
}

.color2 .fs-outer button {
  border: 1px solid #ebebeb;
  color: #333333;
  color: black;
}

.color2 .cs-outer button {
  border: 1px solid #ebebeb;
  color: #333333;
  background-color: white;
  color: black;
}

.color2 .fs-outer button,
.color2 .cs-outer button,
.color2 .img-outer button,
.color2 .img-back button {
  background-color: black !important;
  color: white !important;
  cursor: pointer;
}

.color2 #moreoption {
  background-color: black !important;
  color: white !important;
  cursor: pointer;
}

.color2 #moreoption.active,
.color2 #moreoption:hover {
  background-color: white !important;
  color: black !important;
}

.color2 #morespecial {
  background-color: black;
  border-bottom: 3px solid white;
}

.color2 .fs-outer button:hover,
.color2 .img-back button:hover,
.color2 .cs-outer button:hover,
.color2 .img-outer button:hover,
.color2 .fs-outer button.active,
.color2 .cs-outer button.active,
.color2 .img-outer button.active {
  background-color: white !important;
  color: black !important;
  cursor: pointer;
}

.color2 .img-outer button {
  border: 1px solid #ebebeb;
  color: #333333;
  background-color: white;
}





.color3 #morespecial .mgl20 .mtit {
  color: #195183;
}

.color3.special .sv_settings {
  background-color: #9dd1ff;
  color: #195183;
  border-bottom: 3px solid #195183;
}

.color3 .fs-outer button {
  border: 1px solid #195183;
  color: #333333;
  background-color: white;
  color: #195183;
  border: 1px solid #195183 !important;
}

.color3 .cs-outer button {
  border: 1px solid #ebebeb;
  color: #333333;
  color: black;
  font-weight: bold;
}

.color3 .fs-outer button,
.color3 .cs-outer button,
.color3 .img-outer button,
.color3 .img-back button {
  background-color: #9dd1ff !important;
  color: #195183 !important;
  cursor: pointer;
  border: 1px solid #195183 !important;
}

.color3 .header,
.color3 .menu {
  background-color: #9dd1ff;
}

.color3 #moreoption {
  background-color: #9dd1ff !important;
  color: #195183 !important;
  cursor: pointer;
  border: 1px solid #195183 !important;
}

.color3 #moreoption.active,
.color3 #moreoption:hover {
  background-color: white !important;
  color: black !important;
}

.color3 #morespecial {
  background-color: #73b3e7;
  border-bottom: 3px solid #195183;
}

.color3 .fs-outer button:hover,
.color3 .img-back button:hover,
.color3 .cs-outer button:hover,
.color3 .img-outer button:hover,
.color3 .fs-outer button.active,
.color3 .cs-outer button.active,
.color3 .img-outer button.active {
  background-color: white !important;
  color: black !important;
  cursor: pointer;
  border: 1px solid #195183;
}

.color3 .img-outer button {
  border: 1px solid #ebebeb;
  color: #333333;
  background-color: white;
}


.color4 #morespecial .mgl20 .mtit {
  color: #4d4b43;
}

.color4.special .sv_settings {
  background-color: #ede3a1;
  color: #4d4b43;
  border-bottom: 3px solid #4d4b43;
}

.color4 .fs-outer button {
  border: 1px solid #195183;
  color: #333333;
  background-color: white;
  color: #195183;
  border: 1px solid #195183 !important;
}

.color4 .cs-outer button {
  border: 1px solid #ebebeb;
  color: #333333;
  color: black;
}

.color4 .fs-outer button,
.color4 .cs-outer button,
.color4 .img-outer button,
.color4 .img-back button {
  background-color: #f7f3d6 !important;
  color: #4d4b43 !important;
  cursor: pointer;
  border: 1px solid #4d4b43 !important;
}

.color4 .header,
.color4 .menu {
  background-color: transparent;
}

.color4 #moreoption {
  background-color: #f7f3d6 !important;
  color: #4d4b43 !important;
  cursor: pointer;
  border: 1px solid #4d4b43 !important;
}

.color4 #moreoption.active,
.color4 #moreoption:hover {
  background-color: white !important;
  color: black !important;
}

.color4 #morespecial {
  background-color: #ede3a1;
  border-bottom: 3px solid #4d4b43;
}

.color4 .fs-outer button:hover,
.color4 .img-back button:hover,
.color4 .cs-outer button:hover,
.color4 .img-outer button:hover,
.color4 .fs-outer button.active,
.color4 .cs-outer button.active,
.color4 .img-outer button.active {
  background-color: white !important;
  color: black !important;
  cursor: pointer;
  border: 1px solid #195183;
}

.color4 .img-outer button {
  border: 1px solid #4d4b43;
  color: #333333;
  background-color: white;
}

.color5 #morespecial .mgl20 .mtit {
  color: #a9dd38;
}

.color5.special .sv_settings {
  background-color: #51431d;
  color: #a9dd38;
  border-bottom: 3px solid #a9dd38;
}

.color5 .fs-outer button {
  color: #333333;
  background-color: white;
  color: #195183;
  border: 1px solid #195183 !important;
}

.color5 .cs-outer button {
  border: 1px solid #ebebeb;
  color: #333333;
  background-color: white;
  color: black;
}

.color5 .fs-outer button,
.color5 .cs-outer button,
.color5 .img-outer button,
.color5 .img-back button {
  background-color: #3b2716 !important;
  color: #a9dd38 !important;
  cursor: pointer;
  border: 1px solid #a9dd38 !important;
}

.color5 .header,
.color5 .menu {
  background-color: transparent;
}

.color5 #moreoption {
  background-color: #3b2716 !important;
  color: #a9dd38 !important;
  cursor: pointer;
  border: 1px solid #a9dd38 !important;
}

.color5 #moreoption.active,
.color5 #moreoption:hover {
  background-color: black !important;
  color: white !important;
}

.color5 #morespecial {
  background-color: #3b2716;
  border-bottom: 3px solid #a9dd38;
}

.color5 .fs-outer button:hover,
.color5 .img-back button:hover,
.color5 .cs-outer button:hover,
.color5 .img-outer button:hover,
.color5 .fs-outer button.active,
.color5 .cs-outer button.active,
.color5 .img-outer button.active {
  background-color: black !important;
  color: white !important;
  cursor: pointer;
  border: 1px solid #a9dd38;
}

.color5 .img-outer button {
  border: 1px solid #4d4b43;
  color: #333333;
  background-color: white;
}


/***********************/

.spec-ver {
  cursor: pointer;
}

.special .footer__info .info__title, 
.special .item__title, 
.special .nav__link, 
.special .grey {
  opacity: 1;
  font-weight: bold !important;
}



.color5 body {
  color: #a9dd38;
  background: #3b2716;
}

/* color1-title */

.color1:root {
  --bg-color: #fff;
	--title-color: #000;
	--header-color: #fff;
	--base-color: #000;
	--footer-color: #fff;
	--text-color: #000;
	--text2-color: #000;
	--white-color: #fff;
	--white-transparent: #000;
	--grey-color: #000;
	--light-color: #fff;
	--box-shadow: none;
}
.color1 div[style*=background],
.color1 a[style*=background] {
  filter: grayscale(100%);
}
.color1 body {
  background-color: white;
  color: #161616 !important;
}
.color1 img {
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}
.color1 svg {
  fill: #000 !important;
}

.color1 .header,
.color1 .menu {
  background-color: var(--header-color);
}
.color1 .header__block {
  background: var(--header-color);
  background-image: none;
}

.color1 .menu__list {
  background: var(--header-color);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.color1 .navblock .menu__list .navbar-nav {
  background: var(--header-color);
}
.color1 .nav-item .nav-link {
  background: var(--header-color);
  color: black;
}
.color1 .navblock .nav-item.level1 > .nav-link:hover,
.color1 .navblock .nav-item.level2 > .nav-link:hover { 
  background: black;
  color: var(--header-color);
}

/* color2-title */
.color2:root {
  --bg-color: #000; 
	--title-color: #fff;
	--header-color: #000;
	--base-color: #fff;
	--footer-color: #000;
	--text-color: #fff;
	--text2-color: #fff;
	--white-color: #000;
	--white-transparent: #000;
	--grey-color: #000;
	--light-color: #fff;
	--box-shadow: none;
  
}
.color2 div[style*=background],
.color2 a[style*=background] {
  filter: grayscale(100%);
}
.color2 body {
  background-color: black;
  color: white !important;
}

.color2 svg {
  fill: #fff !important;
}
.color2 img {
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}

.color2 .header,
.color2 .menu {
  background-color: black;
}
.color2 .header__block {
  background: var(--header-color);
  background-image: none;
}
.color2 .menu__list {
  background: #000;
}
.color2 .navblock .menu__list .navbar-nav {
  background: #000;
}
.color2 .nav-item .nav-link {
  background: #000;
  color: #fff;
}
.color2 .navblock .nav-item.level1 > .nav-link:hover,
.color2 .navblock .nav-item.level2 > .nav-link:hover { 
  background: #fff;
  color: #000;
}


/* color3-title */

.color3 body {
  background-color: #9dd1ff;
  color: #195183 !important;
}



/* color1-title */

.color3:root {
  --bg-color: #195183;
	--title-color: #195183;
	--header-color: #9dd1ff;
	--base-color: #9dd1ff;
	--footer-color: #9dd1ff;
	--text-color: #195183;
	--text2-color: #195183;
	--white-color: #9dd1ff;
	--white-transparent: #195183;
	--grey-color: #195183;
	--light-color: #195183;
	--box-shadow: none;
}
.color3 div[style*=background],
.color3 a[style*=background] {
  -webkit-filter: grayscale(100%) brightness(100%) sepia(10%) hue-rotate(-180deg) saturate(700%) contrast(0.8) !important;
  filter: grayscale(100%) brightness(100%) sepia(10%) hue-rotate(-180deg) saturate(700%) contrast(0.8) !important;
}
.color3 body {
  background-color: #9dd1ff;
  color: #195183 !important;
}
.color3 img {
  -webkit-filter: grayscale(100%) brightness(100%) sepia(10%) hue-rotate(-180deg) saturate(700%) contrast(0.8) !important;
  filter: grayscale(100%) brightness(100%) sepia(10%) hue-rotate(-180deg) saturate(700%) contrast(0.8) !important;
}

.color3 svg {
  fill: #195183 !important;
}

.color3 .header,
.color3 .menu {
  background-color: var(--header-color);
}
.color3 .header__block {
  background: var(--header-color);
  background-image: none;
}
.color3 .menu__list {
  background: #9dd1ff;
  border-top: 1px solid #195183;
  border-bottom: 1px solid #195183;
}
.color3 .navblock .menu__list .navbar-nav {
  background: #9dd1ff;
}
.color3 .nav-item .nav-link {
  background: #9dd1ff;
  color: #195183;
}
.color3 .navblock .nav-item.level1 > .nav-link:hover,
.color3 .navblock .nav-item.level2 > .nav-link:hover { 
  background: #195183;
  color: #9dd1ff;
}

/* color4-title */

.color4:root {
  --bg-color: #4d4b43;
	--title-color: #4d4b43;
	--header-color: #f7f3d6;
	--base-color: #f7f3d6;
	--footer-color: #f7f3d6;
	--text-color: #4d4b43;
	--text2-color: #4d4b43;
	--white-color: #f7f3d6;
	--white-transparent: #4d4b43;
	--grey-color: #4d4b43;
	--light-color: #4d4b43;
	--box-shadow: none;
}
.color4 div[style*=background],
.color4 a[style*=background] {
  -webkit-filter: grayscale(100%) brightness(100%) sepia(8%) hue-rotate(0deg) saturate(700%) contrast(0.8) !important;
  filter: grayscale(100%) brightness(100%) sepia(8%) hue-rotate(0deg) saturate(700%) contrast(0.8) !important;
}
.color4 body {
  color: #4d4b43;
  background: #f7f3d6;
}
.color4 img {
  -webkit-filter: grayscale(100%) brightness(100%) sepia(8%) hue-rotate(0deg) saturate(700%) contrast(0.8) !important;
  filter: grayscale(100%) brightness(100%) sepia(8%) hue-rotate(0deg) saturate(700%) contrast(0.8) !important;
}
.color4 svg {
  fill: #4d4b43 !important;
}

.color4 .header,
.color4 .menu {
  background-color: #f7f3d6;
}
.color4 .header__block {
  background: var(--header-color);
  background-image: none;
}
.color4 .menu__list {
  background: #f7f3d6;
  border-top: 1px solid #4d4b43;
  border-bottom: 1px solid #4d4b43;
}
.color4 .navblock .menu__list .navbar-nav {
  background: #f7f3d6;
}
.color4 .nav-item .nav-link {
  background: #f7f3d6;
  color: #4d4b43;
}
.color4 .navblock .nav-item.level1 > .nav-link:hover,
.color4 .navblock .nav-item.level2 > .nav-link:hover { 
  background: #4d4b43;
  color: #f7f3d6;
}

/* color5-title */

.color5:root {
  --bg-color: #a9dd38;
	--title-color: #a9dd38;
	--header-color: #3b2716;
	--base-color: #3b2716;
	--footer-color: #3b2716;
	--text-color: #a9dd38;
	--text2-color: #a9dd38;
	--white-color: #3b2716;
	--white-transparent: #a9dd38;
	--grey-color: #a9dd38;
	--light-color: #a9dd38;
	--box-shadow: none;
}
.color5 div[style*=background],
.color5 a[style*=background] {
  -webkit-filter: grayscale(100%) brightness(100%) sepia(8%) hue-rotate(0deg) saturate(700%) contrast(0.8) !important;
  filter: grayscale(100%) brightness(100%) sepia(8%) hue-rotate(0deg) saturate(700%) contrast(0.8) !important;
}
.color5 body {
  background-color: #3b2716;
  color: #a9dd38 !important;
}
.color5 img {
  -webkit-filter: grayscale(100%) brightness(100%) sepia(8%) hue-rotate(0deg) saturate(700%) contrast(0.8) !important;
  filter: grayscale(100%) brightness(100%) sepia(8%) hue-rotate(0deg) saturate(700%) contrast(0.8) !important;
}
.color5 svg {
  fill: #a9dd38 !important;
}

.color5 .header,
.color5 .menu {
  background-color: #3b2716;
}
.color5 .header__block {
  background: var(--header-color);
  background-image: none;
}
.color5 .menu__list {
  background: #3b2716;
  border-top: 1px solid #a9dd38;
  border-bottom: 1px solid #a9dd38;
}
.color5 .navblock .menu__list .navbar-nav {
  background: #3b2716;
}
.color5 .nav-item .nav-link {
  background: #3b2716;
  color: #a9dd38;
}
.color5 .navblock .nav-item.level1 > .nav-link:hover,
.color5 .navblock .nav-item.level2 > .nav-link:hover { 
  background: #a9dd38;
  color: #3b2716;
}