@import url(https://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,latin-ext);

@font-face {
    font-family: 'fontopendyslexicaltabold';
    src: url('fonts/OpenDyslexicAlta-Bold-webfont.eot');
    src: url('fonts/OpenDyslexicAlta-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenDyslexicAlta-Bold-webfont.woff2') format('woff2'),
         url('fonts/OpenDyslexicAlta-Bold-webfont.woff') format('woff'),
         url('fonts/OpenDyslexicAlta-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenDyslexicAlta-Bold-webfont.svg#opendyslexicaltabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opendyslexicaltaregular';
    src: url('fonts/OpenDyslexicAlta-Regular-webfont.eot');
    src: url('fonts/OpenDyslexicAlta-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenDyslexicAlta-Regular-webfont.woff2') format('woff2'),
         url('fonts/OpenDyslexicAlta-Regular-webfont.woff') format('woff'),
         url('fonts/OpenDyslexicAlta-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenDyslexicAlta-Regular-webfont.svg#opendyslexicaltaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opendyslexicbold';
    src: url('fonts/OpenDyslexic-Bold-webfont.eot');
    src: url('fonts/OpenDyslexic-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenDyslexic-Bold-webfont.woff2') format('woff2'),
         url('fonts/OpenDyslexic-Bold-webfont.woff') format('woff'),
         url('fonts/OpenDyslexic-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenDyslexic-Bold-webfont.svg#opendyslexicbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opendyslexicregular';
    src: url('fonts/OpenDyslexic-Regular-webfont.eot');
    src: url('fonts/OpenDyslexic-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenDyslexic-Regular-webfont.woff2') format('woff2'),
         url('fonts/OpenDyslexic-Regular-webfont.woff') format('woff'),
         url('fonts/OpenDyslexic-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenDyslexic-Regular-webfont.svg#opendyslexicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*********** font type *************/
body.ft1 .page *:not(.fa), #ft1 {font-family: Arial, Helvetica, sans-serif !important;}
body.ft1b .page *:not(.fa), #ft1b {font-family: Arial, Helvetica, sans-serif !important; font-weight: bold !important;}

body.ft2 .page *:not(.fa), #ft2 {font-family: Verdana, Geneva, sans-serif !important;}
body.ft2b .page *:not(.fa), #ft2b {font-family: Verdana, Geneva, sans-serif !important; font-weight: bold !important;}

body.ft3 .page *:not(.fa), #ft3 {font-family: 'opendyslexicregular' !important;}
body.ft3b .page *:not(.fa), #ft3b {font-family: 'opendyslexicbold' !important;}

body.ft4 .page *:not(.fa), #ft4 {font-family: 'opendyslexicaltaregular' !important;}
body.ft4b .page *:not(.fa), #ft4b {font-family: 'fontopendyslexicaltabold' !important;}

body.ft5 .page *:not(.fa), #ft5 {font-family: Century Gothic, CenturyGothic, 'Didact Gothic', sans-serif; !important;}

/********* font type end ***********/

/************ size 14 *************/
body.vi-txt14 .hBlocks h1, 
body.vi-txt14 .hBlocks .slide,
body.vi-txt14 .viButtons,
#vi-txt14, 
body.vi-txt14 .ancor-menu, 
body.vi-txt14 .breadcrumbs, 
body.vi-txt14 ul.lang, 
body.vi-txt14 .top-list, 
body.vi-txt14 .switch-menu li > a,  
body.vi-txt14 footer.main, 
body.vi-txt14 nav a, 
body.vi-txt14 ul.news-list, 
body.vi-txt14 .center {font-size: 14pt !important;}
/********** size 14 end ***********/

/************ size 16 *************/
body.vi-txt16 .hBlocks h1, 
body.vi-txt16 .hBlocks .slide,
body.vi-txt16 .viButtons,
#vi-txt16, 
body.vi-txt16 .ancor-menu, 
body.vi-txt16 .breadcrumbs, 
body.vi-txt16 ul.lang, 
body.vi-txt16 .top-list, 
body.vi-txt16 .switch-menu li > a,  
body.vi-txt16 footer.main, 
body.vi-txt16 nav a, 
body.vi-txt16 ul.news-list, 
body.vi-txt16 .center {font-size: 16pt !important;}
body.vi-txt16 ul.lang a {height: auto !important;}
/********** size 16 end ***********/

/************ size 18 *************/
body.vi-txt18 .hBlocks h1, 
body.vi-txt18 .hBlocks .slide,
body.vi-txt18 .viButtons,
#vi-txt18,
body.vi-txt18 .ancor-menu, 
body.vi-txt18 .breadcrumbs, 
body.vi-txt18 ul.lang, 
body.vi-txt18 .top-list, 
body.vi-txt18 .switch-menu li > a,  
body.vi-txt18 footer.main, 
body.vi-txt18 nav a, 
body.vi-txt18 ul.news-list, 
body.vi-txt18 .center {font-size: 18pt !important;}
body.vi-txt18 ul.lang a {height: auto !important;}
/********** size 18 end ***********/

/************ size 20 *************/
body.vi-txt20 .hBlocks h1, 
body.vi-txt20 .hBlocks .slide,
body.vi-txt20 .viButtons,
#vi-txt20,
body.vi-txt20 .ancor-menu, 
body.vi-txt20 .breadcrumbs, 
body.vi-txt20 ul.lang, 
body.vi-txt20 .top-list, 
body.vi-txt20 .switch-menu li > a,  
body.vi-txt20 footer.main, 
body.vi-txt20 nav a, 
body.vi-txt20 ul.news-list, 
body.vi-txt20 .center {font-size: 20pt !important;}
body.vi-txt20 ul.lang a {height: auto !important;}
/********** size 20 end ***********/

/************ size 125 *************/
body.vi-txt125 .hBlocks h1, 
body.vi-txt125 .hBlocks .slide,
body.vi-txt125 .viButtons,
#vi-txt125,
body.vi-txt125 .ancor-menu, 
body.vi-txt125 .breadcrumbs, 
body.vi-txt125 ul.lang, 
body.vi-txt125 .top-list, 
body.vi-txt125 .switch-menu li > a,  
body.vi-txt125 footer.main, 
body.vi-txt125 nav a, 
body.vi-txt125 ul.news-list, 
body.vi-txt125 .center {font-size: 125% !important;}
body.vi-txt125 ul.lang a {height: auto !important;}
/********** size 125 end ***********/

/************ size 150 *************/
body.vi-txt150 .hBlocks h1, 
body.vi-txt150 .hBlocks .slide,
body.vi-txt150 .viButtons,
#vi-txt150,
body.vi-txt150 .ancor-menu, 
body.vi-txt150 .breadcrumbs, 
body.vi-txt150 ul.lang, 
body.vi-txt150 .top-list, 
body.vi-txt150 .switch-menu li > a,  
body.vi-txt150 footer.main, 
body.vi-txt150 nav a, 
body.vi-txt150 ul.news-list, 
body.vi-txt150 .center {font-size: 150% !important;}
body.vi-txt150 ul.lang a {height: auto !important;}
/********** size 150 end ***********/

/************ size 200 *************/

body.vi-txt200 .side .slide, 
body.vi-txt200 .hBlocks h1, 
body.vi-txt200 .hBlocks .slide, 
body.vi-txt200 .viButtons,
#vi-txt200,
body.vi-txt200 .ancor-menu, 
body.vi-txt200 .breadcrumbs, 
body.vi-txt200 ul.lang, 
body.vi-txt200 .top-list, 
body.vi-txt200 .switch-menu li > a,  
body.vi-txt200 footer.main, 
body.vi-txt200 nav a, 
body.vi-txt200 ul.news-list, 
body.vi-txt200 .center {font-size: 200% !important;}
body.vi-txt200 ul.lang a {height: auto !important;}
/********** size 200 end ***********/

#vi-c1 {background: #f5f5dc; color: #000;}
#vi-c2 {background: #000; color: #fff;}
#vi-c3 {background: #fff; color: #00008b;}
#vi-c4 {background: #00ff00; color: #000;}
#vi-c5 {background: #ffe800; color: #000;}
#vi-c6 {background: #ffe800; color: #00008b;}
#vi-c7 {background: #00008b; color: #ffe800;}
#vi-c8 {background: #000; color: #00f0ff;}
#vi-c9 {background: #d600d6; color: #000;}
#vi-c10 {background: #fff; color: #000;}

/************ contrast 1 *************/
body.vi-c1 .viMenu a,
body.vi-c1 .viMenu strong, 
body.vi-c1 #logo {background: url(../images/logo_b.png) no-repeat !important;}
body.vi-c1 #logo_en {background: url(../images/logo_en_b.png) no-repeat !important;}

body.vi-c1 .viButtons,
body.vi-c1 .page, 
body.vi-c1 .ancor-menu, 
body.vi-c1 .top-news ul a, 
body.vi-c1 .top-news ul, 
body.vi-c1 .top-news .teaser, 
body.vi-c1 {background: #f5f5dc !important;}
body.vi-c1 .viButtons *, 
body.vi-c1 .page * {color: #000 !important;}

body.vi-c1 .center .csc-header, 
body.vi-c1 .bt {border-top: 5px solid #000 !important;}

body.vi-c1 h1, 
body.vi-c1 .bb {border-bottom: 5px solid #000 !important;}

body.vi-c1 a {color: #000 !important;}

body.vi-c1 a#vi-sound { background-image: url(../images/vi_ico1b.png); }
body.vi-c1 .viButtons * {border: 0;}
/********** contrast 1 end ***********/

/************ contrast 2 *************/
body.vi-c2 #logo {background: url(../images/logo_w.png) no-repeat !important;}
body.vi-c2 #logo_en {background: url(../images/logo_en_w.png) no-repeat !important;}

body.vi-c2 .viButtons,
body.vi-c2 .page, 
body.vi-c2 .ancor-menu, 
body.vi-c2 .top-news ul a, 
body.vi-c2 .top-news ul, 
body.vi-c2 .top-news .teaser, 
body.vi-c2 {background: #000 !important;}
body.vi-c2 .viButtons *, 
body.vi-c2 .page * {color: #fff !important;}

body.vi-c2 .center .csc-header, 
body.vi-c2 .bt {border-top: 5px solid #fff !important;}

body.vi-c2 h1, 
body.vi-c2 .bb {border-bottom: 5px solid #fff !important;}

body.vi-c2 a {color: #fff !important;}

body.vi-c2 .viButtons * {border: 0;}
/********** contrast 2 end ***********/

/************ contrast 3 *************/
body.vi-c3 #logo {background: url(../images/logo_b.png) no-repeat !important;}
body.vi-c3 #logo_en {background: url(../images/logo_en_b.png) no-repeat !important;}

body.vi-c3 .viButtons,
body.vi-c3 .page, 
body.vi-c3 .ancor-menu, 
body.vi-c3 .top-news ul a, 
body.vi-c3 .top-news ul, 
body.vi-c3 .top-news .teaser, 
body.vi-c3 {background: #fff !important;}
body.vi-c3 .viButtons *, 
body.vi-c3 .page * {color: #00008b !important;}

body.vi-c3 .center .csc-header, 
body.vi-c3 .bt {border-top: 5px solid #00008b !important;}

body.vi-c3 h1, 
body.vi-c3 .bb {border-bottom: 5px solid #00008b !important;}

body.vi-c3 a {color: #00008b !important;}

body.vi-c3 a#vi-sound { background-image: url(../images/vi_ico1b.png); }
body.vi-c3 .viButtons * {border: 0;}
/********** contrast 3 end ***********/

/************ contrast 4 *************/
body.vi-c4 #logo {background: url(../images/logo_b.png) no-repeat !important;}
body.vi-c4 #logo_en {background: url(../images/logo_en_b.png) no-repeat !important;}

body.vi-c4 .viButtons,
body.vi-c4 .page, 
body.vi-c4 .ancor-menu, 
body.vi-c4 .top-news ul a, 
body.vi-c4 .top-news ul, 
body.vi-c4 .top-news .teaser, 
body.vi-c4 {background: #00ff00 !important;}
body.vi-c4 .viButtons *, 
body.vi-c4 .page * {color: #000 !important;}

body.vi-c4 .center .csc-header, 
body.vi-c4 .bt {border-top: 5px solid #000 !important;}

body.vi-c4 h1, 
body.vi-c4 .bb {border-bottom: 5px solid #000 !important;}

body.vi-c4 a {color: #000 !important;}

body.vi-c4 a#vi-sound { background-image: url(../images/vi_ico1b.png); }
body.vi-c4 .viButtons * {border: 0;}
/********** contrast 4 end ***********/

/************ contrast 5 *************/
body.vi-c5 #logo {background: url(../images/logo_b.png) no-repeat !important;}
body.vi-c5 #logo_en {background: url(../images/logo_en_b.png) no-repeat !important;}

body.vi-c5 .viButtons,
body.vi-c5 .page, 
body.vi-c5 .ancor-menu, 
body.vi-c5 .top-news ul a, 
body.vi-c5 .top-news ul, 
body.vi-c5 .top-news .teaser, 
body.vi-c5 {background: #ffe800 !important;}
body.vi-c5 .viButtons *, 
body.vi-c5 .page * {color: #000 !important;}

body.vi-c5 .center .csc-header, 
body.vi-c5 .bt {border-top: 5px solid #000 !important;}

body.vi-c5 h1, 
body.vi-c5 .bb {border-bottom: 5px solid #000 !important;}

body.vi-c5 a {color: #000 !important;}

body.vi-c5 a#vi-sound { background-image: url(../images/vi_ico1b.png); }
body.vi-c5 .viButtons * {border: 0;}
/********** contrast 5 end ***********/

/************ contrast 6 *************/
body.vi-c6 #logo {background: url(../images/logo_b.png) no-repeat !important;}
body.vi-c6 #logo_en {background: url(../images/logo_en_b.png) no-repeat !important;}

body.vi-c6 .viButtons,
body.vi-c6 .page, 
body.vi-c6 .ancor-menu, 
body.vi-c6 .top-news ul a, 
body.vi-c6 .top-news ul, 
body.vi-c6 .top-news .teaser, 
body.vi-c6 {background: #ffe800 !important;}
body.vi-c6 .viButtons *, 
body.vi-c6 .page * {color: #00008b !important;}

body.vi-c6 .center .csc-header, 
body.vi-c6 .bt {border-top: 5px solid #00008b !important;}

body.vi-c6 h1, 
body.vi-c6 .bb {border-bottom: 5px solid #00008b !important;}

body.vi-c6 a {color: #00008b !important;}

body.vi-c6 a#vi-sound { background-image: url(../images/vi_ico1b.png); }
body.vi-c6 .viButtons * {border: 0;}
/********** contrast 6 end ***********/

/************ contrast 7 *************/
body.vi-c7 #logo {background: url(../images/logo_w.png) no-repeat !important;}
body.vi-c7 #logo_en {background: url(../images/logo_en_w.png) no-repeat !important;}

body.vi-c7 .viButtons,
body.vi-c7 .page, 
body.vi-c7 .ancor-menu, 
body.vi-c7 .top-news ul a, 
body.vi-c7 .top-news ul, 
body.vi-c7 .top-news .teaser, 
body.vi-c7 {background: #00008b !important;}
body.vi-c7 .viButtons *, 
body.vi-c7 .page * {color: #ffe800 !important;}

body.vi-c71 .center .csc-header, 
body.vi-c7 .bt {border-top: 5px solid #ffe800 !important;}

body.vi-c7 h1, 
body.vi-c7 .bb {border-bottom: 5px solid #ffe800 !important;}

body.vi-c7 a {color: #ffe800 !important;}

body.vi-c7 .viButtons * {border: 0;}
/********** contrast 7 end ***********/

/************ contrast 8 *************/
body.vi-c8 #logo {background: url(../images/logo_w.png) no-repeat !important;}
body.vi-c8 #logo_en {background: url(../images/logo_en_w.png) no-repeat !important;}

body.vi-c8 .viButtons,
body.vi-c8 .page, 
body.vi-c8 .ancor-menu, 
body.vi-c8 .top-news ul a, 
body.vi-c8 .top-news ul, 
body.vi-c8 .top-news .teaser, 
body.vi-c8 {background: #000 !important;}
body.vi-c8 .viButtons *, 
body.vi-c8 .page * {color: #00f0ff !important;}

body.vi-c8 .center .csc-header, 
body.vi-c8 .bt {border-top: 5px solid #00f0ff !important;}

body.vi-c8 h1, 
body.vi-c8 .bb {border-bottom: 5px solid #00f0ff !important;}

body.vi-c8 a {color: #00f0ff !important;}

body.vi-c8 .viButtons * {border: 0;}
/********** contrast 8 end ***********/

/************ contrast 9 *************/
body.vi-c9 #logo {background: url(../images/logo_b.png) no-repeat !important;}
body.vi-c9 #logo_en {background: url(../images/logo_en_b.png) no-repeat !important;}

body.vi-c9 .viButtons,
body.vi-c9 .page, 
body.vi-c9 .ancor-menu, 
body.vi-c9 .top-news ul a, 
body.vi-c9 .top-news ul, 
body.vi-c9 .top-news .teaser, 
body.vi-c9 {background: #d600d6 !important;}
body.vi-c9 .viButtons *, 
body.vi-c9 .page * {color: #000 !important;}

body.vi-c9 .center .csc-header, 
body.vi-c9 .bt {border-top: 5px solid #000 !important;}

body.vi-c9 h1, 
body.vi-c9 .bb {border-bottom: 5px solid #000 !important;}

body.vi-c9 a {color: #000 !important;}

body.vi-c9 a#vi-sound { background-image: url(../images/vi_ico1b.png); }
body.vi-c9 .viButtons * {border: 0;}
/********** contrast 9 end ***********/

/************ contrast 10 *************/


body.vi-c10 #logo {background: url(../images/logo_b.png) no-repeat !important;}
body.vi-c10 #logo_en {background: url(../images/logo_en_b.png) no-repeat !important;}

body.vi-c10 .viButtons,
body.vi-c10 .page, 
body.vi-c10 .ancor-menu, 
body.vi-c10 .top-news ul a, 
body.vi-c10 .top-news ul, 
body.vi-c10 .top-news .teaser, 
body.vi-c10 {background: #fff !important;}
body.vi-c10 .viButtons *, 
body.vi-c10 .page * {color: #000 !important;}

body.vi-c10 .center .csc-header, 
body.vi-c10 .bt {border-top: 5px solid #000 !important;}

body.vi-c10 h1, 
body.vi-c10 .bb {border-bottom: 5px solid #000 !important;}

body.vi-c10 a {color: #000 !important;}

body.vi-c10 a#vi-sound { background-image: url(../images/vi_ico1b.png); }
body.vi-c10 .viButtons * {border: 0;}
/********** contrast 10 end ***********/

body.vic .top-list span {width: auto !important; position: static; line-height: normal;}
body.vic .top-list img {display: none;}
body.vic ul.lang a {text-indent: 0; width: auto;}

.ancor-menu a, 
body.vic div.pre, 
body.vic div.pod, 
body.vic div.int, 
body.vic .top-list span, 
body.vic nav, 
body.vic nav a, 
body.vic .lang a,
body.vic .switch-menu li.b1 a, 
body.vic .switch-menu li.b2 a, 
body.vic .switch-menu li.b3 a,
body.vic header, 
body.vic .page, 
body.vic div.breadcrumbs span, 
body.vic footer.main {background: transparent !important;}

body.vic a {text-decoration: underline !important; border: 0 !important; }
body.vic a:hover {text-decoration: none!important;}
body.vic.p1 .center .csc-header {border: 0 !important;}
body.vic .text .csc-header-n1 {border: 0 !important;}

body.vic.ancor-menu a.anlc1, 
body.vic div.anchor-internet a, 
body.vic div.anchor-basic a {border-bottom: 0 !important;}


/****/
body.vit .side .slide li {position: static !important;}
body.vit .side .slide .bx-viewport {height: auto !important;}

body.vit .side .slide a, 
body.vit ul.news-list li.nl-vec span,
body.vit .anchor-basic .aprint,
body.vit .ancor-menu .aprint,
body.vit div.anchor-basic a.ahome, 
body.vit div.breadcrumbs span {
  background-image: none !important;
}

body.vit a.print {position: static !important;}
body.vit .hBlocks, 
body.vit .hBlocks .bx-viewport {height: auto !important;}
body.vit header.main .switch-menu {position: static;}
body.vit .center * {height: auto !important;}

body.vit .top-list li {width: 33.3% !important; text-align: left !important;}
body.vit .top-list span {position: static !important; width: auto !important; background: transparent !important;}
body.vit nav a {height: auto; text-indent: 0 !important; text-align: center; padding: 5px;}
body.vit nav li {width: 14.2% !important;}
body.vit nav li a:hover {background: transparent !important;}

body.vit .bx-pager-item {font-size: 10px;}
body.vit .bx-wrapper .bx-controls {position: relative !important; top: -17px !important;}

body.vit .hBlocks .csc-default a {background-image: none !important;}

body.vit .hBlocks {
  float: none !important;
  width: auto !important;
  height: auto;
}

body.vit .bx-viewport ul li {
  width: auto !important;
}
/*body.vit .hBlocks {float: none; clear: both;}*/
/*****************************************************/

.viButtons {
  margin: 3px auto;
  overflow: hidden;
  background: #124250;
  letter-spacing: 0;
  padding: 0;
}

.viButtons a, .viButtons strong {
  display: block;
  float: left; 
  color: #fff;
  cursor: pointer;
  vertical-align: middle;
  padding: 5px 8px;
  text-decoration: none; 
  font-weight: bold;
  border-right: 2px solid #fff;
}

.viButtons i {margin-right: 6px;}
#vi-close i {margin: 0;}

a#vi-sound {
  background-image: url(../images/vi_ico1.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 50px;
}

#vi-close {border: 0; float: right;}

#vi-sm {margin-left: 0;}

.hide {background: transparent;}
.hide #vi-close {background: #124250;}
.viButtons #vi-close .fa-bars {display: none;}
.hide #vi-close .fa-times {display: none;}
.hide #vi-close .fa-bars {display: inline-block;}

.hide strong, .hide a {display: none;}
.hide #vi-close {display: inline-block;}

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


.viMenu {
  position: absolute; top: 0; left: 0;
  width: 96%;  padding: 2%;    
  background: #fff; color: #000;
  font-size: 2em;
  text-align: center;
  display: none;
  z-index: 9999;
}

.viMenu span {display: block; cursor: pointer; padding: 10px 0; z-index: 9999; margin-bottom: 10px;}


@media only screen and (max-width: 1115px) {
  #vi-rss i, #vi-yt i {margin: 0;}
  #vi-rss span,
  #vi-yt span {display: none;}
}

@media only screen and (max-width: 1025px) {
  #vi-sm i, #vi-s i {margin: 0;}
  #vi-sm span,
  #vi-s span {display: none;}
}

@media only screen and (max-width: 865px) {
  
  #fixMenu i,
  #changeSize i,
  #changeFont i {margin: 0;}

  #fixMenu span,
  #changeSize span,  
  #changeFont span {display: none;}
}

@media only screen and (max-width: 645px) {
  #vi-sound {
    display: inline-block;
    height: 14px;
    padding-left: 40px !important;
  } 
  
  #changeScheme i, 
  #vi-sound i {margin: 0;}
  #changeScheme span,  
  #vi-sound span {display: none;}
}

@media only screen and (max-width: 380px) {
  #vi-rss, #vi-yt {display: none;}
}


/*


@media only screen and (max-width: 395px) {
  #fixMenu, #vi-s {display: none;}
}
*/