@charset "UTF-8";

html.garn2 * {
  font-family: "PT Serif", serif !important;
}

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

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

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

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

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

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


html.noimage img,
html.noimage .cap-img {
  display: none !important;
}


html.special .logo-mtsz.normv {
  display: none;
}

html.special * {
  box-shadow: none !important;
}

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

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

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

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

html.special button {
  outline: none !important;
}

html.special #morespecial {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: white;
  border-bottom: 3px solid black;
  z-index: 999;
  left: 0px;
  padding-top: 14px;
  padding-bottom: 14px;
}

html.special #morespecial .mgl20 {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

html.special #morespecial .mgl20 .mtit {
  float: left;
  width: 100px;
  margin-top: 8px;
  text-align: right;
  font-size: 14px !important;
  font-weight: normal;
}

html.special #morespecial .cont {
  width: 1070px;
  margin: 0 auto;
}

.sv_settings .btn-st,
#morespecial .btn {
  padding: 6px 26px;
}



.mod-btn .spec {
  display: none;
}

.sv_settings {
  display: none;
  padding: 10px;
  min-height: 40px;
  font-size: 21px;
  color: #333;
  background: white;
}

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

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

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

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

.cs-outer button {
  display: inline-block;
  height: 35px;
  width: 35px;
  padding: 0;
}

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

.sv_settings {
  display: none;
}

.sv_settings button {
  outline: none !important;
}

.special .sv_settings {
  display: block !important;
  /* position: fixed; */
  top: 0px;
  width: 100%;
  background-color: white;
  border-bottom: 3px solid black;
  z-index: 999;
  left: 0px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.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 button {
  text-decoration: none;
  display: inline-block;
  transition: all 0s ease 0s;
  vertical-align: top;
  width: 35px;
  height: 35px;
  font-weight: bold;
  text-transform: uppercase;
}

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

.special .sv_settings span {
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1000px) {
  .special .sv_settings span {
    margin-bottom: .5em; 
  }
}
.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;
}

.special #sv_settings .cont {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin: 0 auto;
}

.special .sv_settings {
  font-size: 16px;
  font-weight: 400;
}

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

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

html.color1 .fs-outer button:hover,
html.color1 #moreoption:hover,
html.color1 #moreoption.active,
html.color1 .cs-outer button:hover,
html.color1 .img-back button:hover,
html.color1 .img-outer button:hover,
html.color1 .fs-outer button.active,
html.color1 .cs-outer button.active,
html.color1 .img-outer button.active {
  background-color: black !important;
  color: white !important;
  cursor: pointer;
} 
html.color1 #backtodef,
html.color1 #moreoption {
  border: 1px solid #ebebeb;
  color: #333333;
  background-color: white;
}
html.color1 header, html.color1 footer {
  background: #000;
  color: #fff;
  font-weight: normal;
}


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

html.color1 div[style*=background],
html.color1 a[style*=background] {
  filter: grayscale(100%);
}


html.color1 {
  background-color: white;
  color: #161616 !important;
}

html.color1 body {
  background-color: white;
  color: #161616 !important;
}

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

html.font2 {
  font-size: 20px !important;
}

html.font3 {
  font-size: 26px !important;
}


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

.spec-ver {
  cursor: pointer;
}
html.special img {
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}

html.color1 {
  background-color: white;
  color: #000 !important;
}

html.color1 body {
  background-color: white;
  color: #000 !important;
}
html.color1 header a {
  color: #ebebeb;
}

html.color1 svg {
  fill: #fff !important;
}
html.color1 .icon__eye:hover svg {
  fill: #000 !important;
}
html.special .preloader {
  background: url('/common/img/loader/loader_svg_color1.svg') no-repeat center center;
  width: 80px;
  height: 80px;
  background-size: 80px 80px;
}

html.color1 .menu__list {
  background: rgb(22, 22, 22);
}

html.color1 .nav-item .nav-link {
  color: inherit;
}

html.color1 .nav-item.active .nav-link,
html.color1 .nav-item:hover .nav-link,
html.color1 .nav-item:focus .nav-link {
  color: inherit;
}
html.color1 .targets {
  color: #fff;
  background: #333333; 
}
html.color1 .targets a {
  color: #fff;
}
html.color1 .target__icon {
  background: #fff;
}
html.color1 .target__icon:hover {
  background: #000;
}
html.color1 .target__icon svg {
  fill: #000 !important;
}
html.color1 .target__icon:hover svg {
  fill: #fff !important;
}
html.color1 .targets .children__icon {
  background: #fff;
}
html.color1 .targets .children__icon svg{
  fill: #000 !important;
}
html.color1 .nav__block {
  border: 1px solid #000;
}
html.color1 .navbar .navbar-nav .nav-link:hover, html.color1 .nav-item.active {
  background: #000;
  color: #fff;
}

html.color1 .nav__block .dropdown .dropdown-menu {
  background: #000;
  color: #fff;
}
html.color1 .nav-inner ul li.active a {
  background: #000;
}
html.color1 .newsblock__category-list .tl-tag {
  background: #000;  
}
html.color1 .newsblock__category-list .tl-tag a {
  color: #fff;
}
html.special h1 {
  font-size: 2.1em
}

html.special h2 {
  font-size: 1.3em
}

/* color2 */

html.color2 header, html.color2 footer {
  background: #fff;
  color: #000;
  font-weight: normal;
}
html.color2.special .finevision {
  background: black;
}
html.color2.special .sv_settings {
  background-color: black;
  color: white;
  border-bottom: 3px solid white;
}

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

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

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

html.color2 .header,
html.color2 .menu {
  background-color: black;
}

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

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

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

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

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

html.color2 div[style*=background],
html.color2 a[style*=background] {
  filter: grayscale(100%);
}



html.color2 {
  background-color: black;
  color: white !important;
}

html.color2 body {
  background-color: black;
  color: white !important;
}


html.color2 .menu__list {
  background: #000;
  color: #fff;
}

html.color2 .nav-item.active .nav-link,
html.color2 .nav-item:hover .nav-link,
html.color2 .nav-item:focus .nav-link {
  color: #000;
  background: #fff;
}

html.color2 .dropdown-menu {
  color: #fff !important;
  background: #000 !important;
}


html.color2 {
  background-color: white;
  color: #000 !important;
}

html.color2 body {
  background-color: white;
  color: #000 !important;
}
html.color2 header a {
  color: #fff;
}

html.color2 svg {
  fill: #fff !important;
}
html.color2 .icon__eye:hover svg {
  fill: #000 !important;
}


html.color2 .menu__list {
  background: rgb(22, 22, 22);
}

/* targets */

html.color2 .targets {
  color: #333;
  background: #fff; 
}
html.color2 .targets a {
  color: #000;
}
html.color2 .target__icon {
  background: #000;
}
html.color2 .target__icon:hover {
  background: #fff;
}
html.color2 .target__icon svg {
  fill: #fff !important;
}
html.color2 .target__icon:hover svg {
  fill: #000 !important;
}
html.color2 .targets .children__icon {
  background: #000;
}
html.color2 .targets .children__icon svg{
  fill: #fff !important;
}
html.color2 .nav__block {
  border: 1px solid #000;
}
html.color2 .navbar .navbar-nav .nav-link:hover, html.color1 .nav-item.active {
  background: #000;
  color: #fff;
}

html.color2 .nav__block .dropdown .dropdown-menu {
  background: #000;
  color: #fff;
}
html.color2 .nav-inner ul li.active a {
  background: #000;
}
html.color2 header, html.color2 footer {
  background: #000;
  color: #fff;
  font-weight: normal;
}
html.color2 .newsblock__category-list .tl-tag {
  background: #000;
}
html.color2 .newsblock__category-list .tl-tag a {
  color: #fff !important;
}